@charset "utf-8";
/* CSS Document */
.banner{ margin-top:-4px;}
.banner .KMSPrefix_banner_frbtn{width:14px;margin:0px auto;padding:0px;position:absolute;z-index:99; bottom:30px; left:0; width:100%; text-align:center;}
.syslidefr_an{ margin:0 auto; text-align:center; position:absolute;  left:0; opacity: 0; top:0; width:100%} 
.syslidefr_an img{ display:inline-block}
.syslidefr_an a{ width:158px; height:43px; display:inline-block; background:#75ca2a; line-height:43px; color:#fff; font-size:16px; text-align:center;   -moz-border-radius: 3px;-webkit-border-radius: 3px; border-radius:3px;}
.syslidefr_an a:hover{ color:#fff; background:#5ba31b}

.main{ background:#f3f3f3}
.main .tit{ text-align:center; color:#333; font-size:35px; line-height:28px; padding:46px 0 36px 0;}
.main .tit1 span{ color:#ccc; font-size:12px; display:block; padding-top:10px; line-height:20px;}
.main .tit span{ color:#606060; font-size:12px; display:block; padding-top:10px; line-height:20px;}

.main_o{ padding-bottom:10px;}
.main_o ul li{ width:199px; text-align:center; float:left; position:relative; border-right:1px solid #f3f3f3; background:#fff; padding:35px 0 30px 0; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
.main_o ul li img{ display:inline-block; text-align:center; -moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.main_o ul li h4{ font-size:24px; line-height:18px; color:#2870cb; padding:25px 0 10px 0}
.main_o ul li p{ color:#888888; line-height:18px;}
.main_o ul li dl{ padding-top:30px;}
.main_o ul li dl dt{ font-size:14px; color:#185aae; line-height:14px; padding-bottom:10px;}
.main_o ul li dl dd{ display:inline-block; width:80px; height:25px; line-height:25px; border:1px solid #e8e8e8; color:#999; font-size:12px;}
.main_o ul li a:hover h4{ color:#185aae;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
.main_o ul li a:hover dl dd{ border-color:#185aae; background:#185aae; color:#fff;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
.main_o ul li:hover{-webkit-box-shadow:0 5px 20px rgba(4,0,0,0.1); -moz-box-shadow:0 5px 20px rgba(4,0,0,0.1); box-shadow:0 5px 20px rgba(4,0,0,0.1); z-index:1}
.main_o ul li i{ display:block; width:33px; height:72px; background:url(../images/n_main_7.gif) no-repeat; position:absolute; left:0; top:0;}
.main_o ul li i span{ font-size:14px; line-height:20px; width:14px; text-align:center; color:#fff; display:inline-block; padding-top:9px;}

.main_t{ width:100%; padding-bottom:65px;}
.main_t li{ width:300px; float:left; text-align:center; overflow:hidden;}
.main_t li img{ display:inline-block;}
.main_t li h4{ color:#333; font-size:18px; line-height:18px; padding:18px 0 8px;}
.main_t li p{ color:#666666; font-size:12px; line-height:20px;}

.main_s{ height:550px; width:100%; background:url(../images/n_main_2.jpg) no-repeat center;}
.main .main_s .tit{ color:#fff}
.main_s .tit span{ color: #fff;}
.main_s ul{ margin-top:20px;}
.main_s ul li{ float:left; width:160px; height:160px; font-size:18px; margin:0 48px 0 0; text-align:center; color:#fff; background:#5197F0; -moz-border-radius:50%;-webkit-border-radius:50%; border-radius:50%; position:relative;}
.main_s ul li p{ padding-top:90px; background:url(../images/n_main_3.png) no-repeat ; background-position:56px 35px}
.main_s ul li i{ color:#fff; display:block; font-size:12px;}
.main_s ul li b{ display:block; font-size:12px; line-height:14px; width:44px; height:44px; right:1px; top:0; color:#185aae; -moz-border-radius:50%;-webkit-border-radius:50%; border-radius:50%; font-weight:bold;}
.main_s ul li b em{ padding-top:8px; display:block}
.main_s ul li.li-t p{background-position:-152px 35px}
.main_s ul li.li-s p{background-position:-359px 35px}
.main_s ul li.li-f p{background-position:-568px 35px}
.main_s ul li.li-w p{background-position:-777px 35px}
.main_s ul li.li-l p{background-position:-983px 35px}
.main_s ul li.li-l{ margin-right:0;}
.main_s p.tip{ text-align:center; font-size:16px; color:#fff; margin-top:90px;}
.main-s p.tips{ color: #fff;}
.main-f{ background:#fff; padding-bottom:65px;}
.main-f p.tip{ font-size:14px; color:#666; text-align:center; margin-top:45px;}

.main-f p.tip span{ color:#185aae}
.main-f li{ position:relative; width:352px; height:421px; float:left; margin-right:48px;}
.main-f li .li-bor{ border:1px solid #c9c9c9; width:320px; height:330px; position:absolute; left:0; top:43px;}
.main-f li .li-bg{ background:#e35b29; width:320px; height:340px; position:absolute; left:11px; top:22px;}
.main-f li .li-img{width:320px; height:320px; position:absolute; left:24px; top:12px;}
.main-f li .li-tit{ width:335px; height:90px; line-height:100px; color:#fff; font-size:18px; text-indent:38px; position:absolute; bottom:0; right:0; background:#ff8254}
.main-f li.li-t .li-bg{ background:#ffa32e}
.main-f li.li-t .li-tit{ background:#ffbb62}
.main-f li.li-s{ margin-right:0}
.main-f li.li-s .li-bg{ background:#7ab311}
.main-f li.li-s .li-tit{ background:#add85e}

.main_l{ padding:20px 0; border-top:1px solid #f2f2f2; background:#fff;}
.main_l p{ font-size:12px; line-height:24px; width:1200px; margin:0 auto;}
.main_l p a{ color:#999; display:inline-block; margin:0 20px 0 10px;}
.main_l p a:hover{ color:#185aae}


.main_w_r{ width:228px; margin-right:40px;}

.check-main-sea{width:1200px; height:74px; background:#185aae; position:relative; margin:-74px auto auto auto; z-index:3}
.check-main-sea .sea-m{ padding:14px 0 0 24px; color:#333; font-size:14px;}
.check-main-sea .sea-m img{ margin-right:25px;}
.check-main-sea .sea-m-o{ position:relative;}
.check-main-sea .sea-m-o p{ height:46px; line-height:46px; width:140px; background:#fff; text-align:center; cursor:pointer; border-right:1px solid #d4d4d4}
.check-main-sea .sea-m-o p span{ background:url(../images/check_2.png) no-repeat right center; padding-right:20px;}
.check-main-sea .sea-m-o p:hover{ background-color: #f2f2f2;}
.check-main-sea .sea-m-o ul{ position:absolute; left:0; top:46px; background:#f2f2f2; width:140px; text-align:center; display:none;}
.check-main-sea .sea-m-o ul li{ line-height:50px; cursor:pointer;}
.check-main-sea .sea-m-o ul li:hover{ background:#f9f9f9}
.check-main-sea .sea-m-t input{ width:650px; height:46px; line-height:46px; font-size:14px; color:#333; font-family:"Microsoft Yahei","微软雅黑"; padding:0 12px;}
.check-main-sea a{ height:46px; line-height:46px; background:#ffba00; width:160px; text-align:center; color:#fff; font-size:21px; display:block;}
.check-main-sea a:hover{ background:#e5a700; color: #fff}

/*滑动动画*/
.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}