
      @font-face {
        font-family:'DIN';
        src:url("font/HarmonyOS_Sans_SC_Bold.ttf");
    }

      .topWrap{height:174px;font-family:"Microsoft Yahei";position: relative;z-index: 3;background: url(images/head_bg.jpg) repeat-x center center;}
            .content{width:1400px;margin:0 auto}
               @media screen and  (max-width:1440px){
                   .content{width:1200px;margin:0 auto}    
                      }
            .h_con{height: 125px;}
            .logo{float:left;width:216px;height:49px;padding-top:32px; }
            .logo img {width:216px;height:49px;}
            .t_wz{position: relative;float:left;margin-left: 24px;height: 60px;margin-top: 30px;}
            .t_wz span{display: block;line-height:24px;font-size:24px;color: #0e0e0e;font-weight: bold;}
            .t_wz em{display: block;line-height:20px;font-size:20px;color: #0e0e0e;padding-top: 8px;font-weight: normal;}
           
            .t_tel{float: right;margin-top:28px;}
            .t_tel img{ display: inline-block;width: 42px;height: 42px;margin-right: 8px;vertical-align:0px;}
            .t_tel em{display: inline-block;}     
            .t_tel em span{ font-size: 16px;color: #666666;line-height: 16px;display: block; padding-bottom: 6px;font-weight: normal;}
            .t_tel em i{font-size:24px;color: #0e0e0e;font-weight: bold;line-height:24px;font-family: "DIN";display: block;}
            .nav {height:33px;position: relative;}
            .nav li {float:left;height:49px;position: relative;z-index:9;box-sizing: border-box;background: url(images/h_line.png) no-repeat right 12px;}
            .nav li>a{font-size:16px;color:#333333;display:block;height:33px;line-height:33px;position: relative;z-index: 2;padding: 0 23.5px;}
            .nav li>a:after{content: "";width:100%;height:0px;background: #8ec31f;position: absolute;left:0%;bottom:0;transition:all 0.5s;z-index: -1;border-radius: 17px;}
            .nav li:hover>a:after,.nav .cur>a:after{height: 33px;}
           
            .nav li:hover>a,.nav .cur>a {color: #fff;}
            .nav li:last-child{background:none;margin:0;}
            em,i{font-style: normal;}
           .submenu { position: absolute; left: 50%; top: 100%; transform: translateX(-50%);  display: none; z-index: 999 ;padding-top: 22px !important;}
.submenu p{
    background: rgba(255, 255, 255, .95); padding:6px 21px;border-radius:10px; position: relative;
}
.submenu p:before { position: absolute; content: ""; border-width: 9px 8px; border-style: solid; border-color: transparent transparent rgba(255,255,255,.95); top: -18px; left: 50%; margin-left: -8px }
.submenu a { transition: all .4s ease; display: block; font-weight: 500; padding: 0 17px 0 32px; font-size: 16px; line-height: 48px; color: #333; line-height: 54px; white-space: nowrap; position: relative;border-bottom:1px dotted #B5B5B5; text-align:left;}
.submenu a:last-child { border-bottom: 0 }
.submenu a:before { position: absolute; content: ""; width:4px;
height:4px;
border:2px solid rgba(125,125,125,1);
border-radius:50%; top: 23px; left: 13px; transition: ease .4s; -o-transition: ease .4s; }
.submenu a:hover { color: #8ec31f;font-weight:bold; }
.submenu a:hover:before { border-color:#8ec31f;}
            @media screen and  (max-width:1440px){
                  .nav li>a{ padding: 0 13.6px ;}
                 
                      }
       
          
      

        .ty-banner-1 {
            position: relative;
            overflow: hidden;
            line-height: 0;
            text-align:center;
        }
        .ty-banner-1 img{ 
            top: 0;
            left: 50%;
            visibility: hidden;
        }
        .ty-banner-1 img.show{
            visibility: visible;
        }
    

.contenttb{width:1200px;margin:0 auto;}
    .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: #8ec31f;}
    .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 #8ec31f;
        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: #8ec31f;}
	

        .p14-infocontent-1 {
            background: #fff;
            padding: 18px 0;
        }
        
        .p14-infocontent-1-tit {
            height: 38px;
            font-size: 24px;
            font-weight: normal;
            line-height: 38px;
            color: #4b4a4a;
            text-align: center;
        }
        
        .p14-infocontent-1-sour {
            height: 24px;
            font-size: 12px;
            line-height: 24px;
            text-align: center;
            color: #aaa;
            margin-bottom: 20px;
        }
        
        .p14-infocontent-1-sour a {
            color: #aaa;
        }
        
        .p14-infocontent-1-sour span {
            margin: 0 9px;
        }
        
        .p14-infocontent-1-text {
            padding: 16px 18px;
            font-size: 14px;
            line-height: 24px;
            border: 1px solid #d6d6d6;
            margin-bottom: 22px;
        }
        
        .p14-infocontent-1-text-t1 {
            width: 78px;
            float: left;
            color: #342f2e;
            margin-right: -78px;
        }
        
        .p14-infocontent-1-text-t2 {
            padding-left: 80px;
        }
    

        .p14-pagination-1 dl {
            margin-bottom: 24px;
            padding-right: 40px;
        }
        
        .p14-pagination-1 dd {
            height: 32px;
            font-size: 14px;
            line-height: 32px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .p14-pagination-1 dd b {
            float: right;
            font-weight: normal;
        }
        
        .p14-pagination-1 dd span {
            width: 60px;
            height: 32px;
            background: #a2a2a2;
            color: #fff;
            text-align: center;
            display: inline-block;
            margin-right: 10px;
        }
        
        .p14-pagination-1 dt {
            height: 1px;
            border-bottom: 1px dashed #b5b5b5;
            margin-left: 60px;
            padding-top: 2px;
            margin-bottom: 2px;
        }
        
        .p14-pagination-1 dd em {
            float: right;
            font-style: normal;
            padding-left: 20px;
            font-weight: normal;
        }
        
        .p14-pagination-1 dl a {
            color: #4b4a4a;
        }
        
        .p14-pagination-1-href {
            float: right;
            font-size: 18px;
            line-height: 32px;
        }
        
        .p14-pagination-1-href span {
            display: inline-block;
            padding: 0 6px;
            margin-left: 4px;
            background: #009fdd;
        }
        
        .p14-pagination-1-href a {
            display: block;
            color: #fff;
        }
        
        .p14-pagination-1-key {
            min-height: 40px;
            border-top: 1px solid #009fdd;
            font-size: 14px;
            line-height: 40px;
            color:#575556;
        }
        
        .p14-pagination-1-key a {
            color: #575556;
        }
        
        .p14-pagination-1-key span {
            display: inline-block;
            margin: 0 4px;
        }
    

        .p14-info-2 {
            background: #fff;
        }
        
        .p14-info-2-tit {
            height: 80px;
            font-size: 22px;
            font-weight: normal;
            line-height: 80px;
            background: #8ec31f;
            color: #fff;
            text-align: center;
        }
        
        .p14-info-2-list dl { 
            padding: 26px 10px 20px 7px;
            border-bottom: 1px dashed rgba(153, 153, 153, 0.3);
            font-size: 12px;
            line-height: 18px;
            overflow: hidden;
        }
        
        .p14-info-2-list dt {
            width: 40.35%;
            float: left;
            margin-right: 6px;
        }
        
        .p14-info-2-list dt img {
            display: block;
            width: 100%;
            margin: 0 auto;
        }
        
        .p14-info-2-list dd h4 a{
            display: block;
            height: 28px;
            font-size: 18px;
            font-weight: normal;
            line-height: 28px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-bottom: 5px;
        }
        
        .p14-info-2-list-desc {
            font-size: 14px;
            line-height: 22px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .p14-info-2-list dl:nth-last-child(1) {
            border-bottom: 0;
        }
    

        .contact-z1 {
            height: 140px;
            background: url("images/contact-z1.jpg") no-repeat;
            color: #333;
            margin-bottom: 30px;
        }
        
        .contact-z1 p {
            font-size: 20px;
            height: 30px;
            line-height: 30px;
            padding: 37px 0 0 95px; 
            background: url(images/contact-z1_tel.png) no-repeat 74px 44px;
        }
        
        .contact-z1 span {
            display: block;
            height: 30px;
            font-weight: bold;
            font-size: 18px;
            line-height: 30px; 
            padding-left: 73px;
        }
    

     
    .content22{width:1400px;margin: 0 auto;position: relative;}
      @media screen and  (max-width:1440px){
        .content22{width:1200px;margin:0 auto;}    
      
           }
    .footer{height: 772px;background: url(images/foot_bg.jpg) no-repeat center;padding-top: 92px;box-sizing: border-box;}
    .f_con{height: 452px;border-bottom: 1px solid rgba(255,255,255,0.6);} 

    .f_nav li{float: left;width: 170px;}  
    .f_nav li:first-child{width: 220px;}
    .f_nav li:nth-child(2){width: 280px;}
    .f_nav  ul li b>a{font-size: 18px;line-height: 18px;font-weight: bold;padding-bottom:36px;display: block;color: #fff;}
    .f_nav ul li p>a{font-size: 16px;color: #ffffff;line-height: 36px;display: block;opacity: 0.6;}
    .f_er{float: right;width: 360px;}
    .f_er li{float: left;width: 170px;box-sizing: border-box;}
    .f_er li:last-child{float: right;}
    .f_er li img{ display: block;width: 170px;height: 170px;border-radius: 10px;}
    .f_er li span{ display: block;font-size: 16px;color: #fff;line-height: 40px;text-align: center;background: #484c50;margin-top: 10px;border-radius: 10px;opacity: 0.6;width: 100%;}
    .f_er p{font-size: 16px;color: #fff;line-height: 16px;opacity: 0.6;padding: 26px 0 16px;}
    .f_er em{display: block; font-size: 16px;color: rgba(2555,255,255,0.6);line-height: 16px;}
    .f_er em img{display: inline-block;width: 14px;height: 14px;margin-right: 8px;}
    .f_er b{display: block; font-size: 24px;color:#fff;line-height: 28px;font-family: "DIN";margin-top: 8px;}
    .f_er i{display: inline-block; font-size: 16px;color: rgba(2555,255,255,0.6);line-height: 16px;font-weight: normal;}
    .lxwm{padding-top: 30px;height: 120px;border-bottom: 1px solid rgba(255,255,255,0.6);}
    .lxwm p{display: block;font-size: 16px;color: #fff;line-height: 28px;opacity: 0.6;text-align: left;float: left;}
    .lxwm img{display: block;float: right;width: 64px;height: 64px;}
    .f_bt span{float: left;display:block;font-size: 16px;color: #fff;line-height: 70px;opacity: 0.6;}
    .f_bt span a{color: #fff;}
    .links{float: right;}
    .links i{font-size: 16px;color: #fff;line-height: 70px;display: inline-block;opacity: 0.6;}
    .links a{font-size: 16px;color: #fff;line-height: 70px;display: inline-block;padding: 0 12px;opacity: 0.6;}
    .links a:last-child{padding-right: 0;}
  
    @media screen and  (max-width:1440px){
      .f_nav li{float: left;width: 160px;}  
    .f_nav li:first-child{width: 210px;}
    .f_nav li:nth-child(2){width: 260px;}
  
       }

  

        .client-2 {
            width: 45px;
            position: fixed;
            right: 10px;
            top: 60%;
            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:#8ec31f url(images/cimg23.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-weixin {
            background:#8ec31f url(images/cimg24.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-tel {
            background:#8ec31f url(images/cimg25.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-shouye {
            background:#8ec31f 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:#8ec31f 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:#8ec31f 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:#8ec31f 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;
        }
    
