/* 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:#333;
-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{color:#333; 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: absolute; left: 0; top: 0; width:100%;padding: 0 8%; border-bottom: 1px solid rgba(255,255,255,.2); z-index: 99;}
.top1 .logo{float:left; width:178px; margin:31px 0 0 0;}
.top1 .logo a{float: left; width: 100%; display: block;}
.top1 .logo a img{float: left; width: 100%; display: block;}
.menu{float: left;padding-left: 82px; margin: 39px 0;}
.menu .nli{ float:left; z-index:15; position:relative; padding:0 24px;}
.menu .nli span a{ display:block; float:left; font-size:15px; height:52px; line-height:52px; padding:0 6px; color:#fff; position:relative;}
.menu .nli span a::after{ content: ""; position:absolute; left:50%; bottom:10px; width:12px; height:7px; background:url(../images/menubg.png) no-repeat; filter:alpha(opacity=00);opacity:0; margin-left: -6px;
-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,
.menu .nli.on span a{ color:#00a1e9;}
.menu .nli span a:hover::after,
.menu .nli.on span a::after{filter:alpha(opacity=100);opacity:1; bottom: 0;}
.menu .sub{ position:absolute; width:140px; left:50%; margin-left:-70px; 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:40px; line-height:40px; text-align:center;color:#fff; font-size:14px; background:rgba(255,0,0,.6); }
.menu .sub .li2:hover a{ background:rgba(255,255,255,0.8); color:#00a1e9;}

.link{float: right; margin-top: 44px;}
.link a{float: left; width: 35px; margin: 0 7px; display: block; border: 1px solid #fff; position: relative;
 -webkit-border-radius:50%; 
    -moz-border-radius:50%;
         border-radius:50%;}
.link a > img{float: left; width: 100%; display: block;}
.link a i{position: absolute; top: 100%; padding-top: 10px; width: 129px; height: 0; overflow: hidden; left: 50%; margin-left: -65px;
-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;}
.link a i img{float: left; width: 100%; height: 129px; display: block;}
.link a:hover{background: #00a1e9; border-color: #00a1e9;}
.link a:hover i{height: 139px;}
.link span{float: left; padding-left: 7px; font-size: 18px; color: #fff; font-family: Arial; font-weight: bold; line-height: 35px; height: 35px; display: inline-block;}

@media  screen and (max-width:1829px){
.menu .nli{padding:0 16px;}
}
@media  screen and (max-width:1669px){
.top1{padding: 0 6%;}  
.menu .nli{padding:0 14px;}
}
@media  screen and (max-width:1539px){
.top1{padding: 0 6%;}
.menu{padding-left: 42px; margin: 39px 0;}  
.menu .nli{padding:0 12px;}  
}
@media  screen and (max-width:1449px){
.top1{padding: 0 5%;} 
.top1 .logo{width:158px; margin:28px 0 0 0;}  
.menu{margin: 25px 0;}  
.menu .nli{padding:0 10px;}
.link{margin-top: 34px;}  
}
@media  screen and (max-width:1359px){
.top1{padding: 0 3%;} 
.link a{margin: 0 4px;}  
.link span{padding-left: 4px;}  
}
@media  screen and (max-width:1279px){
.top1{padding: 0 2%;} 
.menu{padding-left: 30px;}
.menu .nli{padding:0 8px;}  
}


/*phone版头部*/
.top2{ position:fixed; left:0; top:0; width:100%; height:80px; z-index:1030; border-bottom: 1px solid rgba(255,255,255,.2);}
.top2.active{background:rgba(0,0,0,.6); 
-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:150px; margin:15px 0 0 0;}

/*手机按钮*/
.menuph{ position:absolute; top:15px; right:15px; cursor:pointer; width:50px; height:50px; background:#00a1e9; 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:100px; 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;}
.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;}
.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-dots{ bottom:50px; height:18px;}
.slide_banner .slick-dots li{width:8px; height:8px; margin: 5px 11px; border:solid 2px #fff; background: #fff; position: relative;
 -webkit-border-radius:50%; 
    -moz-border-radius:50%;
         border-radius:50%;}
.slide_banner .slick-dots li::after{position: absolute; content:""; left: 50%; top: 50%; margin-left: -9px; margin-top: -9px; border: 2px solid #fff;filter:alpha(opacity=00);opacity:0; width: 18px; height: 18px;
 -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.4);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.4);
         box-shadow: 1px 1px 10px rgba(0,0,0,.4);  
 -webkit-border-radius:50%; 
    -moz-border-radius:50%;
         border-radius:50%;}
