i,em{font-style: normal;}
          .topWrap { height:136px; min-width:1200px; max-width:1920px; width:100%; background:#fff;position:relative;z-index:3; margin:0 auto;}
		  .logo{ margin:2.5rem 0 0 7.8125%; float:left; width:10.46875%;}
		  .logo img{width:100%;display:block;}
		  .topWrap h3{ width:19.79166%; float:left; font-size:1.625rem; font-weight:bold; color:#333333; margin:2.125rem 0 0 1.5625%; line-height:28px;}
		  .topWrap h3 em{ display:block; font-size:1.125rem; font-weight:normal;}
		  .nav{ width:59.375%; float:right; height:136px;}
		  .nav ul{ width:76%; height:136px; border-right:1px solid #e0e0e0; float:left;}
		  .nav li{ font-size:20px; line-height:136px; float:left; margin-right:3.9%; text-align:center;position:relative;}
		  .nav li:before{content: "";position: absolute;width:0;height:5px;bottom:0;left:0;z-index:0;background:#00a1e9;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
		  .nav li:last-child{ margin-right:0;}
		  .nav li a{ color:#333; display:block; height:95px;}
		  .nav .cur a,.nav li a:hover{color:#00a1e9; box-sizing:border-box; font-weight:bold;}
		  .nav li.cur:before,.nav li:hover:before{width: 100%;}
		  .sou{ width:12%; height:136px; float:left; position:relative;}
		  .sou em{ display:block; width:100%; height:136px; background:url(images/sou.png) no-repeat center center;}
		  .sou em img{ display:block;}
		  .sou1{ display:none; width:300px; height:40px; position:absolute; top:136px; right:0;
background: linear-gradient(135deg,  #fff 0%,#f0f0f0 100%); border-radius:30px;}
		  .ip01{ width:240px; height:40px; background:none; border:0; color:#000; line-height:40px; padding-left:10px; float:left;}
		  .ip02{ width:49px; height:40px; line-height:40px; text-align:center; background:none;border-left:1px solid rgba(255,255,255,0.3); background:url(images/sou.png) no-repeat center center;}
		  .sou:hover .sou1{ display:block;}
		  .nav h5{ width:11.3%; height:100%; float:right;background: linear-gradient(135deg,  #00a1e9 0%,#00a1e9 100%);}
		  .nav h5 em{ display:block; width:100%; height:136px; background:url(images/lx.png) no-repeat center center;}
		  .nav h5 span{ display:none; font-size:30px; font-weight:bold; color:#00a1e9; position:absolute; top:136px; right:8px;}
		  .nav h5:hover span{ display:block;}
		  @media (max-width: 1680px) {
			}
		  @media (max-width: 1440px) {
			  .topWrap h3{ font-size:1.325rem;}
			  .nav li{ font-size:14px; margin-right:4%; }
			}
      

	  .ban{ position:relative;}
      .banner{max-height: 942px;overflow: hidden;}
      .banner img{width: 100%;display: block;}
      .banner .slick-arrow {position: absolute;top:45%; z-index: 9; width:50px; height:50px;border: 0; outline: none; border-radius:90px;font-size: 0;}
      .banner .slick-prev {left:5%; display: none; background:url(images/ban_l.png) no-repeat center center;}
      .banner .slick-next {right:5%;display: none;background:url(images/ban_r.png) no-repeat center center;} 
	  .slick-dots { position: absolute;left: 38%; 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: #000;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:#00a1e9;width: 50px;} 
	  @media (max-width: 1440px) {
		}
      

.case .tit01{font-size:48px; font-weight:bold; color:#000; text-align:center; line-height:50px;}
.case .tit01 a{ display:block; color:#000;}
.case .tit01 em{ display:block; font-weight:normal; font-size:20px;padding-top:6px; color:#282828;}
     /**/
.case .content{ position:relative;width:1400px;min-width: 1200px;max-width:1920px; margin: 0 auto;}
.case dl{ margin-top:45px;}
.case dt{ width:960px; height:684px; float:right; margin-right:-250px;}
.case dt img{ display:block;width:960px; height:684px;}
.case dd{ width:43.9285%; float:left; margin-top:20px;}
.case dd h3{ height:60px; font-size:36px; font-weight:bold;}
.case dd h3 a{ color:#333;}
.case dd h3 em{ font-size:16px; color:#666; background:url(images/case_ad.png) no-repeat left center; padding-left:24px; margin-left:11px; line-height:25px; font-weight:normal; display:inline-block;}
.case dd h5{ width:85.36585%; height:52px; background:#00a1e9; border-radius:30px; text-align:center; line-height:52px; font-size:24px; color:#fff; font-weight:normal;}
.case dd p{ font-size:16px; line-height:36px; color:#666; margin:25px 0 0;}

.cased{ background:#fff; box-shadow:0.1rem 0.1rem 1rem #ccc; width:57.142%; padding-bottom:30px; position:absolute; bottom:50px; left:0;}
.cased h3{ height:70px; font-size:20px; font-weight:bold; color:#333; line-height:70px; text-align:center;}
.cased2{ width:88.75%; margin:0 auto; overflow:hidden;}
.cased li{ width:31.9%; float:left; border:1px solid #e0e0e0;margin-right:12px;}
.cased li:hover{ border:1px solid #00a1e9;}
.cased li img{ display:block; width:100%;}
.case_l{background:url(images/par_l.png) no-repeat; width:18px; height:19px; position:absolute; top:130px; left:17px;}
.case_r{background:url(images/par_r.png) no-repeat;width:18px; height:19px; position:absolute; top:130px; right:17px;}
@media (max-width: 1400px) {
}
@media (max-width: 1366px) {
}
@media (max-width: 1360px) {
}
@media (min-width: 1200px) and (max-width: 1400px) {
.case .content{ position:relative;width:1200px;min-width: 1200px;max-width:1920px; margin: 0 auto;}
.case dt{ margin-right:-320px;}
.cased li{ width:31.4%;}
.case_l,.case_r{top:110px;}
}

 

		/*清除浮动*/
		.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{height:544px;font-family:"Microsoft Yahei";}
	  .footer{min-width:1200px; max-width:1920px; width:1400px; margin:0 auto;}
	  .ftit{ height:88px; line-height:90px; font-weight:bold; color:#00a1e9; font-size:20px;}
	  .flian{ width:30%; float:left; overflow:hidden; height:360px;}
	  .flian p{ padding:20px 0; border-bottom:1px solid #ccc; font-size:16px; color:#333;}
	  .flian p:last-child{ border:0;}
	  .flian p em{ display:block; width:48px; line-height:28px; background:url(images/f1.png) no-repeat left center; padding-left:26px; float:left;}
	  .flian p i{ font-size:20px; font-weight:bold;}
	  .flian p:nth-child(3) em{background:url(images/f2.png) no-repeat left center;}
	  .flian p:nth-child(4) em{background:url(images/f3.png) no-repeat left 3px; height:60px;}
	  .flian p:nth-child(4) i{ font-size:16px; font-weight:normal; line-height:32px;}
	  .fnav{ width:19.28571%; margin-left:6%;}
	  .fnav p{ font-size:16px; line-height:45px;}
	  .fnav p a{ display:block; width:50%; float:left; color:#333;}
	  .fnav p a:hover,.fadd a:hover{ font-weight:bold; color:#00a1e9;}
	  .code{ width:32.85714%; float:right;}
	  .code p{ width:31%; float:left; font-size:14px; line-height:50px; color:#666; text-align:center;}
	  .code p:nth-child(3){ margin-left:3.6%;}
	  .code p:last-child{ float:right;}
	  .code p em{ display:block; background:#f3f3f3; padding:17px;}
	  .code p em img{ display:block; width:100%;}
	  .fadd{ height:100px; font-size:16px; color:#333; line-height:100px; border-top:1px solid #ccc;}
	  .fadd b{ padding:0 1%;}
	  .fadd a{ color:#333;}
      @media (min-width: 1200px) and (max-width: 1400px) {
		  .flian{ width:36%; }
		  .footer{width:1200px; margin:0 auto;}
		  }
      

	 	 input:-moz-placeholder,   
textarea:-moz-placeholder {color: #fff;   }     
input:-ms-input-placeholder,   
textarea:-ms-input-placeholder {color: #fff;}     
input::-webkit-input-placeholder,   
textarea::-webkit-input-placeholder { color: #fff;}
		/*留言*/
		.online{ height:126px;max-height: 1080px; width:100%;max-width: 1920px; position:fixed; bottom:0; z-index:88;}
		.online_click{ width:98px; height:38px;display:block; position:absolute; bottom:0; left:50%; margin-left:-49px; z-index:999; }
		.online_click img{ display:block; width:100%;}
		.online_neir{width:100%; background:#00a1e9; position:absolute; bottom:0; z-index:20;display:none; height:126px;}
		.online_con{min-width:1200px; max-width:1920px; width:1400px; margin:0 auto; position:relative;}
		.online_neir h2{ width:174px; height:39px; float:left; margin:40px 30px 0 0;}
		.online_neir h2 img{display:block; width:100%;}
		.online_neir h3{ width:250px; float:left; font-size:22px; font-weight:bold; line-height:126px; color:#fff;}		
		.online_neir ul{ width:60%; height:126px; float:right;}
		.online_neir li{ float:left; width:23%; height:40px; background:#fff; border-radius:40px; margin-top:40px; margin-right:0.9%;}
		.online_neir li em{ display:block;width:27%; line-height:40px; color:#333; font-size:14px; float:left; font-weight:bold; text-align:right;}
		.online_neir li input{ width:68%; height:40px; background:none; border:0; line-height:40px;color:#666; float:left;}
		.online_neir li textarea{ width:68%; height:40px; background:none; border:0; resize:none; line-height:40px; color:#666;float:left;}
		.online_neir .li05{ margin-right:0;width:26%;}
		.online_neir .li05 input{width:100%; height:40px; color:#00a1e9; font-weight:bold; background:none; padding:0;}
		.online_neir h5{ background: url(images/online_lx.png) no-repeat; background-size:100% auto; height:18px; width:19px; position:absolute; top:22px; right:0;}
		@media (min-width: 1200px) and (max-width: 1400px) {
		  .online_con{ width:1200px; margin:0 auto;}
		  }
     
 
  .online .code{display: none;}
.online .submit{display:none;}
 .nsw-modal {
     width: 100%;
     height: 100%;
     background: rgba(225, 225, 225, 0.5);
     position: fixed;
     top: 0;
     left: 0;
     z-index: 99999; 
 }
 .modal-dialog {
     position: fixed;
     color:#000000;
     top: 150px;
     width: 400px;
     border-radius: 3px;
     min-height: 155px;
     overflow: hidden;
     z-index: 99998;
     margin-left: -200px;
     left: 50%; 
 }
 .modal-dialog .css-icon {
 }
 .modal-dialog .modal-head {
     height: 30px;
     line-height: 30px;
     padding: 0px 20px;
     background: #F6EFEF;
     font-size: 14px; 
 }
 .modal-dialog .modal-head .modal-logo {
     width: 15px;
     height: 15px;
     background-position: 1px 0px;
     margin: 8px 5px 0 0;
     float: left; 
 }
 .modal-dialog .modal-head .close {
     float: right;
     width: 15px;
     height: 15px;
     background-position: -14px 0px;
     margin-top: 8px; 
 }
 .modal-dialog .modal-body {
     width: 100%;
     min-height: 125px;
     background: #ffffff; 
 }
 .modal-dialog .css-icon {
     background-image: url(images/modal-icons.png);}
 .modal-dialog .modal-body .modal-body-left {
     width: 140px;
     float: left; 
 }
 .modal-dialog .modal-body .modal-body-left .icon {
     width: 64px;
     height: 64px;
     margin: 30px 0 0 48px; 
 }
 .modal-dialog .modal-body .modal-body-left .success-message {
     background-position: 0px -14px; 
 }
 .modal-dialog .modal-body .modal-body-left .warming-message {
     background-position: 0px -78px; 
 }
 .modal-dialog .modal-body .modal-body-right {
     width: 260px;
     float: right;
     padding-top: 20px; 
 }
 .modal-dialog .modal-body .modal-body-right .close-btn {
     color: #000;
     text-align: center;
     width: 90px;
     display: inline-block;
     height: 24px;
     line-height: 24px;
     background: #818079; 
 }
 .modal-dialog .modal-body .modal-body-right p {
     line-height: 30px; 
 }
  

        .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:#00a1e9 url(images/cimg23.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-weixin {
            background:#00a1e9 url(images/cimg24.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-tel {
            background:#00a1e9 url(images/cimg25.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-shouye {
            background:#00a1e9 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:#00a1e9 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:#00a1e9 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:#00a1e9 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;
        }