@charset "UTF-8";
body{

    font-family:  "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", SimSun, "宋体", Helvetica, Tahoma, Arial,  sans-serif;

}

.clearfix{
    zoom:1;
}
.clearfix:after{
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
    content:".";
}

.banner{
    *z-index: -999;
    position: relative;
    height: 574px;

}

.banner  ul.slides{
    height: 574px;
    margin: 0 auto;
    position: relative;
    clear: both;
    width: 100%;
}

.banner  ul.slides li{
    clear: both;
    height: 574px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.banner  ul.slides li a{
    display: block;
    height: 574px;
    width: 100%;
}

.banner  ul.slides li img{
    width: 100%;
    height: 574px;
}

.banner .btns{
    position: absolute;
    left: 46%;
    bottom: 4%;

}

.banner .btns span{
    float: left;
    border-radius: 50%;
    margin: 0 6px;
    display: block;
    width: 16px;
    height: 16px;
    background: #fff;
    opacity: 1;
    filter:alpha(opacity=100);
    z-index: 100;
    cursor: pointer;
}
.banner .btns .btns-new span.active{
    background: #1b5ba6;
}


.video{
    margin-top:79px;
    width:100%;
    height: 473px;
    position: relative;

}
.video span.sp-tv{
    position: absolute;
    left: 50%;
    top: -27px;
    margin-left: -90px;
    z-index: 50;
    display: block;
    width: 180px;
    height: 54px;
    background: #1b5ba6;
    color: #fff;
    font-size: 16px;
    line-height: 54px;
    text-align: center;
}



.video span.open{
    position: absolute;
    display: block;
    width: 100%;
    height: 473px;
    cursor: pointer;

}

.video .video-box span.close{
    display: block;
    width: 27px;
    height: 27px;
    background: url(../img/cc.png) no-repeat;
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;

}

.video-box{
    width: 90%;
    max-width: 1200px;
    height: 473px;
    position: absolute;
    left: 50%;
    display: none;
    margin-left: -595px;
    background: #333;

}


.theme{
    height: 246px;
    padding-top: 64px;
    background: #e2e2e2;
}

.theme-box {
    width:90%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.theme-box h2{
    font-size: 22px;
    color: #333;
}

.theme-box span{
    display: block;
    width: 29px;
    height: 3px;
    background: #1b5ba6;
    margin-top: 20px;
    margin-left: 585px;
}

.theme-box h3{
    width: 162px;
    height: 1px;
    background: #d4d4d4;
    margin-left: 519px;
    margin-bottom: 25px;
}

.theme-box p{
    font-size: 12px;
    line-height: 28px;
    color: #666;
}


.country{
    width:90%;
    max-width: 1200px;
    margin:0 auto;
}

.country li{
    float: left;
    width: 30.666%;
    margin-right: 4%;
    position: relative;
    border-radius: 4px;
    margin-bottom: 4%;
}
.country li:nth-child(3n){
    margin-right: 0;
}
.country li.right-li{
    margin-right: 0;
}
.country-img{
    position: relative;
}
.country li img{
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.country li h2{
    height: 69px;
    line-height: 69px;
    box-shadow: 3px 3px 3px #ccc;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: 18px;
    color: #333;
    font-weight: 100;
    background: url(../images/logo1.png) 20px 5px no-repeat;
    text-indent: 164px;
}

.country li:hover h2,.country li:hover h2 span{
    color: #1b5ba6;
}
.country li a.a-now{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/bg.png)  no-repeat;
    background-size: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display: none;
    text-align: center;
}

.country li:hover a{
    display: block;
}

.country li a.a-now span{
    display: inline-block;
    width: 110px;
    height: 24px;
    margin-top: 40%;
    font-size: 18px;
    color: #fff;
}

.country li h2 span{
    font-size: 14px;
    color: #666;
    border-left: 1px solid #e7e7e7;
    margin-left: 16px;
    padding-left: 15px;
}

.country a.a-more{
    clear: both;
    display: block;
    width: 207px;
    height: 32px;
    border:2px solid #c1d94a;
    background: #1b5ba6;
    color: #fff;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    margin-left: 489px;
    margin-bottom: 60px;
    border-radius: 4px;
}
.country a.a-more:hover{
    box-shadow: 0 0 3px #ccc;
}

.gray{
    width: 100%;
    background: #f0f0f0;
    padding-top: 54px;
}
/*首页样式*/


.about-us{
    padding-top: 90px;
    height:220px;
    background: url(../images/banner3.png) no-repeat;
    color: #fff;
}


.about-box{
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.about-box *{
    color: #FFFFFF;
}
.about-us h2{
    font-size: 30px;
    margin-bottom: 12px;
    font-weight: 100;

}


.about-us h3{
    font-size: 24px;
    margin-bottom: 10px;

}


.about-us p{
    font-size: 16px;
}
.service{
    width:90%;
    margin: 0 auto;
    padding-bottom: 102px;
    margin-top: -20px;
}

.service h2{
    /* margin-left: 326px; */
    width: 537px;
    height: 32px;
    /* margin-bottom: 90px; */
    margin: 0 auto 90px;
}

.service h2 a.on{
    background: #1b5ba6;
}

.service h2 a:hover{
    background: #1b5ba6;
}

.service h2 a{
    display: block;
    width: 141px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #787878;
    float: left;
    margin-right: 38px;
    font-weight: 100;
}

.service h3,.ser-con-le h4{
    clear: left;
    font-size: 18px;
    color: #1b5ba6;
    margin-bottom: 7px;

}

.service li{
    clear: both;
    font-size: 16px;
    line-height: 30px;
    color: #666;
}

.ser-con{
    clear: both;
    padding-top: 92px;
}

.ser-con-le{
    float: left;
}

.ser-con-le dl dt{
    font-size: 16px;
    color: #666;
    margin-bottom: 60px;
}

.ser-con-le dl dd{
    font-size: 18px;
    color: #666;
    margin-bottom: 35px;
    height: 21px;
    line-height: 21px;
    text-indent: 50px;
}

.ser-con-le dl dd.dd1{
    background: url(../img/b2.png) no-repeat;
}
.ser-con-le dl dd.dd2{
    background: url(../img/b3.png) no-repeat;
}
.ser-con-le dl dd.dd3{
    background: url(../img/b4.png) no-repeat;
}
.ser-con-le dl dd.dd4{
    background: url(../img/b5.png) no-repeat;
}
.ser-con-le dl dd.dd5{
    background: url(../img/b6.png) no-repeat;
}
.ser-con-le dl dd.dd6{
    background: url(../img/b7.png) no-repeat;
}

.ser-con-ri{
    float: right;
    width: 761px;
    height: 420px;
    background: url(../img/b8.png) no-repeat;
}

/*服务宗旨样式*/
.profile{
    width: 1050px;
    padding: 0 70px;
    margin: 0 auto;
}

.profile2{
    width:90%;
    margin: 0 auto;
    margin-top: -20px;
}
.profile2 h2{
    margin-left: 326px;
    width: 537px;
    height: 32px;
    margin-bottom: 90px;
}

.profile2 h2 a{
    display: block;
    width: 141px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #787878;
    float: left;
    margin-right: 38px;
    font-weight: 100;
}

.profile2 h2 a.on{
    background: #1b5ba6;
}

.profile2 h2 a:hover{
    background: #1b5ba6;
}

.profile h3{
    font-size: 24px;
    color: #333;
    text-align: center;
    margin-bottom: 35px;
}

.profile p{
    font-size: 16px;
    line-height: 30px;
    color: #333;
    text-indent: 2em;
}

.profile p strong{
    color: #1b5ba6;
}

.profile dl dt{
    font-size: 20px;
    font-weight: bold;
    color: #1b5ba6;
    margin-bottom: 25px;
}
.profile dl{
    margin-top: 50px;
}

.profile dl dd{
    font-size: 16px;
    line-height: 36px;
    color: #333;
}

.profile dl dd.dd1{
    text-indent: 2em;
}

.profile dl dd.dd2{
    color: #1b5ba6;
    font-weight: bold;
    margin-top: 15px;
}

.profile dl dd.dd3{
    margin-top: 15px;
}

.profile dl dd.dd4{
    margin-bottom: 15px;
}

.profile1{
    width: 972px;
    padding: 0 109px;
    margin: 0 auto;
    margin-top: 80px;
    position: relative;
    height: 256px;
    margin-bottom: 132px;
}

.profile1 span{
    position: absolute;
    display: block;
    width:45px;
    height: 45px;
    cursor: pointer;
    border-radius: 45px;
}
.profile1 span:hover{
    box-shadow: 0px 0px 1px #ccc;
}

.profile1 span.prev{
    background: url(../img/pro3.png) no-repeat;
    top: 105px;
    left: 64px;
}

.profile1 span.next{
    background: url(../img/pro4.png) no-repeat;
    top: 105px;
    right: 64px;
}

.profile1 span.add2{
    opacity: 1;
}
.profile-box ul{
    position: absolute;
    width: 1944px;
    height: 256px;
    left: 0;
    top: 0;
}

.profile-box{
    width: 972px;
    height: 256px;
    position: relative;
    overflow: hidden;

}

.profile-box li{
    height: 256px;
    width: 402px;
    margin: 0 42px;
}

.profile-box li img{
    width: 380px;
    height: 234px;
    padding: 10px;
    border: 1px solid #e5e5e5;

}

.profile-box li img:hover{
    box-shadow: 0 0 2px #999;
}


/*企业介绍样式*/

.worth{
    text-align: center;
}
.worth .worth-con h4{
    font-size: 22px;
    color: #1b5ba6;
}


.worth .worth-con h5{
    font-size: 18px;
    line-height: 28px;
    color: #1b5ba6;
}

.worth .worth-con dd.wu{
    font-size: 18px;
    line-height: 28px;
    color: #1b5ba6;
    font-weight: bold;
}

.worth .worth-con dt,.worth .worth-con dd{
    font-size: 16px;
    color: #666;
    line-height: 28px;
}


.worth .worth-con dl{
    margin-bottom: 30px;
}

.worth .worth-con h6{
    width: 373px;
    height: 381px;
    background: url(../img/hx.jpg) no-repeat;
    margin-left: 395px;
    *margin-left: 0px;
    margin-top: 38px;
}

/*价值主张样式*/

.product{
    width: 90%;
    max-width: 1200px;
    margin: 50px auto;
    text-align: center;
}

.product h2{
    display: inline-block;
}


.product h2 a{
    display: block;
    float: left;
    width: 141px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin-right: 38px;
    background: #787878;
    font-weight: 100;

}

.product h2 a:last-child{
    margin-right: 0;
}

.product h2 a:hover{
    background: #1b5ba6;
}

.product h2 a.add{
    background: #1b5ba6;
}

.product h6{
    color:#1b5ba6;
    font-size: 22px;
    text-align: center;
    clear: both;
    margin-top: 45px;
}

.pro-title{
    background: #fbfbfb;
}

.pro-title h3{
    width: 1150px;
    margin: 0 auto;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    font-weight: 100;
    text-align: center;
    padding-left: 40px;


}

.pro-title h3 a{
    color: #333;

}

.pro-title h3 a.add1{
    color:#1b5ba6;
}

.pro-title h3 a.border-a{
    background: url(../img/bor.png) right center no-repeat;
    padding-right: 40px;
    margin-right: 37px;
}

.prod-con{
    width: 1114px;
    margin: 0 auto;
    padding: 50px 38px 116px;
}

.prod-con h5{
    font-size: 16px;
    line-height: 28px;
    color: #1b5ba6;
    font-weight: 200;
    margin-top: 25px;
}

.prod-con p{
    font-size: 14px;
    line-height: 28px;
    color: #666;
    text-indent: 2em;
}


.prod-con dt{
    font-size: 16px;
    line-height: 28px;
    color: #666;
    font-weight: bold;
}

.prod-con dd{
    font-size: 14px;
    line-height: 28px;
    color: #666;
}

/*国家概览样式*/

.product2-con{
    width:90%;
    padding-top: 62px;
    margin: 0 auto;
    padding-bottom: 191px;

}


.product2-con li{
    border: 1px solid #e6e6e6;
    padding: 10px 45px 10px 10px;
    margin-bottom: 20px;
}


.product2-con li img{
    float: left;
    width: 289px;
    height: 187px;
    border: 1px solid #e6e6e6;
    margin-right: 26px;
}

.product2-con li h2{
    margin-top: 20px;
    font-size: 18px;
    line-height: 28px;
    color: #333;
}


.product2-con li p{
    font-size: 13px;
    line-height: 28px;
    color: #666;

}
/*标杆学习定制*/

.earth img{
    width: 48px;
    height: 32px;
    border: 1px solid #e6e6e6;
    margin-right: 10px;

}

.earth ul{
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    font-size: 0;
}

.tempWrap ul li{
    display: inline-block;
    width: 11.11%;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
}
.earth li a{
    font-size: 15px;
    color: #333;

}

.earth-p{
    width: 90%;
    max-width: 1200px;
    margin: 50px auto;
}

.earth-p img{
    width: 100%;
}

.earth-p a{
    position: absolute;
    display: block;
    width: 26px;
    height: 34px;
    background: url(../images/ear1.png) no-repeat;
    background-size: 100% 100%;
    animation:mymove 0.3s infinite;
    -webkit-animation:mymove 0.3s infinite;
    -moz-animation:mymove 0.3s infinite;
    -o-animation:mymove 0.3s infinite;
    -ms-animation:mymove 0.3s infinite;
    cursor: pointer;
    font-size:12px;
    color:#1b5ba6;
}

.earth-p a span{
    width: 50px;
    position: absolute;
    top: 35px;
    left: 0;
    color: #15499a;
}

@keyframes mymove{
    from {transform:translate(0,2px)}
    to {transform:translate(0,-2px)}
}

@keyframes mymove{
    from {transform:translate(0,2px)}
    to {transform:translate(0,-2px)}
}
@keyframes mymove{
    from {transform:translate(0,2px)}
    to {transform:translate(0,-2px)}
}
@keyframes mymove{
    from {transform:translate(0,2px)}
    to {transform:translate(0,-2px)}
}
/*
.earth-p a.span1{
	top: 128px;
	left:209px;
}

.earth-p a.span2{
	top: 140px;
	left:614px;
}

.earth-p a.span3{
	top: 18px;
	left:767px;
}

.earth-p a.span4{
	top: 110px;
	left:914px;
}

.earth-p a.span5{
	top: 115px;
	left:952px;
}*/




/*行学路线*/
.lesson1{
    margin-top: 50px;
    height: 60px;
    background: #fbfbfb;
    line-height: 60px;
}

.lesson1 h2{
    width:90%;
    margin: 0 auto;
    text-align: center;
    font-weight: 100;
}

.lesson1 h2 a{
    padding-right: 20px;
    margin-right: 20px;
    font-size: 14px;
    color: #666;
    background: url(../img/bor.png) right center no-repeat;
}
.lesson1 h2 a:hover{
    color: #1b5ba6;
}

.lesson1 h2 a.lesson1-a{
    background: transparent;
}

.lesson1 h2 a.on1{
    color: #1b5ba6;
}


.lesson2{
    color: #1b5ba6;
    text-align: center;

}

.lesson-a{
    margin-top: 40px;
}

.lesson2-box{
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 20px;
}

.lesson2 h2{
    font-size: 24px;

}
.lesson2 h2{
    font-size: 24px;
    margin-bottom: 20px;
}
.lesson2 h3{
    font-size: 14px;
    color: #1b5ba6;
    font-weight: 100;
}


.lesson3{
    background: #f9f9f9;
    margin-top: 8px;
}
.lesson3 img,
.lesson5 img{
    max-width: 100%;
}
.lesson3-box{
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}

.lesson3-box h2{
    padding: 32px 0 20px 0;
    border-bottom: 1px solid #e3e3e3;
    font-size: 24px;
    color: #333;
    font-weight: 100;
    margin-bottom: 25px;

}

.lesson3-con p{
    font-size: 14px;
    line-height: 28px;
    color: #333;
}

.lesson3-con p.red-p{
    color: #ff0000;
}


.lesson4{
    width:90%;
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 40px;
}

.lesson4 h3{
    padding: 60px 0 24px 0;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 34px;
    font-size: 24px;
    font-weight: 100;
    color: #333;
}

.lesson4 li{
    margin-bottom: 40px;
}

.lesson4 li img{
    width: 225px;
    height: 148px;
    float: left;
    margin-right: 10px;
}

.lesson4 li h2{
    font-size: 14px;
    line-height: 24px;
    color: #1b5ba6;
}

.lesson4 li p{
    font-size: 14px;
    line-height: 24px;
    color: #666;
}

.lesson5{
    background: #f9f9f9;
}

.lesson5-box{
    width:90%;
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 50px;
}

.lesson5-box h2{
    padding: 60px 0 24px 0;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 100;
    color: #333;
}

.lesson5-box dl{
    margin-bottom: 30px;
}

.lesson5-box dt{
    font-size: 16px;
    line-height: 28px;
    color: #1b5ba6;
    font-weight: bold;
}

.lesson5-box dd{
    font-size: 14px;
    line-height: 28px;
    color: #333;
}

.lesson6{
    width:90%;
    max-width: 1200px;
    margin: 0 auto;
}
.lesson6 img{
    margin-left:202px;
}


.lesson6 h2{
    padding: 70px 0 24px 0;
    font-size: 24px;
    color: #333;
    font-weight: 100;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 30px;
}


.lesson6 table{
    margin-left:200px;
    border: 2px solid #4bacc6;
}

.lesson6 table td{
    padding: 15px;
}

.lesson6 table tr{
    background: #fde4d0;
    font-size: 18px;
}

.lesson6 table .white-tr{
    background: #fff;
}

.lesson6 table tr .plan{
    word-wrap:break-word;
    word-break:break-all;
    width: 420px;
}

.lesson6 table tr .dates{
    word-wrap:break-word;
    word-break:break-all;
    width: 78px;
}


.lesson6 table tr .times{
    word-wrap:break-word;
    word-break:break-all;
    width: 190px;
}

.lesson6 table tr th{
    background: #f79646;
    color: #fff;
    height: 47px;
    line-height: 47px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.lesson6 table td img{
    width: 196px;
    height: 125px;
    border-radius: 25px;
    box-shadow: -3px 3px 3px #ccc;
}


.teacher{
    width:90%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}


.teach-con{
    position: absolute;
    top: -140px;
    left: 140px;
    width: 780px;
    height: 350px;
    padding: 25px;
    background: #fff;
    z-index: 9999;
    border: 1px solid #e3e3e3;
    display: none;
}

.teach-mark{
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    opacity: .6;
    z-index: 999;
    display: none;
}

.teach-con img{
    width: 238px;
    height: 288px;
    padding: 11px;
    border: 1px solid #e3e3e3;
    float: left;
    margin-right: 30px;

}

.teach-con h4{
    margin-top: 24px;
    font-size: 14px;
    color: #666;
    margin-bottom: 32px;
}

.teach-con p{
    font-size: 12px;
    line-height: 28px;
    color: #666;
}
.teach-con span{
    font-size: 40px;
    color: #666;
    text-align: center;
    display: block;
    width: 24px;
    height: 23px;
    /*background: url(../img/cc.png) no-repeat;*/
    position: absolute;
    top: 22px;
    right: 38px;
    cursor: pointer;
}



.teacher h2{
    padding: 86px 0 20px 0;
    font-size: 24px;
    color: #333;
    font-weight: 100;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 56px;
}

.teacher li{
    width: 297px;
    position: relative;
}

.teacher li:hover h6.mark-a{
    display: block;

}

.teacher li:hover h3{
    color: #1b5ba6;
}

.teacher li h6.mark-a{
    left: 12px;
    top: 12px;
    position: absolute;
    display: block;
    width: 238px;
    height: 288px;
    background: url(../img/tc5.png) no-repeat;
    display: none;
    cursor: pointer;
}

.teacher li h6.mark-a span{
    display: block;
    font-size: 14px;
    color: #fff;
    display: block;
    width: 60px;
    height: 14px;
    padding-top: 66px;
    background: url(../img/tc6.png) 11px 0 no-repeat;
    margin-left: 89px;
    margin-top: 104px;
}

.teacher li img{
    width: 238px;
    height: 288px;
    padding: 11px;
    border: 1px solid #e3e3e3;
}


.teacher li h3{
    font-size: 12px;
    line-height: 28px;
    color: #666;
    font-weight: 100;
    text-indent: 30px;
    cursor: pointer;
}

.tables{
    width:90%;
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 280px;
}

.tables h2{
    padding: 97px 0 20px 0;
    font-size: 24px;
    color: #333;
    font-weight: 100;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 24px;
}
.table-con dl{
    margin-bottom: 25px;
}

.table-con h5{
    font-size: 16px;
    line-height: 28px;
    color: #1b5ba6;
    font-weight: bold
}
.table-con dt{
    font-size: 18px;
    line-height: 28px;
    color: #1b5ba6;
    font-weight: bold;
}

.table-con dd{
    font-size: 14px;
    line-height: 28px;
    color: #333;

}
.tables a.download{
    display: block;
    width: 176px;
    height: 52px;
    line-height: 52px;
    text-indent: 24px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: #1b5ba6 url(../img/down.png) 120px 15px no-repeat;
}
.tables a.download:hover{
    box-shadow: 2px 2px 2px #ccc;
}


/*学习课程*/

/*行学国家*/


.success{
    width:90%;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: -20px;
}

.success h2{
    width: 141px;
    height: 32px;
    margin-left: 524px;
}

.success a{
    display: block;
    width: 141px;
    height: 32px;
    font-size: 16px;
    background: #1b5ba6;
    color: #fff;
    font-weight: 100;
    text-align: center;
    line-height: 32px;
}

.success-title{
    height: 61px;
    line-height: 61px;
    background: #fbfbfb;
    margin-top: 45px;
}

.success-title h2{
    width:90%;
    max-width: 1200px;
    margin: 0 auto;
    font-weight: 100;
}

.success-title h2 a{
    font-size: 14px;
    color: #666;
    padding-right: 20px;
    margin-right: 7px;
    background: url(../img/bor.png) right center no-repeat;
}

.success-title h2 a:hover{
    color: #1b5ba6;
    text-decoration: underline;
}

.success-title h2 a.make{
    background: transparent;
}

.success-title h2 a.all{
    margin-left: 310px;
}

.success-con{
    width:90%;
    max-width: 1200px;
    margin: 0 auto;
}

.success-con li{
    padding: 35px 0;
    border-bottom: 1px solid #d4d4d4;
}


.success-con li:hover h2{
    color: #1b5ba6;
    font-weight: bold;
}

.success-con li:hover img{
    box-shadow: 2px 2px 2px #ccc;
}

.success-con li:hover h3,.success-con li:hover p{
    color: #1b5ba6;
}

.success-con li:hover a.succ-more{
    border: 2px solid  #1b5ba6;
    background:  #1b5ba6 url(../img/su9.png) 79px 9px no-repeat;;
    color: #fff;
}

.success-con li a img{
    width: 300px;
    height: 210px;
    padding: 9px;
    border: 1px solid #d4d4d4;
    float: left;
    margin-right: 32px;

}


.success-con h2{
    font-size: 18px;
    line-height: 22px;
    color: #333;
    font-weight: 100;
    margin-top: 24px;
}

.success-con h3{
    font-size: 12px;
    color: #999;
    margin-top: 20px;
    font-weight: 100;
    margin-bottom: 14px;
}

.success-con h3 span{
    margin-right: 20px;
}

.success-con p{
    font-size: 13px;
    color: #666;
    text-indent: 2em;
    line-height: 22px;

}

.success-con a.succ-more{
    display: block;
    font-size: 12px;
    color: #999;
    width: 108px;
    height: 27px;
    border: 2px solid #e3e3e3;
    line-height: 27px;
    text-indent: 20px;
    margin-top: 20px;
    margin-left: 350px;
    background: url(../img/su9.png) 79px 9px no-repeat;
}

.page{
    padding: 30px 0 150px 0;
}

.page img{
    height: 29px;
    margin-top: 30px;
    width: 189px;
    margin-left: 500px;
}

/*成功案例*/

.contact1{
    width:90%;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 120px;
    *margin-bottom: 100px;
}

.contact1 p{
    font-size: 14px;
    color: #333;
    line-height: 28px;
}

.contact1 h2{
    font-size: 18px;
    color: #333;
    line-height: 28px;
    margin-top: 20px;
}

.contact1 li h2{
    font-size: 16px;
    color: #1b5ba6;
    line-height: 28px;
}


.contact1 li p{
    font-size: 14px;
    color: #333;
    line-height: 28px;
}

.contact1 li.shen{
    width: 640px;
}

.contact1 li.erm img{
    width: 116px;
    height: 116px;
    border: 1px solid #e5e5e5;
    float: left;
    margin-right: 24px;
}

.contact1 li.erm{
    margin-top: 30px;
    height: 116px;
    margin-bottom: 97px;
    font-size: 12px;
    color: #666;
    font-weight: 100;
    width: 550px;
    line-height: 116px;

}

.map{
    height: 374px;
    width: 100%;
}

/*联系我们样式*/

.details{
    width: 1060px;
    padding: 50px 65px;
    margin: 0 auto;
}

.detail-con img{
    width: 1060px;
    margin-bottom: 50px;
}

.detail-con h2{
    text-align: center;
    font-size: 18px;
    color: #333;
    font-weight: 100;
    margin-bottom: 5px;
}

.detail-con h3{
    font-size: 14px;
    color: #333;
    margin-bottom: 65px;
    text-align: center;
}

.detail-con p{
    text-indent: 2em;
    font-size: 16px;
    color: #666;
    line-height: 28px;

}

.detail-con .return{
    padding-top: 50px;
}

.detail-con .return a{
    display: block;
    font-size: 12px;
    color: #333;

}

.detail-con .return h5{
    color: #333;
    font-weight: 100;
}

.detail-con .return h5 a.next-a{
    margin-top: 5px;
    float: left;
}

.detail-con .return h5 a.next-a:hover,.detail-con .return a.prev-a:hover{
    text-decoration: underline;
    color: #1b5ba6;
}


.detail-con .return a.return-a{
    width: 120px;
    height: 32px;
    border: 2px solid #1b5ba6;
    float: right;
    margin-right: 50px;
    line-height: 32px;
    text-align: center;
}

.detail-con .return a.return-a:hover{
    color: #fff;
    background: #1b5ba6;
}

/*详情页模板*/


.navigation{
    position:fixed;
    right:-10px;
    top:50%;
    z-index:1000;
}
.navigation ul li{
    width:70px;
    height:70px;
    background: #fff;
    border-bottom:1px solid #f3f3f3;
    position:relative;
    float: none;
}
.navigation ul li a{
    display:block;
    overflow: hidden;
    width:70px;
    height:70px;
    background: #fff;
}
.navigation ul li a .top{
    width:24px;
    height:25px;
    margin:24px 0 0 18px;
}
.navigation ul li a .top img{
    display: block;
    width:100%;
}
.navigation ul li .tel{
    position:absolute;
    left:70px;
    top:0;
    width:132px;
    padding:6px 0 6px;
    height:59px;
    background: #fff;
    opacity: 1;
}
.navigation ul li .tel p{
    border-left:0 solid #fff;
    height:58px;
    font-size:14px;
    line-height: 58px;
    text-align: center;
    color:#313131;
}
.navigation ul li .weixin{
    width:200px;
    height:200px;
    position:absolute;
    left:-200px;
    top:-70px;
    background: #fff;
    display: none;
}
.navigation ul li .weixin img{
    width:100%;
    display:block;
}
.lesson-content img{
    max-width: 100%;
}
@media screen and (max-width: 1230px) {
    .country1{
        padding-bottom: 80px;
    }
    .earth-p,
    .lesson6{
        padding-bottom: 100px;
    }
}
@media screen and (max-width: 750px) {
    .country1{
        padding-bottom: 100px;
    }
    .country li{
        width: 100%;
    }
    .country li:last-child{
        margin-bottom: 0;
    }
    .product{
        margin: 30px auto;
    }
    .earth-p,
    .lesson6{
        padding-bottom: 50px;
    }
}
@media screen and (max-width: 580px){
    .product h2 a{
        width: 100%;
        margin-bottom: 20px;
    }
    .product h2 a:last-child{
        margin-bottom: 0;
    }
}

