@import "iconfont.css";
.c99{color: #999;}.c66{color: #666;}
.vm{top: 50%;left: 50%; position: absolute;-webkit-transform: translate(-50%, -50%);transform:translate(-50%, -50%);}
a:hover{text-decoration:none;}
h3,p{margin:0;}
html,body{overflow-x:hidden !important;width:100%;}
html{-ms-text-size-adjust:100%;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";}
body{font-family:Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;min-width: 320px;background-color: #e9f0f6;font-size: 10pt;word-wrap:break-word;line-height: 1.5}
a,a:hover {color: #333;cursor:pointer;}
a:hover {color: #0066FF;}
ul,li {padding: 0;margin: 0;list-style: none;}
.left{ float:left;display: inline-block;}.right{float:right;display: inline-block;}
.c:after{content:'\20';display:block;height:0;clear:both;overflow:hidden;}
.c{*zoom:1;}
.container{max-width: 1000px;padding: 0 10px;margin:0 auto;position: relative;
 overflow: hidden;
}
.wow { visibility: hidden; }
.tac {text-align: center;}
.rel {position: relative;}
.abs {position: absolute;}
img {max-width: 100%}
h1,h2,h3 {margin: 0;padding: 0}

.inline-box { font-size: 0px; text-align: center; }
.inline-box li, .inlineb { display: inline-block; vertical-align: middle; *display: inline;*zoom:1;}
.tar {text-align: right;}
div:focus{
	outline:none;
}
div {outline: none;}
.tables { display: table; table-layout: fixed; width: 100%; height: 100%;margin: 0;}
.tables li, .cell {display: table-cell;vertical-align: middle;}

.jbox {display: inline-block;width: 0;height: 0;border:5px solid transparent;border-left-color: #000;margin-left: 3px;vertical-align: middle;}
.pics {height: 100%;width: 100%;object-fit: cover;top:0;left:0;z-index: -1;}

.trsAll {-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
-webkit-transition-duration: 1.4s;
-o-transition-duration: 1.4s;
transition-duration: 1.4s;
position: relative;
}

.text-overflow { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }


/* Slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0 !important!}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 20px; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

/* Dots */
.slick-slider {}
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: 0.75; }


.header .so span {padding: 15px 0 5px 0;display: block;}




.nav {height: 36px;line-height: 36px;background: url(../images/nav_bg.jpg) ;}
.nav ul {font-size: 0;text-align: center;margin: 0 -25px;position: relative;}
.nav ul li {display: inline-block;padding: 0 17px;}
.nav ul li a {font-size: 14px;color: #fff;font-weight: bold;}
.nav ul li a:hover {color: #c00;}


.banner {margin-bottom: 20px;overflow:hidden;height: 195px;}
.banner .slick-dots li {overflow: hidden;background: rgba(0,0,0,0.5);width:16px;height: 16px;border-radius: 0px;margin:0;font-size: 12px;line-height: 16px;text-align: center;color:#fff;text-indent: 0px;}
.banner .slick-dots li a {color: #fff;font-weight: normal;}
.banner .slick-dots li.slick-active {background: #bb3f3f}
.banner .slick-dots {bottom:-5px;right: 0px;text-align: right;}
.banner img {width: 100%;}
.draggable { width: 980px; height: 195px; overflow: hidden; }

.xbox {background: #fff;padding: 10px 13px;border-radius: 5px;box-shadow: 0 0 1px 1px #ccc;margin-bottom:10px;}
.t1 {background: url(../images/t_l.jpg) no-repeat left top ;color: #fff;height: 30px;line-height: 28px;margin-bottom: 5px;padding-left: 7px}
.t1 div {background: url(../images/t_r.jpg) no-repeat right top;padding-left: 7px;}
.t1 div img {vertical-align: top;}
.t1 div span {padding: 0 10px 0 0;}
.t1 a {right: 10px;top:0;}

.bread {position: relative;}
.bread div {padding-left: 20px}
.bread div:after {content:'';width: 2px;background: #fff;height: 12px;display: block;position: absolute;left:15px;top:8px;}
.bread a {color: #fff;}

.so select {height: 28px;vertical-align: top;}
.ml {width:240px;}
.mlx {width:260px;}
.mr {margin-left: 240px;padding-left: 10px;}


.sub li {background: url(../images/sub_li_bg.jpg) no-repeat left bottom;  }
.sub li a {background: url(../images/sub_li.jpg) no-repeat 10px center;padding: 5px 10px 5px 50px;display: block;font-size: 13px;color:#000;
word-wrap:break-word;

}
.sub1 li {background: url(../images/sub_li_bg.jpg) no-repeat left bottom; height:38px; }
.sub1 li a {background: url(../images/sub_li.jpg) no-repeat 10px center;padding: 10px 10px 0px 50px;display: block;font-size: 13px;color:#000;
word-wrap:break-word;
line-height: 15px;
height:38px;
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
}

/*.sub li.on a {color: #f00;}*/
.sub li a:hover {color:#0066FF;}
.sub1 li a:hover {color:#0066FF;}

.about_box {min-height: 510px;}
.about_box .p a {text-decoration: underline;}
.about_box .p table {width: 100% !important;background: #fff;}
.about_box .p table td {font-size: 12px !important;padding: 0 5px;font-weight: normal !important;width: auto !important;}



.down_box .p .table th {text-align: center;}
.down_box .p .table td {padding: 8px }


.page {font-size: 0;text-align: center;padding: 0 0 10px 0}
.page a, .page span {display:inline-block;*display: inline;*zoom: 1;font-size: 12px;background: #f6f6f6;border:1px solid #eee;padding: 0 6px;text-transform: uppercase;margin: 0 3px}
.page a:hover, .page span.current {background: #004ea1;color: #fff;}


.act_box .p {font-size: 13px;margin-top: -5px;}
.act_box .p a {text-decoration: underline;}








.footer {background: url(../images/bottom_bg.gif) repeat-x;color: #fff;text-align: center;padding: 20px 0;}
.footer a {color: #fff;}



.cloud img {
  -webkit-animation: scale_img 30s infinite ease-out alternate;
  -moz-animation: scale_img 30s infinite ease-out alternate;
  -ms-animation: scale_img 30s infinite ease-out alternate;
  animation: scale_img 30s infinite ease-out alternate;
}
@-webkit-keyframes scale_img{
  0%{
    transform:scale(1) translateX(0px);
  }
  100% {
    transform:scale(1.2) translateX(0px);
  }
}
@keyframes scale_img{
  0%{
    transform:scale(1) translateX(0px);
  }
  100% {
    transform:scale(1.2) translateX(0px);
  }
}
@media (min-width:768px) {
	
}

@media (min-width:992px) {
  .vertical-middle-sm {display: table;}
   .vertical-middle-sm > div, .vertical-middle-sm > li {
      display: table-cell;
      height: 100%;
      min-height: 100%;
      float: none !important;vertical-align: middle;
    }
}



@media (min-width:1200px) {

}
@media (max-width:1200px) {
  .nav ul li {padding: 0 15px;}
}

@media (min-width:1441px) {
}
@media (max-width:1024px){

}
@media (max-width:996px) {
  .nav ul li {padding: 0 6px}
}

@media (max-width: 821px){

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

  .footer, .nav, .banner {margin-left: -10px;margin-right: -10px;}
  .ml {float: none;display: block;width: auto;}
  .mr {margin-left: 0;padding-left: 0}
  .about_box .p {overflow: auto;}


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


}
@media (max-width:640px){
  .nav {overflow: hidden;line-height: 24px;background-size: 100% 100%;height: auto;background:#1465be;}
  .nav:after {content:'';display: block;width: 100%;position: absolute;left:0;top:50%;height: 1px;background: #4484cb;}
  .nav ul li:nth-child(1) {display: none;}
  .nav ul li {float: left;display: block;padding: 5px 0 0 12px}
  /*.banner .item {height: 80px;}*/
  /*.banner .item img {height: 100%;object-fit: cover;}*/

  .header .logo {display: block;float: none;}
  .header .so {float: none;display: block;padding-bottom: 20px;padding-left: 15px}

  .banner .slick-dots {bottom:0;text-align: center;}
  .banner .slick-dots li {width: 5px;height: 5px;text-indent: -100px;margin: 0 1px;border-radius:5px;}
}

@media (max-width:520px){
  .down_box .p .table tr th:nth-child(1) {width: 130px;}
  .down_box .p .table tr td:nth-child(1) {word-break:break-all}

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


}

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

}
.mm-page__blocker{z-index: 2000;}