@charset "utf-8";

/*全局控制*/
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,

/* structural elements 结构元素 */

div,
dl,
dt,
dd,
ul,
ol,
li,

/* list elements 列表元素 */

h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,

/* text formatting elements 文本格式元素 */

form,
fieldset,
legend,
button,
input,
textarea,

/* form elements 表单元素 */

p,
blockquote,
th,
td
/* table elements 表格元素 */

    {
    margin: 0;
    padding: 0;
}


/** 设置默认字体 **/

body,
button,
input,
select,
textarea
/* for ie */

    {
    font: 14px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

address,
cite,
dfn,
em,
var {
    font-style: normal;
}


/* 将斜体扶正 */

code,
kbd,
pre,
samp {
    font-family: courier new, courier, monospace;
}


/* 统一等宽字体 */

small {
    font-size: 12px;
}


/* 小于 12px 的中文很难阅读，让 small 正常化
*/

table,
td,
tr,
th {
    font-size: 12px;
}

caption,
th {
    text-align: left;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/** 重置列表元素 **/

ul,
ol,
li {
    list-style: none;
}

li {
    list-style-type: none;
}

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
    font-variant: normal;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var,
optgroup {
    font-weight: normal;
    font-style: normal;
}

del,
ins {
    text-decoration: none;
}


/** 重置文本格式元素 **/

a {
    color: #333;
    text-decoration: none;
    outline: none;
}

a:visited {
    /* color: #fff; */
    text-decoration: none;
}

a:hover {
    color: #0054A4;
    text-decoration: none;
}

a:active {
    color: #0054A4;
}


/** 重置表单元素 **/

legend {
    color: #666;
}


/* for ie6 */

fieldset,
img {
    border: 0;
}


/* img 搭车：让链接里的 img 无边框 */

button,
input,
select,
textarea {
    font-size: 100%;
}


/* 使得表单元素在 ie 下能继承字体大小 */

sup {
    vertical-align: text-top;
}


/* 重置，减少对行高的影响 */

sub {
    vertical-align: text-bottom;
}


/* 注：optgroup 无法扶正 */


/** 重置表格元素 **/

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    max-width: 100%;
}

/** 清除浮动 **/

input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: none;
}

body {
    /* background: #f5f5f5; */
    font: 14px/20px Microsoft Yahei, simsun, Tahoma, Arial, Helvetica, sans-serif;
    color: #000;
}

input[type="text"],
textarea {
    -webkit-appearance: none;
}

input {
    _background: #fff;
}

textarea {
    background: #fff;
}

