/* CSS Document */
/*qt：sjh*/
*{ padding:0; margin:0;outline:none !important;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}
html{ overflow-x:hidden; overflow-y:auto;}
ul, ol,li{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;}
body{ float:left; width:100%; position:relative;}
code, kbd, pre, samp {font-family:'Microsoft yahei' ,Arial;}
a{ text-decoration:none; color:#666;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;
/*清除IOS系统点击默认事件*/
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;}
a:hover{cursor:pointer;}
img{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}
h1{font-size: 32px;}
h2{font-size: 24px;}
h3{font-size: 22px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h6{font-size: 12px;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}
textarea{ resize:none;}
input{ outline:0;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;}

.pz_top{ float:left; width:100%;}
.pz_banner{ float:left; width:100%; overflow:hidden; position:relative;}
.pz_main{ float:left; width:100%;}
.pz_down{ float:left; width:100%;}


/*pc版头部*/
.top1{position: fixed; width:100%; left:0; top:0;  z-index:99;border-bottom: 1px solid rgba(255,255,255,.2); padding: 0 60px;
-webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
}
.top1.active{background: #3faaa1; 
-webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2);
   -moz-box-shadow: 0 2px 6px rgba(0,0,0,.2);
     -o-box-shadow: 0 2px 6px rgba(0,0,0,.2);
        box-shadow: 0 2px 6px rgba(0,0,0,.2);
}
.top1 .logo{ float:left; width:194px; margin:20px 0 0 0;}
.top1 .logo a{float: left; width: 100%; display: block;}
.phone{float: right; padding-left: 50px; font-size: 24px; color: #fff; line-height: 94px; height: 94px; background: url(images/phonebg.png) no-repeat left;}
.search{float: right; margin-right: 20px;width: 38px; height: 38px; margin-top: 28px; background: url(images/search_bg.png) no-repeat; cursor: pointer;position: relative;
  -webkit-border-radius:50%; 
    -moz-border-radius:50%;
         border-radius:50%;}
.search.on{background: none;}
.search:hover{background-color: rgba(255,255,255,.2);}
.searchBox{display: none; position: fixed; right: 290px; top: 22px; padding-right: 58px;  z-index: 999;}
.searchBox .cha{position: absolute; right: 0; top: 50%; height: 38px; width: 38px; margin-top: -19px; cursor: pointer; background: url(images/cha.png) no-repeat;}
.searchClass{float: left; position: relative; background: #3faaa1;
  -webkit-border-radius:5px 0 0 5px; 
    -moz-border-radius:5px 0 0 5px;
         border-radius:5px 0 0 5px;}
.searchClass span{height: 52px; line-height: 52px; font-size:18px; color: #fff; padding: 0 50px 0 40px;display: block; position: relative; cursor: pointer;}
.searchClass span::after{position: absolute; content: ""; background: url(images/searchbg4.png) no-repeat; width: 10px; height: 5px; right: 28px; top: 50%; margin-top: -3px;}
.searchClass .serList{display: none; position: absolute; left: 0; padding-top: 12px; top: 100%; width: 100%;}
.searchClass .serList ul{float: left; width: 100%; position: relative;background: #fff;
 -webkit-border-radius:5px; 
    -moz-border-radius:5px;
         border-radius:5px;}
.searchClass .serList ul::before{position: absolute; content: ""; width: 14px; height: 8px; left: 50%; margin-left: -7px; top: -8px; background: url(images/searchbg3.png) no-repeat;}
.searchClass .serList ul li{float: left; width: 100%; padding: 3px 0;}
.searchClass .serList ul li a{float: left; width: 100%; display: block; line-height: 35px; height: 35px; text-align: center; font-size: 16px; color: #555555;}
.searchClass .serList ul li a:hover{color: #fff; background: #3faaa1;}
.searchBox input{float: left; width: 530px; padding: 0 30px; line-height: 52px; height: 52px; background: #fff; font-size: 14px; color: #333;}
.searchBox .searchLink{float: right; width:73px; height: 52px; background: #fff url(images/search_bg2.png) no-repeat center; display: block; 
  -webkit-border-radius:0 5px 5px 0; 
    -moz-border-radius:0 5px 5px 0;
         border-radius:0 5px 5px 0;}
.searchBox.active{display: block;}

.menu{ float:right;}
.menu .nli{ float:left; z-index:15; position:relative; padding:0 5px;}
.menu .nli span a{ display:block; float:left; font-size:16px; height:94px; line-height:94px; padding:0 30px; color:#fff; position:relative;}
.menu .nli span a i{ display:block; position:absolute; left:50%; bottom:-2px; width:0; height:4px; background:#fff; z-index: 9;
-webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);   
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.menu .nli span a:hover i,
.menu .nli.on span a i{width:100%;}
.menu .sub{ position:absolute; width:150px; left:50%; margin-left:-75px; top:100%; display:none; overflow:hidden;}
.menu .sub .section-nav1{overflow: hidden;}
.menu .sub .li2{position:relative; float:left; width:100%;}
.menu .sub .li2 a{ display:block; float:left; width:100%; height:48px; line-height:48px; text-align:center;color:#fff; font-size:14px; background:rgba(0,0,0,.5);}
.menu .sub .li2:hover a{background:rgba(0,0,0,.8);}

@media  screen and (max-width:1619px){
  .menu .nli span a{padding:0 20px;}
}
@media  screen and (max-width:1479px){
  .top1{padding: 0 40px;}
  .top1 .logo{width:154px; margin:25px 0 0 0;}
  .phone{padding-left: 45px; font-size: 20px; line-height: 84px; height: 84px;  background-size: 32px;}
  .search{margin-right: 10px; width: 32px; height: 32px; background-size: 32px; margin-top: 26px;}
  .menu .nli span a{padding:0 13px; font-size: 15px; line-height: 84px; height: 84px;}
  .menu .nli span a i{height: 3px; }
  .searchBox{right: 232px; top: 17px; padding-right: 48px;}
  .searchBox .cha{height: 32px; width: 32px; margin-top: -16px; background-size: 100%;}
}

/*phone版头部*/
.top2{ position:fixed; left:0; top:0; width:100%; background: rgba(0,0,0,.1); height:80px; z-index:1030;}
.top2.active{background: #3faaa1;
-webkit-box-shadow: 0 2px 6px #aaa;
   -moz-box-shadow: 0 2px 6px #aaa;
     -o-box-shadow: 0 2px 6px #aaa;
        box-shadow: 0 2px 6px #aaa;}
.top2 .logo{ float:left; width:160px; margin:16px 0 0 0;}

/*手机按钮*/
.menuph{ position:absolute; top:15px; right:15px; cursor:pointer; width:50px; height:50px; background:rgba(255,255,255,.4); text-align:center;}
.menuph .point{ display:inline-block; width:28px; height:22px; margin-top:14px; position:relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before{ width:28px;}
.menuph .navbtn{ position:absolute; top:10px; right:0; display:inline-block; width:21px; height:1px; background:#fff;
-webkit-transition: all .3s ease-out 0s;
	 -moz-transition: all .3s ease-out 0s;
	  -ms-transition: all .3s ease-out 0s;
	   -o-transition: all .3s ease-out 0s;
	      transition: all .3s ease-out 0s;}
.menuph .navbtn::after,
.menuph .navbtn::before{ content:''; position:absolute; right:0; display:inline-block; width:28px; height:1px; background:#fff;
-webkit-transition: all .3s ease-out 0s;
	 -moz-transition: all .3s ease-out 0s;
	  -ms-transition: all .3s ease-out 0s;
	   -o-transition: all .3s ease-out 0s;
	      transition: all .3s ease-out 0s;}
.menuph .navbtn::after{ top:-11px;}
.menuph .navbtn::before{ top:10px;}
.menuph .point.active .navbtn{ background:transparent;}
.menuph .point.active .navbtn::after{	top:0px;
-webkit-transform: rotate(45deg);
	 -moz-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	   -o-transform: rotate(45deg);
	      transform: rotate(45deg);}
.menuph .point.active .navbtn::before{ top:0px;
-webkit-transform: rotate(-45deg);
	 -moz-transform: rotate(-45deg);
	  -ms-transform: rotate(-45deg);
	   -o-transform: rotate(-45deg);
	      transform: rotate(-45deg);}

@media  screen and (max-width:767px){
.top2{height:50px;}
.top2 .logo{width:120px; margin:8px 0 0 0;}
.top2 .menuph{ top:5px; right:15px; width:40px; height:40px;}
.top2 .menuph .point{ width:22px; height:19px; margin-top:10px;}
.top2 .menuph .point:hover .navbtn,
.top2 .menuph .point:hover .navbtn::after,
.top2 .menuph .point:hover .navbtn::before{ width:22px;}
.top2 .menuph .navbtn{ top:9px; width:16px; }
.top2 .menuph .navbtn::after,
.top2 .menuph .navbtn::before{	width:22px;}
.top2 .menuph .navbtn::after{ top:-9px;}
.top2 .menuph .navbtn::before{ top:9px;}
}


/*手机下拉*/

.xialaph{ position:fixed; top:80px; left:0; width:100%; max-height:100%; overflow-y:auto; background:url(images/bg_nav.png);display:none; z-index:1049;}
.search_ph{float: left; width: 100%; padding: 15px 10%; border-bottom: 1px solid #fff;}
.search_phm{float: left; width: 100%; background: #fff; border: 1px solid #3faaa1; height: 40px; overflow: hidden;
 -webkit-border-radius:20px; 
    -moz-border-radius:20px;
         border-radius:20px;}
.search_phm input{float: left; width: 85%; padding: 0 20px; line-height: 38px; height: 38px; font-size: 14px; color: #333; }
.search_phm a{float: right; width: 15%; background: #3faaa1 url(images/search_bg3.png) no-repeat center; display: block; height: 38px;}
.xialaph .ul1{ padding-bottom:50px;border-top: 1px solid #fff;}
.xialaph li{border-bottom: 1px solid #fff;padding: 0 15px;}
.xialaph .ul2,
.xialaph .ul3{ display:none;border-top: 1px solid #fff; position:relative;}
.xialaph .ul2 > li:last-child{border-bottom: 0 none;}
.xialaph .ul3 > li:last-child{border-bottom: 0 none;}
.xialaph h4 a{color:#333; font-size:16px; font-weight:bold; line-height:62px;}
.xialaph h5 a{color:#333; font-size:16px; line-height:57px;}
.xialaph h4,
.xialaph h5{position:relative;}
.xialaph h4 i,
.xialaph h5 i{display: block;position: absolute;right: 0;top: 50%;margin-top: -9px; width: 12px;height: 12px;border-bottom: 2px solid #333;border-right: 2px solid #333;
-webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
        transform: rotate(45deg);
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s;
	  -ms-transition: all 0.2s ease-out 0s;
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.xialaph h4.active i,
.xialaph h5.active i{margin-top: -3px;
-webkit-transform: rotate(-135deg);
   -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
     -o-transform: rotate(-135deg);
        transform: rotate(-135deg);}
.xialaph .ul2{padding: 10px 0;}
.xialaph .ul3{padding: 5px 0;}
.xialaph .ul3 li a{ color:#666; font-size:14px; line-height:35px; display:block;}
.xialaph .ul3 li{ padding-top:5px;}
.xialaph .phsou{ position:relative; margin-top:30px;}
.xialaph .phsou input{ width:100%; height:56px; background-color:#fff; color:#aaa; font-size:14px; padding-left:20px; border:1px solid #e5e5e5;}
.xialaph .phsou img{ cursor:pointer; width:21px; height:22px; position:absolute; top:17px; right:29px;}
.xialaph .try{ text-align:center; padding:30px 0 0 0;}
.xialaph .try a{ display:inline-block; width:120px; background:#80b63b; font-size:16px; color:#fff; line-height:50px;}

.phonemeng{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; z-index:196; display:none;}

@media  screen and (max-width:767px){
.xialaph{ top:50px;}
.search_ph{padding: 15px 8%;}
.search_phm{height: 34px;}
.search_phm input{width: 80%; padding: 0 20px; line-height: 32px; height: 32px;}
.search_phm a{width: 20%;height: 32px;}  
.xialaph h4 a{ font-size:14px; line-height:42px;}
.xialaph h5 a{ color:#333; font-size:14px; line-height:38px;}
.xialaph h4 i,
.xialaph h5 i{margin-top: -6px; width: 8px;height: 8px;border-bottom: 1px solid #333;border-right: 1px solid #333;}
.xialaph h4.active i,
.xialaph h5.active i{margin-top: -2px;}
.xialaph .ul3 li a{ color:#666; font-size:12px; line-height:30px; display:block;}
.xialaph .ul3 li{ padding-top:5px;}
}

/*banner*/
.slide_banner{ margin:0;}
.slide_banner .slick-slide{ width:100%; padding:0;}
.slide_banner img{ width:100%;}
.slide_banner .slick-prev{position:absolute; width:19px; height:48px; left:60px; top:50%; margin-top:-24px;  z-index:2; background: url(images/banleft.png) no-repeat; cursor:pointer; filter:alpha(opacity=20);opacity:0.2;}
.slide_banner .slick-next{position:absolute; width:19px; height:48px; right:60px; top:50%; margin-top:-24px; z-index:2; background: url(images/banright.png) no-repeat; cursor:pointer; filter:alpha(opacity=20);opacity:0.2;}
.slide_banner .slick-prev:hover,
.slide_banner .slick-next:hover{filter:alpha(opacity=60);opacity:0.6;}
.slide_banner .slick-dots{ bottom:30px; height:4px;}
.slide_banner .slick-dots li{ width:35px; height:4px;  margin:0 3px; background: rgba(255,255,255,.4);}
.slide_banner .slick-dots li button{ display:none;}
.slide_banner .slick-dots li.slick-active{background:white;}

@media  screen and (max-width:767px){
.slide_banner .slick-prev{ left:15px; width:15px; height:34px; margin-top:0; background-size:15px 34px; } 
.slide_banner .slick-prev:hover{background-size:15px 36px;}
.slide_banner .slick-next{ right:15px; width:15px; height:34px; margin-top:0; background-size:15px 34px; }  
.slide_banner .slick-next:hover{background-size:15px 36px;}  
.slide_banner .slick-dots{ bottom:20px; height:3px;}
.slide_banner .slick-dots li{ width:15px; height:3px; margin:0 2px; }	
}

/* 内页banner */
.nyBan{float: left; width: 100%; position: relative;}
.nyBan img{float: left; width: 100%; display: block;}
.nyBan .banTit{position: absolute; width: 100%; left:  0; bottom: 0; padding: 21px 0;}
.nyBan .banTit h2{float: left; width: 100%; line-height: 54px; height: 54px; font-size: 48px; font-family: Arial; font-weight: bold; color: #fff; text-transform: uppercase; position: relative;}
.nyBan .banTit h2::before{position: absolute; left: 0; top: -21px; content: ""; width: 50px; height: 4px; background: #3faaa1; }
.nyBan .banTit h4{float: left; width: 100%; line-height: 43px; height: 43px; font-size: 24px; color: #fff;}
.banNav{position: absolute; width: 100%; right: 0;bottom: 0;}
.banNav .pz_SideLayer{float: right;}
.banNav .pz_SideLayer li{float: left; width: 180px; text-align: center;margin-left: 2px;}
.banNav .pz_SideLayer li a{float: left; width: 100%; display: block; height: 52px; line-height: 52px; font-size: 16px; background: #474747; color: #fff;}
.banNav .pz_SideLayer li a.hover,
.banNav .pz_SideLayer li a:hover{background: #3faaa1;}

@media  screen and (max-width:1199px){
  .banNav li{width: 160px;}
}
@media  screen and (max-width:991px){
  .nyBan .banTit{padding: 15px 0;}
  .nyBan .banTit h2{line-height: 44px; height: 44px; font-size: 28px;}
  .nyBan .banTit h2::before{top: -12px; width: 40px; height: 3px;}
  .nyBan .banTit h4{line-height: 33px; height: 33px; font-size: 20px;}
}
@media  screen and (max-width:767px){
  .nyBan .banTit{padding: 10px 0;}
  .nyBan .banTit h2{line-height: 24px; height: 24px; font-size: 18px;}
  .nyBan .banTit h2::before{top: -10px; width: 30px; height: 2px;}
  .nyBan .banTit h4{line-height: 20px; height: 20px; font-size: 14px;}
}

/* 右侧栏 */
.right{display: none; position: fixed; width: 50px; height: 250px; top: 50%; margin-top: -125px; right: 0; z-index: 89;}
.right ul{float: left; width: 100%; }
.right ul li{float: left; width: 100%; height: 50px;  border-bottom:1px solid #575757; }
.right ul li a{float: left; display: block; width: 50px; height: 49px;background: #474747; }
.right ul li a span{float: left; display: block; width:178px; height: 49px; position: relative; left: 0; top: 0; background: #474747;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.right ul li a img{float: left; display: block; }
.right ul li a span h4{float: left; width: 128px; height: 49px; padding: 12px 0; line-height:25px; color: #fff; font-size: 16px; }
.right ul li a span i{display: block;position: absolute;left: 16px;top: 55px;width: 100px;height: 0;overflow: hidden;
 -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
  -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
       box-shadow: 1px 1px 10px rgba(0,0,0,.2);
-webkit-transition: all 0.2s ease-out 0s;
   -moz-transition: all 0.2s ease-out 0s;
	  -ms-transition: all 0.2s ease-out 0s;
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.right ul li a:hover {background:#3faaa1; }
.right ul li a:hover span{background: #3faaa1; left: -128px;}
.right ul li a:hover span i{height: 100px;}

/*main*/

/* title */
.homeTit{float: left; width: 100%; padding-top: 92px; text-align: center;}
.homeTit h4{float: left; width: 100%; line-height: 48px; font-size:32px; font-weight: bold; color: #333; padding-bottom: 26px; position: relative;}
.homeTit h4::after{position: absolute; content: ""; width: 100%; height: 26px; bottom: 0; left: 0; background: url(images/titbg.png) no-repeat center;}
.homeTit span{float: left; width: 100%; line-height:28px; color: #888888; display: block; text-transform: uppercase; font-size: 14px; letter-spacing: 1px;}

@media  screen and (max-width:991px){
  .homeTit{padding-top: 42px;}
  .homeTit h4{line-height: 40px; font-size:22px;padding-bottom: 20px;}
  .homeTit h4::after{height: 20px;}
  .homeTit span{line-height:28px;font-size: 14px;}
}
@media  screen and (max-width:767px){
  .homeTit{padding-top: 32px;}
  .homeTit h4{line-height: 40px; font-size:18px;padding-bottom: 15px;}
  .homeTit h4::after{height: 15px;}
  .homeTit span{line-height:24px;font-size: 12px;}
}

.homePro{float: left; width: 100%; padding-bottom: 100px;}
.homeProTop{float: left; width: 100%; position: relative; padding-bottom: 56px; margin-top: 31px;}
.homeProTop i{position: absolute; left: 0; bottom: 0; width:34.786325%; display: block; z-index: 9; }
.homeProTop i img{float: left; width: 100%; display: block;}
.homeProIntr{float: right; width:94.017094%; background: #fff; padding:68px 68px 88px 27.863248%; line-height: 36px; font-size: 16px; color: #555; 
 -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
         box-shadow: 1px 1px 10px rgba(0,0,0,.2);}
.homeProTop::after{position: absolute; content: ""; width:335px; height: 66px; background: url(images/hpro02.png) no-repeat; background-size: 100%;right: 68px; bottom: 26px;}

.homeProList{float: left; width: 100%; position: relative; padding-bottom: 79px;}
.homeProList::before{position: absolute; left: 42px; top: 57px; height: 70px; width: 1px; content: ""; background:#d2d0d0; }
.homeProLi{float: left; width: 100%; margin-top: 127px; padding: 0 42px; position: relative;}
.homeProLi::after{position: absolute; content: ""; left: 42px; top: 100%; background: url(images/hpro_line.png) no-repeat; width: 51.62393162393162%; height: 130px; background-size: 100%;}
.homeProLi_m{float: left; width: 100%; position: relative;}
.homeProLi_m i{float: right; width: 55.616943%; display: block; }
.homeProLi_m i img{float: left; width: 100%; display: block;}
.homeProPoint{float: left; width:43.738490%; padding-left: 30px; border-left: 1px solid #d2d0d0;  position: relative;} 
.homeProPoint::before{position: absolute; left: -2px; top: -2px; content: ""; width: 4px; height: 92px; background: #3faaa1;}
.homeProPoint em{position: absolute; right: 102%; top: 0; width: 28px; display: block;}
.homeProPoint em img{display: block;}
.homeProPoint .homeProIco{float: left; width: 19.368421%; display: block;}
.homeProPoint .homeProBox{float: left; width: 80.631579%; padding-left: 27px;}
.homeProPoint .homeProBox h4{float: left; width: 100%;line-height: 38px; height: 38px; margin-top: 18px; font-size: 30px; color: #333;}
.homeProPoint .homeProBox h5{float: left; width: 100%;line-height: 26px; height: 26px; font-size: 18px; color: #b9b9b9;}
.homeProPoint .homeProBox ul{float: left; width: 100%; margin-top: 30px; min-height: 266px;}
.homeProPoint .homeProBox ul li{float: left; width: 100%; padding-left: 31px; line-height: 36px; height: 36px; font-size: 16px; color: #666; background: url(images/hprobg02.png) no-repeat left;}
.homeProLi:first-child .homeProPoint{padding-top: 53px;}
.homeProLi:first-child .homeProPoint::before{top: 53px;}
.homeProLi:first-child .homeProPoint em{top: 53px;}
.homeProLi:last-child .homeProPoint::after{position: absolute; content: ""; left: -1px; top: 100%; background: #d2d0d0; width: 1px; height: 79px; }
.homeProLi:last-child::after{display: none;}
.homeProLi:nth-child(2n) .homeProLi_m i{float: left; }
.homeProLi:nth-child(2n)::after{top: 98.5%;
-webkit-transform: rotateX(-180deg);	/* Safari and Chrome */
   -moz-transform: rotateX(-180deg);	/* Firefox */
    -ms-transform: rotateX(-180deg);	/* IE 9 */
     -o-transform: rotateX(-180deg);	/* Opera */
        transform: rotateX(-180deg);	}
.homeProMore{float: left; width: 100%; text-align: center;}
.homeProMore a{display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 170px; height: 50px; background: #3faaa1; font-size: 16px; color: #fff; line-height: 50px;
  -webkit-border-radius:25px; 
    -moz-border-radius:25px;
         border-radius:25px;}
.homeProMore a span{padding-right: 26px; background: url(images/hprobg03.png) no-repeat right;}
.homeProMore a:hover{
   -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
         box-shadow: 1px 1px 10px rgba(0,0,0,.2);}

@media  screen and (max-width:1199px){
  .homePro{padding-bottom: 70px;}
  .homeProTop{padding-bottom: 46px; margin-top: 30px;}
  .homeProIntr{padding:48px 48px 68px 28%;}
  .homeProLi{margin-top: 100px; padding: 0 42px;}
  .homeProLi::after{left: 42px; width: 51.1%; height: 106px;}
}
@media  screen and (max-width:991px){
  .homePro{padding-bottom: 40px;}
  .homeProTop{padding-bottom: 40px; margin-top: 20px;}
  .homeProIntr{padding:28px 28px 48px 28%; line-height: 30px; font-size: 14px;}
  .homeProTop::after{right: 48px; width: 300px; height: 60px; bottom: 20px;}
  .homeProList{padding-bottom: 30px;}
  .homeProList::before{display: none;}
  .homeProLi{margin-top: 30px; padding: 0 22px;}
  .homeProLi::after{display: none;}
  .homeProLi_m i{width: 50%; position: relative; height:364px; }
  .homeProLi_m i img{position: absolute; left: 0; top: 50%;
  -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);}
  .homeProPoint{width: 50%; padding: 0; border: 0;}
  .homeProPoint::before{display: none;}
  .homeProPoint em{position: static; right: auto; left: auto; top: auto; display: block; height: auto;margin-left: 22px;
  -webkit-transform: rotate(-90deg);	/* Safari and Chrome */
   -moz-transform: rotate(-90deg);	/* Firefox */
    -ms-transform: rotate(-90deg);	/* IE 9 */
     -o-transform: rotate(-90deg);	/* Opera */
        transform: rotate(-90deg);}
  .homeProPoint .homeProIco{width: 20%; }
  .homeProPoint .homeProBox{width: 80%; padding-left: 20px;}
  .homeProPoint .homeProBox h4{line-height: 30px; height: 30px; margin-top: 10px; font-size: 20px;}
  .homeProPoint .homeProBox h5{line-height: 24px; height: 24px; font-size: 16px;}
  .homeProPoint .homeProBox ul{margin-top: 20px; min-height: 200px;}
  .homeProPoint .homeProBox ul li{padding-left: 20px; line-height: 30px; height: 30px; font-size: 14px; }
  .homeProLi:first-child .homeProPoint{padding-top: 0;}
  .homeProLi:last-child .homeProPoint::after{display: none;}
  
}
@media  screen and (max-width:767px){
  .homePro{padding-bottom: 30px;}
  .homeProTop{padding-bottom: 20px;}
  .homeProTop i{position: static; left: auto; bottom: auto; margin-top: 20px; width:100%; }
  .homeProTop i img{margin: 0 auto; float: none; width: 80%;}
  .homeProIntr{padding:25px 15px; width: 100%; line-height: 24px; font-size: 14px;}
  .homeProTop::after{right: 0; width: 160px; height:40px; bottom: auto; top: -15px;}
  .homeProLi{padding: 0 15px;}
  .homeProLi_m i{width: 100%; position: relative; height:auto; }
  .homeProLi_m i img{position: static; left: auto; top: auto;-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);}
  .homeProPoint{width: 100%;}
  .homeProPoint em{margin-left: 10px; height: 60px;}
  .homeProPoint em img{height: 100%;}
  .homeProPoint .homeProIco{float: right; width: 20%; position: absolute; right: 0; top: 55px;}
  .homeProPoint .homeProBox{width: 100%; padding-left: 0; padding-right: 10px;}
  .homeProPoint .homeProBox h4{width: 80%; line-height: 30px; height: 30px; margin-top: 0; font-size: 16px;}
  .homeProPoint .homeProBox h5{width: 80%; line-height: 24px; height: 24px; font-size: 14px;}
  .homeProPoint .homeProBox ul{margin-top: 15px; min-height:inherit;}
  .homeProPoint .homeProBox ul li{padding-left: 20px; line-height: 24px; height: auto; font-size: 14px; background-position: left 6px; background-size: 12px;}
  .homeProMore a{width: 120px; height: 34px;font-size: 14px; line-height: 34px;}
  .homeProMore a span{padding-right: 20px;}
}
.homeValue{float: left; width: 100%; padding-bottom: 100px; background: #f3f3f3;}
.homeValue_m{float: left; width: 100%; padding-top: 53px;}
.homeValue_m .hd{float: left; width: 100%;}
.homeValue_m .hd ul{float: left; width: 100%;}
.homeValue_m .hd li{float: left; width: 20%; height: 74px; position: relative; cursor: pointer;}
.homeValue_m .hd li span{position: absolute; left: 0; bottom: 0; line-height: 74px; height: 74px; display: block; width: 100%; font-size: 16px; color: #fff; text-align: center; background: #3faaa1;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s; }
.homeValue_m .hd li:nth-child(2n) span{background: #65bbb4;}
.homeValue_m .hd li span i{font-style: normal;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s; }
.homeValue_m .hd li.on span i{padding-left: 30px; background: url(images/hval01.png) no-repeat left; }
.homeValue_m .hd li.on span{height: 84px; line-height: 84px;}

.homeValueList .slick-prev,
.homeValueList .slick-next
{
  font-size: 0;
  line-height: 0;
  position: absolute;
  left:5px;
  top: 50%;
  display: block;
  width: 10px;
  height: 24px;
  padding: 0;
  cursor: pointer;
  border: none;
  outline: none;
  background:url(images/banleft.png) no-repeat;
  z-index:10;
  background-size: 10px,24px;
  filter:alpha(opacity=20);opacity:0.2;
}
.homeValueList .slick-next{
	left:auto;
	right:5px;
	background:url(images/banright.png) no-repeat;
  background-size: 10px,24px;
}

.homeValue_m .bd{float: left; width: 100%; padding: 30px; background: #fff;}
.homeValue_m .homeValueBox{float: left; width: 100%;}
.homeValue_m .homeValueBox img{float: left; width: 42.342342%; display: block;}
.homeValue_m .homeValueIntr{float: left; width: 45.945946%; padding-left: 40px;}
.homeValue_m .homeValueIntr h3{float: left; width: 100%; line-height: 40px; height: 40px; margin-top: 22px; font-size: 24px; color: #333;}
.homeValue_m .homeValueTxt{float: left; width: 100%; line-height: 36px; color: #666; font-size: 16px; height:108px;margin-top: 12px; overflow: hidden;}
.homeValue_m .homeValueTxt .span02{display: block;}
.homeValue_m .homeValueBtn{float: left; width: 100%; margin-top: 40px; }
.homeValue_m .homeValueBtn a{float: left; width: 158px; height: 48px; line-height: 48px; font-size: 16px; color: #fff; display: block; margin-right: 15px; text-align: center;
  -webkit-border-radius:24px; 
    -moz-border-radius:24px;
         border-radius:24px;}
.homeValue_m .homeValueBtn a.more02{background: #3faaa1;}
.homeValue_m .homeValueBtn a.online02{background: #f8af47;}
.homeValue_m .homeValueBtn a:hover{
 -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
         box-shadow: 1px 1px 10px rgba(0,0,0,.2);}

@media  screen and (max-width:991px){
  .homeValue{padding-bottom: 60px;}
  .homeValue_m{padding-top: 33px;}
  .homeValue_m .hd li{width: 20%; height: 54px;}
  .homeValue_m .hd li span{line-height: 54px; height: 54px;}
  .homeValue_m .hd li.on span{height: 64px; line-height: 64px;}
  .homeValue_m .hd li.on span i{padding-left: 25px;}
  .homeValue_m .homeValueIntr{width: 54%; padding-left: 40px;}
  .homeValue_m .homeValueIntr h3{line-height: 30px; height: 30px; margin-top: 0; font-size: 20px;}
  .homeValue_m .homeValueTxt{line-height: 30px;font-size: 14px; height:90px;margin-top: 10px;}
  .homeValue_m .homeValueBtn{margin-top: 20px; }
  .homeValue_m .homeValueBtn a{width: 128px; height: 38px; line-height: 38px; font-size: 14px; margin-right: 10px; }
}
@media  screen and (max-width:767px){
  .homeValue{padding-bottom: 30px;}
  .homeValue_m{padding-top: 20px;}
  .homeValue_m .hd li{width: 20%; height: 44px;}
  .homeValue_m .hd li span{line-height: 44px; height: 44px; font-size: 14px;}
  .homeValue_m .hd li.on span{height: 44px; line-height: 44px;}
  .homeValue_m .hd li.on span i{padding-left: 20px; background-size: 15px;}
  .homeValue_m .hd li:nth-child(2n) span{background: #3faaa1;}
  .homeValue_m .hd li.on span{background: #65bbb4;}
  .homeValueList{padding: 0 15px; background: #3faaa1;}
  .homeValue_m .bd{padding:25px 15px;}
  .homeValue_m .bd img{width: 100%;}
  .homeValue_m .homeValueIntr{width: 100%; padding-left: 0; margin-top: 15px;}
  .homeValue_m .homeValueIntr h3{font-size: 18px;}
  .homeValue_m .homeValueTxt{height:auto;}
  .homeValue_m .homeValueTxt .span02{display: inline;}
  .homeValue_m .homeValueBtn a{width: 100px; height: 30px; line-height: 30px;}
}
.homeAppl{float: left; width: 100%;}
.homeApplList{float: left; width: 100%; background: #373d41; margin-top: 32px;}
.homeApplList ul{float: left; width: 100%;}
.homeApplList ul li{float: left; width: 25%; position: relative;}
.homeApplList ul li a{float: left; width: 100%; display: block;}
.homeApplList ul li i{float: left; width: 100%; display: block; overflow: hidden;background: #000;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s; }
.homeApplList ul li i img{float: left; width: 100%; display: block; filter:alpha(opacity=50);opacity:0.5;
-webkit-transition: all 0.4s ease-out 0s; 
   -moz-transition: all 0.4s ease-out 0s; 
     -o-transition: all 0.4s ease-out 0s; 
        transition: all 0.4s ease-out 0s; }
.homeApplList .homeApplTit{position: absolute; top: 50%; left: 0; width: 100%; text-align: center;
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);}
.homeApplList .homeApplTit em{float: left; width: 100%; display: block; text-align: center; padding-bottom: 31px; position: relative;}
.homeApplList .homeApplTit em::after{position: absolute; content: ""; left: 50%; bottom: 0; width: 18px; height: 2px; background: rgba(255,255,255,.3); margin-left: -9px;}
.homeApplList .homeApplTit span{float: left; width: 100%; display: block; line-height: 38px; height: 38px; margin-top: 19px; font-size: 20px; color: #fff;}
.homeApplList ul li a:hover i{background:#3faaa1; filter:alpha(opacity=80);opacity:0.8;}
.homeApplList ul li a:hover i img{filter:alpha(opacity=20);opacity:0.2;
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);}

@media  screen and (max-width:991px){
  .homeApplList .homeApplTit em{padding-bottom: 20px;}
  .homeApplList .homeApplTit em img{width: 30px;}
  .homeApplList .homeApplTit span{line-height: 30px; height: 30px; font-size: 16px; margin-top: 10px;}
}
@media  screen and (max-width:767px){
  .homeApplList ul li{width: 50%;}
}
.homeCase{float: left; width: 100%; background: #f3f3f3;}
.homeCaseBox{float: left; width: 100%; margin-top: 31px; padding-bottom: 100px;}
.homeCaseList{float: left; width: 100%; padding-bottom: 40px;}
.homeCaseList li{float: left; width: 16.666667%; padding-right: 2px;margin-top: 2px;}
.homeCaseList li a{float: left; width: 100%; display: block; background: #fff; overflow: hidden;}
.homeCaseList li a img{float: left; width: 100%; display: block;
-webkit-transition: all 0.4s ease-out 0s; 
   -moz-transition: all 0.4s ease-out 0s; 
     -o-transition: all 0.4s ease-out 0s; 
        transition: all 0.4s ease-out 0s;}
.homeCaseList li a:hover img{
   -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);}

.homeCase_s{float: left; width: 100%;  margin:0; position: relative;}
.homeCase_s .slick-slide{ width:100%; padding:0; }
.homeCasePic{float: left; width: 100%; }
.homeCasePic img{float: left; width: 100%; display: block;}
.homeCase_m{float: left; width: 100%; padding-top: 99px;padding-bottom: 141px;}
.homeCaseLeft{float: left; width: 48.717949%; padding-top: 60px; position: relative;}
.homeCaseLeft i{position: absolute; left: 30px; top: 0;width: 120px; padding: 6px; background:#fff; display: block; overflow: hidden; z-index: 9;
 -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
         box-shadow: 1px 1px 10px rgba(0,0,0,.2);   
 -webkit-border-radius:50%; 
    -moz-border-radius:50%;
         border-radius:50%;}
.homeCaseLeft i img{float: left; width: 100%; display: block;
 -webkit-border-radius:50%; 
    -moz-border-radius:50%;
         border-radius:50%;}
.homeCaseTxt{float: left; width: 100%; padding: 91px 10% 54px 13%; background: rgba(255,255,255,.6);color: #333; font-size: 14px; position: relative;
  -webkit-border-radius:10px; 
    -moz-border-radius:10px;
         border-radius:10px; 
         font-weight:bold;
}
.homeCaseTxt::after{position: absolute; content: ""; left: 100%; top: 50%; margin-top: -14px; width: 13px; height: 27px; background: url(images/hcasebg04.png) no-repeat;}
.homeCaseTxt p{float: left; width: 100%;  position: relative; line-height: 28px; height:auto;}
.homeCaseTxt p::before{position: absolute; content: ""; left: -40px; top: 0; background: url(images/hcasebg01.png) no-repeat; width: 25px; height: 21px; }
.homeCaseTxt p::after{position: absolute; content: ""; right: 0; bottom: -40px; background: url(images/hcasebg02.png) no-repeat; width: 25px; height: 21px; }
.homeCaseTxt .span03{float: right; padding-right: 52px; padding-left: 15px; line-height: 28px; height: 28px; position: relative;}
.homeCaseTxt .span03::before{position: absolute; content: ""; width: 62px; height: 1px; background: rgba(0,0,0,.36); right: 100%; top: 50%; }
.homeCase_r{float: right; width:51.282051%; height: 360px; position: relative;}
/*
.homeCase_s .play03{position: absolute; top: 60%; right: 50%; text-align: center; width: 100px; margin-left: -50px;
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); }
.homeCase_s .play03 i{display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 55px; height: 55px; background: url(images/hcasebg03.png) no-repeat center; cursor: pointer;}
.homeCase_s .play03 span{float: left; width: 100%; line-height: 50px; height: 50px; font-size: 16px; color: #fff; display: block;}
    */
.homeCase_s .slick-dots{ bottom:30px; height:12px;}
.homeCase_s .slick-dots li{ width:12px; height:12px; margin:0 7px; background: rgba(255,255,255,.3); 
   -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.homeCase_s .slick-dots li button{display:none;}
.homeCase_s .slick-dots li.slick-active{background:white;}

@media  screen and (max-width:1389px){
  .homeCaseLeft{padding-top: 50px;}
  .homeCase_r{height: 300px;}
  .homeCaseTxt{padding: 61px 8% 34px 11%}
  .homeCaseLeft i{width: 100px;}
  .homeCase_s .slick-dots{ bottom:20px; height:  10px;}
  .homeCase_s .slick-dots li{ width:10px; height:10px; margin:0 5px;}
}
@media  screen and (max-width:991px){
  .homeCaseBox{padding-bottom: 50px;}
  .homeCase_m{padding-top: 50px;padding-bottom: 60px;}
  .homeCaseLeft{padding-top: 40px; width: 60%;}
  .homeCase_r{height: 260px; width: 40%;}
  .homeCaseTxt{padding: 41px 8% 24px 11%}
  .homeCaseTxt p::before{width: 18px; height: 15px; background-size:18px 15px; left: -25px;}
  .homeCaseTxt p::after{width: 18px; height: 15px; background-size:18px 15px; bottom: -25px;}
  .homeCaseLeft i{width: 80px;}
  .homeCase_s .play03 i{background-size: 50px;}
  .homeCase_s .slick-dots{ bottom:15px;}
}
@media  screen and (max-width:767px){
  .homeCaseBox{margin-top: 20px; padding-bottom: 40px;}
  .homeCaseList{padding-bottom: 20px;}
  .homeCaseList li{width: 33.333333%;}
  .homeCase_m{padding-top: 40px;padding-bottom: 40px;}
  .homeCaseLeft{padding-top: 40px; width: 100%;}
  .homeCaseLeft i{width: 80px; left: 50%; margin-left: -40px;}
  .homeCase_r{height: 200px; width: 100%;}
  .homeCaseTxt{padding: 40px 20px 25px 20px ;}
  .homeCaseTxt::after{left: 50%; top: 100%; margin-top: -7px; margin-left: -7px; width: 13px; height: 27px;
  -webkit-transform: rotate(90deg);	/* Safari and Chrome */
   -moz-transform: rotate(90deg);	/* Firefox */
    -ms-transform: rotate(90deg);	/* IE 9 */
     -o-transform: rotate(90deg);	/* Opera */
        transform: rotate(90deg);}
  .homeCaseTxt p::before{width: 12px; height: 9px; background-size:12px 9px; left: -15px;}
  .homeCaseTxt p::after{width: 12px; height: 9px; background-size:12px 9px; bottom: -15px;}
  .homeCaseTxt .span03{padding-right: 22px; padding-left: 10px; }
  .homeCaseTxt .span03::before{width: 32px;}
  .homeCase_s .play03{width: 100%; text-align: center; margin-right: 0 !important; right: 0 !important;}
  .homeCase_s .slick-dots{ bottom:15px;}
}
.homeNews{float: left; width: 100%; padding-bottom: 100px;}
.homeNews_m{float: left; width: 100%; margin-top: 21px;}
.homeNews_m .hd{float: left; width: 100%; text-align: center;}
.homeNews_m .hd ul{display: inline-block; *display: inline; *zoom:1; vertical-align: top;}
.homeNews_m .hd ul li{float: left; width: 170px;margin: 0 10px; background: #474747; line-height: 44px; height: 44px; font-size: 16px; color: #fff; text-align: center; cursor: pointer;
  -webkit-border-radius:5px; 
    -moz-border-radius:5px;
         border-radius:5px; }
.homeNews_m .hd ul li.on{background: #3faaa1;}
.homeNews_m .bd{float: left; width: 100%; margin-top: 30px;}
.homeNews_m .homeNewsLeft{float: left; width: 48.717949%;}
.homeNews_m .homeNewsLeft a{float: left; width: 100%; display: block; overflow: hidden; position: relative;}
.homeNews_m .homeNewsLeft a img{float: left; width: 100%; display: block;}
.homeNews_m .homeNewsTit{position: absolute; left: 0; width: 100%; bottom: 0; padding: 8px 20px; background: rgba(0,0,0,.6);}
.homeNews_m .homeNewsTit h4{float: left; width: 100%; padding-right: 90px; position: relative; line-height:35px; height: 35px; color: #fff; font-size: 18px; }
.homeNews_m .homeNewsTit h4 .span04{position: absolute; right: 0; top: 50%; height: 18px;line-height: 18px; font-size: 12px; color: #fff; display: block; padding: 0 8px; margin-top: -9px; background: #3faaa1;
  -webkit-border-radius:9px; 
    -moz-border-radius:9px;
         border-radius:9px; }
.homeNews_m .homeNewsTit > span{float: left; width:100%; line-height: 35px; height: 35px; font-size: 14px; color: #fff; display: block; }
.homeNewsList{float: right; width: 48.717949%; }
.homeNewsList ul{float: left; width: 100%; margin-top: -9px;}
.homeNewsList ul li{float: left; width: 100%; margin-top: 9px;}
.homeNewsList ul li a{float: left; width: 100%; padding: 19px 30px; display: block;
 -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
         box-shadow: 1px 1px 10px rgba(0,0,0,.2); }
.homeNewsDate{float: left; width: 72px; position: relative;}
.homeNewsDate::after{position: absolute; width: 1px; height: 53px; background: #dedede; top: 50%; margin-top: -26px; content: "";}
.homeNewsDate h4{float: left; width: 100%; line-height: 40px; height: 40px; font-size: 28px; color: #3faaa1; font-weight: bold; font-family: Arial; position: relative; }
.homeNewsDate h4::after{position: absolute; content: ""; width: 20px; height: 1px; background: #3faaa1; left: 0; bottom: 0;}
.homeNewsDate h5{float: left; width: 100%; line-height: 32px; height: 32px; font-size: 14px; color: #757575;}
.homeNewsTxt{float: right; width:82.352941%; }
.homeNewsTxt h4{float: left; width: 100%; line-height: 40px; height: 40px; color: #313131; font-size: 16px; font-weight: bold; position: relative; padding-right: 50px;}
.homeNewsTxt h4 i{position: absolute; right: 10px; top: 0; height: 40px; line-height: 40px;  filter:alpha(opacity=00);opacity:0; font-style: normal;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.homeNewsTxt span{float: left; display: block; width: 100%; line-height: 23px; height: 23px; color: #666; font-size: 14px;}
.homeNewsList ul li a:hover{background: #3faaa1;}
.homeNewsList ul li a:hover .homeNewsDate h4,
.homeNewsList ul li a:hover .homeNewsDate h5,
.homeNewsList ul li a:hover .homeNewsTxt h4,
.homeNewsList ul li a:hover .homeNewsTxt span{color: #fff;}
.homeNewsList ul li a:hover .homeNewsDate h4::after,
.homeNewsList ul li a:hover .homeNewsDate::after{background: #fff;}
.homeNewsList ul li a:hover .homeNewsTxt h4 i{ filter:alpha(opacity=100);opacity:1; right: 0;}

@media  screen and (max-width:1199px){
  .homeNews{padding-bottom: 70px;}
  .homeNewsList ul{margin-top: -6px;}
  .homeNewsList ul li{margin-top: 6px;}
  .homeNewsList ul li a{padding: 10px 20px;}
}
@media  screen and (max-width:991px){
  .homeNews{padding-bottom: 40px;}
  .homeNews_m .homeNewsLeft{width: 100%;}
  .homeNewsList{width: 100%;}
  .homeNewsList ul{margin-top: 20px;}
}
@media  screen and (max-width:767px){
  .homeNews{padding-bottom: 30px;}
  .homeNews_m .hd ul li{width: 100px;margin: 0 5px;line-height: 34px; height: 34px; font-size: 14px;}
  .homeNews_m .bd{margin-top: 20px;}
  .homeNews_m .homeNewsTit{padding: 5px 15px;}
  .homeNews_m .homeNewsTit h4{padding-right: 80px; line-height:30px; height: 30px; font-size: 15px; }
  .homeNews_m .homeNewsTit > span{line-height: 30px; height: 30px; }
  .homeNewsList ul li a{padding: 10px 15px;}
  .homeNewsDate{width: 25%;}
  .homeNewsDate h4{line-height: 30px; height: 30px; font-size: 20px; }
  .homeNewsDate h4::after{width: 15px;}
  .homeNewsDate h5{line-height: 24px; height: 24px; font-size: 12px;}
  .homeNewsTxt{width: 75%; padding-left: 15px;}
  .homeNewsTxt h4{line-height: 30px; height: 30px; font-size: 15px; padding-right: 40px;}
  .homeNewsTxt h4 i{height: 30px; line-height: 30px; }
}

/* nyNav */
.nyNav{float: left; width: 100%; margin-top: 20px;}
.nyNav .nyNavTit{float: left; width: 100%; display: block; line-height: 34px; height: 34px; padding: 0 20px; position: relative; font-size: 14px; color: #fff; background: #3faaa1;
 -webkit-border-radius:5px; 
    -moz-border-radius:5px;
         border-radius:5px;}
.nyNav .nyNavTit::after{position: absolute; content: ""; background: url(images/downbg.png) no-repeat; width: 14px; height: 8px; right: 10px; top: 50%; margin-top: -4px;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.nyNav .nyNavTit.active::after{
-webkit-transform: rotate(180deg);	/* Safari and Chrome */
   -moz-transform: rotate(180deg);	/* Firefox */
    -ms-transform: rotate(180deg);	/* IE 9 */
     -o-transform: rotate(180deg);	/* Opera */
        transform: rotate(180deg);}
.nyNav .pz_SideLayer{float: left; width: 100%; margin-top: 2px; display: none; background: #333; 
 -webkit-border-radius:5px; 
    -moz-border-radius:5px;
         border-radius:5px;}
.nyNav .pz_SideLayer li{float: left; width: 100%; }
.nyNav .pz_SideLayer li a{float: left; width: 100%; display: block;line-height: 34px; height: 34px; font-size: 14px; color: #fff; padding: 0 20px; }
.nyNav .pz_SideLayer li a.hover{color: #3faaa1;}


.nyNav.active{position: fixed; top: 80px; left: 0; z-index: 111; padding: 20px 0; margin: 0; background: #fff;
 -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
         box-shadow: 1px 1px 10px rgba(0,0,0,.2);}

@media  screen and (max-width:767px){
  .nyNav.active{top: 50px; padding: 10px 0; }
}

/* 1关于我们 */
.about{float: left; width: 100%; padding: 91px 0;}
.aboutIntr{float: left; width: 100%; padding-bottom: 100px;}
.aboutIntr .aboutTxt{float: left; width: 65.811966%; line-height: 32px; font-size: 14px; color: #666;}
.aboutIntr .aboutTxt h2{float: left; width:100%; line-height: 44px; font-size: 24px; color: #3faaa1; padding-bottom: 22px;}
.aboutIntr .aboutNum{float: right; width:25.641026%; }
.aboutIntr .aboutNum ul{float: left; width: 100%; position: relative;}
.aboutIntr .aboutNum ul::after{position: absolute; content: ""; width: 100%; height: 1px; background: #fff; left: 0; bottom: 0;}
.aboutIntr .aboutNum li{float: left; width: 100%; padding:12px 0 24px 0; border-bottom: 1px dotted #b2b2b2;}
.aboutIntr .aboutNum li h2{float: left; width: 100%; text-align: center; line-height: 64px; height: 64px; font-size: 36px; color: #3faaa1; font-weight: bold; position: relative;}
.aboutIntr .aboutNum li h2 span{position: relative; padding: 0 5px;}
.aboutIntr .aboutNum li h2 i{position: absolute; left: 100%; top: 50%; font-size: 16px; font-style: normal;
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);}
.aboutIntr .aboutNum li h2::after{position: absolute; content: ""; width: 20px; height: 2px; bottom: 0; left: 50%; margin-left: -10px; background: #3faaa1;}
.aboutIntr .aboutNum li h4{float: left; width: 100%; line-height: 24px; color: #666666; font-size: 16px; text-align: center; margin-top: 10px;}
.aboutIntr .aboutAdd{float: left; width: 100%; margin-top: 45px; padding: 30px; background: #f4f6f8;}
.aboutIntr .aboutAdd img{float: left; width:439px; display: block; }
.aboutIntr .aboutAddTxt{float: left; width: 54.017094%; padding-left: 60px; height: 235px; display: table;}
.aboutIntr .aboutAddTxt .span01{float: left; width: 100%; display: block; line-height: 36px; font-size: 14px; color: #666; max-height:216px; overflow: hidden;}

@media  screen and (max-width:1199px){
  .aboutIntr .aboutAdd img{width:389px;}
  .aboutIntr .aboutAddTxt{width: 54.017094%; padding-left: 40px; height: 208px;}
  .aboutIntr .aboutAddTxt .span01{line-height: 30px; font-size: 14px; max-height:180px;}
}
@media  screen and (max-width:991px){
  .about{padding: 61px 0;}
  .aboutIntr{padding-bottom: 60px;}
  .aboutIntr .aboutTxt{line-height: 28px;}
  .aboutIntr .aboutTxt h2{line-height: 34px; font-size: 20px; padding-bottom: 15px;}
  .aboutIntr .aboutNum li{padding:12px 0 15px 0;}
  .aboutIntr .aboutNum li h2{line-height: 54px; height: 54px; font-size: 30px;}
  .aboutIntr .aboutNum li h4{line-height: 20px;font-size: 14px; margin-top: 5px;}
  .aboutIntr .aboutAdd img{width:289px;}
  .aboutIntr .aboutAddTxt{width: 54.017094%; padding-left: 30px; height: 154px;}
  .aboutIntr .aboutAddTxt .span01{line-height: 30px; font-size: 14px; max-height:150px;}
}
@media  screen and (max-width:767px){
  .about{padding:20px 0 30px 0;}
  .aboutIntr{padding-bottom: 30px;}
  .aboutIntr .aboutTxt{line-height: 26px; width: 100%;}
  .aboutIntr .aboutTxt h2{line-height: 30px; font-size: 18px; padding-bottom: 10px;}
  .aboutIntr .aboutNum li h2 i{font-size: 14px;}
  .aboutIntr .aboutNum{width: 100%;}
  .aboutIntr .aboutNum li{padding:10px 0;}
  .aboutIntr .aboutNum li h2{line-height: 34px; height: 34px; font-size: 20px;}
  .aboutIntr .aboutAdd{padding: 15px; margin-top: 20px;}
  .aboutIntr .aboutAdd img{width:100%;}
  .aboutIntr .aboutAddTxt{width:100%; padding-left: 0; height: auto; margin-top: 15px;}
  .aboutIntr .aboutAddTxt .span01{line-height: 30px; font-size: 14px; max-height:inherit;}
}

.aboutTit{float: left; width: 100%; text-align: center; margin-top: 91px;}
.proIntrTit h2,
.aboutTit h2{float: left; width: 100%; font-weight: bold; color: #333; }
.proIntrTit h2 span,
.aboutTit h2 span{padding: 0 10px; position: relative; line-height: 50px; height: 50px; font-size: 30px; display: inline-block;}
.proIntrTit h2 span::after,
.aboutTit h2 span::after{position: absolute; content: ""; width:18px; height:23px; background: url(images/aboutbg.png) no-repeat; left: 100%; top: 0;}
.aboutTit h4{float: left; width: 100%; line-height: 24px; padding: 10px 0; font-size: 18px; color: #555555;font-weight: bold; height: 54px; }

.aboutCul{float: left; width: 100%; padding-bottom: 100px; background: #f4f6f8;}
.aboutCul ul{float: left; width: 100%; padding-top: 43px;}
.aboutCul ul li{float: left; width: 33.333333%; padding-top: 292px; position: relative; overflow: hidden;}
.aboutCul ul li .aboutIco{position: absolute; left: 0; top: 0; width: 100%; height: 292px;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s; }
.aboutCul .aboutCulBox{float: left; width: 100%; background: #fff; padding: 40px 30px; position: relative; z-index: 9;}
.aboutCul .aboutCulBox h4{float: left; width: 100%; padding-left: 30px; padding-bottom: 18px; border-bottom: 3px solid #3faaa1; line-height: 48px; height: 69px; font-size: 24px; color: #333; font-weight: bold; position: relative;}
.aboutCul .aboutCulBox h4 i{position: absolute; left: 0; top: 14px; display: block;  width: 27px; }
.aboutCul .aboutCulBox h4 i img{float: left; width: 100%; display: block;}
.aboutCul .aboutCulBox .aboutCulTxt{float: left;width: 100%; line-height: 30px; font-size: 16px; color: #666; margin-top: 23px; display: block; height: 120px; overflow: hidden;}
.aboutCul .aboutCulBox .aboutCulTxt span{float: left; width: 50%;}
.aboutCul ul li.even{ padding-top: 0; padding-bottom: 292px;  }
.aboutCul ul li.even .aboutIco{top: auto; bottom: 0;}
.aboutCul ul li:hover .aboutIco{
  -webkit-transform: scale(1.06);
     -moz-transform: scale(1.06);
       -o-transform: scale(1.06);
          transform: scale(1.06);}

@media  screen and (max-width:991px){
  .aboutTit{margin-top: 61px;}
  .proIntrTit h2 span,
  .aboutTit h2 span{line-height: 40px; height: 40px; font-size: 24px;}
  .aboutTit h4{padding: 5px 0; font-size: 18px; height: 44px; }
  .aboutCul{padding-bottom: 60px;}
  .aboutCul ul{padding-top: 30px;}
  .aboutCul ul li{padding-top: 243px;}
  .aboutCul .aboutCulBox{padding: 30px 20px;}
  .aboutCul .aboutCulBox h4{padding-left: 30px; padding-bottom: 15px; line-height: 38px; height: 56px; font-size: 20px;}
  .aboutCul .aboutCulBox h4 i{top: 12px; width: 20px; }
  .aboutCul .aboutCulBox .aboutCulTxt{line-height: 28px; font-size: 14px;margin-top: 15px; height: 112px;}
  .aboutCul ul li.even{ padding-top: 0; padding-bottom: 243px;  }
}
@media  screen and (max-width:767px){
  .aboutTit{margin-top: 31px;}
  .proIntrTit h2 span,
  .aboutTit h2 span{line-height: 30px; height: 30px; font-size: 20px;}
  .aboutTit h4{line-height: 20px; padding: 5px 0; font-size: 14px; height: 30px; }
  .aboutCul{padding-bottom: 30px;}
  .aboutCul ul{padding-top: 20px;}
  .aboutCul ul li{padding-top: 0; width: 100%; margin-top: 10px;}
  .aboutCul ul li .aboutIco{float: left; width: 100%; position: static; left: auto; top: auto; height: auto; background: none!important;}
  .aboutCul .aboutCulBox{padding: 20px 15px;}
  .aboutCul .aboutCulBox h4{padding-left: 20px; padding-bottom: 10px; line-height: 30px; border-bottom: 2px solid #3faaa1; height: 42px; font-size: 18px;}
  .aboutCul .aboutCulBox h4 i{top: 8px; width: 15px; }
  .aboutCul .aboutCulBox .aboutCulTxt{min-height:84px; height: auto;}
  .aboutCul .aboutCulBox .aboutCulTxt span{width: 100%;}
  .aboutCul ul li.even{ padding-top: 0; padding-bottom: 0;  }
  .aboutCul ul li.even .aboutIco{top: auto; bottom: auto;}
}
.aboutExp{float: left; width: 100%; padding-bottom: 98px;}
.aboutExp_m{margin: 0 -64px;}
.aboutExp_s{float: left; width: 100%; margin-top: 40px; overflow: hidden; padding: 0 64px;}
.aboutExp_s .slick-slide{ padding:0;}
.aboutExp_s li{ }
.aboutExp_s .aboutExpDate{float: left; width: 100%; text-align: center; position: relative; padding-bottom: 24px; border-bottom: 4px solid #ccc;}
.aboutExp_s .aboutExpDate::after{position: absolute; content: ""; width: 24px; height: 24px; background: url(images/aboutbg05.png) no-repeat ; left: 50%; margin-left: -12px; bottom: -12px;}
.aboutExp_s .aboutExpDate .span02{display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 104px; height: 34px; line-height: 34px; font-size: 14px; color: #fff; background: #3faaa1; 
  -webkit-border-radius:3px; 
    -moz-border-radius:3px;
         border-radius:3px;}
.aboutExp_s .aboutExpIntr{float: left; width: 100%; margin-top: 40px; padding: 0 22px;}
.aboutExp_s .aboutExpTxt{float: left; width: 100%; padding: 32px 28px; background: #f5f5f5; font-size: 14px; color: #333; line-height: 30px; min-height: 154px; position: relative;}
.aboutExp_s .aboutExpTxt::before{position: absolute; content: ""; width: 18px; height: 17px; background: url(images/aboutbg06.png) no-repeat; top: -8px; left: 50%; margin-left: -9px;}
.aboutExp_s .slick-prev,
.aboutExp_s .slick-next
{
  font-size: 0;
  line-height: 0;
  position: absolute;
  left:0px;
  top: 30px;
  display: block;
  width: 24px;
  height: 54px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background:#ccc url(images/aboutleft.png) no-repeat;
  z-index:100;
 -webkit-border-radius:12px;   
    -moz-border-radius:12px;
         border-radius:12px;
-webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
        transform: translate(0,0);
}
.aboutExp_s .slick-next{
	left:auto;
	right:0;
	background-image:url(images/aboutright.png);
}
.aboutExp_s .slick-prev:hover,
.aboutExp_s .slick-next:hover{background-color: #3faaa1;}

.aboutTeam{float: left; width: 100%; padding-bottom: 100px; background: #f4f6f8;}
.aboutTeamBox{margin: 0 -15px;}
.aboutTeam_s{float: left; width: 100%; margin-top: 30px; padding-bottom: 54px; overflow: hidden;}
.aboutTeam_s .slick-slide{ padding:0 15px;}
.aboutTeam_s .li_hp{float: left; width: 100%;}
.aboutTeam_m{float: left; width: 100%; padding: 30px 35px 23px 35px; background: #fff; text-align: center; }
.aboutTeam_m img{float: left; width: 100%; display: block; 
  -webkit-border-radius:50%; 
    -moz-border-radius:50%;
         border-radius:50%;}
.aboutTeam_m h4{float: left; width: 100%; line-height: 32px; height: 32px; font-size: 18px; color: #333; margin-top: 23px; }
.aboutTeam_m h5{float: left; width: 100%; line-height: 26px; height: 26px; font-size: 14px; color: #555; }
.aboutTeam_s .slick-dots{position: absolute; left: 0; width: 100%; bottom: 0;}
.aboutTeam_s .slick-dots li{width: 14px; height: 14px; background: #cae4e4; margin: 0 8px; 
  -webkit-border-radius:50%; 
    -moz-border-radius:50%;
         border-radius:50%;}
.aboutTeam_s .slick-dots li button{display: none;}
.aboutTeam_s .slick-dots li.slick-active{background: #3faaa1;}
.aboutHonor{float: left; width: 100%;}
.aboutHonList{float: left; width: 100%; margin-top: 35px;}
.aboutHonList ul{margin: 0 -15px;}
.aboutHonList ul li{padding: 0 15px; float: left; width: 25%;}
.aboutHonList .aboutHonPic{float: left; width: 100%; border: 1px solid #ebebeb;}
.aboutHonList .aboutHonPic img{display: block; width: 100%; float: left; }
.aboutHonList .aboutHonTit{float: left; width: 100%; line-height: 35px; height: 35px; margin-top: 10px; font-size: 16px; color: #555; text-align: center;}

@media  screen and (max-width:1199px){
  .aboutExp_m{margin: 0 -15px;}
  .aboutExp_s{padding: 0 34px;}
}
@media  screen and (max-width:991px){
  .aboutExp{padding-bottom: 58px;}
  .aboutExp_m{margin: 0 -5px;}
  .aboutExp_s{margin-top: 30px;}
  .aboutHonList{margin-top: 20px;}
  .aboutHonList ul{margin: 0 -10px;}
  .aboutHonList ul li{padding: 0 10px;}
}
@media  screen and (max-width:767px){
  .aboutExp{padding-bottom: 28px;}
  .aboutExp_s .aboutExpIntr{margin-top: 30px; padding: 0 15px;}
  .aboutExp_s .aboutExpTxt{padding: 20px 15px; line-height: 24px; min-height: 120px;}
  .aboutTeam{padding-bottom: 30px;}
  .aboutTeamBox{margin: 0 -5px;}
  .aboutTeam_s{margin-top: 20px; padding-bottom: 34px;}
  .aboutTeam_s .slick-slide{ padding:0 5px;}
  .aboutTeam_m{padding: 25px 30px; }
  .aboutTeam_s .slick-dots li{width: 8px; height: 8px;margin: 0 4px; }
  .aboutHonList ul{margin: 0 -5px;}
  .aboutHonList ul li{padding: 0 5px; margin-top: 10px; width: 50%;}
  .aboutHonList .aboutHonTit{line-height: 30px; height: 30px; font-size: 14px;}
}

/* 新闻 */
.news{float: left; width: 100%; padding-top:80px;}
.newsSlide{float: left; width: 100%; }
.newsSlide .slick-slide{ width:100%; padding:0;}
.newsSlide .newsSlidePic{float: left; width:48.717949%; }
.newsSlide .newsSlidePic img{float: left; width: 100%; display: block;}
.newsSlide .newsSlideIntr{float: left; width:51.282051%; background: #3faaa1; padding: 30px 20px 75px 30px;}
.newsSlide .newsSlideIntr h3{float: left; width: 100%; line-height: 38px;height: 38px; font-size: 18px; color: #fff;}
.newsSlide .newsSlideIntr span{float: left; width: 100%; display: block; line-height: 32px; height: 32px; font-size: 14px; color: rgba(255,255,255,.6);}
.newsSlide .newsSlideTxt{float: left; width: 100%; line-height: 28px; height: 140px; font-size: 14px; color: #fff; margin-top: 6px; overflow: hidden;}
.newsSlide .slick-dots{width:51.282051%; padding-left: 30px; right: 0; left: auto; bottom:27px; height:18px; overflow:hidden;}
.newsSlide .slick-dots li{padding-right: 18px; float: left; margin: 0; }
.newsSlide .slick-dots li button{width: auto; padding: 0;line-height: 18px; height:18px; font-size: 14px; color: #dddddd;}
.newsSlide .slick-dots li.slick-active button{color:#fff;}
.newsList{float: left; width: 100%; margin-top: 33px; border-top: 1px solid #e1e1e1;}
.newsList li{float: left;width: 100%;  padding: 30px 0;border-bottom: 1px solid #e1e1e1;}
.newsList li a{float: left; width: 100%; display: block;}
.newsList li a i{float: right; width:23.076923%; display: block; overflow: hidden;}
.newsList li a i img{float: left; width: 100%; display: block;
-webkit-transition: all 0.4s ease-out 0s; 
   -moz-transition: all 0.4s ease-out 0s; 
     -o-transition: all 0.4s ease-out 0s; 
        transition: all 0.4s ease-out 0s;}
.newsList .newsListIntr{float: left; width: 73.162393%;}
.newsList .newsListIntr h4{float: left; width: 100%; line-height: 58px; height: 58px; font-size: 18px; font-weight: bold;color: #333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.newsList .newsListIntr span{float: left; width: 100%; line-height: 20px; font-size: 14px; color: #888; display: block; height: 20px;}
.newsList .newsListTxt{float: left; width: 100%; line-height: 28px; height: 56px; margin-top: 14px; font-size: 14px; color: #6b6b6b; overflow: hidden;}
.newsList li a:hover .newsListIntr h4{color: #3faaa1;}
.newsList li a:hover i img{
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);}

@media  screen and (max-width:1199px){
  .newsSlide .newsSlideIntr{padding: 30px 20px 73px 30px;}
  .newsSlide .newsSlideTxt{line-height: 28px; height: 84px; }
}
@media  screen and (max-width:991px){
  .news{padding-top:40px;}
  .newsSlide .newsSlidePic{width:100%; }
  .newsSlide .newsSlideIntr{width: 100%; padding: 20px 15px 43px 15px;}
  .newsSlide .newsSlideIntr h3{line-height: 30px;height: 30px;}
  .newsSlide .newsSlideIntr span{line-height: 24px; height: 24px;}
  .newsSlide .newsSlideTxt{line-height: 28px; height: 84px; }
  .newsSlide .slick-dots{width: 100%; bottom: 12px; padding-left:15px;}
  .newsList .newsListIntr h4{line-height: 38px; height: 38px;}
}
@media  screen and (max-width:767px){
  .news{padding-top:30px;}
  .newsList li{padding: 20px 0;}
  .newsList li a i{width:100%;}
  .newsList .newsListIntr{width: 100%; margin-top: 15px;}
  .newsList .newsListIntr h4{line-height: 28px; height: 28px; font-size: 16px;}
  .newsList .newsListTxt{line-height: 24px; height: 96px; overflow: hidden;}
}

/* 3新闻详情 */
.newsDel{float: left;width: 100%;margin-top: 70px; padding-bottom: 80px;}
.newsDel_m{float: left;width: 100%;}
.newsDel_m h2{display: block;float: left;width: 100%;font-size: 26px;line-height: 44px;color: #333!important;text-align: center;}
.newsDel_m .newsDelTime{float: left;width: 100%;margin-top: 22px; border-bottom: 1px solid #d7d8d8; border-top: 1px solid #d7d8d8;padding: 10px 0;line-height: 34px;font-size: 14px;color: #777;}
.newsDel_m .newsDelTime a{display: block;float: right;height: 34px;line-height: 34px;}
.newsDel_m .newsDelTime a i{display:inline-block; *display:inline; *zoom:1;vertical-align: top;margin-left: 15px; width: 34px;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.newsDel_m .newsDelTime a i img{display: block;float: left;}
.newsDel_m .newsDelTime a:hover{color: #3faaa1;}
.newsDel_m .newsDelTxt{float: left;width: 100%;padding: 40px 0;font-size: 16px;line-height: 36px;color: #4c4c4c; text-align: justify; min-height: 600px;}
.newsDel_m .newsDelTxt img{display: block; }
.newsDel_m .newsDelShare{float: left; width: 100%; text-align: center; padding-bottom: 40px; border-bottom: 1px solid #d7d8d8;}
.newsDel_m .newsDelPage{float: left;width: 100%;border-bottom: 1px solid #d7d8d8; position: relative;}
.newsDel_m .newsDelPage::after{position: absolute; width: 1px; height: 100%; background: #d7d8d8; left: 50%; top: 0; content: "";}
.newsDel_m .newsDelPage a{display: block;float: left;height: 60px;line-height: 60px;font-size: 14px;color: #333;max-width: 100%; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.newsDel_m .newsDelPage a:hover{color: #3faaa1;}
.newsDel_m .newsDelShare .jiathis_style_32x32{display:inline-block !important; *display:inline !important; *zoom:1 !important; vertical-align: top !important; float: none;}
.newsDelShare .jiathis_button_weixin{float: left !important; display: block !important; background: url(images/img_16_3.png) no-repeat center  !important;background-size: 100% 100% !important; width: 35px !important;height: 35px!important;overflow: hidden; position: relative; margin: 0 8px !important; padding: 0 !important;cursor: pointer;}
.newsDelShare .jtico_weixin{position: absolute; left: 9999px;}

.newsDelShare .jiathis_button_tsina{float: left !important;display: block !important; background: url(images/img_16_4.png) no-repeat center  !important;background-size: 100% 100% !important; width: 35px !important;height: 35px!important;overflow: hidden; position: relative; margin: 0 8px !important; padding: 0 !important;cursor: pointer;}
.newsDelShare .jtico_tsina{position: absolute; left: 9999px;}

.newsDelShare .jiathis_button_qzone{float: left !important;display: block !important; background: url(images/img_16_5.png) no-repeat center  !important;background-size: 100% 100% !important; width: 35px !important;height: 35px!important;overflow: hidden; position: relative; margin: 0 8px !important; padding: 0 !important;cursor: pointer;}
.newsDelShare .jtico_qzone{position: absolute; left: 9999px;}
.newsDelShare .jiathis_style_32x32 a:hover{opacity:0.8; filter:alpha(opacity=80);}

.newsDel_d{float: left; width: 100%; margin-top: 50px;}
.newsDel_d > h4{float: left; width: 100%; line-height: 44px; font-size: 24px; color: #000; height: 44px;}
.newsDel_d > h4 span{font-size: 16px; color: #3faaa1; padding-left: 10px; text-transform: uppercase;}
.newsDel_d .newsDelList{margin: 0 -15px;}
.newsDel_d .homeNewsList{float: left; width: 100%;}
.newsDel_d .homeNewsList ul li{float: left; width: 50%; padding: 0 15px; margin-top: 30px;}

@media  screen and (max-width:1199px){
  .newsDel_m h2{font-size: 22px;line-height: 40px;}
  .newsDelList ul{margin: 0 -15px;}
  .newsDelList ul li{padding: 0 15px;}
}
@media  screen and (max-width:991px){
  .newsDel{margin-top: 30px; padding-bottom: 40px;}
  .newsDel_m .newsDelPage::after{display: none;}
  .newsDel_m .newsDelPage a{max-width: none; width: 100%; line-height: 40px; height: 40px;}
  .newsDel_d{margin-top: 30px;}
  .newsDel_d > h4{line-height: 34px; height: 34px; font-size: 20px;}
  .newsDel_d > h4 span{font-size: 14px; }
  .newsDel_d .homeNewsList ul{margin: 0;}
  .newsDel_d .newsDelList{margin: 0 -10px;}
  .newsDel_d .homeNewsList ul li{padding: 0 10px; margin-top: 20px;}
  .newsDel_d .homeNewsDate{width: 65px;}
  .newsDel_d .homeNewsTxt{width: 75%;}
}
@media  screen and (max-width:767px){
  .newsDel{margin-top: 20px; padding-bottom: 30px;}
  .newsDel_m h2{font-size: 18px;line-height: 30px;}
  .newsDel_m .newsDelTime{margin-top: 12px; padding: 5px 0;line-height: 24px;font-size: 12px;text-align: center; }
  .newsDel_m .newsDelTime span{float: left; width: 100%; display: block ;}
  .newsDel_m .newsDelTime a{float: none; clear: both; display:  inline-block; *display: inline; zoom:1; vertical-align: top;}
  .newsDel_m .newsDelTime a i{float: none; margin-left: 10px;}
  .newsDel_m .newsDelTxt{padding: 20px 0;font-size: 14px;line-height: 24px;}
  .newsDel_m .newsDelShare{padding-bottom: 20px;}
  .newsDel_d .homeNewsList ul li{width: 100%;}
  .newsDel_d .homeNewsTxt{float: left;}
 
}

/* 4产品介绍 */
.proIntr{float: left; width: 100%; padding-bottom:80px; }
.proIntrTit{float: left; width: 100%; margin-top: 80px; text-align: center;}
.proIntrTit.colw h2{color: #fff;}
.proIntrTit.colw h2 span::after{background:url(images/probg.png) no-repeat;}
.proIntrTxt{float: left; width: 100%; line-height: 36px; font-size: 16px; color: #555; margin-top: 18px;}
.proIntr_m .homeProList{margin-top: 31px;}
.proIntr_m .homeProList::before{display: none;}
.proIntr_m .homeProLi{padding: 55px 42px 65px 70px; margin-top: 0;}
.proIntr_m .homeProLi::after{display: none;}
.proIntr_m .homeProPoint{padding-top: 21px; padding-left:0; border: 0; }
.proIntr_m .homeProPoint::before{display: none;}
.proIntr_m .homeProLi:last-child .homeProPoint::after{display: none;}
.proIntr_m .homeProLi:nth-child(2n-1){background: #f5f5f5;}
.proIntr_m .homeProLi:nth-child(2n-1) i{float: left;}
.proIntr_m .homeProLi:nth-child(2n) i{float: right;}
.proIntr_m .homeProPoint .homeProBox ul{position: relative; min-height: inherit;}
.proIntr_m .homeProPoint .homeProBox ul::before{position: absolute; content: ""; left:-72px; top: 0; width:2px; height: 100%; background: #d6d6d6; }
.proIntrVal{float: left; width: 100%; padding-bottom: 100px; background: #f5f5f5;}
.proIntrSce{float: left; width: 100%; padding-bottom: 100px; }
.proIntrSce_t{float: left; width: 100%; margin-top: 37px; padding-bottom: 8px;}
.proIntrSce_t ul{margin: 0 -21px;}
.proIntrSce_t ul li{float: left; width: 20%; padding: 0 21px;}
.proIntrSce_t .proIntrSce_li{float: left; width: 100%; background: #f5f5f5; padding: 52px 0 23px 0; text-align: center;
 -webkit-border-radius:50%; 
    -moz-border-radius:50%;
         border-radius:50%; }
.proIntrSce_t .proIntrSce_li img{width: 117px; display: inline;}
.proIntrSce_t .proIntrSce_li h4{float: left; width: 100%; line-height: 24px; height: 48px; color: #333; font-size: 16px; overflow: hidden; padding: 0 45px; margin-top: 15px;}
.proIntrSce_ul .slick-prev,
.proIntrSce_ul .slick-next
{
  font-size: 0;
  line-height: 0;
  position: absolute;
  left:-15px;
  top: 50%;
  display: block;
  width: 20px;
  height: 48px;
  padding: 0;
  cursor: pointer;
  border: none;
  outline: none;
  background:#3faaa1 url(images/aboutleft.png) no-repeat;
  z-index:100;
  background-size: 100%;
 -webkit-border-radius:10px; 
  -moz-border-radius:10px;
       border-radius:10px;
}
.proIntrSce_ul .slick-next{
	left:auto;
	right:-15px;
	background-image:url(images/aboutright.png);
  background-size: 100%;
}

@media  screen and (max-width:1199px){
  .proIntr_m .homeProPoint .homeProBox ul::before{left:-62px;}
  .proIntrSce_t .proIntrSce_li{padding: 32px 0 20px 0;}
  .proIntrSce_t .proIntrSce_li img{width: 87px;}
  .proIntrSce_t .proIntrSce_li h4{padding: 0 25px; margin-top: 13px;}
}
@media  screen and (max-width:991px){
  .proIntr_m .homeProLi{padding: 35px 32px 35px 50px;}
  .proIntr_m .homeProPoint .homeProBox ul::before{left:-52px;}
  .proIntr_m .homeProLi_m i{height: 280px;}
  .proIntrVal{padding-bottom: 60px;}
  .proIntrSce{padding-bottom: 60px; }
  .proIntrSce_t ul{margin: 0 -12px;}
  .proIntrSce_t ul li{padding: 0 12px;}
  .proIntrSce_t .proIntrSce_li{padding:30px 0 17px 0 ;}
  .proIntrSce_t .proIntrSce_li img{width: 57px;}
  .proIntrSce_t .proIntrSce_li h4{line-height: 20px; height: 40px;font-size: 14px; padding: 0 15px; margin-top: 10px;}
}
@media  screen and (max-width:767px){
  .proIntr{padding-bottom:30px; }
  .proIntrTit{margin-top: 30px;}
  .proIntrTxt{line-height: 26px; font-size: 14px; margin-top: 10px;}
  .proIntr_m .homeProList{margin-top: 20px; padding-bottom: 0;}
  .proIntr_m .homeProLi{padding: 25px 15px;}
  .proIntr_m .homeProPoint .homeProBox ul::before{display: none;}
  .proIntr_m .homeProLi_m i{height: auto;}
  .proIntr_m .homeProBox{margin-top: 10px;}
  .proIntrVal{padding-bottom: 30px;}
  .proIntrSce{padding-bottom: 30px; }
  .proIntrSce_t ul{margin: 0 -5px;}
  .proIntrSce_t ul li{padding: 0 5px;}
  .proIntrSce_t .proIntrSce_li img{width: 67px;}
  .proIntrSce_t .proIntrSce_li{padding:25px 0 10px 0 ; position: relative;  background: none;}
  .proIntrSce_t .proIntrSce_li::before{width: 122px; height: 100%; background:#f5f5f5; position: absolute; left: 50%; top: 0;content: ""; margin-left: -61px; z-index: -1;
   -webkit-border-radius:50%; 
    -moz-border-radius:50%;
         border-radius:50%;}
  .proIntrSce_t{padding: 0 20px; }
}
.proIntrFlow{float: left; width: 100%; padding-bottom: 89px; background: #3faaa1;}
.proIntrFlow_m{float: left; width: 100%; margin-top: 10px; position: relative;}
.proIntrFlow_m::after{position: absolute; content: ""; background: url(images/proibg01.png) no-repeat; width: 135px; height: 230px; background-size: 100%; right: 0; top: 50%; margin-top: -92px;}
.proIntrFlowList{float: left; width: 100%; text-align: center; position: relative; margin-top: 37px;}
.proIntrFlowList::before{position: absolute;content: ""; background: url(images/proibg02.png) no-repeat; width: 23px; height: 26px; left: -1px; top: 50%; margin-top: -8px;}
.proIntrFlowList::after{position: absolute; content: ""; width: 90%; height: 9px; background: #71cac3; left: 10px; top: 50%; z-index: 2; }
.proIntrFlowList.even::before{position: absolute;content: ""; background: url(images/proibg03.png) no-repeat; width: 23px; height: 26px; left: -1px; top: 50%; margin-top: -8px;}
.proIntrFlowList.even ul li{float: right;}
.proIntrFlowList ul{display: inline-block; *display: inline; *zoom:1; vertical-align: top;}
.proIntrFlowList li{float: left; width:176px; text-align: center; padding: 0 20px 0 30px; position: relative;}
.proIntrFlowList li::after{position: absolute; content: ""; width: 1px; height: 10px; background: #71cac3; top: 55%; z-index: 8; right: 15px;}
.proIntrFlowList li::before{position: absolute; content: ""; width: 1px; height: 10px; background: #71cac3; top: 55%; z-index: 8; left:20px;}
.proIntrFlowList li:first-child::before{display: none;}
.proIntrFlowList li:last-child::after{display: none;}
.proIntrFlowList.even li:first-child::before{display: block;}
.proIntrFlowList.even li:first-child::after{display: none;}
.proIntrFlowList.even li:last-child::after{display: block;}
.proIntrFlowList.even li:last-child::before{display: none;}
.proIntrFlowList  li img{width: 76px; display: inline;}
.proIntrFlowList  li h4{float: left; width: 100%; margin-top: 78px; line-height: 34px; height: 34px; font-size: 18px; color: #fff; text-align: center; position: relative;}
.proIntrFlowList li h4 span{position: relative;}
.proIntrFlowList  li h4 span::before{position: absolute; content: ""; width: 1px; height: 10px; background: #71cac3; top: -54px; z-index: 8; left: 50%; margin-left: -35px;}
.proIntrFlowList li h4 span::after{position: absolute; content: ""; width: 1px; height: 10px; background: #71cac3; top: -54px; z-index: 8; left: 50%; margin-left:35px;}
.proIntrFlowList li h4::before{position: absolute; content: ""; left: 50%; top: -66px; z-index: 9; background: url(images/proibg06.png) no-repeat; width: 26px; height: 26px; margin-left: -13px; background-size: 100%;}
.proIntrFlowList li h4::after{position: absolute; content: ""; width: 1px; height: 24px; background: #71cac3; top: -48px; z-index: 8; left: 50%; }

@media  screen and (max-width:1199px){
  .proIntrFlow_m::after{width: 130px; height: 220px; background-size:130px 220px; right: 0; top: 50%; margin-top: -92px;}
  .proIntrFlowList::before{margin-top: -13px;}
  .proIntrFlowList.even::before{margin-top: -13px;}
  .proIntrFlowList::after{width: 88%; height: 9px; left: 10px; top: 83px;}
  .proIntrFlowList li{width:136px;padding: 0 15px;}
  .proIntrFlowList li h4 {font-size: 16px;}
  .proIntrFlowList li::after{right: 10px;}
  .proIntrFlowList li::before{left:12px;}
  .proIntrFlowList li img{width: 66px;} 
}
@media  screen and (max-width:991px){
  .proIntrFlow_m::after{display: none;}
  .proIntrFlowList{margin:20px 0 0 0 ; overflow:hidden;}
  .proIntrFlowList .slick-slide{ padding:0;}
  .proIntrFlowList .slick-slide::after{position: absolute; content: ""; width: 100%; height: 9px; background: #71cac3; left: 10px; top: 48%; z-index: 2; }
  .proIntrFlowList .slick-list{position: relative;}
  .proIntrFlowList .slick-list::after{width: 20px; height: 100%; background: #3faaa1; position: absolute; right: 0; top: 0; content: ""; z-index: 9;} 
  .proIntrFlowList::after{position: absolute;content: ""; background: url(images/proibg02.png) no-repeat; width: 23px; height: 26px; right: -1px; top: 50%; left: auto;margin-top: -13px;}
  .proIntrFlowList li{width: 100%;}
  .proIntrFlowList li h4::before{z-index: 99;}
}
@media  screen and (max-width:767px){
  .proIntrFlow{padding-bottom:39px;}
  .proIntrFlowList .slick-slide::after{height: 6px; left: 10px; top: 48%; }
  .proIntrFlowList li img{width: 46px;} 
  .proIntrFlowList li h4{font-size: 14px; margin-top: 48px;} 
  .proIntrFlowList li h4::before{top: -38px; width: 20px; height: 20px; margin-left: -10px; background-size: 100%;}
  .proIntrFlowList li h4::after{height: 24px;top: -28px;}
  .proIntrFlowList li h4 span::before{top: -34px;margin-left: -30px;}
  .proIntrFlowList li h4 span::after{top: -34px; margin-left:30px;}
}
.proIntrMod{float:left; width: 100%;}
.proIntrMod_m{float: left; width: 100%; margin-top: 27px;}
.proIntrMod_t{float: left; width: 100%; padding-top: 26px; text-align: center; position: relative;}
.proIntrMod_t::after{position: absolute; content: ""; width: 94px; height: 94px; background: url(images/proibg07.png) no-repeat; left: 50%; margin-left: -47px; top: 0; background-size: 100%; z-index: -1;}
.proIntrMod_t h4{ display: inline-block; *display: inline; *zoom:1; vertical-align: top; padding: 0 52px; line-height: 42px; height: 42px; font-size: 18px; color: #fff; background: #f8af47;
 -webkit-border-radius:21px; 
    -moz-border-radius:21px;
         border-radius:21px; }
.proIntrMod_l{float: left; width: 100%; padding-top: 86px; position: relative;}
.proIntrMod_l::before{position: absolute; width: 1px; height: 100%; content: ""; left:50%; top: 0; background: #bebebe;}
.proIntrMod_l .ul1{margin: 0 -21px;}
.proIntrMod_l .li1{float: left; width: 16.666667%; padding: 26px 21px; margin-top: 29px; position: relative;}
.proIntrMod_l .li1::before,
.proIntrMod_l .li1::after{position: absolute; width: 50%; height: 1px; background: #bebebe; left: 0; top: -29px; content: "";}
.proIntrMod_l .li1::before{left: auto; right: 0;}
.proIntrMod_l .li1:first-child::after{display:none;}
.proIntrMod_l .li1:last-child::before{display:none;}
.proIntrMod_l .li1 span{float: left; width: 100%; display: block; line-height: 42px; height: 42px; text-align: center; font-size: 16px; color: #fff; background: #3faaa1; position: relative;
 -webkit-border-radius:21px; 
    -moz-border-radius:21px;
         border-radius:21px;}
.proIntrMod_l .li1 span::before{position: absolute; width: 1px; height:29px; top: -55px; left: 50%; background: #bebebe;content: ""; }
.proIntrMod_l .li1 span::after{position: absolute; content: ""; left: 50%; margin-left: -47px; width: 94px; height: 94px; top: -26px; background: url(images/proibg08.png) no-repeat; background-size: 100%; z-index: -1;}
.proIntrMod_l .ul2{float: left; width: 100%; margin-top: 34px;}
.proIntrMod_l .ul2.cen{text-align: center;}
.proIntrMod_l .li2{float: left; width: 100%; line-height: 24px; padding: 8px 0; font-size: 16px; color: #444; }
.proIntrMod_l .li2 i{padding-right: 10px; font-size: 18px; font-weight: bold; font-style: normal;}
.proIntrMod_l.even{float: left; width: 100%; padding-top: 30px; position: relative;}
.proIntrMod_l.even::before{height: 30px;}

@media  screen and (max-width:991px){
  .proIntrMod_l{padding-top: 56px;}
  .proIntrMod_l .ul1{margin: 0 -10px;}
  .proIntrMod_l .li1{padding: 20px 10px; margin-top: 20px;}
  .proIntrMod_l .li1::before,
  .proIntrMod_l .li1::after{top: -20px;}
  .proIntrMod_l .li1 span{line-height: 32px; height: 32px; font-size: 14px;}
  .proIntrMod_l .li1 span::before{height:20px; top: -40px; }
  .proIntrMod_l .li1 span::after{margin-left: -35px; width: 70px; height: 70px; top: -20px;}
  .proIntrMod_l .ul2{ margin-top: 24px;}
  .proIntrMod_l .li2{line-height: 20px; padding: 5px 0; font-size: 14px; }
  .proIntrMod_l.even{padding-top: 20px;}
  .proIntrMod_l.even::before{height: 20px;}
}
@media  screen and (max-width:767px){
  .proIntrMod_m{margin-top: 20px;}
  .proIntrMod_t{padding-top: 20px;}
  .proIntrMod_t::after{ width: 70px; height: 70px;  margin-left: -35px; }
  .proIntrMod_t h4{padding: 0 22px; line-height: 32px; height: 32px; font-size: 16px; }
  .proIntrMod_l::before{height: 56px;}
  .proIntrMod_l .li1{width: 100%;}
  .proIntrMod_l .li2{padding: 5px 15px;}
  .proIntrMod_l .li1:nth-child(2n-1)::after{display: none;}
  .proIntrMod_l .li1:nth-child(2n)::before{display: none;}
}
.proIntrBb{float: left; width: 100%; background: #f7f7f7; position: relative; margin-top: 36px;}
.proIntrBb::after{position: absolute; right: 0; top: 0; width: 50%; height: 100%; background: #f2f2f2; content: ""; z-index: 0;}
.proIntrBb ul{float: left; width: 100%; position: relative; z-index: 2;}
.proIntrBb ul li{float: left; width: 20%; text-align: center; padding: 60px 32px 22px 32px;  background: #f2f2f2;}
.proIntrBb ul li:nth-child(2n){background: #f7f7f7;}
.proIntrBb ul li img{width: 100px;}
.proIntrBb ul li h4{float: left; width: 100%; line-height: 30px; height: 30px; margin-top: 24px; font-size: 18px; color: #333; }
.proIntrBb ul li span{float: left; width: 100%; display: block; line-height: 30px; height: 60px; overflow: hidden;font-size: 14px; color: #888; }

.proIntr_d{float: left; width: 100%; margin-top: 68px;}
.proIntr_d h4{float: left; width: 100%; line-height: 45px; height: 45px; font-size: 24px; color: #333; text-align: center; font-weight: bold;}
.proIntrTable{float: left; width: 100%; margin-top: 36px;}
.proIntrTable ul{float: left; width: 100%; border-left: 1px solid #ececec; border-top: 1px solid #ececec;}
.proIntrTable ul li{float: left; line-height: 53px; height: 53px; color: #3faaa1; text-align: center; font-weight: bold; font-size: 16px; border-right: 1px solid #ececec;border-bottom: 1px solid #ececec;}
.proIntrTable ul li.li2{position: relative; width:13.33%;}
.proIntrTable ul li.li2 span{position: absolute; font-size: 24px; color: #fff;  line-height: 64px; height: 64px; bottom: 0; left: -1px; width: 100%; display: block;  border-top: 1px solid #ececec;}
.proIntrTable table{float: left; width: 100%; border-left: 1px solid #ececec; }
.proIntrTable table td{border-right: 1px solid #ececec;border-bottom: 1px solid #ececec; line-height: 53px; height: 53px; font-size: 16px; color: #333; text-align: center; position: relative;}
.proIntrTable table .td1{background: #f9fefe; width:10%;}
.proIntrTable table .td2{width:10%;}
.proIntrTable table .td3{width: 15%;}
.proIntrTable table tr:nth-child(even){background: #f7f7f7;}
.proIntrTable table .td1.bg02{background: rgba(107,195,188,.15);}
.proIntrTable table td img{position: absolute; left: 50%; top: 50%; margin-left: -11px; margin-top: -11px; width: 22px; height: 22px; display: block;}
.proIntrBTxt{float: left; width: 100%; border: 1px solid #ececec; border-top: none; text-align: center; padding: 18px 0;}
.proIntrBTxt ul{display: inline-block; *display: inline; *zoom:1;vertical-align: top;}
.proIntrBTxt ul li{float: left; padding: 0 30px 0 60px; line-height: 44px; font-size: 16px; color: #333; position: relative;}
.proIntrBTxt ul li i{position: absolute; left: 30px; top: 50%; margin-top: -11px; height: 22px; width: 22px; display: block;}
.proIntrBTxt ul li i img{display: block; width: 100%;}
.proIntrBTxt span{float: left; width: 100%; line-height: 34px; font-size: 14px; color: #666; display: block;}

@media  screen and (max-width:1199px){
  .proIntrBb ul li{padding: 40px 25px 22px 25px;}
  .proIntrBb ul li img{width: 70px;}
  .proIntrBb ul li h4{line-height: 24px; height: 24px; margin-top: 15px; font-size: 16px;  }
  .proIntrBb ul li span{line-height: 24px; height: 48px; font-size: 13px;}
}
@media  screen and (max-width:767px){
  .proIntrBb ul li{width: 50%; border-bottom: 2px solid rgba(255,255,255,.4);}
  .proIntrBb ul li img{width: 70px;}
  .proIntrBb ul li h4{line-height: 24px; height: 24px; margin-top: 15px; font-size: 16px;  }
  .proIntrBb ul li span{line-height: 24px; height: 48px; font-size: 13px;}
  
  .proIntr_d{ margin-top: 28px;}
  .proIntr_d h4{line-height: 25px; height: 25px; font-size: 18px; }
  .proIntrTable ul li{line-height: 30px; height: 30px;font-size: 14px; }
  .proIntrTable ul li:first-child{width: 16%!important;}
  .proIntrTable ul li:nth-child(2){width: 18%!important;}
  .proIntrTable ul li.li2{width:13.2%;}
  .proIntrTable ul li.li2 span{font-size: 15px; line-height: 44px; height: 44px; }
  .proIntrTable table td{line-height: 20px; padding: 5px; height: auto; font-size: 14px; }
  .proIntrTable table .td1{width: 16%;}
  .proIntrTable table .td2{width:13%;}
  .proIntrTable table .td3{width: 18%;}
  .proIntrTable table td img{margin-left: -6px; margin-top: -6px; width: 12px; height: 12px;}
  .proIntrBTxt{padding: 10px 0;}
  .proIntrBTxt ul{width: 90%;}
  .proIntrBTxt ul li{ padding: 0 15px 0 30px; font-size: 14px; text-align: left; line-height: 34px; height: 34px; }
  .proIntrBTxt ul li i{left: 10px; margin-top: -6px; height: 12px; width: 12px;}
  .proIntrBTxt span{line-height: 24px; font-size: 13px; padding: 0 20px;}
}


/* 5成功案例 */
.case{float: left; width: 100%; padding-top: 50px;}
.caseList{float: left; width: 100%; min-height: 600px;}
.caseList ul{margin: 0 -15px;}
.caseList ul li{float: left; width: 25%; padding: 0 15px; margin-top: 30px;}
.caseList ul li a{float: left; width: 100%; display: block; border: 1px solid #e7e7e7;}
.caseList .casePic{float: left; width: 100%; overflow: hidden;}
.caseList .casePic img{float: left; width: 100%; display: block;
-webkit-transition: all 0.4s ease-out 0s; 
   -moz-transition: all 0.4s ease-out 0s; 
     -o-transition: all 0.4s ease-out 0s; 
        transition: all 0.4s ease-out 0s; }
.caseList .caseName{float: left; width: 100%; padding: 9px 54px 14px 20px; background: #f8f8f8; position: relative;}
.caseList .caseName h4{float: left; width:100%; line-height:42px; height: 42px; font-size: 22px; color: #333; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.caseList .caseName span{float: left; width: 100%; line-height: 22px; height: 22px; font-size: 14px; color: #888; display: block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.caseList .caseName i{position: absolute; top: 50%; right: 20px; width: 34px; height: 34px; background: #e0e0e0 url(images/case01.png) no-repeat center; display: block; margin-top: -17px; 
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;   
  -webkit-border-radius:50%; 
    -moz-border-radius:50%;
         border-radius:50%;}
.caseList ul li a:hover .caseName h4{color: #3faaa1;}
.caseList ul li a:hover .caseName i{background-color: #3faaa1;}
.caseList ul li a:hover .casePic img{
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);}
@media  screen and (max-width:991px){
  .caseList ul{margin: 0 -10px;}
  .caseList ul li{padding: 0 10px; margin-top: 20px;}
  .caseList .caseName{padding: 8px 34px 10px 15px;}
  .caseList .caseName h4{line-height:32px; height: 32px; font-size: 18px;}
  .caseList .caseName i{width: 24px; height: 24px ; background-size: 100%; margin-top: -12px; right: 10px;}
}
@media  screen and (max-width:767px){
  .case{padding-top: 30px;}
  .caseList{min-height: 400px;}
  .caseList ul{margin: 0 -5px;}
  .caseList ul li{padding: 0 5px; margin-top: 10px; width: 50%;}
  .caseList .caseName{padding: 8px 30px 10px 10px;}
  .caseList .caseName h4{line-height:24px; height: 24px; font-size: 15px;}
  .caseList .caseName span{font-size: 13px;}
  .caseList .caseName i{width: 20px; height: 20px ;margin-top: -10px; right: 8px;}
}

/* 帮助中心 */
.help{float: left; width: 100%; padding-top: 80px;}
.helpSearch{float: left; width: 100%; padding: 7px; background: #3faaa1;}
.helpSearch input{float: left; width: 88.290598%; background: #fff; height: 48px; line-height: 48px; font-size: 16px; color: #333; padding: 0 20px;}
.helpSearch a{float: left; display: block;  width:11.709401%; font-size: 16px; color: #fff; line-height: 48px; height: 48px; text-align: center;}
.helpSearch a span{padding-left: 28px; position: relative; background: url(images/search_bg3.png) no-repeat left;}
.helpList{float: left; width: 100%; margin-top: 40px; min-height: 600px;}
.helpList li{float:left; width: 100%; padding: 20px;}
.helpList li:nth-child(2n-1){background: #f7f6f6;}
.helpList .helpAsk{float: left; width: 100%; padding-left: 66px; line-height: 22px; min-height:50px; display: table; font-size: 14px; color: #2b2c2c; font-weight: bold;background: url(images/helpbg01.png) no-repeat left top;}
.helpList .helpAnswer{float: left; width: 100%; padding-left: 66px; background: url(images/helpbg02.png) no-repeat left top; line-height: 22px; font-size: 14px; color: #666; margin-top: 20px; display: table; min-height: 50px;}
@media  screen and (max-width:991px){
.help{ padding-top: 30px;}
}
@media  screen and (max-width:767px){
  .helpSearch{padding: 3px;}
  .helpSearch input{width: 80%; height: 38px; line-height: 38px; font-size: 14px;padding: 0 15px;}
  .helpSearch a{width:20%; font-size: 14px;line-height: 38px; height: 38px; }
  .helpSearch a span{padding-left: 20px; background-size: 15px;}
  .helpList{margin-top: 20px; min-height: 400px;}
  .helpList li{padding: 15px;}
  .helpList .helpAsk{ padding-left: 40px; min-height: 32px; background-size: 32px;}
  .helpList .helpAnswer{margin-top: 15px; padding-left: 40px; min-height: 32px; background-size: 32px;}
}


/* 7联系我们 */
.contact{float: left; width: 100%; padding: 80px 0;}
#dituContent
{
  width: 100%;
  height: 400px;
  float: left;
  overflow: hidden; 
  position: relative; 
  z-index: 0; 
  color: rgb(0, 0, 0); 
  text-align: left; 
  background-color: rgb(243, 241, 236);
}
#dituContent img{max-width:none;}
#dituContent .BMap_pop > div,
#dituContent .BMap_shadow,
#dituContent .anchorBL,
#dituContent .iw_poi_title{display: none;}
#dituContent .BMap_pop > div:nth-child(9){display: block; width: 466px!important; height: 44px!important; line-height: 44px!important; font-size: 16px; color: #565656; background: #fff; left: 0 !important; top:145px!important; text-align: center;
 -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
         box-shadow: 1px 1px 10px rgba(0,0,0,.2);  
   -webkit-border-radius:22px; 
      -moz-border-radius:22px;
           border-radius:22px;}
.contact_m{float: left; width: 100%; margin-top: 60px;}
.contact_m ul{float: left; width: 100%; position: relative;}
.contact_m ul::after{position: absolute; content: ""; width: 1px; height: 100%; background: #fff; right: 0; top: 0;}
.contact_m ul li{float: left; width: 25%; border-right: 1px solid #d9d9d9; padding-top: 4px; text-align: center;}
.contact_m ul li h4{float: left; width: 100%; line-height: 32px; height: 42px; font-size: 18px; color: #333; margin-top: 13px; padding-bottom: 10px; position: relative; }
.contact_m ul li h4::after{position: absolute; content: ""; width: 23px; height: 2px; background: #ccc; bottom: 0; left: 50%; margin-left: -11px;}
.contact_m ul li h5{float: left; width: 100%; line-height: 28px; height: 28px; font-size: 16px; color: #565656; margin-top: 14px;}
.contact_m ul li .img01{width: 59px;}
.contact_m ul li .img02{width: 110px;}

@media  screen and (max-width:991px){
  .contact{padding: 40px 0;}
  .contact_m ul li h4{line-height: 24px; height: 34px; font-size: 16px; margin-top: 10px;}
  .contact_m ul li h5{line-height: 24px; height: 24px; font-size: 14px; margin-top: 10px;}
  .contact_m ul li .img01{width: 39px;}
  .contact_m ul li .img02{width: 80px;}
}
@media  screen and (max-width:767px){
  #dituContent{height: 300px;}
  #dituContent .BMap_pop > div:nth-child(9){font-size: 14px; width: 400px!important; left: -50px!important;}
  .contact{padding: 30px 0;}
  .contact_m{margin-top: 30px;}
  .contact_m ul li {width: 50%; margin-top: 15px;}
  .contact_m ul li .img01{width: 39px;}
  .contact_m ul li .img02{width: 80px;}
}

/* 8申请试用 */
.applySy{float: left; width: 100%; padding: 80px 0;}
.applySy_m{float: left; width: 100%; 
 -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
         box-shadow: 1px 1px 10px rgba(0,0,0,.2); }
.applyIntr{float: left; width: 34.017094%; background: url(images/applybg.jpg) no-repeat center/cover; padding: 82px 64px 72px 64px;}
.applyIntr h3{float: left; width: 100%; display: block; line-height: 40px; height: 40px; font-size: 32px; color: #fff; text-align: center; position: relative; margin-top: 31px; }
.applyIntr h3::before{position: absolute; content: ""; width: 86px; height: 25px; background: url(images/applybg02.png) no-repeat top; left: 50%; margin-left: -43px; top: -31px;}
.applyIntr h4{float: left; width: 100%; line-height: 28px; height: 28px; margin-bottom: 36px; position: relative; text-align: center; font-size: 18px; color: #fff; text-transform: uppercase; letter-spacing: 2px;}
.applyIntr h4::after{position: absolute; content: ""; left: 50%; margin-left: -43px; width: 86px; height: 25px; background: url(images/applybg02.png) no-repeat bottom; bottom: -36px;}
.applyIntr .applyTxt{float: left; width: 100%; line-height: 36px; height: 180px; overflow: hidden; color: #fff; font-size: 16px; margin-top: 43px;}
.applyForm{float: left; width:65.982906%; padding: 60px 70px; background: #fff; }
.applyForm h4{float: left; width: 100%; padding-bottom: 20px; border-bottom: 1px dashed #ccc; font-size: 18px; color: #3faaa1; }
.applyForm .applyForm_1{float: left; width: 100%; padding-top: 20px;}
.applyForm .applyForm_1 label{float: left; width: 100px; line-height: 48px; height: 48px; font-size: 14px; color: #333; padding-left: 8px; position: relative; margin-bottom: 0; font-weight: normal;}
.applyForm .applyForm_1 label i{font-style: normal; position: absolute; color: #ff0000; left: 0; top: 0; display: block; line-height: 48px; height: 48px;}
.applyForm .applyForm_1 input{float: left; width: 84.126984%; line-height: 46px; height: 48px; border: 1px solid #ececec; background: #fff; padding: 0 20px; font-size: 14px;
 -webkit-border-radius:5px; 
    -moz-border-radius:5px;
         border-radius:5px;}
.applyForm .applyForm_1 .applyCom{float: left; width: 40.476190%; border: 1px solid #ececec; position: relative;
 -webkit-border-radius:5px; 
    -moz-border-radius:5px;
         border-radius:5px;}
.applyForm .applyForm_1 .applyCom::after{position: absolute; content: ""; right: 10px; top: 50%; background: url(images/applybg03.jpg) no-repeat; width: 17px; height: 18px; margin-top: -9px;}
.applyForm .applyForm_1 .applyCom span{float: left; width: 100%; height: 46px; line-height: 46px; font-size:14px; color: #333; padding: 0 10px;}
.applyForm .applyForm_1 .applyCom select{position: absolute;  left: 0; top: 0; width: 100%;height: 48px; border: 0;  filter:alpha(opacity=00);opacity:0; z-index: 9; cursor: pointer;}
.applyBtn{float: right; width:84.126984%; padding-top: 20px; }
.applyBtn a{float: left; width: 100%; display: block; line-height: 60px; height: 60px; font-size: 18px; color: #fff; text-align: center; background: #3faaa1; 
 -webkit-border-radius:5px; 
    -moz-border-radius:5px;
         border-radius:5px;}
.applyBtn a:hover{background: #328f87;}

@media  screen and (max-width:1199px){
  .applyForm{padding: 50px 40px;}
  .applyForm .applyForm_1{padding-top: 15px;}
  .applyForm .applyForm_1 input{width: 80%; }
}
@media  screen and (max-width:991px){
  .applySy{ padding: 40px 0;}
  .applyIntr{width: 34.017094%; padding: 62px 24px 42px 24px;}
  .applyIntr h3{line-height: 30px; height: 30px; font-size: 22px; margin-top: 21px; }
  .applyIntr h3::before{width: 66px; height: 20px; margin-left: -33px; top: -21px; background-size: 100%;}
  .applyIntr h4{ margin-bottom: 26px;  font-size: 16px; }
  .applyIntr h4::after{margin-left: -33px; width: 66px; height: 20px; bottom: -26px; background-size: 100%;}
  .applyIntr .applyTxt{line-height: 30px; height: 180px; font-size: 14px; margin-top: 23px;}
  .applyForm{padding: 40px 30px;}
  .applyForm .applyForm_1{padding-top: 15px;}
  .applyForm .applyForm_1 input{width: 76%;}
  .applyForm .applyForm_1 label i,
  .applyForm .applyForm_1 label{height: 42px; line-height: 42px;}
  .applyForm .applyForm_1 input{line-height: 40px; height: 42px;}
  .applyForm .applyForm_1 .applyCom{width: 37%;}
  .applyForm .applyForm_1 .applyCom select,
  .applyForm .applyForm_1 .applyCom span{line-height: 40px; height: 40px;}
  .applyBtn a{line-height: 40px; height: 40px; font-size: 16px;}
}
@media  screen and (max-width:767px){
  .applySy{ padding: 30px 0;}
  .applyIntr{width:100%; padding: 32px 15px;}
  .applyIntr .applyTxt{line-height: 30px; height: auto; font-size: 14px; margin-top: 23px;}
  .applyForm{padding: 30px 15px;width: 100%}
  .applyForm .applyForm_1{padding-top: 10px;}
  .applyForm .applyForm_1 input{width: 100%;}
  .applyForm .applyForm_1 label i,
  .applyForm .applyForm_1 label{width: 100%; height: 32px; line-height: 32px;}
  .applyForm .applyForm_1 input{line-height: 30px; height: 32px;}
  .applyForm .applyForm_1 .applyCom{width: 48%;}
  .applyForm .applyForm_1 .applyCom select,
  .applyForm .applyForm_1 .applyCom span{line-height: 30px; height: 30px;}
  .applyBtn {width: 100%;}
  .applyBtn a{ line-height: 30px; height: 30px; font-size: 14px; }
}

/* 9 案例详情 */
.caseDel{float: left; width: 100%; padding: 80px 0 53px 0;}
.caseDel .caseDelTop{float: left; width: 100%; padding-top: 102px; position: relative;}
.caseDel .caseDelTop img{float: left; width: 100%; display: block; }
.caseDel .caseDelTop .caseLogo{position: absolute; left: 50%; top: -12px;width: 204px; height: 204px; margin-left: -102px;  }
.caseDel .caseDelTop .caseLogo img{display: block; width: 100%;}
.caseDel .caseDelTop .casePlay{position: absolute; left: 50%; top: 50%; width: 100px; margin-left:  -50px; text-align: center;}
.caseDel .caseDelTop .casePlay i{display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 55px; height: 55px; background: url(images/hcasebg03.png) no-repeat; background-size: 100%; cursor: pointer;}
.caseDel .caseDelTop .casePlay span{float: left; width: 100%; line-height: 54px; height: 54px; font-size: 16px; color: #fff;}
.caseDelTit{float: left; width: 100%; margin-top: 38px; padding-bottom: 17px; border-bottom: 1px dashed #ccc; }
.caseDelTit h4{float: left; width: 100%; line-height: 48px; height: 48px; padding-left: 16px; font-size: 24px; color: #333;  position: relative;}
.caseDelTit h4::before{position: absolute; content: ""; width: 3px; height: 24px; background: #3faaa1; left: 0; top: 50%; margin-top: -12px;}
.caseDelTit h4 span{font-size: 16px; color: #3faaa1; padding-left: 12px;}
.caseDel_m{float: left; width: 100%; line-height:30px; margin-top: 22px; font-size: 16px; color: #666;}
.caseDel_m .case_h4{float: left; width: 100%; font-weight: bold;}
.caseDel_m .span03{float: right; width: 100%; text-align: right;}

@media  screen and (max-width:991px){
  .caseDel{padding: 40px 0 33px 0;}
  .caseDel .caseDelTop{padding-top: 82px;}
  .caseDel .caseDelTop .caseLogo{width: 164px; height: 164px; margin-left: -82px;  }
}
@media  screen and (max-width:767px){
  .caseDel{padding: 30px 0 33px 0;}
  .caseDel .caseDelTop{padding-top: 42px;}
  .caseDel .caseDelTop .caseLogo{width: 84px; height: 84px; margin-left: -42px;  }
  .caseDel .caseDelTop .casePlay i{width: 35px; height: 35px;}
  .caseDel .caseDelTop .casePlay span{line-height: 24px; height: 24px; margin-top: 5px; font-size: 14px;}
  .caseDelTit{margin-top: 25px; padding-bottom: 10px; }
  .caseDelTit h4{line-height: 28px; height: 28px; padding-left: 12px; font-size: 18px;}
  .caseDelTit h4::before{width: 2px; height: 18px; margin-top: -9px;}
  .caseDelTit h4 span{padding-left: 8px;}
  .caseDel_m{line-height:26px; margin-top: 15px; font-size: 14px;}
}

/* 10视频教程 */
.videoClass{float: left; width: 100%; margin-top: 50px;}
.videoList{float: left; width: 100%;}
.videoList ul{margin: 0 -15px;}
.videoList ul li{float: left; width: 50%; padding: 0 15px; margin-top: 30px;}
.videoList ul li a{float: left; width: 100%; display: block; position: relative; overflow: hidden;}
.videoList ul li a img{float: left; width: 100%; display: block;
-webkit-transition: all 0.4s ease-out 0s; 
   -moz-transition: all 0.4s ease-out 0s; 
     -o-transition: all 0.4s ease-out 0s; 
        transition: all 0.4s ease-out 0s;}
.videoList ul li a i{position: absolute; width: 55px; height: 55px; display: block; background: url(images/hcasebg03.png) no-repeat;left: 50%; margin-left: -27px; margin-top: -28px;top: 50%; }
.videoList .videoTit{position: absolute; left: 0; bottom: 0; width: 100%; line-height: 59px; height: 111px; font-size: 18px; color: #fff; text-align: center; padding: 52px 15px 0 15px; background: url(images/vidbg.png) no-repeat top;}
.videoList ul li a:hover img{
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);}

.videoList ul li:hover .videoTit{display:none}

@media  screen and (max-width:991px){
  .videoClass{margin-top: 20px;}
  .videoList ul{margin: 0 -10px;}
  .videoList ul li{padding: 0 10px; margin-top: 20px;}
}
@media  screen and (max-width:767px){
  .videoList ul{margin: 0;}
  .videoList ul li{padding: 0; margin-top: 15px; width: 100%;}
  .videoList ul li a i{width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; background-size: 100%;}
  .videoList .videoTit{line-height: 34px; padding: 40px 10px 0 10px; height: 74px; font-size: 14px;}
}



/* 11下载资料 */
.download{float: left; width: 100%; margin-top: 50px;}
.loadList{float: left; width: 100%; min-height: 600px;}
.loadList ul{margin: 0 -15px;}
.loadList ul li{float: left; width: 33.333333%; padding: 0 15px; margin-top: 30px;}
.loadList ul li a{float: left; width: 100%; display: table; height: 270px; text-align: center; background: #f3f3f3;}
.loadList ul li a h4{float: left; width: 100%; line-height: 32px; height: 32px; font-size: 18px; color: #333; }
.loadList .loadIntr{float: left; width: 100%; padding: 0 82px; line-height: 24px; height: 48px; overflow: hidden; margin-top: 7px; color: #666; font-size: 14px; }
.loadList .loadBtn{display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 132px; height: 40px; line-height: 38px; font-size: 14px; color: #3faaa1; border: 1px solid #3faaa1; margin-top: 35px;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;  
 -webkit-border-radius:20px; 
    -moz-border-radius:20px;
         border-radius:20px;}
.loadList .loadBtn span{padding-right: 28px; background: url(images/loadbg2.png) no-repeat right;}
.loadList ul li a:hover{background: #3faaa1;}
.loadList ul li a:hover .loadBtn{color: #fff; border-color: #fff;}
.loadList ul li a:hover span{ background: url(images/loadbg.png) no-repeat right;}
.loadList ul li a:hover h4{color: #fff;}
.loadList ul li a:hover .loadIntr{color: rgba(255,255,255,.7);}
@media  screen and (max-width:1199px){
  .loadList .loadIntr{padding: 0 52px;}
}
@media  screen and (max-width:991px){
  .download{margin-top: 20px;}
  .loadList ul{margin: 0 -10px;}
  .loadList ul li{width:50%; padding: 0 10px; margin-top: 20px;}
  .loadList .loadIntr{padding: 0 52px;}
}
@media  screen and (max-width:599px){
  .download{margin-top: 20px;}
  .loadList ul{margin: 0;}
  .loadList ul li{width:100%; padding: 0; margin-top: 15px;}
  .loadList ul li a{height: 250px;}
  .loadList .loadIntr{padding: 0 42px;}
}

/* 12 用户手册 */
.admin{float: left; width: 100%; padding: 60px 0 80px 0;}
.admin_m{float: left; width: 100%; position: relative; min-height: 600px;}
.adminLeft{position: absolute; left: 0; top: 0; width: 20.512821%; height: 100%; background: #f2f7f7; overflow: hidden;
 -webkit-border-radius:10px 10px 0 0; 
    -moz-border-radius:10px 10px 0 0;
         border-radius:10px 10px 0 0;}
.adminLeft .adminLeft_t{float: left; width: 100%; padding: 14px 28px; background: #3faaa1;}
.adminLeft .adminLeft_t h4{float: left; width: 100%; line-height: 35px; height: 35px; font-size: 24px; color: #fff;}
.adminLeft .adminLeft_t h5{float: left; width: 100%; line-height: 20px; height: 20px; font-size: 14px; color: #fff;}
.adminLeft ul{float: left; width: 100%; padding: 0 20px; }
.adminLeft ul li{float: left; width: 100%;}
.adminLeft ul li a{float: left; width: 100%; display: block; line-height: 47px; height: 48px; font-size: 16px; color: #333; padding: 0 9px; border-bottom: 1px dotted #c2c6c6;}
.adminLeft ul li.on a,
.adminLeft ul li a:hover{background: #ddefef; padding-left: 27px; color: #3faaa1; border: 0;}
.adminRight{float: right; width:76.923077%; padding: 22px 30px;
   -webkit-border-radius:10px; 
    -moz-border-radius:10px;
         border-radius:10px;
 -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
         box-shadow: 1px 1px 10px rgba(0,0,0,.2);}
.adminRight .adminTit{float: left; width: 100%; line-height: 40px; padding-bottom: 9px; border-bottom: 1px solid #e9e9e9; font-size: 20px; color: #333;}
.adminRight .adminTxt{float: left; margin-top: 16px; font-size: 14px; color: #555; line-height: 30px; }
.adminRight .adminTxt .h4{float: left; width: 100%; color: #3faaa1; font-weight: bold; font-size: 14px;}

@media  screen and (max-width:991px){
  .admin{padding: 30px 0 30px 0;}
  .adminLeft{width: 25%;}
  .adminRight{width: 72%;}
}
@media  screen and (max-width:767px){
  .admin{padding: 30px 0 30px 0;}
  .adminLeft{width: 100%; position: static; left:auto;  padding-bottom: 20px; }
  .adminLeft .adminLeft_t{padding: 10px 15px;}
  .adminLeft .adminLeft_t h4{line-height: 30px; height: 30px; font-size: 16px;}
  .adminLeft ul{float: left; width: 100%; padding: 0 20px; }
  .adminLeft ul li a{line-height: 34px; height: 35px; font-size: 14px;  padding: 0 5px;}
  .adminLeft ul li.on a,
  .adminLeft ul li a:hover{padding-left: 20px;}
  .adminRight{width: 100%; margin-top: 20px; padding: 20px 15px;}
  .adminRight .adminTit{line-height: 30px; font-size: 18px;}
}

/* 分页 */
.d_0100_fy{ float:left; width:100%; text-align:center;padding: 60px 0;}
.pz_fy{display:inline-block; *display:inline; *zoom:1;vertical-align: top;}
.pz_fy a { display:block; float:left; width:38px; height:38px; text-align:center; line-height:36px; border:1px solid #e1e1e1; font-size:14px; color:#272727; margin:0 5px;
 -webkit-border-radius:19px; 
    -moz-border-radius:19px;
         border-radius:19px;}
.pz_fy a:hover,
.pz_fy a.on{color: #fff; border:1px solid #3faaa1; background:#3faaa1; text-decoration:none;}
.pz_fy a.prve{ background:url(images/prve_fy.png) no-repeat center; width:100px;}
.pz_fy a.prve:hover,
.pz_fy a.prve.on{ background:url(images/prve_fy_h.png) no-repeat center #3faaa1; border:1px solid #3faaa1;}
.pz_fy a.next{ background:url(images/next_fy.png) no-repeat center; width:100px;}
.pz_fy a.next:hover,
.pz_fy a.next.on{ background:url(images/next_fy_h.png) no-repeat center #3faaa1; border:1px solid #3faaa1;}
.fy_phone{ display:none;}
@media  screen and (max-width:767px){
.d_0100_fy{padding:30px 0;}
.pz_fy{ display:none;}
.fy_phone{ display:block;  float:left; width:100%; text-align:center; font-size:14px; color:#333;}
.fy_phone a {display:inline-block; *display:inline; *zoom:1; width:100px; height:38px; text-align:center; line-height:36px; border:1px solid #e1e1e1; margin:0 5px;
-webkit-border-radius:18px; 
 -khtml-border-radius:18px;
   -moz-border-radius:18px;
        border-radius:18px;}
.fy_phone a.prve{ background:url(images/prve_fy.png) no-repeat center;}
.fy_phone a.prve:hover,
.fy_phone a.prve.on{ background:url(images/prve_fy_h.png) no-repeat center #3faaa1; border:1px solid #3faaa1;}
.fy_phone a.next{ background:url(images/next_fy.png) no-repeat center;}
.fy_phone a.next:hover,
.fy_phone a.next.on{ background:url(images/next_fy_h.png) no-repeat center #3faaa1; border:1px solid #3faaa1;}
.fy_phone span{ padding:0 5%; color:#333; display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:38px; line-height:38px;}
}

/*down*/
.homeDown{float: left; width: 100%; background: #393a3a;}
.homeDown_m{float: left; width: 100%; padding: 42px 0 62px 0;}
.homeDown_h{float: left; width: 100%; line-height: 35px; height: 35px; padding: 0 20px 0 40px; background: rgba(0,0,0,.5) url(images/later25.png) no-repeat 10px center; display: block; background-size: 22px 22px; font-size: 14px; color: #fff; position: relative; cursor: pointer;
-webkit-border-radius:5px; 
 -khtml-border-radius:5px;
   -moz-border-radius:5px;
        border-radius:5px;}
.homeDown_h::after{position: absolute; content: ""; right: 15px; top: 50%; width: 14px; height: 8px; margin-top: -4px; background: url(images/downbg.png) no-repeat;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s; }
.homeDown_h.active::after{
-webkit-transform: rotate(180deg);	/* Safari and Chrome */
   -moz-transform: rotate(180deg);	/* Firefox */
    -ms-transform: rotate(180deg);	/* IE 9 */
     -o-transform: rotate(180deg);	/* Opera */
        transform: rotate(180deg);}
.homeDownList{float: left; width: 79.401709%; }
.homeDownList ul{float: left; width: 20%;}
.homeDownList ul h4{float: left; width: 100%; line-height: 31px; height: 31px; font-size: 20px; color: #3faaa1; }
.homeDownList ul .li1{float: left; width: 100%; }
.homeDownList ul .li2{padding-left: 25px; position: relative; float: left; width: 100%;}
.homeDownList ul .li2 i{position: absolute; left: 0; top: 50%; width: 16px; display: block; 
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);}
.homeDownList ul .li2 i img{display: block; float: left; width: 100%;}
.homeDownList ul .li2 a,
.homeDownList ul .li1 a{float: left; width: 100%; display: block; line-height: 40px; height: 40px; font-size: 14px; color: rgba(255,255,255,.6);}
.homeDownList ul li a:hover{color: #fff;}
.homeDown_ewm{float: left; width:20.598291%; }
.homeDown_ewm .ewm{margin: 0 -10px;}
.homeDown_ewm .ewm img{float: left; width: 50%; padding: 0 10px; display: block;}
.homeDown_ewm .homeAdd{float: left; width: 100%; margin-top: 22px; padding-top: 17px; line-height: 21px; padding-left: 23px; background: url(images/haddbg.png) no-repeat left 17px; font-size: 14px; color: rgba(255,255,255,.6); border-top: 1px dashed #616161;}
.homeDown_bq{float: left; width: 100%; background: #303131; padding: 15px 0; line-height: 25px;  font-size: 14px; color: rgba(255,255,255,.3); text-align: center;}
@media  screen and (max-width:991px){
  .homeDown_m{padding: 25px 0 25px 0;}
  .homeDownList{display: none;float: left; width:100%; }
  .homeDownList ul{width: 100%; padding: 0 20px 0 40px; margin-top: 3px; background: rgba(0,0,0,.5);}
  .homeDownList ul h4{ position: relative;}
  .homeDownList ul h4::after{position: absolute; content: ""; right: -3px; top: 50%; width: 14px; height: 8px; margin-top: -4px; background: url(images/downbg.png) no-repeat;
  -webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s; }
  .homeDownList ul.active h4::after{
-webkit-transform: rotate(180deg);	/* Safari and Chrome */
   -moz-transform: rotate(180deg);	/* Firefox */
    -ms-transform: rotate(180deg);	/* IE 9 */
     -o-transform: rotate(180deg);	/* Opera */
        transform: rotate(180deg);}
  .homeDownList ul h4{font-size: 16px;}
  .homeDownList ul .li1,.homeDownList ul .li2{display: none;}
  .homeDownList ul .li1 a,
  .homeDownList ul .li2 a{line-height: 30px; height: 30px;}
  .homeDown_ewm{width:100%; padding: 0 30%; margin-top: 20px; }  
}
@media  screen and (max-width:767px){
  .homeDown_ewm{padding: 0 10%; margin-top: 20px; }  
  .homeDownList ul{
    -webkit-border-radius:5px; 
 -khtml-border-radius:5px;
   -moz-border-radius:5px;
        border-radius:5px;
  }
  .homeDownList ul h4{font-size: 15px;}
}



/*手机版底部菜单*/
.pf_d{ float:left; width:100%; height:50px;}
.pf_down{ width:100%; float:left; position:fixed; left:0; bottom:0; background:#fff; border-top:solid 1px #ddd; height:50px; z-index:99;}
.pf_down li{ width:33.3333%; float:left; text-align:center; padding:5px 0 0 0;}
.pf_down li .ico7{ width:100%; float:left; height:20px;}
.pf_down li .name{ width:100%; float:left; font-size:14px; color:#666; line-height:20px; font-family:"Arial";}
.pf_down li.l1 .ico7{ background:url(images/btn15.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l2 .ico7{ background:url(images/btn16.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l3 .ico7{ background:url(images/btn18.png) no-repeat center; background-size:20px 20px;}
.pf_down li:hover .name,
.pf_down li.on .name{ color:#3faaa1;}
.pf_down .l1:hover .ico7,
.pf_down .l1.on .ico7{ background:url(images/btn15_1.png) no-repeat center; background-size:20px 20px;}
.pf_down .l2:hover .ico7,
.pf_down .l2.on .ico7{ background:url(images/btn16_1.png) no-repeat center; background-size:20px 20px;}
.pf_down .l3:hover .ico7,
.pf_down .l3.on .ico7{ background:url(images/btn18_1.png) no-repeat center; background-size:20px 20px;}



.tableCell{display: table-cell; vertical-align: middle; padding: 0; margin: 0;}
.elli{overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }

@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}

.pz_SideLayer .l2{display:none}
.BMapLabel{display:inline-block !important;
         width: 466px!important; height: 44px!important; line-height: 44px!important; /*font-size: 16px; color: #565656;*/ background: #fff; text-align: center;
 -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
         box-shadow: 1px 1px 10px rgba(0,0,0,.2);  
   -webkit-border-radius:22px; 
      -moz-border-radius:22px;
           border-radius:22px;
           max-width:initial;
}


/* 20181127新增页 13demo体验 */
.demo{float: left; width: 100%; margin: 80px 0 60px 0;
 -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
         box-shadow: 1px 1px 10px rgba(0,0,0,.2);}
.demoTop{float: left; width: 100%; background: url(images/demobg.png) no-repeat top; padding-top: 49px; text-align: center;}
.demoTop h2{float: left; width: 100%; font-size: 36px; line-height: 55px; font-weight: bold; color: #fff; text-transform: uppercase;}
.demoTop h4{float: left; width: 100%; font-size: 24px; line-height: 55px; color: #fff; letter-spacing: 2px; }
.demoTop .demoTy{display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 48.717949%; padding: 30px 0 19px 0; text-align: center; background: #fff; margin-top: 39px;
 -webkit-border-radius:5px; 
    -moz-border-radius:5px;
         border-radius:5px;  
 -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
         box-shadow: 1px 1px 10px rgba(0,0,0,.2);}
.demoTop .demoTy a{display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 302px; height: 60px; line-height: 60px; font-size: 24px; color: #fff; background: #3faaa1;
 -webkit-border-radius:30px; 
    -moz-border-radius:30px;
         border-radius:30px;}
.demoTop .demoTy a:hover{ 
  -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
         box-shadow: 1px 1px 10px rgba(0,0,0,.2);}
.demoTop .demoTy span{float: left; width: 100%; line-height: 38px; font-size: 16px; color: #888; display: block;}
.demoIntr{float: left; width: 100%; padding: 60px 66px 58px 66px; border-bottom: 1px dashed #b2b2b2;}
.demoIntr > h4{float: left; width: 100%; line-height: 24px; height: 24px; font-size: 24px; color: #3faaa1; font-weight: bold;}
.demoIntr .demoIntr_m{float: left; width: 100%; margin-top: 25px; line-height: 24px; font-size: 16px; color: #666;}
.demoIntr .demoIntr_m i{float: left; width: 21px; height: 21px; font-size:16px; color: #fff; line-height: 21px; text-align: center; display: block; margin-right: 10px; font-style: normal; background: #3faaa1; font-weight: bold;
 -webkit-border-radius:50%; 
    -moz-border-radius:50%;
         border-radius:50%;}
.demoIntr .demoIntr_m .a1{color: #ff5a00; text-decoration: underline;}
.demoDownload{float: left; width: 100%; margin-top: 25px;}
.demoDownload a{float: left; width: 270px; height: 76px; border: 1px solid #e0e0e0;display: block; margin-right: 20px; overflow: hidden;
 -webkit-border-radius:5px; 
    -moz-border-radius:5px;
         border-radius:5px; }
.demoDownload a img{float: left; width: 100%; display: block;}
.demoDownload a:hover{
    -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
         box-shadow: 1px 1px 10px rgba(0,0,0,.2);}
.demoMa{float: left; width: 100%; padding: 60px 0; text-align: center;}
.demoMa ul{float: left; width: 100%; padding: 0 113px;}
.demoMa ul li{float: left; padding: 0 57px; width: 33.333333%;}
.demoMa ul li > img{float: left; width: 100%; display: block; padding:5px; background: #fff; border: 1px solid #e6e6e6; }
.demoMa ul li span{float: left; width: 100%; line-height: 25px; font-size: 16px; color: #333333; text-align: center; display: block; margin-top: 14px; font-weight: bold; text-transform: uppercase;}
.demoMa ul li span i{padding-right: 7px; width: 32px;}
.demoMa ul li span i img{width:20px;}

@media  screen and (max-width:1199px){
  .demoMa ul li{padding: 0 30px;}
}
@media  screen and (max-width:991px){
  .demoTop{padding-top: 30px; background-size: 100%;}
  .demoTop h2{font-size: 24px; line-height: 40px;}
  .demoTop h4{font-size: 18px; line-height: 40px;}
  .demoTop .demoTy{width: 50%; margin-top: 20px; padding: 30px 0 15px;}
  .demoTop .demoTy a{width: 202px; height: 40px; line-height: 40px; font-size: 20px;}
  .demoIntr{ padding: 30px 36px;}
  .demoDownload a{width: 200px; height: 56px;margin-right: 10px; }
  .demoMa{padding: 40px 0;}
  .demoMa ul{padding: 0 53px;}
  .demoMa ul li span i{padding-right: 5px; width: 25px;}
  .demoMa ul li span i img{width:20px;}
}
@media  screen and (max-width:767px){
  .demo{margin: 30px 0 30px 0;}
  .demoTop{padding-top: 20px; background-size: 200%;}
  .demoTop h2{font-size: 20px; line-height: 30px;}
  .demoTop h4{font-size: 14px; line-height: 24px; padding: 0 10px;}
  .demoTop .demoTy{width: 80%; margin-top: 15px; padding: 20px 0 15px 0;}
  .demoTop .demoTy a{width: 132px; height: 30px; line-height: 30px; font-size: 16px;}
  .demoTop .demoTy span{ line-height: 24px; font-size: 13px; margin-top: 5px;}

  .demoIntr{padding: 20px 15px;}
  .demoIntr > h4{font-size: 18px;}
  .demoIntr .demoIntr_m{margin-top: 15px; line-height: 24px; font-size: 14px; }
  .demoIntr .demoIntr_m i{width: 18px; height: 18px; font-size:14px; line-height: 18px; margin-right: 5px; margin-top: 3px;}
  .demoDownload{margin-top: 15px;}
  .demoDownload a{width: 120px; height: 34px;margin-right: 5px; }
  .demoMa{padding: 20px 0;}
  .demoMa ul{padding: 0 15px;}
  .demoMa ul li{width: 50%; padding:10px 5px;}
  .demoMa ul li span{line-height: 20px; font-size: 13px; margin-top: 10px;}
  .demoMa ul li span i{padding-right: 5px; width: 20px;}
  .demoMa ul li span i img{width:15px;}
}

/*20190130 add*/
.homeCase_s .play03{position: absolute; top: 60%; right: 50%; text-align: center; margin-right: -79px;
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); }
.__btn20190130{float: left; width: 158px; height: 48px; line-height: 48px; font-size: 16px; color: #fff; display: block; margin-right: 15px; text-align: center;
  -webkit-border-radius:24px; 
    -moz-border-radius:24px;
         border-radius:24px;}
.__btn20190130{background: #3faaa1;}
.__btn20190130:hover{
 -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
         box-shadow: 1px 1px 10px rgba(0,0,0,.2);}