@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,li,ol,h1,h2,h3,h4,h5,h6,p,input,span,a,img,b,table,tr,th,td,tbody,form,fiedset,pre,textarea,blockquote {margin: 0;padding: 0;border: none 0;list-style: none;color:#333;}
a {text-decoration: none;outline: none;}
img {display: block;}
body {font-family: 'HanHei SC', "PingFang SC", "Microsoft Yahei", "微软雅黑", tahoma, arial, sans-serif;font-size: 14px;min-width: 1200px;max-width: 100%;margin:0 auto;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: 400;}
article,aside,figcaption,figure,footer,header,hgroup,nav,section,summary {margin: 0;padding: 0;display: block;}
input,button,select,textarea {outline: none;font-family: "Microsoft YaHei";background: none;-webkit-appearance: none;border-radius: 0;border: none;}
textarea {resize: none;}
.fl {float: left;}
.fr {float: right;}
.fz:after,.clearfix:after {content: "";clear: both;display: block;font-size: 0;height: 0;}
.fz,.clearfix {zoom: 1;}
.center {width: 1200px;margin: 0 auto;}
/*默认公用样式*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:#999!important;font-weight: normal;}
input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#999!important;font-weight: normal;opacity:1;}
input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */color:#999!important;font-weight: normal;opacity:1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */color:#999!important;font-weight: normal;}
input::-ms-input-placeholder, textarea::-ms-input-placeholder { /* Microsoft Edge */color:#999!important;font-weight: normal;}
/*globle*/
body{background: #fff2e2;}
@-webkit-keyframes bounceIn {
    0% {opacity: 0;-webkit-transform: scale(.1);}
    50% {opacity: 1;-webkit-transform: scale(1.05);}
    70% {-webkit-transform: scale(.9);}
    100% {opacity: 1;-webkit-transform: scale(1);}
}
@-moz-keyframes bounceIn {
    0% {opacity: 0;-moz-transform: scale(.1);}
    50% {opacity: 1;-moz-transform: scale(1.05);}
    70% {-moz-transform: scale(.9);}
    100% {opacity: 1;-moz-transform: scale(1);}
}
@-ms-keyframes bounceIn {
    0% {opacity: 0;-ms-transform: scale(.1);}
    50% {opacity: 1;-ms-transform: scale(1.05);}
    70% {-ms-transform: scale(.9);}
    100% {opacity: 1;-ms-transform: scale(1);}
}
@-o-keyframes bounceIn {
    0% {opacity: 0;-o-transform: scale(.1);}
    50% {opacity: 1;-o-transform: scale(1.05);}
    70% {-o-transform: scale(.9);}
    100% {opacity: 1;-o-transform: scale(1);}
}
@keyframes bounceIn {
    0% {opacity: 0;transform: scale(.1);}
    50% {opacity: 1;transform: scale(1.05);}
    70% {transform: scale(.9);}
    100% {opacity: 1;transform: scale(1);}
}
@keyframes mymove{
    0%{transform: scale(1); } /*开始为原始大小*/
    25%{transform: scale(1.1);} /*放大1.1倍*/
    50%{transform: scale(1);}
    75%{transform: scale(1.1);}
}
@-webkit-keyframes mymove {/*Safari and Chrome*/
    0%{transform: scale(1);}  /*开始为原始大小*/
    25%{transform: scale(1.1);} /*放大1.1倍*/
    50%{transform: scale(1);}
    75%{transform: scale(1.1);}
}








.logoNav{
    height: 34px;
    padding:13px 0;
    background:#fff;
}
.logo{
    width: 135px;
    height: 34px;
    overflow: hidden;
}
.logo a,.logo img{
    width: 135px;
    height: 34px;
    display: block;
}
.nav li{
    float: left;
    margin-left: 35px;
    height: 26px;
    line-height: 26px;
}
.nav li a{
    display: block;
    font-size: 16px;
    color:#333;
}
.nav li.phones a{
    color:#3588fa;
}



.banner{
    width: 100%;
    height: 860px;
    overflow: hidden;
    margin-bottom: 58px;
    background:url(../images/banner.png) center no-repeat;
}
.bannerContent{
    width: 944px;
    height: 220px;
    margin:594px auto 0;
}
.bannerContent h3{
    color:#902a06;
    font-weight: 600;
    line-height: 68px;
    height: 68px;
    font-size: 30px;
}
.banl{
    width: 523px;
}
.banr{
    width: 382px;
}
.banl a,.banl img{
    display: block;
    width: 523px;
    height: 110px;
}
.banl p{
    font-size: 16px;
    padding-left:40px;
    line-height: 32px;
    height: 32px;
    color:#902a06;
}
.bannerFroms{
    width: 260px;
}
.bannerFroms div{
    height: 48px;
    width: 260px;
    margin-bottom: 14px;
    position: relative;
}
.bannerFroms div input{
    display: block;
    width: 260px;
    height: 48px;
    background:#fff;
    text-indent: 9px;
    font-size: 18px;
    color:#666;
    border-radius: 6px;
}
.bannerFroms div a{
    display: block;
    height: 48px;
    line-height: 48px;
    right: 12px;
    top: 0;
    color: #f74e2e;
    font-size: 18px;
    position: absolute;
}
.bannerFromBtn a{
    width: 98px;
    height: 110px;
    color:#fff;
    font-size: 30px;
    line-height: 110px;
    text-align: center;
    overflow: hidden;
    border-radius: 6px;
    display: block;
    position: relative;
    background:#ec3928;
    background: -moz-linear-gradient(top, #ff6037 0%, #df1f1d 100%);
    background: -webkit-linear-gradient(top, #ff6037 0%,#df1f1d 100%);
    background: -o-linear-gradient(top, #ff6037 0%,#df1f1d 100%);
    background: -ms-linear-gradient(top, #ff6037 0%,#df1f1d 100%);
    background: linear-gradient(to bottom, #ff6037 0%,#df1f1d 100%);
}
.bannerFromBtn a::before{
    top: -50px;
    content: '';
    width: 350px;
    left: -234px;
    height: 120px;
    display: block;
    position: absolute;
    transform: rotate(-35deg);
    transition: .5s cubic-bezier(.38,.39,.21,.99);
    background: linear-gradient(transparent 10%,rgba(255,255,255,0.4),transparent 90%);
}
.bannerFromBtn a:hover:before {
    top: 20px;
    left: 152px;
}











.cont{
    background:#fff;
    padding:40px 50px;
    margin-bottom: 60px;
    border-radius: 10px;
    box-shadow: 0 0 15px 0 #ffaea8;
}
.bt{
    color:#333;
    height: 72px;
    width: 1200px;
    margin-left: -50px;
    margin-bottom: 30px;
}
.btd{
    font-size: 48px;
    overflow: hidden;
    line-height: 80px;
    font-weight: 600;
}
.btd span{
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    margin-right: 35px;
    height: 45px;
    background:#d4201f;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.btx{
    margin-right: -3px;
    height: 72px;
}
.btx span{
    display: block;
    float: left;
    overflow: hidden;
}
.btxl{
    width: 90px;
    height: 72px;
    background:url(../images/rl.png) center no-repeat;
}
.btxr{
    width: 3px;
    height: 72px;
    background:url(../images/rr.png) center no-repeat;
}
.btxz{
    height: 36px;
    font-size: 24px;
    margin-top: 18px;
    color:#fff;
    line-height: 33px;
    padding:0 10px 0 6px;
    background:#d4201f;
}
.btxz strong{
    color:#ffa903;
    font-size: 32px;
}
.boxs{
    height: 321px;
    margin-bottom: 37px;
}
.boxsl{
    width: 540px;
    height: 100%;
}
.bt3{
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    text-indent: 17px;
    margin-bottom: 20px;
    color:#fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background:#0094fd;
    background: -moz-linear-gradient(top, #00b3ff 0%, #0077fb 100%);
    background: -webkit-linear-gradient(top, #00b3ff 0%,#0077fb 100%);
    background: -o-linear-gradient(top, #00b3ff 0%,#0077fb 100%);
    background: -ms-linear-gradient(top, #00b3ff 0%,#0077fb 100%);
    background: linear-gradient(to bottom, #00b3ff 0%,#0077fb 100%);
}
.bt3 span{
    color:#ffd200;
    font-size: 32px;
}
.boxsll{
    width: 560px;
    height: 240px;
}
.coItem{
    width: 260px;
    height: 240px;
    float: left;
    margin-right: 20px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 15px 0 #fff0e5;
}
.coItem a{
    display: block;
    padding:11px;
    width: 238px;
    height: 218px;
}
.coItem a::before{
    top: -160px;
    content: '';
    width: 650px;
    left: -234px;
    height: 120px;
    display: block;
    position: absolute;
    transform: rotate(-35deg);
    transition: .3s cubic-bezier(.38,.39,.21,.99);
    background: linear-gradient(transparent 10%,rgba(255,255,255,0.4),transparent 90%);
}
.coItem a:hover:before {
    top: 60px;
    left: 152px;
}
.ad{
    width: 238px;
    height: 152px;
    overflow: hidden;
    margin-bottom: 20px;
}
.ad img{
    display: block;
    width: 238px;
    height: 152px;
}
.acTxt{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.acTxt span.fl{
    font-size: 16px;
    color:#d93e31;
    height: 36px;
    display: block;
    float: left;
    margin-right: 3px;
}
.acTxt span.fl strong{
    font-size: 22px;
}
.acTxt del.fl{
    height: 36px;
    display: block;
    float: left;
    color:#999;
    line-height: 42px;
    font-size: 12px;
}
.acTxt .acBtn{
    width: 90px;
    height: 36px;
    font-size: 16px;
    color:#fff;
    text-align: center;
    border-radius: 30px;
    display: block;
    float: right;
    background:#df3e28;
    background: -moz-linear-gradient(left, #d4211f 0%, #ec6636 100%);
    background: -webkit-linear-gradient(left, #d4211f 0%,#ec6636 100%);
    background: -o-linear-gradient(left, #d4211f 0%,#ec6636 100%);
    background: -ms-linear-gradient(left, #d4211f 0%,#ec6636 100%);
    background: linear-gradient(to right, #d4211f 0%,#ec6636 100%);
}
.boxsr{
    width: 539px;
    height: 321px;
    overflow: hidden;
}
.boxsr img{
    display: block;
    width: 539px;
    height: 321px;
}
.globleList{
    width: 1120px;
}
.globleBtn{
    width: 322px;
    height: 60px;
    margin:40px auto 0;
    line-height: 60px;
    text-align: center;
    font-size: 24px;
    color:#fff;
    display: block;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    background:#df3e28;
    background: -moz-linear-gradient(top, #d4211f 0%, #ec6636 100%);
    background: -webkit-linear-gradient(top, #d4211f 0%,#ec6636 100%);
    background: -o-linear-gradient(top, #d4211f 0%,#ec6636 100%);
    background: -ms-linear-gradient(top, #d4211f 0%,#ec6636 100%);
    background: linear-gradient(to bottom, #d4211f 0%,#ec6636 100%);
}
.globleBtn::before{
    top: -186px;
    content: '';
    width: 650px;
    left: -234px;
    height: 120px;
    display: block;
    position: absolute;
    transform: rotate(-35deg);
    transition: 0.3s cubic-bezier(.38,.39,.21,.99);
    background: linear-gradient(transparent 10%,rgba(255,255,255,0.4),transparent 90%);
}
.globleBtn:hover:before {
    top: 56px;
    left: 30px;
}
.addimg{
    width: 1100px;
    height: 120px;
    margin-top: 40px;
    overflow: hidden;
}
.addimg a,.addimg img{
    display: block;
    width: 1100px;
    height: 120px;
}



.appBox{height:212px; background:url(../images/app_bg.png) center no-repeat; padding-top:258px;}
.saoma{padding-left:130px;}
.saoma dt img{
  margin:0 auto;
}
.saoma dl{width:130px; margin-right:28px; float:left; text-align: center;}
.saoma dl dd{font-size:16px; color:#fff; padding-top:5px;}

.foot{ width:100%; background:#4d3b3b; font-size:14px; color:#898e97; line-height:28px; padding:50px 0; text-align:center;}
.foot p{
   color:#898e97;
}
.foot a{ color:#898e97;}




.lrTc{
    position: fixed;
    top:80px;
    width: 90px;
    z-index: 7;
}
.lrTcl{
    left:0;
}
.lrTcr{
    right:0;
}
.liImg{
    width: 90px;
    height: 68px;
    overflow: hidden;
    position: relative;
    z-index: 3;
}
.liImg img{
    display: block;
    width: 90px;
    height: 68px;
}
.lrTcBox{
    z-index: 2;
    margin-top: -8px;
    position: relative;
    width: 80px;
    padding:20px 5px 12px;
    background:#ff3a29;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.lrTcItem a{
    display: block;
    width: 80px;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    color:#666;
    position: relative;
    text-align: center;
    background:#fff;
    margin-bottom: 1px;
}
.lrTcBtn{
    width: 100%;
    color:#fff;
    display: block;
    font-size: 16px;
    margin-top: 5px;
    font-weight: 600;
    line-height: 32px;
    text-align: center;
}
.lrTcItem a span.imgr{
    display: block;
    position: absolute;
    width: 130px;
    left:-130px;
    top:50%;
    display: none;
    margin-top: -60px;
    height: 120px;
    overflow: hidden;
    border-radius: 10px;
    background:url(../images/erbg.png) center no-repeat;
}
.lrTcItem a span.imgr img{
    display: block;
    width: 100px;
    height: 100px;
    margin:10px;
}
.lrTcItem a:hover span.imgr{
    display: block;
}

.gloPop{
    top:0;
    left:0;
    /*display: none;*/
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99;
}
.gloPopBox{
    top:50%;
    left:50%;
    z-index: 2;
    width: 432px;
    height: 448px;
    position: absolute;
    text-align: center;
    margin-top: -224px;
    margin-left: -216px;
    overflow: hidden;
    background:url(../images/ctbg.png) center no-repeat;
}
.gloPopBg{
    top:0;
    left:0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background:#000;
    position: absolute;
    filter:alpha(opacity=50);
}
.gloCbtn{
    top:0;
    right:0;
    width: 32px;
    height: 32px;
    background:url(../images/close1.png) center no-repeat;
    position: absolute;
}
.gloPopBtn{
    width: 330px;
    padding-top:325px;
    padding-bottom: 20px;
    margin:0px auto 0;
}
.gloPopBtn a{
    display: block;
    line-height: 39px;
    height: 39px;
    width: 180px;
    margin:0 auto 10px;
    font-size: 24px;
    color:#8c0115;
    font-weight: 600;
    text-align: center;
    background:url(../images/tbtnBg.png) center no-repeat;
}



.botBox{
    z-index: 88;
    position: fixed;
    height: 96px;
    width: 100%;
    bottom:0;
    left:0;
    z-index: 77;
    padding-top:90px;
    background:url(../images/botBg.png) center no-repeat;
}
.botCont{
    position: relative;
    margin-left: 760px;
}
.botFroms{
    width: 250px;
    margin-right: 15px;
    float: left;
}
.botFroms div{
    height: 36px;
    position: relative;
    background:#fff;
    border-radius: 4px;
    margin-bottom: 8px;
    line-height: 36px;
}
.botFroms div input{
    border:none;
    background:none;
    display: block;
    height: 36px;
    font-size: 14px;
    text-indent: 6px;
    line-height: 36px;
}
.botFroms div a{
    display: block;
    height: 36px;
    line-height: 36px;
    right: 12px;
    top: 0;
    color: #f74e2e;
    font-size: 14px;
    position: absolute;
}
.botFromBtn{
    float: left;
} 
.botFromBtn a,.botFromBtn a img{
    display: block;
    width: 85px;
    height: 85px;
}
.botFromBtn a img{
    animation:mymove 1.2s infinite;
    -webkit-animation:mymove 1.2s infinite; /*Safari and Chrome*/
    animation-direction:alternate;/*轮流反向播放动画。*/
    animation-timing-function: ease-in-out; /*动画的速度曲线*/
    /* Safari 和 Chrome */
    -webkit-animation:mymove 1.2s infinite;
    -webkit-animation-direction:alternate;/*轮流反向播放动画。*/
    -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
}
.botClose{
    width: 14px;
    height: 14px;
    background:url(../images/close2.png) center no-repeat;
    right:35px;
    top:0px;
    display: block;
    position: absolute;
}