html{overflow-y:scroll;max-width:100%; margin: auto;}
body{margin:0;padding:0;background:#fff;font:12px/1.5 \5b8b\4f53,Arial,sans-serif;}
blockquote,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,textarea,ul{margin:0;padding:0;}
table,td,th,tr{font-size:12px;}
ol,ul{list-style:none;}
li{list-style-type:none;}
img{border:0;vertical-align:top;}
input{outline:0;background-color: transparent;border: #ddd 0px solid;color: #fff;}
input::-ms-clear{display:none;}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:inherit;}
address,cite,code,em,i,th{font-weight:400;font-style:normal;}
table{border:0;border-collapse:collapse;border-spacing:0;cellspacing:0;cellpadding:0;}
a{text-decoration:none;}
.main{width:1000px; margin: auto; overflow: hidden;}

/*----------------------首页----------------------------*/
.header{ height:60px; border-bottom: 1px solid #f6f6f6;}
.header .main .logo{ height: 60px; width: 350px;  float: left; }
.china{ height:60px; width:300px; background-color:#426cab; color:#FFFFFF;margin:0 auto; line-height:60px; text-align:center; font-size:30px; font-weight:700; float:left;}
.en{ width: 100px; float: right; margin-top: 15px; line-height: 30px;}
.en div{ float:right; width: 50%; height: 30px;}
.en div a{ font-size: 12px; color: #426cab;}
.hover{ color: #426cab!important;}

/*------------------nav---------------*/
.nav{ line-height: 40px; background-color:#fff}
.nav:after{clear:both;content:inherit;}
.nav ul{ width: 1000px; margin: 0 auto; height:40px;position: relative;}
.nav ul li{ width: 12.5%;height:40px; float: left; text-align: center;line-height: 40px;z-index:9;position: relative;}
.nav ul li a{ font-size: 14px; color: #333; cursor: pointer;}
/*.nav ul li dl:before{  content: '';
    display: block;
    border-color: transparent transparent #ffffff transparent;
    border-style: solid;
    border-width: 10px;
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -10px; }*/
.nav ul li dl{visibility: hidden; opacity: 0; position: absolute; top:30px; height: 130px; width:100%;  background: #fff;transition: all .3s .1s; }
.nav ul li:hover dl{opacity: 1; visibility: visible; top:40px;}
.nav ul li dl dd a{color: #b1b1b1; font-size: 14px; height: 30px; line-height: 30px; padding-top:8px;}
.nav ul li dl dd a:hover{color: #426cab; text-decoration:underline}
.lamp{width: 125px; height: 5px; background: #426cab; position: absolute; bottom:0; left: 0;transition: left 0.5s;}
.nav li:nth-child(2):hover ~ .lamp { left: 125px;}
.nav li:nth-child(3):hover ~ .lamp { left: 250px;}
.nav li:nth-child(4):hover ~ .lamp { left: 375px;}
.nav li:nth-child(5):hover ~ .lamp { left: 500px;}
.nav li:nth-child(6):hover ~ .lamp { left: 625px;}
.nav li:nth-child(7):hover ~ .lamp { left: 750px;}
.nav li:nth-child(8):hover ~ .lamp { left: 875px;}
dl.two{height: 60px!important;}
/*-----------banner-----------*/
.slidebar{ height:auto;  width: 100%; z-index: -1; position: relative; }
.slidebar .swiper-container img{ height: auto; width: 100%; display: block;}
/*------fast door-------*/
.fastdoor{ height: 140px; position: relative;left: 50%;margin-left: -500px;bottom:20px;}
.fastdoor ul{; width: 1000px; height: 140px;  z-index:1;}
.fastdoor  ul li{ width: 200px; height: 140px; float: left; margin-left:40px;  box-sizing: border-box;z-index: 9;}
/*---------------------------专业课程------------------------------------*/
/*-----------banner1-----------*/
.banner1{ width: 100%; height: auto; z-index: -1; position: relative; }
.banner1 img{ width: 100%; height:auto;}

/*------------subject-----------------------*/
.subject h2,.interview h2,.language h2,.information h2,.process h2,.immigration h2{ font-size: 24px; text-align: center; line-height: 40px; margin: 5px 0;}
.subject ul li{ width: 25%;margin-left: 8%; float: left;}
.subject ul li:nth-child(1) dl{ margin-bottom: 33px;}
.subject ul li:nth-child(2) dl{ margin-bottom: 33px;}
.subject ul li dl{ overflow: hidden;}
.subject ul li dl dt{ color: #aaa; font-size: 24px; margin-bottom: 5px;}
.subject ul li dl span{ height: 12px;border-bottom: 1px solid #000; width: 10%; float: left; margin-right: 8px;}
.subject ul li dl dd{ color: #333; font-size: 14px; height: 25px; line-height: 25px;}

/*------------------学校风采----------------------------*/
.interview #btn,.language #btn{ width: 180px; margin: auto; margin-bottom: 5px; overflow: hidden; height:25px;}
.interview #btn li,.language #btn li{width: 49%; float: left; border-left: 1px solid #aaa;height: 30px;text-align: center;}
.interview #btn li:first-child,.language #btn li:first-child{ border-left: none;}
.interview #btn a,.language #btn a{ width:80%; font-size: 16px;cursor:pointer; margin: auto;}
.interview #btn a:hover,.language #btn a:hover{ border-bottom: 1px solid #000;color:#426cab;}
.article{ height:auto; overflow: hidden; margin-top:15px;}
.on{ border-bottom: 1px solid #426cab;color:#426cab;}
.article .con{ overflow: hidden; height:auto; font-size:24px;}
.article .con p{ font-size: 14px; line-height: 25px; margin-bottom: 10px; color:#858585}
.article .con_2{display: none;}
/*-------------------showpic-----------------------*/
.showpic{ height: 180px; width: 100%;margin-bottom: 20px;}
.showpic ul{ width: 1000px; margin: auto; height: 180px;}
.showpic ul li{ width: 300px; float: left;box-sizing: border-box; height: 180px; margin-left: 33px;}

/*----------------------语言预科----------------------------*/
.article1{ height:auto; overflow: hidden; margin-top:15px;color:#858585;}
.article1 .art p{ font-size: 14px; line-height: 25px; margin-bottom: 10px;}
.article1 .art ul{ margin-bottom: 10px;}
.article1 .art ul li{ font-size: 14px; line-height: 25px;}
.article1 .art span.title{ font-weight: bold; display: block; line-height: 24px;}
.article1 .art_2{ display: none;}
/*------------------联系我们-------------------------*/
.banner2{ width: 100%;height: auto;overflow: hidden;z-index:-1; position:relative; min-height: 320px;}
.banner2>img{ width: 100%; height:auto;min-height: 320px;}
.banner2>a{ width: 188px; height: 188px; display: block; position: absolute; top:-5%; left: 23.5%;}
.banner2>a img{animation:big 2s infinite linear ;-webkit-animation:big 2s infinite linear ;}
@keyframes big {
    0%{  transform:scale(1,1)  }
    50%{  transform:scale(1.2,1.2)  }
    100%{  transform:scale(1,1)  }
}
@-moz-keyframes  big {
    0%{  transform:scale(1,1)  }
    50%{  transform:scale(1.2,1.2)  }
    100%{  transform:scale(1,1)  }
}
@-webkit-keyframes  big {
    0%{  transform:scale(1,1)  }
    50%{  transform:scale(1.2,1.2)  }
    100%{  transform:scale(1,1)  }
}
@-o-keyframes big {
    0%{  transform:scale(1,1)  }
    25%{  transform:scale(1.2,1.2)  }
    100%{  transform:scale(1,1)  }
}
.information{ height: auto; overflow: hidden; margin-bottom: 20px;}
.information p{ font-size: 14px; color: #555; line-height: 25px;}

/*-----------报名方式---------------*/
.process{ height: 380px; position: relative;}
.process p{ font-weight: bold; font-size: 24px; margin-bottom: 8px;}
.process span{ font-size: 14px;}
.process a{ width: 120px; height: 30px; border: 1px solid #000; line-height: 30px; text-align: center; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -o-border-radius:20px; font-size: 14px;position: absolute; bottom: 5px; left: 50%; margin-left: -60px; cursor: pointer;}

.form{width: 100%; height: 320px; background: #e8e8e8; position: fixed; bottom: 0; box-shadow: 0 -2px 6px #aaa; display: none;}
.form h2{ font-size: 20px; text-align: center; margin: 5px 0;}
.form p{ width: 430px; margin: auto; margin-bottom: 10px; height: 30px; line-height: 30px;}
.form p label{ width: 70px; text-align: right; float: left; color:#426cab; }
.form p input[type="text"]{ width: 350px; height: 30px; float: right; background: #fff; color: #aaa; text-indent: 10px;}
.form p.btn{ height: 30px; width: 300px ;margin: auto;}
.form p.btn input{ width: 120px; height: 30px;float: left; cursor:pointer;border:1px solid #426cab; color: #426cab; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -o-border-radius:20px; }
.form p.btn input[type="submit"]{ float: right;border:1px solid #426cab; color: #fff; background: #426cab;}
/*----------留学移民------------------------*/
.immigration #btn2{ width: 360px; margin: auto; margin-bottom: 5px; overflow: hidden; height:25px;}
.immigration #btn2 li{width: 24.6%; float: left; border-left: 1px solid #aaa;height: 30px;text-align: center;}
.immigration #btn2 li:first-child{ border-left: none;}
.immigration #btn2 a{ width:80%; font-size: 16px;cursor:pointer; margin: auto;}
.immigration #btn2 a:hover{ border-bottom: 1px solid #000;color:#426cab;}

.artl{ height: auto; padding: 20px 0;}
.artl h3{ font-size: 24px; line-height: 40px; font-weight:600;}
.artl dl{ width: 80%; margin: auto; overflow: hidden}
.artl dl dt{ width: 45%; float: left; font-size: 14px; color: #555; height: 180px; padding:30px; line-height:25px; }
.artl dl dd{ width: 314px; height: 364px;float: right;}
/*--------------footer---------*/
.footer{ height: 40px; text-align: center; background: #e2e2e2;}
.footer p{ line-height: 20px; color: #a7a7a7; font-size: 12px;}

.shenqing {
}
