@charset "UTF-8";
/*css reset*/
*{margin:0;padding:0;}
li{list-style:none;}
img{border:none;vertical-align:top;}
a{text-decoration:none;}
.clear{zoom:1;}
.clear:after{content:"";display:block;clear:both;}
body{
    overflow-x: hidden;
    font-family: 'Microsoft YaHei' !important;
    font-weight: 100;
}
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
/*css reset*/

/*head start*/
#etaishuo_top{
    width: 100%;
    height:60px;
    line-height: 60px;
    background: rgb(33,33,33);
}
#etaishuo_center{
    width: 1440px;
    margin: 0 auto;
}
#etaishuo_logo{
    float: left;
}
#etaishuo_logo img{
    width: auto;
    height: 60px;
    vertical-align: top;
}
#etaishuo_logo div{
    color: white;
    font-size: 20px;
    width: auto;
    height: 60px;
    line-height: 60px;
    vertical-align: top;
    display: inline-block;
}
#etaishuo_center ul{
    width: auto;
    display: inline-block;
    margin-left: 120px;
}
#etaishuo_center ul li{
    width: auto;
    height: 60px;
    float: left;
    color: rgb(153,153,153);
    font-size: 16px;
    margin-right: 60px;
}
#etaishuo_center ul li a{
    color: rgb(93,93,93);
    vertical-align: middle;
}
#etaishuo_center ul li a:hover{
    color: rgb(255,255,255);
    cursor: pointer;
}
#etaishuo_center .active{
    color: rgb(255,255,255);
}
#etaishuo_login{
    float: right;
    margin: 18px 0;
    cursor: pointer;
    min-width: 60px;
    height: 24px;
    padding: 0 10px;
    border: 2px solid rgb(110,174,219);
    color: rgb(110,174,219);
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    border-radius: 80px;
}

#etaishuo_center ul .active{
    color: rgb(255,255,255);
}
#header_sub{
    position: absolute;
    top: 60px;
}
/*head end*/

/*change start*/
#etaishou_content{
    width: 100%;
    height: auto;
    margin: 0 auto;
}
#background_contain{
    width: 100%;
    background: rgb(240,240,240);
}
#background_gray{
    /*width: 100%;*/
    width: 100%;
    min-width: 1280px;
    height: auto;
    margin: 0 auto;
}
.slideShow{
    /*margin: 0 auto;*/
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}
.slideShow ul{
    width: 100%;
    /*position: relative;*/
}
.slideShow ul li{
    /*float: left;*/
    /*width: 33.33%;*/
    width: 100%;
}
.slideShow ul li img{
    /*width: 100%;*/
    width: 100%;
}
.slideShow .showNav{
    position: absolute;
    width: 140px;
    right: 50%;
    margin-right: -70px;
    bottom: 20px;
    text-align:center;
    font-size: 12px;
    line-height: 20px;
}
.slideShow .showwidth{
    width: 57px;
    margin-right: -28.5px;
}
.slideShow .showNav span{
    cursor: pointer;
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    background: rgb(255,255,255);
    margin-right: 24px;
    border-radius: 50%;
}
#showNav_2{
    margin-right: 0;
}
.slideShow .showNav .active{
    background: rgb(65,120,190);
}
/*change end*/

/*apply start*/
#etaishuo_apply{
    width: 100%;
    /*height: 800px;*/
    padding: 90px 0px;
    background: rgb(255,255,255);
}
#etaishuo_middle{
     width: 1280px;
     margin: 0 auto;
}
#etaishuo_computer{
    /*float: left;*/
    height: 700px;
    margin: 30px auto 0 auto;
    text-align: center;
}
/*.note-box{*/
    /*height: 700px;*/
