@charset "utf-8";
/* CSS Document */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, input  {margin: 0;padding: 0;border: none;outline: 0; /*font-size:100%;*/ font: inherit;vertical-align: baseline;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body { font-size:14px; }
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

body { background:#fff; }

a{color:#444;text-decoration:none;}

.ln { text-align:left; }
.cn { text-align:center; }
.rn { text-align:right; }

.left { float:left; }
.right { float:right; }

.p5 { padding:5px; }
.p10 { padding:10px; }
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt45 { padding-top:45px; }
.pt50 { padding-top:50px; }
.pt68 { padding-top:68px; }
.pt80 { padding-top:80px; }
.pt100 { padding-top:100px; }
.pt120 { padding-top:120px; }

.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }

.pbl30 { padding-left:30px; }

.mr10 { margin-right:10px; }
.ml10 { margin-left:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
input[type=button], input[type=submit], input[type=reset],button,input[type=text] { -webkit-appearance: none; -webkit-tap-highlight-color: transparent; }
.cclear:after,.cclear .after {content: ""; display: block; clear: both;}
.clear { clear:both; height:0; font-size:0;line-height:0; overflow:hidden;}

button { padding:0px; outline:none; border:none; font-family:"Microsoft Yahei"; font-weight:500;}
textarea { padding:0px; outline:none; border:none; font-family:"Microsoft Yahei"; font-weight:500;}
button:focus, textarea:focus { outline:none;}

.img_rendering {
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
}

/*begin*/
.ban_inner { height:auto; overflow:hidden; margin:0 auto; text-align:center;}
.ban_inner img { width:100%;}

.place { height:auto; overflow:hidden; margin:-4px auto 0; font-family:"Microsoft Yahei"; font-weight:500;}
.place .wp { width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.place .wp .site_a { float:left; height:62px; overflow:hidden; margin:0 auto;}
.place .wp .site_a a { display:inline-block; width:auto; height:62px; line-height:62px; overflow:hidden; font-size:15px; color:#4D4D4D;}
.place .wp .site_a .chief { padding:0 0 0 22px; background:url(/public/xzypc/images/icon_place_01.png) no-repeat left center; background-size:15px;}
.place .wp .site_a i { display:inline-block; width:6px; height:62px; line-height:62px; overflow:hidden; margin:0 12px 0 15px; background:url(../images/icon_place_02.png) no-repeat center center; background-size:5px;}

.place .wp .site_a span { display:inline-block; width:auto; height:62px; line-height:62px; overflow:hidden; font-size:15px; color:#4D4D4D;}
.place .wp .site_a a:hover { color:#FF6637;}

.place .wp .site_b { position:relative; float:right; height:auto; overflow:hidden; margin:0 auto;}
.place .wp .site_b .item { position:relative; float:left; width:auto; height:auto; overflow:hidden;}
.place .wp .site_b .item i { display:block; position:absolute; right:0; top:24px; width:1px; height:14px; overflow:hidden; background:#E6E6E6;}
.place .wp .site_b .item .info { display:block; width:auto; padding:0 20px; margin:0 1px 0 0; height:62px; overflow:hidden; text-align:center; line-height:60px; font-size:15px; color:#666;}
.place .wp .site_b .itemcur .info { color:#FF6637;}
.place .wp .site_b .item:hover .info { color:#FF6637;}

.campusbg { height:auto; overflow:hidden; margin:0 auto; background:#FAFAFA url(../images/icon_campusbg.png) no-repeat bottom center; background-size:100%;}
.campus_N { width:1200px; height:auto; overflow:hidden; margin:40px auto 0; font-family:"Microsoft Yahei"; font-weight:500; background:#fff;}
.campus_N .list { height:auto; overflow:hidden; margin:0 30px;}
.campus_N .list .item { height:auto; overflow:hidden; margin:0 auto; border-bottom:1px solid #EAEBE9;}
.campus_N .list .item a { display:block; position:relative; height:auto; overflow:hidden; margin:0 auto;}
.campus_N .list .item .date { position:absolute; left:0; top:30px; width:110px; height:auto; overflow:hidden; border-radius:3px; background:#FAFAFA;}
.campus_N .list .item .date h3 { height:52px; line-height:52px; text-align:center; overflow:hidden; margin:19px auto 0; font-weight:bold; font-size:40px; color:#FF6637;}
.campus_N .list .item .date p { height:21px; line-height:21px; text-align:center; overflow:hidden; margin:0 auto 19px; font-size:16px; color:#666;}
.campus_N .list .item .imgs { position:absolute; right:0; top:30px; width:150px; height:111px; line-height:111px; text-align:center; overflow:hidden;}
.campus_N .list .item .imgs img { width:100%;}
.campus_N .list .item .info { height:auto; overflow:hidden; margin:0 180px 0 141px;}
.campus_N .list .item .info h3 { height:34px; line-height:34px; overflow:hidden; margin:30px auto 4px; font-weight:bold; font-size:18px; color:#4D4D4D;}
.campus_N .list .item .info p { line-height:22px; height:66px; overflow:hidden; margin:0 auto 35px; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; font-size:14px; color:#999;}

.campus_N .list .item:hover .date { transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; background:#FF6637;}
.campus_N .list .item:hover .date h3 { color:#fff;}
.campus_N .list .item:hover .date p { color:#fff;}
.campus_N .list .item:hover .info h3 { color:#FF6637;}

/*底部*/
.footer { height:auto; overflow:hidden; margin:0 auto; font-family:"Microsoft Yahei"; font-weight:500; background:#FF6637;}
.footer .wp { width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.footer .wp .flogo { float:left; height:auto; overflow:hidden;}
.footer .wp .flogo .img { height:84px; text-align:center; overflow:hidden; margin:50px auto 10px;}
.footer .wp .flogo .img img { max-width:100%; max-height:100%;}
.footer .wp .flogo h3 { height:24px; line-height:24px; text-align:center; overflow:hidden; margin:0 auto 30px; font-size:18px; color:#fff; opacity: 0.95;}

.footer .wp .other { float:right; height:auto; overflow:hidden; text-align:right;}
.footer .wp .other .hotline { display:inline-block; padding:0 0 0 35px; height:25px; line-height:25px; overflow:hidden; margin:50px 0 0 0; font-size:16px; color:#fff; background:url(../images/icon_foot_line.png) no-repeat left center; background-size:25px;}
.footer .wp .other .addr { height:29px; line-height:29px; overflow:hidden; margin:0 0 12px 0; font-size:14px; color:#fff; opacity: 0.95;}
.footer .wp .other p { height:25px; line-height:25px; text-align:right; overflow:hidden; margin:0 auto; font-size:14px; color:#fff;}
.footer .wp .other p span { display:inline-block; margin:0 0 0 7px; font-size:14px; color:#fff; opacity: 0.95;}
.footer .wp .other p a { display:inline-block; font-size:14px; color:#fff; opacity: 0.95;}

.cam_details { height:auto; overflow:hidden; margin:0 auto; font-family:"Microsoft Yahei"; font-weight:500;}
.cam_details .top { height:auto; overflow:hidden; margin:0 auto; text-align:center; padding:0 30px; border-bottom:1px solid #EBEBEB;}
.cam_details .top h2 { height:34px; line-height:34px; overflow:hidden; margin:25px auto 5px; font-weight:bold; font-size:18px; color:#4D4D4D;}
.cam_details .top .date { height:31px; line-height:31px; overflow:hidden; margin:0 auto 15px; font-size:16px; color:#999;}

.cam_details .text { height:auto; overflow:hidden; margin:25px auto 20px; padding:0 30px; text-align:justify; text-justify:inter-ideograph;}
.cam_details .text p { height:auto; line-height:22px; text-align:left; overflow:hidden; margin:0 auto; font-size:14px; color:#4D4D4D;}

.cam_details .otharticle { height:auto; overflow:hidden; margin:0 30px; padding:0 0 20px 0; border-bottom:1px solid #EBEBEB;}
.cam_details .otharticle .item { display:block; height:auto; line-height:27px; overflow:hidden; margin:0 auto; font-size:13px; color:#808080;}
.cam_details .otharticle .item:hover { color:#FF6637;}

.cam_details .sugreading { height:auto; overflow:hidden; margin:0 30px 20px;}
.cam_details .sugreading .sugTit { height:auto; overflow:hidden; margin:17px auto 3px; padding:0 0 0 25px; line-height:31px; font-weight:bold; font-size:16px; color:#4D4D4D; background:url(../images/icon_sugTit.png) no-repeat left center; background-size:15px;}
.cam_details .sugreading .llist { height:auto; overflow:hidden; margin:0 auto;}

.cam_details .sugreading .llist .item { display:block; float:left; width:49%; height:auto; line-height:29px; overflow:hidden; margin:0 2% 0 0; font-size:14px; color:#4D4D4D;}
.cam_details .sugreading .llist .item:nth-child(2n) { margin:0 0 0 0;}
.cam_details .sugreading .llist .item:hover { color:#FF6637;}
.cam_details .sugreading .llist .item i { display:block; float:left; width:4px; height:4px; overflow:hidden; margin:12.5px 10px 0 0; background:#999;}


/*关于我们*/
.about { height:auto; overflow:hidden; margin:0 auto; font-family:"Microsoft Yahei"; font-weight:500;}
.about h2 { height:36px; line-height:36px; text-align:center; overflow:hidden; margin:30px 30px 20px; font-size:20px; color:#FF6637;}
.about .text { height:auto; overflow:hidden; margin:0 30px; text-align:justify; text-justify:inter-ideograph;}
.about .text p { height:auto; line-height:24px; text-align:left; overflow:hidden; margin:0 auto 5px; font-size:14px; color:#4D4D4D;}
.about .img { height:auto; overflow:hidden; margin:25px 30px 40px; text-align:center;}
.about .imgs { height:auto; overflow:hidden; margin:0 30px; text-align:center;}
.about .imgs img { display:block; max-width:100%; margin:0 auto 10px;}

/*专业知识*/
.specialized { height:auto; overflow:hidden; margin:0 auto; font-family:"Microsoft Yahei"; font-weight:500;}
.specialized .left { position:relative; float:left; width:240px; height:auto; overflow:hidden;}
.specialized .left .list { height:auto; overflow:hidden; margin:0 0 0 30px;}
.specialized .left .list .item { display:block; height:auto; overflow:hidden; margin:0 auto; padding:29px 30px 29px 0; border-bottom:1px solid #EBEBEB;}
.specialized .left .list .item:last-child { border-bottom:0;}
.specialized .left .list .item span { display:inline-block; height:auto; line-height:22px; font-size:15px; color:#666;}
.specialized .left .list .itemcur span { color:#FF6637;}
.specialized .left .list .item:hover span { color:#FF6637;}
.specialized .left .side { position:absolute; top:0; right:-26px; bottom:0; width:23px; height:auto; overflow:hidden; box-shadow:0px 0px 15px rgba(0, 0, 0, 0.1); background:#fff;}

.specialized .right { float:left; width:900px; height:auto; overflow:hidden; margin:30px 30px 30px 30px;}
.specialized .right .curcon { display:none; height:auto; overflow:hidden; margin:0 auto;}
.specialized .right .show { display:block;}

.specialized .right ul li { margin:0 auto 10px;}
.specialized .right ul li .top { position:relative; height:61px; overflow:hidden; margin:0 auto; background:#F7F7F7; cursor:pointer;}
.specialized .right ul li .top .tit { margin:0 50px 0 20px; height:61px; line-height:61px; overflow:hidden; text-align:left; font-weight:bold; font-size:16px; color:#4D4D4D;}
.specialized .right ul li .top .icon { position:absolute; right:16px; top:0; width:20px; height:61px; overflow:hidden; background:url(../images/icon_switch_01.png) no-repeat left center; background-size:16px;}
.specialized .right ul li.open .top .icon { position:absolute; right:0; top:0; width:30px; height:61px; overflow:hidden; background:url(../images/icon_switch_02.png) no-repeat left center; background-size:16px;}
.specialized .right ul li.open .top .tit { color:#FF6637;}
.specialized .right ul li .text { display:none; height:auto; overflow:hidden; margin:0 auto; padding:20px 20px 25px; line-height:21px; font-size:14px; color:#4D4D4D;}

/*校园动态-活动图片*/
.atlas { width:1200px; height:auto; overflow:hidden; margin:0 auto; font-family:"Microsoft Yahei"; font-weight:500;}
.atlas .list { height:auto; overflow:hidden; margin:40px auto 25px;}
.atlas .list .item { float:left; width:291px; height:auto; overflow:hidden; margin:0 12px 28px 0;}
.atlas .list .item:nth-child(4n) { margin:0 0 28px 0;}
.atlas .list .item a { position:relative; z-index:10; display:block; height:auto; overflow:hidden; margin:0 auto; padding:0 6px 0 0;}
.atlas .list .item .info { position:relative; z-index:30; height:auto; overflow:hidden; margin:0 auto 15px; border-radius:6px; background:#fff; border: 1px solid #FFFFFF; box-shadow:0px 2px 4px rgba(0, 0, 0, 0.06);}
.atlas .list .item .info .img { height:179px; line-height:179px; text-align:center; overflow:hidden; margin:0 auto;}
.atlas .list .item .info .img img { width:100%;}
.atlas .list .item .info p { height:47px; line-height:47px; text-align:center; overflow:hidden; margin:0 auto; font-size:14px; color:#4D4D4D;}
.atlas .list .item .side1 { position:absolute; z-index:15; left:3.5px; bottom:11px; width:278px; height:37px; background:#FFFFFF; border:1px solid #FFFFFF; box-shadow:0px 2px 4px rgba(0, 0, 0, 0.06); border-radius:6px;}
.atlas .list .item .side2 { position:absolute; z-index:13; left:7.5px; bottom:7px; width:270px; height:37px; background:#FFFFFF; border:1px solid #FFFFFF; box-shadow:0px 2px 4px rgba(0, 0, 0, 0.06); border-radius:6px;}

.atlas .list .itemcur .info p { color:#FF6637;}

.oatlas { width:1220px; height:auto; overflow:hidden; margin:0 auto; font-family:"Microsoft Yahei"; font-weight:500;}
.oatlas .list { height:auto; overflow:hidden; margin:0 auto 25px; padding:40px 10px 0 10px;}
.oatlas .list .item { float:left; width:285px; height:auto; overflow:hidden; margin:0 20px 28px 0; box-shadow:0px 2px 4px rgba(0, 0, 0, 0.02);}
.oatlas .list .item:nth-child(4n) { margin:0 0 28px 0;}
.oatlas .list .item a { display:block; height:auto; overflow:hidden; margin:0 auto;}
.oatlas .list .item .info { height:auto; overflow:hidden; margin:0 auto; border-radius:6px; background:#fff;}
.oatlas .list .item .info .img { height:179px; line-height:179px; text-align:center; overflow:hidden; margin:0 auto;}
.oatlas .list .item .info .img img { width:100%;}
.oatlas .list .item .info p { height:47px; line-height:47px; text-align:center; overflow:hidden; margin:0 auto; font-size:14px; color:#4D4D4D;}

.oatlas .list .itemcur { box-shadow:0px 2px 10px rgba(0, 0, 0, 0.1);}
.oatlas .list .itemcur .info p { color:#FF6637;}

/*成功案例*/
.SuCase { width:1200px; height:auto; overflow:hidden; margin:0 auto; font-family:"Microsoft Yahei"; font-weight:500;}
.SuCase .list { height:auto; overflow:hidden; margin:40px auto 15px;}
.SuCase .list .item { height:auto; overflow:hidden; margin:0 auto 25px;}
.SuCase .list .item a { position:relative; display:block; height:272px; overflow:hidden; margin:0 auto; border-radius:6px; border:1px solid #EBEBEB; background:#fff url(../images/icon_casebg.png) repeat center center; background-size:100%;}
.SuCase .list .item .img { position:absolute; right:30px; top:25px; width:195px; height:224px; line-height:224px; text-align:center; overflow:hidden; border-radius:4px;}
.SuCase .list .item .img img { height:100%;}
.SuCase .list .item .info { margin:0 255px 0 30px; height:auto; overflow:hidden;}
.SuCase .list .item .info .title { height:34px; line-height:34px; overflow:hidden; margin:20px auto 5px; font-size:18px; color:#FF6637;}
.SuCase .list .item .info .title span { margin:0 0 0 10px; font-size:14px; color:#FF6637;}
.SuCase .list .item .info .title span:first-child { margin:0 0 0 15px;}
.SuCase .list .item .info .text { height:150px; overflow:hidden; margin:0 auto; font-size:14px; color:#4D4D4D;}
.SuCase .list .item .info .text p { height:auto; line-height:21px; overflow:hidden; margin:0 auto; font-size:14px; color:#4D4D4D;}

.SuCase .list .itemcur a { border:1px solid #FF6637;}

.case_details { height:auto; overflow:hidden; margin:0 auto; font-family:"Microsoft Yahei"; font-weight:500;}
.case_details .top { height:auto; overflow:hidden; margin:0 auto; text-align:center; padding:0 30px; border-bottom:1px solid #EBEBEB;}
.case_details .top h2 { height:34px; line-height:34px; overflow:hidden; margin:25px auto 5px; font-weight:bold; font-size:18px; color:#FF6637;}
.case_details .top .oins { height:29px; line-height:29px; overflow:hidden; margin:0 auto 15px; font-size:14px; color:#FF6637;}
.case_details .top .oins span { margin:0 5px;}

.case_details .text { height:auto; overflow:hidden; margin:25px auto 55px; padding:0 30px; text-align:justify; text-justify:inter-ideograph;}
.case_details .text p { height:auto; line-height:22px; text-align:left; overflow:hidden; margin:0 auto; font-size:14px; color:#4D4D4D;}

/*课程体系*/
.curricula { height:auto; overflow:hidden; margin:0 auto; font-family:"Microsoft Yahei"; font-weight:500;}
.curricula .left { position:relative; float:left; width:193px; height:auto; overflow:hidden;}
.curricula .left .list { height:auto; overflow:hidden; margin:0 0 0 30px;}
.curricula .left .list .item { display:block; height:auto; overflow:hidden; margin:0 auto; padding:19px 28px 19px 0; border-bottom:1px solid #EBEBEB;}
.curricula .left .list .item:last-child { border-bottom:0;}
.curricula .left .list .item span { display:inline-block; height:auto; line-height:20px; font-size:15px; color:#666;}
.curricula .left .list .itemcur span { color:#FF6637;}
.curricula .left .list .item:hover span { color:#FF6637;}
.curricula .left .side { position:absolute; top:0; right:-26px; bottom:0; width:23px; height:auto; overflow:hidden; box-shadow:0px 0px 15px rgba(0, 0, 0, 0.1); background:#fff;}

.curricula .right { float:left; width:927px; height:auto; overflow:hidden; margin:25px 50px 25px 30px;}
.curricula .right .curcon { display:none; height:auto; overflow:hidden; margin:0 auto;}
.curricula .right .show { display:block;}
.curricula .right .curcon h2 { height:auto; line-height:34px; overflow:hidden; margin:0 auto 5px; font-weight:bold; font-size:18px; color:#FF6637;}
.curricula .right .curcon .spans { height:auto; overflow:hidden; margin:0 auto 20px;}
.curricula .right .curcon .spans span { position:relative; float:left; display:block; padding:0 15px 0 0; height:29px; line-height:29px; text-align:center; overflow:hidden; margin:0 15px 0 0; font-size:14px; color:#FF6637;}
.curricula .right .curcon .spans span i { position:absolute; right:0; top:5px; display:block; width:1px; height:19px; overflow:hidden; background: #000000; opacity:0.04;}
.curricula .right .curcon .text { height:auto; line-height:24px; overflow:hidden; margin:0 auto 20px; text-align:justify; text-justify:inter-ideograph; font-size:14px; color:#4D4D4D;}
.curricula .right .curcon .text p { margin:0 auto 10px;}
.curricula .right .curcon .text img { display:block; max-width:100%; margin:0 auto;}

/*首页*/
.banner { position:relative; z-index:10; height:auto; /*overflow:hidden;*/ margin:0 auto; font-family:"Microsoft Yahei"; font-weight:500; min-height:70px;}

.navigation { position:relative; z-index:30; margin:0 auto; font-family:"Microsoft Yahei"; font-weight:500; }
.navigation .owp { background:#fff; box-shadow:0px 0px 6px rgba(0, 0, 0, 0.16);}
.navigation .wp { width:1200px; height:auto; margin:0 auto; background:#fff;}
.navigation .wp .logo { display:block; float:left; height:67px; overflow:hidden;}
.navigation .wp .logo .img { float:left; width:46px; height:67px; line-height:65px; text-align:left; overflow:hidden; margin:0 15px 0 0;}
.navigation .wp .logo .img img { max-width:100%; max-height:100%; vertical-align:middle;}
.navigation .wp .logo h2 { float:left; height:67px; line-height:67px; overflow:hidden; font-size:23px; color:#4D4D4D;}

.navBar { float:right; /*position:relative; z-index:35;*/}
.navBar .nav { height:67px; margin:0 auto;}
.navBar .nav li { float:left; height:67px;}
.navBar .nav li h3 { display:inline-block; width:auto; overflow:hidden;}
.navBar .nav li h3 a { display:inline-block; width:auto; padding:0 20px; text-align:center; height:67px; line-height:67px; font-size:14px; color:#4D4D4D;}

/*.navBar .nav li.on h3 { background:#F7F7F7;}*/
.navBar .nav li:hover h3 { background:#F7F7F7;}
.navBar .nav li.on h3 a { color:#FF6637;}

.navBar .nav li .sub { display:none; position:absolute; z-index:0; left:0; top:67px; right:0; height:59px; background:#FAFAFA; box-shadow:0px 6px 8px -9px rgb(0 0 0 / 16%);}
.navBar .nav li .sub .ssha { height:59px; box-shadow: inset 0px 4px 6px -4px rgb(0 0 0 / 16%);}
.navBar .nav li .sub .cenbox { position:absolute; overflow:hidden; margin:0 auto; text-align:center;}
.navBar .nav li .sub .cenbox a { display:block; position:relative; float:left; width:auto; padding:0 25px; height:59px; line-height:59px; text-align:center; overflow:hidden; font-size:14px; color:#666;}
.navBar .nav li .sub .cenbox a:hover { color:#FF6637;}
.navBar .nav li .sub .cenbox a i { display:block; position:absolute; right:0; top:18px; width:1px; height:23px; overflow:hidden; background:#EBEBEB;}

/*banner*/
.banner .focusImg { position:relative; z-index:15; width:100%; height:auto; overflow:hidden; margin:0 auto;}
.banner .focusImg .pic { position:relative; z-index:20; margin:0 auto;}
.banner .focusImg .pic img { width:100%;}
.banner .focusImg .hd { position:absolute; z-index:25; left:0; right:0; bottom:20px; text-align:center;}
.banner .focusImg .hd li { display:inline-block; *display:inline; zoom:1; width:20px; height:6px; overflow:hidden; margin:0 6px; opacity:0.7; border-radius:5px; cursor:pointer; background:#fff;}
.banner .focusImg .hd .on { opacity: 1; background:#FF6637;}


/*首页-校园动态*/
.trends { width:1210px; height:auto; overflow:hidden; margin:30px auto 0; font-family:"Microsoft Yahei"; font-weight:500;}
.pubtitle { height:auto; overflow:hidden; margin:0 10px 10px 0; font-family:"Microsoft Yahei"; font-weight:500;}
.pubtitle h2 { float:left; height:39px; line-height:39px; overflow:hidden; font-size:22px; color:#FF6637;}
.pubtitle h2 span { margin:0 0 0 10px; font-size:14px; color:#999;}
.pubtitle .more { display:block; float:right; height:39px; line-height:39px; overflow:hidden; font-size:14px; color:#808080;}
.pubtitle .more:hover { color:#FF6637;}

.trends .pubtitle { margin:0 10px 5px 0;}
.trends .tcon { height:auto; overflow:hidden; margin:0 auto; padding:10px 0 0 0;}

.campNews { position:relative; z-index:10; float:left; width:435px; height:272px; overflow:hidden; border-radius:6px;}
.campNews .pic { height:auto; overflow:hidden; margin:0 auto;}
.campNews .pic img { display:block; width:100%;}

.campNews .txt { position:absolute; z-index:15; left:0; right:0; bottom:0; height:45px; overflow:hidden; border-radius:0px 0px 6px 6px; background:rgb( 0, 0, 0); background:rgba( 0, 0, 0, 0.45); filter:alpha(opacity=45);}
.campNews .txt li { position:absolute; bottom:-45px; height:45px; line-height:45px; overflow:hidden; margin:0 auto; padding:0 15px; font-size:14px; color:#FAFAFA;}

.campNews .num { position:absolute; z-index:20; right:15px; bottom:19.5px;}
.campNews .num li { float:left; width:6px; height:6px; overflow:hidden; margin:0 0 0 5px; border-radius:6px; background:#fff; opacity:0.35;}
.campNews .num li.on { background:#FF6637; opacity:1;}

.campNews .pic ul li { position:absolute; top:0; left:435px; width:435px; height:272px;}
.campNews .pic ul li h3 { position:absolute; z-index:15; bottom:0; left:15px; right:0; height:45px; line-height:45px; overflow:hidden; font-size:14px; color:#FAFAFA;}
.campNews .pic ul li div { position:absolute; z-index:10; bottom:0; left:0; right:0; height:45px; background:rgb( 0, 0, 0); background:rgba( 0, 0, 0, 0.45); filter:alpha(opacity=45);}

.campNews .controler { position:absolute; z-index:15; bottom:20px; right:15px;}
.campNews .controler b { float:left; width:6px; height:6px; overflow:hidden; margin:0 0 0 5px; border-radius:6px; background:#fff; opacity:0.35;}
.campNews .controler b.down { background:#FF6637; opacity:1;}


.camnewsList { float:left; width:745px; height:auto; overflow:hidden; margin:0 0 10px 20px; border-radius:6px; background:#fff; box-shadow:0px 2px 10px rgba(0, 0, 0, 0.06);}
.camnewsList .item { height:auto; overflow:hidden; margin:0 20px; border-bottom:1px solid #F5F5F5;}
.camnewsList .item:last-child { border-bottom:0;}
.camnewsList .item .top { height:auto; overflow:hidden; margin:0 auto;}
.camnewsList .item .top h3 { float:left; height:31px; line-height:31px; overflow:hidden; margin:15px 0 0 0; font-size:16px; color:#4D4D4D;}
.camnewsList .item .top .date { float:right; height:31px; line-height:31px; overflow:hidden; margin:15px 0 0 0; font-size:14px; color:#333;}
.camnewsList .item p { height:29px; line-height:29px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin:0 0 15px; font-size:14px; color:#999;}
.camnewsList .itemcur .top h3 { color:#FF6637;}


.sort_A { width:1220px; height:auto; overflow:hidden; margin:25px auto 0; font-family:"Microsoft Yahei"; font-weight:500;}
.sort_A .sitem { float:left; width:590px; height:auto; overflow:hidden; padding:0 10px 10px 10px;}
.sort_A .sitem:nth-child(2n) { margin:0 0 0 0;}
.sort_A .sitem .con { position:relative; height:auto; overflow:hidden; margin:0 auto; border-radius:6px; box-shadow:0px 0px 2px rgba(0, 0, 0, 0.02);}
.sort_A .sitem .con .img { height:auto; overflow:hidden; margin:0 auto; text-align:center;}
.sort_A .sitem .con .img img { width:100%;}
.sort_A .sitem .con .btm { position:absolute; left:0; right:0; bottom:0; height:76px; overflow:hidden; background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%, #FF6637 100%);}
.sort_A .sitem .con .btm .wp { position:relative; height:76px; overflow:hidden; margin:0 auto;}
.sort_A .sitem .con .btm .wp .img_rendering { position:absolute; right:0; top:0; width:66px; height:76px; overflow:hidden;}
.sort_A .sitem .con .btm .wp .ico1 { background:url(../images/icon_sort_item_01.png) no-repeat center center; background-size:26px;}
.sort_A .sitem .con .btm .wp .ico2 { background:url(../images/icon_sort_item_02.png) no-repeat center center; background-size:26px;}
.sort_A .sitem .con .btm .wp .tit { margin:0 66px 0 20px; height:76px; line-height:76px; overflow:hidden; font-size:18px; color:#fff;}

/*微型课堂*/
.classroom { width:1220px; height:auto; overflow:hidden; margin:30px auto 0; font-family:"Microsoft Yahei"; font-weight:500;}
.classroom .pubtitle { margin:0 10px 10px;}
.con_tit {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    padding: 30px;
    border-bottom: 1px solid #EBEBEB;
}

.con_tit .cn {
    font-size: 20px;
    height: 26px;
    line-height: 26px;
    color: #FF6637;
    margin-right: 10px;
}

.con_tit .en {
    text-transform: uppercase;
    font-size: 14px;
    height: 19px;
    line-height: 19px;
    /* height: 26px;
    line-height: 26px; */
    color: #808080;
}


/*关于我们*/
.campusbg1 { background:#fff url(../images/icon_campusbg.png) no-repeat bottom center;}
.concerning { width:1200px; height:auto; overflow:hidden; margin:30px auto 55px; font-family:"Microsoft Yahei"; font-weight:500;}
.concerning .pubtitle { margin:0 auto 15px;}
.concerning .wp { height:auto; overflow:hidden; margin:0 auto; border-radius:6px; border:1px solid #FF6637; background:url(../images/icon_concerning_01.png) no-repeat center center; background-size:100%;}
.concerning .wp .info { float:left; width:715px; height:auto; overflow:hidden; margin:0 0 31px 20px;}
.concerning .wp .info h3 { height:31px; line-height:31px; overflow:hidden; margin:20px 0 20px 0; font-size:16px; color:#FF6637;}
.concerning .wp .info .ps { height:auto; overflow:hidden; margin:0 auto; line-height:22px; font-size:14px; color:#4D4D4D;}
.concerning .wp .info .ps p { height:auto; overflow:hidden; margin:0 auto; line-height:22px; text-indent:2em; font-size:14px; color:#4D4D4D;}

/*成功案例*/
.succCase { width:1220px; height:auto; overflow:hidden; margin:25px auto 0; font-family:"Microsoft Yahei"; font-weight:500;}
.succCase .pubtitle { margin:0 10px 10px 10px;}
.sucWrap { position:relative; z-index:10; height:auto; overflow:hidden; margin:0 auto; padding:5px 10px;}
.sucWrap .tempWrap { z-index:50; width:1178px; height:auto; overflow:hidden; margin:0 20px 0 0; border-radius:6px; border:1px solid #EBEBEB; box-shadow:0px 2px 4px rgba(0, 0, 0, 0.06); background:#fff url(../images/icon_casebg.png) no-repeat center center; background-size:100%;}

.sucWrap ul { height:auto; overflow:hidden; margin:0 auto;}
.sucWrap ul li { position:relative; display:inline; width:1178px; height:auto; overflow:hidden;}
.sucWrap ul li .liwp { position:relative; height:270px; overflow:hidden; margin:0 auto; }

.sucWrap ul li .liwp .img { position:absolute; right:54px; top:25px; width:195px; height:224px; line-height:224px; text-align:center; overflow:hidden; border-radius:4px;}
.sucWrap ul li .liwp .img img { height:100%;}

.sucWrap ul li .liwp .info { display:block; margin:0 269px 0 54px; height:auto; overflow:hidden;}
.sucWrap ul li .liwp .info .title { height:34px; line-height:34px; overflow:hidden; margin:20px auto 5px; font-size:18px; color:#FF6637;}
.sucWrap ul li .liwp .info .title span { margin:0 0 0 10px; font-size:14px; color:#FF6637;}
.sucWrap ul li .liwp .info .title span:first-child { margin:0 0 0 15px;}
.sucWrap ul li .liwp .info .text { height:150px; overflow:hidden; margin:0 auto; font-size:14px; color:#4D4D4D;}
.sucWrap ul li .liwp .info .text p { height:auto; line-height:21px; overflow:hidden; margin:0 auto; font-size:14px; color:#4D4D4D;}

.sucWrap .prev, .sucWrap .next { display:block; position:absolute; z-index:60; top:124px; width:14px; height:24px; overflow:hidden;}
.sucWrap .prev { left:30px; background:url(../images/icon_sucWrap_prev.png) no-repeat center center; background-size:14px;}
.sucWrap .next { right:50px; background:url(../images/icon_sucWrap_next.png) no-repeat center center; background-size:14px;}

.sucWrap .prev:hover { left:30px; background:url(../images/icon_sucWrap_prev_hov.png) no-repeat center center; background-size:14px;}
.sucWrap .next:hover { right:50px; background:url(../images/icon_sucWrap_next_hov.png) no-repeat center center; background-size:14px;}

.sucWrap .side1 { position:absolute; z-index:15; right:20px; top:9.5px; width:92px; height:260px; overflow:hidden; border-radius:6px; border:1px solid #EBEBEB; background:#FCFCFC; box-shadow:0px 2px 4px rgba(0, 0, 0, 0.06);}
.sucWrap .side2 { position:absolute; z-index:13; right:11px; top:14.5px; width:92px; height:250px; overflow:hidden; border-radius:6px; border:1px solid #EBEBEB; background:#FCFCFC; box-shadow:0px 2px 4px rgba(0, 0, 0, 0.06);}




.videomask {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.6);
}

.videobox {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1100px;
    height: 600px;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 1);
}

.videomask .videobox video {
    width: 100%;
    height: 100%;
}

.videobox .closebtn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-image: url(../images/close.png);
    background-size: 100%;
}

.page_site {
    width: 100%;
    min-height: 34px;
    margin: 40px auto;
    position: relative;
}

.pages {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pages .page {
    width: 34px;
    height: 34px;
    line-height: 20px;
    padding: 7px 0;
    background: #FFFFFF;
    margin-right: 5px;
    text-align: center;
    font-size: 15px;
    color: #4D4D4D;
    cursor: pointer;
    box-sizing: border-box;
}

.pages .page.cur {
    border: 1px solid #FF6637;
}

.pages a:nth-last-child(2) {
    margin-right: 0;
}

.pages .left {
    width: 34px;
    height: 34px;
    background-size: 34px 34px;
    background-image: url(../images/icon_page_left_n.png);
    margin-right: 20px;
    cursor: pointer;
}

.pages .left:hover {
    background-image: url(../images/icon_page_left_f.png);
}

.pages .right {
    width: 34px;
    height: 34px;
    background-size: 34px 34px;
    background-image: url(../images/icon_page_right_n.png);
    margin-right: 0px;
    margin-left: 20px;
    cursor: pointer;
}

.pages .right:hover {
    background-image: url(../images/icon_page_right_f.png);
}