@charset "utf-8";

h3{margin-top: 40px;}

.school{background:url(../images/p4.png) center top no-repeat;
	background-image: -webkit-image-set(url("../images/p4.png")  1x, url("../images/p4@2x.png") 2x); background-position: center; height: 715px;}

/*service_start*/
.service_box{background-color:#2590eb;height: 490px;padding: 70px 0 ;}
.service_title{background: url(../images/title_service.png) top no-repeat;width: 1200px;height: 107px;}
.service{ height: 350px;padding-top: 50px;color: #fff;}
.item_box{width: 310px;height:370px ; overflow: hidden;}
.item{width:890px; height:370px;-webkit-transition: margin-left 0.3s ease;-moz-transition: margin-left 0.3s ease;transition: margin-left 0.3s ease;}
.item_sum{width: 257px; height: 350px;padding: 10px 26px;border-right:1px solid #74b8f2;}
.item_content{width:539px; height: 350px;padding: 10px 20px;border-right:1px solid #74b8f2;}
.noline{border: none;}
.icon_item{width:92px;height: 81px;margin: 0 auto;background: url(../images/icon_service.png) no-repeat; display: block;}
.item_01{background-position:-4px -4px;}
.item_02{background-position:-4px -98px;}
.item_03{background-position:-4px -195px;}
.item_name{font-size:20px;font-weight: bold; line-height:32px; margin: 10px 0; text-align: center;}
.item_describe{font-size: 16px; line-height: 26px;}
.content_top{border-bottom:1px solid #74b8f2;padding-bottom: 15px;margin-bottom: 15px;}
.content_top .item_name{text-align: center; line-height: 32px; margin-bottom:5px;}
.content_top .item_describe{line-height: 22px;}
.mar_l28{margin-left:27px; width:420px;}
.point{width: 212px; height:110px;padding: 8px 8px 8px 40px;background: url(../images/icon_service.png) no-repeat;background-position: 2px -281px; overflow: hidden;}
.point_title{font-weight: bold; font-size: 16px; margin: 3px 0 9px 0;}
.point_content{font-size: 14px; line-height: 20px;}
.on .item{margin-left: -310px;}
.on{width: 580px;}
.point:hover{background-color: #51a6ef;}

/*foot_start*/
.foot_frame{background:#5a5e60;}
.foot_01{border-bottom: 1px solid #666b6e; box-shadow:0 1px 0 #4d4e4f;}
.foot_content{padding: 50px 60px; width: 1080px; margin: 0 auto;}
.foot_content dl{width: 286px;}
.foot_title{color: #fff;font-weight: bold;font-size: 16px;}
.eng_title{font-size: 12px;color: #bbb; margin-left: 10px;}
.foot_content dd{margin-top: 18px;font-size: 14px; color: #999;}
.foot_content dd a{color: #999;}
.foot_content dd a:hover{color: #20be6b;text-decoration: underline;}
.foot_02{text-align: center;font-size: 14px;color: #aaa;line-height: 28px;padding: 18px 0;}
.foot_02 p span.mar_l15{margin-left:15px;}
.foot_content dl.app_index{width: 144px;}
.foot_content dl.app_index img{margin: 10px 0;}
.foot_content dl.app_index p{font-size: 12px; }




.box_top{background: url(../images/bj.png) no-repeat top;width: 100%;height: 620px;}
.menu_s{height: 84px;line-height: 84px;width: 1190px;margin: 0 auto;padding-left: 10px;}
.logo{background: url(../images/logo_big.png) no-repeat;width: 132px;height: 45px;margin: 18px 56px 0 0;}
.menu{border-bottom: 1px solid rgba(255,255,255,.1); transition: all .3s ease; position: fixed;left: 0; top: 0;width: 100%;z-index: 9;}
.menu_list a{color: #fff;font-size: 14px;margin:0 5px; height: 84px; float: left;padding: 0 16px;}
.menu_list a:hover{background: rgba(0,0,0,.2);}
.menu_s .tel{width: 100px;height: 18px;margin: 32px 12px 0 0;background: url(../images/number.png) no-repeat left top;font-size: 16px;color: #fff;line-height: 18px;padding-left: 25px;}
.white{background:#fff;background:rgba(255,255,255,.95);box-shadow: 0 0 2px #ccc;}
.white .menu_list a{color: #666;}
.white .menu_list a:hover{background: #00A2F7; color: #fff;}
.white .logo{background: url(../images/logo_1.png) no-repeat; background-size:cover;}
.white .tel{background: url(../images/number_1.png) no-repeat left top;color: #666;}
.banner_box{background: url(../images/bj_img02.png)no-repeat;width: 100%;height: 536px;}
.banner_01{background: url(../images/banner01.png) no-repeat;width: 614px;height: 431px;position: relative;top: 85px;left: 61px;}
.banner_02{background: url(../images/banner_02.png) no-repeat;width: 826px;height: 472px;position: relative;top: 85px;left: 61px;}
.banner_03{background: url(../images/banner_03.png) no-repeat;width: 826px;height: 472px;position: relative;top: 85px;left: 61px;}
.samll_ban{position: relative;height: 536px;}
.login_box{position: absolute;width:324px;height: 410px;left:50%;bottom: 66px;z-index: 3;margin-left: 200px;}
.login_box h4{font-size: 16px;color: #999;text-align: center;height: 40px;border-bottom: 1px solid #e5e5e5;margin-bottom: 30px;}
.logined{position: absolute;width:324px;height: 410px;left:50%;bottom: 66px;z-index: 3;margin-left: 200px;}
.logined h4{font-size: 16px;color: #999;text-align: center;height: 40px;border-bottom: 1px solid #e5e5e5;margin-bottom: 30px;}
.account_num,.password{border: 1px solid #ddd;width: 274px;height: 38px;line-height: 38px;}
.login-content{position: absolute; left: 0; top: 0;z-index: 8;width:276px;height: 362px;padding: 24px;}
.account_num label{background: url(../images/user.png) no-repeat;width: 13px;height: 13px;display: inline-block;margin-left: 10px;position: relative;
    top: 1px;}
.account_num:hover,.password:hover{border: 1px solid #545ffb;}
.password{margin-top: 22px;margin-bottom: 22px;}
.password label{background: url(../images/password.png) no-repeat;width: 12px;height: 15px;display: inline-block;margin-left: 10px;position: relative;
    top: 3px;}
.account_num input,.password  input{border: none;height: 36px; width: 238px;font-size: 12px;color: #999;outline:none;margin-left: 8px; width: 230px\9;}
.automatic{height: 20px;line-height: 20px;margin-bottom: 32px;}
.automatic p input{position:relative ;top: 2px;margin: 0px 0 0 3px;}
.automatic p label,.automatic a{color: #999;font-family: simsun;}
.automatic a:hover{color: #ff0000;}
.btn{width: 275px;height: 44px;background: #545ffb;display: block;color: #fff;line-height: 44px;text-align: center;font-size: 16px; cursor:pointer;}
.btn:hover{box-shadow: 2px 2px 8px #939aff;}
.register{height: 52px;line-height: 52px;border-top:1px solid #e5e5e5;width: 272px;margin-top: 25px;padding-right: 3px;}
.register a{color:#545ffb;}
.box{margin: 78px 0 0 44px;}
.small_box em{margin: 66px auto 0 auto;}
.boxs{position: absolute;width:324px;height: 408px;background: #fff;border: 1px solid #eee;}
.box_01{right: -4px;bottom: -4px;}
.box_02{right: -2px;bottom: -2px;}
.box_03{right: 0;bottom: 0;}
.service_box1{height: 646px;padding: 56px 0 30px 0;}
/**
    修改是注释掉
*/
/*.service_title1{background: url(../images/sever_img1.png) no-repeat;width: 702px;height: 101px;margin: 0 auto;}*/
.service_title1{background: url(../images/ICP/sever_img1.png) no-repeat;width: 702px;height: 101px;margin: 0 auto;}

.service_small{height: 354px; padding: 0px 15px 40px 15px;position: relative;}
.service_01{padding: 48px 42px 44px 42px; border: 1px solid #e5e5e5;position: relative;width: 228px;}

.service_01 img{margin: 0 auto; display: block;width: 168px;height: 96px;    margin-bottom: 28px;}
.service_01 .points{font-size: 20px;color: #333;display: block;text-align: center;}
.service_01 em{width: 40px;height: 1px;background:#d9d9d9;margin: 0 auto;display: block;margin: 66px auto 0 auto;}
.service_01 .briefly{width: 228px; color:#888;line-height: 25px; margin: 32px auto 0 auto;}
.service_01 p.orgen{border-top: 4px solid  #f3c26c;}
.service_01 p.blue{border-top: 4px solid  #448aff;}
.service_01 .details .blue{border-top: 4px solid  #448aff;width: 437px;}
.service_details .small_box{display: none;}
.service_cont{display: none;}
.service_details .service_cont{display: block;}
.service_details{padding: 25px 25px;width: 385px;height: 415px;position: relative; top: -28px;}

.service_details .service_cont{margin-top: 18px;height: 112px; border-bottom: 1px solid #dedede;}
.service_cont  .points_b{font-size: 20px;color: #448aff;font-weight: bold;margin: 0;width: 200px;}
.service_cont  p span{color: #999;font-size: 12px;display: inline-block;font-weight: 100;padding: 0;text-align: left;
    margin-top: 10px;margin-bottom: 0;line-height: 18px;}
.ser_icon{background: url(../images/icon.png)no-repeat;width: 13px;height: 12px;display: inline-block;margin-right: 5px;}
.service_list{margin-top: 17px;}
.service_list li{height: 89px;}
.service_list li span{color: #333;font-size: 14px; margin-bottom: 10px; display: inline-block;}
.service_list li p{color: #888;}

.service_cont  .points_g,.service_cont  .points_o{font-size: 20px;color: #1bb59c;font-weight: bold;margin: 0;width: 208px;margin-top: 27px}
.service_cont  .points_o{color: #f3c26c;margin-top: 4px;}
.service_orgen  .points_o{font-size: 20px;color: #f1b13f;font-weight: bold;margin: 0;width: 200px;}
.ser_icon2{background: url(../images/icon_2.png)no-repeat;width: 13px;height: 12px;display: inline-block;margin-right: 5px;}
.ser_icon3{background: url(../images/icon_3.png)no-repeat;width: 13px;height: 12px;display: inline-block;margin-right: 5px;}

.green{border-top: 4px #1ed5b7 solid;}
.yellow{border-top: 4px #f3c26c solid;}
.blue{border-top: 4px #448aff solid;}




.screen_03{background: url(../images/bj_04.png)no-repeat;width: 100%;height: 567px;}



.section1{margin-top: 22px; }
.section1 li{width: 389px; height: 92px;padding-left: 10px; cursor: default;}
.section1 li i{font-size: 40px; color: #2590EB; position: relative;width: 80px;height: 80px;line-height: 80px;text-align: center;
border: 1px solid #dedede; border-radius: 50%; padding: 5px;}
.section1 li p{color: #666; font-size: 18px; width: 285px; line-height: 26px;padding: 20px 0 0 10px;}
@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}
.section1 li:hover{background: #f5f5f5;}
.section1 li:hover i{color: #2590EB; animation: swing  ease-in-out  .5s;}

.section2{position: relative;bottom: -190px}
.section2 li{border-radius: 2px; border: 1px solid #dedede; width: 214px; height: 262px;margin-right: 30px; float: left;_display: inline;background: #fff;position: relative;}
.section2 li .box1{width: 67px; height: 67px; border:1px solid #dedede; border-radius: 50%; margin: 26px auto; padding: 32px;text-align: center;cursor: default;}
.section2 li p.root{position: absolute;border-bottom: 3px solid #c7c7c7;width: 216px;left: -1px;bottom: -11px;}
.box2{width: 67px; height: 67px;}
.box1 i{color: #fff; line-height: 67px; font-size: 40px; }
.section2 li:hover .box2{border-radius: 50%; transform: scale(1.5);}
.section2 li p{font-size: 18px; color: #888; width: 130px; margin: 10px auto; text-align: center;line-height: 28px;}
.bg1{background: #a300f7;}
.bg2{background: #00a2f7;}
.bg3{background: #ff337e;}
.bg4{background: #11e6f3;}
.bg5{background: #ff8800;}
.section3{padding-bottom: 30px;}


@keyframes bg {
    0% {
        transform: translate3d(0,0,0)
    }

    100% {
        transform: translate3d(-1300px,0,0)
    }
}

@keyframes bg2 {
    0% {
        transform: translate3d(-500px,0,0)
    }

    100% {
        transform: translate3d(800px,0,0)
    }
}


.t01{animation: bg 90s linear infinite}
.t02{animation: bg2 90s linear infinite}

.big-box{width: 440px; position: absolute; top: 76px; right: 20px; }
.picture{position: absolute; left:50px; top: 60px;}
.login-box{width: 400px; height: 400px; background: #fff; padding: 40px 0 0 0;box-shadow: 0 0 10px 1px #1665a8;}
.login-box h2{color: #2590eb; font-size: 20px; text-align: center;margin-bottom: 30px;}
.login ul{border: 1px solid #aeafb1; width: 308px; padding:0 15px; margin: 0 auto; border-radius: 2px;}
.login li{position: relative;width: 270px;color: #666;}
.login li input.txt{width: 266px; height: 60px; padding: 2px 10px 0 32px;font: 14px simsun; color: #333; border: none; outline: none; background-color:#FFFFFF}
.login li i{position: absolute;color: #5b5d67; left: 10px; top: 24px;}
.form-con input[type=checkbox]{vertical-align: middle;}
input::-webkit-input-placeholder {color:#a9a9a9;}
input:-moz-placeholder {color: #a9a9a9;}
input:-ms-input-placeholder{color: #a9a9a9;}
.login li input.border{border-bottom: 1px solid #d2d3d4;}
.button{width: 340px;  background: #086cea; text-align: center;color: #fff;font: 16px "Microsoft Yahei"; cursor: pointer; outline: none;height: 46px;line-height: 46px;margin-top: 12px;border: none;}
.button:hover{box-shadow: -4px -4px 10px rgba(0,0,0,.2) inset;}
.button:active{box-shadow: 4px 4px 10px rgba(0,0,0,.2) inset;}
.form-con{width: 340px; margin: 0 auto; padding-top: 38px; font-family: simsun}
.form-con p a{color: #007ac6; text-decoration: underline;}
.mark{height: 60px; text-align: center; background: #f0f0f0;color: #999; font-size: 15px; line-height: 60px; border-top: 1px solid #dedede; position: absolute; bottom: 0; left: 0; width: 400px;}
.reg-box{background: #fff;overflow: hidden;top: 100px;width: 420px;height: 500px;left: 50%;margin-left: 150px;display: none;}

.tit-btn {border-bottom: 1px solid #dedede;width: 100%; height: 50px; line-height: 50px;text-align: center; font-size: 17px;padding-top: 10px;background: none;color: #999;}


.reg-form{font-family: simsun;padding: 0 39px;}
.reg-form li{padding-top: 15px;position: relative;}
.reg-form li i{position: absolute; right: -12px; color: green; top: 25px; font-size: 14px;}
.reg-form input.phone {width: 140px; border-right: none;}
.reg-form input.nomber {width: 60px; border-left: none;}
.reg-form .nomber-btn{width: 55px;border: 1px solid #aeafb1; color: #333;height: 32px;padding: 2px 0; background: #f5f5f5; cursor: pointer;outline: none;}
.nomber-btn:hover{border-color:#00A2F7;background: #00A2F7; color: #fff;}

.reg-form select{width: 88px; border: 1px solid #aeafb1; height: 30px;margin-right: 6px; color: #999;float:left;}
.reg-form select:focus,.reg-form input:focus{color: #333;}
.reg-form select.form-school{width: 276px;}
.reg-form label{float:left;width:60px; height: 30px; line-height: 30px; text-align: right; color: #666; font-family: "microsoft yahei";}
.reg-form input{width: 265px; border: 1px solid #aeafb1; height: 26px;color: #999;float:left;padding: 2px 5px;}
.reg-abtn {text-align: center;}
.reg-abtn a{color: #007ac6; }
.reg-abtn a:hover{text-decoration: underline;}
.reg-form input,.reg-form select,.reg-form .nomber-btn {border-color: #ddd;font-size: 12px;}
.reg-form input:focus,.reg-form select:focus {border-color: #545ffb;outline: none;}


.img-box{width: 100px;height: 100px; border: 1px solid #f0f0f0;padding: 4px; margin: 15px auto;border-radius: 50%; overflow: hidden;}
.img-box img{width: 100px;height: 100px;border-radius: 50%;}
.text{color: #666; font-size: 14px; line-height: 24px; margin-bottom: 10px;}