/*}*/
#etaishou_school{
    width: 42%;
    height: auto;
    /*float: left;*/
    margin:  0 auto;
    text-align: center;
}
#school_title{
    font-size: 40px;
    color: rgb(51,51,51);
}
#etaishuo_instruction{
    font-size: 20px;
    color: rgb(51,51,51);
    margin: 30px 0 0 0;
    line-height: 30px;
}
#apply_button{
    width: 120px;
    height: 44px;
    line-height: 44px;
    background: rgb(65,120,190);
    color: rgb(255,255,255);
    text-align: center;
    outline: none;
    border: 0px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
}
/*apply end*/

/*education start*/
#etaishuo_education{
    width: 100%;
    height: 600px;
    background: rgb(22,41,52);
    margin: 0 auto;
}
#etaishuo_among{
    width: 1168px;
    padding-top: 80px;
    margin: 0 auto;
}
#etaishuo_among h1{
    color: rgb(255,255,255);
    width: auto;
    height: auto;
    font-size: 40px;
    text-align: center;
}
#etaishuo_among p{
    color: rgb(255,255,255);
    width: auto;
    height: auto;
    font-size: 20px;
    text-align: center;
    margin: 30px 0;
}
#etaishuo_among ul{
    margin-top: 50px;
}
#etaishuo_among ul li{
    float: left;
    margin-right: 68px;
    width:168px;
    height: 207px;
    text-align: center;
}

#etaishuo_among ul li:nth-last-of-type(1){
    margin-right: 0;
}
.icon-explain{
    color: rgb(255,255,255);
    font-size: 20px;
    margin-top: 18px;
}
/*education end*/

/*footer start*/
 body #etaishuo_footer{
    width: 100%;
    height: 160px;
    background: rgb(238,238,238);
     position: relative;
     bottom: 0;
}
#etaishuo_link{
    /*width: 595px;*/
    padding-top: 50px;
    margin: 0 auto;
}
#etaishuo_link ul li{
    float: left;
    font-size: 16px;
    cursor: pointer;
    color: rgb(102,102,102);
    line-height: normal !important;
}
#etaishuo_link ul li a{
    color: rgb(102,102,102);
}
#etaishuo_surport{
    width: 373px;
    margin: 24px auto 0 auto;
    color: rgb(102,102,102);
    font-size: 14px;
    text-align: center;
    line-height: normal !important;
}
#etaishuo_foot{
    width: 100%;
    padding-top: 60px;
}
#etaishuo_foot .etaishuo-link{
    /*width: 595px;*/
    clear: both;
    padding-top: 60px;
    clear: both;
    line-height: normal !important;
}
.ul-special{
    display:table;
    margin:0 auto;
}
/*footer end*/

/*loginchange start*/
#login_change{
    width: 900px;
    height: auto;
    margin: 90px auto 0 auto;
}
.slidebegin{
    width: 335px;
    height: 490px;
    position: relative;
    overflow: hidden;
    float: left;
    text-align: center;
}
.slidebegin ul{
    width: 2000px;
    position: relative;
}
.slidebegin ul li{
    float: left;
    width: 335px;
}
.slidebegin ul li img{
    width: 335px;
    height: 215px;
}
.slidebegin ul li p:nth-of-type(1){
    width: 315px;
    height: auto;
    font-size: 14px;
    color: rgb(51,51,51);
    margin: 26px auto 0 auto;
    text-align: justify;
    text-indent: 12px;
    line-height: 20px;
}
.slidebegin ul li p:nth-of-type(2){
    width: 180px;
    height: auto;
    line-height: 30px;
    font-size: 12px;
    color: rgb(65,120,190);
    margin: 0 auto;
    float: right;
    margin-bottom: 24px;
}
.slidebegin .showitem{
    width: 107px;
    height: 14px;
    position: absolute;
    top: 400px;
    left: 50%;
    margin-left: -51px;
    text-align:center;
    font-size: 12px;
    line-height: 14px;
}
.slidebegin .showitem span{
    cursor: pointer;
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    background: rgb(207,207,207);
    margin-right: 18px;
}
.slidebegin .showitem span:nth-last-of-type(1){
    margin-right: 0;
}
.slidebegin .showitem .active{
    background: rgb(65,120,190);
}
#login_change .login-apply{
    width: 120px;
    height: 44px;
    line-height: 44px;
    background: rgb(65,120,190);
    color: rgb(255,255,255);
    text-align: center;
    outline: none;
    border: 0px;
    cursor: pointer;
    position: absolute;
    bottom: 15px;
    left: 50%;
    margin-left: -60px;
}
/*loginchange end*/

