@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-05-21 10:47:24
 * @version $Id$
 */
 /* reset */
 body,div,ul,ol,p,h1,h2,h3,h4,h5,h6{ padding: 0; margin: 0; }
 li{ list-style-type: none; }
 a{ text-decoration: none; }

 /* common css */
 .clearfix:after{ clear: both; display: block; height: 0; content: "."; visibility: hidden; }
 .clearfix{ *zoom: 1; }
 .fr{ float: right; }
 .fl{ float: left; }
.w1000{ width: 1000px; margin-right: auto; margin-left: auto; }
.mt15{ margin-top: 15px; }
.mt40{ margin-top: 40px; }
body{ font: normal 14px/18px SimSun; }
/* footer */
.g-footer{ margin-top: 50px !important; font-size: 12px; }
.g-footer-links a:link,.g-footer-links a:visited,.g-footer-record a:link,.g-footer-record a:visited{ color: #243851; }
.g-footer-links a:hover,.g-footer-record a:hover{ color: #cc0000; text-decoration: underline; }
.g-wrap{ height: auto; }
/* main */
.main{ width: 100%; }
.banner{ height: 630px; background: url(../img/banner1_1.png) center top no-repeat; }
.begin{ float: right; display: inline; width: 160px; height: 40px; margin-right: 95px; font: normal 18px/40px Microsoft Yahei; text-align: center; background-color: #fe0000; }
.begin:link,.begin:visited{ color: #fff; text-decoration: none; }
.begin:hover{ text-shadow: 1px 1px 2px #333; background-color: #cc3333; }
/* explain */
.explain{ height: 940px; background: url(../img/banner2_2.png) center top no-repeat; }
.explain-wrap{ position: relative; height: 100%; }
.step{ position: absolute; }
.step li{ position: absolute; width: 65px; height: 85px; }
li.step1{ left: 85px; top: 130px; }
li.step2{ left: 190px; top: 245px; }
li.step3{ left: 420px; top: 65px; }
li.step4{ left: 530px; top: 255px; }
li.step5{ left: 750px; top: 80px; }
.step li.current{ animation: bounce 1.2s infinite; }
.explain-content{ position: absolute; top: 570px; width: 1000px; color: #fff; line-height: 22px; }
.explain-txt{ float: left; }
.title{ font-weight: normal; font-size: 26px; line-height: 36px; }
.explain-txt p{ overflow: hidden; margin-top: 5px; }
.explain-txt .label{ float: left; }
.et-content{ float: left; width: 320px; }
.et-bd-top{ padding-bottom: 15px; border-bottom: 1px solid #88dcd4; }
.et-bd-bottom a:link,.et-bd-bottom a:visited{ color: #fff; }
.et-bd-bottom a:hover{ text-decoration: underline; }
.explain-prize{ float: right; width: 500px; }
.explain-prize .et-content{ width: 260px; }
.step-title{ position: relative; }
.step-title li{ position: absolute; cursor: pointer; }
/* form */
.form-wrap{ position: relative; margin-top: -2px; background: url(../img/line.png) center repeat-y; }
.form{ position: relative; width: 900px; padding: 0 50px; margin: 0 auto; }
.fw-pic1{ position: absolute; left: 50%; top: 350px; margin-left: -660px; }
.fw-pic2{ position: absolute; left: 50%; top: 630px; margin-left: 360px; }
/* classroom */
.classroom{ float: left; width: 478px; height: 218px; border: 1px solid #e7e7e7; background: url(../img/classroom.png) center no-repeat; }
.classroom-link{ display: block; width: 100%; height: 100%; }
.classroom-link:link,.classroom-link:visited{ color: #000; }
.classroom h2{ padding: 20px 0 0 20px; font: normal 25px/32px SimSun; text-shadow: 3px 3px 5px #d0d0d0; }
.classroom-into{ display: block; width: 120px; height: 36px; margin: 30px 0 0 20px; font: normal 17px/36px Microsoft Yahei; color: #fff; text-align: center; text-decoration: none; background-color: #1893c4; }
.classroom-link:hover .classroom-into{ text-shadow: 1px 1px 2px #333; background-color: #069; }
/* code-wrap */
.code-wrap{ position: fixed; left: 50%; bottom: 10px; width: 153px; height: 205px; padding: 10px 0 0; margin-left: -670px; border: 1px solid #e7e7e7; background-color: #fff; }
.cw-img{ display: block; width: 126px; margin: 0 auto 0; }
.cw-txt{ margin-top: 10px; font-size: 14px; text-align: center; line-height: 18px; }
/* company-intro */
.company-intro{ margin-top: 50px; }
.company-intro .title{ color: #59a447; }
.ci-img{ float: left; }
.ci-content{ float: right; width: 480px; line-height: 18px; text-indent: 2em; }
.ci-content p{ margin-top: 5px; }
.ci-more,.ci-more a:link,.ci-more a:visited{ color: #59a447; }
.ci-more a:hover{ text-decoration: underline; }
/* fixed-icon */
.fixed-icon{ position: fixed; right: 0; top: 280px; width: 285px; height: 408px; background: url(../img/fixed_icon.png) 20px center no-repeat; }
.fi-anchor{ position: absolute; left: 95px; top: 226px; width: 170px; height: 95px; }

#comm100_FloatImageButton3, #comm100_FloatImageButton4{ left: 0 !important; }


.mingdan { padding: 20px 0 0; margin: 0 auto; background: url(../img/awards_list.png) 0 0 no-repeat; height: 600px; width: 997px; }
.mingdan h3 { font: bold 24px/35px "Microsoft Yahei", "黑体"; color: #FF6600; }
.mingdan h4 { font: bold 22px/40px "Microsoft Yahei", "黑体"; padding: 75px 0 0 0; color: #000; text-align: center; }
.mingdan .mingdan_con { padding-top: 15px; *zoom: 1; }
.mingdan .mingdan_con ul { padding: 0 90px 0 98px; }
.mingdan .mingdan_con li { float: left; font: normal 14px/22px "Microsoft Yahei", "黑体"; color: #000; float: left; }
.mingdan p { font-family: "微软雅黑"; font-size: 14px; color: #262626; padding-left: 98px; margin-top: 10px; }
.mingdan .mingdan_con li span { padding-right: 20px; }
.mingdan a:link,.mingdan a:visited{ color: #000; }
.mingdan a:hover{ color: #000; text-decoration: underline; }


@-webkit-keyframes bounce {
    0%,100%,20%,50%,80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bounce {
    0%,100%,20%,50%,80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce
}