@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:100%;*/ 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;
    width: 100vw;
    font-size:12px;
}

a { color:#444; text-decoration:none; -webkit-tap-highlight-color:rgba(255,0,0,0);}

.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-weight:500;}
textarea { padding:0px; outline:none; border:none;  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*/
.batten { position:relative; z-index:50; display:block; width:100%; height:62px;  font-weight:500; background:#fff;}
.batten .logos { height:62px; /*overflow:hidden;*/margin:0 auto; box-shadow:0px 0px 5px rgba(0, 0, 0, 0.1); background:#fff;}
.batten .logos .logo { display:block; float:left; height:62px; line-height:62px; overflow:hidden; font-size:18px; color:#4D4D4D;}
.batten .logos .logo img { position:relative; top:50%; display:block; float:left; width:41px; margin:0 15px 0 15px; transform:translateY(-50%);}

.navigation { position:absolute; left:0; top:50px; width:100%;}
.navigation .trigger { display:block; position:absolute; z-index:200; right:23px; top:-29px; width:24px; height:25px}
.navigation .trigger .icon { display:inline-block; position:relative; width:24px; height:2px; -webkit-transition-property:background-color, -webkit-transform; transition-property:background-color, -webkit-transform; transition-property:background-color, transform; transition-property:background-color, transform, -webkit-transform; -webkit-transition-duration:300ms; transition-duration:300ms; border-radius:1px; background:#FF6637;}
.navigation .trigger .icon:before , .navigation .trigger .icon:after { content:''; display:block; position:absolute; width:24px; height:2px; -webkit-transition-property:margin, -webkit-transform; transition-property:margin, -webkit-transform; transition-property:margin, transform; transition-property:margin, transform, -webkit-transform; -webkit-transition-duration:300ms; transition-duration:300ms; border-radius:1px; background:#FF6637;}
.navigation .trigger .icon:before { margin-top:-7px;}
.navigation .trigger .icon:after { margin-top:7px;}

.navigation .menu { position:absolute; right:14px; top:21px; z-index:100; display:none; width:151px; height:auto; /*overflow:hidden;*/-webkit-transition-property:all; transition-property:all; -webkit-transition-duration:100ms; transition-duration:100ms;}
.navigation .menu:before, .navigation .menu:after { content: ""; display:inline-block; position:absolute; line-height:1; border-style:dashed dashed solid dashed; }
.navigation .menu:after { right:9px; top:-25px; z-index:1080; border-width:13px; border-color:transparent transparent #fff;}
.navigation .menu:before { right:10px; top:-23px; z-index:1081; border-width:12px; border-color:transparent transparent #fff;}

.navigation .menu .menuList { height:auto; overflow:hidden; margin:0 auto; border-radius:5px; background:#fff;}
.navigation .menu .menuList li { height:auto; overflow:hidden; margin:0 auto; border-bottom:1px solid #E2E2E2;}
.navigation .menu .menuList li:last-child { border-bottom:none;}

.navigation .menu .menuList li .lead { position:relative; display:block; height:49px; overflow:hidden; margin:0 auto; background:#fff;}
.navigation .menu .menuList li .lead .tit { position:absolute; left:15px; top:0; width:70px; height:49px; line-height:49px; overflow:hidden; text-align:left; font-size:15px; color:#4D4D4D;}
.navigation .menu .menuList li .lead .ico { position:absolute; right:15px; top:0; width:20px; height:49px; overflow:hidden; background:url(../images/icon_switch_01.png) no-repeat right center; background-size:12px;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;}

.navigation .menu .menuList li.open .lead .tit { color:#FF6637;}
.navigation .menu .menuList li.open .lead .ico { position:absolute; right:15px; top:0; width:20px; height:49px; overflow:hidden; background:url(../images/icon_switch_02.png) no-repeat right center; background-size:12px;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;}

.navigation .menu .menuList li .list { display:none; height:auto; overflow:hidden; margin:0 auto; padding:0 15px; background:#F0F0F0;}
.navigation .menu .menuList li .list a { display:block; height:39px; line-height:39px; text-align:left; overflow:hidden; font-size:14px; color:#4D4D4D;}

.menu_active .menu { /*display:block;*/ box-shadow:0px 0px 20px rgba(0, 0, 0, 0.16); -webkit-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out; -webkit-transform:translateX(0); transform:translateX(0);}
.menu_active .trigger .icon { background:rgba(0, 0, 0, 0);}
.menu_active .trigger .icon:before { margin-top:0; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.menu_active .trigger .icon:after { margin-top:0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}

.mask { display:none; margin:0; padding:0; border:none; width:100%; height:100%; z-index:15; position:fixed; top:0; left:0; background:rgb( 0, 0, 0); background:rgba( 0, 0, 0, 0.6); filter:alpha(opacity=60); opacity:0.60;}

.mainfun { height:auto; overflow:hidden; margin:0 auto; padding:20px 15px 2px;  font-weight:500; background:#FAFAFA;}
.mainfun .item { float:left; width:25%; height:auto; overflow:hidden; margin:0 0 18px 0;}
.mainfun .item .img_rendering { width:48px; height:48px; overflow:hidden; margin:0 auto 10px; border-radius:48px;}
.mainfun .item .img_rendering .img { height:48px; overflow:hidden; margin:0 auto;}

.mainfun .item .ico1 { background: linear-gradient(134deg, #FE8B50 0%, #EF5640 100%); box-shadow: 0px 2px 6px rgba(242, 95, 67, 0.4);}
.mainfun .item .ico2 { background: linear-gradient(134deg, #50C3FE 0%, #4086EF 100%); box-shadow: 0px 2px 6px rgba(64, 134, 239, 0.4);}
.mainfun .item .ico3 { background: linear-gradient(133deg, #FF9F27 0%, #FC6C04 100%); box-shadow: 0px 2px 6px rgba(252, 108, 4, 0.4);}
.mainfun .item .ico4 { background: linear-gradient(133deg, #F8805A 0%, #FB3D3D 100%); box-shadow: 0px 2px 6px rgba(251, 62, 62, 0.4);}
.mainfun .item .ico5 { background: linear-gradient(133deg, #F8805A 0%, #FB3D3D 100%); box-shadow: 0px 2px 6px rgba(251, 62, 62, 0.4);}
.mainfun .item .ico6 { background: linear-gradient(134deg, #96A7EA 0%, #6177C8 100%); box-shadow: 0px 2px 6px rgba(64, 134, 239, 0.4);}
.mainfun .item .ico7 { background: linear-gradient(134deg, #1BF9F9 0%, #06C8D6 100%); box-shadow: 0px 2px 6px rgba(57, 206, 170, 0.4);}
.mainfun .item .ico8 { background: linear-gradient(133deg, #FFD213 0%, #F5BB00 100%); box-shadow: 0px 2px 6px rgba(255, 196, 4, 0.4);}

.mainfun .item .ico1 .img { background:url(../images/icon_mainfun_01.png) no-repeat center center; background-size:100%;}
.mainfun .item .ico2 .img { background:url(../images/icon_mainfun_02.png) no-repeat center center; background-size:100%;}
.mainfun .item .ico3 .img { background:url(../images/icon_mainfun_03.png) no-repeat center center; background-size:100%;}
.mainfun .item .ico4 .img { background:url(../images/icon_mainfun_04.png) no-repeat center center; background-size:100%;}
.mainfun .item .ico5 .img { background:url(../images/icon_mainfun_05.png) no-repeat center center; background-size:100%;}
.mainfun .item .ico6 .img { background:url(../images/icon_mainfun_06.png) no-repeat center center; background-size:100%;}
.mainfun .item .ico7 .img { background:url(../images/icon_mainfun_07.png) no-repeat center center; background-size:100%;}
.mainfun .item .ico8 .img { background:url(../images/icon_mainfun_08.png) no-repeat center center; background-size:100%;}

.mainfun .item p { height:19px; line-height:19px; text-align:center; overflow:hidden; margin:0 auto; font-size:14px; color:#4D4D4D;}

.trends { height:auto; overflow:hidden; margin:0 auto;  font-weight:500;}
.pubtitle { height:auto; overflow:hidden; margin:15px 15px 10px;  font-weight:500;}
.pubtitle h2 { float:left; height:34px; line-height:34px; overflow:hidden; font-size:18px; color:#FF6637;}
.pubtitle h2 span { margin:0 0 0 10px; font-size:12px; color:#999;}
.pubtitle .more { display:block; float:right; height:34px; line-height:34px; overflow:hidden; font-size:13px; color:#808080;}

.campNews { position:relative; z-index:10; height:auto; overflow:hidden; margin:0 15px 15px; line-height:0px; clear:both; border-radius:6px;}
.campNews .flexslider { margin:0; padding:0;}
.campNews .flexslider .slides > li { display:none; -webkit-backface-visibility:hidden; list-style-type:none;} 
.campNews .flexslider .slides img { display:block; width:100%;}
.campNews .flexslider .slides li a { display:block; position:relative; z-index:15; height:240px; line-height:240px; text-align:center; overflow:hidden; margin:0 auto;}
.campNews .flexslider .slides li a .txts { position:absolute; z-index:20; left:0; right:0; bottom:0; height:39px; line-height:39px; text-align:left; overflow:hidden; padding:0 80px 0 15px; text-overflow:ellipsis; white-space:nowrap; font-size:14px; color:#FAFAFA; border-radius:0px 0px 6px 6px; background:rgb( 0, 0, 0); background:rgba( 0, 0, 0, 0.45); filter:alpha(opacity=45);}

.campNews .flex-control-paging { display:inline-block; position:absolute; z-index:25; bottom:17px; right:15px;}
.campNews .flex-control-paging li { float:left; margin:0 0 0 6px; overflow:hidden;}
.campNews .flex-control-paging li a { display:block; width:5px; height:5px; border-radius:5px; text-indent:-9000px; cursor:pointer; background:#fff; opacity:0.35;}
.campNews .flex-control-paging li a.flex-active { opacity:1; background:#FF6637;}

.campNews .flex-direction-nav { display:none;}


.camnewsList { height:auto; overflow:hidden; margin:0 15px 10px; border-radius:6px; box-shadow:0px 2px 10px rgba(0, 0, 0, 0.06); background:#fff;}
.camnewsList .item { height:auto; overflow:hidden; margin:0 15px; border-bottom:1px solid #F5F5F5;}
.camnewsList .item:last-child { border-bottom:0;}
.camnewsList .item a { display:block; height:auto; overflow:hidden; margin:0 auto;}
.camnewsList .item h3 { height:auto; line-height:20px; overflow:hidden; margin:15px 0 8px 0; font-size:15px; color:#4D4D4D;}
.camnewsList .item .date { height:17px; line-height:17px; overflow:hidden; margin:0 0 15px 0; font-size:13px; color:#999;}

.sort_A { height:auto; overflow:hidden; margin:0 auto;  font-weight:500;}
.sort_A .sitem { height:auto; overflow:hidden; margin:5px auto 0;}
.sort_A .sitem .pubtitle { margin:15px 15px 10px;}

.sort_A .sitem .con { position:relative; height:auto; overflow:hidden; margin:0 15px; 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:50px; 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:50px; overflow:hidden; margin:0 auto;}
.sort_A .sitem .con .btm .wp .img_rendering { position:absolute; right:0; top:0; width:52px; height:50px; overflow:hidden;}
.sort_A .sitem .con .btm .wp .ico1 { background:url(../images/icon_sort_item_01.png) no-repeat center center; background-size:22px;}
.sort_A .sitem .con .btm .wp .ico2 { background:url(../images/icon_sort_item_02.png) no-repeat center center; background-size:18px;}
.sort_A .sitem .con .btm .wp .tit { margin:0 52px 0 15px; height:50px; line-height:50px; overflow:hidden; font-size:15px; color:#fff;}

.classroom { height:auto; overflow:hidden; margin:0 auto;  font-weight:500;}
.con_video { height:auto; overflow:hidden; margin:0 auto; padding:0 15px;}
.con_video .item { float:left; width:48.5%; height:auto; overflow:hidden; margin:0 3% 10px 0;}
.con_video .item:nth-child(2n) { margin:0 0 10px 0;}
.con_video .item .video { position:relative; z-index:10; height:auto; overflow:hidden; margin:0 auto; border-radius:6px 6px 0px 0px;}
.con_video .item .video .video_poster { height:104px; overflow:hidden; margin:0 auto;}
.con_video .item .video .img { position:absolute; z-index:15; left:0; top:0; height:104px; text-align:center; overflow:hidden; margin:0 auto;}
.con_video .item .video .img img { width:100%; height:100%; vertical-align:top;}
.con_video .item .video .ico { position:absolute; z-index:20; left:50%; top:35px; width:34px; height:34px; overflow:hidden; margin-left:-17px; background:url(../images/icon_play_n.png) no-repeat center center; background-size:34px;}
.con_video .item .txt { height:37px; line-height:37px; text-align:center; overflow:hidden; margin:-3px auto 0; padding:0 10px; text-overflow:ellipsis; white-space:nowrap; font-size:13px; color:#4D4D4D; border-radius:0px 0px 6px 6px; background:#F7F7F7;}

.succCase { height:auto; overflow:hidden; margin:0 auto;  font-weight:500;}
/* .succCase .pubtitle { } */
.succCase .caseSlide { z-index:10; padding:0 25px 10px 15px; height:auto; overflow:hidden;}
.succCase .caseSlide .caseWp { position:relative; z-index:50; height:auto; overflow:hidden; border-radius:6px; border:1px solid #EBEBEB; box-shadow:0px 2px 4px rgba(0, 0, 0, 0.06); background:#FAFAFA;}
/* .succCase .caseSlide .swiper-wrapper { }
.succCase .caseSlide .swiper-wrapper .swiper-slide { } */
.succCase .caseSlide .swiper-wrapper .swiper-slide h3 { height:31px; line-height:31px; overflow:hidden; margin:12px 15px 12px; font-size:16px; color:#FF6637;}
.succCase .caseSlide .swiper-wrapper .swiper-slide h3 span { margin:0 0 0 10px; font-size:14px; color:#FF6637;}
.succCase .caseSlide .swiper-wrapper .swiper-slide h3 span:first-child { margin:0 0 0 15px;}
.succCase .caseSlide .swiper-wrapper .swiper-slide .texts { height:150px; overflow:hidden; margin:0 18px 15px; text-align:justify; text-justify:inter-ideograph; font-size:14px; color:#4D4D4D;}
.succCase .caseSlide .swiper-wrapper .swiper-slide .texts p { height:auto; line-height:21px; overflow:hidden; margin:0 auto; font-size:14px; color:#4D4D4D;}

.succCase .side1 { position:absolute; z-index:15; right:17px; top:5px; width:90px; height:210px; overflow:hidden; border-radius:6px; border:1px solid #EBEBEB; background:#FAFAFA; box-shadow:0px 2px 4px rgba(0, 0, 0, 0.06);}
.succCase .side2 { position:absolute; z-index:13; right:11px; top:10px; width:92px; height:200px; overflow:hidden; border-radius:6px; border:1px solid #EBEBEB; background:#FAFAFA; box-shadow:0px 2px 4px rgba(0, 0, 0, 0.06);}

.campusbg { height:auto; overflow:hidden; margin:0 auto; background:#FAFAFA url(../images/icon_campusbg.png) no-repeat bottom center; background-size:100%;}
.campusbg1 { background:#fff url(../images/icon_campusbg.png) no-repeat bottom center; background-size:100%;}
.concerning { height:auto; overflow:hidden; margin:0 auto;  font-weight:500;}
.concerning .info { height:auto; overflow:hidden; margin:0 15px 15px; padding:0 15px; border-radius:6px; border:1px solid #FF6637;}
.concerning .info h3 { height:20px; line-height:20px; overflow:hidden; margin:15px 0 15px 0; font-size:16px; color:#FF6637;}
.concerning .info .ps { height:auto; overflow:hidden; margin:0 auto; line-height:22px; text-align:justify; text-justify:inter-ideograph; font-size:14px; color:#4D4D4D;}
.concerning .info .ps p { height:auto; overflow:hidden; margin:0 auto; line-height:22px; text-indent:2em; font-size:14px; color:#4D4D4D;}
.concerning .img { height: auto; overflow: hidden; margin:10px auto 78px; padding:0 15px; text-align:center;}
.concerning .img img { max-width:100%; max-height:100%;}

.concerning .info .more { display:block; width:92px; height:32px; line-height:32px; text-align:center; overflow:hidden; margin:20px auto 15px; font-size:12px; color:#fff; border-radius:3px; background:#FF6637;}
/*首页end*/

/*begin*/
.ban_inner { height:auto; overflow:hidden; margin:0 auto; text-align:center;
    width: 100vw;
    height: calc(120 / 414 * 100vw);
    position: relative;
}
.ban_inner img { 
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.place { height:auto; overflow:hidden; margin: 0; font-weight:500;}
.place .wp { height:auto; overflow:hidden; margin:0 auto;
    box-sizing: border-box;
    background: #FAFAFA;
    position: relative;
    display: flex;
    justify-content: center;
}

.place .wp .site_b {
    height:auto;
    overflow:hidden;
    margin:0 auto;
    text-align:center;
    display: flex;
    flex-direction: row;
}
.place .wp .site_b .item { position:relative; width:auto; height:auto; overflow:hidden;}

.place .wp .site_b .item i { display:block; position:absolute; right:0; top:calc(17 / 414 * 100vw); width:1px; height:calc(14 / 414 * 100vw); overflow:hidden; background:#E6E6E6;}
.place .wp .site_b .item .info { display:block; width:auto; padding:0 calc(20 / 414 * 100vw); /*margin:0 1px 0 0;*/ height:calc(49 / 414 * 100vw); overflow:hidden; text-align:center; line-height:calc(49 / 414 * 100vw); font-size:calc(14 / 414 * 100vw); color:#666;}
.place .wp .site_b .itemcur .info { color:#FF6637; }

/*底部*/
.footer { height:auto; overflow:hidden; margin:0 auto; font-weight:500; background:#FF6637;
}
.footer .wp { width:100vw; height:auto; overflow:hidden; margin:0 auto;
    text-align: center;
    opacity: 0.95;
}
.footer .wp .flogo { height:auto; overflow:hidden; }
.footer .wp .flogo .img { height:calc(60 / 414 * 100vw); text-align:center; overflow:hidden; margin:calc(20 / 414 * 100vw) auto calc(10 / 414 * 100vw);}
.footer .wp .flogo .img img { max-width:100%; max-height:100%;}
.footer .wp .flogo h3 { height: calc(21 / 414 * 100vw); line-height: calc(21 / 414 * 100vw); text-align:center; overflow:hidden; margin:0 auto calc(20 / 414 * 100vw); font-size: calc(16 / 414 * 100vw); color:#fff;}

.footer .wp .other { height:auto; overflow:hidden; text-align: center; }
.footer .wp .other .hotline { display:inline-block; padding:0 0 0 calc(29 / 414 * 100vw); height: calc(23 / 414 * 100vw); line-height: calc(23 / 414 * 100vw); overflow:hidden; margin: 0; font-size: calc(15 / 414 * 100vw); color:#fff; background:url(../images/icon_foot_line.png) no-repeat left center; background-size: calc(23 / 414 * 100vw); }
.footer .wp .other .addr { height:calc(17 / 414 * 100vw); line-height: calc(17 / 414 * 100vw); overflow:hidden; margin: calc(7 / 414 * 100vw) 0 calc(15 / 414 * 100vw) 0; font-size: calc(13 / 414 * 100vw); color:#fff; }
.footer .wp .other p { height:calc(25 / 414 * 100vw); line-height:calc(25 / 414 * 100vw); text-align:center; overflow:hidden; margin:0 auto; font-size:calc(13 * 100vw / 414); color:#fff;}
.footer .wp .other p span { display:inline-block; color:#fff; }
.footer .wp .other p a { display:inline-block; font-size:calc(13 * 100vw / 414); color:#fff; opacity: 0.95;}
.footer .wp .other p a img { float:left; width:calc(19 / 414 * 100vw); margin:calc(3 / 414 * 100vw) calc(6 / 414 * 100vw) 0 0;}
.fixfoot { position:fixed; left:0; right:0; bottom:0; z-index:99;}

/*校园动态*/
.campus_N { height:auto; overflow:hidden; margin:0 auto;  font-weight:500;}
.campus_N .list { height:auto; overflow:hidden; margin:0 auto; padding:0 calc(15 / 414 * 100vw); border-bottom:1px solid #EAEBE9;}
.campus_N .list .item { height:auto; overflow:hidden; margin:0 auto; border-bottom:1px solid #EAEBE9;}
.campus_N .list .item:last-child { border-bottom:0;}
.campus_N .list .item h3 { height:auto; line-height: calc(23 / 414 * 100vw); overflow:hidden; margin:calc(15 / 414 * 100vw) 0 calc(15 / 414 * 100vw) 0; font-weight:bold; font-size:calc(16 / 414 * 100vw); color:#4D4D4D;}
.campus_N .list .item .pcon { position:relative; height:auto; overflow:hidden; margin:0 auto;}
.campus_N .list .item .pcon .imgs { position:absolute; right:0; top:0; width:105px; height:78px; line-height:78px; text-align:center; overflow:hidden; border-radius:3px;}
.campus_N .list .item .pcon .imgs img { width:100%;}
.campus_N .list .item .pcon .info { margin:0 120px 0 0; height:auto; overflow:hidden;}
.campus_N .list .item .pcon .info .txts { line-height:18px; height:54px; overflow:hidden; margin:0 auto 10px; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; font-size:12px; color:#666;}
.campus_N .list .item .pcon .info .date { height:16px; line-height:16px; overflow:hidden; margin:0 auto 20px; font-size:12px; color:#999;}

.campus_N .btns { height:auto; overflow:hidden; margin:25px 15px 74px;}
.campus_N .btns .seebtn { display:block; width:100%; height:40px; line-height:40px; text-align:center; overflow:hidden; margin:0 auto; background:#FAFAFA url(../images/icon_seebtn.png) no-repeat center center; background-size:32px;}

.cam_details { height:auto; overflow:hidden; margin:0 auto;  font-weight:500;}
.cam_details .top { height:auto; overflow:hidden; margin:0 auto; text-align:center; padding:0 calc(15 / 414 * 100vw); border-bottom:1px solid #EBEBEB;}
.cam_details .top h2 { height: auto; line-height: calc(21 / 414 * 100vw); overflow:hidden; margin: calc(20 / 414 * 100vw) auto calc(10 / 414 * 100vw); font-weight:bold; font-size: calc(16 / 414 * 100vw); color:#4D4D4D;}
.cam_details .top .date { height: calc(19 / 414 * 100vw); line-height: calc(19 / 414 * 100vw); overflow:hidden; margin:0 auto calc(20 / 414 * 100vw); font-size: calc(14 / 414 * 100vw); color:#999;}

.cam_details .text { height:auto; overflow:hidden; margin: calc(25 / 414 * 100vw) auto calc(10 / 414 * 100vw); padding:0 calc(15 / 414 * 100vw); 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 .text img { display:block; /*max-width:100%; max-height:100%;*/ margin:10px auto;}

.cam_details .otharticle { height:auto; overflow:hidden; margin:0 calc(15 / 414 * 100vw); padding:0 0 calc(20 / 414 * 100vw) 0; border-bottom:1px solid #EBEBEB;}
.cam_details .otharticle .item { display:block; height:auto; line-height:calc(27 / 414 * 100vw); overflow:hidden; margin:0 auto; font-size:calc(13 / 414 * 100vw); color:#808080;}
.cam_details .otharticle .item:hover { color:#FF6637;}

.cam_details .sugreading { height:auto; overflow:hidden; margin:0 calc(15 / 414 * 100vw) calc(20 / 414 * 100vw);}
.cam_details .sugreading .sugTit { height:auto; overflow:hidden; margin:calc(17 / 414 * 100vw) auto calc(3 / 414 * 100vw); padding:0 0 0 calc(25 / 414 * 100vw); line-height:calc(31 / 414 * 100vw); font-weight:bold; font-size:calc(16 / 414 * 100vw); 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; height:calc(29 / 414 * 100vw); line-height:calc(29 / 414 * 100vw); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0 auto; font-size:calc(14 / 414 * 100vw); color:#4D4D4D;}
.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;}


/*课程体系*/
.curricula { height:auto; overflow:hidden; margin:0 auto; padding:22px 15px 0;  font-weight:500;}
.curricula .item { height:auto; overflow:hidden; margin:0 auto 15px; border-radius:6px;}
.curricula .item:last-child { margin:0 auto 74px;}
.curricula .item a { display:block; position:relative; z-index:10; height:auto; overflow:hidden; margin:0 auto;}
.curricula .item .omask { position:absolute; z-index:15; top:0; right:0; bottom:0; left:0;
/*background:rgb( 0, 0, 0); background:rgba( 0, 0, 0, 0.55); filter:alpha(opacity=55); opacity:0.55;*/
}
.curricula .item .img { height:187px; overflow:hidden; margin:0 auto; text-align:center;}
.curricula .item .img img { height:100%;}
.curricula .item .info { position:absolute; z-index:20; top:0; right:0; bottom:0; left:0; height:auto; overflow:hidden;}
.curricula .item .info h3 { height:auto; line-height:20px; text-align:center; overflow:hidden; margin:25px 20px 15px; font-size:15px; color:#fff;}
.curricula .item .info .spans { height:auto; overflow:hidden; margin:0 10px 25px; text-align:center;}
.curricula .item .info .spans span { display:inline-block; position:relative; z-index:21; width:auto; padding:0 7%; text-align:center; height:29px; line-height:29px; overflow:hidden; font-size:14px; color:#fff;}
.curricula .item .info .spans span i { position:absolute; z-index:22; right:0; top:5px; display:block; width:1px; height:19px; overflow:hidden; background:#fff; opacity: 0.2;}
.curricula .item .info .spans span:last-child i { width:0px;}
.curricula .item .info .ps { height:54px; overflow:hidden; margin:0 20px 20px; line-height:18px; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; font-size:12px; color:#fff; opacity: 0.85;}

.course { height:auto; /*overflow:hidden;*/margin:0 auto; padding:20px 15px; font-family:"Microsoft Yahei"; font-weight:500; background:#FAFAFA;}
.course .list { height:auto; /*overflow:hidden;*/margin:0 auto; background:#fff;}
.course .list .item { height:auto; /*overflow:hidden;*/margin:0 0 0 15px; border-bottom:1px solid #EBEBEB;}
.course .list .item a { display:block; position:relative; height:auto; overflow:hidden; margin:0 auto;}
.course .list .item a .img_rendering { position:absolute; right:0; top:0; width:50px; height:60px; overflow:hidden;}
.course .list .item a .ico { background:url(../images/icon_course_01.png) no-repeat center center; background-size:15px;}
.course .list .item a .tit { margin:0 50px 0 0; height:60px; line-height:60px; overflow:hidden; font-size:16px; color:#666;}

.course .list .item:first-child { margin:0 auto; border-bottom:1px solid #D1D1D1;}
.course .list .item:first-child a .tit { margin:0 50px 0 15px;}
.course .list .item:last-child { border-bottom:0;}

.course .list .itemcur a .tit { color:#FF6637;}
.course .list .itemcur a .ico { background:url(../images/icon_course_02.png) no-repeat center center; background-size:15px;}

.train { height:auto; overflow:hidden; margin:0 auto;  font-weight:500; background:#FAFAFA;}
.train .curcon { height:auto; overflow:hidden; margin:0 auto;}

.train .curcon ul li { margin:0 auto 10px;}

.train .curcon ul li .top { position:relative; height:51px; overflow:hidden; margin:20px 15px; border-radius:6px; background:#fff; box-shadow:0px 2px 4px rgba(0, 0, 0, 0.04);}

.train .curcon ul li .top .tit { margin:0 50px 0 15px; height:51px; line-height:51px; overflow:hidden; text-align:left; font-size:16px; color:#666;}
.train .curcon ul li .top .icon { position:absolute; right:0; top:0; width:50px; height:51px; overflow:hidden; background:url(../images/icon_course_01.png) no-repeat center center; background-size:15px;}

.train .curcon ul li.open .top .icon { position:absolute; right:0; top:0; width:50px; height:51px; overflow:hidden; background:url(../images/icon_course_02.png) no-repeat center center; background-size:15px;}
.train .curcon ul li.open .top .tit { color:#FF6637;}

.train .curcon ul li .traincon { display:none; height:auto; overflow:hidden; margin:0 auto; padding:0 15px; background:#fff url(../images/icon_campusbg.png) no-repeat bottom center; background-size:100%;}
.train .curcon ul li .traincon h3 { height:auto; line-height:24px; text-align:center; overflow:hidden; margin:20px auto 10px; font-weight:bold; font-size:18px; color:#FF6637;}
.train .curcon ul li .traincon .spans { height:auto; overflow:hidden; margin:0 auto 15px; text-align:center;}
.train .curcon ul li .traincon .spans span { position:relative; display:inline-block; width:auto; padding:0 15px; height:29px; line-height:29px; text-align:center; overflow:hidden; font-size:14px; color:#FF6637;}
.train .curcon ul li .traincon .spans span i { position:absolute; right:0; top:5px; display:block; width:1px; height:19px; overflow:hidden; background:#000; opacity:0.04;}
.train .curcon ul li .traincon .text { height:auto; line-height:24px; overflow:hidden; margin:0 auto 74px; text-align:justify; text-justify:inter-ideograph; font-size:14px; color:#4D4D4D;}
.train .curcon ul li .traincon .text img { max-width:100%;}
/* 专业知识列表 */
.train .curcon ul li .traincon ul {
    padding-top: 15px;
}
.train .curcon ul li .traincon ul li {
    overflow: hidden;
    box-sizing: border-box;
    background: #F7F7F7;
    border-radius: 3px;
}
.train .curcon ul li .traincon ul li a {
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    font-weight: bold;
    color: #4D4D4D;
    display: block;
}

/* 专业知识 */
.pro_details { height:auto; overflow:hidden; margin:0 auto;  font-weight:500;}
.pro_details .top { height:auto; overflow:hidden; margin:0 auto; text-align:center; padding:0 calc(15 / 414 * 100vw); }
.pro_details .top h2 { height: auto; line-height: calc(21 / 414 * 100vw); overflow:hidden; margin: calc(20 / 414 * 100vw) auto; font-weight:bold; font-size: calc(16 / 414 * 100vw); color:#4D4D4D;}

.pro_details .text { height:auto; overflow:hidden; margin: 0 auto calc(84 / 414 * 100vw); padding:0 calc(15 / 414 * 100vw); text-align:justify; text-justify:inter-ideograph;}
.pro_details .text p { height:auto; line-height:22px; text-align:left; overflow:hidden; margin:0 auto; font-size:14px; color:#4D4D4D;}

/*关于我们*/
.about { height:auto; overflow:hidden; margin:0 auto;  font-weight:500;}
.about h2 { height: calc(24 / 414 * 100vw); line-height: calc(24 / 414 * 100vw); text-align:center; overflow:hidden; margin: calc(25 / 414 * 100vw) calc(72 / 414 * 100vw) calc(20 / 414 * 100vw); font-size: calc(18 / 414 * 100vw); color:#FF6637;}
.about .text { height:auto; overflow:hidden; margin:0 calc(15 / 414 * 100vw); text-align:justify; text-justify:inter-ideograph;
    font-size:14px; color:#4D4D4D;
}
.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: calc(21 / 414 * 100vw) calc(15 / 414 * 100vw) calc(64 / 414 * 100vw); text-align:center;width: calc(384 / 414 * 100vw); }
.about .img img { width:100%;}
.about .imgs { height:auto; overflow:hidden; margin:0 calc(15 / 414 * 100vw); text-align:center;}
.about .imgs img { display:block; max-width:100%; margin:0 auto calc(10 / 414 * 100vw);}

/* 公共小标题 */
.con_tit {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    padding: calc(20 / 414 * 100vw) calc(15 / 414 * 100vw);
    border-bottom: 1px solid #EBEBEB;
}

.con_tit .cn {
    font-size: calc(16 / 414 * 100vw);
    height: calc(21 / 414 * 100vw);
    line-height: calc(21 / 414 * 100vw);
    color: #FF6637;
    margin-right: calc(10 / 414 * 100vw);
}

.con_tit .en {
    text-transform: uppercase;
    font-size: calc(11 / 414 * 100vw);
    height: calc(15 / 414 * 100vw);
    line-height: calc(15 / 414 * 100vw);
    color: #808080;
}

/* 成功案例 */
.SuCase { height:auto; overflow:hidden; margin:0 auto; font-family:"Microsoft Yahei"; font-weight:500;}
.SuCase .list { height:auto; overflow:hidden; margin: calc(20 / 414 * 100vw) calc(15 / 414 * 100vw) 0;}
.SuCase .list .item { height:auto; overflow:hidden; margin:0 auto 25px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
}
.SuCase .list .item a { position:relative; display:block; 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 .info { margin:0 calc(15 / 414 * 100vw); height:auto; overflow:hidden;}
.SuCase .list .item .info .title { height:calc(21 / 414 * 100vw); line-height:calc(21 / 414 * 100vw); overflow:hidden; margin: calc(17 / 414 * 100vw) auto calc(15 / 414 * 100vw); font-size:calc(16 / 414 * 100vw); 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: 148px; overflow:hidden; margin:0 auto calc(23 / 414 * 100vw); 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;}

.SuCase .btns { height:auto; overflow:hidden; margin:25px 15px 74px;}
.SuCase .btns .seebtn { display:block; width:100%; height:40px; line-height:40px; text-align:center; overflow:hidden; margin:0 auto; background:#FAFAFA url(../images/icon_seebtn.png) no-repeat center center; background-size:32px;}

/* 成功案例-详情 */
.case_details .top {
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px solid #EAEBE9;
}
.case_details .top h2 {
    font-size: 15px;
    font-weight: bold;
    color: #FF6637;
    height: 20px;
    line-height: 20px;
}
.case_details .top .oins {
    margin-top: 10px;
}
.case_details .top .oins span {
    padding: 0 5px;
    color: #999999;
    font-size: 14px;
}
.case_details .text {
    font-size: 14px;
    padding: 26px 15px 84px;
    color: #4D4D4D;
}

/*校园动态-活动图片*/
.atlas { height:auto; overflow:hidden; margin:0 auto; font-family:"Microsoft Yahei"; font-weight:500;}
.atlas .list {
    padding:20px calc(15 / 414 * 100vw) 139px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.atlas .list .item {
    width: calc(187 / 414 * 100vw);
    height:auto;
    overflow:hidden;
}
.atlas .list .item { margin:0 0 5px 0;}
.atlas .list .item a { position:relative; z-index:10; display:block; height:auto; overflow:hidden; margin:0 auto; }
.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:117px; line-height:117px; text-align:center; overflow:hidden; margin:0 auto;}
.atlas .list .item .info .img img { width:100%;}
.atlas .list .item .info p { height: 37px; line-height: 37px; text-align:center; overflow:hidden; margin:0 auto; font-size: 13px; color:#4D4D4D;}
.atlas .list .item .side1 { position:absolute; z-index:15; left:calc(3 / 414 * 100vw); bottom:11px; width:calc(181 / 414 * 100vw); 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:calc(5 / 414 * 100vw); bottom:7px; width:calc(176 / 414 * 100vw); 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 { height:auto; overflow:hidden; margin:0 auto;  font-weight:500;}
.oatlas .list {  
    padding:20px calc(15 / 414 * 100vw) 139px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.oatlas .list .item {
    width:calc(187 / 414 * 100vw);
    box-shadow:0px 2px 4px rgba(0, 0, 0, 0.02);
    margin-bottom: 10px;
}
.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:117px; line-height:117px; text-align:center; overflow:hidden; margin:0 auto;}
.oatlas .list .item .info .img img { width:100%;}
.oatlas .list .item .info p { height:37px; line-height:37px; text-align:center; overflow:hidden; margin:0 auto; font-size:13px; color:#4D4D4D;}

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