/*loginbox start*/
#login_message{
    width: 380px;
    height: 462px;
    border: 1px solid rgb(220,220,220);
    border-radius: 5px;
    background: rgb(249,249,249);
    float: left;
    margin-left: 180px;
}
#login_message h1{
    width: 145px;
    height: auto;
    font-size: 24px;
    color: rgb(65,120,190);
    margin: 46px auto;
    font-weight: normal;
    font-family: '微软雅黑'
}
#login_now{
    width: 320px;
    margin: 0 auto
}
#login_input1,#login_input2{
    width: 320px;
    height: 60px;
    border-bottom: 1px solid rgb(220,220,220);
}
#login_input2{
    height: 55px;
    margin-top: 5px;
}
#login_icon1{
    float: left;
    background:url(/open/Public/img/etaishuoChange/loginname.png) 50% 50% no-repeat;
    height: 50px;
    width: 50px;
}
#username,#password{
    float: left;
    margin: 5px 0 0 30px;
    line-height: 40px;
    font-family: "微软雅黑";
    height: 40px;
    font-size: 18px;
    color: rgb(153,153,153);
    border: 0;
    outline: none;
    background: rgb(249,249,249) !important;
}
#login_passwd{
    float: left;
    background:url(/open/Public/img/etaishuoChange/loginkey.png) 50% 50% no-repeat;
    height: 50px;
    width: 50px;
}
#login_find{
    width: 320px;
    height: 30px;
    margin: 20px auto;
    line-height: 30px;
}
#login_find a{
    text-decoration: none;
    float: right;
}
#login_findkey{
    font-size: 16px;
    font-family: '微软雅黑';
    color: rgb(65,120,190);
}
#keep_login{
    color: rgb(153,153,153);
    font-family: '微软雅黑';
    font-size: 16px;
}
#cookietime{
    width: 14px;
    height: 14px;
    border: 1px solid rgb(220,220,220);
    background: rgb(255,255,255);
}
#login_user{
    height: auto;
    width: 320px;
    margin: 0px auto;
}
#login_user span{
    font-family: '微软雅黑';
    font-size: 16px;
    color: rgb(65,120,190);
    height: auto;
    width: 197px;
    display: block;
    margin: 30px auto 0 auto;
}
#login_user span a{
    text-decoration: none;
    color: rgb(65,120,190);
}
#login_user input:nth-of-type(1){
    cursor: pointer;
    width: 320px;
    height: 40px;
    border: none;
    background: rgb(65,120,190);
    color: rgb(255,255,255);
    font-family: '微软雅黑';
    font-size: 20px;
    outline: none;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px rgb(249,249,249) inset;
}
/*loginbox end*/

/*mobilechange start*/
.slider, .slider-panel img{
    width: 268px;
    height: 476px;
}
.slider {
    text-align: center;
    width: 268px;
    height: 476px;
    left: 981px;
    top: -590px;
    position: relative;
    overflow: hidden;
}
.slider-panel{
    position: absolute;
    z-index: 8;
    position: absolute;
    width: 268px;
    float: left;
}
.slider-panel img {
    border: none;
}
/*mobilechange end*/