.slide_banner .slick-dots li button{ display:none;}
.slide_banner .slick-dots li.slick-active::after{filter:alpha(opacity=100);opacity:1; }
@media  screen and (max-width:767px){ 
.slide_banner .slick-dots{ bottom:15px; height:10px;}
.slide_banner .slick-dots li{ width:4px; height:4px; margin:3px 5px; }	
  .slide_banner .slick-dots li::after{width: 10px; height: 10px; margin-left: -5px; margin-top: -5px; border:1px solid #fff;}  
}

/* 内页 banner */
.nyBan{float: left; width: 100%; position: relative;}
.nyBan img{float: left; width: 100%; display: block;}
.nyBan .nyBanTit{position: absolute; left: 0; width: 100%; top: 60%; text-align: center;
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);}
.nyBan .nyBanTit h2{float: left; width: 100%; line-height: 58px; height: 58px; font-size: 46px; color: #fff; font-family: Arial; font-weight: bold;text-transform: uppercase; letter-spacing: 5px;}
.nyBan .nyBanTit span{display: inline-block; *display: inline; *zoom:1; vertical-align: top; line-height: 29px; height: 29px; font-size: 14px; color: #fff;    text-transform: uppercase;}
.nyBan .nyBanTit span a{padding: 0 5px; color: #fff;font-size: 14px;}
.nyBan .nyBanTit span a:hover{color: #00a1e9;}

@media  screen and (max-width:1199px){
  .nyBan .nyBanTit h2{line-height: 48px; height: 48px; font-size: 32px; }
}
@media  screen and (max-width:991px){
  .nyBan .nyBanTit h2{line-height: 38px; height: 38px; font-size: 26px; }
}
@media  screen and (max-width:767px){
  .nyBan .nyBanTit h2{line-height: 30px; height: 30px; font-size: 20px; letter-spacing: 3px; }
  .nyBan .nyBanTit span{display: none;}
}

/*down*/
.homeDown{float: left; width: 100%; background: #202020;}
.downTop{float: left; width: 100%; padding: 62px 0;}
.downTop .downNav{float: left; width:56.785714%; }
.downTop .downNav ul{float: left; width: 25%;}
.downTop .downTit{float: left; width: 100%; line-height: 40px; height: 40px; font-size: 16px; color: #ffffff; margin-bottom: 23px;}
.downTop .downTit a{color: #fff;}
.downTop .downNav ul li{float: left; width: 100%; padding-right: 10px;}
.downTop .downNav ul li a{float: left; width:100%; line-height: 30px; height: 30px; display: block; font-size: 14px; color: rgba(255,255,255,.6); }
.downTop .downNav ul li a:hover{color: #fff;}
.downTop .downContact{float: right; width: 15.571429%;}
.downTop .downContact ul{float: left; width: 100%;}
.downTop .downContact ul li{float: left; width: 100%; padding-left: 35px; font-size: 14px; color:rgba(255,255,255,.6); line-height: 30px; position: relative;}
.downTop .downContact ul li i{position: absolute; left:0; top:7px; width: 18px; display: block; }
.downTop .downContact ul li i img{float: left; width: 100%; display: block;}
.downTop .downMa{float: right; width:19.857143%; margin-top: 12px; }
.downTop .downMa .img01{float: left; width: 50%; padding-right: 10px; display: block; }
.downTop .downMa .img02{float: right; width: 50%; padding-left: 10px; display: block; }
.downTop .downMa .downMaTxt{float: left; width: 100%; line-height: 30px; margin-top: 16px; color: #fff; font-size: 14px;}
.downTop .downMa .downMaTxt span{float: left; width: 100%; display: block; line-height: 30px; color: rgba(255,255,255,.6); }
.downBq{float: left; width: 100%; background: #161616; padding: 15px 0;}
.downBq .bq{float: left; max-width: 70%; line-height: 32px; font-size: 14px; color: #b6b6b6;}
.downBq .bq a{float: left; width: 100%; display: block; color: #b6b6b6;}
.downBq .bq a:hover{color: #fff;}
.downBq .downLink{float: right; color: #b6b6b6;font-size: 16px;}
.downBq .downLink a{padding: 0 10px; color: #b6b6b6; font-size: 14px; line-height: 32px; height: 32px; }
.downBq .downLink a:hover{color: #fff;}

@media  screen and (max-width:1199px){ 
  .downTop{padding: 40px 0;}
  .downTop .downContact{width: 18%;}
  .downTop .downMa{width: 20%;}
  .downTop .downMa .img01{padding-right: 5px;}
  .downTop .downMa .img02{padding-left: 5px;}
}
@media  screen and (max-width:991px){ 
  .homeDown{text-align: center;}
  .downTop{padding: 30px 0;}
  .downTop .downTit{margin-bottom: 15px;}
  .downTop .downNav{width: 100%;}
  .downTop .downNav ul{width: 25%;}
  .downTop .downNav ul li{}
  .downTop .downContact{width: 56%; text-align: left; padding-left: 8%;}
  .downTop .downMa{width: 36%; padding-right: 8%; margin-top: 20px;}
  .downTop .downMa .img01{padding-right: 5px;}
  .downTop .downMa .img02{padding-left: 5px;}
  .downTop .downMa .downMaTxt{line-height: 24px; margin-top: 5px;font-size: 14px;}
  .downTop .downMa .downMaTxt span{line-height: 24px; }
  .downBq{text-align: center;}
  .downBq .bq{width: 100%; text-align: center; max-width: none;}
  .downBq .downLink{float: none; display: inline-block; *display: inline; *zoom:1; vertical-align: top; }
}
@media  screen and (max-width:767px){ 
  .downTop{padding: 20px 0;}
  .downTop .downTit{margin-bottom: 10px; line-height: 30px; height: 30px; font-size: 14px;}
  .downTop .downContact{width: 100%; text-align: left; padding:0 5%;}
  .downTop .downContact h4{display: none;}
  .downTop .downContact ul li{ font-size: 13px; line-height: 24px; }
  .downTop .downContact ul li i{width: 15px; top: 4px;}
  .downTop .downMa{width: 100%; padding:0 10%; margin-top: 20px;}
  .downTop .downMa .downMaTxt{margin-top: 10px; font-size: 13px;}
  .downBq .bq{line-height: 22px; font-size: 12px;}
  .downBq .downLink{font-size: 14px;}
  .downBq .downLink a{padding: 0 5px; font-size: 12px; line-height: 22px; height: 22px; }
}

/*main*/
.homeTit{float: left; width: 100%; text-align: center; padding-bottom: 15px; margin-top: 44px; position: relative;}
.homeTit::after{position: absolute; content: ""; left: 50%; bottom: 0; margin-left: -19px; width: 38px; height: 2px; background: #00a1e9;}
.homeTit h3{float: left; width: 100%; line-height: 50px; font-size: 30px; color: #484848; letter-spacing: 3px;}
.homeTit h4{float: left; width: 100%; line-height: 44px; font-size: 16px; color: #737373;}
.homePro{float: left; width: 100%; padding-bottom: 44px;}
.homePro .homePro_m{margin: 0 -20px;}
.homePro .homePro_s{float: left; width: 100%; margin-top: 35px; position: relative; overflow: hidden; padding-bottom: 25px;}
.homePro .homePro_s .slick-slide{}
.homePro .homePro_s .li_hp{float: left; padding: 15px 20px;}
.homePro .homePro_s .li_hp a{float: left; width: 100%; background: #f3f3f3; display: block; padding: 24px 0 24px 0;
 -webkit-border-radius:10px; 
    -moz-border-radius:10px;
         border-radius:10px;  
 -webkit-box-shadow: 1px 1px 15px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 15px rgba(0,0,0,.2);
         box-shadow: 1px 1px 15px rgba(0,0,0,.2); }

@media screen and (min-width: 1024px) {
	.homePro .homePro_s .li_hp a > img{float: left; width: 70px; display: block; margin-top: 40px; margin-left:24px; margin-right: 14px;}
	.homePro .homeProIntr{float: left; width: 58%; padding:0 26px; border-left: 1px solid #e8e8e8; position: relative;}}
@media screen and (max-width: 1024px) {
	.homePro .homePro_s .li_hp a > img{float: left; width: 70px; display: block; margin-top: 4px; margin-left:24px; margin-right: 14px;}
	.homePro .homeProIntr{float: left; width: 100%; padding:0 26px; border-left: 1px solid #e8e8e8; position: relative;}}

.homePro .homeProIntr::before{position: absolute; left: -1px; top: 50%; height: 30px; width: 1px; background: #00a1e9; margin-top: -15px; content: "";}
.homePro .homeProIntr .homeProLogo{float: left; width: 100%; }
.homePro .homeProIntr .homeProLogo img{float: left; display: block; max-width: 90%;  }
.homePro .homeProIntr .homeProTxt{float: left; width: 100%; line-height:30px; height: 90px; overflow: hidden; font-size: 16px; color: #8c8c8c; margin-top: 14px;}
.homePro .homeProIntr .homeProBtn{float: left; width: 100px;line-height: 28px; height: 30px; text-align: center; font-size: 14px; color: #8d8d8d; border: 1px solid #c8c8c8; margin-top: 30px;
-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:15px; 
    -moz-border-radius:15px;
         border-radius:15px; }
.homePro .homePro_s .li_hp a:hover .homeProBtn{color: #fff; background: #00a1e9; border-color: #00a1e9;}
.homePro .homePro_s .slick-dots{ bottom:0; height:13px;}
.homePro .homePro_s .slick-dots li{ width:13px; height:13px; margin:0 9px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background: #d3d3d3; }
.homePro .homePro_s .slick-dots li button{display: none;}
.homePro .homePro_s .slick-dots li.slick-active{ background:#00a1e9;}

@media  screen and (max-width:1429px){ 
  .homePro .homePro_s .li_hp a{padding: 68px 0 43px 0;}
  .homePro .homeProIntr .homeProTxt{line-height:30px; height: 120px; font-size: 14px; margin-top: 10px;}
  .homePro .homeProIntr .homeProBtn{margin-top: 15px;}
}
@media  screen and (max-width:1199px){
  .homeTit{margin-top: 64px;}
  .homeTit h3{line-height: 40px; font-size: 26px; }
  .homeTit h4{line-height: 34px; font-size: 16px; }
  .homePro{padding-bottom: 72px;}
  .homePro .homePro_m{margin: 0 -15px;}
  .homePro .homePro_s .li_hp{float: left; padding: 15px 15px;}
  .homePro .homePro_s .li_hp a{padding: 4px 0 4px 0;}
  .homePro .homeProIntr{padding: 0 20px;}
  .homePro .homeProIntr .homeProTxt{line-height:24px; height: 120px;}
  .homePro .homeProIntr .homeProBtn{margin-top: 15px;}
}
@media  screen and (max-width:991px){
  .homeTit{margin-top: 44px;}
  .homeTit h3{line-height: 34px; font-size: 22px; }
  .homeTit h4{line-height: 28px; font-size: 14px; }
  .homePro{padding-bottom: 42px;}
  .homePro .homePro_m{margin: 0;}
  .homePro .homePro_s .li_hp{padding: 10px 15px;}
  .homePro .homeProIntr .homeProTxt{line-height:24px; height: 96px;}
  .homePro .homeProIntr .homeProBtn{width: 80px; font-size: 12px; height: 26px; line-height: 26px;}
  .homePro .homePro_s .slick-dots{bottom: 5px; height: 10px;}
  .homePro .homePro_s .slick-dots li{ width:10px; height:10px; margin:0 5px; }
}
@media  screen and (max-width:767px){
  .homeTit{margin-top: 30px; padding-bottom: 10px;}
  .homeTit h3{line-height: 26px; font-size: 16px; }
  .homeTit h4{line-height: 20px; font-size: 12px; }
  .homePro{padding-bottom: 30px;}
  .homePro .homePro_s {margin-top: 20px;}
  .homePro .homePro_s .li_hp{padding: 10px;}
  .homePro .homeProIntr{padding: 0 15px;}
  .homePro .homeProIntr .homeProTxt{line-height:24px; height: 64px; font-size: 13px;}
  .homePro .homeProIntr .homeProBtn{width: 80px; font-size: 12px; height: 26px; line-height: 26px;}
  .homePro .homePro_s .slick-dots{ height: 8px;}
  .homePro .homePro_s .slick-dots li{ width:8px; height:8px; margin:0 3px; }
}

.homeServe{float: left; width: 100%; padding-bottom: 90px;}
.homeSerList{float: left; width: 100%; margin-top: 80px; text-align: center;}
.homeSerList li{float: left; width: 25%; position: relative; padding: 0 15px;}
.homeSerList li::after{position: absolute; right: 0; top: 50%; width: 1px; height: 138px; background: url(../images/hserbg2.png) no-repeat; margin-top: -64px; content: "";}
.homeSerList li:last-child::after{display: none;}
.homeSerList .homeSerPic{float: left; width: 100%; text-align: center; position: relative;}
.homeSerList .homeSerPic img{display: block; margin: 0 auto; width: 78px; 
-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;}
.homeSerList .homeSerPic .img02{position: absolute; left: 50%; margin-left: -39px; top: 0; filter:alpha(opacity=00);opacity:0;}
.homeSerList li h4{float: left; width: 100%; line-height: 40px; height: 40px; margin-top: 20px; font-size: 30px; color: #505050; font-weight: bold;}
.homeSerList li h4 span{font-size: 16px; color: #d71600;}
.homeSerList li h4 sup{font-size: 18px;}
.homeSerList li h5{float: left; width: 100%; line-height: 30px; height: 30px; font-size: 14px; color: #3e3e3e;}
.homeSerList li:hover .homeSerPic .img01{ filter:alpha(opacity=00);opacity:0;}
.homeSerList li:hover .homeSerPic .img02{ filter:alpha(opacity=100);opacity:1;}
.homeMoreBtn{float: left; width: 100%; margin-top: 70px; text-align: center;}
.homeMoreBtn a{display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 188px; height: 43px; line-height: 43px; background: #00a1e9 url(../images/hserbg3.png) no-repeat 135px center; font-size: 15px; color: #fff; padding-left: 50px; text-align: left;
 -webkit-border-radius:22px; 
    -moz-border-radius:22px;
         border-radius:22px;}
.homeMoreBtn a:hover{background-color: #00c0ff;
   -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){
  .homeServe{ padding-bottom: 60px;}
  .homeSerList{margin-top: 50px;}
  .homeSerList .homeSerPic img{ width: 68px; }
  .homeSerList .homeSerPic .img02{ margin-left: -34px;}
  .homeSerList li h4{line-height: 40px; height: 40px; margin-top: 20px; font-size: 26px;}
  .homeSerList li h4 span{font-size: 14px;}
  .homeSerList li h4 sup{font-size: 16px;}
  .homeSerList li h5{line-height: 25px; height: 50px; font-size: 14px;}
  
}
@media  screen and (max-width:991px){
  .homeServe{ padding-bottom: 40px;}
  .homeSerList{margin-top: 30px;}
  .homeSerList .homeSerPic img{ width: 48px; }
  .homeSerList .homeSerPic .img02{ margin-left: -24px;}
  .homeSerList li h4{line-height: 30px; height: 30px; margin-top: 15px; font-size: 20px;}
  .homeSerList li h5{line-height: 25px; height: 50px; font-size: 14px;}
  .homeMoreBtn{margin-top: 40px;}
  .homeMoreBtn a{width: 138px; height: 36px; line-height: 36px; background-position: 95px center; font-size: 14px; padding-left: 30px; }
}
@media  screen and (max-width:767px){
  .homeServe{ padding-bottom: 30px;}
  .homeSerList{margin-top: 20px;}
  .homeSerList li{width: 50%; padding: 0 10px;}
  .homeSerList li:nth-child(2)::after{display: none;}
  .homeSerList li h4{line-height: 30px; height: 30px; margin-top: 15px; font-size: 15px;}
  .homeSerList li h4 span{font-size: 12px;}
  .homeSerList li h4 sup{font-size: 14px;}
  .homeSerList li h5{line-height: 20px; height: 40px; font-size: 13px;}
  .homeMoreBtn{margin-top: 30px;}
  .homeMoreBtn a{width: 108px; height: 30px; line-height: 30px; background-position: 75px center; font-size: 13px; padding-left: 15px; background-size: 15px;}
}

.homeCase{float: left; width: 100%; padding-bottom: 92px;}
.homeNews_m .NewsHd,
.homeCase .hd{float: left; width: 100%; text-align: center; overflow: hidden;}
.homeNews_m .NewsHd ul,
.homeCase .hd ul{display: inline-block; *display: inline; *zoom:1; vertical-align: top; position: relative; margin-top: 40px;}
.homeNews_m .NewsHd ul::before,
.homeNews_m .NewsHd ul::after,
.homeCase .hd ul::after,
.homeCase .hd ul::before{position: absolute; content: ""; width: 800px; right: 100%; top: 50%; height: 1px; background: #dbdbdb;}
.homeNews_m .NewsHd ul::after,
.homeCase .hd ul::after{left: 100%; right: auto; }
.homeNews_m .NewsHd ul li,
.homeCase .hd ul li{float: left; padding: 0 15px; margin: 0 20px; line-height:32px; height: 32px; font-size: 16px; position: relative; color: #000; cursor: pointer;
 -webkit-border-radius:16px; 
    -moz-border-radius:16px;
         border-radius:16px;}
.homeNews_m .NewsHd ul li::after,
.homeCase .hd ul li::after{position: absolute; content: ""; width: 10px; height: 1px; background: #dbdbdb; right: -15px; top: 50%;}
.homeNews_m .NewsHd ul li:last-child::after,
.homeCase .hd ul li:last-child::after{display: none; }
.homeNews_m .NewsHd ul li.on,
.homeCase .hd ul li.on{background: #00a1e9; color: #fff;}
.homeCase .hd ul .slick-next,
.homeCase .hd ul .slick-prev{position:absolute; width:14px; height:25px; left:3px; top:50%; z-index:2; background: url(../images/hcase_le.png) no-repeat; cursor:pointer; background-size: 100%;}
.homeCase .hd ul .slick-next{background: url(../images/hcase_r.png) no-repeat;  background-size: 100%; left: auto; right: 3px;}

.homeCase .bd{float: left; width: 100%;}
.homeCaseList{float: left; width: 100%; margin-top: 23px;}
.homeCaseList ul{margin: 0 -30px;}
.homeCaseList ul li{float: left; width: 33.333333%; padding: 0 30px; margin-top: 37px;}
.homeCaseList ul li a{float: left; width: 100%; display: block;}
.homeCaseList .homeCasePic{float: left; width: 100%; display: block; overflow: hidden; position: relative; background: #000;
 -webkit-border-radius:10px; 
    -moz-border-radius:10px;
         border-radius:10px;}
.homeCaseList .homeCasePic img{float: left; width: 100%; display: block;
-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:10px; 
    -moz-border-radius:10px;
         border-radius:10px;}
.homeCaseList .homeCase_h{position: absolute; left: 3%; top: 3%; width: 94%; height: 94%; border: 1px solid rgba(255,255,255,.8); filter:alpha(opacity=00);opacity: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;}
.homeCaseList .homeCase_hm{position: absolute; left: 0; top: 50%; text-align: center;
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);}
.homeCaseList .homeCase_hm h4{float: left; width: 100%; line-height: 34px; padding-bottom: 19px; font-size: 20px; color: #fff; position: relative;}
.homeCaseList .homeCase_hm h4::after{position: absolute; content: ""; width: 50px; height: 1px; background: rgba(255,255,255,.4); margin-left: -25px; left: 50%; bottom: 0;}
.homeCaseList .homeCase_hm span{float: left; width: 100%; padding: 0 30px; line-height: 24px; max-height: 96px; font-size: 14px; color: rgba(255,255,255,.9); margin-top: 18px; overflow: hidden;}
.homeCaseList .homeCase_hm .ico1{display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 41px; height: 41px; background:url(../images/hcasebg1.png) no-repeat center; margin-top: 32px;}
.homeCaseList .homeCaseTit{float: left; width: 100%; margin-top: 18px; line-height: 54px; height: 54px; color: #333; font-size: 20px; border-bottom: 1px dotted #b2b2b2; padding-right: 42px; position: relative;}
.homeCaseList .homeCaseTit .span01{position: absolute; width: 31px; height: 31px; display: block; background: #626262;line-height: 30px; text-align: center; font-size: 24px; color: #fff; right: 5px; top: 50%; margin-top: -16px;
 -webkit-border-radius:50%; 
    -moz-border-radius:50%;
         border-radius:50%;}
.homeCaseIco{float: left; width: 100%; margin-top: 19px;}
.homeCaseIco span{padding-right: 20px; padding-left: 30px;position: relative; float: left; line-height: 18px; height: 18px; font-size: 14px; color: #666666; display: inline-block;}
.homeCaseIco span i{position: absolute; left: 0; top: 0; width: 23px; display: block;}
.homeCaseIco span i img{float: left; width: 100%; display: block;}
.homeCaseList ul li a:hover .homeCase_h{filter:alpha(opacity=100);opacity:1;}
.homeCaseList ul li a:hover .homeCasePic img{ filter:alpha(opacity=70);opacity:0.7;}
.homeCaseList ul li a:hover .homeCaseTit{color: #00a1e9;}

@media  screen and (max-width:1429px){
  .homeCaseList ul{margin: 0 -20px;}
  .homeCaseList ul li{padding: 0 20px; margin-top: 30px;}
  .homeCaseList .homeCaseTit{font-size:18px; }
}
@media  screen and (max-width:991px){
  .homeCase{padding-bottom: 42px;}
  .homeNews_m .NewsHd ul li,
  .homeCase .hd ul li{padding: 0 10px; margin: 0 15px; line-height:28px; height: 28px; font-size: 14px;} 
  .homeCaseList ul{margin: 0 -10px;}
  .homeCaseList ul li{padding: 0 10px; margin-top: 20px;}
  .homeCaseList .homeCaseTit{font-size:16px; }
  .homeCaseIco span{padding-right: 15px; padding-left: 25px; }
  .homeCaseIco span i{width: 18px; margin-top: 2px;}
  .homeCaseList .homeCase_hm h4{line-height: 24px; padding-bottom: 10px; font-size: 16px;}
  .homeCaseList .homeCase_hm span{padding: 0 15px; line-height: 22px; max-height: 88px; font-size: 12px; margin-top: 10px;}
  .homeCaseList .homeCase_hm .ico1{width: 30px; height: 30px;background-size:  100%; margin-top: 20px;}
}
@media  screen and (max-width:767px){
  .homeCase{padding-bottom: 32px;}
  .homeCase .hd ul{width: 90%; padding: 0 5%; text-align: center;}
  .homeNews_m .NewsHd ul li,
  .homeCase .hd ul li{padding: 0 5px;}
  .homeCase .hd ul li::after{display: none;}
  .homeCaseList ul{margin: 0 -5px;}
  .homeCaseList ul li{padding: 0 5px; margin-top: 15px; width: 50%;}
  .homeCaseList .homeCaseTit{font-size:14px; margin-top: 5px; line-height: 34px; height: 34px; }
  .homeCaseList .homeCaseTit .span01{width: 24px; height: 24px; margin-top: -12px; line-height: 24px; font-size: 20px;}
  .homeCaseIco{margin-top: 8px;}
  .homeCaseIco span{padding-right: 5px; padding-left: 15px; font-size: 12px; }
  .homeCaseIco span i{width: 12px; margin-top: 4px;}
  .homeCaseList .homeCase_hm h4{line-height: 20px; padding-bottom: 5px; font-size: 14px;}
  .homeCaseList .homeCase_hm span{padding: 0 5px; line-height: 20px; max-height: 60px; margin-top: 10px;}
  .homeCaseList .homeCase_hm .ico1{width: 24px; height: 24px;margin-top: 10px;}
}

.homeNews{float: left; width: 100%; padding-bottom: 99px;}
.homeNews_m{float: left; width: 100%;}
.NewsBd{float: left; width: 100%; height: 430px; margin-top: 57px; position: relative; overflow: hidden; }
.NewsBd .homeNewsBox{position: absolute; left: 0; top: 0; width: 100%; filter:alpha(opacity=00);opacity: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;}
.NewsBd .homeNewsBox.on{filter:alpha(opacity=100);opacity:1; z-index: 9;}
.NewsBd .homeNews_s{float: left; width: 46.857143%; position: relative; overflow:hidden;}
.NewsBd .homeNews_s a{float: left; width: 100%; display: block; position: relative; overflow: hidden;
 -webkit-border-radius:8px; 
    -moz-border-radius:8px;
         border-radius:8px;}
.NewsBd .homeNews_s a > img{float: left; width: 100%; display: block;
 -webkit-border-radius:8px; 
    -moz-border-radius:8px;
         border-radius:8px;}
.NewsBd .homeNews_s .homeNewsIntr{position: absolute; left:0; top: 0; width:50.152439%; height: 100%; background: rgba(0,0,0,.4); padding: 90px 30px 0 30px;color: #fff; }
.NewsBd .homeNews_s .homeNewsIntr h4{float: left; width: 100%; line-height: 32px; height: 32px; font-size: 18px;}
.NewsBd .homeNews_s .homeNewsIntr span{float: left; width: 100%; line-height: 26px; height: 26px; font-size: 14px; display: block; margin-top: 17px;}
.NewsBd .homeNews_s .homeNewsIntr .txt01{float: left; width: 100%; line-height: 28px; height: 112px; overflow: hidden; font-size: 14px; margin-top: 10px;}
.NewsBd .homeNews_s .slick-next,
.NewsBd .homeNews_s .slick-prev{position:absolute; width:30px; height:30px; left:30px; top:auto; bottom: 70px; z-index:2; background:#333 url(../images/hnews_le.png) no-repeat center; cursor:pointer;
-webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
        transform: translate(0,0);}
.NewsBd .homeNews_s .slick-next{left: 80px; background-image: url(../images/hnews_r.png);}
.NewsBd .homeNews_s .slick-prev:hover,
.NewsBd .homeNews_s .slick-next:hover{background-color:#00a1e9;}
.NewsBd .homeNewsList{float: right; width:47.142857%; }
.NewsBd .homeNewsList ul{float: left; width: 100%; margin-top: -14px;}
.NewsBd .homeNewsList ul li{float: left; width: 100%; padding: 14px 0; border-bottom: 1px solid #eee;}
.NewsBd .homeNewsList ul li:last-child{border: 0;}
.NewsBd .homeNewsList ul li a{float: left; width: 100%; display: block;}
.NewsBd .homeNewsList ul li a i{float: left; width: 24.545455%; display: block; position: relative; overflow: hidden; font-style: normal;
 -webkit-border-radius:10px; 
    -moz-border-radius:10px;
         border-radius:10px;}
.NewsBd .homeNewsList ul li a i img{float: left; width: 100%; display: block;}
.NewsBd .homeNewsList ul li a i .date01{position: absolute; left: 0; bottom: 0; width: 100px; line-height: 24px; height: 24px; background: rgba(0,0,0,.8); font-size: 12px; color: #fff; text-align: center;
 -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; }
.NewsBd .homeNewsList .homeNewsTit{float: right; width: 72.727273%; margin-top: 12px;}
.NewsBd .homeNewsList .homeNewsTit h4{float: left; width: 100%; line-height: 30px; height: 30px; color: #333333; font-size: 16px;  -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; }
.NewsBd .homeNewsList .homeNewsTit span{float: left; width: 100%; display: block; line-height: 26px; height: 52px; color: #999999; font-size: 14px; margin-top: 11px; overflow:hidden;}
.NewsBd .homeNewsList ul li a:hover .homeNewsTit h4{color: #00a1e9;}
.NewsBd .homeNewsList ul li a:hover i .date01{background: #00a1e9;}

@media  screen and (max-width:1429px){
  .NewsBd .homeNews_s .homeNewsIntr{width: 52%; padding: 70px 30px 0 30px;}
  .NewsBd .homeNews_s .homeNewsIntr h4{font-size: 16px;}
  .NewsBd .homeNews_s .homeNewsIntr span{lfont-size: 14px; margin-top: 10px;}
  .NewsBd .homeNews_s .homeNewsIntr .txt01{font-size: 14px; margin-top: 6px;}
  .NewsBd .homeNews_s .slick-next,
  .NewsBd .homeNews_s .slick-prev{bottom: 50px;}
  .NewsBd .homeNews_s .slick-next{left: 70px;}
  .NewsBd{height: 365px;}
  .NewsBd .homeNewsList ul{margin-top: -10px;}
  .NewsBd .homeNewsList ul li{padding: 10px 0;}
}
@media  screen and (max-width:1199px){
  .NewsBd .homeNews_s .homeNewsIntr{width: 52%; padding: 40px 15px 0 15px;}
  .NewsBd .homeNews_s .slick-next,
  .NewsBd .homeNews_s .slick-prev{bottom: 20px; left: 15px;}
  .NewsBd .homeNews_s .slick-next{left: 50px;}
  .NewsBd{height: 300px;}
  .NewsBd .homeNewsList{width: 50%;}
  .NewsBd .homeNewsList ul{margin-top: -6px;}
  .NewsBd .homeNewsList ul li{padding: 6px 0;}
  .NewsBd .homeNewsList .homeNewsTit{width: 72.727273%; margin-top: 8px;}
  .NewsBd .homeNewsList .homeNewsTit h4{line-height: 26px; height: 26px; font-size: 15px;}
  .NewsBd .homeNewsList .homeNewsTit span{line-height: 24px; height: 48px; font-size: 14px; margin-top: 5px;}
}
@media  screen and (max-width:991px){
  .homeNews{padding-bottom: 60px;}
  .NewsBd .homeNews_s{width: 49%;}
  .NewsBd .homeNews_s .homeNewsIntr{padding: 30px 15px 0 15px;}
  .NewsBd .homeNews_s .homeNewsIntr h4{font-size: 14px; line-height: 24px; max-height: 48px; height: auto;white-space:inherit; overflow: hidden;}
  .NewsBd .homeNews_s .homeNewsIntr span{font-size: 12px; margin-top: 5px; line-height: 20px; height: 20px;}
  .NewsBd .homeNews_s .homeNewsIntr .txt01{font-size: 12px; margin-top: 6px; line-height: 22px; height: 66px;}
  .NewsBd .homeNews_s .slick-next,
  .NewsBd .homeNews_s .slick-prev{bottom: 20px; width: 25px; height: 25px;}
  .NewsBd .homeNews_s .slick-next{left: 45px;}
  .NewsBd{height: 242px; margin-top: 30px;}
  .NewsBd .homeNewsList{width: 50%;}
  .NewsBd .homeNewsList ul{margin-top: -6px;}
  .NewsBd .homeNewsList ul li{padding: 6px 0;}
  .NewsBd .homeNewsList ul li a i .date01{width: 100%; line-height: 20px; height: 20px;  }
  .NewsBd .homeNewsList .homeNewsTit{margin-top: 3px;}
  .NewsBd .homeNewsList .homeNewsTit h4{line-height: 24px; height: 24px; font-size: 14px;}
  .NewsBd .homeNewsList .homeNewsTit span{line-height: 20px; height: 40px; font-size: 12px; margin-top: 3px;}
}
@media  screen and (max-width:767px){
  .homeNews{padding-bottom: 30px;}
  .NewsBd .homeNews_s{width: 100%;}
  .NewsBd{height: 540px; margin-top: 30px;}
  .NewsBd .homeNewsList{width: 100%;}
  .NewsBd .homeNewsList ul{margin-top: 8px;}
  .NewsBd .homeNewsList ul li a i{width: 27%;}
  .NewsBd .homeNewsList .homeNewsTit{width: 70%; margin-top: 3px;}
}
@media  screen and (max-width:429px){
  .NewsBd{height: 500px; margin-top: 30px;}
}
@media  screen and (max-width:329px){
  .NewsBd{height: 440px; margin-top: 30px;}
  .NewsBd .homeNews_s .homeNewsIntr{padding: 20px 15px 0 15px;}
  .NewsBd .homeNews_s .homeNewsIntr h4{line-height: 20px; max-height: 40px;}
  .NewsBd .homeNews_s .homeNewsIntr .txt01{line-height: 20px; height: 40px; margin-top: 3px;}
  .NewsBd .homeNews_s .slick-next,
  .NewsBd .homeNews_s .slick-prev{bottom: 15px;}
}

.homePart{float: left; width: 100%; padding-bottom: 99px;}
.homePart ul{float: left; width: 100%; margin-top: 52px; border-left: 1px solid #e6e6e6;border-top: 1px solid #e6e6e6;}
.homePart ul li{float: left; width:16.666%; border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;padding: 1%;}
.homePart ul li a{float: left; width: 100%; display: block; overflow: hidden; position: relative;}
.homePart ul li a img{float: left; width: 100%; display: block;}
.homePart .homePart_h{position: absolute; width: 100%; height: 0; left: 0; bottom: 0; text-align: center; background: rgba(0,0,0,.6); overflow: hidden;
-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;}
.homePart .homePart_h span{position: absolute; left: 0; top: 50%; line-height: 30px; margin-top: -15px; height: 30px; font-size: 14px; color: #fff; display: block; width: 100%;}
.homePart ul li a:hover .homePart_h{height: 100%}
@media  screen and (max-width:767px){
  .homePart{ padding-bottom: 20px;}
  .homePart ul{margin-top: 22px;}
  .homePart ul li{ width:50%;}
  .homePart .homePart_h span{line-height: 30px; margin-top: -15px; height: 30px; font-size: 14px; }
}

/* 帮助中心-常见问答 */
.comAsk{float: left; width: 100%; padding-top: 42px;}
.comAskSearch{float: right; width: 532px; border: 1px solid #e7e7e7; padding: 0 68px 0 32px; position: relative;
 -webkit-border-radius:26px; 
    -moz-border-radius:26px;
         border-radius:26px;}
.comAskSearch input{float: left; width: 100%; line-height: 50px; height: 50px; font-size: 14px; color: #333;}
.comAskSearch a{position: absolute; right: 0; top: 0; height: 50px; display: block; width: 68px; background: url(../images/ask01.png) no-repeat center;}
.comAsk ul{float: left; width: 100%; margin-top: 7px;}
.comAsk ul li{float: left; width: 100%; margin-top: 35px;}
.comAsk .comAskQue{float: left; width: 100%; padding: 11px 11px 11px 52px; background: #f3f3f3; font-size: 16px; color: #757575; line-height: 21px; position: relative; font-weight: bold;}
.comAsk .comAskQue::before{position: absolute; content: ""; width: 21px; height: 21px; background: url(../images/ask02.png) no-repeat; top: 11px; left: 11px;}
.comAsk .comAskAns{float: left; width: 100%; margin-top: 14px; padding:0 52px; font-size: 14px; color: #686868; line-height: 26px; position: relative; letter-spacing: 1px;}
.comAsk .comAskAns::before{position: absolute; content: ""; width: 21px; height: 21px; background: url(../images/ask03.png) no-repeat; top: 4px; left: 11px;}

@media  screen and (max-width:991px){
  .comAsk{padding-top: 35px;}
  .comAskSearch{width: 332px;padding: 0 48px 0 20px;}
  .comAskSearch input{line-height: 40px; height: 40px;}
  .comAskSearch a{height: 40px; width: 48px; background-size: 100%;}
  .comAsk ul{ margin-top: 0;}
}
@media  screen and (max-width:767px){
  .comAsk{padding-top: 20px;}
  .comAskSearch{width: 100%;}
  .comAsk ul {margin-top: 5px;}
  .comAsk ul li{margin-top: 15px;}
  .comAsk .comAskQue{padding: 8px 8px 8px 37px; font-size: 15px; }
  .comAsk .comAskQue::before{top: 8px; left: 8px;}
  .comAsk .comAskAns{margin-top: 10px; padding:0 15px 0 37px; font-size: 13px; line-height: 22px;}
  .comAsk .comAskAns::before{top: 4px; left: 8px;}
}

/* 帮助中心-资料下载 */
.download{float: left; width: 100%; margin-top: 42px;}
.download ul{float: left; width: 100%; margin-top: 12px;}
.download ul li{float: left; width: 100%; margin-top: 30px; }
.download ul li a{float: left; width: 100%; display: block; border: 1px solid #e9e9e9; padding: 20px 54px 20px 92px;  position: relative;}
.download ul li i{position: absolute; left: -1px; top: -1px; width: 92px; display: block;}
.download ul li i img{float: left; width: 100%; display: block;}
.download ul li i .img02{position: absolute; left: 0; top: 0; filter:alpha(opacity=00);opacity: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;}
.download .downloadTit{float: left; width:27.113238%; padding: 4px 20px 4px 40px; border-right: 1px solid #e9e9e9; }
.download .downloadTit h4{float: left; width:100%; line-height:36px; height: 36px; font-size: 16px; color: #333;  }
.download .downloadTit span{float: left; width:100%; line-height:21px; height: 21px; font-size: 12px; color: #888; display: block; padding-left: 18px; background: url(../images/load01.png) no-repeat left;}
.download .downloadIntr{float:right; width: 69.218501%; line-height: 24px; height: 48px; font-size: 14px; color: #555; margin-top: 6px; overflow: hidden;}
.download ul li a:hover i .img02{ filter:alpha(opacity=100);opacity:1; }
.download ul li a:hover .downloadTit h4{color: #00a1e9;}
.download ul li a:hover{
 -webkit-box-shadow: 1px 2px 20px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 2px 20px rgba(0,0,0,.2);
         box-shadow: 1px 2px 20px rgba(0,0,0,.2);}

@media  screen and (max-width:1429px){
  .download ul li a{ padding: 20px 30px 20px 92px;}
  .download .downloadTit{width:32%;}
  .download .downloadIntr{width: 65%;}
}
@media  screen and (max-width:1199px){
  .download ul li a{ padding: 20px 30px 20px 92px;}
  .download .downloadTit{width:32%; padding: 4px 20px 4px 20px;}
  .download .downloadIntr{width: 65%;}
}
@media  screen and (max-width:991px){
  .download ul li a{ padding: 10px 20px 10px 62px;}
  .download ul li i{width: 65px;}
  .download .downloadTit{width:32%; padding: 4px 20px 4px 20px;}
  .download .downloadTit h4{line-height:26px; height: 26px; font-size: 14px; }
  .download .downloadTit span{line-height:20px; height: 20px; padding-left: 16px;}
  .download .downloadIntr{width: 65%; margin-top: 3px;}
}
@media  screen and (max-width:767px){
  .download ul li{margin-top: 15px;}
  .download ul li a{ padding: 10px 15px;}
  .download ul li i{width:40px; left: 15px; top: 14px; }
  .download .downloadTit{width:100%; padding: 4px 0 8px 50px; border-right: 0; border-bottom: 1px solid #e9e9e9;}
  .download .downloadTit h4{line-height:26px; height: 26px; font-size: 14px; }
  .download .downloadTit span{line-height:20px; height: 20px; padding-left: 16px;}
  .download .downloadIntr{width: 100%; margin-top: 8px; line-height: 24px; max-height: 96px; height: auto; font-size: 13px;}
}

/*  渠道合作  */
.cooperate{float: left; width: 100%; padding: 68px 0 80px 0; text-align: center;}
.cooTit{float: left; width: 100%; color: #000; position: relative;text-align: center;}
.cooTit h4{display:inline-block; *display:inline; *zoom:1; vertical-align: top; min-width: 468px; padding: 0 30px; border-bottom: 1px solid #e0e0e0; line-height: 80px; height: 81px; font-size: 28px; font-weight: bold; position: relative;}
.cooTit h4::after{position: absolute; content: ""; left: 50%; bottom: -1px; width: 24px; height: 2px; background: #00a1e9; margin-left: -12px; }
.cooTit .span01{float: left; width: 100%; text-align: center;  height: 44px; line-height: 44px; font-size: 16px; color: #686868; display: block;}
.cooTit2 h4{color: #fff; border-color: #fff;}
.cooTop{float: left; width: 100%; padding-bottom: 80px; text-align: center;}
.cooTop .cooTopTxt{float: left; width: 100%; margin-top: 34px; line-height: 36px; font-size: 16px; color: #878787; text-align: center;}
.cooTop .cooTopTxt img{display: block; margin: 30px auto 0 auto;}
.cooTop .cooTopShare{display:inline-block; *display:inline; *zoom:1; vertical-align: top; margin-top: 22px;}
.cooTop .cooTopShare span{float: left; padding-right: 15px; line-height: 36px; height: 36px; font-size: #3c3d3f; font-size: 16px;}
.cooTop .cooTopShare .jiathis_style_32x32{float: left; }
.cooTop .cooTopShare .proLink,
.cooTop .cooTopShare .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: 36px !important;height: 36px!important;overflow: hidden; position: relative; margin: 0 8px !important; padding: 0 !important;cursor: pointer;}
.cooTop .cooTopShare .jtico_weixin{position: absolute; left: 9999px;}
.cooTop .cooTopShare .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: 36px !important;height: 36px!important;overflow: hidden; position: relative; margin: 0 8px !important; padding: 0 !important;cursor: pointer;}
.cooTop .cooTopShare .jtico_tsina{position: absolute; left: 9999px;}
.cooTop .cooTopShare .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: 36px !important;height: 36px!important;overflow: hidden; position: relative; margin: 0 8px !important; padding: 0 !important;cursor: pointer;}
.cooTop .cooTopShare .jtico_qzone{position: absolute; left: 9999px;}
.cooTop .cooTopShare .proLink:hover,
.cooTop .cooTopShare .jiathis_style_32x32 a:hover{opacity:0.8; filter:alpha(opacity=80);}

.cooTop .cooTopShare .proLink{background: url(../images/pro02.png) no-repeat center !important;background-size: 100% 100% !important; margin-right: 30px!important; }
@media  screen and (max-width:991px){
  .cooperate{padding: 48px 0 40px 0;}
  .cooTop{padding-bottom: 40px;}
  .cooTit h4{min-width: 368px; padding: 0 20px; line-height: 50px; height: 51px; font-size: 20px;}
  .cooTop .cooTopTxt{margin-top: 24px; line-height: 30px; font-size: 14px; padding: 0 15px;}
  .cooTop .cooTopTxt img{width: 60%;}
  .cooTop .cooTopShare{ margin-top: 22px;}
  .cooTop .cooTopShare span{ padding-right: 10px; line-height: 30px; height: 30px; font-size: 14px;}
  .cooTop .cooTopShare .proLink,
  .cooTop .cooTopShare .jiathis_button_tsina,
  .cooTop .cooTopShare .jiathis_button_qzone,
  .cooTop .cooTopShare .jiathis_button_weixin{width: 30px !important; height: 30px!important; margin: 0 5px !important; }
  .cooTop .cooTopShare .proLink{margin-right: 20px!important;}
}
@media  screen and (max-width:767px){
  .cooperate{padding: 28px 0 30px 0;}
  .cooTop{padding-bottom: 20px;}
  .cooTop .cooTopTxt img{width: 80%; margin: 20px auto 0 auto;}
  .cooTit h4{min-width: 268px; line-height: 40px; height: 41px; font-size: 18px;}
  .cooTit .span01{height: 30px; line-height: 30px; font-size: 14px; }
  .cooTop .cooTopTxt{margin-top: 20px; line-height: 28px; font-size: 14px; padding: 0 10px;}
  .cooTop .cooTopShare span{ padding-right: 5px; line-height: 24px; height: 24px; font-size: 13px;}
  .cooTop .cooTopShare .proLink,
  .cooTop .cooTopShare .jiathis_button_tsina,
  .cooTop .cooTopShare .jiathis_button_qzone,
  .cooTop .cooTopShare .jiathis_button_weixin{width: 24px !important; height: 24px!important; margin: 0 3px !important; }
  .cooTop .cooTopShare .proLink{margin-right: 10px!important;}
  
}
.cooObject{float: left; width: 100%; padding: 35px 0 40px 0; background: #f9f9f9;}
.cooObjList{margin-top: 33px; float: left; width: 100%;}
.cooObjList ul{margin: 0 -11px;}
.cooObjList ul li{float: left; width: 20%; padding: 0 14px;margin-bottom: 44px;}
.cooObjList ul li .cooObjBox{float: left; width: 100%; border: 1px solid #e8e8e8; background: #fff; padding: 14px 14px 14px 14px; text-align: center; }
.cooObjList ul li .cooObjPic{padding-bottom: 18px; position: relative; width: 100%; float: left; }
.cooObjList ul li .cooObjPic::after{position: absolute; content: ""; width: 25px; height: 2px; background: #9e9e9e; left: 50%; margin-left: -12px; bottom: 0;}
.cooObjList ul li .cooObjPic img{margin: 0 auto; display: block; width: 100%;
-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;}
.cooObjList ul li .cooObjPic .img02{position: absolute; left: 50%; top: 0; filter:alpha(opacity=00);opacity:0;
-webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0); }
.cooObjList ul li .cooObjBox h4{float: left; width: 100%; line-height: 20px; height: 40px; font-size: 18px; margin-top: 20px; overflow: hidden; font-weight:800;}
.cooObjList ul li:hover .cooObjPic .img02{filter:alpha(opacity=100);opacity:1;}

@media  screen and (max-width:1429px){
  .cooObjList ul li .cooObjPic img{width: 130px;}
  .cooObjList ul li .cooObjBox{padding: 30px 20px 28px 20px; }
}
@media  screen and (max-width:1199px){
  .cooObjList ul{margin: 0 -8px;}
  .cooObjList ul li{padding: 0 8px;}
  .cooObjList ul li .cooObjPic img{width: 100px;}
  .cooObjList ul li .cooObjBox{padding: 30px 15px 28px 15px; }
}
@media  screen and (max-width:991px){
  .cooObject{padding: 30px 0 50px 0;}
  .cooObjList{margin-top: 20px;}
  .cooObjList ul{margin: 0 -5px;}
  .cooObjList ul li{padding: 0 5px;}
  .cooObjList ul li .cooObjPic img{width: 80px;}
  .cooObjList ul li .cooObjBox{padding: 15px 6px 20px 6px; }
  .cooObjList ul li .cooObjBox h4{font-size: 12px;}
}
@media  screen and (max-width:767px){
  .cooObject{padding: 30px 0 30px 0;}
  .cooObjList{margin-top: 10px;}
  .cooObjList ul{margin: 0 -5px;}
  .cooObjList ul li{padding: 0 5px; width: 50%; margin-top: 10px;}
  .cooObjList ul li .cooObjPic img{width:140px;}
  .cooObjList ul li .cooObjBox{padding: 15px 6px 15px 6px; }
  .cooObjList ul li .cooObjBox h4{font-size: 12px;}
}
.cooStyle{float: left; width: 100%; padding: 50px 0 80px 0;}
.cooStyle .cooStyleBox{float: left; width: 47.928571%; margin-top: 107px; position: relative;  background: #000;
 -webkit-border-radius:10px; 
    -moz-border-radius:10px;
         border-radius:10px;}
.cooStyle .cooStyleBox i{position: absolute; left: 50%; top: -51px; width: 103px; display: block; z-index: 9; margin-left: -51px;}
.cooStyle .cooStyleBox i img{float: left; width: 100%; display: block;}
.cooStyle .cooStyleBox .imgBg{float: left; width: 100%; display: block; filter:alpha(opacity=60);opacity:0.6; height: 264px;
 -webkit-border-radius:10px; 
    -moz-border-radius:10px;
         border-radius:10px;}
.cooStyle .cooStyleTxt{position: absolute; top: 60%; left: 0; text-align: center; padding: 0 8%; width: 100%;
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); }
.cooStyle .cooStyleTxt h4{float: left; width: 100%; line-height: 42px; height: 42px; font-size: 24px; color: #fff; font-weight: bold;}
.cooStyle .cooStyleTxt span{float: left; display: block; width: 100%; line-height: 28px; height: 56px; overflow: hidden; font-size: 15px; color: #fff; margin-top: 13px;}
.cooServe{float: left; width: 100%; padding: 58px 0 66px 0; background: #efefef; }
.cooServe .cooSer_m{float: left; position: relative; width: 100%; }
.cooServe .cooSer_m img{position: absolute; top: 50%; left: 0; width: 50%;
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);}
.cooServe .cooSerBox{float: right; width: 45%; margin-right: 33px; padding: 26px 3% 40px 8%; background: #fff; position: relative; text-align: left;
 -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:10px; 
    -moz-border-radius:10px;
         border-radius:10px;}
.cooServe .cooSerBox::before{position: absolute; right: 100%; top: 50%; background: url(../images/coo11.png) no-repeat; width: 16px; height: 34px; content: ""; margin-top: -17px;}
.cooServe .cooSerBox h2{float: left; width: 100%; font-size: 28px; color: #000; font-weight: bold; }
.cooServe .cooSerBox h2 span{line-height: 50px; padding-bottom: 24px; position: relative; width: 60%; display: inline-block; border-bottom: 1px solid #bcbcbc;}
.cooServe .cooSerBox h2 span::after{position: absolute; content: ""; width: 24px; height: 2px; background: #00a1e9; left: 0; bottom: -1px;}
.cooServe .cooSerTxt{float: left; width: 100%; margin-top: 27px;}
.cooServe .cooSerTxt h4{float: left; width: 100%; margin-bottom: 13px; line-height: 36px; height: 36px; font-size: 16px; color: #515151; font-weight: bold;}
.cooServe .cooSerTxt .span02{float: left; width: 100%; padding-left: 15px; line-height: 36px; font-size: 16px; color: #515151; position: relative;}
.cooServe .cooSerTxt .span02::before{position: absolute; content: ""; width: 8px; height: 8px; background: #515151; top: 50%;margin-top: -2px; left: 0;
 -webkit-border-radius:4px; 
    -moz-border-radius:4px;
         border-radius:4px;}

@media  screen and (max-width:1429px){
  .cooStyle .cooStyleTxt{padding: 0 4%;}
}
@media  screen and (max-width:1199px){
  .cooStyle .cooStyleBox{width: 49%;}
  .cooStyle .cooStyleBox .imgBg{height: 224px;}
  .cooStyle .cooStyleTxt{padding: 0 3%;}
  .cooStyle .cooStyleTxt h4{line-height: 32px; height: 32px; font-size: 20px;}
  .cooStyle .cooStyleTxt span{line-height: 24px; height: 48px; font-size: 14px; margin-top: 10px;}  
  .cooServe .cooSerBox h2{font-size: 20px;}
  .cooServe .cooSerBox h2 span{line-height: 40px; padding-bottom: 15px; width: 60%;}
}
@media  screen and (max-width:991px){
  .cooStyle{padding: 30px 0 50px 0;}
  .cooStyle .cooStyleBox i{top: -35px; width: 60px; margin-left: -30px;}
  .cooStyle .cooStyleBox .imgBg{height: 184px;}
  .cooStyle .cooStyleTxt{padding: 0 5%;}
  .cooStyle .cooStyleTxt h4{line-height: 26px; height: 26px; font-size: 16px;}
  .cooStyle .cooStyleTxt span{line-height: 22px; height: 66px; font-size: 13px; margin-top: 5px;}
  .cooServe .cooSerBox{padding: 20px 2% 30px 8%;}
  .cooServe .cooSerBox h2{font-size: 18px;}
  .cooServe .cooSerBox h2 span{line-height: 30px; padding-bottom: 15px; width: 80%;}
  .cooServe .cooSerTxt h4{margin-bottom: 10px; line-height: 26px; height: 26px; font-size: 14px; }
  .cooServe .cooSerTxt .span02{padding-left: 12px; line-height: 26px; font-size: 14px;}
  .cooServe .cooSerTxt .span02::before{width: 6px; height: 6px; margin-top: -3px;}
}
@media  screen and (max-width:767px){
  .cooStyle{padding: 30px 0;}
  .cooStyle .cooStyleBox{width: 100%; margin-top: 60px;}
  .cooStyle .cooStyleTxt span{line-height: 22px; height: auto; max-height: 88px;}
  .cooServe{padding: 30px 0;}
  .cooServe .cooSer_m img{position: static; left: auto; top: auto; width: 100%; 
  -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
        transform: translate(0, 0);}
  .cooServe .cooSerBox{padding: 20px 2% 20px 5%; width: 100%; margin-right: 0;margin-top: 25px;}
  .cooServe .cooSerBox::before{width: 12px; height: 26px; content: ""; margin-top: -18px; top: 0; left: 50%; margin-left: -6px;
-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);	
  }
  .cooServe .cooSerTxt{margin-top: 20px;}
  .cooServe .cooSerBox h2{font-size: 16px;}
  .cooServe .cooSerBox h2 span{line-height: 24px; padding-bottom: 10px;}
}

.cooSys{float: left; width: 100%; padding: 50px 0 80px 0; text-align: center;}
.cooSys .cooSysTxt{display:inline-block; *display:inline; *zoom:1; vertical-align: top; width: 62%; line-height: 32px;font-size: 16px; color: #878787; margin-top: 30px;}
.cooSys .cooSysTxt img{display: block; margin: 0 auto; padding-top: 46px; }

.cooFlow{float: left; width: 100%; padding: 50px 0;}
.cooFlow_m{margin: 0 -6px;}
.cooFlow_s{float: left; width: 100%; margin-top: 70px; padding-bottom: 50px;}
.cooFlow_s .li_hp{float: left; width: 100%; position: relative; height: 230px;}
.cooFlow_s .li_hp::after{position: absolute; left: 0; top: 50%; width: 100%; background: url(../images/coo14.png) no-repeat center; height: 18px; margin-top: -9px; content: "";}
.cooFlow_s .cooFlowTxt{position: absolute; top: 19px; line-height: 32px; font-size: 16px; color: #6e6e6e; width: 100%; padding: 0 15px;height: 64px; overflow: hidden; text-align: left;}
.cooFlow_s .cooFlowNum{position: absolute; bottom: 0; left: 50%; margin-left: -29px; width: 58px; height: 58px; line-height: 58px; text-align: center; font-size: 21px; color: #fff; font-family: Arial; font-style: italic; background: #00a1e9; 
 -webkit-border-radius:50%; 
    -moz-border-radius:50%;
         border-radius:50%;}
.cooFlow_s .cooFlowNum::after{position: absolute; content: ""; width: 1px; height: 55px; background: #00a1e9; left: 50%; bottom: 100%;}
.cooFlow_s .li_hp.even .cooFlowTxt{ bottom: 19px; top: auto;}
.cooFlow_s .li_hp.even .cooFlowNum{ bottom: auto; top: 0;}
.cooFlow_s .li_hp.even .cooFlowNum::after{bottom: auto; top: 100%;}

.cooFlow_s .slick-dots{ bottom:5px; height:12px;}
.cooFlow_s .slick-dots li{ width:12px; height:12px; margin:0 9px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background: rgba(255,255,255,.3);}
.cooFlow_s .slick-dots li.slick-active{background:#00a1e9;}

.cooSq{float: left; width: 100%; padding: 50px 0 0 0; text-align: center;}
.cooSq .cooSq_m{display:inline-block; *display:inline; *zoom:1; vertical-align: top; width: 32.857143%; background: #efefef; margin-top: 36px; position: relative; padding-bottom: 32.857143%;
 -webkit-border-radius:50%; 
    -moz-border-radius:50%;
         border-radius:50%; }
.cooSq .cooSqBox{position: absolute; top: 65px; left: 0; width: 100%; text-align: center;}
.cooSq .cooSqTxt{font-size: 16px; line-height: 30px; color: #000; width: 100%; float: left; height: 120px; overflow: hidden;}
.cooSq .cooSqBox img{margin: 0 auto; display: block; padding-top: 15px; width: 185px;}

@media  screen and (max-width:1429px){
  .cooSys .cooSysTxt{width: 72%;}
  .cooSq .cooSq_m{width: 36%; padding-bottom: 36%;}
  .cooFlow_s .li_hp::after{ height: 18px; margin-top: -9px; background-size: 100%;}
}
@media  screen and (max-width:1199px){
  .cooSys .cooSysTxt{width: 80%;}
  .cooSq .cooSq_m{width: 40%; padding-bottom: 40%;}
  .cooSq .cooSqBox img{width: 145px;}
  .cooFlow_s .cooFlowTxt{line-height: 28px; font-size: 14px;padding: 0 6px;height: 56px; ;}
  .cooFlow_s .cooFlowNum{ margin-left: -25px; width: 50px; height: 50px; line-height: 50px;font-size: 18px;}
  .cooFlow_s .cooFlowNum::after{height: 70px;}
}
@media  screen and (max-width:991px){
  .cooSys{padding: 30px 0 50px 0;}
  .cooSys .cooSysTxt{width: 90%;}
  .cooSys .cooSysTxt img{width: 360px;}
  .cooSq{padding: 30px 0 0 0;}
  .cooSq .cooSq_m{width: 48%; padding-bottom: 48%;}
  .cooSq .cooSqBox{top: 40px;}
  .cooSq .cooSqBox img{width: 145px;}
  .cooFlow{padding: 30px 0 25px 0;}
  .cooFlow_s{margin-top: 40px; padding-bottom: 25px;}
  .cooFlow_s .li_hp{height: 200px;}
  .cooFlow_s .cooFlowTxt{line-height: 24px; font-size: 14px;padding: 0 6px;height: 72px ;}
  .cooFlow_s .cooFlowNum{ margin-left: -23px; width: 46px; height: 46px; line-height: 46px;font-size: 16px;}
  .cooFlow_s .cooFlowNum::after{height: 50px;}
}
@media  screen and (max-width:767px){
  .cooSys{padding: 30px 0;}
  .cooSys .cooSysTxt{width: 100%; line-height: 26px; font-size: 14px; margin-top: 20px;}
  .cooSys .cooSysTxt img{width: 300px;padding-top: 26px;}
  .cooSq .cooSq_m{width: 90%; padding-bottom: 90%;}
  .cooSq .cooSqBox{top: 50%;
  -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); }
  .cooSq .cooSqTxt{line-height: 24px; font-size: 14px; height: 96px;}
  .cooSq .cooSqBox img{width: 105px; margin-top: 15px;}
  .cooFlow_s .li_hp{height: 180px;}
  .cooFlow_s .cooFlowTxt{line-height: 20px; font-size: 13px;padding: 0 6px;height: 60px ;}
  .cooFlow_s .slick-dots{ bottom:5px; height:8px;}
  .cooFlow_s .slick-dots li{ width:8px; height:8px; margin:0 4px; }
}

/* 人才招聘 */
.recruit{float: left; width: 100%; margin-top: 80px;}
.recList{float: left; width: 100%; min-height: 600px;}
.t_14{float: left; width: 100%; background: #00a1e9;}
.t_14 span{float: left; width:28.114754%; height: 60px; display: inline-block; font-size: 16px; font-weight: bold; padding-left: 80px; line-height: 60px; color: #fff;}
.t_14 ul{float: left; width: 71.885246%;  padding-right: 10.638298%;}
.t_14 ul li{float: left; width: 25%; text-align: center; font-size: 16px; color: #fff; line-height: 60px; height: 60px; font-weight: bold;}
.d_14{float: left; width: 100%; margin-top: 10px;  background: #f5f5f5; cursor: pointer;}
.d_14 .d_14_t{float: left; width:28.114754%; display: table; height: 60px; }
.d_14 .d_14_t div{ display: table-cell; vertical-align: middle;}
.d_14 .d_14_t span{float: left; width: 100%; line-height: 30px; max-height: 60px;overflow: hidden;  font-size: 16px;padding-left: 80px;}
.d_14 ul{float: left; width:71.885246%;padding-right: 10.638298%; position: relative;}
.d_14 ul li{float: left; width: 25%; text-align: center; font-size: 16px; color: #333; line-height: 60px; height: 60px;}
.d_14 ul i{position: absolute; right: 0; top: 0; width: 10.638298%; height: 60px; background: url(../images/bg_14_3.png) no-repeat center; display: block; border-left: 1px solid rgba(255,255,255,.8);}
.d_14.on i{background: url(../images/bg_14_4.png) no-repeat center;}
.d_14.on{background: #00a1e9;}
.d_14.on .d_14_t span{color: #fff;}
.d_14.on ul li{color: #fff;}
.d_14 .d_14_h{display: none;float: left; width: 100%; padding: 32px 0; background: #fff;}
.d_14 .d_14_le{float: left; width: 47.340426%; padding-left: 140px; line-height: 30px; font-size: 14px; color: #666;}
.d_14 .d_14_le .d_14_h4{float: left; width: 100%; font-size: 16px; line-height: 24px; height: 24px; color: #333; margin-bottom: 26px;}
.d_14 .d_14_le .recBtn{float: left; width: 100%; margin-top: 30px; }
.d_14 .d_14_le a{float: left; padding: 0 27px; height: 38px; line-height: 38px; text-align: center; font-size: 14px; color: #fff; background:#00a1e9; background-size: 100%; 
 -webkit-border-radius:19px; 
    -moz-border-radius:19px;
         border-radius:19px; }
.d_14 .d_14_le 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); }
.d_14 .d_14_le.d_14_r{ padding-left: 86px; border-left: 1px solid #e7e7e7; position: relative;}
.d_14 .d_14_le.d_14_r::before{position: absolute; content: ""; width: 1px; height: 18px; background: #d7d7d7; top: 50%; margin-top: -9px; left: -1px;}
@media  screen and (max-width:1429px){
  .d_14 .d_14_le{padding-left: 80px; }
  .d_14 .d_14_le.d_14_r{padding-left: 40px;}
}
@media  screen and (max-width:1199px){
  .t_14 span{padding-left: 10px;}
  .d_14 .d_14_t span{ font-size: 14px; padding-left: 10px;}
  .d_14 .d_14_le{padding-left: 20px; }
  .d_14 ul li{font-size: 14px;}
}
@media  screen and (max-width:991px){
  .recruit{margin-top: 40px;}
  .t_14{height: 48px;}
  .t_14 span,
  .t_14 ul li{font-size: 14px; line-height: 48px; height: 48px; }
  .d_14 .d_14_t{height: 48px;}
  .d_14 .d_14_t span{ font-size: 12px;}
  .d_14 ul li{font-size: 12px; line-height: 48px; height: 48px;}
  .d_14 ul i{height: 48px;}
  .d_14 .d_14_le.d_14_r{padding-left: 20px; }
  .d_14 .d_14_le.d_14_r .d_14_h4{padding-left: 20px;}
  .d_14 .d_14_le a{line-height: 30px; height: 30px; padding: 0 15px; font-size: 14px;}
}
@media  screen and (max-width:767px){
  .recruit{margin-top: 30px;}
  .recList{min-height: 400px;}
  .t_14{display: none;}
  .d_14 .d_14_t{width: 80%;}
  .d_14 .d_14_t span{ font-size: 14px;}
  .d_14 ul{width: 20%;}
  .d_14 ul i{width: 100%;}
  .d_14 ul li{display: none;}
  .d_14 .d_14_h{ padding: 14px 0;}
  .d_14 .d_14_le{width: 100%; padding-top: 10px; padding: 10px 15px 0 15px;}
  .d_14 .d_14_le .d_14_h4{font-size: 14px; margin-bottom: 15px;}
  .d_14 .d_14_le.d_14_r{margin-left: 0; }
  .d_14 .d_14_le a{width: 100px; height: 30px; line-height: 30px; font-size: 12px; margin-top:  19px; margin-left: 0;}
  .d_14 .d_14_le.d_14_r{padding-left: 15px; border: 0;}
  .d_14 .d_14_le.d_14_r .d_14_h4{padding-left: 0;}
  .d_14 .d_14_le.d_14_r::before{display: none;}
}

/* 新闻 */
.news{float: left; width: 100%; margin-top: 42px;}
.c_9{float: left; width: 100%;}
.c_9 .ul05{ float:left; width:100%;}
.c_9 .ul05 li{ float:left; width:100%; margin-top:30px; position:relative; padding-left:389px; background:#f6f6f6;}
.c_9 .ul05 li a{float: left; display: block; width: 100%}
.pic13{position:absolute; left:0; top:0; width:388px; height:246px; text-align:center; padding-top:31px;
-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;}
.c_9 .ul05 li .pic13 img{ width:328px; margin: 0 auto;}
.text7{ float:left; width:100%; padding-left:2.5%; padding-right:2.5%; border-left:1px solid #fff;}
.text7 .title7{ float:left; width:100%; height:40px; line-height:40px; margin-top:34px; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  color:#333;}
.text7 .p18{ float:left; width:100%; height:50px; line-height:25px; margin-top:8px; font-size:14px; color:#999; overflow:hidden;}
.text7 .time_link{ float:left; width:100%; height:71px; line-height:71px; margin-top:43px;}
.text7 .time_link span{ float:left; font-size:14px; color:#a9a9a9;}
.text7 .time_link i{ display: block; float:right; font-size:14px; color:#a9a9a9; font-style: normal;}
.c_9 .ul05 li a:hover .text7 .title7{ color:#00a1e9;}
.c_9 .ul05 li a:hover .text7 .time_link i{ color:#00a1e9;}
.c_9 .ul05 li a:hover .pic13{ background:#f0f0f0;}

@media  screen and (max-width:991px){
.c_9 .ul05 li{ margin-top:20px; padding-left:230px;}
.pic13{ width:230px; height:auto; padding-top:15px;}
.c_9 .ul05 li .pic13 img{ width:200px; height:auto;}
.text7 .title7{ height:30px; line-height:30px; margin-top:20px;}
.text7 .p18{ height:44px; line-height:22px; margin-top:4px;}
.text7 .time_link{ height:35px; line-height:35px; margin-top:15px;}
}
@media  screen and (max-width:767px){
.news{margin-top: 15px;}
.text7 .p18{ display:none;}	
.c_9 .ul05 li{ margin-top:12px; padding-left:150px;}
.pic13{ width:150px; height:auto; padding-top:10px;}
.c_9 .ul05 li .pic13 img{ width:130px;}
.text7{ padding-left:5%; padding-right:5%;}
.text7 .title7{ height:40px; line-height:20px; margin-top:15px; font-size:14px; white-space:normal;}
.text7 .time_link{ height:32px; line-height:32px; margin-top:10px;}
.text7 .time_link span{ font-size:12px;}
.text7 .time_link i{ font-size:12px;}
	}

/* 新闻详细 */
.newsDel{float: left; width: 100%; padding:0 35px 52px 35px; margin-top: 40px; border: 1px solid #e1e0e0;  }
.newsDel .newsTit{float: left; width: 100%; padding:32px 0 37px 0; border-bottom: 1px solid #e1e0e0; text-align: center;}
.newsDel .newsTit .newsTit_m{float: left; width: 100%; line-height: 50px; font-size: 26px; color: #333;}
.newsDel .newsTit .date02{float: left; width: 100%; line-height: 24px; height: 24px; font-size: 14px; color: #979797; margin-top: 13px;}
.newsDel .newsDel_m{float: left; width: 100%; line-height: 30px; font-size: 14px; color: #333; margin-top: 36px; padding-bottom: 49px;  border-bottom: 1px solid #e1e0e0; }
.newsDel .newsDel_m img{display: block; margin: 0 auto;}
.newsDel .newsDel_d{float: left; width: 100%; margin-top: 27px;}
.newsDel .newsDel_d .newsShare{float: left; margin-top: 5px; }
.newsDel .newsDel_d .newsBack{float: right; width: 116px;height: 39px; line-height: 39px; text-align: center; background: #00a1e9; font-size: 16px; color: #fff; 
 -webkit-border-radius:20px; 
    -moz-border-radius:20px;
         border-radius:20px;}
.newsDel .newsDel_d .newsBack: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);}
.newsList{float: left; width: 100%; margin-top: 49px; padding-bottom: 60px;}
.newsList .newsListTit{float: left; width: 100%; line-height: 46px; height: 46px; font-size: 24px; color: #000; }
.newsList .newsListTit span{font-size: 16px; color: #00a1e9; text-transform: uppercase;}
.newsList .newsList_m{float: left; width: 100%; }
.newsList .newsList_m ul{margin: 0 -40px;}
.newsList .newsList_m ul li{float: left; width: 50%; padding: 0 40px; margin-top: 26px;}
.newsList .newsList_m ul li a{float: left; width: 100%; padding-left: 34%; position: relative;}
.newsList .newsList_m ul li a i{position: absolute; left: 0; top: 0; width:31%; display: block; overflow: hidden;
 -webkit-border-radius:15px; 
    -moz-border-radius:15px;
         border-radius:15px;}
.newsList .newsList_m ul li a i img{float: left; width: 100%; display: block;
 -webkit-border-radius:15px; 
    -moz-border-radius:15px;
         border-radius:15px;}
.newsList .newsList_m .tit01{float: left; width: 100%; line-height: 42px; height: 42px; font-size: 16px; color: #333;
-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; }
.newsList .newsList_m .span01{float: left; width: 100%; line-height: 26px; height: 52px; font-size: 14px; color: #666; display: block; overflow: hidden;}
.newsList .newsList_m .span02{float: left; width: 100%; line-height: 22px; height: 22px; font-size: 14px; color: #999; display: block; margin-top: 8px;}
.newsList .newsList_m ul li a:hover .tit01{color: #00a1e9;}

@media  screen and (max-width:1429px){
  .newsList .newsList_m .tit01{line-height: 32px; height: 32px;}
  .newsList .newsList_m .span02{margin-top: 5px;}
}
@media  screen and (max-width:1199px){
  .newsList .newsList_m ul{margin: 0 -15px;}
  .newsList .newsList_m ul li{padding: 0 15px; margin-top: 26px;}
  .newsList .newsList_m .tit01{line-height: 28px; height: 28px;}
  .newsList .newsList_m .span01{line-height: 22px; height: 44px; font-size: 14px; }
  .newsList .newsList_m .span02{line-height: 18px; height: 18px; font-size: 12px;}
}
@media  screen and (max-width:991px){
  .newsDel{padding:0 15px 20px 15px; margin-top: 20px; border: 1px solid #e1e0e0;  }
  .newsDel .newsTit{padding: 30px 0;}
  .newsDel .newsTit .newsTit_m{font-size: 22px; line-height: 34px;}
  .newsList{margin-top: 30px; padding-bottom: 40px;}
  .newsList .newsList_m ul{margin: 0 -10px;}
  .newsList .newsList_m ul li{padding: 0 10px; margin-top: 20px;}
  .newsList .newsList_m .tit01{line-height: 24px; height: 24px; font-size: 14px;}
  .newsList .newsList_m .span01{line-height: 20px; height: 40px; font-size: 12px; }
  .newsList .newsList_m .span02{line-height: 18px; height: 18px; font-size: 12px;}
}
@media  screen and (max-width:767px){
  .newsDel .newsTit{padding: 20px 0 10px 0;}
  .newsDel .newsTit .newsTit_m{font-size: 18px; line-height: 24px;}
  .newsDel .newsTit .date02{font-size: 12px; line-height: 20px;}
  .newsDel .newsDel_m { line-height: 26px; margin-top: 20px; padding-bottom: 30px;}
  .newsDel .newsDel_d { margin-top: 20px;}
  .newsDel .newsDel_d .newsBack {width: 100px; line-height: 30px; height: 30px; font-size: 14px; }
  .newsDel .newsDel_d .newsShare {margin-top: 0;}
  .newsList{margin-top: 20px; padding-bottom: 30px;}
  .newsList .newsListTit{line-height: 26px; height: 26px; font-size: 18px;}
  .newsList .newsListTit span{font-size: 14px;}
  .newsList .newsList_m ul{margin: 0;}
  .newsList .newsList_m ul li{padding: 0; margin-top: 15px; width: 100%; }
  .newsList .newsList_m ul li a{padding-left: 37%;}
  .newsList .newsList_m ul li a i{width: 35%;}
}

/* 关于我们-资质荣誉 */
.honor{float: left; width: 100%; padding-top: 50px;}
.honorList{float: left; width: 100%;}
.honorList ul{margin: 0 -30px;}
.honorList ul li{float: left; width: 25%; padding: 0 30px; margin-top: 30px;}
.honorList ul li a{float: left; width: 100%; display: block;}
.honorList .honorPic{float: left; width: 100%; background: #f2f2f2; overflow: hidden;}
.honorList .honorPic img{float: left; width: 100%; display: block;}
.honorList ul li a span{float: left; width: 100%; display: block; text-align: center; font-size: 16px; color: #222222; line-height: 36px; height: 36px; margin-top: 20px;
-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; }
.honorList ul li a:hover span{color: #00a1e9;}

.honorTc{display: none; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.8); top: 0; left: 0; z-index: 1050;}
.honorTc_m{position: absolute; width: 42%; top: 50%;  left: 50%;
-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
.honorTc_m .cha{position: absolute; top: -22px; right: -22px; width: 25px; height: 25px; background: url(../images/cha.png) no-repeat; cursor: pointer;}
.honorTc_m ._pic{float: left; width: 100%; }
.honorTc_m ._pic img{float: left; width: 100%; display: block;}

@media  screen and (max-width:1199px){
  .honorList ul{margin: 0 -15px;}
  .honorList ul li{padding: 0 15px; margin-top: 20px;}
  .honorList ul li a span{font-size: 14px;}
  .honorTc_m{width: 60%;}
}
@media  screen and (max-width:991px){
  .honor{padding-top: 20px;}
  .honorList ul{margin: 0;}
  .honorList ul li{width: 33.333333%; padding: 0 8px; margin-top: 20px;}
  .honorList ul li a span{line-height: 26px; height: 26px; margin-top: 15px;}
}
@media  screen and (max-width:767px){
  .honorList ul li{width: 50%; padding: 0 5px; margin-top: 10px;}
  .honorList ul li a span{line-height: 24px; height: 24px; margin-top: 5px; font-size: 12px;}
  .honorTc_m{width: 80%;}
}

/* 关于我们 */
.about{float: left; width: 100%; padding-bottom: 80px;}
.aboutTit{float: left; width: 100%; line-height: 54px; padding-bottom: 22px; margin-top: 70px;position: relative; text-align: center; font-size: 32px; color: #333; }
.aboutTit::after{position: absolute; content: ""; width: 28px; height: 3px; bottom: 0; left: 50%; margin-left: -14px; background: #00a1e9; }
.aboutTop{float: left; width: 100%; padding-bottom: 80px;}
.aboutTop .aboutTop_m{float: left; width: 100%; margin-top: 66px;}
.aboutTop .aboutTopPic{float: left; width: 45.714286%; padding: 22px; position: relative;}
.aboutTop .aboutTopPic::before{position: absolute; content: "";  background: #efefef; left: 0; bottom: 0;}
.aboutTop .aboutTopPic::after{position: absolute; content: ""; background: #efefef; right: 0; top: 0;}
.aboutTop .aboutTopPic img{float: left; width: 100%; display: block; position: relative; z-index: 9;}
.aboutTop .aboutTopTxt{float: right; width: 49%; margin-top: 36px; line-height: 30px;font-size: 16px; color: #7c7c7c;}
.aboutTop .aboutTopTxt .about_h4{float: left; width: 100%; line-height: 30px; font-size: 21px; color: #000; font-weight: bold;}
.aboutTop .aboutTop_m ul{float: left; width: 100%; margin-top:48px;}
.aboutTop .aboutTop_m ul li{float: left; width: 100%; border-right: 1px solid #f4f4f4; text-align: left; line-height:240%}
.aboutTop .aboutTop_m ul li h2{float: left; width: 100%; line-height: 58px; padding-bottom: 12px; font-size: 55px; color: #00a1e9; font-weight: bold; position: relative;}
.aboutTop .aboutTop_m ul li h2::after{position: absolute; content: ""; width: 26px; height: 2px; background: #00a1e9; left: 50%; margin-left: -13px; bottom: 0;}
.aboutTop .aboutTop_m ul li span{float: left; width: 100%; line-height:28px; font-size: 16px; color: #646464; margin-top: 13px; display: block;}
@media  screen and (max-width:1429px){
  .aboutTop .aboutTopTxt{margin-top: 0; line-height: 28px; height: 364px; font-size:15px; }
  .aboutTop .aboutTopTxt .about_h4{ font-size: 20px;}
}
@media  screen and (max-width:1199px){
  .aboutTop .aboutTopPic{padding: 15px;}
  .aboutTop .aboutTopTxt{width: 52%; margin-top: -20px; line-height: 28px; height: auto; font-size:14px; }
  .aboutTop .aboutTop_m ul li h2{font-size: 45px;}
}
@media  screen and (max-width:991px){
  .about{padding-bottom: 50px;}
  .aboutTit{line-height: 34px; padding-bottom: 18px; margin-top: 40px; font-size: 22px; }
  .aboutTop{padding-bottom: 40px;}
  .aboutTop .aboutTop_m{margin-top: 36px;}
  .aboutTop .aboutTopPic{width: 60%; margin: 0 20%; padding: 12px;}
  .aboutTop .aboutTopTxt{width: 100%; padding: 0 15px; margin-top: 20px; line-height: 28px; height: auto; font-size:14px; }
  .aboutTop .aboutTop_m ul li h2{font-size: 35px;}
  .aboutTop .aboutTop_m ul li span{line-height:24px; font-size: 14px; margin-top: 10px; padding: 0 2px;}
}
@media  screen and (max-width:767px){
  .about{padding-bottom: 30px;}
  .aboutTit{line-height: 30px; padding-bottom: 15px; margin-top: 30px; font-size: 18px; }
  .aboutTop{padding-bottom: 30px;}
  .aboutTop .aboutTop_m{margin-top: 26px;}
  .aboutTop .aboutTopPic{width: 100%; margin: 0; padding: 10px;}
  .aboutTop .aboutTopTxt{padding: 0 10px; line-height: 25px;  }
  .aboutTop .aboutTopTxt .about_h4{line-height: 26px; font-size: 16px;}
  .aboutTop .aboutTop_m ul{border: 0; margin-top: 20px;}
  .aboutTop .aboutTop_m ul li {width: 100%; border: 0; margin-top: 5px;}
  .aboutTop .aboutTop_m ul li h2{font-size: 25px; padding-bottom: 10px; line-height: 34px;}
  .aboutTop .aboutTop_m ul li span{line-height:24px; font-size: 14px; margin-top: 10px; padding: 0 2px;}
}

.about .history{float: left; width: 100%; background: #f5f5f5; padding-bottom: 64px;}
.c_12{float: left; width: 100%;}
.c_12 .c_12_m{float: left; padding-top: 43px; padding-bottom: 40px; position:relative;}
.c_12 .c_12_m::before{content:""; position:absolute; width:1px; height:100%; background:#e3e3e3; left:50%; top:43px; z-index:8;}
.c_12 .c_12_m::after{content:""; position:absolute; width:12px; height:12px; border-radius:6px; background:#bdbdbd; left:50%; margin-left:-6px; top:43px; z-index:9;}
.c_12 h2{font-size: 30px; line-height: 60px; color: #3f3f3f; text-align: center;}
.c_12 .c_12_l{width: 100%; float: left; padding-top: 40px;}
.c_12 .c_12_l li{float:left; width: 50%; padding-right: 26px; position: relative; z-index: 9;}
.c_12 .c_12_l li a{float: left; display: block; width: 100%;  padding: 22px 24px 21px 50px; border: 1px solid #e3e3e3; background: #fff; border-radius: 8px; position: relative; }
.c_12 .c_12_l li a .bg{width: 38px; height: 24px; position: absolute; left:100%; top: 28px; background: url(../images/bg_6_3.png) no-repeat center; z-index:9;
-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; }
.c_12 .c_12_l li a .c_12_l_1,
.c_12 li a .c_12_l_1{float: left; width: 58.536585%;}
.c_12 .c_12_l li a .c_12_l_1 h2{float: left; font-size: 24px; line-height: 30px; height: 30px; color: #666; text-align: left;}
.c_12 .c_12_l li a .c_12_l_1 span{float: left; display: block; width: 100%; padding-top: 3px; line-height: 26px; font-size: 16px; color: #666; }
.c_12 .c_12_l li a img{float: right; display: block;}
.c_12 .c_12_l li a:hover{border: 1px solid #00a1e9;}
.c_12 .c_12_l li a:hover .c_12_l_1 h2{color: #00a1e9;}
.c_12 .c_12_l li a:hover .bg{background: url(../images/bg_6_5.png) no-repeat center;}
.c_12 li.c_12_r{padding-right: 0; padding-left: 26px; margin-top: 50px;}
.c_12 li.c_12_r a .bg2{width: 38px; height: 24px; position: absolute; right:100%; top: 28px; background: url(../images/bg_6_4.png) no-repeat center; z-index:9;}
.c_12 li.c_12_r a:hover .bg2{background: url(../images/bg_6_6.png) no-repeat center;}
.c_12 .c_12_more{float: left; font-size: 16px; padding-top: 40px; width: 100%; position: relative; z-index: 9;}
.c_12 .c_12_more a{display: block; text-align: center; margin: 0 auto; width: 152px; height: 42px; line-height: 42px;background: #00a1e9;  border-radius: 5px; color: #fff;}
.c_12 .c_12_more a:hover{background: #0076ab;}

@media  screen and (max-width:1199px){
  .c_12 .c_12_l li{padding-right: 40px;}
  .c_12 .c_12_l li a{padding: 22px 24px 21px 20px;}
  .c_12 .c_12_l li a .bg{left: auto; right: -53px; z-index: -1;}
  .c_12 li.c_12_r{padding-right: 0; padding-left: 40px;}
  .c_12 li.c_12_r a .bg2{left:-53px; right: auto; z-index: -1;}
}
@media  screen and (max-width:991px){
  .c_12 .c_12_l li{padding-right: 30px;}
  .c_12 .c_12_l li a .bg{left: auto; right: -43px; z-index: -1;}
  .c_12 .c_12_l li a .c_12_l_1,
  .c_12 li a .c_12_l_1{width:100%;}
  .c_12 .c_12_l li a .c_12_l_1 span{line-height: 24px;}
  .c_12 .c_12_l li a img{width: 120px; margin-top: 10px;}
  .c_12 li.c_12_r{padding-right: 0; padding-left: 30px;}
  .c_12 li.c_12_r a .bg2{left:-43px; right: auto; z-index: -1;}
}
@media  screen and (max-width:767px){
  .c_12 .c_12_m{padding-top: 23px; padding-bottom: 20px;}
  .c_12 .c_12_m::before{width:1px; top:23px; left: 0;}
  .c_12 .c_12_m::after{width:12px; height:12px; border-radius:6px; left:-6px; margin-left:0; top:23px;}
  .c_12 .c_12_l{padding-top: 20px;}
  .c_12 .c_12_l li{padding-right: 0; padding-left: 20px; width: 100%; margin-top: 15px;}
  .c_12 .c_12_l li a{padding: 10px 15px;}
  .c_12 .c_12_l li a .bg{ left: -32px; background: url(../images/bg_6_4.png) no-repeat center;}
  .c_12 .c_12_l li a .c_12_l_1,
  .c_12 li a .c_12_l_1{width:60%;}
  .c_12 .c_12_l li a .c_12_l_1 h2{font-size: 18px; line-height: 28px; height: 28px;}
  .c_12 .c_12_l li a .c_12_l_1 span{line-height: 22px; font-size: 12px;}
  .c_12 .c_12_l li a img{width: 35%; margin-top: 10px;}
  .c_12 li.c_12_r{padding-right: 0; padding-left: 20px; margin-top: 15px;}
  .c_12 li.c_12_r a .bg2{left:-32px; }
  .c_12 .c_12_more{font-size: 14px; padding-top: 20px; }
  .c_12 .c_12_more a{float: left; width: 102px; height: 32px; line-height: 32px;}
  .c_12 .c_12_l li a:hover .bg{background: url(../images/bg_6_6.png) no-repeat center;}
  
}
@media  screen and (max-width:349px){
  .c_12 .c_12_l li a .c_12_l_1,
  .c_12 li a .c_12_l_1{width:100%;}
  .c_12 .c_12_l li a img{display: none;}
}

.aboutEnvi{float: left; width: 100%; }
.aboutEnvi ul{margin: 0 -5px;}
.aboutEnvi ul li{float: left; width: 31.928571%; margin-top: 34px; padding: 0 5px;}
.aboutEnvi ul li .aboutEnviBox{width: 100%; float: left; }
.aboutEnvi ul li .aboutEnvi_h{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,161,233,.5); filter:alpha(opacity=00);opacity: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;}
.aboutEnvi ul li .aboutEnvi_h h4{position: absolute; width: 100%; line-height: 60px; height: 60px;  left: 0; top: 50%; margin-top: -30px; text-align: center; color: #fff;  font-size: 20px;}
.aboutEnvi ul li .aboutEnvi_h h4::after{position: absolute; left: 50%; bottom: 0; margin-left: -12px; width: 24px; height: 4px; background: #fff; content: "";}
.aboutEnvi ul li .img{float: left; margin-top: 10px; position: relative;}
.aboutEnvi ul li .img img{float: left; width: 100%; display: block;}
.aboutEnvi ul li .img01{width: 100%;}
.aboutEnvi ul li .img02{width: 48.9%;}
.aboutEnvi ul li .img:hover .aboutEnvi_h{filter:alpha(opacity=100);opacity:1; }
.aboutEnvi ul li.cen{width:34.714286%; }

@media  screen and (max-width:991px){
  .aboutEnvi ul li.cen{width: 35.2%; }
}
@media  screen and (max-width:767px){
  .aboutEnvi ul{margin: 20px 0 0 0; float: left; width: 100%;}
  .aboutEnvi ul li{width: 100%; margin-top: 0;}
  .aboutEnvi ul li.cen{width: 100%; }
  .aboutEnvi ul li .aboutEnvi_h h4{line-height: 40px; height: 40px; margin-top: -30px; font-size: 16px;}
  .aboutEnvi ul li .aboutEnvi_h h4::after{margin-left: -10px; width: 20px; height: 2px;}
}

/* 客户案例 */
.case{float: left; width: 100%; margin-top: 42px;}
.case_m{float: left; width: 100%; margin-top: 45px; }
.caseLe{float: left; width: 23%; background: #f8f8f8; position: relative; border-top: 3px solid #00a1e9;padding: 5px 0;margin-bottom: 30px;}
.caseLe ul{float: left; width: 100%; padding: 0 20px 85px 20px; }
.caseLe ul::after{position: absolute; content: ""; background: url(../images/case01.png) no-repeat; width: 15px; height: 15px; bottom: 0; right: 0;}
.caseLe ul li{float: left; width: 100%; padding-left: 20px; position: relative;}
.caseLe ul li::before{position: absolute; content: ""; left: 0; top: 50%; background: url(../images/case02.png) no-repeat; width: 6px; height: 11px; margin-top: -5px; }
.caseLe ul li a{float: left; width: 100%; border-bottom: 1px dotted #d3d3d3; display: block; line-height: 30px; padding: 20px 0; font-size:16px; color: #666;}
.caseLe ul li.on a,
.caseLe ul li a:hover{color: #00a1e9;}
.case_r{float: right; width: 71.785714%; margin-top: -30px;}
.case_r .homeCaseList{margin-top: 0;}
.case_r .homeCaseList ul{margin: 0 -29px;}
.case_r .homeCaseList ul li{width: 50%; padding: 0 29px;}

@media  screen and (max-width:991px){
  .caseLe{width: 28%;}
  .caseLe ul{padding: 0 15px 50px 15px;}
  .caseLe ul li a{line-height: 24px; padding: 10px 0; font-size:14px;}
  .case_r{width: 70%; margin-top: -20px;}
  .case_r .homeCaseList ul{margin: 0 -15px;}
  .case_r .homeCaseList ul li{width: 50%; padding: 0 15px;}
}
@media  screen and (max-width:767px){
  .case{margin-top: 20px;}
  .case_m{margin-top: 25px; }
  .caseLe{width: 100%;}
  .caseLe ul{padding: 0 15px 20px 15px; display: none;}
  .caseLe ul::after{display: none;}
  .caseLe ul li a{line-height: 24px; padding: 10px 0; font-size:14px;}
  .case_r{width: 100%;}
  .case_r .homeCaseList ul{margin: 0 -5px;}
  .case_r .homeCaseList ul li{width: 50%; padding: 0 5px;}
}

/* 解决方案 */
.solution{float: left; width: 100%; margin-top: 42px;}
.soluList{float: right; width: 100%; margin-top: -20px;}
.soluList ul{margin: 0 -36px;}
.soluList ul li{float: left; width: 50%; padding: 0 36px; margin-top: 50px;}
.soluList ul li a{float: left; width: 100%; display: block; padding-bottom: 27px; min-height: 462px; border-bottom: 1px solid #e5e5e5;
 -webkit-border-radius:10px; 
    -moz-border-radius:10px;
         border-radius:10px; }
.soluList .soluPic{float: left; width: 100%; display: block; overflow: hidden;position: relative;
 -webkit-border-radius:10px; 
    -moz-border-radius:10px;
         border-radius:10px;}
.soluList .soluPic img{float: left; width: 100%; display: block;
 -webkit-border-radius:10px; 
    -moz-border-radius:10px;
         border-radius:10px;}
.soluList .solu_h{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,0,0,.5) url(../images/sol02.png) no-repeat center; filter:alpha(opacity=00);opacity:0; }
.soluList ul li a h4{float: left; width: 100%; line-height:28px; height: 28px; margin-top: 26px; color: #666; font-size: 16px; }
.soluList ul li a .soluTxt{float: left; width: 100%; line-height:24px; height: 48px; margin-top: 10px; color: #999; font-size: 14px; overflow: hidden;}
.soluList ul li a span{float: left; width: 100%; line-height:30px; height: 34px; margin-top: 8px; padding-top: 2px; color: #999; font-size: 14px; display: block; border-top: 1px solid #fff;}
.soluList ul li a:hover{padding: 26px; border-bottom: 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); }
.soluList ul li a:hover .solu_h{ filter:alpha(opacity=100);opacity:1; }
.soluList ul li a:hover h4{ color: #00a1e9; }
.soluList ul li a:hover span{ color: #00a1e9; border-color: #e5e5e5;}

@media  screen and (max-width:1429px){
  .soluList ul li a{min-height: 412px;}
}
@media  screen and (max-width:1199px){
  .solution .caseLe{width: 25%;}
  .soluList{margin-top:0;}
  .soluList ul{margin: 0 -15px;}
  .soluList ul li{padding: 0 15px; margin-top: 30px;}
  .soluList ul li a{min-height: 380px;}
}
@media  screen and (max-width:991px){
  .solution .caseLe{width: 25%;}
  .soluList ul li a{min-height: 309px; padding-bottom: 15px;}
  .soluList ul li a h4{line-height:28px; height: 28px; margin-top: 15px;}
  .soluList ul li a:hover{padding: 15px;}
}
@media  screen and (max-width:767px){
  .solution{margin-top: 25px;}
  .solution .caseLe{width: 100%;}
   .soluList ul{margin: 0 -8px;}
  .soluList ul li{padding: 0 8px; margin-top: 16px;}
  .soluList ul li a{min-height: inherit; padding-bottom: 15px;}
  .soluList .solu_h{background-size: 30px;}
  .soluList ul li a h4{line-height:24px; height: 24px; margin-top: 10px;font-size: 14px; }
  .soluList ul li a .soluTxt{line-height:20px; height: 40px; margin-top: 5px;font-size: 12px;}
  .soluList ul li a span{line-height:20px; height: 22px; margin-top: 5px; font-size: 12px;}
  .soluList ul li a:hover{padding: 0 0 15px 0; border-bottom: 1px solid #e5e5e5;
   -webkit-box-shadow:none;
    -moz-box-shadow:none;
         box-shadow: none; }
  .soluList ul li a:hover span{ color: #00a1e9; border-color: #fff;}
}

/* 客户案例-详细 */
.caseDel{float: left; width: 100%; padding: 90px 0 50px 0;}
.caseDelTop{float: left; width: 100%;}
.caseDelTop img{float: left; width: 49.5%; display: block; 
 -webkit-border-radius:10px; 
    -moz-border-radius:10px;
         border-radius:10px;}
.caseDelTop .caseDelTop_r{float: right; width: 46.428571%; margin-top: 57px;}
.caseDelTop .caseDelTop_r .caseH2{float: left; width: 100%; line-height:58px; height: 58px; font-size: 30px; color: #333; font-weight: bold;}
.caseDelTop .caseDelTop_r .caseTxt01{float: left; width: 100%; line-height:32px; height: 44px; font-size: 16px; color: #333; margin-top:26px;overflow: hidden;}
.caseDelTop .caseDelTop_r .caseTxt02{float: left; width: 100%; color: #959595; margin-top:59px; padding: 37px 0 51px 0;  border-top:1px solid #efefef; border-bottom:1px solid #efefef;}
.caseDelTop .caseDelTop_r .caseTxt02 .span01{float: left; width: 100%; line-height: 30px;  overflow: hidden; font-size: 14px;}

.caseDel_m{float: left; width: 100%; margin-top: 40px; padding-bottom: 50px; border-bottom: 1px solid #e2e2e2;}
.caseDelTit{float: left; width: 100%; line-height: 51px; height: 51px; font-size: 30px; color: #272727; font-weight: bold; overflow: hidden;}
.caseDelTit span{font-size: 18px; font-weight: normal; padding: 0 15px; position: relative;}
.caseDelTit span::after{position: absolute; left: 100%; top: 50%; width: 1600px; height: 4px; margin-top: -2px; background: #f4f4f4; content: "";}
.caseDelTxt{float: left; width: 100%; line-height: 32px; font-size: 16px; color: #333; margin-top: 28px;}
.caseDelList{float: left; width: 100%; padding: 0 7%; margin-top: 69px;}
.caseDelList li{float: left; width: 25%; padding: 0 70px;}
.caseDelList li img{float: left; width: 100%; display: block;}
.caseDelList li span{float: left; width: 100%; display: block; line-height: 36px; color: #272727; margin-top: 11px;  font-size: 18px; text-align: center;}
.caseDelPic{float: left; width: 100%; margin-top: 64px; text-align: center;}
.caseDelPic i{display:inline-block; *display:inline; *zoom:1; vertical-align: top; position: relative; background: #272727; width: 81.357143%;}
.caseDelPic img{float: left; width: 100%; display: block; filter:alpha(opacity=30);opacity:0.3;}
.caseDelPic .play{position: absolute; left: 50%; top: 50%; width: 75px; height: 75px; margin-top: -37px;margin-left: -37px; background: url(../images/cased07.png) no-repeat; cursor: pointer;}
.caseDel_d{float: left; width: 100%; margin-top: 17px;}
.caseDelPage{float: left; width: 60%;}
.caseDelPage span{float: left; width: 100%; display: block;}
.caseDelPage a{float: left; max-width: 100%; line-height: 32px; height: 32px; font-size: 14px; color: #2f2925; display: block;}
.caseDelPage a:hover{color: #00a1e9;}
.caseDelIcon{float: right;}

@media  screen and (max-width:1429px){
  .caseDelTop img{width: 48.5%;}
  .caseDelTop .caseDelTop_r{ width: 49%; margin-top: 30px;}
  .caseDelTop .caseDelTop_r .caseH2{line-height:48px; height: 48px; font-size: 28px; }
  .caseDelTop .caseDelTop_r .caseTxt01{line-height:30px; height: 120px; font-size: 15px;  margin-top:20px;}
  .caseDelTop .caseDelTop_r .caseTxt02{margin-top:40px; padding: 30px 0 40px 0; }
  .caseDelTop .caseDelTop_r .caseTxt02 .span01{line-height: 28px; height: 84px; font-size: 14px;}
}
@media  screen and (max-width:1199px){
  .caseDelTop .caseDelTop_r{ margin-top: 20px;}
  .caseDelTop .caseDelTop_r .caseH2{line-height:40px; height: 40px; font-size: 24px; }
  .caseDelTop .caseDelTop_r .caseTxt01{line-height:24px; height: 120px; font-size: 14px;  margin-top:15px;}
  .caseDelTop .caseDelTop_r .caseTxt02{margin-top:30px; padding: 20px 0 30px 0; }
  .caseDelTop .caseDelTop_r .caseTxt02 .span01{line-height: 24px; height: 96px; font-size: 12px;}
  
  .caseDel_m{margin-top: 30px; padding-bottom: 40px;}
  .caseDelList{padding: 0 5%; margin-top: 50px;}
  .caseDelList li{padding: 0 50px;}
}
@media  screen and (max-width:991px){
  .caseDel{padding: 50px 0 40px 0;}
  .caseDelTop img{width: 70%; float: none; margin: 0 auto;}
  .caseDelTop .caseDelTop_r{ width: 100%; margin-top: 20px; text-align: center;}
  .caseDelTop .caseDelTop_r .caseH2{ line-height:30px; height: 30px; font-size: 20px; }
  .caseDelTop .caseDelTop_r .caseTxt01{height: auto;}
  .caseDelTop .caseDelTop_r .caseTxt02{margin-top:20px; padding: 20px 0; }
  .caseDelTop .caseDelTop_r .caseTxt02 .span01{height: auto;}
  
  .caseDel_m{margin-top: 30px; padding-bottom: 30px;}
  .caseDelList{padding: 0 5%; margin-top: 30px;}
  .caseDelList li{padding: 0 30px;}
  .caseDelList li span{font-size: 14px;}
  .caseDelPic{ margin-top: 34px;}
  .caseDelPic i{width: 85%;}
  .caseDelPic .play{width: 50px; height: 50px; margin-top: -25px;margin-left: -25px; background-size: 100%;}
}
@media  screen and (max-width:767px){
  .caseDel{padding: 30px 0 30px 0;}
  .caseDelTop img{width: 100%;}
  .caseDelTop .caseDelTop_r{margin-top: 20px; }
  .caseDelTop .caseDelTop_r .caseH2{font-size: 18px; }
  .caseDelTop .caseDelTop_r .caseTxt01{margin-top:10px;}
  .caseDelTop .caseDelTop_r .caseTxt02{padding: 15px 20px; margin-top:15px;}
  .caseDelTit{line-height: 30px; height: 30px; font-size: 18px;}
  .caseDelTit span{font-size: 14px;  padding: 0 10px;}
  .caseDelTit span::after{height: 2px; margin-top: -1px;}
  .caseDelTxt{line-height: 26px; font-size: 14px;margin-top: 20px;}
  .caseDelList{padding: 0 2%; margin-top: 20px;}
  .caseDelList li{padding: 0 8px;}
  .caseDelList li span{font-size: 12px; line-height: 24px; height: 24px;}
  .caseDelPic{ margin-top: 20px;}
  .caseDelPic i{width: 100%;}
  .caseDelPic .play{width: 34px; height: 34px; margin-left: -17px; margin-top: -17px;}
  .caseDel_d{margin-top: 10px;}
  .caseDelPage{ width: 100%;}
  .caseDelPage a{font-size: 12px; line-height: 24px; height: 24px;}
  .caseDelIcon{float: left; }
}


/* 联系我们 */
.contact{float: left; width: 100%; padding-bottom: 70px;}
.contTop{float: left; width: 100%; margin-top: 80px; position: relative;}
.contLe{float: left; width: 66.714286%; background: #ebebeb; padding-bottom: 60px;}
.contLe .contTit{float: left; width: 100%; padding: 50px 30px 32px 80px;}
.contLe .contTit h2{float: left; width: 100%; line-height: 45px; height: 45px; font-size: 30px; color: #333333;}
.contLe .contTit h4{float: left; width: 100%; line-height: 36px; font-size: 16px; color: #9c9c9c;}
.contLe ul{float: left; width: 100%;}
.contLe ul li{float: left; width: 100%; background: #f6f6f6; padding: 35px 20px 35px 85px;}
.contLe ul li:nth-child(2n){background: none;}
.contLe .contBox{float: left; width: 50%; padding-left: 62px; position: relative; line-height: 28px; height: 56px; overflow: hidden;}
.contLe .contBox i{position: absolute; left: 0; top: 50%; width: 42px; height: 42px; margin-top: -21px; display: block;}
.contLe .contBox i img{float: left; width: 100%; display: block;}
.contLe .contBox h4{float: left; width: 100%; line-height: 28px; height: 28px; font-size: 16px; color: #444;}
.contLe .contBox span{float: left; width: 100%; display: block; line-height: 28px; height: 28px; font-size: 16px; color: #444;}
.contLe .contBox.even{width: 100%;}
.contRi{position: absolute; right: 0; top: 0; width: 30.857143%; background: #f6f6f6; padding-top: 90px; height: 100%; text-align: center;}
.contRi h2{float: left; width: 100%; line-height: 60px; font-size: 30px; color: #333333; height: 60px; }
.contRi .contRiBox{display:inline-block; *display:inline; *zoom:1; vertical-align: top; width: 64.583333%; margin-top: 36px;}
.contRi .contRiBox img{float: left; width: 46.236559%;}
.contRi .contRiBox h4{float: left; width:100%; line-height: 26px; height: 26px; font-size: 14px; color: #6d6d6d; margin-top: 22px; text-align: left;}
.contRi .contRiBox span{float: left; width:100%; display: block; line-height: 30px; height: 30px; font-size: 14px; color: #a4a4a4;text-align: left;}
.map{float: left; width: 100%; margin-top: 32px; overflow: hidden; position: relative; height: 556px;}
.BMap_pop,.BMap_shadow,.anchorBL,.BMapLabel{display:none !important;}

@media  screen and (max-width:1199px){
  .contLe{padding-bottom: 40px;}
  .contLe .contTit{padding: 40px 20px 22px 60px;}
  .contLe .contTit h2{line-height: 40px; height: 40px; font-size: 26px;}
  .contLe .contTit h4{line-height: 30px; font-size: 14px;}
  .contLe ul li{padding: 30px 20px 30px 65px;}
}
@media  screen and (max-width:991px){
  .contact{padding-bottom: 50px;}
  .contLe{padding-bottom: 30px;}
  .contLe .contTit{padding: 30px 20px 20px 20px;}
  .contLe .contTit h2{line-height: 30px; height: 30px; font-size: 22px;}
  .contLe .contTit h4{line-height: 20px; font-size: 12px;}
  .contLe ul li{padding: 20px;}
  .contLe .contBox{padding-left: 42px;line-height: 24px; height: 48px;}
  .contLe .contBox i{width: 30px; height: 30px; margin-top: -15px;}
  .contLe .contBox h4{line-height: 24px; height: 24px; font-size: 15px;}
  .contLe .contBox span{line-height: 24px; height: 24px; font-size: 14px;}
  .contRi {padding-top: 60px;}
  .contRi h2{line-height: 40px; font-size: 24px;  height: 40px; }
  .map{height: 400px;}
}
@media  screen and (max-width:767px){
  .contTop{margin-top: 30px;}
  .contact{padding-bottom: 30px;}
  .contLe{padding-bottom: 30px; width: 100%;}
  .contLe .contTit{padding: 20px 15px;}
  .contLe .contTit h2{line-height: 30px; height: 30px; font-size: 18px;}
  .contLe .contTit h4{line-height: 20px; font-size: 12px;}
  .contLe ul li{padding: 20px 15px;}
  .contLe .contBox{padding-left: 35px;height: auto;}
  .contLe .contBox i{width: 24px; height: 24px; margin-top: -12px;}
  .contLe .contBox h4{ font-size: 14px;}
  .contLe .contBox span{height: auto; font-size: 13px;}
  .contRi {padding-top: 40px; padding-bottom: 30px; position: static; top: auto; right: auto; width: 100%; margin-top: 20px; float: left; }
  .contRi h2{line-height: 30px; font-size: 20px;  height: 30px; }
  .contRi  .contRiBox h4,
  .contRi  .contRiBox span{text-align: center;}
  .map{height: 300px;}
}
@media  screen and (max-width:369px){
  .contLe .contBox{width: 100%; margin-top: 5px; padding-left: 35px;height: auto;}
}

/* 团队介绍 */
.team{float: left; width: 100%;}
.teamTop{float: left; width: 100%; padding-bottom: 55px;}
.teamTop_m{margin: 0 -13px;}
.teamTop_s{float: left; width: 100%; padding-bottom: 65px; margin-top: 45px; position: relative; overflow: hidden;}
.teamTop_s .li_hp{float: left; width: 100%; position: relative; padding: 109px 13px 0 13px;}
.teamTop_s .li_hp a{float: left; width: 100%; display: block; background: #f5f5f5; border: 1px solid #efefef; padding: 78px 0 20px 0;
 -webkit-border-radius:8px; 
    -moz-border-radius:8px;
         border-radius:8px;}
.teamTop_s .li_hp .teamTopPic{position: absolute; top: 0; left: 50%; width: 174px; margin-left: -87px; background: #f5f5f5; padding: 6px;
 -webkit-border-radius:50%; 
    -moz-border-radius:50%;
         border-radius:50%;}
.teamTop_s .li_hp .teamTopPic img{float: left; width: 100%; display: block;
 -webkit-border-radius:50%; 
    -moz-border-radius:50%;
         border-radius:50%;}
.teamTop_s .li_hp .teamTopTxt{float: left; width: 100%; text-align: center; padding: 0 20px;}
.teamTop_s .li_hp .teamTopTxt .name{ display:inline-block; *display:inline; *zoom:1; vertical-align: top;  width: 75.3%; border-bottom: 1px solid #dcdcdc; font-size: 18px; color: #333333; line-height: 33px; padding-bottom: 13px; height: 46px; position: relative;}
.teamTop_s .li_hp .teamTopTxt .name::after{position: absolute; content: ""; left: 50%; bottom: -1px; width: 20px; height: 3px; margin-left: -10px; background: #d7000f;}
.teamTop_s .li_hp .teamTopTxt h4{float: left; width: 100%; line-height: 33px; height: 33px; font-size: 16px; color: #666; text-align: left; margin-top: 12px; font-weight: bold;}
.teamTop_s .li_hp .teamTopTxt span{float: left; width: 100%; display: block;  line-height: 32px; height: 64px; overflow: hidden; font-size: 14px; color: #666; text-align: left;}
.teamTop_s .li_hp a .teamTopPic,
.teamTop_s .li_hp a .teamTopTxt .name,
.teamTop_s .li_hp a .teamTopTxt .name::after,
.teamTop_s .li_hp a .teamTopTxt h4,
.teamTop_s .li_hp a .teamTopTxt span{
-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;}
.teamTop_s .li_hp a:hover,
.teamTop_s .li_hp a:hover .teamTopPic{background: #d7000f;}
.teamTop_s .li_hp a:hover .teamTopTxt .name{border-color: rgba(255,255,255,.2); color: #fff;}
.teamTop_s .li_hp a:hover .teamTopTxt .name::after{background: #fff;}
.teamTop_s .li_hp a:hover .teamTopTxt h4,
.teamTop_s .li_hp a:hover .teamTopTxt span{color: #fff;}
.teamPhoto_s .slick-dots,
.teamTop_s .slick-dots{ bottom:5px; height:6px;}
.teamPhoto_s .slick-dots li,
.teamTop_s .slick-dots li{ width:70px; height:6px; margin:0 5px; background: #c6c5c5;}
.teamPhoto_s .slick-dots li.slick-active, 
.teamTop_s .slick-dots li.slick-active{ background:#00a1e9;}

@media  screen and (max-width:1429px){
  .teamTop_s .li_hp .teamTopTxt span{ line-height: 26px; height: 78px; }
}
@media  screen and (max-width:991px){
  .teamTop{padding-bottom: 35px;}
  .teamTop_m{margin: 0 -10px;}
  .teamTop_s{padding-bottom: 45px; margin-top: 35px;}
  .teamTop_s .li_hp{padding: 69px 10px 0 10px;}
  .teamTop_s .li_hp a{padding: 58px 0 20px 0;}
  .teamTop_s .li_hp .teamTopPic{width: 120px; margin-left: -60px;}
  .teamPhoto_s .slick-dots, 
  .teamTop_s .slick-dots{ bottom:5px; height:4px;}
  .teamPhoto_s .slick-dots li, 
  .teamTop_s .slick-dots li{ width:40px; height:4px; margin:0 3px;}
}
@media  screen and (max-width:767px){
  .teamTop{padding-bottom: 25px;}
  .teamTop_m{margin: 0 -5px;}
  .teamTop_s{padding-bottom: 25px; margin-top: 25px;}
  .teamTop_s .li_hp{padding: 39px 5px 0 5px;}
  .teamTop_s .li_hp a{padding: 38px 0 20px 0;}
  .teamTop_s .li_hp .teamTopPic{width: 80px; margin-left: -40px; padding: 3px;}
  .teamTop_s .li_hp .teamTopTxt{ padding: 0 10px;}
  .teamTop_s .li_hp .teamTopTxt .name{ width: 90%; font-size: 16px; line-height: 24px; padding-bottom: 10px; height: 34px; }
  .teamTop_s .li_hp .teamTopTxt .name::after{width: 14px; height: 2px; margin-left: -7px;}
  .teamTop_s .li_hp .teamTopTxt h4{line-height: 24px; height: 24px; font-size: 14px; margin-top: 10px;}
  .teamTop_s .li_hp .teamTopTxt span{line-height: 20px; height: 60px;font-size: 12px;}
  .teamPhoto_s .slick-dots, 
  .teamTop_s .slick-dots{ bottom:5px; height:2px;}
  .teamPhoto_s .slick-dots li, 
  .teamTop_s .slick-dots li{ width:20px; height:2px; margin:0 2px;}
}
@media  screen and (max-width:369px){
  .teamPhoto_s .slick-dots li, 
  .teamTop_s .slick-dots li{ width:8px; height:2px; margin:0 2px;}
}
.teamPhoto{float: left; width: 100%; padding-bottom: 57px; background: #f0f0f0;}
.teamPhoto_m{margin: 0 -20px;}
.teamPhoto_s{float: left; width: 100%; margin-top: 16px; position: relative; overflow: hidden; padding-bottom: 60px; }
.teamPhoto_s ul{padding: 0 20px;}
.teamPhoto_s ul .li2{float: left; width: 100%; margin-top: 40px; position: relative; overflow: hidden; background: #000;
 -webkit-border-radius:10px; 
    -moz-border-radius:10px;
         border-radius:10px; }
.teamPhoto_s ul .li2 img{float: left; width: 100%; display: block;
 -webkit-border-radius:10px; 
    -moz-border-radius:10px;
         border-radius:10px;}
.teamPhoto_s ul .li2 .photoTit{position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; line-height: 48px; height: 48px; font-size: 16px; color: #fff; background: rgba(0,0,0,.5); overflow: hidden;}
.teamPhoto_s ul .li2 .photoIntr{position: absolute; top: 60%; left: 0; width: 100%; padding: 0 20px;text-align: center;
  filter:alpha(opacity=00);opacity:0;
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);}
.teamPhoto_s ul .li2 .photoIntr h4{min-width: 47.2%; display:inline-block; *display:inline; *zoom:1;vertical-align: top;  padding: 10px 0; font-size: 20px; color: #fff;  border-top: 1px solid rgba(255,255,255,.6); border-bottom: 1px solid rgba(255,255,255,.6);}
.teamPhoto_s ul .li2 .photoIntr h4 span{line-height: 30px; max-height: 90px; display: inline-block; overflow: hidden;}
.teamPhoto_s ul .li2 img,
.teamPhoto_s ul .li2 .photoTit,
.teamPhoto_s ul .li2 .photoIntr{
-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; }
.teamPhoto_s ul .li2:hover img{filter:alpha(opacity=50);opacity:0.5;}
.teamPhoto_s ul .li2:hover .photoTit{display: none;}
.teamPhoto_s ul .li2:hover .photoIntr{filter:alpha(opacity=100);opacity:1; top:50%;}

@media  screen and (max-width:1199px){
  .teamPhoto_m{margin: 0 -15px;}
  .teamPhoto_s ul{padding: 0 15px;}
  .teamPhoto_s ul .li2{margin-top: 30px;}
}
@media  screen and (max-width:991px){
  .teamPhoto{ padding-bottom: 30px;}
  .teamPhoto_s{padding-bottom: 30px; }
  .teamPhoto_m{margin: 0 -10px;}
  .teamPhoto_s ul{padding: 0 10px;}
  .teamPhoto_s ul .li2{margin-top: 20px;}
  .teamPhoto_s ul .li2 .photoTit{ line-height: 38px; height: 38px; font-size: 14px; }
  .teamPhoto_s ul .li2 .photoIntr{padding: 0 15px;}
  .teamPhoto_s ul .li2 .photoIntr h4{min-width: 50%; padding: 5px 0; font-size: 14px; }
  .teamPhoto_s ul .li2 .photoIntr h4 span{line-height: 20px; max-height: 60px;}
}
@media  screen and (max-width:767px){
  .teamPhoto_s{padding-bottom: 20px; }
  .teamPhoto_m{margin: 0 -5px;}
  .teamPhoto_s ul{padding: 0 5px;}
  .teamPhoto_s ul .li2{margin-top: 10px;}
  .teamPhoto_s ul .li2 .photoTit{ line-height: 28px; height: 28px; font-size: 13px; }
  .teamPhoto_s ul .li2 .photoIntr{padding: 0 10px;}
  .teamPhoto_s ul .li2 .photoIntr h4{padding: 3px 0; font-size: 13px; }
  .teamPhoto_s ul .li2 .photoIntr h4 span{line-height: 20px; max-height: 60px;}
}

/* 产品 */
.product{float: left; width: 100%;}
.proTit{float: left; width: 100%; text-align: center; margin-top: 77px;}
.proTit h4{float: left; width: 100%; font-size: 30px; color: #000; line-height: 42px; height: 42px; font-weight: bold;}
.proTit h5{float: left; width: 100%; font-size: 14px; color: #bfbfbf; line-height: 28px; font-family: Arial; text-transform: uppercase;}
.proTit.tit02 h4,.proTit.tit02 h5{color: #fff;}
.proTop{float: left; width: 100%; background: #f8f8f8; padding-bottom: 55px;}
.proTop ul{margin: 0 -9px;}
.proTop ul li{float: left; width: 25%; padding: 0 9px; margin-top: 38px;}
.proTop .proTopPic{float: left; width: 100%; position: relative; overflow: hidden; background: #000;
 -webkit-border-radius:10px; 
    -moz-border-radius:10px;
         border-radius:10px;}
.proTop .proTopPic img{float: left; width: 100%; display: block; filter:alpha(opacity=50);opacity:0.5;
 -webkit-border-radius:10px; 
    -moz-border-radius:10px;
         border-radius:10px;}
.proTop .proTopPic .proTop_h{position: absolute; left: 0; top: 50%; width: 100%; text-align: center; padding: 0 15px;} 
.proTop .proTopPic .proTop_h h4{display:inline-block; *display:inline; *zoom:1; vertical-align: top;  height: 50px; line-height: 50px; font-size: 20px; color: #fff; border-top: 1px solid rgba(255,255,255,.5);border-bottom: 1px solid rgba(255,255,255,.5); min-width: 60%; margin-top: -25px;}
.proTop .proTopTit{float: left; width: 100%;  line-height: 34px; font-size: 15px; color: #333; margin-top: 17px;}
.proVal{float: left; width: 100%;}
.proVal ul{margin: 0 -23px;}
.proVal ul li{float: left; width: 25%; padding: 60px 23px 0 23px; margin-top: 40px;position: relative;}
.proVal ul li img{ position: absolute; left: 50%; top: 0; width: 124px; margin-left: -62px; display: block;}
.proVal .proValBox{float: left; width: 100%; padding: 87px 32px 23px 32px; background: #edecec; text-align: center;
 -webkit-border-radius:10px; 
    -moz-border-radius:10px;
         border-radius:10px;}
.proVal .proValBox h4{float: left; width: 100%; line-height: 30px; height: 30px; font-size: 18px; color: #4d4d4d; font-weight: bold;}
.proVal .proValBox span{float: left; width: 100%; line-height: 30px; height: 120px; overflow: hidden; font-size: 14px; color: #4d4d4d;display: block;}

@media  screen and (max-width:1429px){
  .proVal ul{margin: 0 -12px;}
  .proVal ul li{padding: 60px 12px 0 12px; }
  .proVal .proValBox{padding: 80px 20px 23px 20px;}
}
@media  screen and (max-width:1199px){
  .proTop .proTopPic .proTop_h h4{height: 40px; line-height: 38px; font-size: 16px; margin-top: -20px;}
  .proVal ul{margin: 0 -10px;}
  .proVal ul li{padding: 50px 10px 0 10px; }
  .proVal ul li img{width: 100px; margin-left: -50px;}
  .proVal .proValBox{padding: 80px 15px 20px 15px;}
  .proVal .proValBox span{ line-height: 26px; height: 130px; }
}
@media  screen and (max-width:991px){
  .proTit{margin-top: 50px;}
  .proTit h4{font-size: 24px; line-height: 32px; height: 32px;}
  .proTit h5{ font-size: 14px; line-height: 24px; }
  .proTop{padding-bottom: 30px;}
  .proTop ul li{margin-top: 30px;}
  .proTop .proTopTit{line-height: 22px; font-size: 14px; margin-top: 10px;}
  .proVal ul{margin: 0 -5px;}
  .proVal ul li{padding: 40px 5px 0 5px; }
  .proVal ul li img{width: 80px; margin-left: -40px;}
  .proVal .proValBox{padding: 50px 15px 20px 15px;}
  .proVal .proValBox h4{font-size: 16px;}
  .proVal .proValBox span{ line-height: 22px; height: 132px; font-size: 13px; }
}
@media  screen and (max-width:767px){
  .proTit{margin-top: 30px;}
  .proTit h4{font-size: 18px; line-height: 26px; height: 26px;}
  .proTit h5{ font-size: 13px; line-height: 20px; }
  .proTop ul li{margin-top: 20px; width: 50%;}
  .proTop .proTopTit{line-height: 22px; font-size: 14px; margin-top: 10px;}
  .proVal ul{margin: 0;}
  .proVal ul li{padding: 30px 0 0 0; width: 100%; margin-top: 20px;}
  .proVal .proValBox{padding: 50px 15px 20px 15px;}
  .proVal .proValBox span{ line-height: 22px; height: 88px; }
}
.proLight{float: left; width: 100%;}
.proLight .proLight_m{float: left; width: 100%; margin-top: 40px; background: #f1f1f1;}
.proLight .proLight_m ul li{float: left; width: 25%; text-align: center; background: #e6e6e6; padding: 49px 15px 26px 15px;}
.proLight .proLight_m ul li:nth-child(2n){background: #f4f4f4;}
.proLight .proLight_m ul li img{display: block; margin: 0 auto; width: 112px;}
.proLight .proLight_m ul li h4{float: left; width: 100%; line-height: 34px; height: 34px; font-size: 18px; color: #000; margin-top: 26px; font-weight: bold;}
.proLight .proLight_m ul li span{float: left; width: 100%; display: block;  line-height: 26px; height: 156px; overflow: hidden; font-size: 14px; color: #494949; margin-top: 16px;}
.proFlow{float: left; width: 100%; padding-bottom: 80px;}
.proFlow .proFlowPic{display: block; margin:0 auto; padding-top: 60px; }

@media  screen and (max-width:991px){
  .proLight .proLight_m ul li img{width: 82px;}
  .proLight .proLight_m ul li h4{line-height: 30px; height: 30px; font-size: 16px; margin-top: 20px;}
  .proLight .proLight_m ul li span{line-height: 24px; height: 144px;font-size: 12px; margin-top: 10px;}
}
@media  screen and (max-width:767px){
  .proLight .proLight_m{margin-top: 20px;}
  .proLight .proLight_m ul{margin: 0 -15px;}
  .proLight .proLight_m ul li{width: 50%; padding: 30px 15px 20px 15px;}
  .proLight .proLight_m ul li img{width: 62px;}
  .proLight .proLight_m ul li:nth-child(2n){background: #e6e6e6;}
  .proLight .proLight_m ul li:nth-child(2),
  .proLight .proLight_m ul li:nth-child(3){background: #f4f4f4;}
  .proFlow{padding-bottom: 30px;}
  .proFlow .proFlowPic{padding-top: 30px; }
}
@media  screen and (max-width:369px){
  .proLight .proLight_m ul li{width: 100%; padding: 30px 15px 20px 15px;}
  .proLight .proLight_m ul li:nth-child(2n){background: #f4f4f4;}
  .proLight .proLight_m ul li:nth-child(3){background: #e6e6e6;}
}

.proMod{float: left; width: 100%; background: #1466b0 url(../images/probg.jpg); padding-bottom: 44px;}
.proMod_m{float: left; width: 100%; margin-top: 35px; text-align: center;}
.proMod_m .proModTit{display:inline-block; *display:inline; *zoom:1; vertical-align: top; width: 166px; height: 42px; line-height: 42px; font-size: 18px; color: #4e4d4d; background: #fff; font-weight: bold; position: relative;
 -webkit-border-radius:21px; 
    -moz-border-radius:21px;
         border-radius:21px;}
.proMod_m .proModTit::after{position: absolute; width: 1px; height: 66px; top: 100%; left: 50%; content: ""; background: #fff;}
.proMod_m .proModList{float: left; width: 100%;  margin-top: 66px; padding-bottom: 40px;}
.proMod_m .proModList .li_m{float: left; position: relative; padding-top: 42px; width: 10%;}
.proMod_m .proModList .li_m::before{position: absolute; content: ""; width: 50%; left: 0; top: 0; height: 1px; background: #fff;}
.proMod_m .proModList .li_m::after{position: absolute; content: ""; width: 50%; right: 0; top: 0; height: 1px; background: #fff;}
.proMod_m .proModList .li_m .proModH4{float: left; width: 90%; margin: 0 5%; height: 36px; line-height: 36px; font-size: 16px; color: #404040; position: relative; background: #fff;
 -webkit-border-radius:18px; 
    -moz-border-radius:18px;
         border-radius:18px;}
.proMod_m .proModList .li_m .proModH4::before{position: absolute; content: ""; width: 1px; height:42px; bottom: 100%; left: 50%; background: #fff;}
.proMod_m .proModList .li_m .proModBox{display:inline-block; *display:inline; *zoom:1; vertical-align: top; line-height: 30px; margin-top: 16px; font-size: 14px; color: #fff; text-align: left;}
.proMod_m .proModList .li_m:first-child::before{display: none;}
.proMod_m .proModList .li_m:last-child::after{display: none;}

.proMod_m .proModList .slick-dots{ width: auto; left: 50%; bottom:0; height:4px;
-webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);}
.proMod_m .proModList .slick-dots li{width:20px; height:4px; margin:0 5px; background: rgba(255,255,255,.3);}
.proMod_m .proModList .slick-dots li button{display:none;}
.proMod_m .proModList .slick-dots li.slick-active{  background:white; }

.proSoft{float: left; width: 100%; padding-bottom: 62px;}
.proSoftList{float: left; width: 100%; padding-top: 40px;}
.proSoftList li{float: left; width: 25%; border-right: 1px dashed #d9d9d9; text-align: center; }
.proSoftList li:last-child{border: 0;}
.proSoftList li a{float: left; width: 100%; display: block; padding: 38px 30px 23px 30px;}
.proSoftList li a img{margin: 0 auto; width: 63px; display: block;}
.proSoftList .proSoftTit{float: left; width: 100%; padding-bottom: 24px; margin-top: 49px; position: relative;}
.proSoftList .proSoftTit::after{position: absolute; content: ""; width: 30px; height: 1px; background: #00a1e9; left: 50%; margin-left: -15px; bottom: 0;}
.proSoftList .proSoftTit h4{float: left; width: 100%; line-height: 42px; height: 42px; font-size: 24px; color: #222222;}
.proSoftList .proSoftTit h5{float: left; width: 100%; line-height: 28px; height: 28px; font-size: 16px; color: #888888;}
.proSoftList .span01{float: left; width: 100%; padding: 0 25px; margin-top: 17px; height: 46px; overflow: hidden; line-height: 23px; font-size: 14px; color: #666666;}


@media  screen and (max-width:1429px){
  .proMod_m ul .li_m .proModBox{font-size: 13px;}
  .proSoftList li a{padding: 30px 20px 23px 20px;}
  .proSoftList .proSoftTit{padding-bottom: 15px;}
  .proSoftList .proSoftTit h4{font-size: 22px;}
  .proSoftList .proSoftTit h5{font-size: 14px;}
  .proSoftList .span01{font-size: 13px;}
}
@media  screen and (max-width:1199px){
  .proSoftList .proSoftTit{padding-bottom: 15px; margin-top: 20px;}
  .proSoftList .proSoftTit h5{font-size: 14px; height: 48px; line-height: 24px;}
  .proSoftList .span01{ padding: 0;}
}
@media  screen and (max-width:991px){
  .proMod{ padding-bottom: 34px;}
  .proMod_m{margin-top: 25px;}
  .proMod_m ul .li_m .proModBox{font-size: 13px;}
  .proSoftList li a{padding: 20px 15px;}
  .proSoftList .proSoftTit h4{font-size: 18px; line-height: 30px; height: 30px;}
  .proSoftList .span01{line-height: 22px; height: 66px;}
}
@media  screen and (max-width:767px){
  .proMod_m .proModTit{width: 126px; height: 32px; line-height: 32px; font-size: 16px;}
  .proMod_m .proModTit::after{height: 40px;}
  .proMod_m .proModList {padding-bottom: 20px; margin-top: 40px;}
  .proMod_m .proModList .li_m .proModH4{width: 60%; margin: 0 20%; height: 26px; line-height: 26px; font-size: 14px; }
  .proMod_m .proModList .li_m .proModBox{line-height: 24px; font-size: 13px;}
  .proMod_m .proModList .slick-dots{height:2px;}
  .proMod_m .proModList .slick-dots li{width:15px; height:2px; margin:0 3px;}
  .proSoft{padding-bottom: 42px;}
  .proSoftList{padding-top: 20px;}
  .proSoftList li{width: 100%; border-right: 0; border-bottom: 1px dashed #d9d9d9;}
  .proSoftList li a{padding: 20px 10px;}
  .proSoftList li a img{width: 50px;}
  .proSoftList .proSoftTit{padding-bottom: 10px;}
  .proSoftList .proSoftTit h4{font-size: 18px; line-height: 30px; height: 30px;}
  .proSoftList .proSoftTit h5{font-size: 14px; height: auto; line-height: 20px;}
  .proSoftList .span01{font-size: 12px; padding: 0; height: auto;}
}

/*侧导航*/
.nyNav{float: left; width: 100%; background: #f4f5f9; text-align: center;}
.nyNavTit{float: left; width: 100%; height: 36px; line-height: 36px; padding: 0 20px; font-size: 14px; color: #fff; background: #00a1e9; position: relative; font-weight: bold; text-align: left;}
.nyNavTit i{position: absolute; content: ""; right: 20px; top: 50%; background: url(../images/hnews_r.png) no-repeat; width: 10px; height: 16px; margin-top: -8px;
-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;}
.nyNavTit.on i{
-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);
}
.pz_SideLayer{ display:inline-block; *display:inline; *zoom:1; vertical-align: top; }
.pz_SideLayer .l1{float: left; padding: 0 60px;}
.pz_SideLayer .l1 a{float:left; height: 90px; line-height: 90px; color:#666; font-size:16px; display: block; position: relative;}
.pz_SideLayer .l1 a::after{position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 3px; background: #00a1e9; filter:alpha(opacity=00);opacity:0;}
.pz_SideLayer .l1 a:hover{color: #00a1e9;}
.pz_SideLayer .l1 .hover{ color: #00a1e9;}
.pz_SideLayer .l1 .hover::after{filter:alpha(opacity=100);opacity:1;} 

@media  screen and (max-width:1199px){
  .pz_SideLayer .l1{padding: 0 40px;}
  .pz_SideLayer .l1 a{height: 70px; line-height: 70px;}
}
@media  screen and (max-width:991px){
  .pz_SideLayer .l1{padding: 0 28px;}
  .pz_SideLayer .l1 a{height: 60px; line-height: 60px; font-size:14px;}
}
@media  screen and (max-width:767px){
  .nyNav{padding: 0 15px; margin-top: 30px; background: none;}
  .pz_SideLayer{width: 100%; display: none;}
  .pz_SideLayer .l1{padding: 0 20px; width: 100%; text-align: left;  background: #f4f5f9;}
  .pz_SideLayer .l1 a{width: 100%;  height: 32px; line-height: 32px; font-size:14px;}
  .pz_SideLayer .l1 a::after{display: none;}
}

/* 分页 */
.s_fy{float: left;width:100%;padding: 48px;text-align: center;}
.pz_fy{display:inline-block; *display:inline; *zoom:1;vertical-align: top;height: 27px;}
.pz_fy a {display: block; float: left;margin:0 3px;min-width: 10px;height: 27px;text-align: center;line-height: 27px;font-size: 16px;color: #3b3b3b; padding: 0 2px; }
.pz_fy a.s_prev{float: left; padding-right: 20px; margin-right: 30px; height: 27px; line-height: 27px; color: #3b3b3b; background: url(../images/s_p1_bg03.jpg) no-repeat right;}
.pz_fy a.s_next{float: left; padding-left: 20px; margin-left: 30px; height: 27px; line-height: 27px; color: #3b3b3b;
background: url(../images/s_p1_bg03.jpg) no-repeat left;}
.pz_fy a:hover,
.pz_fy a.on{color:#00a1e9;}
.fy_phone{ display:none;}
@media  screen and (max-width:767px){
.s_fy{padding: 24px;}
.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:80px; 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 #00a1e9; border:1px solid #00a1e9;}
.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 #00a1e9; border:1px solid #00a1e9;}
.fy_phone span{ padding:0 5%; color:#333; display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:38px; line-height:38px;}
}


/*手机版底部菜单*/
.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:#00c0ff;}
.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;}

.elli{overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.tableCell{display: table-cell; vertical-align: middle; }
.spanTxt01{display: block;}
@media  screen and (max-width:1199px){
.spanTxt01{display: inline;}
}

@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}}

@media screen and (min-width: 1024px) {.banner01{position: absolute; z-index: 999; margin-top: -30%;right: 10%;}}
@media screen and (max-width: 1024px) {.banner01{position: absolute; z-index: 999; margin-top: -30%;right: 10%; display:none}}

.banner01 .form {
	float: right;
	width: 287px;
	color: #999;
	font-size: 16px;
	padding: 4px 30px 15px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 4px 23.8px 4.2px rgba(72, 72, 72, 0.1);
}
.banner01 .form .hd {
	color: #333;
	font-size: 24px;
	font-weight: bold;
	line-height: 58px;
	text-align: center;
	letter-spacing: 2px;
}
.banner01 .form .hd span {
	color: #00a1e9;
}
.banner01 .item {
	width: 100%;
	padding: 5px 0 6px;
}
.banner01 .item .text,
.banner01 .downlist {
	width: 249px;
	height: 42px;
	outline: none;
	color: #333;
	font-size: 16px;
	padding: 0 18px;
	line-height: 42px\9;
	background: none;
	border-radius: 8px;
	border: 1px solid #eee;
}
.banner01 .item .text:focus {
	border-color: #1eaadc;
}
.banner01 .item-dplx {
	position: relative;
	z-index: 2;
}
.banner01 .downlist {
	padding: 0;
	position: relative;
}
.banner01 .downlist input {
	display: none;
}
.banner01 .downlist dt {
	width: 100%;
	height: 100%;
	text-indent: 18px;
	line-height: 42px;
	color: #999;
	cursor: pointer;
}
.banner01 .downlist dt .icon {
	position: absolute;
	right: 22px;
	top: 19px;
	width: 10px;
	height: 6px;
	background: url(../images/icon_down.png) no-repeat;
}
.banner01 .downlist dd {
	position: absolute;
	left: -1px;
	z-index: 2;
	width: 100%;
	padding: 10px 0;
	border-radius: 8px;
	background-color: #fff;
	border: 1px solid #eee;
	box-shadow: 0 18px 32px rgba(0, 45, 62, 0.12);
	display: none;
}
.banner01 .downlist dd a {
	display: block;
	padding: 9px 0;
	color: #333;
	text-indent: 12px;
	position: relative;
	line-height: 1;
	cursor: pointer;
}
.banner01 .downlist dd a .border {
	position: absolute;
	top: 10px;
	*top: 13px;
	left: 0;
	width: 3px;
	height: 16px;
	overflow: hidden;
	background-color: #2aaede;
	display: none;
}
.banner01 .downlist dd a.cur .border {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.banner01 .item-mmlx {
	padding-top: 12px;
}
.banner01 .chooseBox {
	float: left;
	cursor: pointer;
	margin-left: 20px;
}
.banner01 .chooseBox:first-child {
	margin: 0 !important;
}
.banner01 .chooseBox span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	line-height: 1.2;
}
.banner01 .chooseBox .chooseOnly {
	width: 16px;
	height: 16px;
	margin-top: 3px;
	margin-right: 4px;
	background: url(../images/icon_buycheck.png) 0 0 no-repeat;
}
.banner01 .lxChecked .chooseOnly {
	background-position: 0 -19px;
}
.banner01 .lxChecked .chooseSpan {
	color: #333;
}

.banner01 .tips {
	color: #ff6040;
	font-size: 14px;
	line-height: 1.2;
}
.banner01 .btn01 {
	padding: 30px 0 16px;
	text-align: center;
}
.banner01 .btn01 .submit {
	width: 100%;
	height: 44px;
	color: #fff;
	font-size: 16px;
	border-radius: 8px;
	background: #00a1e9;
	box-shadow: 0 4px 23.8px 4.2px rgba(255, 102, 72, 0.15);
}
.banner01 .btn01 .submit:hover {
	background: #00c0ff;
}
.banner01 .agree {
	font-size: 14px;
	line-height: 1.2;
	text-align: center;
}
.banner01 .agree span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
}
.banner01 .agree .radio {
	width: 14px;
	height: 14px;
	margin-top: 1px;
	margin-right: 2px;
	background: url(../images/icon_agrcheck.png) 0 0 no-repeat;
}
.banner01 .agree .radio.checked {
	background-position: 0 -16px;
}

.gsgs02{height: 42px;outline: none;color: #333; border:0px;font-size: 16px; width:97%;}
.gsgs03{color: #333; line-height:200%; font-size:20px;}



@media screen and (min-width: 1024px) {.kgkg01{ width:100%;}
.kgkg02{ width:48%; position:relative; float:left; padding-top:4%}
.kgkg03{ width:48%; position:relative; float:right;padding-top:4%}
.gsgs04{color: #333; line-height:200%; font-size:20px; font-weight:900;}
.gsgs05{color: #333; line-height:200%; font-size:16px;padding-top:4%}}
@media screen and (max-width: 1024px) {.kgkg01{ width:100%;}
.kgkg02{ width:100%; position:relative; float:left; padding-top:4%}
.kgkg03{ width:100%; position:relative; float:right;padding-top:4%}
.gsgs04{color: #333; line-height:200%; font-size:20px; font-weight:900;}
.gsgs05{color: #333; line-height:200%; font-size:16px;padding-top:4%}}


.floor{
	color: #333;
	width: 100%;
	overflow: hidden;
}
.floor .hd {
	line-height: 1.8;
	text-align: center;
}
@media screen and (min-width: 1024px) {.floor .hd .btit {
	font-size: 36px;
}
.floor .hd .stit {
	color: #666;
	font-size: 20px;
}}
@media screen and (max-width: 1024px) {.floor .hd .btit {
	font-size: 24px;
}
.floor .hd .stit {
	color: #666;
	font-size: 16px;
}}

.floor .hd p span{
	color: #ff6648;
}
.floor .btnBox {
	text-align: center;
}
.floor .btnBox .subbtn {
	width: 260px;
	height: 48px;
	color: #fff;
	font-size: 18px;
	line-height: 48px;
	border-radius: 10px;
	background: #ff6648;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.floor .btnBox .subbtn:hover {
	background: #f25232;
	box-shadow: 0 4px 23.8px 4.2px rgba(255, 102, 72, 0.15);
}

@media screen and (min-width: 1024px) {.Advantage {
	height: 663px;
	background: url(../images/bg_advantage.png) center bottom no-repeat;
}
.Advantage .hd {
	padding-top: 70px;
}
.Advantage .bd {
	padding-top: 66px;
}
.Advantage .dataStat {
	padding: 0 16px;
}
.Advantage .dataStat li {
	float: left;
	text-align: center;
	margin-left: 107px;
}
.Advantage .dataStat li:first-child {

}
.Advantage .dataStat li .data {
	font-size: 20px;
	line-height: 1.2;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.Advantage .dataStat li .data span {
	font-size: 44px;
	font-weight: bold;
	font-family: arial;
	padding-right: 5px;
	vertical-align: -2px;
}
}


@media screen and (max-width: 1024px) {.Advantage {
	background: url(../images/bg_advantage.png) center bottom no-repeat; padding-bottom:70px;
}
.Advantage .hd {
	padding-top: 70px;
}
.Advantage .bd {
	padding-top: 66px;
}
.Advantage .dataStat {
	padding: 0 16px;
}
.Advantage .dataStat li {
	float: left;
	text-align: center;
	margin-left: 44px; margin-bottom:34px;
}
.Advantage .dataStat li:first-child {

}
.Advantage .dataStat li .data {
	font-size: 20px;
	line-height: 1.2;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.Advantage .dataStat li .data span {
	font-size: 34px;
	font-weight: bold;
	font-family: arial;
	padding-right: 5px;
	vertical-align: -2px;
}

}


.Advantage .dataStat li .data-time span{
	padding: 0;
}
.Advantage .dataStat li .data-team {
	position: relative;
}
.Advantage .dataStat li .data-team i{
	position: absolute;
	top: 0;
	right: -16px;
}
.Advantage .dataStat li .desc {
	color: #666;
	font-size: 16px;
	margin-top: 5px;
}
@media screen and (min-width: 1024px) {.Advantage .youshi {
	padding: 0 50px 0 60px;
	margin-top: 43px;
}
.Advantage .youshi li {
	float: left;
	width: 25%;
	text-align: center;
}
.Advantage .youshi li .imgbox .icon {
	width: 78px;
	height: 78px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background-repeat: no-repeat;
	background-image: url(../images/icon_youshi.png);
}}
@media screen and (max-width: 1024px) {.Advantage .youshi {
	padding: 0 10px 0 10px;
	margin-top: 43px;
}
.Advantage .youshi li {
	float: left;
	width: 50%;
	text-align: center;
}
.Advantage .youshi li .imgbox .icon {
	width: 78px;
	height: 78px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background-repeat: no-repeat;
	background-image: url(../images/icon_youshi.png);
}}

.Advantage .youshi li .imgbox .icon1 {
	background-position: 0 0;
}
.Advantage .youshi li .imgbox .icon2 {
	background-position: 0 -78px;
}
.Advantage .youshi li .imgbox .icon3 {
	background-position: 0 -156px;
}
.Advantage .youshi li .imgbox .icon4 {
	background-position: 0 -234px;
}
.Advantage .youshi li .primary {
	position: relative;
	z-index: 2;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
	margin: -8px 0 11px;
}
.Advantage .youshi li .second {
	color: #888;
	font-size: 15px;
	line-height: 1.6;
	letter-spacing: 1px;
}
.Advantage .btnBox {
	margin-top: 83px;
}

.layui-clear{clear: both; *zoom: 1;}
.layui-clear:after{content:'\20'; clear:both; *zoom:1; display:block; height:0;}
.layui-inline{position: relative; display: inline-block; *display:inline; *zoom:1; vertical-align: middle;}
i {
	font-style: normal;
}


.khkhf01{ width:100%; border:1px solid #545454; border-radius:7px; height:44px; line-height:44px; color:#fff;    background: #3c3c3c; margin-bottom:14px; padding-left:4px;}
.khkhf02{ width:100%; border:1px solid #545454; border-radius:7px; height:44px; line-height:44px; color:#fff;    background: #3c3c3c; margin-bottom:14px;}

.khkhf03{ width:100%; font-size:16px; line-height:200%}
.khkhf04{ width:100%; font-size:16px; line-height:200%; color:#ff8000}

.btn011 {
  width: 110px !important;
  height: 34px !important;
  line-height: 34px !important;
  background-color: #00a1e9; padding:7px 20px;
  box-shadow: 0px 2px 20px 0px rgba(255, 128, 0, 0.4);
  border-radius: 17px;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
}


.video-wrap {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {.video-wrap li {
    margin: 3% 0;
    width: 24% !important; padding:0px 0px !important;
    cursor: pointer;
    list-style-type: none;
    border-radius: 10px;
    border: solid 1px rgba(131,131,131,.5);
    /* background-color: #4c4944; */
}}
@media screen and (max-width: 1024px) {.video-wrap li {
    margin: 1% 0;
    width: 48% !important; padding:0px 0px !important;
    cursor: pointer;
    list-style-type: none;
    border-radius: 10px;
    border: solid 1px rgba(131,131,131,.5);
    /* background-color: #4c4944; */
}}

.video-box-img{
	width: 100%;
	position: relative;}
.video-box-img img {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 100%;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.video-box-img .bofang {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 64px;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
}
.video-box-img .bofang img {
    width: 100%;
    opacity:0.3;
}
.video-wrap li p {
    font-size: 16px;
    color: #000;
    padding: 10px 6px;
    text-align: center;
}

.section2{
	width: 100%;
	margin-top: 80px;
}
.section2-content{
	width: 100%;
    background-color: #fff;
}
@media screen and (min-width: 1024px) {.section2-li{
	width: 23%;
    float: left;
    /* margin-left: 2%; */
    margin: 1%;
    text-align: center;
}}
@media screen and (max-width: 1024px) {.section2-li{
	width: 48%;
    float: left;
    /* margin-left: 2%; */
    margin: 1%;
    text-align: center;
}}

.section2-li-img{
	width: 100%;
	margin-bottom: 16px;
	cursor:pointer;
}
.section2-li-img img{
	width: 100%;
	display: block;
}
.section2-li:hover{
    transform: scale(1.2);
   -webkit-transform: scale(1.2);
}
.section2-li span{
	font-size: 14px;
	font-family: '微软雅黑';
	color: #000;
	/* background: #40001b; */
}





@media screen and (min-width: 1024px) {.cgkg01{ width:100%;}
.cgkg02{ width:48%; position:relative; float:left; padding:40px 0px}
.cgkg03{ width:48%; position:relative; float:right;padding:40px 0px}
.advert_leading{ background-color: transparent; padding: 0!important; position: relative; z-index: 1; margin-top:-62px; margin-bottom: -62px;} 
.leading_list{ position: relative; z-index:1; margin:-7px;}
.leading_line{ float:left; width:25%; padding: 7px;} 
.leading_block{ background: #fff; box-shadow: 0 3px 20px 3px rgba(0,0,0, .10); border-radius: 6px; height:110px; padding: 25px 0 25px 8%; -webkit-transition:color 600ms ease, background 600ms ease; transition:color 600ms ease, background 600ms ease; }
}

@media screen and (max-width: 1024px) {.cgkg01{ width:100%;}
.cgkg02{ width:100%; position:relative; float:left; padding:40px 0px}
.cgkg03{ width:100%; position:relative; float:right;padding:40px 0px}
.advert_leading{ background-color: transparent; padding: 0!important; position: relative; z-index: 1; margin-top:-62px; margin-bottom: -62px;} 
.leading_list{ position: relative; z-index:1; margin:-7px;}
.leading_line{ float:left; width:100%; padding: 7px;} 
.leading_block{ background: #fff; box-shadow: 0 3px 20px 3px rgba(0,0,0, .10); border-radius: 6px; height:110px; padding: 25px 0 25px 8%; -webkit-transition:color 600ms ease, background 600ms ease; transition:color 600ms ease, background 600ms ease; }
}



.leading_block dt{ float:left; width:60px; height: 60px; margin-right: 3.50%;} 
.leading_block dt .ico_box img{ -webkit-transition:opacity 600ms ease; transition:opacity 600ms ease;}
.leading_block dt .ico_box img:nth-child(2){ opacity: 0;}
.leading_block dd{ overflow:hidden;}
.leading_tit{ display:inline-block; vertical-align: middle; font-weight: bold;}
.leading_tit a{ display:block;}
.leading_go{ display:inline-block; vertical-align: middle; margin-left: 8px; text-align: center; background: #cc0001; color: #fff; border-radius: 9px; width: 42px; line-height: 18px; text-transform: uppercase; font-size: 12px;}
.leading_go .iconfont{ font-weight: bold; font-size: 12px; transform: scale(0.75); vertical-align: baseline; margin-right: -4px;}
.leading_mark{ margin: 10px -5px 0;}
.leading_mark a{ display:inline-block; position: relative; color: #999999; margin: 0 5px;}
.leading_mark a:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
} 
.leading_mark a:hover:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}  
.leading_block:hover{ background: #cc0001; color: #fff; }
.leading_block:hover a{ color: #fff;}
.leading_block:hover dt .ico_box img:nth-child(1){ opacity: 0;}
.leading_block:hover dt .ico_box img:nth-child(2){ opacity: 1;}
.leading_block:hover dd .leading_go{ background: #fff; color: #cc0001;}



.video-module {}

@media screen and (min-width: 1024px) {.video-module .content-box {
  position: relative;
  padding: 140px 0;
}}
@media screen and (max-width: 1024px) {.video-module .content-box {
  position: relative;
  padding: 40px 0;
}}
.video-module .content-box:after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 397px;
  height: 505px;
  background: url('../images/videoModule/bg-up.png') no-repeat left top / contain;
  z-index: 1;
}
.video-module .content-box:before {
  position: absolute;
  content: '';
  right: 0;
  bottom: 0;
  width: 397px;
  height: 505px;
  background: url('../images/videoModule/bg-down.png') no-repeat left top / contain;
  z-index: 1;
}
.video-module .content-box .title {
  color: #2A2A2A;
  font-size: 36px;
  font-weight: 600;
  line-height: 50px;
}

@media screen and (min-width: 1024px) {
	.video-module .content-box .video-list {
  position: relative;
  z-index: 2;
  margin: 60px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  
}
	
	.video-module .content-box .video-list .video-item { 
  position: relative;
  margin-left: 24px;
  width: 282px;
  height: 480px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 282px auto;
  border-radius: 12px;
  overflow: hidden;
  transition: all .3s;
  cursor: pointer;
}}
@media screen and (max-width: 1024px) {
	
	.video-module .content-box .video-list {
  position: relative;
  z-index: 2;
  margin: 60px auto 0;
  align-items: center;
  justify-content: center;
  
}
	.video-module .content-box .video-list .video-item { 
  position: relative;
      width: 48%;
    margin: 0px 1%;
    float: left;
   margin-bottom:44px;
  height: 270px;    zoom: 0.7;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 282px auto;
  border-radius: 12px;
  overflow: hidden;
  transition: all .3s;
  cursor: pointer;
}}



.video-module .content-box .video-list .video-item:first-child {
  margin-left: 0;
}
.video-module .content-box .video-list .video-item:before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(11,27,54,0) 0%, #020913 100%);
}
.video-module .content-box .video-list .video-item .tag { 
  position: absolute;
  left: 0;
  bottom: 93px;
  padding: 0 16px 0 18px;
  line-height: 44px;
  color: rgba(255, 255, 255, .67);
  font-size: 14px;
  border-radius: 0 12px 0 0;
  background: rgba(1, 19, 45, .67);
  font-weight: normal;
}
.video-module .content-box .video-list .video-item .tag .em { 
  font-size: 16px;
  font-weight: 500;
  margin-right: 8px;
  color: #fff;
}
.video-module .content-box .video-list .video-item .play-btn {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -28px;
  margin-top: -28px;
  width: 56px;
  height: 56px;
  background: url('../images/videoModule/icon-play.png') no-repeat center/contain;
 }
.video-module .content-box .video-list .video-item .intr { 
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 93px;
  padding-top: 19px;
  text-align: center;
  line-height: 28px;
  color: #fff;
  font-size: 18px;
  background: url('../images/videoModule/bg05.png') no-repeat center/contain;
}
.video-module .content-box .video-list .video-item:hover {
  transform: translateY(-20px);
}
.video-module .content-box .video-list .video-item:hover .play-btn {
  transform: scale(1.2);
}



@media screen and (min-width: 1024px) {.downContact{ padding-top:0;}}
@media screen and (max-width: 1024px) {.downContact{ padding-top:4%;}}