@charset "utf-8";
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,blockquote{margin:0; padding:0; font-family:'微软雅黑', 'Microsoft YaHei', Arial, Helvetica, sans-serif; font-size:14px; color:#333;}
body{font-family:'微软雅黑', 'Microsoft YaHei', Arial, Helvetica, sans-serif; font-size:14px; color:#333; background:#f4f4f4;}
a{color:#333; cursor:pointer; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:hover,
a:focus{color:#004ea1; text-decoration:none;}
.blank30{height:30px; overflow:hidden;}
.red{color:#f00;}
li{list-style:none;}
p{padding:0;}
input::-webkit-input-placeholder{color:#ccc; font-weight:normal;}
input:-moz-placeholder{color:#ccc; font-weight:normal;}
input::-moz-placeholder{color:#ccc; font-weight:normal;}
input:-ms-input-placeholder{color:#ccc; font-weight:normal;}
textarea::-webkit-input-placeholder{color:#ccc; font-weight:normal;}
textarea:-moz-placeholder{color:#ccc; font-weight:normal;}
textarea::-moz-placeholder{color:#ccc; font-weight:normal;}
textarea:-ms-input-placeholder{color:#ccc; font-weight:normal;}
.form-input{width:100%; background:#fff; border:1px solid #ccc; font-size:14px; color:#333; height:50px; line-height:50px; padding:5px 5px 5px 90px; outline:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
.form-area{width:100%; background:#fff; border:1px solid #ccc; font-size:14px; color:#333; line-height:180%; padding:5px 5px; overflow:auto; outline:none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.form-submit{display:inline-block; width:100%; text-align:center; background:#0051a2; padding:5px 30px; overflow:hidden; font-size:18px; color:#fff; line-height:40px; letter-spacing:0.06em; margin:0; border:0; cursor:pointer; outline:none;}
.form-submit-over{background:#00478e;}

.float-left{float:left;}
.float-right{float:right;}
.col-sm-3td{position:relative; min-height:1px; padding-right:15px; padding-left:15px;}
@media (min-width: 768px){
.col-sm-3td{float:left;}
.col-sm-3td{width:20%;}
}

@media (max-width: 768px){
.content{width:100%; margin:0 auto; overflow:hidden;}
.container{width:96%; max-width:1200px; margin:0 auto; padding:0;}

header{display:block; position:fixed; top:0; z-index:100; width:100%; background:#fff; box-shadow:0 2px 4px 0 rgba(0,0,0,.1);}

header .top{width:100%;}

header .logo{display:inline-block; float:left; margin:5px 20px 5px 10px;}
header .logo img{display:block; width:auto; height:40px;}

.navbar-button{display:inline-block; position:absolute; right:10px; top:12.5px; width:25px; height:25px; background:transparent; border:none; cursor:pointer; outline:none;}
.navbar-button span{position:absolute; left:0; width:100%; height:1px; background:#000; transition:all 0.2s ease-out;}
.navbar-button span:nth-of-type(1){top:3px;}
.navbar-button span:nth-of-type(2){top:50%; transform:translatey(-50%);}
.navbar-button span:nth-of-type(3){bottom:3px;}
.navbar-button-active span{background:#000;}
.navbar-button-active span:nth-of-type(1){top:50%; transform:rotate(45deg) translatey(-50%);}
.navbar-button-active span:nth-of-type(2){width:0; left:50%; opacity:0;}
.navbar-button-active span:nth-of-type(3){bottom:50%; transform:rotate(-45deg) translatey(50%);}

header .phone{display:inline-block; position:absolute; right:50px; top:15px;}
header .phone i{display:inline-block; transform:rotate(-45deg); margin-right:0; font-size:20px; font-weight:normal;}
header .phone strong{display:none; font-size:24px; color:#333; font-weight:bold;}
header .phone strong span{display:none;}

header .collapse{display:;}
header .container > .navbar-collapse{margin-left:0; margin-right:0;}
header .navbar-collapse{float:none; width:100%; margin:0 auto; padding:0; border-top:none; background:#eee; box-shadow:none;}
header .navbar-nav{float:none; margin:0 auto; width:100%;}
header .navbar-nav li{float:none; border-bottom:1px solid #e6e6e6;}
header .navbar-nav li a.tag{display:block; padding:0 20px; font-size:14px; text-align:center; cursor:pointer; line-height:60px; border-bottom:none; background:#f2f2f2;}
header .navbar-nav li a.active,
header .navbar-nav li a.tag:hover,
header .navbar-nav li a.tag:focus{color:#004ea1;}
header .navbar-nav li a.tag::before{width:0; height:2px; position:absolute; bottom:17px; left:50%; transform:translateX(-50%); background:#004ea1; content:"";}
header .navbar-nav li a.tag:hover::before{width:0;}
header .navbar-nav.swiper-wrapper{justify-content:left;}
header .navbar-nav li.swiper-slide{width:auto;}
}

@media (min-width: 992px){
.content{width:100%; margin:0 auto; overflow:hidden;}
.container{width:96%; max-width:1200px; margin:0 auto; padding:0;}

header{display:block; position:fixed; top:0; z-index:100; width:100%; background:#fff; box-shadow:0 2px 4px 0 rgba(0,0,0,.1);}

header .top{width:100%;}

header .logo{display:inline-block; float:left; margin:10px 20px 10px 10px;}
header .logo img{display:block; width:100%; height:auto;}

.navbar-button{display:none;}

header .phone{display:inline-block; position:absolute; right:10px; top:18px;}
header .phone i{display:inline-block; transform:rotate(-45deg); margin-right:0; font-size:24px; font-weight:normal;}
header .phone strong{display:none; font-size:24px; color:#333; font-weight:bold;}
header .phone strong span{display:none;}

header .collapse{display:inline-block;}
header .navbar-collapse{float:left; width:auto; margin:0 auto; padding:0; border-top:none; background:#fff; box-shadow:none;}
header .navbar-nav{float:none; margin:0 auto; width:100%;}
header .navbar-nav li{float:left;}
header .navbar-nav li a.tag{display:block; padding:0 20px; font-size:14px; text-align:center; cursor:pointer; line-height:60px; border-bottom:none;}
header .navbar-nav li a.active,
header .navbar-nav li a.tag:hover,
header .navbar-nav li a.tag:focus{color:#004ea1;}
header .navbar-nav li a.tag::before{width:0; height:2px; position:absolute; bottom:17px; left:50%; transform:translateX(-50%); background:#004ea1; content:"";}
header .navbar-nav li a.tag:hover::before{width:0;}
header .navbar-nav.swiper-wrapper{justify-content:left;}
header .navbar-nav li.swiper-slide{width:auto;}
}

@media (min-width: 1200px){
.content{width:100%; margin:0 auto; overflow:hidden;}
.container{width:100%; max-width:1200px; margin:0 auto; padding:0;}

header{display:block; position:fixed; top:0; z-index:100; width:100%; background:#fff; box-shadow:0 2px 4px 0 rgba(0,0,0,.1);}

header .top{width:100%;}

header .logo{display:inline-block; float:left; margin:10px 20px 10px 10px;}
header .logo img{display:block; width:100%; height:auto;}

header .phone{display:inline-block; position:absolute; right:10px; top:13px;}
header .phone i{display:inline-block; transform:rotate(-45deg); margin-right:5px; font-size:24px; font-weight:normal;}
header .phone strong{display:inline-block; font-size:24px; color:#333; font-weight:normal;}
header .phone strong span{display:none;}

header .navbar-collapse{float:left; width:auto; margin:0 auto; padding:0; border-top:none; background:#fff; box-shadow:none;}
header .navbar-nav{float:none; margin:0 auto; width:100%;}
header .navbar-nav li{float:left;}
header .navbar-nav li a.tag{display:block; position:relative; padding:0 20px; font-size:14px; text-align:center; cursor:pointer; line-height:60px; border-bottom:none;}
header .navbar-nav li a.active,
header .navbar-nav li a.tag:hover,
header .navbar-nav li a.tag:focus{color:#004ea1;}
header .navbar-nav li a.tag::before{width:0; height:2px; position:absolute; bottom:17px; left:50%; transform:translateX(-50%); background:#004ea1; content:"";}
header .navbar-nav li a.tag:hover::before{width:calc(100% - 40px);}
header .navbar-nav.swiper-wrapper{justify-content:left;}
header .navbar-nav li.swiper-slide{width:auto;}
}

footer{display:block; width:100%; padding:10px 0 0 0; color:#73777a; overflow:hidden; background:#181818;}
footer a{color:#73777a;}
footer a:hover{color:#fff; text-decoration:none;}

footer .wangzhanjianshe{float:left; width:50%; font-size:14px; margin-right:0; margin-bottom:10px;}
footer .wangzhanjianshe dt{margin-bottom:10px; padding:0; width:100%; font-size:14px; font-weight:bold; color:#9b9ea0; text-align:center;}
footer .wangzhanjianshe dd{width:100%; color:#73777a; line-height:180%; text-align:center;}
footer .wangzhanjianshe dd.wechat{text-align:center;}
footer .wangzhanjianshe dd img{display:inline-block; max-width:auto; height:auto;}

footer .copyright{width:100%; border-top:1px solid #4b5054; padding:10px 0; text-align:center;}
footer .gongan{display:inline-block; margin-left:10px; padding-left:25px; line-height:20px; background:url("../images/gongan.png") no-repeat left center;}

@media (min-width: 768px){
footer{display:block; width:100%; padding:20px 0 0 0; color:#73777a; overflow:hidden; background:#181818;}
footer a{color:#73777a;}
footer a:hover{color:#fff; text-decoration:none;}

footer .wangzhanjianshe{float:left; width:33.33%; font-size:14px; margin-right:0; margin-bottom:10px;}
footer .wangzhanjianshe dt{margin-bottom:10px; padding:0; width:100%; font-size:14px; font-weight:bold; color:#9b9ea0; text-align:left;}
footer .wangzhanjianshe dd{width:100%; color:#73777a; line-height:220%; text-align:left;}
footer .wangzhanjianshe dd.wechat{text-align:right;}
footer .wangzhanjianshe dd img{display:inline-block; max-width:auto; height:auto;}

footer .copyright{width:100%; border-top:1px solid #4b5054; padding:10px 0; text-align:center;}
footer .gongan{display:inline-block; margin-left:10px; padding-left:25px; line-height:20px; background:url("../images/gongan.png") no-repeat left center;}
}

@media (min-width: 992px){
footer{display:block; width:100%; padding:20px 0 0 0; color:#73777a; overflow:hidden; background:#181818;}
footer a{color:#73777a;}
footer a:hover{color:#fff; text-decoration:none;}

footer .wangzhanjianshe{float:left; width:20%; font-size:14px; margin-right:0; margin-bottom:20px;}
footer .wangzhanjianshe dt{margin-bottom:10px; padding:0; width:100%; font-size:14px; font-weight:bold; color:#9b9ea0; text-align:left;}
footer .wangzhanjianshe dd{width:100%; color:#73777a; line-height:220%; text-align:left;}
footer .wangzhanjianshe dd.wechat{text-align:right;}
footer .wangzhanjianshe dd img{display:inline-block; max-width:auto; height:auto;}

footer .copyright{width:100%; border-top:1px solid #4b5054; padding:10px 0; text-align:center;}
footer .gongan{display:inline-block; margin-left:10px; padding-left:25px; line-height:20px; background:url("../images/gongan.png") no-repeat left center;}
}

/*index*/
.main .banner{display:block; width:100%; max-width:1200px; margin:50px auto 0;}
.content .banner{display:block; width:100%; margin:50px auto 0;}
@media (min-width: 992px){
.main .banner{display:block; width:100%; max-width:1200px; margin:60px auto 0;}
.content .banner{display:block; width:100%; margin:60px auto 0;}
}

.swiper-banner{margin-left:auto; margin-right:auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1;}
.swiper-banner{--swiper-theme-color:#fff; --swiper-navigation-color:#009561;}
/*.swiper-banner img{backface-visibility:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden;}*/
/*.swiper-banner .swiper-slide{background-size:cover; background-position:center; background-repeat:no-repeat; padding-top:27.6%; position:relative;}
.swiper-banner .swiper-slide a{position:absolute; left:0; top:0; display:block; width:100%; height:100%; z-index:1; background:transparent;}
.swiper-banner .swiper-slide a:hover,.swiper-banner .swiper-slide a:focus{background:transparent;}*/
.swiper-banner .swiper-slide{z-index:1;}
.swiper-banner .swiper-lazy-preloader{z-index:0;}
.swiper-banner .swiper-pagination-bullet{width:30px; height:4px; display:inline-block; border-radius:0; background:#fff; opacity:0.4;}
.swiper-banner .swiper-pagination-bullet-active{opacity:1; background:#fff;}

section{display:block; width:96%; margin:20px auto; background:#fff;}
@media (min-width: 1200px){
section{display:block; width:100%; max-width:1200px; margin:20px auto; background:#fff;}
}
.max-width-none{width:100%; max-width:none;}
.margin-none{margin:0 auto;}
.padding{padding:30px 0;}
.background-none{background:none;}

.business{width:100%; max-width:1200px; margin:0 auto;}
.business li{float:left; padding:20px 10px; text-align:center; cursor:pointer;}
.business li:last-child{border-right:none;}
.business dt{font-size:14px; color:#333; line-height:180%; padding-top:10px;}
.business dd{font-size:14px; color:#999; line-height:150%;}
.business dd span{display:block; border:1px solid #4eadfc; background:#4eadfc; border-radius:100%; margin:0 auto; width:96px; height:96px; line-height:96px; text-align:center;}
.business dd span img{display:inline-block; width:48px; margin:0 auto;}
.business li span{animation:1.5s linear infinite; -webkit-animation:1.5s linear infinite;}
.business li:hover span{animation-name:bounce; -webkit-animation-name:bounce; animation-iteration-count:1; -moz-animation-iteration-count:1; -webkit-animation-iteration-count:1; -o-animation-iteration-count:1;}
@media (max-width: 767px){
.business li{float:left; padding:10px 5px; text-align:center; cursor:pointer;}
.business dd span{display:block; border:1px solid #4eadfc; background:#4eadfc; border-radius:100%; margin:0 auto; width:70px; height:70px; line-height:70px; text-align:center;}
.business dd span img{display:inline-block; width:40px; margin:0 auto;}
}

@media (min-width: 768px){
.business li{float:left; width:20%; padding:20px 10px; text-align:center; cursor:pointer;}
.business dd.brief{height:85px; overflow:hidden;}
}

@media (min-width: 992px){
.business dd.brief{height:60px; overflow:hidden;}
}

@media (min-width: 1200px){
.business dd.brief{height:42px; overflow:hidden;}
}

.fuwuqi-left{float:left; width:300px; height:550px; background:url("../images/fuwuqi.png") no-repeat left top; color:#fff;}
.fuwuqi-right{float:right; width:calc(100% - 300px);}

@media (max-width: 768px){
.fuwuqi-left{float:left; width:0;}
.fuwuqi-right{float:right; width:100%;}
}

.fuwuqi-left dl{padding:20px 20px 20px;}
.fuwuqi-left dt{font-size:24px; font-weight:normal; color:#fff; padding-bottom:10px; border-bottom:1px solid #5a92fc; margin-bottom:5px;}
.fuwuqi-left dt strong{font-weight:normal;}
.fuwuqi-left dd{padding:5px 0; color:#d3e2fe; line-height:150%;}

.nav-tabs{border-bottom:1px solid #ededed;}
.nav-tabs > li > a{margin-right:2px; line-height:1.42857143; border:1px solid transparent; border-radius:0 0 0 0; font-weight:bold; font-size:14px;}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{color:#333; cursor:default; background-color:#fff; border:1px solid #ededed; border-bottom-color:transparent;}

.tab-pane dl{margin-top:15px;}
.tab-pane dl:hover{box-shadow:0 0 15px 0 rgba(0,0,0,.1); transition:box-shadow .3s ease-out;}
.tab-pane dt{font-weight:normal; font-size:14px; color:#333; line-height:200%;}
.tab-pane dd{font-size:12px; color:#999; line-height:250%;}
.tab-pane dd span{font-weight:bold; font-size:14px; color:#ff6a00;}

@media (max-width: 767px){
.tab-pane dt img{height:51px;}
.tab-pane dd{font-size:12px; color:#999; line-height:200%;}
.tab-pane dd span{font-weight:bold; font-size:13px; color:#ff6a00;}
}

.zuowangzhan-left{float:left; width:300px; height:290px; overflow:hidden; background:url("../images/zuowangzhan.png") no-repeat left top; color:#fff;}
.zuowangzhan-right{float:right; width:calc(100% - 300px);}

@media (max-width: 768px){
.zuowangzhan-left{float:left; width:0;}
.zuowangzhan-right{float:right; width:100%;}
}

.zuowangzhan-left dl{padding:20px 20px 20px;}
.zuowangzhan-left dt{font-size:24px; font-weight:normal; color:#fff; padding-bottom:10px; border-bottom:1px solid #5a92fc; margin-bottom:5px;}
.zuowangzhan-left dt strong{font-weight:normal;}
.zuowangzhan-left dd{padding:5px 0; color:#d3e2fe; line-height:150%;}

.zuowangzhan-right dl{padding-top:15px; border-right:1px solid #ededed; border-bottom:1px solid #ededed;}
.zuowangzhan-right dl:hover{box-shadow:0 0 15px 0 rgba(0,0,0,.1); transition:box-shadow .3s ease-out;}
.zuowangzhan-right dt{font-weight:normal; font-size:14px; color:#333; line-height:200%;}
.zuowangzhan-right dt strong{font-weight:normal;}
.zuowangzhan-right dd{min-height:24px; font-size:12px; color:#999; line-height:200%;}
.zuowangzhan-right dd a{display:block; font-weight:bold; font-size:14px; color:#ff6a00;}
.zuowangzhan-right dd.note{height:77.5px; overflow:hidden;}

.zuowangzhan-right dl:nth-child(3n+0){border-right:none; border-bottom:1px solid #ededed;}
.zuowangzhan-right dl:nth-child(n+4){border-bottom:none;}

@media (max-width: 767px){
.zuowangzhan-right dl:nth-child(even){border-right:none;}
.zuowangzhan-right dl:nth-child(3n+0){border-right:1px solid #ededed; border-bottom:1px solid #ededed;}
.zuowangzhan-right dl:nth-child(n+4){border-bottom:1px solid #ededed;}
}

@media (max-width: 767px){
.heading{display:inline-block; position:relative; margin-top:10px; margin-bottom:10px; width:100%; font-size:16px; color:#333; font-weight:bold; line-height:normal; text-align:left;}
}
@media (min-width: 768px){
.heading{display:inline-block; position:relative; margin-top:15px; margin-bottom:15px; width:100%; font-size:16px; color:#333; font-weight:bold; line-height:normal; text-align:left;}
}
.heading a{position:absolute; top:3px; right:0; display:block; font-size:12px; font-weight:normal; color:#666; animation:1.5s linear infinite; -webkit-animation:1.5s linear infinite;}
.heading a:hover{animation-name:headShake; -webkit-animation-name:headShake;}

.wangzhan-tabs{width:100%; max-width:600px; margin:0 auto; padding:20px 0;}
.wangzhan-tabs li{display:inline-block; margin-right:0; position:relative;}
.wangzhan-tabs li > a{display:block; line-height:150%; border:none; padding:12px 0; border-radius:0 0 0 0; font-weight:normal; font-size:16px; text-align:center;}
.wangzhan-tabs li.active > a,
.wangzhan-tabs li.active > a:hover,
.wangzhan-tabs li.active > a:focus{color:#358de2; cursor:default; background-color:none; padding:12px 0;}
.wangzhan-tabs li.active > a::before{width:130px; height:2px; position:absolute; bottom:0px; left:50%; transform:translateX(-50%); background:#358de2; content:"";}
@media (min-width: 1200px){
.wangzhan-tabs{width:100%; max-width:600px; margin:0 auto; padding:30px 0;}
.wangzhan-tabs li{display:inline-block; margin-right:0; position:relative;}
.wangzhan-tabs li > a{display:block; line-height:150%; border:none; padding:12px 0; border-radius:0 0 0 0; font-weight:normal; font-size:16px; text-align:center;}
.wangzhan-tabs li.active > a,
.wangzhan-tabs li.active > a:hover,
.wangzhan-tabs li.active > a:focus{color:#358de2; cursor:default; background-color:none; padding:12px 0;}
.wangzhan-tabs li.active > a::before{width:130px; height:2px; position:absolute; bottom:0px; left:50%; transform:translateX(-50%); background:#358de2; content:"";}
}

.wangzhan-intro{width:96%; max-width:1200px; margin:0 auto 20px auto; background:none; padding:0; font-size:16px; line-height:200%;}
@media (min-width: 1200px){
.wangzhan-intro{width:100%; max-width:1200px; margin:0 auto 20px auto; background:none; padding:0; font-size:16px; line-height:200%;}
}

.anli{width:96%; margin:0 auto;}
@media (min-width: 1200px){
.anli{width:100%; max-width:1200px; margin:0 auto;}
}

@media (max-width: 767px){
.anli .row{margin:0 -5px;}
.anli li{margin-bottom:0; padding:0 5px;}
.anli li figure{width:100%; overflow:hidden; border-radius:5px 5px 0 0; box-shadow:0 0 10px 0 rgba(0,0,0,0.2);}
.anli li figure figcaption{width:100%; overflow:hidden; background:#a7bbc8;}
.anli li figure figcaption span{display:inline-block; margin-left:5px; width:6px; height:6px; border-radius:100%; background:#fff;}
.anli li figure figcaption span:first-child{margin-left:5px;}
.anli li figure .pic{display:block; width:100%; height:46.67vw; overflow:hidden; background-color:#fff;}
.anli li figure .pic img{position:relative; display:block; max-width:100%; height:auto;}
.anli li h3{display:block; width:100%; height:60px; line-height:120%; overflow:hidden; margin-top:10px; font-weight:normal; font-size:14px;}
.anli li .price{display:block; width:100%; line-height:150%; overflow:hidden; font-size:18px; color:#f00;}
}

@media (min-width: 768px){
.anli .row{margin:0 -15px;}
.anli li{margin-bottom:20px; padding:0 15px;}
.anli li figure{width:100%; overflow:hidden; border-radius:5px 5px 0 0; box-shadow:0 0 10px 0 rgba(0,0,0,0.2);}
.anli li figure figcaption{width:100%; overflow:hidden; background:#a7bbc8;}
.anli li figure figcaption span{display:inline-block; margin-left:5px; width:6px; height:6px; border-radius:100%; background:#fff;}
.anli li figure figcaption span:first-child{margin-left:5px;}
.anli li figure .pic{display:block; width:100%; height:35.16vw; overflow:hidden; background-color:#fff;}
.anli li figure .pic img{position:relative; display:block; max-width:100%; height:auto;}
.anli li h3{display:block; width:100%; height:auto; line-height:150%; overflow:hidden; margin-top:10px; font-weight:normal; font-size:14px;}
.anli li .price{display:block; width:100%; line-height:200%; overflow:hidden; font-size:18px; color:#f00;}
}

@media (min-width: 992px){
.anli .row{margin:0 -15px;}
.anli li{margin-bottom:30px; padding:0 15px;}
.anli li figure{width:100%; overflow:hidden; border-radius:5px 5px 0 0; box-shadow:0 0 10px 0 rgba(0,0,0,0.2);}
.anli li figure figcaption{width:100%; overflow:hidden; background:#a7bbc8;}
.anli li figure figcaption span{display:inline-block; margin-left:5px; width:6px; height:6px; border-radius:100%; background:#fff;}
.anli li figure figcaption span:first-child{margin-left:5px;}
.anli li figure .pic{display:block; width:100%; height:26.37vw; overflow:hidden; background-color:#fff;}
.anli li figure .pic img{position:relative; display:block; max-width:100%; height:auto;}
.anli li h3{display:block; width:100%; height:auto; line-height:150%; overflow:hidden; margin-top:10px; font-weight:normal; font-size:14px;}
.anli li .price{display:block; width:100%; line-height:200%; overflow:hidden; font-size:18px; color:#f00;}
}

@media (min-width: 1200px){
.anli .row{margin:0 -20px;}
.anli li{margin-bottom:30px; padding:0 20px;}
.anli li figure{width:100%; overflow:hidden; border-radius:5px 5px 0 0; box-shadow:0 0 10px 0 rgba(0,0,0,0.2);}
.anli li figure figcaption{width:100%; overflow:hidden; background:#a7bbc8;}
.anli li figure figcaption span{display:inline-block; margin-left:5px; width:6px; height:6px; border-radius:100%; background:#fff;}
.anli li figure figcaption span:first-child{margin-left:5px;}
.anli li figure .pic{display:block; width:100%; height:14vw; overflow:hidden; background-color:#fff;}
.anli li figure .pic img{position:relative; display:block; max-width:100%; height:auto;}
.anli li h3{display:block; width:100%; height:auto; line-height:150%; overflow:hidden; margin-top:10px; font-weight:normal; font-size:14px;}
.anli li .price{display:block; width:100%; line-height:200%; overflow:hidden; font-size:18px; color:#f00;}
}

@media (min-width: 992px){
.article .row{margin:0 -40px;}
.article article{padding:0 40px;}
}

@media (max-width: 767px){
.article article:last-child{margin-top:20px;}
.article-heading{position:relative; display:inline-block; margin-bottom:5px; width:100%; font-size:16px; color:#333; font-weight:bold; line-height:normal; text-align:center;}
.article-heading span{position:absolute; top:-7px; left:0; padding:0 15px 0 0; background:#f4f4f4;}
}
@media (min-width: 768px){
.article-heading{position:relative; display:inline-block; margin-bottom:10px; width:100%; font-size:16px; color:#333; font-weight:bold; line-height:normal; text-align:center; border-width:0; border-top:1px dashed #ccc;}
.article-heading span{position:absolute; top:-12px; left:0; padding:0 15px 0 0; background:#f4f4f4;}
}

article li{margin-top:15px; padding:0 0;}
article li a{display:inline-block; float:left; line-height:150%;}
article li span{display:inline-block; float:right; line-height:150%;}

/*server*/
.server{display:block; width:100%; margin:0 auto 20px auto; padding:10px 0; text-align:center; background:#fff; box-shadow:0 0 8px 0 rgb(0 0 0 / 10%);}

.server ul{}
.server ul li{display:inline-block; margin:0 30px; position:relative;}
.server ul li > a{display:block; line-height:150%; border:1px solid transparent; border-radius:0 0 0 0; font-weight:normal; font-size:16px;}
@media (max-width: 767px){
.server ul li{display:inline-block; margin:0 15px; position:relative;}
.server ul li > a{display:block; line-height:150%; border:1px solid transparent; border-radius:0 0 0 0; font-weight:normal; font-size:14px;}
}
.server ul li.active > a,
.server ul li.active > a:hover,
.server ul li.active > a:focus{color:#fff; cursor:default; background-color:#358de2; border:none; padding:10px 15px;}
.server ul li.active span{position:absolute; display:inline-block; left:0; right:0; margin:0 auto; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #358de2;}

.server-tabs-content{padding:10px;}
.server-intro.row{margin:0 -10px;}
.server-intro .col-sm-8,.server-intro .col-sm-4{padding:0 10px;}
.server-intro{width:100%; background:url("../images/underline.jpg") no-repeat center bottom; background-size:100%; padding-bottom:30px;}
.server-intro h2{font-size:18px; margin-bottom:5px;}
.server-intro p{font-size:14px; color:#666; line-height:180%;}
@media (min-width: 1200px){
.server-tabs-content{padding:20px;}
.server-intro.row{margin:0 -15px;}
.server-intro .col-sm-8,.server-intro .col-sm-4{padding:0 15px;}
.server-intro{width:100%; background:url("../images/underline.jpg") no-repeat center bottom; background-size:100%; padding-bottom:30px;}
.server-intro h2{font-size:30px; margin-bottom:15px;}
.server-intro p{font-size:16px; color:#666; line-height:180%;}
}

.system-tabs{margin-top:25px; margin-bottom:10px;}
.system-tabs li{display:inline-block; margin-right:15px; position:relative;}
.system-tabs li > a{display:block; line-height:150%; border:1px solid #358de2; padding:8px 25px; border-radius:0 0 0 0; font-weight:normal; font-size:14px;}
.system-tabs li.active > a,
.system-tabs li.active > a:hover,
.system-tabs li.active > a:focus{color:#fff; cursor:default; background-color:#358de2; border:1px solid #358de2; padding:8px 25px;}
@media (min-width: 1200px){
.system-tabs{margin-top:30px; margin-bottom:20px;}
.system-tabs li{display:inline-block; margin-right:15px; position:relative;}
.system-tabs li > a{display:block; line-height:150%; border:1px solid #358de2; padding:8px 25px; border-radius:0 0 0 0; font-weight:normal; font-size:14px;}
.system-tabs li.active > a,
.system-tabs li.active > a:hover,
.system-tabs li.active > a:focus{color:#fff; cursor:default; background-color:#358de2; border:1px solid #358de2; padding:8px 25px;}
}
.tab-wrap{}
.tab-wrap .row{margin:0 -5px;}
.tab-wrap li{padding:0 5px;}
.tab-wrap dl{margin-bottom:0; padding:8px 8px; border:1px solid #e8e8e8;}
.tab-wrap dd{color:#333;}
@media (min-width: 1200px){
.tab-wrap .row{margin:0 -15px;}
.tab-wrap li{padding:0 15px;}
.tab-wrap dl{margin-bottom:0; padding:8px 8px; border:1px solid #e8e8e8;}
.tab-wrap dd{color:#333;}
}

.zhuji dt{font-weight:bold; text-align:center;}

/*domain*/
.domain{display:block; width:100%; margin:0 auto; padding:20px 0; max-width:none; box-shadow:0 0 8px 0 rgb(0 0 0 / 10%);}
.domain .domain-search{width:96%; max-width:1200px; margin:0 auto;}
.domain .domain-left{float:left; width:calc(100% - 90px); position:relative;}
.domain .domain-left span{position:absolute; left:10px; top:0; font-size:30px;}
.domain .domain-right{float:right; width:90px;}
.domain .domain-right .form-submit{padding:5px 15px;}
@media (min-width: 768px){
.domain{display:block; width:100%; margin:0 auto; padding:30px 0; max-width:none; box-shadow:0 0 8px 0 rgb(0 0 0 / 10%);}
.domain .domain-search{width:100%; max-width:1200px; margin:0 auto;}
.domain .domain-left{float:left; width:calc(100% - 120px); position:relative;}
.domain .domain-left span{position:absolute; left:10px; top:0; font-size:30px;}
.domain .domain-right{float:right; width:120px;}
}

.domain .domain-list{width:96%; max-width:1200px; margin:10px auto;}
@media (min-width: 768px){
.domain .domain-list{width:100%; max-width:1200px; margin:10px auto;}
}
.domain .domain-list li{float:left; margin-right:20px; line-height:150%;}
.domain .domain-list li span{color:#ff6a00; margin-left:3px;}

.domain-youshi{background:none;}
.domain-youshi h2{font-size:18px; text-align:center; margin:30px 0 5px 0;}
.domain-youshi li{float:none; width:100%; margin:15px 0 0 0; padding:15px; background:#fff;}
.domain-youshi li:hover{box-shadow:0 0 15px 0 rgba(0,0,0,.1); transition:box-shadow .3s ease-out;}
.domain-youshi li:nth-child(even){float:none; width:100%; background:#fff;}
.domain-youshi li .domain-youshi-left{float:left; width:60px;}
.domain-youshi li .domain-youshi-left i{color:#0051a2; margin-top:10px;}
.domain-youshi li .domain-youshi-right{float:right; width:calc(100% - 75px);}
.domain-youshi li .domain-youshi-right dt{font-size:16px; color:#333; line-height:200%;}
.domain-youshi li .domain-youshi-right dd{height:auto; overflow:hidden; color:#666; line-height:180%;}
@media (max-width:768px){
.domain-youshi li .domain-youshi-left{float:left; width:40px;}
.domain-youshi li .domain-youshi-left i{color:#0051a2; margin-top:15px; font-size:32px;}
.domain-youshi li .domain-youshi-right{float:right; width:calc(100% - 55px);}
}
@media (min-width: 768px){
.domain-youshi{background:none;}
.domain-youshi h2{font-size:30px; text-align:center; margin:40px 0 30px 0;}
.domain-youshi li{float:left; width:calc(50% - 15px); margin:15px 0; padding:15px; background:#fff;}
.domain-youshi li:hover{box-shadow:0 0 15px 0 rgba(0,0,0,.1); transition:box-shadow .3s ease-out;}
.domain-youshi li:nth-child(even){float:right; width:calc(50% - 15px); background:#fff;}
.domain-youshi li .domain-youshi-left{float:left; width:60px;}
.domain-youshi li .domain-youshi-left i{color:#0051a2; margin-top:10px;}
.domain-youshi li .domain-youshi-right{float:right; width:calc(100% - 75px);}
.domain-youshi li .domain-youshi-right dt{font-size:16px; color:#333; line-height:200%;}
.domain-youshi li .domain-youshi-right dd{height:30px; overflow:hidden; color:#666; line-height:180%;}
}

/*ssl*/
.ssl{display:block; width:100%; margin:0 auto 20px auto; padding:10px 0; text-align:center; background:#fff;}
@media (min-width: 1200px){
.ssl{display:block; width:100%; max-width:1200px; margin:0 auto 20px auto; text-align:center; background:#fff;}
}

.ssl ul{}
.ssl ul li{float:none; display:inline-block; margin:0 30px; position:relative;}
@media (max-width: 767px){
.ssl ul li{float:left; display:block; width:33.33%; margin:0 0; position:relative;}
}
.ssl ul li > a{display:block; line-height:150%; border:1px solid transparent; border-radius:0 0 0 0; font-weight:normal; font-size:14px; padding:10px 0;}
.ssl ul li.active > a,
.ssl ul li.active > a:hover,
.ssl ul li.active > a:focus{color:#fff; cursor:default; background-color:#358de2; border:none; padding:10px 15px;}
.ssl ul li.active span{position:absolute; display:inline-block; left:0; right:0; margin:0 auto; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #358de2;}

.https{width:100%; margin:30px 0;}
.https-pic{float:left; width:calc(100% - 585px); margin-top:38.5px;}
.https-text{float:right; width:485px; height:195px; padding:45px; text-align:left; font-size:16px; line-height:200%; overflow:hidden; background:url('../images/https-text.png');}
@media (max-width: 767px){
.https-pic{float:none; width:100%; margin-top:0;}
.https-pic .pull-right{float:none;}
.https-text{float:none; width:100%; height:auto; padding:35px; text-align:left; font-size:16px; line-height:200%; overflow:hidden; background:url('../images/https-text.png'); background-size:100%; margin-top:15px;}
}

.ssl-gainian{display:block; width:100%; margin:0 auto 20px auto; padding:10px 0; max-width:none;}
.ssl-browser{background:none;}
.ssl-search{display:block; width:100%; margin:0 auto 20px auto; padding:10px 0; max-width:none;}
.explain{font-size:16px; text-align:center; line-height:200%; margin-bottom:30px;}

.ssl-youshi{background:none;}
.ssl-youshi h2{font-size:18px; text-align:center; margin:30px 0 5px 0;}
.ssl-youshi li{float:none; width:100%; margin:15px 0 0 0; padding:15px; background:#fff;}
.ssl-youshi li:hover{box-shadow:0 0 15px 0 rgba(0,0,0,.1); transition:box-shadow .3s ease-out;}
.ssl-youshi li:nth-child(even){float:none; width:100%; background:#fff;}
.ssl-youshi li .ssl-youshi-left{float:left; width:50px;}
.ssl-youshi li .ssl-youshi-left i{color:#0051a2; margin-top:10px;}
.ssl-youshi li .ssl-youshi-right{float:right; width:calc(100% - 65px);}
.ssl-youshi li .ssl-youshi-right dt{font-size:16px; color:#333; line-height:200%;}
.ssl-youshi li .ssl-youshi-right dd{height:auto; overflow:hidden; color:#666; line-height:180%;}
@media (min-width: 768px){
.ssl-youshi{background:none;}
.ssl-youshi h2{font-size:30px; text-align:center; margin:40px 0 30px 0;}
.ssl-youshi li{float:left; width:calc(50% - 15px); margin:15px 0; padding:15px; background:#fff;}
.ssl-youshi li:hover{box-shadow:0 0 15px 0 rgba(0,0,0,.1); transition:box-shadow .3s ease-out;}
.ssl-youshi li:nth-child(even){float:right; width:calc(50% - 15px); background:#fff;}
.ssl-youshi li .ssl-youshi-left{float:left; width:60px;}
.ssl-youshi li .ssl-youshi-left i{color:#0051a2; margin-top:10px;}
.ssl-youshi li .ssl-youshi-right{float:right; width:calc(100% - 75px);}
.ssl-youshi li .ssl-youshi-right dt{font-size:16px; color:#333; line-height:200%;}
.ssl-youshi li .ssl-youshi-right dd{height:80px; overflow:hidden; color:#666; line-height:180%;}
}

/*develop*/
.develop dl{padding-bottom:30px;}
.develop dt{font-size:16px; text-align:center; line-height:200%; padding-top:5px;}
.develop dd{font-size:14px; text-align:center; line-height:180%;}

.develop-features dt{font-size:18px; padding-top:30px; font-weight:normal; color:#0d47a1; line-height:200%:}
.develop-features dd{font-size:16px; padding-top:10px; line-height:250%:}

.swiper-develop{margin-left:auto; margin-right:auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1;}
.swiper-develop .swiper-pagination-bullet{width:8px; height:8px; display:inline-block; border-radius:100%; background:#fff; opacity:1;}
.swiper-develop .swiper-pagination-bullet-active{opacity:1; background:#2283f7;}

/*website*/
.wangzhan{display:block; position:relative; z-index:1; width:100%; margin:0 auto; padding:10px 0; text-align:center; background:#fff; box-shadow:0 0 8px 0 rgb(0 0 0 / 10%);}
.wangzhan .swiper-wangzhan{width:100%; max-width:1200px; margin:0 auto;}

.wangzhan ul{width:100%; max-width:1200px; margin:0 auto;}
.wangzhan ul li{position:relative; padding:0 15px;}
.wangzhan ul li > a{display:block; line-height:150%; font-weight:normal; font-size:16px; padding:10px 5px;}
@media (max-width: 767px){
.wangzhan ul li{position:relative; padding:0 5px;}
.wangzhan ul li > a{display:block; line-height:150%; font-weight:normal; font-size:14px; padding:10px 5px;}
}

.wangzhan ul li.active > a,
.wangzhan ul li.active > a:hover,
.wangzhan ul li.active > a:focus{color:#fff; cursor:default; background-color:#358de2; border:none; padding:10px 5px;}
.wangzhan ul li.active span{position:absolute; display:inline-block; left:0; right:0; bottom:-6px; margin:0 auto; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #358de2;}

.mokuai{background:none;}
.mokuai h2{font-size:30px; text-align:center; margin:40px 0 30px 0;}
@media (max-width: 768px){
.mokuai h2{font-size:24px; text-align:center; margin:30px 0 20px 0;}
}

h2.heading{font-size:30px; font-weight:normal; text-align:center; margin:30px 0 30px 0;}
@media (max-width: 768px){
h2.heading{font-size:24px; font-weight:normal; text-align:center; margin:20px 0 20px 0;}
}

.sheji{width:96%; margin:0 auto;}
@media (min-width: 1200px){
.sheji{width:100%; max-width:1200px; margin:0 auto;}
}
.sheji li{line-height:200%; margin-bottom:30px;}
.sheji li dl{background:#fff; padding:40px; box-shadow:0 0 20px 0 rgb(0 0 0 / 10%);}
.sheji li dl:hover{box-shadow:0 0 20px 0 rgb(0 0 0 / 20%);}
.sheji li dt{padding:15px 0 5px 0; font-size:14px; font-weight:bold; text-align:center;}
.sheji li dd{height:40px; overflow:hidden; color:#666; text-align:center;}
.sheji li dd.icon{height:auto;}
.sheji li img{display:block; max-width:100%; height:auto; margin:0 auto;}
@media (max-width: 767px){
.sheji .row{margin:0 -5px;}
.sheji li{line-height:200%; margin-bottom:10px; padding:0 5px;}
.sheji li dl{background:#fff; padding:20px; box-shadow:0 0 20px 0 rgb(0 0 0 / 10%);}
.sheji li dt{padding:10px 0 5px 0; font-size:14px; font-weight:bold; text-align:center;}
.sheji li dd{height:80px; overflow:hidden; color:#666; text-align:center;}
.sheji li dd.icon{height:auto;}
.sheji li img{display:block; max-width:100%; height:35px; margin:0 auto;}
}
@media (min-width: 768px) and (max-width: 991px){
.sheji li{line-height:200%; margin-bottom:30px;}
.sheji li dl{background:#fff; padding:30px; box-shadow:0 0 20px 0 rgb(0 0 0 / 10%);}
.sheji li dt{padding:10px 0 5px 0; font-size:14px; font-weight:bold; text-align:center;}
.sheji li dd{height:60px; overflow:hidden; color:#666; text-align:center;}
.sheji li dd.icon{height:auto;}
.sheji li img{display:block; max-width:100%; max-height:100%; margin:0 auto;}
}

.jianzhan{background:#fff;}
.jianzhan dl{padding-top:15px; height:145px; border-right:1px solid #ededed; border-bottom:1px solid #ededed;}
.jianzhan dl:hover{box-shadow:0 0 15px 0 rgba(0,0,0,.1); transition:box-shadow .3s ease-out;}
.jianzhan dt{font-weight:normal; font-size:14px; color:#333; line-height:200%;}
.jianzhan dd{font-size:12px; color:#999; line-height:250%;}
.jianzhan dd a{display:block; font-weight:bold; font-size:14px; color:#ff6a00;}

.jianzhan dl:nth-child(3n+0){border-right:none; border-bottom:1px solid #ededed;}
.jianzhan dl:nth-child(n+4){border-bottom:none;}

a.more{display:block; width:120px; text-align:center; margin:0 auto; padding:10px 20px; border:1px solid #2d70c8; background:#fff; font-size:15px; color:#2d70c8;}
a.more:hover{border:1px solid #2d70c8; background:#2d70c8; color:#fff;}

.step{padding:30px 0;}
.step ul{width:96%; margin:0 auto;}
@media (min-width: 1200px){
.step ul{width:100%; max-width:1200px; margin:0 auto;}
}
.step li{margin-bottom:20px;}
.step em{display:block; margin-top:10px; font-style:normal; text-align:center; font-weight:bold;}

.serial{display:block; margin:0 auto; width:120px; height:120px; overflow:hidden; line-height:120px; text-align:center; border-radius:100%; background:#fff; color:#333; font-size:30px; box-shadow:0 0 20px 0 rgb(0 0 0 / 10%);}
.serial img{display:inline-block; max-width:100%; height:auto;}
@media (max-width: 767px){
.serial{display:block; margin:0 auto; width:90px; height:90px; overflow:hidden; line-height:90px; text-align:center; border-radius:100%; background:#fff; color:#333; font-size:30px; box-shadow:0 0 20px 0 rgb(0 0 0 / 10%);}
.serial img{display:inline-block; max-width:100%; height:30px;}
}
.serial:hover{box-shadow:0 0 20px 0 rgb(0 0 0 / 20%);}

/*payment*/
.payment{width:96%; max-width:1000px; margin:0 auto;}
@media (min-width: 1200px){
.payment{width:100%; max-width:1000px; margin:0 auto;}
}
.payment li{margin-bottom:20px; padding:20px 10px; line-height:200%; background:#fff; border:1px solid #ededed;}
.payment li:hover{box-shadow:0 0 20px 0 rgb(0 0 0 / 10%);}
.payment li .pic{float:left; width:240px; padding-top:20px; margin-right:20px;}
.payment li .pic img{display:block; max-width:100%; height:auto;}
.payment li dl{float:right; width:calc(100% - 260px);}
.payment li dt{padding:0; font-size:16px; font-weight:bold; line-height:200%; color:#333;}
.payment li dd{padding:0; font-size:14px; line-height:200%; color:#666;}
@media (max-width: 767px){
.payment li{margin-bottom:15px; padding:15px 10px; line-height:200%; background:#fff; border:1px solid #ededed;}
.payment li .pic{float:none; width:100%; padding-top:0; margin-bottom:15px;}
.payment li dl{float:none; width:100%;}
}

/*job*/
.job{width:96%; max-width:1000px; margin:0 auto;}
@media (min-width: 1200px){
.job{width:100%; max-width:1000px; margin:0 auto;}
}
.job li{margin-bottom:30px; padding:15px; line-height:200%; background:#fff; border:1px solid #ededed;}
.job li:hover{box-shadow:0 0 20px 0 rgb(0 0 0 / 10%);}
.job li .pic{float:left; width:240px;}
.job li .pic img{display:block; max-width:100%; height:auto;}
.job li dl{float:right; width:calc(100% - 270px);}
.job li dt{padding:0; font-size:16px; font-weight:bold; line-height:200%; color:#333;}
.job li dd{padding:0; font-size:14px; line-height:200%; color:#666;}
@media (max-width: 767px){
.job li{margin-bottom:30px; padding:5px; line-height:200%; background:#fff; border:1px solid #ededed;}
.job li .pic{float:none; width:100%; margin-bottom:10px;}
.job li dl{float:none; width:100%;}
}

/*article*/
.article-list{width:96%; max-width:1000px; margin:0 auto; padding:25px 0; line-height:200%; background:#fff; border-bottom:1px solid #ededed;}
@media (min-width: 1200px){
.article-list{width:100%; max-width:1000px; margin:0 auto; padding:25px 0; line-height:200%; background:#fff; border-bottom:1px solid #ededed;}
}
.article-list dt{padding:0; font-size:16px; font-weight:bold; line-height:200%; color:#333;}
.article-list dd{padding:0; font-size:14px; line-height:200%; color:#666;}
.article-list dd i{display:inline-block; margin-right:5px;}

.article-view{width:96%; max-width:1200px; margin:0 auto; padding:25px 0; line-height:200%; background:#fff;}
@media (min-width: 1200px){
.article-view{width:100%; max-width:1200px; margin:0 auto; padding:25px 0; line-height:200%; background:#fff;}
}
.article-view dl{width:100%;}
.article-view dt{font-size:16px; font-weight:bold; text-align:center; line-height:200%; color:#333;}
.article-view dd.borderbottom{margin-bottom:10px; padding-bottom:10px; line-height:26px; color:#999; border-bottom:1px solid #ededed;}
.article-view dd.borderbottom i{display:inline-block; margin-right:5px;}
.article-view dd{padding:0; font-size:16px; line-height:200%; color:#333;}
.article-view ol{margin-top:100px;}

#share{display:block; width:250px;}
#share .shareText{float:left; font-size:16px;}
#share a{width:26px; height:26px; line-height:26px; padding:0; margin:0 2.5px;}
#share a.bds-more{background:url(../images/more.png);}
#share a.bds-tsina{background:url(../images/tsina.png);}
#share a.bds-sqq{background:url(../images/sqq.png);}
#share a.bds-weixin{background:url(../images/weixin.png);}
#share a.bds-qzone{background:url(../images/qzone.png);}
#share a.bds-douban{background:url(../images/douban.png);}

/*company*/
.company{font-size:16px; line-height:200%;}
.company li{margin-bottom:20px;}
@media (min-width: 768px){
.company li{margin-bottom:30px;}
}

/*contact*/
.contact{width:100%; max-width:1200px; margin:0 auto;}
.contact .row{margin:0 -15px;}
.contact li{margin-bottom:15px; padding:0 15px; text-align:center;}
@media (min-width: 1200px){
.contact .row{margin:0 -60px;}
.contact li{margin-bottom:30px; padding:0 60px; text-align:center;}
}
.contact li i{display:block;color:#4eadfc;}
.contact li span{display:block; font-size:16px; line-height:250%;}
.contact li p{font-size:14px; line-height:150%;}
.contact li .fa-volume-control-phone{transform:rotate(-45deg);}

/*page*/
.justify-content-center{-webkit-box-pack:center!important; justify-content:center!important;}

.page-item .page-link,.page-item span{font-size:14px; display:-webkit-box; display:flex; width:36px; height:36px; margin:0 3px; padding:0; border-radius:50%!important; -webkit-box-align:center; align-items:center; -webkit-box-pack:center; justify-content:center;}

.pagination-lg .page-item .page-link,.pagination-lg .page-item span{width:46px; height:46px; line-height:46px;}

.pagination-lg > li > span{padding:10px 16px; font-size:14px; line-height:1.3333333;}

.pagination > li > a,
.pagination > li > span{position:relative; float:left; padding:6px 12px; margin-left:-1px; line-height:1.42857143; color:#8898aa; text-decoration:none; background-color:#fff; border:1px solid #ddd;}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{z-index:2; color:#8898aa; background-color:#eee; border-color:#ddd;}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{z-index:3; color:#fff; cursor:default; background-color:#358de2; border-color:#358de2;}

/*404*/
.nofound{width:100%; max-width:1200px; margin:0 auto; padding:100px 0;}
.nofound h4{margin-bottom:20px; font-size:20px; text-align:center; font-weight:bold; color:#333; line-height:200%;}