/*ourstory start*/
#etaishou_include{
    width: 1100px;
    height: auto;
    margin: 80px auto 0 auto;
}
.etaishuo-public{
    margin-bottom: 70px;
}
.icon-story{
    width: 700px;
}
.icon-story p{
    width: auto;
    height: auto;
    font-size: 20px;
    color: rgb(65,120,190);
    margin-bottom: 18px;
}
.etaishuo-article p{
    font-size: 16px;
    color: rgb(0,0,0);
    text-indent: 2rem;
    text-align: justify;
    line-height: 28px;
    margin-bottom: 0px;
}
.story-icon{
    width: 320px;
    height: 360px;
    margin-top: 44px;
}
#etaishuo_house .icon-story{
    float: left;
    margin-right: 50px;
}
#etaishuo_house .story-icon{
    float: right;
}

#etaishuo_phone .icon-story{
    float: right;
    margin-left: 50px;
}
#etaishuo_phone .story-icon{
    float: left;
}

#etaishuo_light .icon-story{
    float: left;
    margin-right: 50px;
}
#etaishuo_light .story-icon{
    float: right;
}

#etaishuo_cloud .icon-story{
    float: right;
    margin-left: 50px;
}
#etaishuo_cloud .story-icon{
    float: left;
}

#etaishuo_china .icon-story{
    float: left;
    margin-right: 50px;
}
#etaishuo_china .story-icon{
    float: right;
}
/*ourstory end*/

/*about start*/
#great_img{
    width: 100%;
    height: auto;
}
#great_img img{
    position: relative;
    left: 50%;
    margin-left: -50%;
    width: 100%;
}
#describe{
    width: 1000px;
    margin: 80px auto;
}
#listfortwo{
    width: 77%;
    height: auto;
    margin: 40px auto;
}
.about-littledet img{
    width: 77%;
    margin: 40px auto 0 auto;
    display: inherit;
}
.about-special{
    width: 45%;
    height: auto;
    float: left;
}
.about-special ul li{
    list-style: disc;
    font-size: 16px;
    line-height: 28px;
}
.about-message ul li{
    font-size: 16px;
    line-height: 28px;
}
.about-message{
    width: 44%;
    height: auto;
    float: right;
}
.about-message p{
    display: inline-block;
    font-weight: 900;
}
.about-littledet{
    margin-bottom: 18px;
}
.about-welcome{
    margin-bottom: 18px !important;
}
.about-main{
    width: auto;
    height: auto;
    font-size: 20px;
    color: rgb(65,120,190);
    margin-bottom: 18px;
}
.about-details{
    font-size: 16px;
    color: rgb(0,0,0);
    text-indent: 2rem;
    text-align: justify;
    line-height: 28px;
    margin-bottom: 0px;
}
#listforone{
    width: 77%;
    height: auto;
    margin: 40px auto;
}
#listforone ul:nth-of-type(2n+1){
    width: 45%;
    height: 282px;
}
#listforone ul:nth-of-type(2n){
    width: 42%;
    height: 282px;
}
#listforone ul li{
    height: auto;
    list-style: disc;
    font-size: 16px;
    line-height: 28px;
}
#listforone ul li:nth-child(1){
    list-style: none;
    margin: 10px 0;
    font-size: 18px;
    font-weight: 900;
    text-indent: -1rem;
}
/*about end*/

/*service start*/
#describe h3{
    text-align: center;
    margin-bottom: 40px;
}
.service-ad{
    font-size: 20px;
    text-indent: 2rem;
    margin-bottom: 20px;
}
.about-sev{
    width: 100%;
    height: auto;
}
.ser-tittle{
    width: auto;
    height: auto;
    font-size: 20px;
    color: rgb(65,120,190);
    line-height: 50px;
}
.ser-details{
    font-size: 16px;
    color: rgb(0,0,0);
    text-indent: 2rem;
    text-align: justify;
    line-height: 35px;
}
/*service end*/

