@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
a{ text-decoration: none;font-family: "Source Han Sans CN"}
body{font-family: "Source Han Sans CN"}
/* flexslider */
.flexslider{margin:0px auto;position:relative;width:100%;height:100%;overflow:hidden;zoom:1; z-index:-1 }
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}
.flexslider .slides li{ width:960px; }
.zh_box{ width:100%; position:relative;}
.zh_img{width:100%; overflow:hidden;}
.zh_tle{ width:100%; height:50px; position:absolute; left:0; bottom:0;background:rgba(0,0,0,0.5) none repeat scroll !important; /*实现FF背景透明，文字不透明*/
background:#000; filter:Alpha(opacity=50);/*实现IE背景透明*/ z-index:200; }
.zh_tle h1{ font-size:14px; color:#ffff; padding-top:10px;}
.w_1200{ width: 1200px; margin: 0 auto }
.logo{ width: 83px; float: left; margin-top: 20px }
.nav{z-index: 1000; background-color: #56AFE9 }
.nav_fen{ margin-left:40px; background-color:#56AFE9; height:49px; margin-bottom:0px  }
.nav_fen img{ float: left; }
.nav_fen>li{ float: left; }
.nav_fen>li>a{ font-weight:bold; color: #fff; float: left; width:175px; text-align: center; background-color:#56AFE9; text-decoration: none; font-size: 18px; height:49px; line-height:49px }
.nav_fen>li>a:hover{ background:url(../images/logo2.png) ; margin-top:0px; }
.logo11{ float: left; width:160px;height:79px; line-height:79px;background-color: #56AFE9}
.w_1000{ width: 96%; margin: 0 auto; text-align:center; max-width:1600px; }
.w_h1{ font-size:30px; font-weight:600; margin-top:60px; margin-bottom: 25px }
.w_1000 p{ font-size:16px; line-height:26px; text-indent: 2em; color: #797979 }
.liaojie a{ background: url(../images/in_18.jpg) no-repeat; width: 161px; height: 41px; line-height: 41px; display:block; color: #fff; font-size: 16px; margin: 0 auto; margin-top:25px }
.in_bg{ background: url(../images/bg.jpg); width: 100%; padding-bottom:200px}
.w_zong{ overflow: hidden; margin-top: 80px }
.w_h2{ fot-size:30px; font-weight:600; padding-top:120px; margin-bottom: 25px; color: #FFF; text-align: center; margin-top:60px }
.w_h2 span{ font-size:16px;  margin-top:15px; display: block; color: #FFF;text-align: center; }
.w_left{ width:40%; float: left; }
.w_right{ width: 100%; float: left; }
.w_right dl{ width:20%; margin-left:10%; height: 145px; margin-bottom: 20px; float: left; border:2px solid #fff; border-radius: 6px; text-align: center; }
.w_right dt{margin-top: 30px}
.w_right dd{ color: #fff; font-size:22px; margin-top:30px }
.in_bg1{ background: url(../images/gezi.jpg) ; width: 100%; }
.w_h3{ font-size:30px; font-weight:600; padding-top:40px;color: #333; text-align: center; }
.w_h3 span{ font-size:16px;  margin-top:35px; display: block; color: #333;text-align: center; }
  .swiper-container {
      width: 100%; 
      height: 100%; 
	  padding-top:30px
    }
    .swiper-wrapper{
    	
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
       width: 90%; margin: 0 auto;
    }
    .swiper-slide dl dt img{width: 100%  }
    .swiper-slide dl dt{ position: relative; }
    .swiper-slide dl div{ position: absolute; left: 0; top: 30%; background: rgba(8,108,206,.7) ; width: 100%; height:90px  }
    .swiper-slide dl a{ color: #fff; border: 1px solid #fff; font-size: 20px;padding:5px 0px; display: block; margin-top: 30px; width: 140px; text-align: center; margin: 30px auto }
    .swiper-slide dl .dd1{ font-size: 22px; color: #313131; border-bottom:1px solid #ccc; text-align:center; margin-top: 20px; padding-bottom: 4px }
    .swiper-slide dl .dd1 span{ border-bottom:2px solid #666; padding-bottom: 2px }
    .swiper-slide dl .dd2{ font-size: 16px; text-align: left; color: #949494; margin-top: 15px }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background: url(../images/zuo.png) no-repeat left center; position: absolute; left: 20px; width: 56px; height: 70px }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background: url(../images/you.png) no-repeat left center; position: absolute; right: 20px; width: 110px; height: 70px }
    #wrap{
				width: 100%;
				height:410px;				
				position: relative;
				margin-top: 0px;
				/*一定要有以下样式，才会有3D的效果*/
				/*把div变成3D的场景*/
				transform-style: preserve-3d;
				perspective: 1500px;
			}
			#wrap img{
				/*对所有的图片进行设置样式*/
				width: 400px;
				height:250px;
				/*这里一定要设置为绝对定位*/
				position: absolute;
				/*calc()是一个计算函数  页面的宽度-容器宽度的一半*/
				left: calc(50% - 200px);
				top: calc(50% - 150px);
				border-radius: 7px;
				/*看到图片的运动过程*/
				transition:1s ease-in-out;
				box-shadow:1px 2px 8px #ccc
			}
.pro_in{ background: url(../images/inbom.jpg); width: 100%; height: 1450px }
.pro_h1{ text-align: center; font-size: 28px; padding-top:180px; font-weight: bold }
.pro_in p{ text-align: center; width:800px; margin: 0 auto; margin-top: 60px; line-height: 30px; font-size: 16px; color: #333 }
.in_bom{ background-color: #56AFE9 }
.in_bom ul{ overflow: hidden; padding-top: 15px }
.in_bom ul a{ color: #FFFFFF ; float: left; padding: 8px 15px; font-size: 18px }
.in_bom ul li{ float: left; }
.bom{ overflow: hidden; padding-bottom:20px }
.bom .bom_left{ float: left; color: #fff; font-size: 16px ; margin-left: 15px; margin-top: 8px; line-height: 28px}
.bom .bom_right{ float: right;color: #fff; font-size: 16px ; margin-left: 15px; }
.bom .bom_right>img{float: left;}
.bom .bom_right .sao{float: left; overflow: hidden; margin-top: 40px; margin-left: 15px}
.new .new_cen{margin-top: 60px; color: #0186FF; font-size: 30px; background: url(../images/new2_05.jpg) no-repeat  center 2px; text-align: center; }
.new .new_cen span{ display: block; font-size: 16px; margin-top: 18px}
.new_dl{ overflow: hidden; margin-top: 30px}
.new_dl dl{ width: 20%; float: left; margin-left:3%; border: 1px solid #E8E8E8; padding: 8px }
.new_dl dt img{ width: 100% }
.new_dl dd{ font-size: 16px; text-align: center;color: #666; margin-top: 15px }
.new_list .new_nav a{ float: left; text-align: center; height: 50px;  margin-top: 60px;line-height: 50px; border: 1px solid #0087FD; font-size: 18px; width: 150px; display: block; color: #0087FD; border-radius: 4px;  }
.new_nav{ overflow: hidden; width: 350px; margin:0 auto }
.new_list .new_nav .new_a1{ color: #fff; background-color: #0087FD; margin-right: 30px; }
.new_list dl{ background-color: #F7F7F7; margin-top: 20px; overflow: hidden; }
.new_list dl dt{float:left; width: 336px}
.new_list dl dd{float:left; width: 780px; margin-left:30px}
.new_list dl dd .dd1{ color: #333; font-size: 20px; font-weight: bold; margin-top: 25px; margin-bottom: 12px }
.new_list dl dd .dd2{ color: #333; font-size: 16px; line-height: 26px}
.new_list dl dd .dd3{ font-size:14px; color: #666; margin-top: 12px }
.fenye{ width: 300px; margin:60px auto; color: #666; font-size: 16px; overflow: hidden;  }
.fenye li{ float: left; }
.fenye li a{ float: left; width: 60px; height: 30px; line-height: 30px; text-align: center; }
.fenye li a:hover{ color: #fff; background-color: #0487FB }
.new_xiang .new_xiang1{ color: #000; text-align: center; font-size: 23px; font-weight: bold ; margin-top:40px }
.new_xiang p{ font-size:14px; line-height: 28px; margin-top: 15px; margin-bottom: 10px }
.new_xiang img{ width: 100%; margin-bottom: 15px }
.case_cen{ color: #535353; font-size:26px; font-weight: bold;  text-align: center;margin-top:40px }
.case_cen span{ color: #535353; font-size:20px; font-weight: 200;  text-align: center;margin-top:10px ;display: block;}
.case_list{ overflow: hidden;margin-bottom:20px }
.case_list img{ float: left; width: 30%; height: 270px ;margin-left:3%;margin-top:20px}
.case_h1{ color: #333; font-size:35px; text-align: center;; margin-bottom:30px; margin-top:80px }
.ziyuan{ overflow: hidden; margin-top: 40px }
.ziyuan .form_left{ margin-bottom: 60px; padding-bottom: 40px; float: left; width: 45% ; border: 1px solid #F4F2F3}
.ziyuan .form_left .form_h1{ color: #fff; background-color: #2389C9; height: 60px; line-height: 60px; font-size: 16px; letter-spacing: 1px; padding-left: 15px }
.form_input{ color: #000; font-size: 18px;  }
.form_input input{ margin-top:25px; border-radius: 12px; background-color: #F7F7F7; width: 70%; height: 28px; line-height: 28px }
.form_input span{ display: inline-block; width: 20%; margin-left:5% }
.form_right{float: left; width: 45% ; border: 1px solid #F4F2F3; margin-left:40px; margin-bottom: 40px}
.ziyuan .form_right .form_h1{ color: #fff; background-color: #2389C9; height: 80px; line-height: 40px; font-size: 18px; letter-spacing: 1px; text-align: center;}
.ziyuan .form_right .form_h1 img{ display: block; width: 150px; margin:0 auto}
.ziyuan .form_right textarea{ background-color: #F7F7F7; width: 90%; height: 240px; margin: 20px auto; color: #666; margin-left:20px ; font-size: 20px; padding-left: 15px; padding-top: 15px}
.ziyuan .form_right input{ background-color: #2389C9; color: #fff; border: none; width: 150px; height: 35px; line-height: 35px; float: right; border-radius: 15px; margin-bottom:20px }
.pro{ background-color: #FAF4F4;padding-bottom: 60px ; margin-top: 120px}
.pro a{ width: 31%; margin-left: 2%; float: left }
.pro a img{ width: 100%; margin-top:-60px}
.clase{ clear: both; }
#container{ overflow: hidden; }
.bar1{ width: 500px; float: right; margin-top: 25px; margin-bottom: 25px }
.bar1 form{ width: 300px; position:relative;float: left }
        .bar1 input {
            border: 3px solid #F6F6F6;
            border-radius: 15px;
            background: url('/Public/Home/images/搜索1.png') 95% center;
            color: #0182F5;
            height: 45px; line-height: 45px;
            width:300px;
            padding-left: 8px;
            

        }
        .bar1 button {
            cursor:pointer;top: -13px;
right: 20px;
background: none;
border: none;
position: absolute;
margin-top: 15px;
width: 45px;height: 42px;
          
        }
        .bar1 button:before {
            content: "\f002";
            font-family: FontAwesome;
            font-size: 20px;
            color: #F9F0DA;
            opacity:0;
        }
        .bar1 a{ float: left ; margin-left:35px}
        .pro_list a{ color: #333; font-size: 16px; float: left; padding:6px 15px;width:270px }
        .pro_list{ overflow: hidden; margin-bottom: 30px }
        .pro_list a:hover{ color: #0689F9 }
        .pro_div{overflow: hidden;}
        .pro_div dl{ width: 30%; float: left; margin-left: 3% }
        .pro_div dt img{ width: 100% }
        .pro_div dl .dd1{ color: #333; font-size: 20px; margin-top:15px }
        .pro_div dl .dd2{ color: #666; font-size: 16px; margin-top: 6px ; margin-bottom: 20px}
        .clear{ clear: both }
        .pro_xa{ overflow: hidden; }

        .pro_xa .pro_xi{ overflow: hidden; margin-top: 60px }
        .pro_xleft{ width: 35%; float: left; }
        .pro_xright{ width: 60%; float: left;  margin-left:5%}
        .pro_xleft img{ width: 100% }
        .pro_xright span{ color: #01AEFE; font-weight:bold; font-size:22px }
        .xpro{margin-top: 20px; font-size: 22px; font-weight: bold; color: #666 }
        .pro_xright .xp{ font-size: 16px; margin-top: 15px }
         .biao img{width: 50%; margin-bottom: 30px; margin-top:30px}
         .about{ background:url(../images/kuang.jpg) no-repeat; }
         .w_1300{padding-top: 30px; padding-bottom: 60px; margin-top: 30px; width: 1260px; margin: 0 auto; margin-top: 30px; overflow: hidden; }
         .w_1300 .ab1{ float: left; width: 15%; margin-left:8%; margin-right:2% }
         .w_1300 .ab2{ float: left; width: 50%; } 
         .w_1300 .ab3{ float: left;  width: 20%}  
         .w_1300 .ab2 span{ background: url(../images/ab_08.jpg) no-repeat left bottom;font-weight: bold; font-size:20px; padding-bottom:8px}
          .w_1300 .ab2 p{ font-size: 18px; line-height: 26px;margin-top:9px; margin-right: 20px } 
          .ab_dl dl{height: 168px ; padding:60px 1%; width: 29%; float: left; margin-left:2%; border: 1px solid #DADADA; background-color: #FCFCFC }
          .ab_dl{ overflow: hidden; margin-top: 40px  }
          .ab_dl dl .dd1{font-weight: bold; background:url(../images/ab_24.jpg) no-repeat center bottom; font-size:18px; color: #333 ; margin-top: 30px; padding-bottom: 8px}
          .ab_dl dl .dd2{  font-size:14px; color: #333; margin-top: 20px;font-weight: bold;}
          .in_about{ overflow: hidden; margin-top: 60px }
          .in_about .in_aleft{ width: 45%; float: left; }
          .in_about .in_aright{ width: 45%; float: left; margin-left: 5% }
          .in_about .in_aleft img{ width: 100% }
          .in_about .in_aright .ar_h1{ font-weight: bold; font-size: 20px;margin-top: 15px; margin-bottom: 25px }
          .in_about .in_aright p{ font-size: 17px; line-height: 28px; margin-top: 15px; margin-bottom: 25px }
          .w_1100{ width: 1200px; margin: 0 auto; text-align: center; }
          .w_1100 p{ width: 800px; margin: 0 auto; font-size: 18px}
          .ab_cent{ background-color: #F5F5F5 ; margin-top:60px}
          .ab_cent .ab_h2{ text-align: center; font-size: 24px; font-weight: bold; color: #333; padding-top: 60px }
          .ab_cent .ab_dl1{ overflow: hidden;  padding-bottom: 40px}
          .ab_cent .ab_dl1 dl{padding-bottom: 20px; border: 1px solid #ccc; width: 30%; float: left; margin-left: 3%; margin-top: 30px }
          .ab_cent .ab_dl1 dl dd{ margin-top: 15px; font-size: 16px ;font-weight: bold; text-align: center; color: #666 }
          .ab_cent .ab_dl1 dl dd span{ display: block; font-weight:400; margin-top: 5px}
          .chanpin .ab_h2{margin-top: 40px; text-align: center; color: #666; font-weight: bold; font-size: 24px }
          .chanpin .ab_h2 span{ font-size: 16px; margin-top:10px; color: #666; display: block; font-weight: 400 }
          .chanpin .ab_h2 span em{ font-size: 16px; margin-top:10px; color: #0C94F7;font-weight: 400  }
          .chanpin .ab_dl1{ overflow: hidden; }
          .chanpin .ab_dl1 dl{ float: left; width: 30%; margin-left: 3%; margin-top: 30px; position: relative;height:310px }
          .chanpin .ab_dl1 dl dt img{ width: 100% }
          .chanpin .ab_dl1 dl dt{ }
          .chanpin dl dd{ position: absolute; background: rgba(4,62,136,.6); left: 0;bottom: 0px; height:45px; line-height: 45px; color: #fff; width: 100%; font-size: 18px; font-weight: bold; text-align: center;}
          .mo{ width: 180px; margin: 30px auto; display: block; }
         .call .new_nav a{ float: left; text-align: center; height: 50px;  margin-top: 30px;line-height: 50px; border: 1px solid #0087FD; font-size: 18px; width: 150px; display: block; color: #0087FD; border-radius: 4px;  }
         .call .new_nav{ overflow: hidden; width: 350px; margin:0 auto; margin-top: -20px }
         .call  .new_nav .new_a1{ color: #fff; background-color: #0087FD; margin-right: 30px; }
         .call{ border: 2px solid #ccc; z-index: 1000; margin-bottom: 40px ;    margin-top: 30px; }
         .callz{ overflow: hidden; margin-bottom: 60px }
         .call_left{ float: left; width:315px;  margin-top: 40px; margin-left:25px; border: 1px solid #ccc;box-shadow:1px 2px 8px #ccc  }
          .call_left li{ margin-bottom: 8px; margin-top: 12px;  color: #666; font-size: 16px; padding-left: 8px; border-bottom: 1px solid #EAEAEA }
         .call_left .li{margin-top: 0; background-color: #1E9BDE; color: #fff; background-color: #1E9BDE ; text-align:center;  font-size: 20px; padding-top: 15px; padding-bottom: 15px}
         .call_left li img{ vertical-align: middle; }
         .call_right{ float: left; margin-top: 40px; height: 300px; margin-left: 30px }
         .nav_fen .nav_li{ position: relative; }
         .nav_fen li>ul{ position: absolute; left: -14px;top:48px; display: none; width: 200px }
         .nav_fen li>ul li a{ text-align: center; display: block; color: #fff; border-bottom:1px solid #8396b2;padding:2px ; font-size: 16px; background:rgba(17,58,118,0.6); padding: 5px 0 }
         .new_img img{ z-index: -1 }
         .biao img{box-shadow:6px 2px 8px #ccc; width: 95%;}
         .nav_fen li>ul>li{ position: relative; }
         .nav_fen ul ul{ position: absolute; left:200px;top:0px; width:280px; display: none; z-index: 1000 }
         .top{width: 100%; height: 129px; overflow: hidden; background-color: #fff }
         .top .img{float: left; max-width: 525px}
         .top img{  margin-top: 25px }
         .top form{  margin-left: 804px; }
         .top form img{  max-width:190px; float: left;  margin-right: 5px;margin-top:65px}
         .top form span{ color: #FF0030; font-weight: bold; font-size: 18px;  margin-bottom:6px; display: block;}
         .top form div{ float: left; margin-top: 40px }
         .top form .in1{ background-color: #fff; border: 1px solid #000; width: 220px; height: 33px; line-height: 33px; padding-left: 8px }
         .top form .in2{ background: url(../images/sou.jpg) no-repeat left center; width: 35px; height: 35px; border: 1px solid #000; border-left: none;}