@charset "utf-8";
/*end*/
body{overflow-x:hidden;}

/**/
.v_content{ width: 1200px; margin: 0 auto;}
.visual_ban{ overflow: hidden; background: url("../images/Vis_ban.jpg") no-repeat  center 0; height: 480px;}
.visual_ban h3{ line-height: 100%;font-weight: normal; font-size: 50px; color: #1a1a1a; padding-top: 116px; letter-spacing: 4px;}
.visual_ban p{ padding-top: 20px; height: 129px; width: 632px; font-size: 16px; color: #333333; line-height: 31px;}
.visual_ban em{ display: block; overflow: hidden;}
.visual_ban em a{ display: inline-block; transition: all 0.2s; width: 126px; height: 50px; line-height: 50px; border-radius: 6px; color: #fff; font-size: 16px; margin-right: 10px; background: #4358ab; text-align: center;}
.visual_ban em a:last-of-type{ background: #f1592a;}
.visual_ban em a:hover{ width: 145px;}
/**/
.v_understand{ padding: 80px 0;}
.v_tils{ text-align: center; line-height: 100%;font-weight: normal; font-size: 40px; color: #333333; letter-spacing: 4px; padding-bottom: 21px; margin-bottom: 41px; position: relative;}
.v_tils:before{display: inline-block;width:46px;height: 2px;background: #4358ab;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.65%;opacity: 1;}
.v_tils:hover:before{  width:90px;opacity: 1;}
.v_understand ul li{float: left; width: 384px; height: 358px; border: 1px solid #ebecf2; border-radius: 5px; box-shadow: 0 0 25px rgba(67,88,171,0.16)}
.v_understand ul li:nth-of-type(2){ margin: 0 21px;}
.v_understand ul li i{ display: block; margin: 40px 0 0 42px; height: 79px; padding-left: 72px; font-size: 28px; color: #333333;font-weight: bold; box-sizing: border-box; line-height: 100%; padding-top: 16px;background: url("../images/vi_ico1.jpg") no-repeat;}
.v_understand ul li:nth-of-type(2) i{background: url("../images/vi_ico2.jpg") no-repeat;}
.v_understand ul li:nth-of-type(3) i{background: url("../images/vi_ico3.jpg") no-repeat;}
.v_understand ul li:nth-of-type(4) i{background: url("../images/vi_ico4.jpg") no-repeat;}
.v_understand ul li:nth-of-type(5) i{background: url("../images/vi_ico5.jpg") no-repeat;}
.v_understand ul li em{ display: block; margin-left: 49px; height: 146px;}
.v_understand ul li em span{ display: block; position: relative; padding-left: 16px; margin-bottom: 15px; color: #4c4c4c; font-size: 16px; line-height: 100%;}
.v_understand ul li em span:before{ position: absolute; content: ""; left: 0; top: 6px; width: 5px; height: 5px; border-radius: 5px; background: #999;}
.v_understand ul li a{ display: block; margin-left: 77px; border-radius: 5px; width: 230px; height: 46px; text-align: center; line-height: 46px; color: #fff; background: #4358ab;}
.v_understand ul li span b{ display: block; font-weight: normal; line-height: 100%; padding: 15px 0 0 80px;}
.v_understand ul li:nth-of-type(4),.v_understand ul li:nth-of-type(5){ width: 588px; height: 328px; margin-top: 20px;}
.v_understand ul li:nth-of-type(4) a,.v_understand ul li:nth-of-type(5) a{ margin-left: 129px; width: 330px;}
.v_understand ul li:nth-of-type(5){ float: right;}
.v_understand ul li:nth-of-type(4) em,.v_understand ul li:nth-of-type(5) em{ height: 116px;}
.v_understand ul li:hover{box-shadow: 0 0 25px rgba(241,89,42,0.16)}
.v_understand ul li:hover a{ background: #f1592a;}
.v_understand ul li:nth-of-type(1):hover i{background: url("../images/vi_ico11.jpg") no-repeat;}
.v_understand ul li:nth-of-type(2):hover i{background: url("../images/vi_ico21.jpg") no-repeat;}
.v_understand ul li:nth-of-type(3):hover i{background: url("../images/vi_ico31.jpg") no-repeat;}
.v_understand ul li:nth-of-type(4):hover i{background: url("../images/vi_ico41.jpg") no-repeat;}
.v_understand ul li:nth-of-type(5):hover i{background: url("../images/vi_ico51.jpg") no-repeat;}
/**/
.v_function{ overflow: hidden; padding-top: 80px; height: 519px; margin-bottom: 80px; background: #f5f6fa;}
.v_function h3{ margin-bottom: 60px;}
.v_function ul li{ float: left;  box-sizing: border-box; text-align: center;}
.v_function ul li i{ display: block; margin:0 auto -6px;background: url("../images/vf_bg1.png") no-repeat; width: 228px; height: 228px;  color: #4358ab; font-size: 26px; font-weight: bold; line-height: 100%; position: relative;}
.v_function ul li i span{ display: block; line-height: 100%; padding: 77px 0 12px 0;}
.v_function ul li i b{ display: inline-block; position: absolute; left: 14px; width: 200px; height: 200px;background: url("../images/vf_ico.png") no-repeat; top: 3px;-webkit-animation: spin 3s linear infinite;}
.v_function ul li:nth-of-type(2){padding: 0 64px; margin: 0 64px; position: relative;}
.v_function ul li em{ display: block; line-height: 100%; color: #333;}
.v_function ul li em span{ display: block; padding: 15px 0;}
.v_function ul li:before{ position: absolute; content: ""; left: 0; top: 15px; width: 1px; height: 293px; background: #d4d5dc;}
.v_function ul li:after{ position: absolute; content: ""; right: 0; top: 15px; width: 1px; height: 293px; background: #d4d5dc;}

@-webkit-keyframes spin{
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/**/
.v_value{height: 728px;background: url("../images/v_value.png") no-repeat center 112px;}
.v_value dl{ float: left; width: 430px; height: 208px; background: #fff; border-radius: 5px; box-shadow: 0 0 25px rgba(67,88,171,0.16); margin-bottom: 40px; border: 1px solid #ebecf2; position: relative;}
.v_value dl:nth-of-type(2n){ float: right;}
.v_value dl dt{ position: absolute; top: 74px; right: -31px; width: 61px; height: 61px; border-radius: 61px; background: #4358ab; color: #fff; text-align: center; line-height: 61px; font-weight: bold; font-size: 26px;}
.v_value dl dd{ text-align: right; padding-right: 60px;}
.v_value dl dd h3{ line-height: 100%; font-size: 26px; color: #333333;font-weight: bold; padding-top: 44px; padding-bottom: 24px;}
.v_value dl dd h3 span{ padding-left: 18px;}
.v_value dl dd p{ line-height: 100%; color: #666666; font-size: 16px;}
.v_value dl dd p span{ display: block; padding: 12px 0;}
.v_value dl:nth-of-type(2n) dt{ right: inherit; left: -31px;}
.v_value dl:nth-of-type(2n) dd{ text-align: left; padding-right: 0; padding-left: 60px;}
/**/
.v_curriculum{ height: 624px;}
.v_curriculum dl{ float: left; width: 385px; margin-right: 22px; background: #fff;box-shadow: 0 0 25px rgba(67,88,171,0.16);}
.v_curriculum dl:last-of-type{ margin-right: 0;}
.v_curriculum dl dt{ font-size: 0; line-height: 0; overflow: hidden;}
.v_curriculum dl dt img{ width: 385px;}
.v_curriculum dl dd{ border: 1px solid #ebecf2; padding: 19px 35px 0; height: 205px;}
.v_curriculum dl dd h3 span{ display: inline-block; height: 28px; line-height: 28px; border-radius: 28px; padding: 0 15px; border: 1px solid #132498; font-size: 16px; color: #132498;}
.v_curriculum dl dd h3 a{ display: block; margin: 9px 0 16px 0; line-height: 32px; font-size: 22px; color: #333333;}
.v_curriculum dl dd p { line-height: 15px; font-size: 16px; color: #7c85a6; margin-bottom: 10px;}
.v_curriculum dl dd p em{background: url("../images/v_ico1.jpg") no-repeat;padding: 0 25px;line-height: 15px;font-size: 16px;color: #7c85a6;margin-bottom: 10px;display: inline-block;}
.v_curriculum dl dd p b{display: block;padding-left: 25px; line-height: 15px; font-size: 16px; color: #7c85a6; margin-bottom: 10px;}
.v_curriculum dl dd p b.long{ background: url("../images/v_ico2.jpg") no-repeat; font-weight:normal}
.v_curriculum dl:hover{box-shadow: 0 0 25px rgba(241,89,42,0.16);}
.v_curriculum dl:hover dd{ border-bottom: 3px solid #f1592a;}
.v_curriculum dl:hover h3 span{ color: #fff; background: #f1592a;border: 1px solid #f1592a; }
/**/
.v_register{ overflow: hidden;background: url("../images/v_register.jpg") no-repeat center 0; height: 200px;}
/**/
.v_register p{ padding-top: 75px; padding-left: 60px;}
.v_register p i{ display: inline-block; line-height: 50px; padding-right: 50px; font-size: 36px; color: #262626; font-weight: bold; float: left;}
.v_register p a{ display: inline-block; float: left; line-height: 50px; border-radius: 5px; color: #fff; background: #f1592a; font-size: 16px; padding: 0 30px; transition: all 0.2s;}
.v_register p a:hover{ padding: 0 39px;}
/**/
/**/


.v_scl_on_zj{ height: 677px;background: url(/Skins/DefaultNews/neiye/dx_zbg.jpg) no-repeat center 0;overflow: hidden;}
.v_scl_on_zj .content2{ width:1201px}
.v_scl_on_zj h3{text-align: center; line-height: 100%; font-weight: normal;padding-top: 60px;  color: #fff; font-size: 40px; letter-spacing: 6px;}
.v_scl_on_zj1{ overflow: hidden;}
.v_scl_on_zj1 ul li{ height: 52px; line-height: 52px; color: #fff; font-size: 14px;font-family:"Microsoft Yahei";}
.v_scl_on_zj1 ul li:first-of-type{ background: #183c7a; text-align: center;}
.v_scl_on_zj1 ul li i{ display: inline-block; float: left;width: 296px; text-align: center; border-right:1px solid #f3f3f3; box-sizing: border-box;}
.v_scl_on_zj1 ul li em{display: inline-block;float: left;text-align:center;width: 153px;font-weight: normal;border-right:1px solid #f3f3f3;box-sizing: border-box;}
.v_scl_on_zj1 ul li b{display: inline-block;float: left;width: 169px;font-weight: normal;text-align: center;border-right:1px solid #f3f3f3;box-sizing: border-box;}
.v_scl_on_zj1 ul li b.long{width: 148px;}
.v_scl_on_zj1 ul li b.long a{ color: #fff;    text-decoration: underline;}
.v_scl_on_zj1 ul li strong{ display: inline-block; float: left; width:100px;font-weight: normal; text-align: center;border-right:1px solid #f3f3f3; box-sizing: border-box;;}
.v_scl_on_zj1 ul li span{ display: inline-block; float: left;width:187px;font-weight: normal; text-align: center;border-right:1px solid #f3f3f3; box-sizing: border-box;}
.v_scl_on_zj2{overflow-y: scroll; height: 335px; background:#fff}
.v_scl_on_zj2 ul li{  color: #333333; font-size: 14px;font-family:"Microsoft Yahei"; border-bottom: 1px solid #ebf5ff; overflow: hidden;}
.v_scl_on_zj2 ul li i{ display: inline-block; float: left;width: 295px; text-align: center;padding-top: 22px; padding-bottom: 22px; color: #333333; font-size: 14px; }
.v_scl_on_zj2 ul li em{display: inline-block;float: left;text-align:center;width: 153px;font-weight: normal;border-left: 1px solid #ebf5ff;box-sizing:border-box;padding-top: 22px;padding-bottom: 22px;text-align: center;}
.v_scl_on_zj2 ul li b{display: inline-block;float: left;width: 169px;font-weight: normal;padding-top: 22px;padding-bottom: 22px;text-align: center;border-right:1px solid #f3f3f3;box-sizing: border-box;}
.v_scl_on_zj2 ul li b.long{width: 148px;}
.v_scl_on_zj2 ul li strong{ display: inline-block; float: left; width:99px;font-weight: normal; text-align: center;font-weight: normal;border-left: 1px solid #ebf5ff; border-right: 1px solid #ebf5ff;padding-top: 22px; padding-bottom: 22px;}
.v_scl_on_zj2 ul li span{ display: inline-block; float: left; width:164px;font-weight: normal; padding-top: 12px; text-align: center;}
.v_scl_on_zj2 ul li span a{ display: inline-block; width: 127px; height: 34px; line-height:34px; background: #f05827; border-radius: 2px; text-align: center; color: #fff; font-size: 16px; letter-spacing: 1px;}
/**/
/**/
/**/
.pic img{-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.poc:hover img{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}

@keyframes move{
    0%{
        transform: translateY(0px);
    }
    100%{
        transform: translateY(10px);
    }
}


/**/
.pic img,.piy{transition: all 0.3s linear 0s;}
.pic img:hover{transform: scale(1.035);}
.piy:hover{transform: translateY(3px);}
/**/
/**/

@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }
@keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-moz-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-webkit-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-o-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}

/**/