
 .search .sea_icon {
    padding: 0 0.3rem;
    width: 3rem;
    height: 3rem;
    position: absolute;
    z-index: 2;
    right: 0.8rem;
    top: 2.2rem;
}
.search{width: 1.5rem;height: 6.5rem;line-height: 0;display: flex;align-items: center;margin-left: 0rem;cursor:pointer;position: relative;}
.search .sea_icon img{width: 1.5rem;height: 1.5rem;margin-top:0.6rem;}
.search .sea_icon:hover img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
.sea_box{position: absolute;width: 13.5rem;right: 0;top:4.5rem;z-index: 100;display: none;}
.sea_box input {float: left;font-size: 0.7rem;}
.sea_box input.txt {width: 10rem;padding: 0 0 0 0.5rem;line-height: 2rem;height: 2rem;border: 0.1rem solid #f7a413;box-sizing: border-box;}
.sea_box input.btn {width: 3.5rem;background-color: #f7a413;color: #fff;cursor: pointer;height: 2rem;border: none;}
input::-webkit-input-placeholder {color: #666;}
          i,em{font-style: normal;}
          .topWrap { height:125px; min-width:1200px; max-width:1920px; background:none;position:absolute;z-index:3; margin:0 auto; top:0; border-bottom:1px solid rgba(255,255,255,0.2); width:100%;}
		  .header{ width:100%; margin:0 auto;position:relative;}
		  .logo{ margin:12px 26px 0 3.5%; float:left; width:5.26%; height:auto;}
		  .logo img{width:100%;display:block;}
		  .topWrap h3{float:left; font-size:22px; font-weight:bold; color:#fff; margin:28px 0 0; line-height:30px;}
		  .topWrap h3 em{ display:block; }
		  .nav{ width:70%; float:left; height:109px;margin-left:3.5%;position:relative;}
		  /*.nav ul{ width:76%; height:125px; float:left;}*/
		  .nav ul {
    width: 72%;
    height: 125px;
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
		  .nav li{ font-size:18px; line-height:125px; float:left; /*margin:0 0.9rem;*/ text-align:center;position:relative;}
		  .nav li:last-child{ margin-right:0;}
		  .nav li a{ color:#fff; height:75px;position:relative;padding:5px 0.6rem; border-radius:20px;}
		  .nav .cur a,.nav li a:hover{background:#f7a413; color:#fff;}
		  
		  .nav h5{ border-left:1px solid rgba(255,255,255,0.2); box-sizing:border-box;  width:22%;padding-top:25px; height:125px; font:24px "Microsoft YaHei UI"; line-height:35px; color:#fff; float:right;position:relative; text-align:center; background:url(images/lx.png) no-repeat 10% center;}
		  
		  .topWrap1 {position: fixed;top: 0;z-index:99;min-width:1200px; max-width:1920px; width:100%; margin:0 auto; background:#fff;box-shadow: 0.1rem 0.1rem 1rem rgba(204, 204, 204, 0.4); height:100px;} 
		  .topWrap1 .logo{ margin:23px 26px 0 3.5%; }
		  .topWrap1 h3{ color:#333; margin:18px 0 0; }
		  .topWrap1 .nav li{ line-height:100px;}
		  .topWrap1 .nav li a{ color:#333;}
		  .topWrap1 .nav .cur a,.topWrap1 .nav li a:hover{background:#f7a413; color:#fff;}
		  .topWrap1 h5{background:url(images/case_lx.png) no-repeat 10% center; color:#333;border-left:1px solid #ccc; height:100px;padding-top:15px;}
          
          
          .nav .erji{ display:none; position:absolute; top:90px; left:0; padding:12px 6%; background:#fff; font:16px "Microsoft YaHei"; line-height:30px; width:140%;text-align:center; border-radius: 5px; box-shadow:0 0 1rem #ccc; z-index:98; margin-left:-26%;}
            .nav .erji a,.nav .cur .erji a{ display:block; color:#333; line-height:36px; height:36px;float:left;width:100%; font-weight:normal;text-overflow: ellipsis;white-space: nowrap; overflow:hidden;padding:0;}
            .nav .cur .erji a{ background:none;}
            .nav .erji a:hover{background:#ff8600;line-height:36px; height:36px; border-bottom:0;color:#fff;}
            .nav li:nth-child(4) .erji{ width:180%; margin-left:-40%;}
		    .nav li:nth-child(3) .erji{ width:200%; margin-left:-50%;}
		    .nav li:nth-child(2) .erji,.nav li:nth-child(5) .erji{ width:400%; margin-left:-50%;}
		    .nav li:nth-child(2) .erji a,.nav li:nth-child(5) .erji a{ width:50%; float:left;}
            
		  @media (max-width: 1680px) {
            .nav li{ font-size:16px;margin-right:1.1%; }
            .nav h5{ font-size:22px;}
		  }
		  @media (max-width: 1600px) {
			.nav li{margin-right:1%; }
			.nav h5{ font-size:20px;}
		  }
		  @media (max-width: 1440px) {
			.topWrap h3 em{ font-size:18px; }
			.nav li{ font-size:14px;margin-right:0.8%; }
			.nav h5{ font-size:16px; }
		  }
		  @media (min-width: 1200px) and (max-width: 1400px) {
			  .topWrap h3 em{ font-size:16px; }
			  .nav li{ margin-right:0.81%; font-size:12px;}
			 
		}
      

	  .ban{ position:relative;}
      .banner{max-height:933px;overflow: hidden;}
      .banner img{width: 100%;display: block;}
      .banner .slick-arrow {position: absolute;top:45%; z-index: 9; width:5.0625rem; height:5.0625rem;border: 0; outline: none; border-radius:90px;font-size: 0;}
      .banner .slick-prev { display: none; background:url(images/ban_l.png) no-repeat center center; left:3%; width:5.0625rem; height:5.0625rem;}
      .banner .slick-next { display: none;background:url(images/ban_r.png) no-repeat center center; right:3%;width:5.0625rem; height:5.0625rem;} 
	  .slick-dots { position: absolute;left: 44%; font-size:0; bottom: 5%;width: 300px;text-align: center;z-index: 11;}
      .slick-dots li {display: inline-block;margin: 0 8px; }
      .slick-dots li button {display: block;background: #18288a;width:15px;height: 15px;color: #fff; border-radius: 20px;border:0; -webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
      .slick-dots .slick-active button {background:#f7a413;width: 50px;} 
	  @media (max-width: 1440px) {
		}
      

		/*清除浮动*/
		.clear{clear: both;height: 0;}
		.clearafter:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
		.clear{ clear:both; height:0; line-height:0; font-size:0;}
		.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
		.clearfix{*zoom:1}
		
      .footWrap{}
	  .footer{min-width:1200px; max-width:1920px; width:83.33%; margin:0 auto;}
	  .foot1{ background:#fafaf9 url(images/footer_bg.jpg) no-repeat center bottom; height:430px;overflow:hidden; padding-top:90px;}
	  .flogo{ width:23.75%;}
	  .flogo h3{ width:34.21%; margin-top:18px;}
	  .flogo h3 img{ display:block; width:100%;}
	  .flogo p{ font-size:16px; line-height:30px; color:#666; margin-top:20px;}
	  .fnav{ width:62.5%;}
	  .fnav1{ width:28.5%;}
	  .fnav1:nth-child(2){ margin-left:6.5%;}
	  .ftit{ height:80px; border-bottom:1px solid #ccc; font-size:20px; font-weight:bold; color:#333333; background:url(images/farr.png) no-repeat right center; line-height:80px; margin-bottom:25px;}
	  .fnav p{ font-size:16px; line-height:36px; color:#333;}
	  .fnav p a{ display:block; color:#333;}
	  .fnav p a:hover{ font-weight:bold; color:#18288a;}
	  .fnav p b{ display:block; font-size:24px;}
	  .foot2{ background:#1a2881; padding-top:60px; height:245px;}
	  .ficon{ width:66.875%; float:left; border-bottom:1px solid rgba(255,255,255,0.1);}
	  .ficon h5{ height:50px; margin-top:20px;}
	  .ficon h5 span{ display:block; float:left; margin-right:15px; position:relative;}
	  .ficon h5 span em{ display:none; font-size:24px; font-weight:bold; position:absolute;left: 60px; left:0; color:#fff;}
	  .ficon h5 i{ display:none; position:absolute; top:60px; left:0;}
	  .ficon h5 span i img{ display:block; width:120px; height:120px; border:2px solid #fff;}
	  .ficon h5 span:hover em,.ficon h5 span:hover i{ display:block;}
	  .ficon p{ font-size:16px; line-height:64px; color:rgba(255,255,255,0.6);}
	  .ficon p b{ padding:0 14px;}
	  .ficon p a{color:rgba(255,255,255,0.6);}
	  .ficon p a:hover{font-weight:bold;}
	  .code{ width:23.125%; float:right;}
	  .code p{color:rgba(255,255,255,0.6); text-align:center; line-height:44px; font-size:16px; width:45.945%; float:left;}
	  .code p em{ width:84%; display:block; padding:8%; margin:0 auto; background:#fff;}
	  .code p img{ display:block; width:100%;}
	  .code p:last-child{ float:right;}
	  


@media (max-width: 1680px) {

}
@media (max-width: 1600px) {

}
@media (max-width: 1440px) {

}
      @media (min-width: 1200px) and (max-width: 1400px) {
		  .footer{width:1200px; margin:0 auto;}
		  }
      

    .xin-2112-client-1 {
        width: 76px;
        position: fixed;
        right: 0;
        top: 72%;
        z-index: 999;
        color: #333;
        background: #fff;
        box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
        border-radius: 3px;
    }
    
    .xin-2112-client-1 li {
        width: 76px;
        border-radius: 2px;
        position: relative;
        cursor: pointer;
        padding: 10px 0 13px;
    }
    
    .xin-2112-client-1 li.my-kefu-top {
        display: none;
    }
    
    .xin-2112-client-1 li a {
        display: block;
        height: 100%;
        text-decoration: none;
        color: #333;
    }
    
    .xin-2112-client-1 li i {
        display: block;
        width: 38px;
        height: 37px;
        overflow: hidden;
        margin: 0 auto;
        background: url("images/xin-2112-client-icon.png") no-repeat;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
    }
    
    .xin-2112-client-1 li.my-kefu-tel i {
        background-position: 0 0;
    }
    
    .xin-2112-client-1 li.my-kefu-link i {
        background-position: 0 -47px;
    }
    
    .xin-2112-client-1 li.my-kefu-qq i {
        background-position: 0 -94px;
    }
    
    .xin-2112-client-1 li.my-kefu-weixin i {
        background-position: 0 -141px;
    }
    
    .xin-2112-client-1 li.my-kefu-top i {
        background-position: 0 -188px;
    }
    
    .xin-2112-client-1 li .client-2112-cont {
        width: 160px;
        padding: 14px 14px 14px 70px;
        position: absolute;
        right: 85px;
        top: 4px;
        color: #fff;
        font-size: 18px;
        height: 32px;
        line-height: 32px;
        text-align: left;
        background: #18288a;
        display: none;
    }
    
    .xin-2112-client-1 li .client-2112-cont:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        top: 50%;
        margin-top: -7px;
        right: -7px;
        border-bottom: 7px solid transparent;
        border-top: 7px solid transparent;
        border-left: 7px solid #18288a;
    }
    
    .xin-2112-client-1 li .client-2112-cont:before {
        content: "";
        position: absolute;
        width: 38px;
        height: 38px;
        background: url("images/xin-2112-client-icon.png") no-repeat;
        left: 25px;
        top: 50%;
        margin-top: -19px;
        z-index: 1;
    }
    
    .xin-2112-client-1 li .client-2112-cont-weixin {
        width: 115px;
        padding: 14px;
        position: absolute;
        right: 85px;
        top: -28px;
        background: #fff;
        display: none;
    }
    
    .xin-2112-client-1 li .client-2112-cont-weixin:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        top: 50%;
        margin-top: -7px;
        right: -7px;
        border-bottom: 7px solid transparent;
        border-top: 7px solid transparent;
        border-left: 7px solid #fff;
    }
    
    .xin-2112-client-1 li .client-2112-cont-weixin img {
        width: 115px;
        height: 115px;
        display: block;
    }
    
    .xin-2112-client-1 li.my-kefu-tel .client-2112-cont:before {
        background-position: -70px 0;
    }
    
    .xin-2112-client-1 li.my-kefu-qq .client-2112-cont:before {
        background-position: -70px -94px;
    }
    
    .xin-2112-client-1 li p {
        display: block;
        height: 18px;
        line-height: 18px;
        font-size: 12px;
        color: #333;
        text-align: center;
    }
    
    .xin-2112-client-1 li.my-kefu-link a {
        animation: heart 1s ease-in-out infinite alternate;
    }
    
    .xin-2112-client-1 li.cur,
    .xin-2112-client-1 li:hover {
        background: #18288a;
    }
    
    .xin-2112-client-1 li.cur.my-kefu-tel i,
    .xin-2112-client-1 li.my-kefu-tel:hover i {
        background-position: -70px 0;
    }
    
    .xin-2112-client-1 li.cur.my-kefu-link i,
    .xin-2112-client-1 li.my-kefu-link:hover i {
        background-position: -70px -47px;
    }
    
    .xin-2112-client-1 li.cur.my-kefu-qq i,
    .xin-2112-client-1 li.my-kefu-qq:hover i {
        background-position: -70px -94px;
    }
    
    .xin-2112-client-1 li.cur.my-kefu-weixin i,
    .xin-2112-client-1 li.my-kefu-weixin:hover i {
        background-position: -70px -141px;
    }
    
    .xin-2112-client-1 li.cur.my-kefu-top i,
    .xin-2112-client-1 li.my-kefu-top:hover i {
        background-position: -70px -188px;
    }
    
    .xin-2112-client-1 li.cur p,
    .xin-2112-client-1 li:hover p {
        color: #fff;
    }
    
    .xin-2112-client-1 li:hover .client-2112-cont,
    .xin-2112-client-1 li:hover .client-2112-cont-weixin {
        display: block!important;
    }