/*open start*/
.open-screen{
    width: 100%;
    text-align: center;
    background: #eaeaea;
    height: auto;
    padding: 60px 0;
}
.open-screenbox{
    width: 1000px;
    margin: 0 auto;
}
.wrap_title {
    width: 100%;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 48px;
}
.wrap_navbar {
    width: 1000px;
    height: 60px;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    line-height: 60px;
    font-size: 28px;
    text-align: center;
    margin: 30px auto;
    overflow: hidden;
}
.wrap_navbar_content {
    overflow: hidden;
    margin: auto;
    width: auto;
    display: inline-block;
}
.wrap_navbar_item {
    float: left;
}
.wrap_navbar_point {
    float: left;
    margin-left: 11px;
    margin-right: 11px;
    color: #999;
}
.wrap_content {
    margin-bottom: 40px;
}
.wrap_content_item_show {
    display: block;
}
.wrap_content_item_box {
    position: relative;
    padding-bottom: 170px;
}
.wrap_content_item_box .item_1_1 {
    top: 240px;
    left: -65px;
}
.warp_content_item_text {
    position: absolute;
    width: 220px;
    height: 100px;
}
.warp_content_item_text .title {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    text-align: center;
}
.warp_content_item_text .text {
    line-height: 20px;
    margin-top: 10px;
    font-size: 14px;
    color: #999;
}
.wrap_content_item_box .item_2_1 {
    top: 80px;
    left: 225px;
}
.wrap_content_item_box .item_2_2 {
    top: 435px;
    left: 225px;
}
.wrap_content_item_box .item_3_1 {
    top: 80px;
    left: 535px;
}
.wrap_content_item_box .item_3_2 {
    top: 435px;
    left: 535px;
}
.wrap_content_item_box .item_4_1 {
    top: 80px;
    left: 855px;
}
.wrap_content_item_box .item_4_2 {
    top: 435px;
    left: 855px;
}
/*open end*/

/*适配*/
/*头部*/
@media (max-width:1170px) {
    #etaishuo_center {
        width: 884px;
    }
    /*.slideShow{*/
        /*width: 884px;*/
    /*}*/
}
@media (min-width: 1170px) and (max-width:1280px) {
    #etaishuo_center {
        width: 80.85%;
    }
    /*.slideShow{*/
        /*width: 80.85%;*/
    /*}*/
}
@media (min-width: 1282px) and (max-width:1366px) {
    #etaishuo_center {
        width: 82.05%;
    }
    /*.slideShow{*/
        /*width: 82.05%;*/
    /*}*/
}
@media (width: 1280px) {
    #etaishuo_center {
        width: 81.9%;
    }
    /*.slideShow{*/
        /*width: 81.9%;*/
    /*}*/
}
@media (width: 1360px) {
    #etaishuo_center {
        width: 83%;
    }
    /*.slideShow{*/
        /*width: 83%;*/
    /*}*/
}
@media (width: 1366px) {
    #etaishuo_center {
        width: 83.1%;
    }
    /*.slideShow{*/
        /*width: 83.1%;*/
    /*}*/
}
@media (min-width: 1368px) and (max-width:1440px) {
    #etaishuo_center {
        width: 83.8%;
    }
    /*.slideShow{*/
        /*width: 83.8%;*/
    /*}*/
}
@media (min-width: 1900px) and (max-width:1940px) {
    #etaishuo_center {
        width: 88.02%;
    }
    /*.slideShow{*/
        /*width: 88.02%;*/
    /*}*/

}
/*@media (max-width: 1300px){*/
    /*body .change_content{*/
        /*-webkit-transform: translateX(-15%);*/
        /*transform: translateX(-15%);*/
    /*}*/
/*}*/
/*@media (min-width: 1300px) and (max-width:1420px) {*/
    /*body .change_content{*/
        /*-webkit-transform: translateX(-10%);*/
        /*transform: translateX(-10%);*/
    /*}*/
/*}*/
/*@media (min-width: 1420px) and (max-width:1700px) {*/
    /*body .change_content{*/
        /*-webkit-transform: translateX(-8%);*/
        /*transform: translateX(-8%);*/
    /*}*/
/*}*/
/*头部*/