img{vertical-align: middle !important; margin:auto;}
ul, ol, li, p{ padding: 0; margin: 0; list-style: none;}
a{ color: #333; text-decoration: none; outline: none;}
a:hover, a:active, a:focus{ text-decoration: none;}
label{ font-weight: normal;} .bold{ font-weight: bold;}
input{ padding: 5px 8px; border: 0 none; font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial;}
h1{ margin: 0;} 
.pic{ position: relative; width: 100%; text-align: center; overflow: hidden;}
.pic img{ width: 100%; height: 100%;}

#floatDivBoxs{ width:130px !important;}

.trans{ -webkit-transition: all 0.38s ease; -moz-transition: all 0.38s ease; transition: all 0.38s ease;}
.rotate{ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); transition: all ease 0.38s;}
.scale{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition: all ease 0.38s;}
a:hover .rotate{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
a:hover .scale{ -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08);}

.clearfix:after, .clearfixlist li:after, .container:after, .form-group:after{ content:"\0020"; display:block; clear:both; height:0; font-size:0;}
.clearfix, .clearfixlist li, .container, .form-group{ zoom:1;}
.clear{ clear:both; display:block;} .fl{ float: left;} .fr{ float: right;} .show-xs{ display: none;}
.flex-row, .flex-list li{ -webkit-display: flex; -moz-display: flex; -o-display: flex; display: flex; flex-direction: row;}
.flex-col, .tab-panel .aside, .tab-panel .main{ -webkit-display: flex; -moz-display: flex; -o-display: flex; display: flex; flex-direction: column;}
.around{ justify-content: space-around; align-items: center;}
.between, .flex-list li{ justify-content: space-between; align-items: center;}
.center, .remark{ justify-content: center; align-items: center;}
.start{ justify-content: flex-start; align-items: center;}
.end{ justify-content: flex-end; align-items: center;}
.wrap{ flex-wrap: wrap;}

