body { width: 100%; }
html { font-size: 80.5%;/*10 ÷ 16 × 100% = 62.5%*/ }
#main, #footer, #wrap { width:640px; margin: 0 auto; overflow: hidden; position: relative; }
.wrap_all { width:640px; margin: 0 auto; overflow: hidden; position: relative; padding-bottom: 100px; }
.wrapper { width: 615px; margin: 0 auto; position: relative; display: block; }
/*css3*/

.height_a { height:auto!important; padding-bottom:30px }
.wrap_all,  .nav,  .mask,  .btn_i_click small,  .btn_i_click:before,  .btn_i_click:after { transition: all 300ms; -webkit-transition: all 300ms; }
/*nav*/

.header_nav { background:#fff ; padding: 20px 0; position: fixed; top: 0; width: 640px; margin-left: -320px; left: 50%; z-index: 10; /*border-bottom: 1px solid #ccc; */}
.header_nav h1 { width: 465px; height: 63px; background: url("../js/logo.png") no-repeat center; text-indent: -999rem; }
/*按钮*/

.btn_i { display: block; position: absolute; right: 0; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.btn_i small,  .btn_i:before,  .btn_i:after { display: block; content: ''; width: 32px; height: 5px; background:#0297e7; border-radius: 5px; margin:2px 0; }
.btn_i_click small { opacity: 0; }
.btn_i_click:before { transform: rotateZ(45deg); transform-origin: 6px 7px; }
.btn_i_click:after { transform: rotateZ(-45deg); transform-origin: 9px 0px; }
/*nav*/

.nav { position: absolute; left: 0; top: 102px; z-index: 10; width: 100%; background:rgb(241, 241, 241); height: 0; overflow: hidden; }
.nav ul li a { display: block; color: #162142; line-height: 50px; text-indent: 30px; font-size: 1.8rem; border-bottom: 1px solid rgba(255, 255, 255, 0.59); }
/*nav_2*/

.nav_2 ul { margin-top: 80px; }
.nav_2 ul li { width: 25%; float: left; line-height: 60px; text-align: center; color: #f5f5f5; font-size: 1.8rem; background: #162142; }
.nav_2 ul li a { color: #f5f5f5; border-left: 1px solid rgba(255, 255, 255, 0.4); border-bottom:1px solid rgba(255, 255, 255, 0.4); display: block; }
/*swiper-container*/

.swiper-container { width: 100%; height: 100%; padding-top: 102px; }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */

    display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
/*form*/

.form { margin-top: 12px; position: relative; }
.form input[type=search] { line-height: 55px; height: 55px; border-radius: 5px; font-size: 1.6rem; background: #fff; border: 1px solid #ccc; box-shadow: inset 1px 1px 1px #ccc; font-family: "microsoft yahei"; text-indent: 15px; display: block; width: 100%; margin-bottom: 10px; }
.form input[type=submit] { display: block; position: absolute; right: 18px; width: 37px; height: 37px; background: url("../js/sch.png"); top: 10px; border: 0; text-indent: -999rem; }
/*program*/

.program { overflow: hidden; /*padding: 15px 0;*/ margin: 10px 0 0 0; }
.program ul li { width: 200px; float: left; background:#0297e7; color:#FFF; font-size:1.4rem; margin-top:10px; margin-left:10px; text-align:center; padding:8px 0px}
.program ul li a { color:#FFF}
/*program*/

.program1 { overflow: hidden; padding: 15px 0; margin: 10px 0 0 0; }
.program1 ul li { width: 33%; float: left; }
.program1 ul li a { display: block; font-size: 20px; color: #343742; text-align: center; padding-top: 160px; }
 .program1 ul li:nth-of-type(1) a {
background: url("../js/i1.png") no-repeat center top;
}
 .program1 ul li:nth-of-type(2) a {
background: url("../js/i2.png") no-repeat center top;
}
 .program1 ul li:nth-of-type(3) a {
background: url("../js/i3.png") no-repeat center top;
}
 .program1 ul li:nth-of-type(4) a {
background: url("../js/i4.png") no-repeat center top;
border-right: 0;
}
 .program1 ul li:nth-of-type(5) a {
background: url("../js/i5.png") no-repeat center top;
}
 .program1 ul li:nth-of-type(6) a {
background: url("../js/i6.png") no-repeat center top;
}
 .program1 ul li:nth-of-type(7) a {
background: url("../js/i7.png") no-repeat center top;
}
 .program1 ul li:nth-of-type(8) a {
background: url("../js/i8.png") no-repeat center top;
border-right: 0;}
/*product*/

.main_title { font-size: 2.3rem; color: #dddede; text-indent: 12px; position: relative; margin-top: 20px; margin-bottom: 20px; width: 100%; text-align: center; height:90px}
.main_title b { font-size: 3rem; color: rgb(102, 102, 102); }
.product_type { background:/*border: 1px solid #eeeeee;*/ padding: 8px 0 0 0; }
.product_type ul { justify-content:space-around; display: flex; display: -webkit-flex; flex-wrap: wrap; }
.product_type ul li a { display: block; width: 170px; line-height: 44px; text-align: center; background: #0297e7; margin-bottom: 8px; border-radius: 15px; font-size: 1.6rem; color:#FFF }
.a_more { font-size: 1.8rem; color: #616161; text-align: center; display: block; margin: 0 auto 10px auto; width: 168px; line-height: 40px; }
/*news*/

.news ol li { line-height: 55px; font-size: 1.4rem; border-bottom: 1px dashed #e0e0e0; background: url("../js/list.jpg") no-repeat left center; padding-left: 30px; }
.news ol li a { display: block; }
.news ol li a small { float: right; }
/*company*/

.company { margin-top: 25px; }
.company span { display: block; font-size: 1.4rem; line-height: 30px; margin-bottom: 20px; }
.company span span{ text-indent:2em}
.company p { margin-bottom: 10px; }
.company p img { /*padding: 2px; border: 1px solid #ccc;*/ width:100% }
/*case*/

.case ul { justify-content:space-between; display: flex; display: -webkit-flex; flex-wrap: wrap; }
.case ul li { position: relative; margin-bottom: 20px; }
.case ul li img { display: block; width: 290px;}
.case ul li a { display: block; font-size: 1.5rem; color: #fff; text-align: center; background:#0297e7 }
/*honor*/

.honor ul { justify-content:space-between; display: flex; display: -webkit-flex; flex-wrap: wrap; }
.honor ul li img { display: block; width: 188px; height: 140px; }
/*contact*/

.contact { background: #191919; height: 138px; margin: 25px 0 0 0; color: #adadad; padding: 25px 0 23px 0; }
.contact h1 { width: 135px; height: 105px; float: left; background: url("../js/lgo2.png") no-repeat center; text-indent: -999rem; margin-right: 20px; }
.contact ul { float: left; padding-left: 30px; border-left: 1px solid #5e5e5e; /*width: 415px;*/ }
.contact ul li { font-size: 20px; line-height: 35px; }
/*footer*/

.footer { position: fixed; bottom:-1px; width: 640px; left: 50%; margin-left: -320px; background: #30333D; overflow: hidden; }
.footer ul li { float: left;/* line-height: 80px; */ width: 25%; position: relative; }
.footer ul li a { font-size: 2rem; color: #ffffff; display: block; border-right: 1px solid #fff; text-align: center; padding: 10px 0; }
.footer ul li a img {/* position: absolute; *//* top: 50%; *//* transform: translateY(-50%); *//* -webkit-transform: translateY(-50%); *//* left: 40px; *//* display: block; */ height: 40px; }
.footer ul li a span {/* padding-left: 75px; */ display: block; }
.info { padding:25px 0; }
.info_top:after { display: block; content: ''; ; clear: both; }
.info_top h2 { font-size: 2.6rem; font-weight: 500; color: #0297e7; float: left; border-left: 4px solid #0297e7; padding-left: 15px; text-transform:uppercase }
.info_top h2 span { color: #0297e7; }
.lanmu { float: right; width: 160px; height: 40px; position: relative; }
.info_top { margin-bottom: 35px; }
.info_top ul { background: #0d1125; position: relative; width: 160px; height: 40px; }
.info_top ul:before { display: block; content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid rgb(255, 255, 255); position: absolute; right: 10px; top: 50%; }
.info_top ul li a { display: block; line-height: 40px; font-size: 1.8rem; color: #ffffff; text-indent: 10px; }
.info_top ol { position: absolute; left: 0; top: 40px; display: none; }
.info_top ol li a { background: #3c3c3c; width:160px; line-height: 40px; color: #ffffff; display: block; text-indent: 15px; }
.lanmu { float: right; width: 160px; height: 40px; position: relative; }
.info_top { margin-bottom: 35px; }
.info_top ul { background: #0d1125; position: relative; width: 160px; height: 40px; }
.info_top ul:before { display: block; content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid rgb(255, 255, 255); position: absolute; right: 10px; top: 50%; }
.info_top ul li a { display: block; line-height: 40px; font-size: 1.8rem; color: #ffffff; text-indent: 10px; }
.info_top ol { position: absolute; left: 0; top: 40px; display: none; }
.info_top ol li a { background: #3c3c3c; width:160px; line-height: 40px; color: #ffffff; display: block; text-indent: 15px; }
.p_content { font-size: 1.5rem; line-height: 30px; color: #4f4f4f; }
#prev_next { font-size: 1.4rem; margin-top: 20px }
div.page { margin:10px 0 20px 0; clear: both; float: right; font-size: 14px }
div.page a { padding:2px 5px; margin:2px; color: #ffffff; text-decoration:none; background: #9b9b9b; }
div.page a:hover { background: #5c5c5c }
div.page span.current { padding:2px 8px; font-weight:bold; margin:2px; color:#fff; background-color: #9c5252; }
div.page span.disabled { padding:2px 5px; margin:2px; color:#ddd; }
.contact_li h4 { font-size:2.2rem; margin-bottom: 15px; color: #525252; }
.contact_li ul li { font-size: 1.6rem; line-height: 30px; }
.contact_li ul li a { font-weight: bold; color: #162142; }
.news_list li a { display: block; overflow: hidden;/* font-size: 1.6rem;*/ line-height: 60px; border-bottom: 1px dotted #ccc; background: url("../js/list.png") no-repeat left center; padding-left: 15px; }
.news_list li a span { float: left; /*font-size: 1.8rem;*/ }
.news_list li a small { float: right; font-size: 1.6rem; }
.news_title { text-align: center; font-size: 2rem; margin-bottom: 20px; color: #3f3f3f; }
.meta { text-align: center; margin:25px 0; font-size: 1.6rem; }
.t_r { font-size: 1.6rem; }
/*course*/

.course { padding: 40px 0; background: #f5f5f5; }
.course_ul { width: 660px; padding-top:15px }
.course_ul li { margin-bottom: 30px; /*font-size: 1.8rem; */text-align: center; border: 1px solid #ccc; padding: 5px; float: left; margin-right: 10px; }
.course_ul li a { display: block; }
.course_ul li img { display: block; width: 300px; /*height: 260px;*/ margin-bottom: 10px; }
/*teacher*/

.teacher { padding: 35px 0; }
.teacher_ul li img { width: 185px; /*height: 139px; */}
#form1 input[type=text] { line-height: 30px; height: 40px; border-radius: 5px; font-size: 1.6rem; background: #fff; border: 1px solid #ccc; box-shadow: inset 1px 1px 1px #ccc; font-family: "microsoft yahei"; text-indent: 15px; display: block; width: 100%; margin-bottom: 10px; }
#form1 textarea { font-size: 1.6rem; background: #fff; border: 1px solid #ccc; box-shadow: inset 1px 1px 1px #ccc; font-family: "microsoft yahei"; text-indent: 15px; display: block; width: 100%; margin-bottom: 10px; border-radius: 5px; }
#form1 div input { float: left; }
#form1 div img { float: left; margin-left: 10px; height: 30px; margin-top: 1px; }
#form1 input[type=submit] { display: block; font-size: 1.6rem; background: #162142; color: #f5f5f5; text-align: center; width: 120px; line-height: 30px; border: 0; float: right; ; border-radius: 10px; font-family: "microsoft yahei"; }
.content_p { margin-top: 40px; }
.content_p img { max-width: 95% }
.content_p p { font-size: 1.6rem; line-height: 30px; }
.content_p span.sp { display:block; background-color: #ececec; color: #ffffff; margin-bottom: 20px; overflow: hidden; }
.content_p span.sp small { background: #30333D; display: block; float: left; text-align: center; line-height: 40px; width: 120px; font-size: 1.8rem; }
/************//**********/
.ys{ width:100%; height:500px}
.ys-in{ width:100%; height:500px}
.ys-in .ys1{ width:100%; height:158px; background:url(01.jpg) center no-repeat; float:left; position:relative; background-size:100%}
.ys-in .ys2{ width:100%; height:158px; background:url(02.jpg) center no-repeat; float:left; position:relative; background-size:100%}
.ys-in .ys3{ width:100%; height:158px; background:url(01.jpg) center no-repeat; float:left; position:relative; background-size:100%}
.ys-in .ys-img{ width:110px; height:100%; float:left; background:#FFF}
.ys-in span#y1{ color:#fff; font-size:20px; display:block; position:absolute; left:110px; top:20px }
.ys-in span#y2{ background:#FFF; width:43px; height:3px; display:block; position:absolute; left:110px; top:57px}
.ys-in span#y3{ color:#fff; font-size:14px; display:block; position:absolute; left:110px; top:70px;font-family: 微软雅黑; }

/***************/
/**************/
.lxwm{ width:100%; height:220px; background:url(dbj.jpg) center no-repeat;}
.lxwm-in{ width:90%; height:220px; position:relative; background:url(dh.png) center no-repeat; margin:0 auto; background-size:100%}
.lxwm-in .dz{font-size: 1.6rem;font-family: 微软雅黑;color: rgb(255, 255, 255); width:100%; text-align:center; float:left; font-weight:bold; margin-top:75px; letter-spacing:1px}
.lxwm-in .xz{font-family: Arial, Helvetica, sans-serif;font-size:1.5rem;color: rgb(28, 189, 233); width:100%; text-align:center; float:left; margin-top:10px; color:#0297e7; font-weight:bold}
.lxwm-in .lx1{ background:#FFF; border-radius:50%; width:50px; height:50px; position:absolute; text-align:center; line-height:50px; font-size:1.3rem; bottom:25px; left:251px; color:#5a5a5a}
.lxwm-in .lx1:hover{ background:#0297e7; color:#FFF}
/************/
/***************/
.lx{ width:100%; text-align:center; padding:3% 0px; font-size:1.4rem; background:#f8f8f8; line-height:180%; height:250px;}
.lx1{font-size: 3rem;line-height: 42px;text-transform: uppercase;color:#dbe1e4; text-align:center; float:left; width:100%;}
.lx2{font-size: 3rem;text-transform: uppercase;color:#0297e7; text-align:center; float:left; width:100%; font-weight:bold}
.lx2 b{color:#0297e7;}
.lx3{ font-weight: bold;font-size: 1.4rem;color: #282828;text-transform: uppercase;letter-spacing: 2px; float:left; margin-top:10px; text-align:center; width:100%}
.map{ width:100%; height:300px;}

/*********************/
.n-con .con1{width:100%; margin:0 auto; height:auto; margin-bottom:20px;min-height:300px; padding:5px}
.n-con .con1 ul{ width:100%; padding:5px; height:auto;}
.n-con .con1 ul li{ width:100%; float:left; margin:10px 0px; border:1px solid #eeeeee}
.n-con .con1 ul li .ts{ width:30%; float:left; overflow:hidden}
.n-con .con1 ul li .ts img{ width:100%;  float:left; display:block}
.n-con .con1 ul li .js{ width:68%; height:300px; float:right; position:relative; font-size:1.3rem; line-height:160%; overflow:hidden; color:#5a5a5a}
.n-con .con1 ul li .ts .sm{ float:left; width:100%; text-align:left; color:#000; height:30px; line-height:30px; font-weight:bold; font-size:1.4rem;}
.n-con .con1 ul li .ts .zz{ float:left; width:100%; text-align:right; color:#5a5a5a;  line-height:30px; font-size:1.3rem}

.con table tr td span a:hover{ color:#DE1D4A}

.n-con .con .neirong p{ text-indent:2em; line-height:160%; font-size:1.5rem}