select {
    *background: #fff;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.clear {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}
._block{ display: block;}
.wrap{width: 1200px; margin: 0 auto;}
.h_top{width: 100%; background-color: #fff;height:110px;padding:0;float:left;}
.h_top .logo{float:left;text-align:left;margin:20px 0 0;}
.h_top .logo img{height:70px;width:auto;}
.h_top .xiaoxun{float:left;width:415px;height:110px;margin:0px;padding:40px 0 0;text-align:center;background:url(../img/xiaoxunbg.png) no-repeat center center;background-size:auto 110px;}
.h_top .todays{color:#0063A7;float:right;width:165px;text-align:center;margin:20px 0 0;}
.h_top .searchs{float:right;width:165px;height:30px;background:#fff;margin:20px 0 0;border:1px solid #DFDFDF;border-radius:50px;}
.h_top .searchs .key{width:110px;height:28px;line-height:28px;font-size:12px;color:#333;margin:0 0 0 15px;border:0;float:left;color:#999}
.h_top .searchs .key[type="text"]:focus{outline:none;}
.h_top .searchs .sub{float:right;width:30px;height:28px;background:url(../img/search.png) no-repeat center center;background-size:15px auto;border:none;cursor:pointer;}
.h_top .searchs .sub span{display:none;}



.head2{background-color: #0063A7;}
.nav li {
    float: left;
    width: 100px;
    text-align: center;
    position: relative;
    margin-right: 10px;
}
.nav li:last-child{ margin-right: 0;}
.nav li>a {
    height: 50px;
    display: block;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
}

.nav li.on>a,
.nav li:hover>a {
    background:#156daf;
    color: #fff;
}

.navChild {
    position: absolute;
    width: 100%;
    background:#fff;
    display: none;
    z-index: 10;
}
.navChild .childlist{ position: relative;}
.navChild .childlist>a,.navChild .listShow a {
    display: block;
    height:36px;
    border-bottom: #ddd 1px solid;
    line-height:36px;
    width: 100%;
    text-align: center;
    color: #222;
}
.navChild .listShow{ position: absolute; width: 120px; display: none;left: 120px; background: rgba(0, 0, 0, 0.5); top: 0;}

.navChild a:hover {
    color:#156daf
}
.banner {
    position: relative;
    overflow: hidden;
    width: 100% !important;
}

.banner a,
.banPic,
.banPic .swiper-slide {
    width: 100% !important;
    height: 500px;
}

.banner li a {
    display: block;
    cursor: pointer;
}

.dot_style {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 15px;
    text-align: center;
    z-index: 10;
}

.dot_style .swiper-pagination-bullet {
    opacity: 1;
    display: inline-block;
    width: 40px;
    height: 3px;
    margin: 0 5px;
    background: #fff;
    font-size: 0;
    border-radius: 0;
}

.dot_style .swiper-pagination-bullet-active {
    background: #ffcc33;
}
.divPart1>div,.divPart2>div,.divPart3>div{
    margin-top:20px;
}
.parTitle {
    position: relative;
    border-bottom: #cccccc 1px solid;
    padding:5px 10px;
    line-height: 44px;
    margin-bottom:20px;
    background:#f1f1f1;
}
.parTitle::after{ content: '';width: 140px;
    height: 2px;
    background: #0063A7; position: absolute; left: 0; bottom: -1px;}
.parTitle i {
    display: inline-block;
    width: 34px;
    height: 34px;
    vertical-align: middle;
    /* margin-right: 8px; */
    position: relative;
    top: -3px;
}
.parTitle .cnTxt {
    font-size: 24px;
    color: #4D4D4D;
    margin-right: 5px;
}
.parTitle .enTxt{
    color: #999;
    font-size: 16px;
    text-transform: uppercase;
}
.parTitle a {
    display: block;
    width: 56px;
    /* height: 15px; */
    position: absolute;
    right:10px;
    top:6px;
    background: url(../img/ico11.png) no-repeat center right;
}
.width580{ width: 580px;}
.parTitle .i1{ background: url(../img/ico3.png); background-size: cover;}
.parTitle .i2{ background: url(../img/ico4.png); background-size: cover;}
.parTitle .i3{ background: url(../img/ico5.png); background-size: cover;}
.parTitle .i4{ background: url(../img/ico6.png); background-size: cover;}
.parTitle .i5{ background: url(../img/ico7.png); background-size: cover;}
.parTitle .i6{ background: url(../img/ico8.png); background-size: cover;}
.parTitle .i7{ background: url(../img/ico9.png); background-size: cover;}
.parTitle .i8{ background: url(../img/ico10.png); background-size: cover;}
.indexnews .silideItem img{width: 100%;height:380px; display: block;}
.silideItem .slideTxt{width:540px; float: right; margin-top: -40px; position: relative;
    height: 83px;
    background: #0063A7; padding: 3% 3% 2% 3%;}
.silideItem .slideTxt a{ color: #fff; font-size: 16px; width: 70%;height:20px;overflow: hidden;}
.silideItem .slideTxt span{ color: #fff; margin-top: 10px;}
.indexnews .dot_style1{
    bottom: 27px;
    position: absolute;
    z-index: 1;
    text-align: right;
    padding: 0 5%;
}
.dot_style1 .swiper-pagination-bullet {
    opacity: 1;
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: 0 5px;
    background: url(../img/ico2.png) no-repeat;
    font-size: 0;
    border-radius: 0;
}

.dot_style1 .swiper-pagination-bullet-active {
    background: url(../img/ico1.png) no-repeat;
}
.eduNews li{
    padding-bottom:8px;
    border-bottom: 1px solid #F0F0F0;
    margin-bottom:8px;
}
.eduNews li:last-child{ border-bottom: none; margin-bottom: none; padding-bottom: 0;}
.eduNews li a{width:100%;height:56px;display: block;}
.eduNews li .time{width: 16%; margin-right: 5%;
    height: 56px; color: #333;
    background: #f7f7f7; padding-top: 5px;
    border-radius: 5px; text-align: center;}
.eduNews li .time .date{ font-size: 18px; line-height: 25px;}
.eduNews li .txt{width: 79%;}
.eduNews li .txt .p1{ font-size:16px;margin-top: 5px;}
.eduNews li .txt .p2{ color: #999; margin-top: 8px;}
.eduNews li a:hover .time{background: #0063A7;color:#fff;}

.imgbox{width: 100%;}
.contact{padding:20px 0;}
#allmap{width:100%;height:400px;}
/*feedback*/
.feedback{padding:20px 0 50px;width:100%;float:left;}
.feedback ul li{float:left;width:100%;padding:5px 0;}
.feedback ul li label{float:left;width:100px;padding:10px;font-size:16px;text-align: right}
.feedback ul li input{float:left;width:250px;padding:10px;border:1px solid #C8C8C8;-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;}
.feedback ul li textarea{float:left;width:480px;padding:10px;height:250px;border:1px solid #C8C8C8;-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;}
.feedback ul li button{background: #0063a7;border: 1px solid #0063a7;-moz-border-radius: 2px 2px 2px 2px;-moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset;-webkit-border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset;border-radius: 2px 2px 2px 2px;box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset;color: #FFFFFF;display:inline-block;font-size:16px;height:42px;line-height:42px;padding:0 60px;cursor: pointer;}
.feedback ul li input.finput{width:120px;}
.pnavtit{display:none;}
.loveNews{

}
.loveNews li:hover a{ color: #0063A7;}
.loveNews li{margin-top:5px;}
.loveNews li a{border: 1px solid #f0f0f0; padding:10px 15px;display: block;}
.loveNews li a:hover{border: 1px solid #0063A7;}
.loveNews .title a{ font-size: 16px; color: #4D4D4D;}
.loveNews .title { position: relative;}
.loveNews .title  span{ position: absolute; right: 0; top: 0; color: #999999; background: url(../img/ico12.png) no-repeat center left; padding-left: 22px;}
.loveNews li .descrtion{ color: #999; font-size: 14px; margin-top: 10px;}
.teachlist li{width:120px; transition: all .5s; text-align: center; float: left; margin-right:33px; margin-bottom:10px;}
.teachlist li:hover{transform: translateY(-3px);}
.teachlist li img{display: block; width:120px;height:150px;}
.teachlist li h3{ font-size: 16px; color: #333;font-weight: 400; margin-top: 10px;}
.teachlist li .job{ font-size: 14px; color: #808080;margin-top: 10px;}
.marginR0{margin-right: 0 !important;}
.teachlist li:hover .name{ color: #0063A7;}
.smallPic li {
    width: 90px;
height: 70px;
    margin-bottom: 18px;
}

.smallPic li:last-child {
    margin-bottom: 0;
}

.smallPic li img {
    width: 100%;
    display: block;
    height: 100%;
}

.smallPic li.on {
    border: #c82128 2px solid;
}

.bigPic li {
    position: relative;
}

.bigPic li img {
    display: block;
    width:480px;
    height:300px;
}
.bigPic img {
    display: block;
    width:480px;
    height:300px;
}
.bigPic li p {
    height: 55px;
    background: rgba(0, 0, 0, 0.6);
    padding: 0 10px 0 40px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.bigPic li p a {
    font-size: 16px;
    color: #fff;
    line-height: 55px;
    margin-left: 5px;
    width: 400px;
    display: block;
}

.bigPic li p i {
    width: 30px;
    height: 10px;
    display: block;
    position: absolute;
    top: 20px;
    left: 10px;
    background-position: -288px -1px;
}
.productlist{padding:20px 0;}
.productlist li{float:left;width:50%;padding:1%;}
.productlist li a.Img{width:100%;height:280px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:125px;*font-family:Arial;border:1px solid #f1f1f1;overflow:hidden;}
.productlist li a.Img img{vertical-align:middle;max-height:280px;}
.productlist li h3{text-align:center;line-height:30px;}
.productlist li:nth-of-type(2n){margin-right:0;}

.hide{ display: none;}
.svideos{ width:480px;
    height:300px;}
.divPart5{padding:0 0 30px 0;}
.divPart4 .parTitle{text-align: center; border: none;background:none;}
.divPart4 .parTitle::after,.divPart4 .parTitle::before{ display: none;}
.divPart4  .parTitle .enTxt{margin-top: -10px;}
.divPart4{background: url(../img/bg.png) no-repeat; background-size: cover;padding:0 0 30px;}
.productName a{width: 200px; padding: 0 30px; position: relative;
    height: 42px; text-align: left;
    border: 1px solid #999999; font-size: 16px; color: #808080;
    border-radius: 21px; line-height: 42px; display: inline-block; margin: 0 20px;}
    .productName{ text-align: center; margin: 30px auto ;}
    .productName a i{display: block; position: absolute; right: 30px; top: 1px; width: 15px; height: 100%; background: url(../img/ico14.png) no-repeat center;}
    .schoolItem{ position: relative;}
    .productName a.on{ background: #0063A7; color: #fff;}
    .productName a.on i{background: url(../img/ico13.png) no-repeat center;}
.schoolItem .swiper-slide img{display: block;width: 290px;  height: 260px; transition: all .6s;}
.schoolItem .swiper-slide span{ position: absolute; width: 100%;height: 45px; color: #fff; text-align: center; line-height: 45px; bottom: 0; left: 0; background: rgba(0,99,167,.5);}
.schoolItem .swiper-slide a{ position: relative; width: 100%; overflow: hidden;}

.schoolItem .swiper-slide{width: 290px;}
.schoolItem .arrow{width: 16px; height: 30px;  position: absolute; z-index: 10; top: 50%; transform: translateY(-50%);}
.schoolItem  .swiper-next{ background: url(../img/arrow2.png) no-repeat; right: -50px;}
.schoolItem  .swiper-prev{ background: url(../img/arrow1.png) no-repeat; left: -50px;}
.schoolItem .swiper-slide a:hover span{ background: #fff; color: #0063A7;}
.schoolItem .swiper-slide a:hover img{ transform: scale(1.06);}
.copylist li{ width: 185px; float: left; margin-right: 18px; margin-bottom: 15px;}
.copylist li:nth-of-type(6n){margin-right:0;}
.copylist li img{width:185px;height:55px;}
/*.footLeft>div{ float: left; margin-right: 55px;}
.footLeft>div span{ display: block; font-size: 16px; color: #fff; margin-bottom: 12px;}
.footLeft>div a{display: block;color: #fff; margin-bottom: 8px;}*/
.footLeft .logo{margin:0 0 10px 0}
.footLeft .logo img{width:auto;height:65px;}
.footLeft p{padding:5px 0 0 80px;color:#fff;}
.footer{
    background: #0063A7;
    padding: 40px 0 0;
}
.footLeft{width: 720px;}
.footRight{text-align: center;}
.footRight p{color:#fff;padding:0 0 20px 0;font-size:18px;}
.footRight>div{ margin-right: 20px; float: left; text-align: center; color: #fff; }
.footRight>div img{width: 105px; margin-bottom: 5px;height: 105px; display: block;}
.footRight>div i{ font-style: normal;}
.copyright{ margin-top: 20px; width: 100%; text-align: center; background: #153347; color: #fff; padding: 10px 0;}
.footLeft>div a:hover{ text-decoration: underline;}
.footLeft a{color:#fff;}
.copyright a{color: #fff;}
.aui-ellipsis {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.aui-ellipsis-2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.aui-ellipsis-3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.insideBan{
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 350px;
}
.insideBan ul{margin:80px 0 0 240px;width:210px;padding:20px 0;background:rgba(241,249,254);text-align:center;font-family: "SimSun";color:#0063a7;}
.insideBan ul h3{font-size:22px;font-weight:bold;padding:5px 0;}
.insideBan ul p{font-size:16px;font-weight:bold;font-family:"Bell MT"}

.containerBox{
    margin-top: -70px;
    background: url(../img/161.png) no-repeat center bottom;
     position: relative;
     margin-bottom: 70px;
}
.contNav{   width: 290px;background: #F5F5F5; min-height: 630px;}
.contNav h3{height: 70px; padding-left: 30px; line-height: 70px; background: #0063A7; font-size: 18px; color: #fff;}
.contNav a{
    display: block;
    height: 55px;margin-left: 20px;
    line-height: 55px; padding-left: 10px;
    border-bottom: 1px dashed #BCBCBC;color: #4D4D4D;
}
.contNav a.on,.contNav a:hover{ color: #0063A7;}
.rightContent{
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.11);
    width: 910px;
    padding: 35px 75px 70px 75px;
    background-color: #fff;
}
.rightContent h1{ color: #0063A7; padding-bottom: 15px; border-bottom: #E1E1E1 1px solid;
    position: relative; margin-top: 20px; line-height: 120%;font-size: 20px;
}
.rightContent h1::after{ content: '';width: 90px;
    height: 2px; 
    background: #1D62A4; position: absolute; bottom: 0; left: 0;}
.rightContent .miaoNav{ color: #575757; text-align: right;}
.introTxt img{max-width: 100%; margin-top:10px;}
.introTxt p{ line-height: 150%; margin-top:10px; font-size: 16px;}
.teachType a{width: 144px; text-align: center; line-height: 46px; margin-right: 10px;
    height: 46px; display: block; float: left; margin-top: 30px;
    border: 1px solid #0063A7; color: #0063A7;}
.teachType a.on{ background: #0063A7; color: #fff;}
.techDetail img{ float: left; width: 190px; display: block;}
.techIntro{margin-left: 40px; float: left; width: 515px;}
.techDetail{ margin-top: 30px;}
.techIntro span{ display: block; font-size: 16px; color: #00639E;}
.techIntro  p{ margin-top: 10px; line-height: 180%;}
.detailPage a{ height: 60px; text-align: right;  color: #999; padding: 0 20px; background: #fff; line-height: 60px; width: 50%; box-sizing: border-box;-webkit-box-sizing: border-box;}
.detailPage{ margin-top: 60px; border-top: #E6E6E6 1px solid;}
.detailPage .a1{  text-align: left;}
.detailPage a:hover span{ color: #0063A7;}
.techList{width:100%;}
.techList .Img{
    width:120px;
    height:150px;
}
.techList .Img img{width:120px;height:150px;}
.techList .intro{width:100%; padding: 20px 14px;}
.techList .intro img{float:left;margin:0 10px 0 0;width:180px;height:140px;}
.techList .intro h3{font-size:16px;font-weight:bold;padding:10px 0 0;}
.techList .intro span{color:#999;padding:5px 0;}


.techList .intro .name{ color: #4D4D4D; font-size: 20px;}
.techList .intro .tips{font-size: 14px; color: #666; margin: 20px auto; padding-bottom: 15px; border-bottom: #F0F0F0 1px solid;}
.techList .intro .txt{ color: #666; font-size: 14px;}
.techList ul li{width:144px; float: left; margin-top: 30px; margin-right:10px;padding:10px;
    box-shadow: 0px 0px 13px 0px rgba(33, 22, 19, 0.09); border-radius: 10px; overflow: hidden;}
.techList ul li h3{font-size:16px;padding:10px 0 0;text-align:center}

.page {
    border-radius: 5px;
    overflow: hidden;
    display: inline-block;
    font-size: 0;
    width: 100%;
    text-align: center;
    margin-top: 50px;
}

.pageBox li{ display: inline-block;
    height: 34px;
    line-height: 34px;
    font-size: 15px;
    color: #333;
    text-align: center;
    background: #efefef;
    margin: 0 2px;
}
.pageBox li a,.pageBox li span{ display: block; padding: 0 15px;}
.page a.end_page {
    border-right: none;
}


.page span.current,.page .on,
.page a:hover {
    background-color: #00639E;
    color: #fff;
}
.zsNews li a{ line-height: 50px; position: relative; padding-right: 100px; font-size: 16px; border-bottom: #E0E0E0 1px solid;}
.zsNews li a span{ position: absolute ; color: #666; font-size: 14px; right: 0; top: 0;}
.newsDetail h2{ margin-top: 40px; font-size:26px; line-height: 180%; padding-bottom: 15px; margin-bottom: 15px; position: relative;}
.newsDetail .time span{ margin: 0 2%;}
.newsDetail h2::after{ content: ''; width:100%; left: 0; bottom: 0; position: absolute;
    background: #F0F0F0; height: 1px;}
.text_center{text-align: center;}
.newsDetail .introTxt p{ font-size: 14px;}
.newlist{ margin-top: 40px;}
.newlist li{ padding: 14px 15px 17px; border: #fff 2px solid; border-bottom-color: #E0E0E0 ;  transition: all .6s;}
.newlist li:hover{ border: #0063A7 2px solid;}
.newlist li:hover .txt .p1{ color: #0063A7;}
.newlist li .Img{ width: 180px; height: 120px;}
.newlist li .Img img{ display: block; width: 100%;height:120px;}
.newlist li .txt{ margin-left: 20px; width: 526px;}
.newlist li .txt .p1{color: #333; font-size: 16px;  line-height: 180%;}
.newlist li .txt .p2{color: #999; font-size: 14px;  line-height: 180%; margin:8px 0 15px;}
.newlist li .txt em{ font-size: 14px; color: #999; background: url(../img/21.png) no-repeat center left; padding-left: 20px;}
.thumbnails li {
    position: relative;
    width: 240px;
    height: 194px;
    float: left;
    margin-top: 20px;
    margin-right: 20px;
}


.thumbnails li .img{width:240px;height:164px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:125px;*font-family:Arial;border:1px solid #ccc;overflow:hidden;}
.thumbnails li .img img{vertical-align:middle;max-height:164px; max-width:240px;}

.thumbnails li h2{text-align:center;font-size:14px;}


.scrollleft{width:1200px;padding:0;margin:20px auto 0;}
.scrollleft li{float:left;margin-right:7px;display:inline;width:198px;text-align:center;line-height:19px}
.scrollleft img{width:198px;height:60px;padding:0px;border:solid 1px #ddd;}

.schoolItem{width:1200px;padding:0;margin:20px auto;}
.schoolItem li{float:left;margin-right:10px;display:inline;width:300px;text-align:center;line-height:19px}
.schoolItem img{width:300px;height:200px;padding:0px;border:solid 1px #ddd;}

.schoolWork li{ padding: 15px 0;}
.schoolWork li:hover{border-color: #fff; border-bottom-color: #E0E0E0;}
.schoolWork li:hover .p1 a{ color: #0063A7;}
.sibar {
    position: fixed;
    bottom:200px;
    right: 0;
    z-index: 250;
    /* display: none; */
}

.sibar a,.sibar>div {
    display: block;
    margin-top: 5px;
    position: relative;
    cursor: pointer;
    text-align: center;
}

.sibar a span,.sibar>div span {
    width: 60px;
    height: 60px;
    display: block;
    background-color: #0063a7;
    color: #fff;
    padding-top: 10px;
}

.sibar a i,.sibar>div i {
    width: 30px;
    height: 26px;
    display: block;
    margin: 0 auto;
}

.sibar a.a1 i {
    background-position: -2px -73px;
}

.sibar a.a3 i {
    background-position: -87px -73px;
}

.sibar .a4 i {
    background-position: -135px -73px;
}
.sibar .a2 i {
    background-position: -42px -73px;
}

.sibar .a5 span {
    background: #fff;
    border: #ccc 1px solid;
    color: #999;
}

.sibar .a5 i {
    background-position: -180px -73px;
    width: 16px;
}


/* .sibar a.a1:hover i {
    background-position: -300px -52px;
}

.sibar a.a2:hover i {
    background-position: -360px -52px;
}

.sibar a.a3:hover i {
    background-position: -420px -52px;
}

.sibar a.a4:hover i {
    background-position: -480px -52px;
} */

.sibar a:hover span {
    background-color: #666;
}


/* .sibar a>img,.sibar span>img{ width: 52px; height: 46px;} */

.sibar .sibarEwm {
    position: absolute;
    top: -150px;
    left: -258px;
    padding-right: 10px;
    opacity: 0;
    transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
    -webkit-transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
    -moz-transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
    -o-transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
    -ms-transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
}

.sibarEwm ul {
    border: #666666 1px solid;
    padding:15px 10px;
    width: 230px;
    background: #fff;
    box-sizing: initial;display: block;
}
.sibarEwm ul li{float:left;width:115px;text-align: center;}
.sibarEwm ul li img{width:110px;height:110px;}
.sibar .sibarEwm font {
    font-size: 14px;
    color: #666666;
    text-align: center;
    width: 115px;
    margin: 0 auto;
    display: block
}

.sibar .sibarEwm::after {
    content: '';
    /*background: url(/themes/default/Pchome/statics/bsimg/sibar_ico8.png) no-repeat;*/
    width: 9px;
    height: 15px;
    position: absolute;
    top: 45px;
    right: 2px;
}

.sibar .a4.show .sibarEwm {
    top: -60px;
    opacity: 1;
    z-index: 10;
    display: block;
}
.sibar a:hover>img {
    opacity: 0.8;
}

.sibar a.a1 p {
    position: absolute;
    opacity: 0;
    width: 160px;
    background: #666;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    height: 110px;
    line-height:45px;
    padding:10px 0;
    left: -120px;
    top: 0;
    transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
    -webkit-transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
    -moz-transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
    -o-transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
    -ms-transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
}

.sibar a.a1:hover p {
    left: -160px;
    opacity: 1;
    z-index: 10;
}
.icon {
    background: url(../img/icon.png) no-repeat;
}

@media(max-width:768px) {
    .h_top{padding: 10px 0; position: relative;height:55px;}
    .h_top .logo{margin:0 0 0 2%;}
    .h_top .logo img{height:30px;}
    .h_top .xiaoxun,.h_top .todays,.h_top .searchs{display:none;}
    .menu {
        background-color: transparent;
        background-image: none;
        border: 1px solid #0063a7;
        border-radius: 4px;
        padding: 3px 4px 6px;
        display: block;
        position: absolute;
        right: 3%;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);

    }
    .menu .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        margin-top: 4px;
        background-color: #0063a7;
    }
    .mnav  li{ font-size: 14px;
        height: 40px;
        line-height: 40px;
        text-align: center;
    }
    .mnav {padding-right: 15px;
        padding-left: 15px;
        overflow-x: visible;
        z-index: 999;
        position: absolute;
        width: 150px;
        right: 0;
        top: 50px;
        border: 0;
        background:rgba(0,0,0,.8);
        display: none;}
    .mnav li a{color: #fff; line-height: 40px;}
    .head2{ display: none;}
    .banner a, .banPic, .banPic .swiper-slide{height: 200px;}
    .wrap{width: 100%;}
    .width580{width: 100%; padding: 0 3%;}
    .parTitle{ padding-bottom: 0;}
    .parTitle .cnTxt{font-size: 18px;}
    .parTitle .enTxt{font-size: 12px; display: none;}
    .divPart1>div, .divPart2>div{margin-top: 5%;}
    .silideItem .slideTxt{height: 72px;width:100%;}
    .eduNews li .time{width: 18%; margin-right: 4%;}
    .eduNews li .txt{width: 78%;}
    .bigPic ,.smallPic {width: 100%; float: none;}
    .bigPic  .svideos{width: 100%; height: 315px;}
    .smallPic li{ float: left; width: 20%; margin-top: 2%;}
    .productName a i{ display: none;}
    .productName a{width: 30%; margin: 5% 1%; padding: 0; font-size: 14px; text-align: center;}
    .divPart4{ padding-top: 7%;}
    .productName{ margin: 0;}
    .divPart5 { padding: 0 3%;}
    .copylist li{width: 30%; margin-right:5% ;}
    .copylist li:nth-child(3n){ margin-right:0 ;}

    .footer{padding-top:20px;padding-bottom:45px;margin-top:10px;}
    .footLeft{width:100%;border-bottom:1px solid #0f7fcb;padding:0 0 20px 0;}
    .footLeft .logo{margin:0 auto 10px;width:90%;}
    .footLeft .logo img{width:100%;height:auto;}
    .footLeft p{padding:5px 0 0 30px;color:#fff;font-size:11px;float:left;}
    .footLeft p span{float:left;}
    .footRight{text-align: center;width:100%;}
    .footRight p{color:#fff;padding:10px 0;font-size:14px;}
    .footRight>div{ margin-right:0; float: left; text-align: center; color: #fff;width:25%;padding:2%;}
    .footRight>div img{width:100%; margin-bottom: 5px;height:auto; display: block;}
    .footRight>div i{font-size:10px;}


    .copyright{ padding: 3%; line-height: 180%;font-size:11px;}
    .schoolItem .arrow{display: none;}
    .parTitle i{width: 28px; height: 28px; background-size: 80%; margin-right: 2%;}

    .insideBan{height: 165px;}

    .insideBan ul{margin:40px 0 0 20px;width:150px;padding:5px 0;}
    .insideBan ul h3{font-size:14px;padding:5px 0;}
    .insideBan ul p{font-size:10px;}


    .containerBox{ margin: -4px auto 5%;}
    .contNav { float:none;width:100%;min-height:45px;}
    .contNav h3{height:45px;
        padding-left:10px;
        line-height:45px;
        background:transparent;
        font-size:14px;
        color: #0063A7;float:left;}
    .pnavtit{ position:absolute;right:10px;top:0px;width:80%;padding-right:20px;text-align:right;height:45px;line-height:45px;font-size:12px;cursor:pointer;color:#666;background:url(../img/downs.png) no-repeat center right;background-size:15px auto;display: block;}
    .current{background:url(../img/ups.png) no-repeat center right;background-size:15px auto;}
    .navItem a{ padding: 0 2%; margin: 0;font-size:12px;border-bottom: 1px dashed #BCBCBC;line-height:30px;height:30px;}
    .navItem{ display: none; flex-wrap: wrap; text-align: center;width:100%;float:left;}
    .rightContent .miaoNav{display:none;}


    .rightContent{ float:left; font-size: 14px; width: 100%; padding:0 2%;}
    .rightContent h1{padding-bottom:10px;padding-top:10px; margin-top:0px; line-height: 120%;font-size:14px;text-align: center;
    }
    .rightContent h1::after{display:none;}
    .introTxt p{ font-size: 14px; }
    .detailPage a{ padding: 0; float: none; width: 100%; text-align: left !important; display: block; height: 40px; line-height:40px;}
    .techDetail  img{ margin: 0 auto; float: none; }
    .techIntro{ width: 100%; float: none; margin: 20px auto 0; text-align: center;}
    .teachType{text-align: center;}
    .teachType a{margin-top:20px;width:30.3333%;height:28px;line-height:28px;float:none;display: inline-block}
    .techList{width: 100%; padding-left: 0; border-top: none;}
     .techList ul li{width:46%;margin:2%;}
    .techList ul li.marginR0{margin: auto;}
     .techList .Img{width:100%; height: auto;}
    .techList .Img img{width:100%; height: auto;}
     .techList .intro{width:100%; padding: 5% 3%;text-align: center;}
    .pageBox li a, .pageBox li span{ padding: 0 12px; font-size: 12px;}
    .page{ text-align: center; margin-top: 30px;}
    .zsNews li a{font-size: 14px;}
    .zsNews li a span{ font-size: 12px;}
    .newsDetail h2{ font-size: 20px;}
    .newsDetail .time span{ font-size: 12px;}
    .newlist{margin-top: 20px;}
    .newlist li{ padding: 15px 0;}
    .newlist li .Img{width: 35%; height: auto;}
    .newlist li .txt{ margin-left: 3%; width: 62%;}
    .newlist li .txt .p2{ margin: 0 0 8px; line-height: 140%; white-space: nowrap; text-overflow: ellipsis;}
    .thumbnails li{ width: 48%;margin-right:4%;}
    .thumbnails li.marginR0{ margin-right:4% !important; }
    .thumbnails li:nth-child(2n){ margin-right: 0 !important;}
    
    /* .thumbnails{ display: flex; flex-wrap: wrap; justify-content: space-between;}  */
    .sl-wrapper .sl-navigation button.sl-prev{left: 0;}
    .sl-wrapper .sl-navigation button.sl-next{ right: 0;}
    .indexnews .silideItem img{height:240px;}

    /*.teachlist li{width:120px; transition: all .5s; text-align: center; float: left; margin-right:33px; margin-bottom:10px;}*/
    /*.teachlist li:hover{transform: translateY(-3px);}*/
    /*.teachlist li img{display: block; width:120px;height:150px;}*/
    /*.teachlist li h3{ font-size: 16px; color: #333;font-weight: 400; margin-top: 10px;}*/
    /*.teachlist li .job{ font-size: 14px; color: #808080;margin-top: 10px;}*/
    /*.marginR0{margin-right: 0 !important;}*/
    /*.teachlist li:hover .name{ color: #0063A7;}*/

    .teachlist li{width:46%;margin:2%;}
    .teachlist li img{height:200px;width:100%;}


    /*feedback*/
    .feedback ul li label{width:15%;padding:10px 10px 10px 0;font-size:14px;}
    .feedback ul li input{width:75%;padding:10px 0 10px 5px;}
    .feedback ul li textarea{width:75%;padding:10px 0 10px 5px;height:100px;}
    .banner .arrow{width: 25px;}
}


.banner .arrow{ width: 56px; height: 56px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10;}
.banner .button-next{ background: url(../img/1.png) no-repeat; right: 5%; }
.banner .button-prev{  background: url(../img/2.png) no-repeat; left: 5%;}
.bigPic {width:480px; height:300px;}
.smallPic  .swiper-slide{
    width:80px;
    height:50px;
        /* margin-bottom: 18px; */
}
.smallPic  .swiper-slide img{
    width:80px;
    height:50px;
}
.smallPic {width:80px; height:300px;}
.smallPic .swiper-slide-thumb-active{
    border:#c82128 1px solid;
}
.wenhua{width:100%;clear:both;padding:10px 0 0;color:#666;text-indent:2em;}
.footnav{display:none;}
@media(max-width:768px) {
    .bigPic {width:100%; height:300px;}
    .smallPic {width:100%;height:auto;}
    .smallPic .swiper-wrapper{display:inline-block;height:60px;}
    .scrollleft{width:100%;margin:10px auto 0;}
    .scrollleft li{margin-right:3px;width:132px;}
    .scrollleft img{width:132px;height:40px;}

    .schoolItem{width:100%;margin:10px auto;}
    .schoolItem li{margin-right:10px;width:150px;}
    .schoolItem img{width:150px;height:100px;}

    .smallPic .swiper-slide{
        width:20%;padding:1%;
        height: 60px;
        float:left;position: relative;
    }
    .smallPic  .swiper-slide img{
        width:100%;
        height:48px;}
    .loveNews .title span {display:none;}
    .footnav{position:fixed;bottom:0;border-top:1px solid #0b7fcf;left:0;width:100%;height:45px;background:#0063a7;z-index:1000;display: block;}
    .footnav a{width:25%;line-height:15px;display: block; text-align: center;float:left;padding:5px 0 0 0;}
    .footnav a img{height:20px;width:auto;}
    .footnav a p{color:#fff;padding:0px;font-size:12px;}
}