@charset "utf-8";
body{overflow-x: hidden;}
.sec-shadow-box li a,
.sec-shadow-box li p,
.sec-cxzq li a img{-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}

.sec-cxzq li a:hover img{transform: translateY(-10px);-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-o-transform: translateY(-10px);}

.sec-shadow-box ul{margin-left: -15px; margin-right: -15px;}
.sec-shadow-box li{width: 33.33%;float: left;}
.sec-shadow-box li a{display: block;text-align: center;margin: 30px 15px 0;background: #fff;border-radius: 10px;padding:40px 10px;}
.sec-shadow-box li p{font-size: 1.6em;font-weight: bold;text-align: center;}
.sec-shadow-box li p>*{display: inline-block;vertical-align: middle;line-height: 1.2;}

.btit{text-align: center;position: relative;}
.btit a{display: inline-block; font-size: 2em;color:#c5403d;font-weight: bold;line-height: 1.2;}
.btit a:before,
.btit a:after{content:"";display: block;width: 37%; height: 100%; position: absolute;top: 0;left:0;right:100%;background: url(../images/index/btit_line_l.png;vpn_img) no-repeat right center;background-size: 100% auto;}
.btit a:after{right:0;left:auto;background-image: url(../images/index/btit_line_r.png;vpn_img);background-position: left center;}

/* 首页资讯 */
.sec-menu{overflow:visible;}
.sec-menu li i{display: block;margin:0 auto 5px;width: 120px;height: 106px;background: url(../images/index/menu_icon_01.png;vpn_img) no-repeat center;background-size: auto 90%;}
.sec-menu .li_csbb i{background-image: url(../images/index/menu_icon_02.png;vpn_img);}
.sec-menu .li_szfld i{background-image: url(../images/index/menu_icon_03.png;vpn_img);}
.sec-menu .li_zcwj i{background-image: url(../images/index/menu_icon_04.png;vpn_img);}
.sec-menu .li_zcjd i{background-image: url(../images/index/menu_icon_05.png;vpn_img);}
.sec-menu .li_cjwt i{background-image: url(../images/index/menu_icon_06.png;vpn_img);}
.sec-menu li a:hover{
  color:#333;
  box-shadow: 0 0 63px rgba(16,68,121,.15);
  -webkit-box-shadow: 0 0 63px rgba(16,68,121,.15);
  -moz-box-shadow: 0 0 63px rgba(16,68,121,.15);
  -o-box-shadow: 0 0 63px rgba(16,68,121,.15);
  -ms-box-shadow: 0 0 63px rgba(16,68,121,.15);
}

/* 专区 */
.sec-zqs .hd{border-top: #bb5453 2px solid;}
.sec-zqs .hd ul li{float: left; width: 33.3333%; font-size: 2em; text-align: center; font-weight: bold;}
.sec-zqs .hd ul li a{display: block; position: relative; height: 90px; line-height: 90px; padding-left: 53px; padding-right: 53px;}
.sec-zqs .hd ul li span{display: block; background: #eeeeee; color: #666666;}
.sec-zqs .hd ul li.on span{background: #bb5453; color: #fff;}
.sec-zqs .hd ul li a:before,
.sec-zqs .hd ul li a:after{content: ''; width: 53px; height: 100%; background: url(../images/index/home_tab_radius.png;vpn_img) no-repeat; position: absolute; top: 0;}
.sec-zqs .hd ul li a:before{left: 0;}
.sec-zqs .hd ul li a:after{right: 0; background-position: right 0;}
.sec-zqs .hd ul li.on a:before,
.sec-zqs .hd ul li.on a:after{background-image: url(../images/index/home_tab_radius_on.png;vpn_img);}

.sec-zqs .bd{padding-left: 30px;padding-right: 30px; padding-bottom: 30px; padding-top: 10px;}
.sec-zqs .bd .btit{display: none;}


/* 服务专区 */
.sec-fwzq li a{
  position: relative;
  box-shadow: 0 0 33px rgba(16,68,121,.15);
  -webkit-box-shadow: 0 0 33px rgba(16,68,121,.15);
  -moz-box-shadow: 0 0 33px rgba(16,68,121,.15);
  -o-box-shadow: 0 0 33px rgba(16,68,121,.15);
  -ms-box-shadow: 0 0 33px rgba(16,68,121,.15);
  border: 1px solid #fff;
}
.sec-fwzq li a:before{content:"";position: absolute;left: 16px;bottom:16px;right:16px;top:16px;background: url(../images/index/fwzq_bg_01.png;vpn_img) no-repeat center bottom;background-size: 100%;}
.sec-fwzq li a p{display: inline-block;margin: -4px 0 121px; color:#bb5453;line-height: 1.1;padding-bottom: 15px;border-bottom: 1px solid #c5403d;}
.sec-fwzq .li_ylj a:before{background-image: url(../images/index/fwzq_bg_02.png;vpn_img);}
.sec-fwzq .li_txgl a:before{background-image: url(../images/index/fwzq_bg_03.png;vpn_img);}
.sec-fwzq .li_hjfw a:before{background-image: url(../images/index/fwzq_bg_04.png;vpn_img);}
.sec-fwzq .li_wthd a:before{background-image: url(../images/index/fwzq_bg_05.png;vpn_img);}
.sec-fwzq .li_grsb a:before{background-image: url(../images/index/fwzq_bg_06.png;vpn_img);}
.sec-fwzq li a:hover{border-color:#bb5453;}

/* 查询专区 */
.sec-cxzq li{width: 25%;}
.sec-cxzq li a{
  padding: 0 10px;height: 190px;line-height: 190px;
  background:url(../images/index/cxzq_bg_01.png;vpn_img) no-repeat;
  background-size: 100% 100%;
  /*background:#d94040; 
  background: linear-gradient(125deg,#e96e6d, #d94040);
  background: -webkit-linear-gradient(125deg,#e96e6d, #d94040);
  background: -moz-linear-gradient(125deg,#e96e6d, #d94040);
  background: -o-linear-gradient(125deg,#e96e6d, #d94040); */
}
.sec-cxzq li a .box{display: inline-block;vertical-align: middle;line-height: 1;margin-top: -3px;}
.sec-cxzq li a img{display: block;margin: 0 auto 20px;}
.sec-cxzq li a p{color:#fff;opacity: .8;line-height: 1.1;display: inline-block;vertical-align: middle;}
.sec-cxzq li a:hover p{opacity: 1;}
/* .sec-cxzq li a:hover{background: #d94040;} */

.sec-cxzq .c2 a{background-image:url(../images/index/cxzq_bg_02.png;vpn_img)}
/* .sec-cxzq .c2 a:hover{background: #d85633;} */
.sec-cxzq .c3 a{background-image:url(../images/index/cxzq_bg_03.png;vpn_img)}
/* .sec-cxzq .c3 a:hover{background: #d88433;} */
.sec-cxzq .c4 a{background-image:url(../images/index/cxzq_bg_04.png;vpn_img)}
/* .sec-cxzq .c4 a:hover{background: #d8ab33;} */
.sec-cxzq .c5 a{background-image:url(../images/index/cxzq_bg_05.png;vpn_img)}
/* .sec-cxzq .c5 a:hover{background: #3b7de3;} */
.sec-cxzq .c6 a{background-image:url(../images/index/cxzq_bg_06.png;vpn_img)}
/* .sec-cxzq .c6 a:hover{background: #1b89c8;} */
.sec-cxzq .c7 a{background-image:url(../images/index/cxzq_bg_07.png;vpn_img)}
/* .sec-cxzq .c7 a:hover{background: #12a9bb;} */
.sec-cxzq .c8 a{background-image:url(../images/index/cxzq_bg_08.png;vpn_img)}
/* .sec-cxzq .c8 a:hover{background: #1aae9b;} */

/* 应用场景 */
.sec-yycj li a p{color:#5373bb;border-color:#4266b4;}
.sec-yycj .li_jtcx a:before{background-image: url(../images/index/yycj_bg_01.png;vpn_img);}
.sec-yycj .li_ylws a:before{background-image: url(../images/index/yycj_bg_02.png;vpn_img);}
.sec-yycj .li_shbz a:before{background-image: url(../images/index/yycj_bg_03.png;vpn_img);}
.sec-yycj li a:hover{border-color:#5373bb;}

.sec-zzfwzq a{display: block;border-radius: 5px;overflow: hidden;}
.sec-zzfwzq img{display: block;max-width: 100%;}
.sec-zzfwzq .img-m{display: none;}

@media (max-width:1200px){
  .sec-fwzq li a p{margin-bottom:91px;}
  .sec-cxzq li{width: 33.33%;}
  /* .sec-zqs{padding-left: 30px;padding-right: 30px;overflow-x: hidden;} */
}
@media (max-width:992px){
  .sec-zqs .hd{display: none;}
  .sec-zqs .bd{padding-top: 0;}
  .sec-zqs .bd > div{display: block !important;}
  .sec-zqs .bd .btit{display: block;}
  .btit a{font-size: 1.7em;}
  .btit a:before, .btit a:after{width: 35%;background-size: auto 27%;}
  .sec-menu li i{height: 70px;}
  .sec-shadow-box li a{padding: 30px 10px;}
  .sec-shadow-box li p{font-size: 1.375em;}

  .sec-fwzq li a{padding-top: 24px;}
  .sec-fwzq li a p{margin-bottom: 71px;}
  .sec-cxzq li a{padding:0;height: 160px;line-height: 160px;}
  .sec-cxzq li a img{height: 50px;}
}

@media (max-width:768px){
  .sec-zzfwzq img{display: none;}
  .sec-zzfwzq .img-m{display: block;}

  .sec-shadow-box li p{font-size: 1.25em;}
}
@media (max-width:640px){
  .btit a:before, .btit a:after{width: 30%;}
  .sec-shadow-box li{width: 50%;}
}

@media (max-width:520px){
  .btit a{font-size: 1.5em;}
  .btit a:before, .btit a:after{width: 23%;}

  .sec-shadow-box ul{margin: -14px -10px 0;}
  .sec-shadow-box li a{margin: 20px 10px 0;}
  .sec-shadow-box li p{font-size: 1.125em;}

  .sec-zqs .bd{padding-left: 20px;padding-right: 20px;padding-bottom: 20px;}

  .sec-fwzq li a{padding-top: 10%;}
  .sec-fwzq li a:before{left: 10px;right:10px;bottom:10px;top: 40%;background-size: cover;border-radius: 5px;}
  .sec-fwzq li a p{margin-bottom: 42%;}

  .sec-menu li i{height: 55px;}

  .sec-fwzq li a p{margin-bottom: 61px;}
  .sec-cxzq li a{height: 140px;line-height: 140px;}
  .sec-cxzq li a img{height: 42px;}
}