@charset "utf-8";
/* Form */
input,button,textarea,.btn {outline: 0; border-radius: 2px;
    transition: all .3s;
    -webkit-transition: all .3s;
    box-sizing: border-box
}
.input-text{ height:38px; padding:0 12px; line-height:1.42857143; font-size:14px; } /* 默认尺寸size-m */
.input-text,.textarea{border:1px #ddd solid; width:100%; word-break:break-all;}
.textarea{ min-height:100px; line-height: 20px; padding:4px 12px;resize:none}
.input-text:hover,.textarea:hover{border: 1px solid #3bb4f2}
.input-text:focus,textarea:focus{border: 1px solid #0f9ae0 \9;border-color:rgba(82,168,236,0.8);box-shadow:0 0 0 2px rgba(16,142,233,.2) }
.input-text.error:focus,.textarea.error:focus {box-shadow: 0 0 0 2px rgba(224,21,21,.2);border-color: #e01515}
.input-text.disabled,.textarea.disabled,.input-text.disabled.focus,.textarea.disabled.focus{background-color:#ededed; cursor:default;border-color: #ddd;-webkit-box-shadow:inset 0 2px 2px #e8e7e7;box-shadow:inset 0 2px 2px #e8e7e7}
.input-text.disabled,.textarea.disabled{background-color:#e6e6e6; cursor:default}
.input-text[disabled]{ cursor:not-allowed;}
.input-text[disabled]:hover{ border:1px solid #DDD;}

.btn{padding:4px 12px;box-sizing:border-box;display:inline-block;width:auto;cursor:pointer;text-align:center; font-weight:400;white-space:nowrap;vertical-align: middle;border:1px solid #DDD;background-color:#fff;*zoom:1;-webkit-transition:background-color .1s linear;transition:background-color .1s linear;}
.btn-block{display: block; width: 100%;}
a.btn:hover,a.btn:focus,a.btn:active,a.btn.active,a.btn.disabled,a.btn[disabled]{text-decoration:none}
.btn:first-child{*margin-left:0}
.btn.active,.btn:active{-webkit-box-shadow:0 1px 8px rgba(0, 0, 0, 0.125) inset; box-shadow:0 1px 8px rgba(0, 0, 0, 0.125) inset;}


/* 自定义错误显示位子 */
.CCForm .cc_item.active .input-text{ border-color: #3bb4f2;}
.CCForm .cc_item .valid_message,
.CCForm .cc_item.error .valid_message{top:8px; font-size: 14px; right: 16px; color: #e95454;}
.CCForm .cc_item.error .input-text,
.CCForm .cc_item.error .textarea{ border-color: #E95454;}

.btn-primary-gradient{ width: 100%; height: 40px; line-height: 40px; padding: 0; margin-top: 5px; background: #EA5514; border-color: #EA5514; border-radius: 4px; font-size: 18px; color: #fff; }
.btn-primary-gradient:hover{ background: #ec7542;}



/*  ----- 美化单选，多选样式  ---- */
/* status: radio-checkbox */
.form-status input[type="radio"],.form-status input[type="checkbox"]{ display: none}
.form-status .radio-icon,.form-status .checkbox-icon{ position: relative; top: 3px; display: inline-block; height: 30px; line-height: 28px; box-sizing: border-box;  padding-right: 30px; border: 1px solid #888; border-radius: 2px; cursor: pointer; text-align: center;}
.form-status .radio-icon span,.form-status .checkbox-icon span{ display: inline-block; width: 100%; height: 100%; padding: 0 10px; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.form-status .radio-icon i.iconfont,.form-status .checkbox-icon i.iconfont{ position: absolute; right: 0; width: 30px; line-height: 28px; font-size: 20px; color: #d2d2d2;}
.form-status input[type="radio"]:checked + .radio-icon,
.form-status input[type="checkbox"]:checked + .checkbox-icon{ border-color:#007aff;}
.form-status input[type="radio"]:checked + .radio-icon span,
.form-status input[type="checkbox"]:checked + .checkbox-icon span{ background: #007aff; color: #fff;}
.form-status input[type="radio"]:checked + .radio-icon i.iconfont,
.form-status input[type="checkbox"]:checked + .checkbox-icon i.iconfont{ color: #007aff;}
.form-status input[type="radio"]:disabled + .radio-icon,
.form-status input[type="checkbox"]:disabled + .checkbox-icon{cursor:not-allowed;}
/* status: radio-checkbox, no icon */
.form-status.no-icon .radio-icon,
.form-status.no-icon .checkbox-icon{ padding-right: 0}
.form-status.no-icon .radio-icon .iconfont,
.form-status.no-icon .checkbox-icon .iconfont{ display: none;}
/* status: radio-checbox, size */
.form-status.icon-size-m .radio-icon,
.form-status.icon-size-m .checkbox-icon{ height: 38px; line-height: 37px;}
.form-status.icon-size-m .radio-icon span,
.form-status.icon-size-m .checkbox-icon span{ padding: 0 16px;}
/* status: radio-checbox style1:nocolor */
.form-status.icon-nocolor input[type="radio"]:checked + .radio-icon span,
.form-status.icon-nocolor input[type="checkbox"]:checked + .checkbox-icon span{ background: none; color: #007aff; border-color: #007aff;}
.form-status.icon-nocolor span{ background: none; color: #666;}


/* 右侧置顶 */
.gotoTop{ position:fixed; bottom:96px; right:0; z-index:999; box-shadow:0 0 15px rgba(7,17,27,.2);}
.gotoTop a{ position: relative; display:block; width:58px; height:48px; line-height:48px; font-size: 12px; background: #fff; text-align:center; text-decoration:none; border-bottom:1px solid #ddd;}

@media screen and (max-width: 750px){
    .gotoTop a{ width:52px; height:42px; line-height:42px; font-size: 10px;}
}



header{ width: 100%;  min-width: 1200px; -webkit-overflow-scrolling:touch;}
header .area{ max-width:1200px; margin:0 auto;}
header .header-left{ float: left; margin-right: 20px;}
header .header-left img.logo{ height: 132px;}
header .header-right{ float: right;}
header .header-right img.logo-font{ height: 132px;}
header .header-ul li{ float: left;}
header .header-ul li a{ float: left; line-height: 132px; margin-left: 1px; font-size: 20px; padding: 0 40px;}
header .header-ul li a.active,
header .header-ul li a:hover{ background: #6638F0; color: #fff;}


footer{ width: 100%;  min-width: 1200px; -webkit-overflow-scrolling:touch; text-align: center; background: #6638F0; color: #fff;}
footer .area{ padding:30px 0;}
footer p, footer a{  padding-top:6px; color: #fff;}

.mod1{ height:570px; background: url('../images/mod1.jpg') no-repeat top center;}
.mod2{ height:880px; background: url('../images/mod2.jpg') no-repeat top center;}
.mod3{ height:200px; background: url('../images/mod3.jpg') no-repeat top center; position: relative; overflow: hidden;}
.mod4{ height:1000px; background: url('../images/mod4.jpg') no-repeat top center;}
.mod5{ height:500px; background: url('../images/mod5.jpg') no-repeat top center;}

.mod6{ height:755px; background: url('../images/mod6.jpg') no-repeat top center;}
.mod7{ height:860px; background: url('../images/mod7.jpg') no-repeat top center;}
.mod8-1{ height:866px; background: url('../images/mod8-1.jpg') no-repeat top center;}
.mod8-2{ height:910px; background: url('../images/mod8-2.jpg') no-repeat top center;}
.mod9{ height:800px; background: url('../images/mod9.jpg') no-repeat top center;}
.mod10{ height:1000px; background: url('../images/mod10.jpg') no-repeat top center;}
.mod10 .area{position: relative;}
.mod10 .CCForm{ position: absolute; top: 220px; left: 95px;  width: 1000px;}
.mod10 .CCForm>p{ color: #fe8243; font-size: 20px; font-weight: 600; margin: 26px 0 8px;}
.mod10 .form-status.no-icon .radio-icon,
.mod10 .form-status input[type="radio"]:checked + .radio-icon{ min-width: 220px; border-color: #ff6e47; height: 44px; line-height: 44px; margin-right: 20px;}
.mod10 .form-status input[type="radio"]:checked + .radio-icon span{ background-color: #ff6e47;}
.mod10 .form-status .radio-icon span{ font-weight: 600; font-size: 16px;}
.mod10 .item-box{ margin-top: 40px;}
.mod10 .item{ float: left; font-size: 16px; font-weight: 600; box-shadow: 1px 0 10px #ff7146;}
.mod10 .item:last-child{ margin-left: 25px;}
.mod10 .item >p{ float: left; width: 160px; text-align: center; height: 44px; line-height: 44px; font-size: 20px; color: #fff; background: linear-gradient(to right,#ffb43d,#ff6d46);}
.mod10 .item .input{width: 302px ; height: 44px; line-height: 44px; font-size: 20px; padding-left: 16px; border: 1px solid #fe8243;}

.mod10 .submit{ height: 44px; line-height: 44px; display: block; border-radius: 24px; padding: 0 50px; margin: 60px auto 0 auto; font-size: 20px; background: linear-gradient(to bottom,#5da8f5,#3974e3); color: #fff; cursor: pointer;}
.mod10 .submit:hover{background: linear-gradient(to bottom,#62adf8,#518bf8);}

.mod11{ height:500px; background: url('../images/mod11.jpg') no-repeat top center;}
.mod12-1{ height:766px; background: url('../images/mod12-1.jpg') no-repeat top center;}
.mod12-2{ height:826px; background: url('../images/mod12-2.jpg') no-repeat top center;}
.mod12-2 .area{position: relative;}
.mod12-2 .form-item{ position: absolute; top: 740px; left: 50%; height: 40px; overflow: hidden; box-shadow: 0px 0 10px #6638f0;; margin-left: -245px;}
.mod12-2 .form-item .input{ width: 360px ; height: 40px; line-height: 40px; font-size: 16px; padding-left: 16px;}
.mod12-2 .form-item .submit{ width: 120px; height: 40px; line-height: 40px; font-size: 20px; background: #6638F0; color: #fff; cursor: pointer;}


.mod13-1{ height:763px; background: url('../images/mod13-1.jpg') no-repeat top center;}
.mod13-2{ height:651px; background: url('../images/mod13-2.jpg') no-repeat top center;}
.mod13-3{ height:177px; background: url('../images/mod13-3.jpg') no-repeat top center; }
.mod13-3 .area{position: relative;}
.mod13-3 .form-item{ position: absolute; top: 40px; left: 156px; width: 800px;}
.mod13-3 .form-item .input{ width: 195px; height: 40px; line-height: 40px; font-size: 16px; margin-right: 136px;}
.mod13-3 .form-item .mobile{ margin-right: 45px;}
.mod13-3 .form-item .submit{ width: 198px; height: 40px; line-height: 40px; background: none; text-indent: 9999999px; cursor: pointer;}
.mod14{ height:1100px; background: url('../images/mod14.jpg') no-repeat top center;}


.app-download{ height: 100%; display: block;}


.animated.bounceInDown {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 100;
}
.bounceInDown {  animation-name: bounceInDown;  }
@-webkit-keyframes bounceInDown {
    0%,100%,60%,75%,90% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -3000px, 0);
      transform: translate3d(0, -3000px, 0);
    }
    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, 25px, 0);
      transform: translate3d(0, 25px, 0);
    }
    75% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
    }
    90% {
      -webkit-transform: translate3d(0, 5px, 0);
      transform: translate3d(0, 5px, 0);
    }
    100% {
      -webkit-transform: none;
      transform: none;
    }
  }
  @keyframes bounceInDown {
    0%,100%,60%,75%,90% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -3000px, 0);
      transform: translate3d(0, -3000px, 0);
    }
    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, 25px, 0);
      transform: translate3d(0, 25px, 0);
    }
    75% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
    }
    90% {
      -webkit-transform: translate3d(0, 5px, 0);
      transform: translate3d(0, 5px, 0);
    }
    100% {
      -webkit-transform: none;
      transform: none;
    }
  }