@charset "gb2312";
/* CSS Document */
body { font:12px/24px Microsoft YaHei,tahoma,arial,Simsun; background:#fff; color:#333; overflow-x:hidden; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding:0;}
img { border:none; max-width:100%; }
a { color:#333; text-decoration:none;}
a:hover { color: #e70000;text-decoration:none;}
ul,li{ list-style:none;}
table { border-collapse:collapse;border-spacing:0;}
input::focus-inner { padding:0;border:0;}
input, select { outline:0; font:12px/24px Microsoft YaHei,tahoma,arial,Simsun;  }
.fl { float:left;}
.fr { float:right;}
.clear { height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}
.Width { width:1000px; margin:0 auto;}
.clearfix:after{ content:" ";display:block; visibility:hidden; height:0;font-size:0; clear:both;}
.clearfix { *zoom:1;}
.hide, .mobshow, .onlymob, .mob { display:none; }
::selection {background: #D03333;color: white;text-shadow: none;}
::-webkit-scrollbar-track-piece{width:5px;background-color:#f2f2f2}
::-webkit-scrollbar{width:5px;height:6px}
::-webkit-scrollbar-thumb{height:50px;background-color:rgba(0,0,0,.3);}
::-webkit-scrollbar-thumb:hover{background:#707070;}

/* 主体 */
.box01 { width: 100%; padding-top:590px; background: url(imagesbanner.png) no-repeat top; position: relative; overflow: hidden; }
.box01 .icon01 { position: absolute; top:-185px; left:50%; margin-left: -381px; width:746px; height: 744px;
    background: url(imagesbanner_bg01.png) no-repeat center; }
.box01 .icon02 { position: absolute; top:-85px; left:50%; margin-left: -448px; width:226px; height: 226px;
    background: url(imagesbanner_bg02.png) no-repeat center; }
.box01 .icon03 { position: absolute; top:362px; left:50%; margin-left: 254px; width:85px; height: 85px;
    background: url(imagesbanner_bg03.png) no-repeat center;
    -webkit-animation: fead 1.3s ease-out infinite alternate;
    animation: fead 1.3s ease-out infinite alternate; }
.box01 .icon04 { position: absolute; top:76px; left:50%; margin-left: -676px; width:163px; height: 163px;
    background: url(imagesbanner_bg04.png) no-repeat center;
    -webkit-animation: fead 1.3s ease-out infinite alternate;
    animation: fead 1.3s ease-out infinite alternate; }
.box01 .icon05 { position: absolute; top:325px; left:50%; margin-left: -482px; width:84px; height: 84px;
    background: url(imagesbanner_bg05.png) no-repeat center; }
.box01 .icon06 { position: absolute; top:18px; left:50%; margin-left: 488px; width:161px; height: 161px;
    background: url(imagesbanner_bg06.png) no-repeat center;
    -webkit-animation: fead 1.3s ease-out infinite alternate;
    animation: fead 1.3s ease-out infinite alternate; }
.box01 .icon07 { position: absolute; top:462px; left:50%; margin-left: 759px; width:47px; height: 47px;
    background: url(imagesbanner_bg07.png) no-repeat center; }
@-webkit-keyframes fead {
    0% { opacity: 0.7; transform: scale(0.99); }
    100% { opacity: 1; transform: scale(1.02); }
}
@keyframes fead {
    0% { opacity: 0.7; transform: scale(0.99); }
    100% { opacity: 1; transform: scale(1.02); }
}
.box01 .logo { position: absolute; top:25px; left:50%; width:130px; height:30px; margin-left:-410px; }
.box01 .logo a { display: block; width: 130px; height: 30px; background: url(imageslogo.png) no-repeat center;
    text-indent:-99999em; overflow: hidden; }
.box01 h3 { position: absolute; top:60px; left:50%; margin-left: -157px; width:315px; height: 64px;
    background:#ffce70; border-radius: 66px;
    background: linear-gradient(to right , rgba(255, 193, 84, 1), rgba(255, 215, 132, 1));
    box-shadow:0 19px 40px rgba(193, 33, 28, 0.3);
    color:#fff; font-size:30px; font-weight: normal; line-height: 64px; text-align:center; }
.box01 h1 { position: absolute; top:165px; left:50%; margin-left: -241px; width:482px; height: 233px;
    background: url(imagesbanner_text.png) no-repeat center;
    text-indent:-99999em; overflow: hidden; }
.box01 .des { width:918px; padding:25px 40px; margin: 0 auto; background: #f6f6f6; border: 1px dashed #d9d9da;
    font-size:18px; line-height: 24px; text-align: justify; }
.box01 span { font-weight: bold; color:#e55f6f; }
.title { padding:60px 0; font-size: 60px; line-height:60px; text-align: center; }
.title span { color: #888; font-size: 30px; line-height: 30px; font-weight:normal; }
.box02 { margin-bottom: 55px; }
.box02 .zbrk { width:422px; }
.box02 .zbrk .pic { width:422px; height:235px; margin-bottom: 22px; overflow:hidden; box-shadow:0 8px 35px rgba(5, 0, 0, 0.2); }
.box02 .zbrk .pic img { display:block; width:422px; height:235px;
    transition: transform 1s ease;
    transform: scale(1); }
.box02 .zbrk .pic img:hover { transform: scale(1.05); }
.box02 .zbrk dt { float: left; position: relative; width: 80px; height:72px; padding:9px 6px 0 0;
    font-weight:bold; font-size: 36px; line-height:36px; }
.box02 .zbrk dt:after { content: ""; position: absolute; top:12px; right:0;
    width:1px; height:66px; background: #d9d9da;  }
.box02 .zbrk dd {float: left;width: 90px;height: 90px;margin-left: 20px;}
.box02 .zbrk dd:first-child{margin-left: 0;}
.box02 .zbrk dd a { display: block; width: 90px; height:40px; padding:25px 0;
    background:#e1798f; border-radius: 18px;
    color:#fff; font-size: 18px; line-height: 20px; text-align: center; }
.box02 .zbrk dd a.bg01 { background: linear-gradient(to top left , rgba(244, 134, 132, 1), rgba(206, 108, 153, 1)); }
.box02 .zbrk dd a.bg02 { background: linear-gradient(to top left , rgba(206, 108, 152, 1), rgba(165, 101, 210, 1)); }
.box02 .zbrk dd a.bg03 { background: linear-gradient(to top left , rgba(255, 214, 130, 1), rgba(255, 193, 85, 1)); }
.box02 .zbrk dd a.bg01:hover { background: #f38585; }
.box02 .zbrk dd a.bg02:hover { background: #a665ce; }
.box02 .zbrk dd a.bg03:hover { background: #ffc256; }
.box02 .zbdd { width:401px; }
.box02 .zbdd h5 { font-size: 24px; line-height: 44px; font-weight: normal; }
.box02 .zbdd p { margin-top: 40px; font-size: 18px; line-height: 30px; }

.box03bg { width: 100%; height:639px; padding-bottom:80px; margin-bottom: 40px; background: url(imagespic_05.png) no-repeat bottom; position: relative; }
.box03bg .icon01 { position: absolute; top:-400px; right:0; width:389px; height: 630px; z-index: -1;
    background: url(imagespic_06.png) no-repeat right; }
.box03bg .icon02 { position: absolute; top:550px; left:0; width: 264px; height: 463px;
    background: url(imagespic_07.png) no-repeat left; }
.box03bg .icon03 { position: absolute; bottom:-770px; right:0; width: 262px; height: 463px; z-index: -1;
    background: url(imagespic_08.png) no-repeat right; }
.box03 { position: absolute; top:0; left:50%; margin-left: -500px; height:auto; background: #fff url(imagespic_02.png) no-repeat right; border-radius:18px;
    box-shadow:0 0 60px rgba(5, 0, 0, 0.15); }
.box03 .yybox { width: 445px; height: 639px; }
.box03 .yybox h5 { padding:90px 0 60px; color: #fff; font-size: 48px; font-weight: normal; text-align: center; }
.box03 .yybox .textbox,
.box03 .yybox .selectbox { width:345px; height:45px; clear:both; margin:27px auto 0; }
.box03 .yybox label { display:inline-block; float:left; width:70px;
    color:#fff; font-size: 16px; line-height:45px; text-align:right; }
.box03 .textbox input,
.box03 .selectbox select { display:inline-block; float:right; height:45px; width: 205px; padding:0 30px;
    background:#fff; border-radius:45px; border:none;
    color: #333; font-size: 16px; line-height:45px; }
.box03 .selectbox select { width:265px; padding:0 0 0 30px; }
.box03 .selectbox option { color: #333; font-size:16px; line-height:36px; }

.box03 .selectbox > div { position:relative; display:inline-block; float:right; height:45px; width: 265px; background:#fff url(imagespic_12.png) no-repeat right; border-radius:45px; }
.box03 .selectbox cite { display:block; width:100%; height:45px; z-index:2;
    border-radius:45px; background-position:184px -277px;
    color:#c7c5c5; font-size:16px; font-style:normal; line-height:45px; text-indent:30px; }
.box03 .selectbox ul { display:none; position:absolute; left:0; top:45px;
    width:263px; max-height:250px; overflow-y:auto; overflow-x:hidden; z-index:3;
    background:#fff; border:1px solid #cecfd1; border-radius:0; }
.box03 .selectbox li { color:#999; font-size:16px; line-height:30px; text-indent:30px; }
.box03 .selectbox li a { display:block; width:100%; height:30px; cursor:pointer; }

.box03 .yybox input:-moz-placeholder{ color:#c7c5c5; }
.box03 .yybox input:-ms-input-placeholder{color:#c7c5c5;}
.box03 .yybox input::-webkit-input-placeholder{color:#c7c5c5; }
.box03 .yybox .btn { display: block; width: 204px; height: 45px; margin:38px 0 0 130px; cursor: pointer;
    border: none; border-radius: 45px;
    background: #e45d70;
    background: linear-gradient(23deg , #e45d70, #ee8066);
    box-shadow:0 8px 40px rgba(5, 0, 0, 0.3);
    color: #fff; font-size: 24px; line-height: 45px; text-align: center; }
.box03 .yybox .btn:hover { background:#ee8066; }
.box03 .des { width:380px; padding:54px 0 0 60px; }
.box03 .des dt { margin-bottom:20px; font-size:24px; line-height:30px; }
.box03 .des dd { margin-bottom:20px; font-size:16px; line-height:30px; }
.box03 .ewm { width: 380px; padding-left:60px; }
.box03 .ewm li { float: left; width: 130px; margin-right: 44px; }
.box03 .ewm img { width: 110px; height: 110px;  padding:9px; border:1px solid #d9d9da;
    transition: transform 1s ease;
    transform: scale(1); }
.box03 .ewm img:hover { transform: scale(1.05); }
.box03 .ewm p { font-size: 16px; line-height: 40px; text-align: center; }

.box04 { background: url(imagespic_09.png) no-repeat right bottom; position: relative; }
.box04 dt { width:410px; font-size: 24px; line-height: 30px; }
.box04 dd { width:410px; margin-bottom: 20px; font-size: 16px; line-height: 30px; }
.box04 dd .red { color:#e55f6f ;}
.box04 dd .big { font-size: 18px; }

.box05bg { width: 100%; background: url(imagespic_11.png) no-repeat bottom; position: relative; }
.box05 { background: linear-gradient(111deg, #e45f70, #ed7e67 50%); box-shadow:0 0 60px rgba(5, 0, 0, 0.15); }
.box05 .des { width: 385px; padding:0 0 0 30px; }
.box05 .des h5 { padding:50px 0 35px; color: #fff; font-size: 24px; font-weight: normal; line-height: 26px; text-align: center; }
.box05 .des .pic { width: 385px; height: 215px; overflow:hidden; }
.box05 .des .pic img { display:block; width: 385px; height: 215px;
    transition: transform 1s ease;
    transform: scale(1); }
.box05 .des .pic img:hover { transform: scale(1.05); }
.box05 .des h6 { margin:45px 0 20px; color: #fff; font-size:24px; font-weight: normal; line-height: 26px;
    text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap; }
.box05 .des h6 a { color: #fff; }
.box05 .des h6 a:hover { text-decoration: underline; }
.box05 .des p { color: #fff; font-size:16px; line-height:30px; }
.box05 .des p a { color: #fff; }
.box05 .fhap { width: 555px; height: 580px; background: #fff;  }
.box05 .fhap h5 { height: 55px; font-size: 24px; font-weight: normal; line-height: 55px; text-align: center; }
.box05 .tbox { height:468px; overflow: hidden; overflow-y:auto; }
.box05 .fhap table { width: 555px; border: 0 solid #d9d9da; }
.box05 .fhap .table01 { border-top: 1px solid #d9d9da; }
.box05 th,
.box05 td { font-size: 16px; line-height: 24px; text-align: center;
    border-right: 1px solid #d9d9da;
    border-bottom: 1px solid #d9d9da; }
.box05 th { height: 55px; }
.box05 td { height: 77px; }
.box05 .w01,
.box05 .w03,
.box05 .w04 { width:105px; }
.box05 td:nth-child(2) { padding:0 20px; }
.box05 th:last-child ,
.box05 td:last-child { border-right: 0; }
.box05 td .btn { display: block; width:77px; height: 33px; margin: 0 auto;
    background: #e45d70; border-radius:33px;
    background: linear-gradient(23deg , #e45d70, #ee8066);
    color: #fff; font-size:14px; line-height:33px; text-align: center;}
.box05 td .btn:hover { background: #ee8066; }
/* 底部 */
.footerpc { width:100%;  text-align: center; padding:50px 0 30px; }
.footerpc p { line-height:30px; color:#fff; font-size:14px; }
.footerpc p a { color: #fff; }
.footermob { display: none; }
/* pc端超大屏 */
@media only all and (min-width:2000px) {
    .box01 { background-size:100% 664px; }
    .box03bg { background-size:100% 715px; }
    .box05bg { background-size:100% 586px; }
}
/* pc端 窄屏*/
@media only all and (max-width:1400px) and (min-width:1080px) {
    .box03bg .icon01 { right:-70px; }
    .box03bg .icon02 { left:-70px;  }
    .box03bg .icon03 { right:-70px;  }
}
/* pc端结束*/


/*移动端*/
@media only all and (max-width:1080px){
    .pc{ display:none;}
    .onlymob, .mob { display:block;}
    html{ font-size:20px; }
    body { font: 0.7rem/1.2rem "Hiragino Sans GB","\5FAE\8F6F\96C5\9ED1","\9ED1\4F53",Arial,sans-serif; }
    html,body{  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    .Width { width:100%;}

    /* 主体 */
    .box01 { padding-top:15rem; background-size:auto 16rem;  }
    .box01 .icon01 { top:-3rem; margin-left:-8rem; width:16rem; height:16rem; background-size:contain; }
    .box01 .icon02 { top:-5rem; margin-left: -11rem; width:9.5rem; height: 9.5rem; background-size:contain; }
    .box01 .icon03 { top:9.8rem; margin-left:5rem; width:2rem; height: 2rem; background-size:contain;  }
    .box01 .icon04 { top:3.5rem; margin-left: -11.5rem; width:4rem; height: 4rem; background-size:contain; }
    .box01 .icon05 { top:9.5rem; margin-left: -9rem; width:2rem; height:2rem; background-size:contain; }
    .box01 .icon06 { top:2rem; margin-left:7.5rem; width:5rem; height:5rem; background-size:contain; }
    .box01 .icon07 { top:12.5rem; margin-left:8rem; width:1.2rem; height:1.2rem; background-size:contain; }
    @-webkit-keyframes fead {
        0% { opacity: 0.5; transform: scale(0.96); }
        100% { opacity: 1; transform: scale(1.1); }
    }
    @keyframes fead {
        0% { opacity: 0.5; transform: scale(0.96); }
        100% { opacity: 1; transform: scale(1.1); }
    }
    .box01 .logo { top:0.5rem; left:0.25rem; width:5.5rem; height:1.2rem; margin-left:0; }
    .box01 .logo a { width:5.5rem; height:1.2rem; background-size:contain; }
    .box01 h3 { top:2.8rem; margin-left: -5rem; width:10rem; height:1.6rem;
        border-radius:1.6rem; font-size:0.8rem; line-height: 1.6rem; }
    .box01 h1 { top:5.2rem; margin-left: -5.5rem; width:11rem; height:5rem; background-size:contain; }
    .box01 .des { width:16rem; padding:0.5rem; font-size:0.7rem; line-height:1rem; }
    .title { padding:1.5rem 0; font-size:1.3rem; line-height:1.3rem; }
    .title span { font-size:0.8rem; line-height:1rem; }
    .box02 { margin-bottom:1.5rem; }
    .box02 .zbrk { width:17rem; float: none; margin: 0 auto; }
    .box02 .zbrk .pic { width:17rem; height:auto; margin-bottom:1rem; }
    .box02 .zbrk .pic img { width:100%; height:auto;  }
    .box02 .zbrk dl { height: 4rem; }
    .box02 .zbrk dt { width:3rem; height:3rem; padding:0.5rem 0.2rem 0.5rem 0; font-size:1.4rem; line-height:1.5rem; }
    .box02 .zbrk dt:after { top:0.7rem; height:2.6rem;  }
    .box02 .zbrk dd { width:4rem; height:4rem; margin-left:0.6rem; }
    .box02 .zbrk dd a {  width:4rem; height:2rem; padding:1rem 0;
        border-radius: 18px;
        font-size: 0.8rem; line-height:1rem; }
    .box02 .zbdd { width:17rem; float: none; margin:1rem auto 0; }
    .box02 .zbdd h5 { font-size:0.8rem; line-height:1.4rem; }
    .box02 .zbdd p {  margin-top:0.5rem; font-size:0.7rem; line-height:1rem; }
    .box03bg { height:auto; padding-bottom:1.5rem; margin-bottom:1rem; background-size:100% 10rem; }
    .box03bg .icon01 { top:-8rem; width:8rem; height:12rem; background-size:contain; }
    .box03bg .icon02 { top:30%; width:8rem; height:12rem; background-size:contain; }
    .box03bg .icon03 { bottom:-18rem; width:12rem; height:15rem; background-size:contain; }
    .box03 { position:relative; left:0; width:17rem; padding-bottom:15rem; margin:0 auto; background-position:center 23rem; background-size:100% auto; }
    .box03 .yybox { position: absolute; bottom:0; width:100%; height:15rem; }
    .box03 .yybox h5 { padding:1.5rem 0 0; font-size:1.2rem; }
    .box03 .yybox .textbox,
    .box03 .yybox .selectbox { width:14rem; height:1.8rem; margin:0.8rem auto 0; }
    .box03 .yybox label { width:3rem; font-size:0.7rem; line-height:1.8rem; }
    .box03 .textbox input,
    .box03 .selectbox select { height:1.8rem; width:9rem; padding:0 1rem;
        border-radius:45px; font-size: 16px; line-height:1.8rem; }
    .box03 .selectbox select { width:11rem;  padding:0 0 0 1rem;}
    .box03 .selectbox option { font-size:0.7rem; line-height:1rem; }

    .box03 .selectbox > div { height:1.8rem; width:11rem; border-radius:1.8rem; }
    .box03 .selectbox cite { height:1.8rem; border-radius:9rem;
        font-size:0.7rem; line-height:1.8rem; text-indent:1rem; }
    .box03 .selectbox ul { top:1.8rem; width:100%; max-height:5rem; }
    .box03 .selectbox li { font-size:0.7rem; line-height:1rem; text-indent:1rem; }
    .box03 .selectbox li a { height:1rem; }

    .box03 .yybox .btn { width:8rem; height:1.8rem; margin:1rem auto 0;
       border-radius:1.8rem; font-size:1rem; line-height:1.8rem; }
    .box03 .des { float: none; width:16rem; padding:1rem 0; margin:0 auto; }
    .box03 .des dt { margin-bottom:0.5rem; font-size:0.8rem; line-height:1.4rem; }
    .box03 .des dd { margin-bottom:0.5rem; font-size:0.7rem; line-height:1rem; }
    .box03 .ewm { float: none; width:16rem; height: 7rem; padding-left:0; margin: 0 auto; }
    .box03 .ewm li { width:5rem; margin:0 1.5rem; }
    .box03 .ewm img { width:4.6rem; height:4.6rem; padding:0.2rem; }
    .box03 .ewm p { font-size:0.7rem; line-height:1rem; }

    .box04 { padding-bottom:4rem; background: url(imagespic_09.png) no-repeat right bottom; background-size: auto 6rem; }
    .box04 dt { width:17rem; margin: 0 auto; font-size:0.8rem; line-height:1.4rem; }
    .box04 dd { width:17rem; margin:0 auto 0.5rem; font-size:0.7rem; line-height:1rem; }
    .box04 dd .big { font-size:0.75rem; }
    .box05bg { background-size:contain; }
    .box05 .des { width:100%; padding:1rem 0; }
    .box05 .des h5 { padding:1rem 0; font-size:1rem; line-height:1rem; }
    .box05 .des .pic { width:17rem; height:auto; margin: 0 auto; }
    .box05 .des .pic img { width:17rem; height:auto; }
    .box05 .des h6 { width:17rem; margin:1rem auto 0.5rem; font-size:0.8rem; line-height: 1rem; }
    .box05 .des p {width:17rem; margin: 0 auto; font-size:0.7rem; line-height:1rem; }
    .box05 .fhap { width:100%; height:auto;  }
    .box05 .fhap h5 { height:3rem; font-size:1rem; line-height:3rem; }
    .box05 .tbox { height:auto; }
    .box05 .fhap table { width:100%; border: 0 solid #d9d9da; }
    .box05 .fhap .table01 { border-top: 1px solid #d9d9da; }
    .box05 th,
    .box05 td { font-size:0.7rem; line-height:1rem; }
    .box05 th { height:2rem; }
    .box05 td { height:auto; padding:0.3rem 0; }
    .box05 .w01,
    .box05 .w03 { width:3.3rem; }
    .box05 .w04 { width:4rem; }
    .box05 td:nth-child(2) { padding:0.3rem; }
    .box05 th:last-child ,
    .box05 td:last-child { border-right: 0; }
    .box05 td .btn {width:3.6rem; height:1.5rem; border-radius:1.5rem; font-size:0.6rem; line-height:1.5rem; }

    .footerpc { display:none; }
    .footermob { display:block; width:100%; text-align: center; padding:1rem 0; }
    .footermob p { line-height:1rem; color:#fff; font-size:0.6rem; }
    .footermob p a { color: #fff; }
}
/*通用移动端结束*/

@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone4/4s */
}
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */
}

@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 */
}
@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 Plus */
}