.blue{ color: #0391f0;} .yellow{ color: #fffa38;} .red{ color: #ff2600;}
.rect{ -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}
.circle{ -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}

.show-pad, .show-phone{ display: none;} .block{ display: block;}
.vertical{ display: table-cell; vertical-align: middle;}
.text-ellipsis, .name{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.scroll-top{ position: fixed; z-index: 99; bottom: 28px; right: 38px; width: 48px; height: 48px; opacity:0; -webkit-transform:translateX(100%) rotate(360deg); transform:translateX(100%) rotate(360deg); transition:all .5s ease; background: url(http://caishen580.com/images/btn-scrollTop.png) no-repeat 0 0; background-size: 100% 100%;}
.scroll-top.rollIn{ opacity:1; -webkit-transform:translateX(0px) rotate(0deg); transform:translateX(0px) rotate(0deg); transition:all .5s ease;}

.btn-blue{ display: block; width: 280px; height: 72px; border: 3px solid #fff; margin: 18px auto 38px; font-size: 22px; line-height: 72px; -webkit-text-shadow: 3px 1px 1px rgba(0,0,0,.5); text-shadow: 3px 1px 1px rgba(0,0,0,.5); -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.5); box-shadow: 1px 1px 1px rgba(0,0,0,.5); vertical-align: middle; color: #fff !important; text-align: center; background: #3185ea;}
.dialog-modal{ display: none; position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.48);}
.dialog-modal .inner{ position: absolute; top: 50%; left: 50%; width: 640px; height: 560px; padding: 38px 68px; border-top: 6px solid #0588fe; margin-left: -320px; margin-top: -280px; background: #fff;}
.dialog-modal .btn-close{ position: absolute; top: 18px; right: 28px; font-size: 26px; cursor: pointer;}
.dialog-modal .title{ margin-bottom: 24px;} .dialog-modal .bracket{ font-size: 14px; color: #666;}
.dialog-modal .txt{ margin-bottom: 4px; font-size: 18px; font-weight: bold; line-height: 38px; color: #222;}
.dialog-modal .btn-submit{ display: block; width: 100%; height: 48px; margin-top: 38px; font-size: 17px; line-height: 48px; color: #fff; text-align: center; background: #0391f0;}

/* fixedNav */


.form-list em{ font-style: normal; font-weight: bold;}
.form-list .tips{ display: inline-block; padding: 0 8px 0 26px; margin-bottom: 4px; font-size: 12px; color: #fff; background: url(http://caishen580.com/images/auth.png) no-repeat 3px center #5cb755; background-size: 20px;}

/* mod */
.mod{ padding: 68px 0;}
.title, .subtitle{ text-align: center;}
.title{ font-size: 32px; font-weight: 600; line-height: 80px;}
.subtitle{ margin-bottom: 58px; font-size: 20px; color: #333; text-transform: uppercase;}

.mod-bg{ background-repeat: no-repeat; background-position: center center; background-size: cover;}
.mod-banner{ position: relative; height:816px; background-image: url(http://caishen580.com/images/banner_iso.jpg);}
.mod-banner .pic{ width: 53%;}  .mod-banner .bantitle{ width: 75%; max-width: 890px; margin-bottom: 50px;}
.mod-banner ::-webkit-input-placeholder{ color: #fff;}
.banner-form{ position: relative; width: 44%; background: rgba(13,28,74,.78);}
.banner-form .btn-beval{ position: absolute; top: -3px; left: -4px; width: 88px; height: 88px; background: url(http://caishen580.com/images/beval.png) no-repeat center top; background-size: 100% 100%;}
.banner-form .title{ padding: 32px 0 22px; font-size: 34px; text-shadow: 0 8px 8px #204e7d; color: #fff; background: rgba(10,106,203, .88);}
.banner-form .form-list{ padding: 38px 8% 28px;}
.banner-form .form-group{ position: relative; margin-bottom: 28px; text-align: left;}
.banner-form .form-control{ height: 42px; border: 0 none; line-height: 42px; color: #fff; background: url(http://caishen580.com/images/bg-input.png) no-repeat center top; background-size: 100% 100%;}
.banner-form .red{ position: absolute; bottom: 5px; right: -26px; font-size: 32px;}
.banner-form .btn{ display: block; width: 48%; padding: 4px;}
.banner-form img{ width: 100%;}

.mod-hot{ background: #f6f8ff;}
.hotlist li{ float: left; width: 23%; margin:1%; box-shadow: 2px 2px 2px 2px rgba(49,117,242,.11);}
.hotlist a{ display: block; margin: 8px 8px 48px; box-shadow: 2px 2px 2px 2px rgba(49,117,242,.11);}
.hotlist .pic{ position: relative; width: 100%; vertical-align: middle;}
.hotlist .hot, .hotlist .iso{ position: absolute; top: 0; left: 0;}
.hotlist .hot{ z-index: 8; width: 38%; background: url(http://caishen580.com/images/hot.png) no-repeat center center; background-size: 100% 100%;}
.hotlist .iso{ display: none; z-index: 2; width: 100%; background: #fff;}
.hotlist .iso img{ width: auto; max-width: 100%; height: auto;}
.hotlist .info{ padding: 10px; text-align: center; background: #fff;}
.hotlist .name, .arealist .name{ font-size: 18px; line-height: 30px;}
.hotlist a:hover .iso{ display: block;}

.mod-auth{ background-image: url(http://caishen580.com/images/bg-auth.jpg);}
.mod-auth .title{ margin-bottom: 36px; font-size: 36px; line-height: 58px; color: #fff;}
.authlist li{ width: 78%; height: 118px; margin: 0 auto 26px; text-align: center;}
.authlist .icon{ width: 128px; height: 118px; line-height: 118px; background: #1c287c;}
.authlist .info{ width: 88%; height: 116px; padding-top: 18px; border-bottom: 2px solid #ffff00; background: rgba(11,16,46,.58);}
.authlist .name{ font-size: 24px; font-weight: bold; line-height: 40px; color: #fff;}
.authlist .txt{ font-size: 18px; line-height: 38px; color: #dace08; text-decoration: underline;}
.authlist .btn-right{ width: 118px; height: 116px; border-bottom: 2px solid #ffff00; background: url(http://caishen580.com/images/right.png) no-repeat center center rgba(255,255,0,0.58); background-size: 38px 38px;}

.mod-advt .subtitle{ opacity: 0.68;}
.advlist li{ float: left; width: 25%; padding: 0 30px;}
.advlist .pic{ width: 115px; height: 100px;}
.advlist .name{ margin: 28px 0 18px; font-size: 20px; font-weight: bold; line-height: 32px;}
.advlist .txt{ font-size: 16px;}

.mod-server{ background-image: url(http://caishen580.com/images/bg-server.jpg);}
.mod-server .title, .mod-server .subtitle, .mod-city .title, .mod-city .subtitle{ color: #fff;}
.swiper-server .pic{ width: 86px; height: 86px; margin: 0 auto 38px; background: rgba(255,255,255,.38);}
.swiper-server .icon{ width: 68px; height: 68px; margin-top: 9px; margin-left: 9px; background: url(http://caishen580.com/images/sprite-serve.png) no-repeat center 12px #2476ff; background-size: 45px 405px;}
.swiper-server .apply{ background-position-y: -68px;}
.swiper-server .audit{ background-position-y: -152px;}
.swiper-server .record{ background-position-y: -228px;}
.swiper-server .maintain{ background-position-y: -313px;}
.swiper-server .line{ position: relative; width: 100%; height: 28px; border-top: 1px dashed #fff;}
.swiper-server .dot{ position: absolute; top: -13px; left: 50%; width: 26px; height: 26px; margin-left: -13px; background: rgba(36,118,255,.6);}
.swiper-server .dot .inner{ position: absolute; top: 7px; left: 7px; width: 12px; height: 12px; background: #fff;}
.swiper-server .txt{ margin: 18px 0 68px; font-size: 20px; line-height: 32px; color: #fff; opacity: 0.88; text-align: center;}
.form-server{ width: 68%; margin: 0 auto;}
.form-server .form-control{ width: 32%; height: 46px; border: 0 none; color: #fff; background: url(http://caishen580.com/images/bg-input.png) no-repeat center center; background-size: 100% 100%;}
.form-server .btn-serve{ display: block; width: 26%; background: url(http://caishen580.com/images/btn-auth.png) no-repeat center top; background-size: 100% 100%;}

.mod-area{ background-image: url(http://caishen580.com/images/bg-area.jpg);}
.arealist li{ float: left; width: 19% !important; text-align: center;border: 1px solid #dcdcdc; margin: 0 0.4%;}
.arealist a{ display: block;  background: #fff; }
.arealist img{ width: auto; height: auto;}
.arealist .name{ padding: 8px 8px 12px;}
.arealist a:hover{ color: #fff; background: #ff6535;}
.arealist a:hover img{ display: none;}
.arealist a:hover .curr{ display: inline;}

.mod-city{ background-image: url(http://caishen580.com/images/bg-city.jpg);}
.mod-city .pic{ float: left; width: 50%;}
.mod-city .info{ float: right; width: 32%; font-size: 18px; color: #fff;}
.mod-city .item{ width: 100%; margin-bottom: 28px;}
.mod-city .num{ font-size: 22px; font-weight: bold; color: #ffff00; line-height: 48px;}
.mod-city .jumbo{ border-bottom: 1px solid #ffff00; font-size: 35px;}

.mod-double{ margin-bottom: 8px; font-size: 16px; background: #f6f8ff;}
.mod-double .title, .mod-double .subtitle{ text-align: left;}
.mod-double .title{ font-size: 24px; font-weight: bold; line-height: 48px;}
.mod-double .subtitle{ margin-bottom: 8px; font-size: 18px;}
.mod-double .more{ color: #0182f7;}
.mod-quest .form-control{ height: 42px; border-radius: 0; font-size: 16px;}
.mod-quest textarea.form-control{ height: 180px;}
.mod-quest .btn-blue{ width: 210px; height: 60px; margin: 30px 0 0; line-height: 58px;}
.mod-contact{ margin-top: 48px;}
.mod-contact .txt{ font-size: 18px; line-height: 36px;}

.bounce-to-right{ position: relative; vertical-align: middle;
  -webkit-transform: translateZ(0); transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden;
  backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;
  -webkit-transition-property: color; transition-property: color;
  -webkit-transition-duration: 0.5s; transition-duration: 0.5s;
}
.bounce-to-right:before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: #1c287c;
  -webkit-transform: scaleX(0); transform: scaleX(0);
  -webkit-transform-origin: 0 50%; transform-origin: 0 50%;
  -webkit-transition-property: transform; transition-property: transform;
  -webkit-transition-duration: 0.5s; transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
.bounce-to-right:hover, .bounce-to-right:focus, .bounce-to-right:active{ border-color: #1c287c; color: #fff;}
.bounce-to-right:hover:before, .bounce-to-right:focus:before, .bounce-to-right:active:before{
  -webkit-transform: scaleX(1); transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

@media (max-width: 1200px){ 
	.mod{ padding: 38px 0;}
	.title{ font-size: 28px; line-height: 58px;}
	.subtitle{ margin-bottom: 38px;}
	.mod-banner .bantitle{ margin-bottom: 38px;}
	.banner-form .title{ font-size: 24px; line-height: 40px;}
	.banner-form .form-list{ padding: 28px 8% 18px;}
	.banner-form .form-group{ margin-bottom: 26px;}

	.hotlist a, .mod-auth .title{ margin-bottom: 28px;}
	.mod-auth .title{ font-size: 30px;}
	.authlist .name{ font-size: 22px;}

	.mod-advt .subtitle{ margin-bottom: 38px;}
	.advlist .name{ margin: 20px 0 12px;}
	.swiper-server .txt{ margin-bottom: 48px; font-size: 18px; line-height: 28px;}
	.arealist a{ margin: 0 4px;}
}
@media(max-width: 992px){
	.dialog-modal .inner{ padding: 38px 28px;}
	.banner-form .title{ padding: 20px 8% 15px; font-size: 20px;}
	.banner-form .form-list{ padding: 18px 12% 8px 5%;}
	.banner-form .form-group{ margin-bottom: 12px;}
	.form-server{ width: 78%;}
	.advlist li{ padding: 0 6px;}
	.arealist img{ max-width: 90%;}
}
@media (max-width: 767px){
    .hide-pad, .hide-sm, .aside-title .hide-sm{ display: none;}
    .show-pad, .show-pad.btn-more{ display: block;}
    .row, .col-sm-6, .col-sm-5, .col-md-6, .col-md-6{ padding: 0; margin: 0;}
    .container{ padding: 0 10px;} 

    .title, .mod-auth .title{ font-size: 24px; line-height: 48px;}
    .subtitle{ margin-bottom: 28px; font-size: 16px;}

	.mod-banner{ position: relative; margin-bottom: 330px;}
    .mod-banner .container{ margin: 50px auto 0;}
    .mod-banner .bantitle{ margin-bottom: 28px;}
    .mod-banner .pic{ width: 96%; max-width: 360px; margin: 0 auto;}
    .flex-banner{ display: block;}
    .banner-form{ position: absolute; left: 3%; bottom: -312px; width: 94%;}
    .banner-form .btn-beval{ left: -4px;}
    .banner-form .btn{ width: 38%; padding: 6px 4px;}
    .btn-blue{ height: 62px; margin-bottom: 28px; font-size: 20px; line-height: 60px;}
    
    .mod{ padding: 28px 0;}
    .mod-hot .title{ margin-bottom: 12px;}
    .hotlist li{ width: 33.3%;}
    .hotlist a{ margin-bottom: 15px;}
    .hotlist img{ max-width: 100%;}
    .authlist li{ width: 100%;}
    .authlist .name{ font-size: 18px;}
    .authlist .txt{ font-size: 15px;}
    .advlist li{ width: 50%; padding: 0 12px;}
    .advlist .name{ margin: 8px 0; font-size: 18px;}
    .advlist .txt{ height: 104px; margin-bottom: 18px; overflow: hidden;}
    .mod-city .pic{ width: 60%;}
    .mod-city .item{ margin-bottom: 12px;}
    .mod-city .info{ font-size: 16px;}
    .swiper-server .txt{ margin: 8px 0 28px;}
    .form-server{ width: 96%;}

    .mod-double .title{ font-size: 20px; line-height: 38px;}
    .mod-double .subtitle{ font-size: 15px;}
    .mod-double .col-sm-5{ float: none; width: 100%;}
    .mod-contact{ margin: 18px 0;}
    .mod-quest .btn-blue{ font-size: 20px;}

    .dialog-modal .inner{ left: 0; top: 0; width: 100%; height: 100%; margin: 0;}
}

@media screen and (max-width: 480px){
    .wrap-xs{ width: 100%; overflow: hidden;}
    .hide-phone, .carousel-computer{ display: none;}
    .show-phone, .carousel-mobile{ display: block;}
    .banner-form .btn-beval{ width: 76px; height: 76px;}
	.banner-form .btn{ width: 50%;}
    .mod{ padding: 18px 0;}
    .mod-banner .container{ width: 96%; margin: 18px auto;}
    .mod-hot .title, .title, .mod-auth .title{ font-size: 20px; line-height: 32px;}
    .hotlist li{ width: 50%;}
    .hotlist a{ margin: 0 4px 15px;}
    .mod-advt .subtitle{ margin-bottom: 18px;}
    .advlist .name{ margin-top: 0;}

    .mod-city .pic{ float: none; width: 100%;}
    .mod-city .info{ float: none; width: 80%; margin-left: 20%;}
    .mod-quest .btn-blue{ height: 48px; margin-top: 18px; font-size: 16px; line-height: 46px;}
    .mod-contact .txt{ font-size: 15px; line-height: 28px;}

	.mod-server{ padding-bottom: 28px;}
    .form-server .flex-row{ display: block;}
    .form-server .form-control{ width: 100%; margin-bottom: 18px;}
    .form-server .btn-serve{ width: 158px; margin: 0 auto;}
    .authlist li,.authlist .icon, .authlist .info, .authlist .btn-right{ height: 98px;}
    .authlist li{ margin-bottom: 12px;}
    .authlist .icon{ line-height: 98px;}.authlist img{ width: 58%;}
    .authlist .name{ font-size: 15px; line-height: 28px;}.authlist .txt{ font-size: 12px;}
    .authlist .btn-right{ width: 78px;}
}