body { height:100%; font: 'Microsoft Yahei', Arial, Tahoma, Verdana, Sans-Serif;font-family:'Microsoft YaHei';}
div, html, body, p, ul, ol, li, a, form, img, table, td, h1, h2, h3, h4, h5, h6, blockquote, header, section, footer, aside, nav, article, figure, figcaption, dl, dt, dd { margin:0;padding:0; list-style-type: none;} 
table {border-collapse:collapse;}
img {border:none;}
html{height:100%;}

a, a:active, a:visited {text-decoration:none;}
a:hover {text-decoration:none;cursor: pointer;}
input, textarea, button, input:focus, textarea:focus, button:focus{ outline:none; vertical-align:middle;}
input,select,textarea{ font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, Sans-Serif; vertical-align:middle;}
input,textarea{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
button{ font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, Sans-Serif; border:0;}
button:focus{ outline:none;}

.btn{ height:42px; line-height:42px; text-align:center; font-size:14px; font-weight:800; color:#fff; letter-spacing:1px; display:inline-block; cursor:pointer; -webkit-transition: background-color 0.6s;transition: background-color 0.6s;}
.btn_green{ background-color:#67b94b; }
.btn_green:hover{ background-color:#498f31;}
.btn_green.fixed{ width:162px;}
.btn_blue{ background-color:#1e60ae; }
.btn_blue:hover{ background-color:#0b4180;}
.btn_blue.fixed{ width:162px;}
.btn.enter{ width:100%;}

.btnbox{ display:block; width:100%; clear:both;}

.header_wraper_special{height: 146px;}
.header_wraper{ width:100%; clear:both; background-color:#fff; height:146px; padding-bottom: 30px;}
.header{ width:1250px; margin:0 auto; padding:30px 0;}
.header .header_l{ float:left; height:inherit;}
.header .header_l .logo{ width:575px; height:100px; background:url(../images_otk/logo2.png) no-repeat; display:inline-block;}
.header .header_r{ float:right; padding:30px 0;}
.header .header_r .search_wraper{ width:350px; height:45px; float:left;margin-right:35px;}
.header .header_r .search{ width:calc(100% - 2px); height:inherit; border:1px solid #67b94b;}
.search_l{ width:calc(100% - 65px); height:inherit; float:left;}
.search_l input{ width:100%; height:inherit; padding:10px; border:0; font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, Sans-Serif; vertical-align:middle; color:#686868;}
.search_r{ width:65px; height:inherit; float:right;}
.search_r .btn_search{ background-color:#67b94b; display:inline-block; width:inherit; height:inherit; cursor:pointer; position:relative;}
.search_r .btn_search:before{ position:absolute; content:''; background:url(../images_otk/icon.png) 0 0 no-repeat; width:20px; height:20px; left:50%; top:50%; margin-left:-10px; margin-top:-10px;}
.header_r ul{ float:left; height:inherit;}
.header_r ul li{ list-style:none; margin-left:22px; height:inherit; float:left;}
.header_r ul li a{ display:block; line-height:52px; cursor:pointer; color:#6a6a6a; position:relative; padding-left:24px;}
.header_r ul li a:hover{ color:#1d60ad;}
.header_r ul li a.shopcart:before{ position:absolute; content:''; background-image:url(../images_otk/icon.png); background-repeat:no-repeat; background-position: 0 -33px; width:16px; height:16px; left:0; top:50%; margin-top:-8px;}
.header_r ul li a.shopcart:hover:before{ background-position:0 -61px;}
.header_r ul li a.regi:before{ position:absolute; content:''; background-image:url(../images_otk/icon.png); background-repeat:no-repeat; background-position: -31px -33px; width:16px; height:16px; left:0; top:50%; margin-top:-8px;}
.header_r ul li a.regi:hover:before{ background-position:-31px -61px;}
.header_r ul li a.login:before{ position:absolute; content:''; background-image:url(../images_otk/icon.png); background-repeat:no-repeat; background-position: -62px -33px; width:12px; height:16px; left:0; top:50%; margin-top:-8px;}
.header_r ul li a.login:hover:before{ background-position:-62px -61px;}
.btn_search_change{ display:none}
.header_r ul li a.search_s:before{ position:absolute; content:''; background-image:url(../images_otk/icon.png); background-repeat:no-repeat; background-position: -89px -33px; width:16px; height:17px; left:0; top:50%; margin-top:-8px;}
.header_r ul li a.search_s:hover:before{ background-position:-89px -61px;}
.header .header_r h3{ font-size:20px; font-weight:normal;}
.header_r ul li a.star:before{ position:absolute; content:''; background-image:url(../images_otk/icon.png); background-repeat:no-repeat; background-position: -115px -33px; width:16px; height:16px; left:0; top:50%; margin-top:-8px;}
.header_r ul li a.star:hover:before{ background-position:-115px -61px;}


.column{float: left;width:230px;position:relative;}
.sb-search{position:relative ;margin-top: 11px;width: 0%;min-width: 30px;height: 30px;float: right;overflow: hidden;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;transition: width 0.3s;-webkit-backface-visibility: hidden;}
.sb-search-input{position: absolute;top: 0;right: 0;border: solid 1px #ccc;outline: none;background: #fff;width:190px;height: 30px;z-index: 10;padding: 2px 20px 0px 10px;font-family: inherit;font-size: 14px;color: #ccc;margin-right: 32px;}

.sb-search-input::-webkit-input-placeholder{color: #ccc;}
.sb-search-input:-moz-placeholder{color: #ccc;}
.sb-search-input::-moz-placeholder{color: #ccc;}
.sb-search-input:-ms-input-placeholder{color: #ccc;}
.sb-icon-search,
.sb-search-submit{width: 30px;height: 30px;display: block;position: absolute;right: 0;top: 0;padding: 0;margin: 0;line-height: 30px;text-align: center;cursor: pointer;}
.sb-search-submit{background:url(../images/search.png) 0 0 no-repeat; /* IE needs this */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; /* IE 8 */ filter: alpha(opacity=1); /* IE 5-7 */ opacity: 1;color: transparent;border: none;outline: none;z-index: -1;}
.sb-icon-search{color: #fff;background: #ccc;z-index: 90;background:url(../images/search.png) 0 0 no-repeat;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;}
.sb-icon-search:before {content:url(../images/search.png);}
/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search{width: 100%;}
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search{color: #fff;z-index: 11;}
.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {	z-index: 90;}
.header_wraper{width: 100%; position:relative;z-index: 99;}
.topmenu ul li{ list-style:none; float:left; line-height:73px; position: relative;}
.topmenu > ul > li > a {display:block; color:#fff; font-size:16px; font-weight:bold; cursor:pointer;padding: 0 36px; -webkit-transition: background-color 0.6s;transition: background-color 0.6s;} 
.topmenu ul li a:hover,.topmenu ul li a.actived{ background-color:#1d60ae}
.topmenu > ul > li > ul{display: none;position: absolute;}
.topmenu > ul > li > ul > li { float: none; background-color:#36a5d2; line-height:45px;}         /* 鼠标放在一级菜单上，显示二级菜单 */     
.topmenu > ul > li:hover ul {  display: block;}       /* 一级菜单 */     
/* 二级菜单 */     
.topmenu > ul > li > ul > li > a {  display:block; color:#fff; font-size:15px;font-weight: bold;letter-spacing: 1px; cursor:pointer;text-align: center; vertical-align: center; -webkit-transition: background-color 0.6s;transition: background-color 0.6s; width: 118px; padding: 0 10px; border-bottom:solid 1px #fff; } 
.topmenu > ul > li > ul > li > a:hover {background-color:#1d60ae;} 


/* 菜单 */
.topmenu_wraper{ width:100%; background-color:#36a5d2; height:62px;position:relative;}
*, *:after, *:before { box-sizing: border-box;}
.animenu__toggle{display: none; cursor: pointer; background-color: #1d60ae; border: 0; padding: 10px; }
.animenu__toggle:hover{background-color: #0186ba;}
.animenu__toggle__bar{display: block; width: 20px; height: 2px; background-color: #fff; -webkit-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); -o-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);}
.animenu__toggle__bar + .animenu__toggle__bar{margin-top: 4px;}
.animenu__toggle--active .animenu__toggle__bar{margin: 0; position: absolute;}
.animenu__toggle--active .animenu__toggle__bar:nth-child(1){-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.animenu__toggle--active .animenu__toggle__bar:nth-child(2){opacity: 0;}
.animenu__toggle--active .animenu__toggle__bar:nth-child(3){-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}

.animenu{width:1328px; margin:0 auto;}
.animenu ul{padding: 0; list-style: none;font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, Sans-Serif; }
.animenu ul li{list-style:none; float:left; line-height:40px; position: relative;}
.animenu li, .animenu a{display: inline-block; font-size:1.11em;letter-spacing: 1px;}
.animenu a{color: #fff; text-decoration: none;}
.animenu__nav{ -webkit-transition: background-color 0.6s;transition: background-color 0.6s;}
.animenu__nav > li{position: relative; }
.animenu__nav > li > a{/*padding:10px 41px; */ padding: 10px 0px; width: 166px;text-align: center; text-transform: uppercase;}
/*.animenu__nav > li > a:first-child:nth-last-child(2):before{content: ""; position: absolute; border: 4px solid transparent; border-bottom: 0; border-top-color: currentColor; top: 50%; margin-top: -2px; right: 10px;}*/
.animenu__nav > li:hover > ul{opacity: 1; visibility: visible; margin: 0;}
.animenu__nav > li:hover > a{color: #fff;background-color: #1d60ae; }
.animenu__nav__child{min-width: 100%; position: absolute; top: 100%; left: 0; z-index:999; opacity: 0; visibility: hidden; margin: 20px 0 0 0; background-color: #373737; transition: margin .15s, opacity .15s;}
.animenu__nav__child > li{width: 100%; border-bottom: 1px solid #515151;}
.animenu__nav__child > li:first-child > a:after{content: ''; position: absolute; height: 0; width: 0; left: 1em; top: -6px; border: 6px solid transparent; border-top: 0; border-bottom-color: inherit;}
.animenu__nav__child > li:last-child{border: 0;}
.animenu__nav__child a{width: 100%; border-color: #373737;text-align: center;font-weight: normal;font-size: 0.8em;}
.animenu__nav__child a:hover{background-color: #1d60ae; border-color: #1d60ae; color: #fff; cursor: hand;}
.animenu__nav--open {  display: block !important;}
.animenu__nav--open .animenu__nav__child {  display: block;}

.indexslider_wraper{width:100%; clear:both; background-color:#a3cfdf; height:auto; border-top:3px solid #e2e1e1;height: 553px;}
.indexslider{  position:relative;}
.indexslider img{max-width:100%; width:100%; width:expression(this.width > 100?"100%":this.width); height:auto !important;}
.swiper-slide img{max-width:100%;width:100%; width:expression(this.width > 100?"100%":this.width);height:100%;vertical-align:bottom; border:0;}

.container_wraper{width:100%; clear:both; background-color:#fff;position: relative;}
.container{ width:1250px; margin:0 auto; clear:both; display:block;}

.list_style_1{ width:100%; clear:both; padding-bottom:60px; display:inline-block; margin-top:12px;}
.list_style_1 .text{ float:left; width:100%} 
.list_style_1 .pic{ float:right; width:calc(33% - 55px); margin-left:55px;}
.list_style_1 .pic img{ max-width:100%; width:100%; width:expression(this.width > 100?"100%":this.width); height:auto !important;}
.list_style_1 .text .title{ font-size:28px; color:#000; font-weight:800; margin-bottom:26px; height:30px; letter-spacing:1px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;border-bottom:1px solid #cccccc; width:100%; clear:both;display:inline-block; padding-bottom:48px;  }
.list_style_1 .text .content{text-align:justify; text-justify:inter-ideograph;  }
.list_style_1 .text .content p{ font-size:14px; color:#5c5b5b; text-indent:30px; line-height:23px; }
.list_style_1 .text .more{ display:block; text-align:right; margin-top:10px;}
.list_style_1 .text .more a{ display:block; color:#1e60ae; font-size:14px; cursor:pointer;-webkit-transition: color 0.6s;transition: color 0.6s;}
.list_style_1 .text .more a:hover{color:#36a5d2;}
.content .card { width: 272px;background-color: #fff;overflow: hidden;-webkit-transition: box-shadow 0.5s;transition: box-shadow 0.5s; box-shadow: 1px 1px 5px #888888;; float:left;  margin-right:50px;display:block;}
.content .card:last-child{margin-right: -50px;} 
.content .card a{color: inherit; text-decoration: none;}
.content .card:hover{box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.5);}
.content .card_body { position: relative; height: 100px; padding: 20px; -webkit-transition: height 0.5s; transition: height 0.5s;}
.content .card_body  .card_title{ font-size:18px; font-weight:500;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}


.list_style_3 .news{ width: 594px;height:654px;border: solid 1px #ccc; float: left; overflow-y:scroll; border: 1px solid #ccc;}
.list_style_3 .news h2{padding: 20px;}
.list_style_3 .news ul {padding:36px 20px 36px 20px;}
.list_style_3 .news ul li{text-decoration:none;list-style: none; font-size: 15px;letter-spacing: 1px; padding-bottom: 10px; }
.list_style_3 .news_top{float: right;margin-right:2px;}
.list_style_3 .news_top a:hover{cursor:pointer;}

.list_style_2{ width:48%; display:inline-block;margin-top: 40px;}
.list_style_2 .text .title{ font-size:28px; color:#000; font-weight:800; margin-bottom:26px; height:30px; letter-spacing:1px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;border-bottom:1px solid #cccccc; width:100%; clear:both;display:inline-block; padding-bottom:48px;  }

.list_style_3{ width:48%;  float: right;display: inline-block; margin: 40px 0;}
.list_style_3 .text .title{ font-size:25px; color:#000; font-weight:800; margin-bottom:26px; height:30px; letter-spacing:1px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;border-bottom:1px solid #cccccc; width:100%; clear:both;display:inline-block; padding-bottom:48px;  }
.list_style_3 .card_body li a{color: #000;}
.list_style_3 .card_body li a:hover{ text-decoration: underline; color: #000;}
.containerblue{background: #69a4fe;width: 100%;}
.bgblue{margin: 0 auto;width: 1250px; padding-top:25px; height:480px;}
.bgblue .text .title{font-size:28px; color:#fff; font-weight:800; margin-bottom:26px; height:30px; letter-spacing:1px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;border-bottom:1px solid #cccccc; width:100%; clear:both;display:inline-block; padding-bottom:48px; }

.footer_wraper{ width:100%; clear:both;bottom: 0;margin-top: 60px;}
.footer{ width:100%; clear:both; background-color:#36a5d2; height:280px;}
.footer_in{ width:1250px; height:inherit; padding:48px 0; margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.footer .footer_l{ float:left; width:calc(60% - 10px); margin-right:10px;}
.footer .footer_l .logo{ background:url(../images_otk/logo_w2.png) no-repeat; width:418px; height:58px; }
.footer .footer_l .company_info{ color:#cee9f4; font-size:14px; line-height:21px;}
.footer .footer_l .company_info a{ color:#cee9f4; cursor:pointer;}
.footer .footer_l .company_info a:hover{ color:#fff;}
.footer .footer_l .hr{ border-top:1px solid #86c9e4; height:1px; width:100%; margin:20px 0; display:block;}

.footer_menu{ width:192px; float:left;}
.footer_menu li{ margin-bottom:8px; float:left; width:inherit; list-style:none;}
.footer_menu li a{ font-size:14px; color:#cee9f4; cursor:pointer; position:relative; padding-left:20px;}
.footer_menu li a:hover{ color:#fff;}
.footer_menu li a:before{ position:absolute; content:''; background:url(../images_otk/icon.png) -31px 0; top:50%; margin-top:-5px; left:0; width:8px; height:11px;}
.footer .footer_r{ float:right;margin-left:10px;}
.footer .footer_r .qrcode{ width:100%; padding:16px 0; text-align:center; display:block;}
.footer .footer_r .qrcode img{ margin-bottom:8px;}
.footer .footer_r .qrcode p{ font-size:13px; display:block; color:#fff;}
.copyright_wraper{ width:100%; clear:both; background-color:#1e60ae; height:88px; line-height:88px; text-align:center;}
.copyright_wraper p{ color:#bcc9e1;}
.copyright_wraper p a,.copyright_wraper p span{ margin:0 9px;color:#bcc9e1;}
.copyright_wraper p a:hover{ color:#fff; cursor:pointer;}

.toptitle{ width:100%; clear:both; height:215px; position:relative;}
.toptitle.tea{ background: url(../images_otk/sec_title_bg_1.jpg) no-repeat;}
.toptitle.stu{ background: url(../images_otk/sec_title_bg_1.jpg) no-repeat;}
.toptitle.mana{ background: url(../images_otk/sec_title_bg_1.jpg) no-repeat;}
.toptitle p{ width:inherit; text-align:center; font-size:38px; color:#fff; letter-spacing:8px; position:absolute; bottom:60px;}
.toptitle p:before{ position:absolute; content:''; background:url(../images_otk/icon.png) no-repeat 0 -92px; width:30px; height:30px; left:50%; margin-left:-15px; top:-51px;}


.partners_list{ width:100%; clear:both; }
.partners_list li{ list-style:none; padding:55px 0; border-bottom:1px solid #cccccc; display:inline-block; width:100%;}
.partners_list li:last-child{ border-bottom:0px}
.partners_list li .pic{ width:284px; height:130px; float:left; text-align:center;}
.partners_list li .pic img{ vertical-align:middle;}
.partners_list li .content{ width:calc(100% - 320px); float:right; margin-left:36px; }
.partners_list li .content .title{ font-size:18px; margin-bottom:18px; font-weight:800;}
.partners_list li .content .text{ width:100%; height:inherit; /*overflow:hidden;*/}
.partners_list li .content .text p{ line-height:20px; color:#5c5b5b; text-indent:30px;}

.side_creat_wraper{ width:calc(30% - 15px); float:left; clear:both;  margin-right:15px;}
.side_creat{ list-style:none; border-left:1px solid #e0dfdf; border-right:1px solid #e0dfdf; border-top:1px solid #e0dfdf; background-color:#fff;}
.side_creat li{ width:100%; display:block; padding:5px 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-bottom:1px solid #e0dfdf; -webkit-transition:background-color 0.5s, color 0.3s;transition:background-color 0.5s, color 0.3s;}
.side_creat li a{ font-size:16px; overflow:hidden; height:60px; display:block; color:#000; position:relative; padding:0 27px 0 60px; cursor:pointer; line-height:19px;}
.side_creat li a p{ display:table; height:60px; margin-right:62px;}
.side_creat li a p span{ text-align:left; display:table-cell; vertical-align:middle;}
.side_creat li a b{ float:right; height:60px; width:62px; text-align:center; display:table; color:#8e8d8d; font-size:12px; }
.side_creat li a b span{ display:table-cell; vertical-align:middle;}
.side_creat li a b i{ font-size:12px; font-style:normal; font-weight:normal; display:block; text-align:left;width:62px;overflow:hidden;word-wrap:break-all}
.side_creat li a b i:first-child{width:58px;}
.side_creat li a:before{ position:absolute; content:''; background:url(../images_otk/icon.png) -33px -181px no-repeat; width:20px; height:16px; top:50%; margin-top:-8px; left:27px;}
.side_creat li.creat{ background-color:#67b94b;}
.side_creat li.creat a{ color:#fff; font-weight:800;}
.side_creat li.creat a:before{ position:absolute; content:''; background:url(../images_otk/icon.png) no-repeat 0 -147px; width:20px; height:20px; top:50%; margin-top:-10px; left:27px;}
.side_creat li.creat:hover{ background-color:#498f31;}
.side_creat li:hover,
.side_creat li.actived{ background-color:#1e60ae;}
.side_creat li:hover a,
.side_creat li.actived a{ color:#fff;}
.side_creat li:hover a b,
.side_creat li.actived a b{ color:#fff;}
.side_creat li:hover a:before,
.side_creat li.actived a:before{ background:url(../images_otk/icon.png) -33px -147px no-repeat;}
.side_creat li.creat:hover a:before{ background:url(../images_otk/icon.png) 0 -147px no-repeat;}
.side_creat #current{ background-color:#1e60ae;}
.side_creat #current a{ color:#fff;}
.side_creat #current a b{ color:#fff;}
.side_creat #current a:before{ background:url(../images_otk/icon.png) -33px -147px no-repeat;}
.side_creat #current.creat{ background-color:#498f31;}
.side_creat #current.creat a:before{ background:url(../images_otk/icon.png) 0 -147px no-repeat;}

.editbox{ margin-bottom:30px; width:100%;}
.editbox > .title{ font-size:20px; color:#000; font-weight:800; margin-bottom:40px; text-align:center;}
.editbox .edit_li{ float:left; margin-bottom:25px; width:100%;}
.editbox .edit_li .title{ float:left; width:calc( 30% - 20px); font-size:16px; color:#000; text-align:right; margin-right:20px;}
.editbox .edit_li .cont{ float:right; width:70%; font-size:16px; color:#000; position:relative; text-align:left;}
.editbox .edit_li sup{ display:inline-block; vertical-align:top; margin-right:5px; color:#e10000; font-size:14px;}
.editbox .edit_li .hints{ vertical-align:middle; color:#e10000; font-size:12px; position:absolute; text-align:left; width:inherit; padding-top:1px; display:none}
.editbox .edit_li .input_def{ display:inline-block; width:100%; height:32px; border:1px solid #a9a9a9; padding:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; color:#333;}
.editbox .edit_li .info{ font-size:13px; color:#8e8d8d; padding-top:5px;}
.editbox .edit_li .cont span{font-size:13px; color:#686868;}
.editbox_wraper .btnbox{ text-align:center;}
.side_content_creat .btnbox{ text-align:center;}
.side_content_creat .editbox_wraper{ width:50%; margin:0 auto;}
.side_content_creat .editbox .edit_li .title{width:calc( 25% - 20px);}
.side_content_creat .editbox .edit_li .cont{width:75%;}

.choose_course_wraper{ width:50%; float:left; padding:0 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.choose_course_wraper .title_s{ font-size:16px; color:#000; position:relative; padding-left:15px; text-align:left; margin-bottom:15px;}
.choose_course_wraper .title_s:before{ position:absolute; content:''; width:6px; height:6px; background-color:#1e60ad; top:50%; margin-top:-3px; left:0}
.course_li{ width:100%; border:1px solid #afafaf; display:inline-block; margin-bottom:20px;background-color:#f6f6f6;display:table;}
.course_l{  width:85px; display:table-cell;vertical-align:middle}
.course_r{ width:calc(100% - 86px); text-align:left; border-left:1px solid #e8e8e8; background-color:#fff;display:table-cell}
.course_r ul{ list-style:none; padding:5px;}
.course_r ul li{ width:50%; float:left; padding:0px 2px 0px 20px; margin-bottom:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative;}
.course_r ul li input{ position:absolute; left:0; top:1px; }



.choose_proj{ list-style:none;}
.choose_proj li{ margin-bottom:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative;  display:block;}
.choose_proj li span{font-size:16px !important;}



.tab_class_wraper{ width:100%; display:block; clear:both; background-color:#eeeeee; padding:11px 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.tab_class li{ list-style:none; display: table-cell; width: 1%; text-align:center;}
.tab_class li a{ display:block; font-size:16px; color:#1e60ae; font-weight:800; line-height:28px; border-right:1px solid #6aa5ea; cursor:pointer;}
.tab_class li:last-child > a{border-right:0}
.tab_class li a:hover{ color:#000;}
.tab_class #current a{ color:#000;}
.tab_class_cont{ width:100%; margin-top:0px;clear:both; color:#2e2e2e;}
.course_info > .title{ font-size:25px; color:#000; font-weight:800;  outline:none; cursor:pointer; margin-top:50px; border-top:1px solid #cccccc; padding-top:50px;}
.course_info > .title:first-child{margin-top:0px; border-top:0px solid #cccccc; padding-top:0px;}

.event_info{padding-left:20px;}
.event_info .title{ font-size:18px; color:#2e2e2e; font-weight:800; outline:none; cursor:pointer; margin-bottom:20px;}
.event_info .ui-icon{ margin-right:10px;  border-left:7px solid #048DDF; border-right:7px solid transparent; border-top:7px solid transparent; border-bottom:7px solid transparent;}
.event_info .ui-state-active .ui-icon,
.event_info .ui-button:active .ui-icon{ border-top:7px solid #048DDF; border-bottom:7px solid transparent; border-left:7px solid transparent; border-right:7px solid transparent; vertical-align:middle}



.tab_in li{ list-style:none; display: table-cell; width: 1%; text-align:center;}
.tab_in li a{ display:block; font-size:16px; color:#1e60ae; font-weight:800; line-height:50px; border-right:4px solid #fff; cursor:pointer; background-color:#f2f2f2}
.tab_in li:last-child > a{border-right:0}
.tab_in li a:hover{ color:#000;}
.tab_in #current a{ color:#000;}
.tab_in_cont{ width:100%; margin-top:30px; clear:both; color:#2e2e2e;}


.info_s li{ list-style:none; padding-left:80px; position:relative; margin-bottom:8px; font-size:14px;}
.info_s li:before{ position:absolute; content: attr(data-text); left:0; text-align:right; width:80px; font-weight:800; top:1px;}

.tab_info_wraper{ margin-top:30px;}
.tab_info{ width:100%; clear:both; display:inline-block; position:relative;}
.tab_info li{ list-style:none; height:40px; float:left; }
.tab_info li:first-child a{ border-left:1px solid #b4b4b4;}
.tab_info li a{ padding:0 30px; line-height:40px; display:block; background-color:#b5dffd; color:#717171; font-weight:800; font-size:16px; border-right:1px solid #b4b4b4; border-bottom:1px solid #b4b4b4; border-top:1px solid #b4b4b4; border-top-left-radius:4px; border-top-right-radius:4px;}
.tab_info li a.actived{ height:50px; margin-top:-10px; background-color:#f3f3f3; border-bottom:1px solid #fff; line-height:50px; color:#000;}
.tab_info_cont{ width:100%; /*background-color:#f3f3f3;*/ background-color:#fff; padding:30px; clear:both; border:1px solid #b4b4b4; margin-top:1px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.tab_info #current a{ height:50px; margin-top:-10px; /*background-color:#f3f3f3;*/background-color:#fff; border-bottom:1px solid #fff; border-left:1px solid #b4b4b4; line-height:50px; color:#000;}

.tab_info_cont h1{ font-size:20px;}
.tab_info_cont h2{ font-size:18px;}
.tab_info_cont h3{ font-size:16px;}
.tab_info_cont h4{ font-size:14px;}
.tab_info_cont section > p{ font-size:13px; text-indent:28px; line-height:20px;text-align:justify; text-justify:inter-ideograph; text-align:left;}
ul.def,
ol.def{ margin-left:35px; }
ul.def li,
ol.def li{ margin-bottom:2px; line-height:20px;}
ul.def ul,
ol.def ul{margin-left:18px; }
ul.def ul li:last-child,
ol.def ul li:last-child{margin-bottom:20px;}
.table_def{ width:100%; margin-bottom:20px;}
.table_def > thead tr > td,
.table_def > tbody tr > td{ padding:6px; text-align:center; font-size:13px; border:1px solid #CCC;}
.table_def > thead tr > td{ font-weight:bold;}
.table_def > tbody tr > td.lt{ text-align:left;}

.tab_info_cont p.img{ width:100%; text-align:center;padding:10px 70px; text-indent:0; margin:0 auto;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.tab_info_cont p.img img{max-width:100%; width:100%; width:expression(this.width > 100?"100%":this.width); height:auto !important;border:1px solid #f1f1f1}
.tab_info_cont .btnbox{ text-align:center;}

.ct{ text-align:center;}

.video_box{ width:100%; padding:0 70px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.video_box video{ width:100%; height:auto;}
.video_box video p{ margin-top:50px; color: #999; font-size:12px; text-align:center}

.ppt_box{ width:100%; padding:0 70px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.ppt_box object{ width:100%; height:100%}

.download{ width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:inline-block; margin-top:40px;}
.download li{ list-style:none; width:calc( 100% / 2 -10px); padding-bottom:20px; display:inline-block;}
.download li a{ width:310px; display:block; margin:0 auto; color:#333}
.download li a p{ width:100px; height:120px; background-color:#95b849; border-radius:6px; position:relative; float:left;}
.download li a p:before{ position:absolute; content:''; width:0; height:0; border-bottom: 28px solid #bbe266; border-right: 28px solid #fff; right:0; top:0;}
.download li a p:after{ position:absolute; content:attr(data-text); width:80px; font-size:34px; color:#fff; text-align:center; left:50%; margin-left:-40px; height:120px; line-height:120px;}
.download li a span{ width:calc(100% - 120px); float:right; height:120px; display:table;}
.download li a span b{ display:table-cell; vertical-align:middle; font-size:16px; text-align:left;}
.download li a{ margin-bottom:20px; cursor:pointer;}
.download li a:hover p{background-color:#498f31;}
.download li a:hover p:before{border-bottom: 28px solid #70b458;}
.download li a:hover span b{ color:#266d0e}

.download li a.ipt p{background-color:#95b849;}
.download li a.ipt p:before{border-bottom: 28px solid #bbe266;}
.download li a.ipt:hover p{background-color:#498f31;}
.download li a.ipt:hover p:before{border-bottom: 28px solid #70b458;}
.download li a.ipt:hover span b{ color:#266d0e}

.download li a.ppt p{background-color:#d62100;}
.download li a.ppt p:before{border-bottom: 28px solid #f0ac9f;}
.download li a.ppt:hover p{background-color:#aa1e01;}
.download li a.ppt:hover p:before{border-bottom: 28px solid #c05c47;}
.download li a.ppt:hover span b{ color:#aa1e01}

.download li a.doc p{background-color:#00258a;}
.download li a.doc p:before{border-bottom: 28px solid #9fb6f5;}
.download li a.doc:hover p{background-color:#011f6f;}
.download li a.doc:hover p:before{border-bottom: 28px solid #4961a0;}
.download li a.doc:hover span b{ color:#00258a}

.download li a.oth p{background-color:#938bc3;}
.download li a.oth p:before{border-bottom: 28px solid #c9c3ed;}
.download li a.oth:hover p{ background-color:#7970ac;}
.download li a.oth:hover p:before{border-bottom: 28px solid #a6a1c8;}
.download li a.oth:hover span b{ color:#938bc3}

.edit_group{ padding:0px; margin-bottom:50px; display:inline-block;}
.edit_group .each_wraper{ width:calc(45% - 14px); float:left; margin-right:14px;}
.edit_group .all_wraper{ width:calc(55% - 16px); float:right; margin-left:14px; border:1px solid #b3b3b3;height:590px; padding:10px 25px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.edit_group_wraper .btnbox{ text-align:center;}

.face li,
.face .li,
.dragger{ list-style:none; padding:10px; display:inline-block;width:36px; height:50px;}
.face li a,
.face .li a,
.dragger a{ display:block;}
.face li a p,
.face .li a p,
.dragger a p{ width:34px; height:32px; background-color:#b5dffd; background-image:url(../images_otk/bg_single.png); background-repeat:no-repeat; background-position:center; margin-bottom:3px;}
.face li a span,
.face .li a span,
.dragger a span{ width:100%; height:15px; overflow:hidden; font-size:12px; color:#000; text-align:center;}
.face li a.leader p,
.face .li a.leader p,
.dragger a.leader p{ background-color:#f88b0a}
.face li a.mine p,
.face .li a.mine p,
.dragger a.mine p{ background-color:#1e60ae}

.choose_face{ width:100%; margin-bottom:15px; height:65px; position:relative; margin-top:-20px;}
.choose_face .swiper-button-next,.choose_face  .swiper-button-prev{ position:absolute; zoom:0.5;}
.choose_face .swiper-button-next{ right:-30px;}
.choose_face .swiper-button-prev{ left:-30px;}
.choose_face .face .li{ padding:10px 2.7px;}
.choose_face .face .li a{ cursor:pointer;}
.choose_face .swiper-container {
	
         height:65px;
		 margin:0 auto;
    }
.choose_face .swiper-slide {
        text-align: center;
        width:36px;

        /* 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;
    }

.archive_wraper{ margin-bottom:50px; height:100%}
.archive_cont{ width:100%; margin-top:20px; border:1px solid #afafaf; overflow:hidden; border-radius:4px;background-color:#f6f6f6;}	
.archive_cont .left{ width:calc(65% - 1px); float:left; background-color:#fff;  border-right:1px solid #e8e8e8; overflow:hidden;}
.archive_cont .right{ width:35%; float:right; padding:18px 11px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;border-left:1px solid #e8e8e8; overflow:hidden;}
.choose_face_wraper + .event_info{ padding-left:0;}


.archive_cont .left img[src="../images_otk/fc_box.jpg"]{ margin-top:-1px; margin-left:-1px;}
.archive_cont .right ol.def{ margin-left:15px; }
.archive_cont .right .download{ margin-top:0px;}
.archive_cont .right .download li{ zoom:0.5; width:100%;}
.archive_cont .right .download li a p:before{  border-right: 28px solid #f6f6f6;}
.archive_cont .right .download li a{ width:100%;}
.archive_cont .right .download li a span b{ font-size:26px;}
.archive_cont .right .download li.img{ width:100%; text-align:center; text-indent:0; margin:0 auto;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.archive_cont .right .download li.img img{max-width:100%; width:100%; width:expression(this.width > 100?"100%":this.width); height:auto !important;border:1px solid #f1f1f1}

.archive_cont .right .editbox .edit_li .cont{ width:100%; float:none; text-align:center;}
.archive_cont .right .editbox .edit_li{margin-bottom:15px;}
.archive_cont .right .editbox_wraper{ margin-top:-10px;}


.onegroup{ width:100%; margin-bottom:16px;}
.onegroup .title{ height:35px; font-size:16px; color:#000; text-align:center; width:inherit; letter-spacing:5px; margin-bottom:14px; position:relative; line-height:35px; margin-bottom:11px;}
.onegroup .title p{ width:80px; height:35px; position:absolute;top:0; right:0;}
.onegroup .title p .ic_add,
.onegroup .title p .ic_less{ width:35px; height:35px; background-color:#b5dffd; position:relative; margin-left:5px; cursor:pointer; float:left;}
.onegroup .title p .ic_add:before{ position:absolute; content:''; background:url(../images_otk/icon.png) 0 -147px no-repeat; width:20px; height:20px; left:50%; top:50%; margin-left:-10px; margin-top:-10px;}
.onegroup .title p .ic_less:before{ position:absolute; content:''; background:url(../images_otk/icon.png) 0 -179px no-repeat; width:20px; height:20px; left:50%; top:50%; margin-left:-10px; margin-top:-10px;}
.onegroup .group{ border:1px solid #b3b3b3; height:140px; padding:0 4px; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.onegroup .group .face li,
.onegroup .group .dragger{ padding:10px 8px;}

.tab_log,
.tab_works,
.upload_works{ border:1px solid #d4d3d3; width:100%; display:inline-block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.tab_log li,
.tab_works li{ list-style:none; padding:16px; float:left; width:60px; height:77px;}
.tab_log li a,
.tab_works li a{ display:block; cursor:pointer; }
.tab_log li a p,
.tab_works li a p{ width:60px; height:55px; background-color:#b5dffd; background-image:url(../images_otk/bg_group.png); background-repeat:no-repeat; background-position:center; margin-bottom:3px;}
.tab_log li a span,
.tab_works li a span{ width:100%; height:18px; overflow:hidden; font-size:14px; color:#000; text-align:center; display:block;}
.tab_log li a.actived p,
.tab_works li a.actived p{ background-color:#1e60ae}
.tab_log #current a p,
.tab_works #current a p{ background-color:#1e60ae}
.fc_box{ margin-top:-1px; margin-bottom:50px;}
.fc_box img[src="../images_otk/fc_box.jpg"]{max-width:100%; width:100%; width:expression(this.width > 100?"100%":this.width); height:auto !important;}

.tab_works_cont{ padding:30px; border-left:1px solid #d4d3d3; border-right:1px solid #d4d3d3; border-bottom:1px solid #d4d3d3; background-color:#f3f3f3; text-align:center;}

.log_choose > li{ list-style:none; background-color:#f3f3f3; border:1px solid #d4d3d3; margin-bottom:10px; padding:15px 20px 20px 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.log_choose > li .title{ display:block; text-align:center; font-weight:normal; margin-bottom:0;}
.log_choose > li .title p:first-child{ font-size:20px; color:#000;}
.log_choose > li .title p:last-child{ font-size:14px; color:#838383;}
.log_choose .btnbox{ text-align:center;}

.choose_box input[type="checkbox"],
.choose_box input[type="radio"]{ opacity: 0; position: absolute; z-index: -1;}
.choose_box input[type="radio"]+span{ width:100px; height:120px; background-color:#938bc3; box-shadow:-10px 10px 0px #c9c3ed; border-radius:6px; position:relative; float:left; text-align:center; font-size:60px; color:#fff; line-height:120px;}
.choose_box input[type="radio"]+span:before{ position:absolute; content:''; width:0; height:0; border-bottom: 28px solid #c9c3ed; border-right: 28px solid #f3f3f3; right:0; top:0;}
.choose_box input[type="radio"]:checked+span{ box-shadow:-10px 10px 0px #83afe2; background-color:#1e60ae;}
.choose_box input[type="radio"]:checked+span:before{ border-bottom: 28px solid #83afe2;}
.choose_box input[type="radio"]:checked+span:after{ position:absolute; content:''; background:url(../images_otk/icon.png) 0 -219px no-repeat; width:47px; height:37px; right:13px; bottom:13px;}
.choose_box{ display:inline-block; text-align:center; width:100%;}
.choose_box li{ list-style:none; width:240px; display:inline-block; margin:30px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.choose_box label{ cursor:pointer}
.choose_box label p{ width:calc(100% - 130px); float:right; height:120px; display:table;}
.choose_box label p a{ display:table-cell; vertical-align:middle; font-size:16px; text-align:left; color:#000;}
.choose_box label p a:hover{ color:#4736ad;}
.log_choose > li.result{ background-color:#fff1f0}
.log_choose > li.result .title p:first-child{color:#c61818; font-weight:800;}
.log_choose > li.result .title p:last-child{color:#000;}

.cup{ padding:30px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:inline-block;}
.cup a{ width:310px; margin:0 auto; display:block; cursor:pointer;}
.cup a p{ width:120px; height:102px; float:left; text-align:center; font-size:60px; color:#fff; line-height:60px; position:relative;
	background: -moz-linear-gradient(left, #f6b92b 0%, #f6b92b 50%, #f39d2e 50%, #f39d2e 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(left,  #f6b92b 0%, #f6b92b 50%, #f39d2e 50%, #f39d2e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #f6b92b 0%, #f6b92b 50%, #f39d2e 50%, #f39d2e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #f6b92b 0%, #f6b92b 50%, #f39d2e 50%, #f39d2e 100%); /* IE10+ */
	background: linear-gradient(to right,  #f6b92b 0%, #f6b92b 50%, #f39d2e 50%, #f39d2e 100%); /* W3C */
}
.cup a p:before{ position:absolute; content:''; background:url(../images_otk/bg_cup.png) no-repeat; width:120px; height:102px; left:0; top:0;}
.cup a span{ width:calc(100% - 130px); float:right; height:120px; display:table;}
.cup a span b{ display:table-cell; vertical-align:middle; font-size:16px; text-align:left; color:#000;}
.cup a:hover p{
	background: -moz-linear-gradient(left, #f3a400 0%, #f3a400 50%, #ef8000 50%, #ef8000 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(left,  #f3a400 0%, #f3a400 50%, #ef8000 50%, #ef8000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #f3a400 0%, #f3a400 50%, #ef8000 50%, #ef8000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #f3a400 0%, #f3a400 50%, #ef8000 50%, #ef8000 100%); /* IE10+ */
	background: linear-gradient(to right,  #f3a400 0%, #f3a400 50%, #ef8000 50%, #ef8000 100%); /* W3C */}
.cup a:hover span b{ color:#ef8000;}

.works_score{ width:608px; margin:0 auto;}
.works_score > li{ list-style:none; margin:0 15px 15px 15px; width:270px; display:inline-block;}
.works_score .onegroup .title{ margin-bottom:0; letter-spacing:2px; font-weight:normal;}
.works_score .onegroup .title span{ font-weight:800; color:#1e60ae; margin-left:5px;}

.tab_log_cont .btnbox{ text-align:center;}

.upload_works{ padding:30px;}
.upload_works .btnbox{ text-align:center;}

.survey{ padding:0px;}
.survey .foreword{ margin-bottom:30px; padding:10px 20px; border:1px solid #e0dfdf; border-radius:4px;}
.survey .foreword p{ font-size:13px; text-indent:27px; line-height:20px;text-align:justify; text-justify:inter-ideograph; text-align:left; color:#7f7f7f;}

.table_test{ width:100%; margin-bottom:20px; border-bottom:1px solid #CCC; }
.table_test > tbody tr > td{ padding:12px 6px; text-align:center; font-size:14px; border-bottom:1px dashed #CCC;}
.table_test > thead tr > td{ font-weight:bold; padding:2px 6px; text-align:center; font-size:13px; color:#717171;}
.table_test > thead{ border-bottom:1px solid #e8e8e8; background-color:#e7f5ff;}
.table_test > tbody tr > td.title{ text-align:left; font-size:15px;}
.table_test > tbody tr:nth-child(odd) td,
.table_test > tbody tr:nth-child(odd) th{ background-color: #fff;}
.table_test > tbody tr:nth-child(even) td,
.table_test > tbody tr:nth-child(even) th{ background-color: #f8f8f8;}

 input.def[type="checkbox"],input.def[type="radio"]{opacity: 0; position: absolute; z-index: -1;}
 input.def[type="checkbox"]+span { display:inline-block; height: 16px; width: 16px; border-radius: 4px; background-color:#f8f8f8; border:1px solid #adadad; margin-top:2px; vertical-align:middle}
 input.def[type="checkbox"]:checked+span { background-color:#67b94b; border:1px solid #67b94b; position:relative;}
 input.def[type="checkbox"]:checked+span:before{ content:''; width:9px; height:4px; border-left:3px solid #fff; border-bottom:3px solid #fff; position:absolute; left:2px; top:3px; 
transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 	/* IE 9 */
-moz-transform:rotate(-45deg); 	/* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg);}
 input.def[type="radio"]+span {  display:inline-block; height: 16px; width: 16px; border-radius: 16px; background-color:#f8f8f8; border:1px solid #adadad; margin-top:3px; vertical-align:middle}
 input.def[type="radio"]:checked+span { height: 6px; width:6px; border-radius: 16px; border:6px solid #67b94b;}
.choose_proj label p{ display:inline-block; vertical-align:middle; margin-left:10px; font-size:16px;}

/*-------------foot 沉底部-------------------*/
html, body, .wraper {height: 100%;}
body > .wraper {height: auto; min-height: 100%;}
.clearfix {padding-bottom: 368px;} /*  必须使用和footer相同的高度 */
.footer_wraper {position: relative;
	height: 368px;
	clear:both;}
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




.ui-icon { display: inline-block; width:0; height:0; border-left:8px solid #048DDF; border-right:8px solid transparent; border-top:8px solid transparent; border-bottom:8px solid transparent;}

.ui-widget-header .ui-icon { border-left:8px solid #048DDF; border-right:8px solid transparent; border-top:8px solid transparent; border-bottom:8px solid transparent;}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon { border-top:8px solid #048DDF; border-bottom:8px solid transparent; border-left:8px solid transparent; border-right:8px solid transparent;}

body 
{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.face,
.queue
{
	font-size: 0;
    -webkit-text-size-adjust:none;
}

.dragger
{
	cursor: move;
}

.backtop{ width:40px; height:36px; display:inline-block; background:#fff url(../images_otk/backtop.png) 0 0 no-repeat; border-radius:2px; z-index:10000; margin:12px;}

.ppt_box{ height:350px;}
.ppt_logo{ width:78px; height:35px; background-color:#066; position:absolute; bottom:0; left:10px; z-index:99999}

#doPoint{
-moz-transform: scale(0.45,0.45);	/* Firefox */ 
zoom:0.45}

#doPoint span {
	display:block;background: url(../images_otk/ic_star_b_h.png) no-repeat 13px 0px;width:421px;height:58px; 
}
#doPoint span small {
	font-size:0px;float:left;overflow:hidden;width:42px;cursor:pointer;padding-top:58px;height:0px
}
#doPoint .star0 {
	background:url(../images_otk/ic_star_b_h.png) no-repeat 13px -580px
}
#doPoint .star10 {
    background:url(../images_otk/ic_star_b_h.png) no-repeat 13px 0px
}
#doPoint .star9 {
    background:url(../images_otk/ic_star_b_h.png) no-repeat 13px -58px
}
#doPoint .star8 {
    background:url(../images_otk/ic_star_b_h.png) no-repeat 13px -116px
}
#doPoint .star7 {
    background:url(../images_otk/ic_star_b_h.png) no-repeat 13px -174px
}
#doPoint .star6 {
    background:url(../images_otk/ic_star_b_h.png) no-repeat 13px -232px
}
#doPoint .star5 {
    background:url(../images_otk/ic_star_b_h.png) no-repeat 13px -290px
}
#doPoint .star4 {
    background:url(../images_otk/ic_star_b_h.png) no-repeat 13px -348px
}
#doPoint .star3 {
    background:url(../images_otk/ic_star_b_h.png) no-repeat 13px -406px
}
#doPoint .star2 {
    background:url(../images_otk/ic_star_b_h.png) no-repeat 13px -464px
}
#doPoint .star1 {
    background:url(../images_otk/ic_star_b_h.png) no-repeat 13px -522px
}


.accordion_part h1{padding-left:20px; margin-bottom:20px; outline:none; cursor:pointer; margin-left:-15px;}
.accordion_part .ui-icon{ margin-right:15px;  border-left:7px solid #048DDF; border-right:7px solid transparent; border-top:7px solid transparent; border-bottom:7px solid transparent;}
.accordion_part .ui-state-active .ui-icon,
.accordion_part .ui-button:active .ui-icon{ border-top:7px solid #048DDF; border-bottom:7px solid transparent; border-left:7px solid transparent; border-right:7px solid transparent; vertical-align:middle}

.login_wraper{width:100%; background:url(../images_otk/bg_login.jpg) 0 -700px no-repeat;}
.login_wraper:after{filter: blur(2px);  }

.login_wraper .login{ width:1068px; height:495px; margin:0 auto;  position:relative;}

.loginbox{ width:346px; height:391px; background-color:#fff; clear:both;
box-shadow:0 0 8px rgba(0,0,0,0.3);
-moz-box-shadow:0 0 8px rgba(0,0,0,0.3);
-ms-box-shadow:0 0 8px rgba(0,0,0,0.3);
-o-box-shadow:0 0 8px rgba(0,0,0,0.3);
-webkit-box-shadow:0 0 8px rgba(0,0,0,0.3);
position:absolute;
right:20px;
top:50%;
margin-top:-195px;
}
.loginbox.style2{ left:50%; margin-left:-173px;}
.loginbox ul.tab{ height:53px; border-bottom:1px solid #e3e3e3;}
.loginbox ul.tab li{ display:table-cell; width:1%; text-align:center; height:53px; position:relative;}
.loginbox ul.tab li:after{ position:absolute; content:''; width:1px; height:30px; top:50%; margin-top:-15px; background-color:#e3e3e3; right:0}
.loginbox ul.tab li:last-child:after{ display:none;}
.loginbox ul.tab li a{ line-height:53px; display:block; text-align:center; cursor:pointer; color:#002c65; font-size:18px;}
.loginbox ul.tab #current a{ border-bottom:2px solid #67b94b;}
.loginbox .enterbox{ width:267px; margin:0 auto; padding-top:25px;}
.loginbox .enterbox .enter_li{ margin-bottom:25px; position:relative;}
.loginbox .enterbox .enter_li label{ font-size:14px; font-weight:bold; display:block; margin-bottom:10px;}
.loginbox .enterbox .enter_li input{ width:100%; height:32px; border:1px solid #abadb3; padding:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.loginbox .enterbox .enter_li label a{ float:right; font-size:12px; color:#169BD5; font-weight:normal; cursor:pointer;}
.loginbox .enterbox .enter_li .btn_red_b{ display:block;}
.loginbox .enterbox .enter_li:last-child{ margin-top:35px;}
.loginbox .enterbox .enter_li .hints{ display:block; color:#e10000; position:absolute; bottom:-18px; left:0px; font-size:12px; width:267px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis; text-align:right;}
.loginbox .btm{ height:51px; border-top:1px solid #e3e3e3; padding:0 40px; text-align:right;}
.loginbox .btm a{ line-height:51px; font-size:16px; cursor:pointer; color:#169BD5;}

.loginbox .enterbox .qrcode{ text-align:center; width:100%;}
.loginbox .enterbox .hit{ text-align:center; width:100%; font-size:12px; margin-top:10px;}
.enterbox .hit2{ width:100%; height:32px; border-radius:4px; background-color:#ffc8c8; border:1px solid #e94573; color:#a8133d; font-size:12px; line-height:32px; padding:0 5px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.loginbox .cont_wraper{ height:270px;}

.register_wraper .register{ width:1068px; min-height:495px; margin:0 auto; padding:30px 0}
.register_wraper .register h2{ font-size:28px; margin-bottom:40px; color:#000; text-align:center; font-weight:normal;}

.register_wraper .editbox{margin:0 auto; }
.register_wraper .editbox li{ list-style:none; position:relative; font-size:14px; display:block; clear:both; margin-bottom:15px; overflow:hidden;}
.register_wraper .editbox li > label{ width:calc(25%  - 10px) ; float:left; padding-top:5px; margin-right:8px; text-align:right;}
.register_wraper .editbox li .cont{ width:75%; float:right;}
.register_wraper .editbox li .hit{ font-size:12px; clear:both; color:#ff1f20; padding-top:5px;}
.register_wraper .editbox li .btn.enter{ margin-top:20px; width:100%}
.register_wraper .editbox.style1{ width:30%;}

.input_def{ float:left; width:100%; height:35px; border:1px solid #a9a9a9; padding:5px;color:#333;}
.select_def{ float:left; width:100%; height:35px; border:1px solid #a9a9a9; padding:5px;color:#333;}
.textarea_def{outline: none; resize: vertical; width:100%; height:150px; border:1px solid #a9a9a9; font-size:14px; line-height:22px;padding:5px; text-align:left; vertical-align:middle;}


/*-----20180906------*/
.column{float: left;width:230px;position:relative;}
.sb-search{position:relative ;margin-top: 11px;width: 0%;min-width: 30px;height: 30px;float: right;overflow: hidden;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;transition: width 0.3s;-webkit-backface-visibility: hidden;}
.sb-search-input{position: absolute;top: 0;right: 0;border: solid 1px #ccc;outline: none;background: #fff;width:190px;height: 30px;z-index: 10;padding: 2px 20px 0px 10px;font-family: inherit;font-size: 14px;color: #ccc;margin-right: 32px;}

.sb-search-input::-webkit-input-placeholder{color: #ccc;}
.sb-search-input:-moz-placeholder{color: #ccc;}
.sb-search-input::-moz-placeholder{color: #ccc;}
.sb-search-input:-ms-input-placeholder{color: #ccc;}
.sb-icon-search,
.sb-search-submit{width: 30px;height: 30px;display: block;position: absolute;right: 0;top: 0;padding: 0;margin: 0;line-height: 30px;text-align: center;cursor: pointer;}
.sb-search-submit{background:url(../images_otk/search.png) 0 0 no-repeat; /* IE needs this */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; /* IE 8 */ filter: alpha(opacity=1); /* IE 5-7 */ opacity: 1;color: transparent;border: none;outline: none;z-index: -1;}
.sb-icon-search{color: #fff;background: #ccc;z-index: 90;background:url(../images_otk/search.png) 0 0 no-repeat;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;}
.sb-icon-search:before {content:url(../images_otk/search.png);}
/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search{width: 100%;}
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search{color: #fff;z-index: 11;}
.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {	z-index: 90;}

*, *:after, *:before { box-sizing: border-box;}


.main_box{width: 100%;height: auto;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;}
.main_box>div{width: 100%;}
/*.page1 .nave{background: url(../images_otk/nex.png) no-repeat;display:inline-block;width:100px;height: 20px; position: absolute;top:45%;left:50%;z-index: 10;cursor: pointer;-moz-background-size:23px 15px;-webkit-background-size: 23px 15px;background-size: 23px 15px;	background-position: center;background-repeat: no-repeat;*}*/

@-moz-keyframes myMove {
  0% {padding-top:30px;}
  100% {padding-top:50px;}
}
@-webkit-keyframes myMove {
  0% {padding-top:30px;}
  100% {padding-top:50px;}
}
@-o-keyframes myMove {
  0% {padding-top:30px;}
  100% {padding-top:50px;}
}
@keyframes myMove {
  0% {padding-top:30px;}
  100% {padding-top:50px;}
}
.page1 .nave{display:inline-block;position: absolute;top:88%;left:50%;z-index: 10;cursor: pointer;-moz-background-size:23px 15px;-webkit-background-size: 23px 15px;background-size: 23px 15px;	background-position: center;background-repeat: no-repeat;*}
#down {
  text-align: center;
  height: 140px;
  -moz-animation: myMove 1s linear infinite alternate; 
  -webkit-animation: myMove 1s linear infinite alternate;
  -o-animation: myMove 1s linear infinite alternate;
  animation: myMove 1s linear infinite alternate;
}



/*信息公告*/
.notice_news{width: 1250px;position: absolute;top: 6%; left: 50% ; margin-left: -600px;}
.notice_news .news{float: left;width: 52%;height: 100%;}
.notice_news .news .title{font-size:32px; font-weight: 600;line-height: 80px;}
.notice_news .cont{float: left;width: 42%;}
.notice_news .cont .title{font-size:38px; line-height: 80px;margin-top: 60px;}
.notice_news .cont .date{text-align: right;font-size:24px; line-height: 30px;}
.notice_news .cont .nav{font-size:18px;text-indent: 40px;line-height: 30px;margin-top: 30px;text-align: justify;text-justify:inter-ideograph;}
.notice_news .cont .more {text-align: center;float: right;padding: 60px 0 0;}
.notice_news .cont .more a{display: block;font-size: 18px;letter-spacing: 1px; background: #15d54a;color: #fff; width: 110px; padding: 8px 0px;}
.notice_news .cont .slide_img img{width: 58%;}


.container .keyword{padding:30px 0;}
.container .keyword a{font-size: 18px;color: #6a6a6a;}
.connotice{ width:1250px; margin:0 auto;display:block;}
.connotice .noticelift{width: 618px;float:left;}
.connotice .text .title{ font-size:25px; color:#000; font-weight:800; letter-spacing:1px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;margin-bottom: 20px;}

.noticelift .text .push1{width: 610px; height: 176px; background: #d3d3db;padding: 12px 20px;margin-bottom: 20px;}
.noticelift .text .push1 .pushimg{ float: left;width: 216px; height: 152px;}
.noticelift .text .push1 .pushword{ float: left; width: 332px;margin-left: 20px; color:#000; }
.noticelift .text .push1 .pushword .pushtitle{font-size:18px;letter-spacing:1px;padding-bottom: 20px; }
.noticelift .text .push1 .pushword .pushtitle a{color: #083251;}
.noticelift .text .push1 .pushword .content{font-size:15px;letter-spacing:1px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden; text-align: justify;text-justify:inter-ideograph; }

.noticelift .text .push2{width: 610px; height: 425px; background: #d3d3db;padding: 15px 20px;margin-bottom: 20px;}
.noticelift .text .push2 .pushimg{ width: 576px; height: 275px;}
.noticelift .text .push2 .pushword{ width: 576px;color:#000; margin-top: 26px; }
.noticelift .text .push2 .pushword .pushtitle{font-size:18px;letter-spacing:1px;padding-bottom:20px; }
.noticelift .text .push2 .pushword .pushtitle a{color: #083251;}
.noticelift .text .push2 .pushword .content{font-size:15px;letter-spacing:1px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; text-align: justify;text-justify:inter-ideograph; }

.connotice .noticeright{float:left;width: 580px;margin-left: 26px;}
.noticeright .cardbig{ float:left;width:326px;background-color: #fff;overflow: hidden;-webkit-transition: box-shadow 0.5s;transition: box-shadow 0.5s; box-shadow: 1px 1px 5px #888888; display:block;margin-bottom: 36px;}
.noticeright .cardbig a img{width:326px;height: 245px;}
.noticeright .cardbig a{color: inherit; text-decoration: none;}
.noticeright .cardbig:hover{box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.5);}
.noticeright .cardbig .card_body { position: relative; height: 120px; padding: 20px; -webkit-transition: height 0.5s; transition: height 0.5s;}
.noticeright .cardbig .card_body  .card_title{ font-size:18px; font-weight:500;}

.noticeright .cardsmall{ float: right; width:218px;background-color: #fff;overflow: hidden;-webkit-transition: box-shadow 0.5s;transition: box-shadow 0.5s; box-shadow: 1px 1px 5px #888888;display:block;margin: 0 0 36px 30px;}
.noticeright .cardsmall a img{width: 218px;height: 162px;}
.noticeright .cardsmall a{color: inherit; text-decoration: none;}
.noticeright .cardsmall:hover{box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.5);}
.noticeright .cardsmall .card_body { position: relative; height: 86px; padding: 20px; -webkit-transition: height 0.5s; transition: height 0.5s;}
.noticeright .cardsmall .card_body  .card_title{ font-size:18px; font-weight:500;}

.noticeright .contain{float: left;width: 326px;}
.noticeright .contain{float: left;width: 216px;}

.connotice .public >.text >.title{font-size: 28px;font-weight: normal;}
.connotice .public >.text >.time{font-size: 20px;font-weight: normal;}
.connotice .public >.text >.connt{font-weight: normal;margin: 28px 0 80px;clear: both;padding-bottom: 60px; border-bottom: 1px solid #8c8c8c;}
.connotice .public >.text >.connt p{font-size: 16px;text-indent:32px;line-height: 25px; margin-bottom: 20px;text-align: justify;text-justify:inter-ideograph;}
.connotice .public >.text >.nav{float: right;margin-bottom: 30px;font-style: italic;}
.connotice .public >.text >.nav a{font-size: 16px;color: #0a4d6a;}
.public .connt ol{margin-left: 60px;}
.public .connt ol li{line-height: 32px;list-style-type:disc;}

.connt p>a{color: #0052A8;}
.connt .word{margin-left: 40px;height: 56px; vertical-align: middle; box-sizing: border-box; display: block; }
.connt .word img{padding: 6px 12px 0 0;  display: inline-block; box-sizing: border-box; vertical-align: middle;}
.connt .word a{font-size: 18px;padding-top: -12px;}
.connt .word span{  display: inline-block;  box-sizing: border-box; vertical-align: middle;}
.connt h1{text-align: center; margin-bottom: 28px;}
.connt h2{font-size: 20px;font-weight: normal;margin-bottom: 20px;}
.connotice .public h3{font-size: 20px;font-weight: normal;margin-bottom: 20px;}
.connt .pic{text-align: center;padding-bottom: 28px;}
.content h2{font-size: 20px;font-weight: normal;margin-bottom: 20px;}
.connt .pic{text-align: center;padding-bottom: 28px;}


.exper  .text .title{font-size: 32px;font-weight: normal;}
.exper  .text h2{font-size: 24px;font-weight: normal;line-height:50px;}
.exper  .text p{font-size: 16px;line-height: 30px; width:900px; text-indent: 32px;}
.exper  .text .button{float: right;margin: 60px 0;}
.exper  .text .button a{font-size: 20px;letter-spacing: 1px; padding: 6px 20px;color: #fff; background: #0a7cb0;}








/*用户服务*/
.container_wraper .wrapp{ width: 100%;position: relative;}
.container_wraper .wrapp .wrapimg { }
.container_wraper .wrapp .wrapimg img {width: 100%;}
.container_wraper .wraptitle{position: absolute;top: 35%; left:35% ; margin:0 auto;}
.container_wraper .wraptitle { width:32%;height: 32%;text-align: center; background-color: rgba(13,12,12,0.4);color: #fff;}
.container_wraper .wraptitle  .cent{font-size: 4vw;letter-spacing: 6px; margin-top: 18px;}
.container_wraper .wraptitle  .cent2{font-size: 2.6vw;letter-spacing: 2px; }


.container_user{width: 100%;clear:both;}
.leftmenu{width: 262px; background: #e9e9e9;margin-left: 10px;float: left;margin-top: 68px;}
.leftmenu ul li{list-style: none;}
.leftmenu ul .title{ clear: both; top:-18px;left:-10px;position: relative; background:#0a4d6a;color: #fff;font-size: 28px;display:inline-block;letter-spacing: 2px;            line-height:70px;
            padding:0 1em 0 70px;
            -webkit-transition: background-color 0.2s, margin-top 0.2s;  /* Saf3.2+, Chrome */
            -moz-transition: background-color 0.2s, margin-top 0.2s;  /* FF4+ */
            -ms-transition: background-color 0.2s, margin-top 0.2s;  /* IE10 */
            -o-transition: background-color 0.2s, margin-top 0.2s;  /* Opera 10.5+ */
            transition: background-color 0.2s, margin-top 0.2s;}
.leftmenu ul .title:before {content: "";position:absolute;top:70px;left:0;width: 0;height: 0;  border-left:0.5em solid transparent;  border-top:0.5em solid #0a4d6a;   }
.leftmenu ul .list{letter-spacing: 2px;color:#0a4d6a;}
.leftmenu ul .list >a{font-size: 24px; text-decoration:none;padding:17px 0px 10px 60px;display:block;height:100%;box-sizing:border-box;color:#0a4d6a;}
.leftmenu ul .list:last-child{padding-bottom: 20px;}
.leftmenu ul .list >a:hover{cursor: pointer;}
.leftmenu ul .list .items{padding-left: 68px;}
.leftmenu ul .list .items li{padding-bottom: 12px;}
.leftmenu ul .list .items li:last-child{padding-bottom: -12px;}
.leftmenu ul .list .items a{font-size: 20px;color:#0a4d6a; }
.leftmenu ul .list .items a:hover{color: #00b0fe;cursor: pointer;}
.rightclass{float: left;width:926px; margin-left: 35px;margin-bottom: 50px;}
.rightclass .text{border-bottom: 1px solid #8c8c8c; }
.rightclass .text .title{font-size: 28px;letter-spacing: 3px;font-weight: 400;}
.rightclass .creatform{margin-top: 30px;margin-left: 6px;float: left; }
.rightclass .creatform label{letter-spacing: 1px;}
.rightclass .creatform .name{margin-bottom: 60px;}
.rightclass .creatform .name label{ font-size: 18px;}
.rightclass .creatform .name input{margin-left: 32px;height: 35px;width: 500px; padding-left: 8px; font-size: 18px;}
.rightclass .creatform .selproject>label{ font-size: 18px;float: left; }
.rightclass .creatform .selproject .fold{float: left; border: 1px solid #a9a9a9;width: 500px;height: auto;padding-bottom: 40px; margin-left: 32px;}
.selproject .fold .seletable {padding: 18px 26px;}
.selproject .fold .seletable p{font-size: 16px;letter-spacing: 1px;}
.selproject .fold .seletable .more a{ float: right;text-decoration: underline; color: #000;}

.seletable .button{position:relative; margin: 0 auto;float: left;padding-top: 80px;margin-left: -68px;}
.seletable .button a{display: block;background-color: #73d07f;width: 100px;height: 46px;font-size: 20px; color: #fff;text-align: center;line-height:46px;}
.wh220{width: 220px;}
.wh160{width: 174px;}
.checkbox{float:left;position:relative;height:20px;margin:12px 0 0;}
.checkbox input[type='checkbox']{position:absolute;left:0;top:0;width:30px;height:30px;opacity:0;}
.checkbox label{position:absolute;left:30px;top:0;height:30px;line-height:20px;font-size:16px;}
.checkbox label:before{content:'';position:absolute;left:-30px;top:0;width:20px;height:20px;border:1px solid #000;content:'';}
.checkbox label:after{content:'';position:absolute;left:-22px;top:3px;width:6px;height:12px;border:0;}
.checkbox input[type='checkbox']:checked + label:before{border-color:#000;}
.checkbox input[type='checkbox']:checked + label:after{border-right:1px solid #000;border-bottom:1px solid #000;background:#fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;}

.creatform >.button{position: static;float: left;margin:0 auto;padding:20px 0 100px 340px;}
.creatform >.button a{display: block;background-color: #73d07f;width: 110px;height: 52px;font-size: 22px; color: #fff;text-align: center;line-height: 52px;letter-spacing: 2px;}

.class h1{font-size: 26px;font-weight: 200;margin-top: 30px;}
.class{ width:926px; text-align:left;}
.class .part{ width:100%;height: auto; padding:15px 0; float:left; }
.class .part .grp02{float:left; padding-right:20px; width:120px; font-size:15px; }
.class .part .grp02 a{ color:#000000; line-height:16px;}
.class .part .grp02 a:hover{ color:#0a4d6a;cursor: pointer;}
.class .part .grp02 h5{ font-size:14px; font-weight:normal; color:#666;}
.class .part .grp02 .bk{margin-top: 8px;text-align: center;}
.class .part .grp02 .bk a{display: block;width:60%; padding: 6px 4px;background: #75c4ff;}
.class .part .grp02 .bk a:hover{background: #0a4d6a;color: #fff;}
.class .part .grp03{float:left; padding-right:20px; width:100px;text-align:center; }
.class .part .grp03 b{font-size:14px; font-weight:normal; color:#666;}
.class .part .grp04{float:left;width:700px;}
.class .part .grp04 a{float:left;width:700px; color:#000000; text-align: left;text-align: justify;text-justify:inter-ideograph;}
.class .part0{ width:100%;height: auto; padding:18px 0 2px; float:left; }
.class .part0 .grp02{float:left;width:120px; font-size:15px; }
.class .part0 .grp03{float:left; text-align:center; padding-right:20px; width:100px;}
.class .part0 .grp04{float:left;text-align:center; width:700px;font-size:15px; }


.add{background: #73cf80; height:20px; position: relative; width: 6px; float: left;}
.add:after {  background: #73cf80; content: "";  height:6px;position: absolute; top: 7px;  left: -7px; width: 20px;}
.add:hover{color:#61c06c;cursor: pointer;}

.selproject2 .fold{float: left; background: #f7f7f7; height: auto;padding-bottom: 20px;margin: 60px 0;}
.selproject2 .fold .seletable {padding: 18px 26px;}
.selproject2 .fold .seletable p{font-size: 16px;letter-spacing: 1px;}
.selproject2 .fold .seletable .more a{ float: right;text-decoration: underline; color: #000;}
.selproject2 .fold .tj{margin: 20px 20px 40px 20px;}
.selproject2 .fold .tj a{display:block;}
.selproject2 .fold .tj p{float: left;font-size: 24px;letter-spacing:1px; color: #424242; line-height: 16px;margin-left: 20px;}
.selproject2 .fold .button{margin-left: 30px;}
.clssmate {float: left;}
.clssmate .fusion{position: relative;float: left; }
.clssmate .fusion .focusbox{ position:relative;float: left;margin-top: 28px;}
.clssmate .fusion .focusimg{ width:900px; height:318px;border: 1px solid #ccc; position:relative; overflow:hidden;-webkit-perspective: 1300px;}
.clssmate .fusion .fimglist{width:993000px; position:relative;-moz-perspective: 1300px;}
.clssmate .fusion .fimglist img{display:block; width:900px; height:318px; cursor:pointer;}
.clssmate .fusion .fimglist li{width:900px; height:318px; float:left;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;}
.clssmate .fusion .fimglist li.onpre{-webkit-animation:onpre .5s ease-in-out;animation:onpre .5s ease-in-out;opacity:0;-webkit-transform:scale(0.8,0.8);transform:scale(0.8,0.8);}
.clssmate .fusion .focustool{width:900px; overflow:hidden; padding:5px 0px; margin:0 auto; position:relative;}
.clssmate .fusion .ftoollist{width:46550px; position:relative;}
.clssmate .fusion .ftoollist img{display:block; width:100px; border: 1px solid #ccc;}
.clssmate .fusion .ftoollist a{ display:block; width:80px; position:relative;-webkit-transition:all .3s linear;transition:all .3s linear;}
.clssmate .fusion .ftoollist li{float:left; cursor:pointer; -webkit-transition:all .3s linear; transition:all .3s linear;margin-right: 30px;}
.clssmate .fusion .ftoollist a:hover{ z-index:100;}
.clssmate .matetitle{float: left; margin: 20px 0 0 60px;}
.clssmate .matetitle .title{font-size: 42px; letter-spacing: 2px;padding-bottom: 210px;}
.clssmate .matetitle .button{float: right;}
.clssmate .matetitle .button a{font-size: 20px;letter-spacing: 1px; padding: 6px 20px;color: #fff; background: #3b62e1;}
.connotice .cont{float: left;margin: 20px 0 40px 0;padding-bottom: 40px;width: 100%; border-bottom: 1px solid #8c8c8c;} 
.connotice .cont .cl1{float: left;border-left: 1px solid #8c8c8c;width: 300px;height:120px; padding-left: 20px;}
.connotice .cont .cl1:first-child {border-left: none;padding-left: 0px;}
.connotice .cont .cl1 li:first-child{font-size: 20px;line-height:60px;}
.connotice .cont .cl1 li{font-size: 16px;line-height:24px;}
.connotice .cont h2{font-size: 28px;color: #1a79fa;letter-spacing: 2px; margin-bottom: 20px;}
.connotice .cont p{font-size: 16px;line-height: 30px; text-indent:40px;text-align: justify;text-justify:inter-ideograph;}
.connotice .cont>ul {padding-left: 40px;}
.connotice .cont>ul li{list-style-type:disc; font-size: 16px;line-height:24px;}

/*--------研究中心----------*/
.duction .mrt68{padding-top: 68px;}
.duction .title{ font-size:28px; color:#000; font-weight:600; margin-bottom:26px; height:30px; letter-spacing:4px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;border-bottom:1px solid #cccccc; width:100%; clear:both;display:inline-block; padding-bottom:58px;  }
.duction .center .research .research_img{float: left; width:512px; height: 236px; border:1px solid #8c8c8c; box-shadow: 1px 1px 5px #888888;}
/*.duction .center .research .research_img:hover{cursor: pointer;box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.5);}
*/.duction .center .research .img1{background: url(../rcenter/images/logo.jpg); }
.duction .center .research .img2{background: url(../rcenter/images/logo2.jpg); }
.duction .center .research .img3{background: url(../rcenter/images/logo3.jpg); }
.duction .center .research .research_tit{width: 660px; float: left;margin-left: 40px;}
.duction .center .research .research_tit .tir{font-size: 22px;padding-bottom: 20px;text-indent:0px;}
.duction .center .research .research_tit p{font-size:16px;text-align: justify;text-justify:inter-ideograph; line-height: 32px; text-indent:40px;letter-spacing: 0.2px;}
.duction .center .research .research_tit a{float: right;font-size: 15px;color: #1e60ae;margin-top: 18px;}
.omit{overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:3; }
.omit2{overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:5; }
.duction .center .research{float: left;margin: 0 auto;width:1250px;}
.duction .center .research>.tir{font-size: 30px;text-align: center;margin: 28px 0 28px 0; }
.duction .center .research>.build{width: 1250px; height: 710px; }
.duction .center .research>.support{width: 1250px; height: 208px;border: 2px solid #8c8c8c;padding-top: 60px; vertical-align: middle; margin-bottom: 68px;}

/*.topmenu_wraper.style2,.container_wraper.style2,.footer_wraper.style2,.header_wraper.style2,.swiper-container.style2{ width:1540px;}
*/


/*--------课程项目——学生课程----------*/
 .stuarea .search_wraper{ width:350px; height:36px; }
 .stuarea .search{ width:calc(100% - 2px); height:inherit; border:1px solid #000000;}
 .stuarea .search_l{ width:calc(100% - 65px); height:inherit; float:left;}
 .stuarea .search_l input{ width:100%; height:34px; padding:10px; border:0; font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, Sans-Serif; vertical-align:middle; color:#686868; font-size: 15px;}
 .stuarea .search_r{ width:46px; height:34px; float:right;}
 .stuarea .search_r .btn_search{ background-color:#636363; display:inline-block; width:inherit; height:inherit; cursor:pointer; position:relative;}
 .stuarea .search_r .btn_search:before{ position:absolute; content:''; background:url(../images_otk/icon.png) 0 0 no-repeat; width:20px; height:20px; left:50%; top:50%; margin-left:-10px; margin-top:-10px;}

.classify_wrap{margin-top: 20px;}
.classify_wrap tr{font-size: 16px;color:#000 ;border-bottom: 1px solid #b0b0b0;}
.classify_wrap tr td:first-child{background: #0a4d6a; color: #fff;width: 134px;}
.classify_wrap tr td{padding-left: 8px;}
.classify_wrap tr td a{float: left;margin:0 12px 0 8px;}
.classify_wrap tr td a:hover{color: #0a4d6a;}



#container{ width:926px;  margin:0 auto; padding-bottom:20px; background:#fff;clear: both;}
/*box01*/
.box01{ width:926px; height:31px; }
.box01 .part{padding-top:6px; height:23px;width:124px; margin:1px;float:right;}
.box01 .part a{display:block; float:right; width:43px; height:26px;border: 1px solid #000;text-align: center;line-height:24px;color: #000;}
.box01 .part a:hover{background: #84d9fe;}
.box01 .part .a1{ }
.box01 .part .a1:hover{cursor: pointer;}
.box01 .part .a2{}
.box01 .part .a2:hover{cursor: pointer;}
.box01 .part2{padding-top:6px; height:23px; padding-right:16px; width:700px; margin:1px;float:left;}
.box01 .part2 a{ font-size: 14px;text-align: center;line-height:24px;display: block;width:90px; height:26px;border: 1px solid #000;margin-right: 5px; float:left; }
.box01 .part2 a:hover{background: #84d9fe;}
.box01 .part2 p{ margin-left: 8px;float:left; }
.box01 .part2 img{margin:6px 0 0 4px;}





/* 学生活动*/
.rightclass .enjoy{float:left;margin-top: 100px;margin-left: 8px;position: relative;}
.rightclass .enjoy ul{width: 280px;}
.rightclass .enjoy ul li{font-size: 20px;margin-bottom: 20px;letter-spacing: 1px;}
.rightclass .enjoy .button a{font-size: 22px;color: #fff;text-align: center;display: block;width: 160px;height: 60px;line-height: 60px; vertical-align: middle; background: #61cd56;}
.rightclass .enjoy .button a:hover{display:inline-block;cursor: pointer;}
.rightclass .fusion{position: relative;}
.rightclass .fusion .focusbox{ position:relative;float: right;margin-top: 28px;}
.rightclass .fusion .focusimg{border:1px solid #8c8c8c; width:610px; height:436px; position:relative; overflow:hidden;-webkit-perspective: 1300px;}
.rightclass .fusion .fimglist{width:99300px; position:relative;-moz-perspective: 1300px;}
.rightclass .fusion .fimglist img{display:block; width:610px; height:436px; cursor:pointer;}
.rightclass .fusion .fimglist li{width:610px; height:436px; float:left;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;}
.rightclass .fusion .fimglist li.onpre{-webkit-animation:onpre .5s ease-in-out;animation:onpre .5s ease-in-out;opacity:0;-webkit-transform:scale(0.8,0.8);transform:scale(0.8,0.8);}
@-webkit-keyframes onpre{
	0%{opacity:1;-webkit-transform:rotateY(0deg);}
	100%{opacity:0;-webkit-transform:rotateY(90deg)}
}
@keyframes onpre{
	0%{opacity:1;transform:rotateY(0deg);}
	100%{opacity:0;transform:rotateY(90deg)}
}
.rightclass .fusion .focustool{width:610px; overflow:hidden; padding:5px 0px; margin:0 auto; position:relative;}
.rightclass .fusion .ftoollist{width:4655px; position:relative;}
.rightclass .fusion .ftoollist img{display:block; width:78px; }
.rightclass .fusion .ftoollist a{ display:block; width:80px; position:relative;-webkit-transition:all .3s linear;transition:all .3s linear;border: 1px solid #8c8c8c;}
.rightclass .fusion .ftoollist li{float:left; cursor:pointer; -webkit-transition:all .3s linear; transition:all .3s linear;margin-right: 12px}
.rightclass .fusion .ftoollist a:hover{ z-index:100;}

.rightclass >.connt{font-weight: normal;margin:60px 0;clear: both;padding-bottom: 40px; border-bottom: 1px solid #8c8c8c;}
.rightclass >.connt .text{margin-bottom: 40px;}
.rightclass >.connt p:not(:first-child){font-size: 16px;text-indent:32px;line-height: 25px;margin-bottom: 20px; text-align: justify;text-justify:inter-ideograph;}
.rightclass >.connt ul{margin: -10px 0 0 60px;font-size: 16px;}
.rightclass >.connt ul li{line-height: 24px;}


.connt .out{ border-top:40px #fff solid;/*上边框宽度等于表格第一行行高*/
            width:0px;/*让容器宽度为0*/
            height:0px;/*让容器高度为0*/
            border-left:60px #fff solid;/*左边框宽度等于表格第一行第一格宽度*/
            position:relative;/*让里面的两个子容器绝对定位*/
        }
.rightclass >.connt >.table{border-collapse:collapse;border:1px #525152 solid;width:100%;margin:0 auto;}
.rightclass >.connt >th,td{padding:0 6px; font-size:14px;line-height:30px;}
.rightclass >.connt b{font-style:normal;display:block;position:absolute;top:-40px;left:-40px;width:60px;}
.rightclass >.connt em{font-style:normal;display:block;position:absolute;top:-28px;left:-60px;width:55x;}
.rightclass >.connt en{font-style:normal;display:block;position:absolute;top:-12px;left:-80px;width:35x;}
.rightclass .resource {border-bottom: 1px solid #8c8c8c;margin-bottom: 60px;}
.rightclass .resource .tir{font-size: 26px;margin-top: 20px;text-align: center; line-height: 60px;}
.rightclass .resource .video{padding-bottom: 50px;}
.rightclass .resource .bg{height: 220px;background: #2a7588;margin-bottom: 40px;padding:32px  66px }
.rightclass .resource .bg .box{width: 324px;height: 156px;background: #fff;float: left;border-top: 8px solid #ff9600;text-align:center; line-height: 130px;}
.rightclass .resource .bg .box:first-child{margin-right: 140px;}
.rightclass .resource .bg .box a{font-size: 24px;color: #000; text-decoration:underline;letter-spacing: 1px;}
.rightclass .resource .bg .box a:hover{color: #0a4d6a; }

.rightclass .personal h1{text-align: center;font-size: 26px;margin: 20px 0;}
.rightclass .personal h2{font-size: 22px;margin: 20px 0;}
.rightclass .personal .word{margin-left: 40px;height: 56px; vertical-align: middle; box-sizing: border-box; display: block; }
.rightclass .personal .word img{padding: 6px 12px 0 0;  display: inline-block; box-sizing: border-box; vertical-align: middle;}
.rightclass .personal .word a{font-size: 18px;padding-top: -12px;}
.rightclass .personal .word span{  display: inline-block;  box-sizing: border-box; vertical-align: middle;}

.rightclass .agency h1{text-align: center;font-size: 26px;margin: 20px 0;}
.rightclass .agency h2{font-size: 22px;margin: 20px 0;}
.rightclass .agency .button{text-align: center; display: block;margin: 30px 0;}
.rightclass .agency .button a{text-align: center; padding: 6px 16px;background: #36a5d2; color: #fff;}
.rightclass .agency .word{margin-left: 40px;height: 56px; vertical-align: middle; box-sizing: border-box; display: block; }
.rightclass .agency .word img{padding: 6px 12px 0 0;  display: inline-block; box-sizing: border-box; vertical-align: middle;}
.rightclass .agency .word a{font-size: 18px;padding-top: -12px;}
.rightclass .agency .word span{  display: inline-block;  box-sizing: border-box; vertical-align: middle;}









/* 学术研究-----书籍推荐*/
/*分页*/
#eg{position:inherit;width:286px;margin: 0 auto;float: right; text-align: right;}
.m-style{text-align:center;zoom:1;clear: both;margin-bottom:80px;padding-top: 60px;} 
.m-style:before,.m-style:after{content:"";display:table;}
.m-style:after{clear:both;overflow:hidden;}
.m-style span{float:left;margin:0 5px;width:38px;height:38px;line-height:38px;color:#000;font-size:14px;border-radius:12px;}
.m-style .active{float:left;margin:0 5px;width:38px;height:38px;line-height:38px;background:#bfbfbf;color:#fff;font-size:14px;border:1px solid #bfbfbf;}
.m-style a{float:left;margin:0 5px;width:38px;height:38px;line-height:38px;background:#ebebeb;color:#000;font-size:14px;border-radius:12px;}
.m-style a:hover{color:#fff;background:#bfbfbf;}
.m-style .next,.m-style .prev{font-family:"Simsun";font-size:16px;font-weight:bold; width: 80px;}
.classify_wrap .eg{}
/*css msdn style pagination*/
div.msdn{padding:4px 6px 4px 0;font-size:15px;color:#313031;font-family:verdana,tahoma,arial,helvetica,sans-serif;background-color:#fff;text-align:right;margin: 40px 0;}
div.msdn a{border-radius:10px;background:#eeeeee;padding:9px 13px;margin:0px 3px;color:#161616;text-decoration:none;}
div.msdn a:hover{color:#fff;background-color:#bfbfbf;}
div.msdn a:link{color:#fff;background-color:#bfbfbf;}
div.pagination a:active{color:#fff;background-color:#bfbfbf;}
div.msdn .current{padding:9px 13px;margin:0px 3px;color:#fff;background-color:#bfbfbf;border-radius:10px;}
div.msdn .disabled{display:none;}

.rightclass .conntion:not(:last-child){margin: 40px 0 0; padding-bottom: 40px; border-bottom: 1px solid #8c8c8c;float: left;}
.rightclass .conntion{margin: 40px 0 0; padding-bottom:100px;float: left;}
.rightclass .conntion .book {float: left;}
.rightclass .conntion .book img{width: 230px;}
.rightclass .conntion .bcont{float: right;width:640px;margin-left:35px;}
.rightclass .conntion .bcont>h2{font-size: 22px;font-weight: 500;padding: 0 0 28px;}
.rightclass .conntion .bcont p{font-size: 16px;line-height: 32px;text-indent: 40px;letter-spacing: 0.2px;text-align: justify;text-justify:inter-ideograph; }

.conntion .bcont >.button{float:right;margin:0 auto;padding-top: 50px;}
.conntion .bcont >.button a{display: block;background-color: #0a7cb0;width:72px;height:34px;font-size:18px; color: #fff;text-align: center;line-height:32px;letter-spacing: 2px;}

.container .text {margin-top: 30px;}
.container .text .title{ font-size:28px; color:#000; font-weight:500;  height:30px; letter-spacing:1px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;border-bottom:1px solid #cccccc; width:100%; clear:both;display:inline-block; padding-bottom:48px;  }

.connotice>.fusion{position: relative;}
.connotice>.fusion .focusbox{ position:relative;float: left;margin-top: 28px;}
.connotice>.fusion .focusimg{ width:272px; height:350px; position:relative; overflow:hidden;-webkit-perspective: 1300px;}
.connotice>.fusion .fimglist{width:99300px; position:relative;-moz-perspective: 1300px;}
.connotice>.fusion .fimglist img{display:block; width:272px; height:350px; cursor:pointer;}
.connotice>.fusion .fimglist li{width:272px; height:350px; float:left;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;}
.connotice>.fusion .fimglist li.onpre{-webkit-animation:onpre .5s ease-in-out;animation:onpre .5s ease-in-out;opacity:0;-webkit-transform:scale(0.8,0.8);transform:scale(0.8,0.8);}
.connotice>.fusion .focustool{width:272px; overflow:hidden; padding:5px 0px; margin:0 auto; position:relative;}
.connotice>.fusion .ftoollist{width:4655px; position:relative;}
.connotice>.fusion .ftoollist img{display:block; width:30px; }
.connotice>.fusion .ftoollist a{ display:block; width:50px; position:relative;-webkit-transition:all .3s linear;transition:all .3s linear;}
.connotice>.fusion .ftoollist li{float:left; cursor:pointer; -webkit-transition:all .3s linear; transition:all .3s linear;margin-right: 12px}
.connotice>.fusion .ftoollist a:hover{ z-index:100;}


.book_right{margin: 28px 0 0 48px;position:relative;float: left;width: 920px;}
.book_right .bookintro .title{font-size: 24px;margin-bottom: 24px;}
.book_right .bookintro .intro p{font-size: 16px;margin-bottom: 10px;}
.book_right .bookintro .button{float:left;padding-top: 18px;}
.book_right .bookintro .button a{display: block;background-color: #0a7cb0;width:150px;height:42px;font-size:18px; color: #fff;text-align: center;line-height: 42px;letter-spacing: 2px;}
.book_right .content{float: left;padding: 36px 0 40px; }
.book_right .content .title{font-size: 24px;margin-bottom: 24px;}
.book_right .content p {font-size: 16px;margin-bottom: 14px;text-indent: 40px;letter-spacing: 0.2px;text-align: justify;text-justify:inter-ideograph;line-height: 30px;}


.spread_btn{ position:relative; font-size: 16px; width:100%; color: #1e60ae; cursor:pointer; height:35px; line-height:35px; text-align:right; background-color:#fff;}
.spread_btn:after{  content:'>> 展开';}
.spread_btn1{ position:relative;}
.spread_btn1:after{ content:'>> 收起'; }

/* 学术研究-----课题项目*/
.rightclass .left{float: left; margin: 30px 20px;width: 458px;}
.rightclass .left .projbig{margin-bottom: 30px;}
.rightclass .test{font-size: 22px;}
.rightclass .projbig .button{display: block;float: right;margin: 12px 0px 38px 0px;}
.rightclass .projsmall .button{display: block;float: right;margin: 12px 0px 38px 0px;}
.rightclass .projbig .button a{font-size:20px;line-height: 32px; color: #fff;background: #0a7cb0;padding: 6px 10px;letter-spacing: 1px;}
.rightclass .projsmall .button a{font-size:20px;line-height: 32px; color: #fff;background: #0a7cb0;padding: 6px 10px;letter-spacing: 1px;}
.rightclass .right{float: left;margin: 30px 0px 30px 50px;width: 354px;}
.project h1{text-align: center;font-size: 26px;margin: 20px 0;}
.project p{font-size: 16px;line-height: 28px; text-indent:40px;text-align: justify;text-justify:inter-ideograph;}
.project h2{font-size:16px;margin: 20px 0;color: #0a7cb0;}
.bluebook {margin-top: 30px;}
.bluebook p{font-size: 16px;line-height: 28px; text-indent:40px;text-align: justify;text-justify:inter-ideograph;}
.bluebook h2{font-size:20px;margin: 20px 0;}
.bluebook h3{font-size:20px;margin: 20px 0;color: #0a7cb0;}
.bluebook ul li{list-style-type: disc;margin-left: 60px;font-size: 16px;line-height: 30px;}

.charter h1{text-align: center;font-size: 26px;margin: 20px 0;}
.charter h5{text-align: center;font-size: 20px;font-weight: normal; }
.charter p{font-size: 16px;line-height: 28px; text-indent:40px;text-align: justify;text-justify:inter-ideograph;}

.box02 .people{float: left;margin:28px; }
.box02 .people p{text-align: center; font-size: 18px;line-height:30px;}
.box02 .people .link a{color: #000;}
/*首页滚动图*/
.rightclass .creatform .button{display: block;float: right;margin: 12px 0px 38px 0px;}
.rightclass .creatform .button a{font-size: 20px;line-height: 47px; color: #fff;background: #0a7cb0;padding: 2px 10px;letter-spacing: 1px;}



/*首页滚动图*/
.slider-pro{position:relative;margin:0 auto;-moz-box-sizing:content-box;box-sizing:content-box;}
.sp-slides-container{position:relative}
.sp-mask{position:relative;overflow:hidden}
.sp-slides{position:relative;-webkit-backface-visibility:hidden;-webkit-perspective:1000;}
.sp-slide{position:absolute;background: #e0ebef;}
.sp-image-container{overflow:hidden}
.sp-image{position:relative;display:block;border:none;}
.sp-no-js{overflow:hidden;max-width:100%}.sp-thumbnails-container{position:relative;overflow:hidden;direction:ltr}.sp-bottom-thumbnails,.sp-top-thumbnails{left:0;margin:0 auto}.sp-top-thumbnails{position:absolute;top:0;margin-bottom:4px}.sp-bottom-thumbnails{margin-top:4px}.sp-left-thumbnails,.sp-right-thumbnails{position:absolute;top:0}.sp-right-thumbnails{right:0;margin-left:4px}.sp-left-thumbnails{left:0;margin-right:4px}.sp-thumbnails{position:relative}.sp-thumbnail{border:none}.sp-thumbnail-container{position:relative;display:block;overflow:hidden;float:left;-moz-box-sizing:border-box;box-sizing:border-box}.sp-rtl .sp-thumbnail-container{float:right}.sp-bottom-thumbnails .sp-thumbnail-container,.sp-top-thumbnails .sp-thumbnail-container{margin-left:2px;margin-right:2px}.sp-bottom-thumbnails .sp-thumbnail-container:first-child,.sp-top-thumbnails .sp-thumbnail-container:first-child{margin-left:0}.sp-bottom-thumbnails .sp-thumbnail-container:last-child,.sp-top-thumbnails .sp-thumbnail-container:last-child{margin-right:0}.sp-left-thumbnails .sp-thumbnail-container,.sp-right-thumbnails .sp-thumbnail-container{margin-top:2px;margin-bottom:2px}.sp-left-thumbnails .sp-thumbnail-container:first-child,.sp-right-thumbnails .sp-thumbnail-container:first-child{margin-top:0}.sp-left-thumbnails .sp-thumbnail-container:last-child,.sp-right-thumbnails .sp-thumbnail-container:last-child{margin-bottom:0}.sp-right-thumbnails.sp-has-pointer{margin-left:-13px}.sp-right-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;left:18px;margin-left:0!important}.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid red;left:0;top:0;margin-left:13px}.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:0;top:50%;margin-top:-8px;border-right:13px solid red;border-top:8px solid transparent;border-bottom:8px solid transparent}.sp-left-thumbnails.sp-has-pointer{margin-right:-13px}.sp-left-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;right:18px}.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid red;right:0;top:0;margin-right:13px}.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;right:0;top:50%;margin-top:-8px;border-left:13px solid red;border-top:8px solid transparent;border-bottom:8px solid transparent}.sp-bottom-thumbnails.sp-has-pointer{margin-top:-13px}.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;top:18px;margin-top:0!important}.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid red;top:0;margin-top:13px}.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;top:0;margin-left:-8px;border-bottom:13px solid red;border-left:8px solid transparent;border-right:8px solid transparent}.sp-top-thumbnails.sp-has-pointer{margin-bottom:-13px}.sp-top-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;bottom:18px}.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid red;bottom:0;margin-bottom:13px}.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;bottom:0;margin-left:-8px;border-top:13px solid red;border-left:8px solid transparent;border-right:8px solid transparent}.sp-layer{position:absolute;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-font-smoothing:subpixel-antialiased;-webkit-backface-visibility:hidden}.sp-black{color:#FFF;background:#000;background:rgba(0,0,0,.7)}.sp-white{color:#000;background:#fff;background:rgba(255,255,255,.7)}.sp-rounded{border-radius:10px}.sp-padding{padding:10px}.sp-grab{cursor:url(images/openhand.cur),move}.sp-grabbing{cursor:url(images/closedhand.cur),move}.sp-selectable{cursor:default}.sp-caption-container{text-align:center;margin-top:10px}.sp-full-screen{margin:0!important;background-color:#000}.sp-full-screen-button{position:absolute;top:5px;right:10px;font-size:30px;line-height:1;cursor:pointer;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.sp-full-screen-button:before{content:'\2195'}.sp-fade-full-screen{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.slider-pro:hover .sp-fade-full-screen{opacity:1}.sp-buttons{position:relative;width:100%;text-align:center;padding-top:10px}.sp-rtl .sp-buttons{direction:rtl}.sp-full-screen .sp-buttons{display:none}.sp-button{width:10px;height:10px;border:2px solid #000;border-radius:50%;margin:4px;display:inline-block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.sp-selected-button{background-color:#000}@media only screen and (min-width:768px) and (max-width:1024px){.sp-button{width:14px;height:14px}}@media only screen and (min-width:568px) and (max-width:768px){.sp-button{width:16px;height:16px}}@media only screen and (min-width:320px) and (max-width:568px){.sp-button{width:18px;height:18px}}.sp-arrows{position:absolute}.sp-fade-arrows{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.sp-slides-container:hover .sp-fade-arrows{opacity:1}.sp-horizontal .sp-arrows{width:100%;left:0;top:50%;margin-top:-15px}.sp-vertical .sp-arrows{height:100%;left:50%;top:0;margin-left:-10px}.sp-arrow{position:absolute;display:block;width:20px;height:30px;cursor:pointer}.sp-vertical .sp-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sp-horizontal .sp-previous-arrow{left:20px;right:auto}.sp-horizontal .sp-next-arrow,.sp-horizontal.sp-rtl .sp-previous-arrow{right:20px;left:auto}.sp-horizontal.sp-rtl .sp-next-arrow{left:20px;right:auto}.sp-vertical .sp-previous-arrow{top:20px}.sp-vertical .sp-next-arrow{bottom:20px;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sp-next-arrow:after,.sp-next-arrow:before,.sp-previous-arrow:after,.sp-previous-arrow:before{content:'';position:absolute;width:50%;height:50%;background-color:#FFF}.sp-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg,0deg);-ms-transform:skew(145deg,0deg);transform:skew(145deg,0deg)}.sp-arrow:after{left:30%;top:50%;-webkit-transform:skew(-145deg,0deg);-ms-transform:skew(-145deg,0deg);transform:skew(-145deg,0deg)}.sp-horizontal.sp-rtl .sp-previous-arrow,.sp-next-arrow{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sp-horizontal.sp-rtl .sp-next-arrow{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}


/*案例展示----校本课程*/
.case .box01 .sort{margin-top: -20px;float: left; }
.case .box01 .sort ul li:first-child{float: left; display: block; padding: 10px 20px;background: #0a4d6a;font-size: 18px;color: #fff;}
.case .box01 .sort ul li:not(first-child){float: left;  padding: 10px 20px;font-size: 18px;}
.case .box01 .sort ul li:not(first-child) a:hover{color: #0a4d6a;}
.case .connt {margin-top: 30px;}
.case .connt h4{font-size: 26px;font-weight: 200; display: inline-block; padding: 6px 10px;background: #0a4d6a;color: #fff;letter-spacing: 2px;margin-bottom: 20px;}
.case .button{float: right;font-size: 18px;background: #0a4d6a;letter-spacing: 2px;}
.case .button a{display:block;padding: 4px 12px; color: #fff;}
.case .button a:hover{}
/*案例展示----教学研究*/
.teaching .connt .table{ margin: 0 auto;}
.teaching .connt .table tr{font-size: 18px;height: 50px;}
.teaching .connt .table tr td a{color: #1c4db7;}


/*相关链接*/
.aboutlink{ width:100%;padding-bottom:60px; margin-top:42px;clear: both;position: relative; overflow: hidden;}
.aboutlink .content{ width:100%;margin: 0 auto;text-align: center; }
.aboutlink .content ul{overflow: hidden;font-size: 26px;height:80px; display: flex; flex-direction: row;  justify-content: center;}
.aboutlink .content ul li{float: left; width:calc(26% - 20px); display: block;list-style: none; height: 80px; line-height: 80px;}
.aboutlink .content ul li:not(:first-child){border-left: 1px solid #8c8c8c;}
.aboutlink .content ul li a{color: #000;}
.aboutlink .connt .text{font-family:'Microsoft Yahei', Arial, Tahoma, Verdana, Sans-Serif;font-size: 32px;font-weight: bold;margin-bottom: 40px;text-align: center;}
.aboutlink .connt h4{font-size: 26px;font-weight: 200; display: inline-block; padding: 6px 20px;background: #0a7cb0;color: #fff;letter-spacing: 2px;margin: 60px 0 28px;}
.aboutlink .connt h2{font-family:'Microsoft Yahei', Arial, Tahoma, Verdana, Sans-Serif;font-size: 22px;font-weight: 200;color: #0a7cb0;margin-top: 18px; }
.aboutlink .connt p{font-family:'Microsoft Yahei', Arial, Tahoma, Verdana, Sans-Serif;font-size: 18px;text-indent: 40px;line-height: 32px; text-align: justify;text-justify:inter-ideograph;}
.aboutlink .connt .button{font-family:'Microsoft Yahei', Arial, Tahoma, Verdana, Sans-Serif;float: right;font-size: 18px;background: #0a4d6a;letter-spacing: 2px;margin-top: 60px;}
.aboutlink .connt .button a{font-family:'Microsoft Yahei', Arial, Tahoma, Verdana, Sans-Serif;display:block;padding: 4px 12px; color: #fff;}
.aboutlink .connt .video{float: left;width: 33%; margin-top: 10px;}
.aboutlink .connt .video h6{font-size:20px;text-indent: 0px;color: #0c2d7a;}
.aboutlink .connt .video p{font-size: 14px;text-indent: 0px;color: #615f60;}

/*--------课程项目——教师课程----------*/
.box02 h1{text-align: center;}
.zhank_btn{clear: both; display: block;padding: 6px 20px;width: 120px;margin:0 auto; background: #0a7cb0; height: auto;  font-size: 18px;  color:#fff;  text-decoration: none; text-align: center;margin-bottom: 50px;}
.zhank_btn:after{  content:'阅读更多';}
.zhank_btn1{}
.zhank_btn1:after{ content:'收起'; }



/*  分页 */
.holder{margin:15px 0; float: right;}
.holder a{font-size:15px;cursor:pointer;margin:0 5px;padding: 6px 10px; color:#000;background-color: #eeeeee; border-radius: 6px;}
.holder a:hover{background-color:#bfbfbf;color:#fff;}
.holder a.jp-previous{margin-right:15px;}
.holder a.jp-next{margin-left:15px;}
.holder a.jp-current,a.jp-current:hover{color:#FF4242;font-weight:bold;}
.holder a.jp-disabled,a.jp-disabled:hover{color:#bbb;}
.holder a.jp-current,a.jp-current:hover,.holder a.jp-disabled,a.jp-disabled:hover{cursor:default;background-color:#bfbfbf;color:#fff;}
.holder span{margin:0 5px;}
div#container { }
div#author { background: #F0F2EB; margin-bottom: 20px; padding: 10px 20px;font-style: italic;font-size: 13px; color: gray; text-shadow: 0 1px white;}
div#author a { font-weight: bold; margin: 0 3px; }
/* Content */
div#content { float: left; width: 920px; }
/* Content -> Unordered Lists */
div#content ul#itemContainer { list-style: none; padding:0; margin: 20px 0;  }
div#content ul#itemContainer li { display: inline-block; margin: 5px; zoom: 1; *display:inline; }
div#content ul#itemContainer ll li img { vertical-align: bottom; width: 125px; height: 125px; }
/* Content -> author */
div#content.author img { margin-bottom: 50px; }
div#content.author img + p:before { content: '“'; font-size:65px; font-family: Georgia; position:absolute; top: -55px; color: #ccc; }
div#content.author p { width: 590px; position: relative; }
/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }


/*弹出视频*/
#demo1{width:1080px;height: 680px;background: #e5e5e5;display: none;text-align: center;}
#demo3{width:300px;height: 200px;background: #e5e5e5;display: none;text-align: center;}
.layerModel_mask{position:fixed;_position:absolute;z-index:9998;top:0px;left:0px;width:100%;_width:expression(document.body.clientWidth);height:100%;_height:expression(document.body.clientHeight);}
.layerModel_wrapper{color:#444; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.4); -moz-box-shadow:0 0 10px rgba(0,0,0,0.4); box-shadow:0 0 10px rgba(0,0,0,0.4);*border:10px solid #e5dfda;border:10px solid #e5dfda\0;border:10px solid rgba(0,0,0,0);}
/**.layerModel_wrapper{color:#444; border:8px solid #ededed; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.4); -moz-box-shadow:0 0 10px rgba(0,0,0,0.4); box-shadow:0 0 10px rgba(0,0,0,0.4);}**/
.layerModel_wrapper .layerModel_content{background: #fff; }
.layerModel_wrapper .layerModel_content h4{margin: 0;font-family: "Microsoft YaHei", Arial, sans-serif;-moz-user-select:none;}
.layerModel_ownContent{padding: 4px 10px;word-wrap:break-word;white-space:normal;}
.layerModel_wrapper .layerModel_title{ height:32px; line-height:32px; overflow:hidden; color:#666; padding:0 0 0 10px; font-size:14px; border-bottom:1px dotted #e5e5e5; }
.layerModel_wrapper .layerModel_closeBtn{ font-family:arial; font-size:18px; _font-size:12px; font-weight:700; color:#999; text-decoration:none; float:right; display: inline-block;width:24px;height: 32px;line-height: 32px;}
.layerModel_wrapper .layerModel_closeBtn:hover{ color:#333;}

.layerModel_wrapper .replaceClose {display: none;width:1px;height:1px;}
.layerModel_wrapper .btn_highlight,.layerModel_wrapper .btn_normal{ border:1px solid; border-radius:2px; cursor:pointer; font-family:"Microsoft yahei", Arial; float:right; font-size:12px; padding:0 12px; height:24px; line-height:24px; margin-bottom:10px; }
.layerModel_wrapper .btn_highlight{ background:#4787ed; background:-webkit-gradient(linear,center bottom,center top,from(#4787ed),to(#4d90fe)); background:-moz-linear-gradient(90deg, #4787ed, #4d90fe); border-color:#3079ed; color:#fff; }
.layerModel_wrapper .btn_normal{ margin-left:10px; border-color:#c3c3c3; background:#ececec; color:#333; background:-webkit-gradient(linear,center bottom,center top,from(#ececec),to(#f4f4f4)); background:-moz-linear-gradient(90deg,#ececec,#f4f4f4); }