html,body,form,h1,h2,h3,h4,h5,ul,dl,dt,dd,div,p,img,li{margin:0;padding:0;border:none;}
body{background:#E6E8F0;color:#333;font-family:Verdana, Helvetica, Arial, sans-serif;font-size:14px;text-align:left;}
a{color:#336699;text-decoration:none;}
a:hover{color:#61B3E6;text-decoration:underline;}
a:link,a:visited,a:active{text-decoration:none;}
a:hover{text-decoration:underline;}
h1, h2, h3, h4, h5, h6, h7 {line-height: 1.4em;margin: 0;padding: 0;text-align: left;color:#4d4d4d;}
h1,h2{letter-spacing: 1px;}h3,h4,h5,h6 {font-size: 12px;letter-spacing:0px;}
blockquote {margin:20px auto;background-color: #f6f6f6;border-left: 1em solid #336699;padding: 1em 1.5em 1em 1.5em;position: relative;line-height: 150%;text-indent: 10px;}
pre {margin:20px auto;padding:20px;background-color:#f6f6f6;white-space:pre-wrap;word-wrap:break-word;letter-spacing:0;font:14px/26px 'sans-serif';position:relative;border-left: 0.5em solid #D6D8D0;}

.cl{clear:both;height:0;overflow:hidden;line-height:0;}
.cle{*zoom:1;}
.cle:after{clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:".";}
.clearfix:after{clear:both;content:" ";display:block;height:0;}
.fr{float:right;}
.fl{float:left;}
.wrap{width:1210px;margin:0 auto;clear:both;}
.clear{clear:both;}
.top10 {margin-top:10px;}
.bot10 {margin-bottom:50px;}
.banner{overflow:hidden;width:100%;}
.speedbar{clear:both;background-color: #f6f6f6;padding:8px 20px 13px 10px;line-height: 22px;*zoom:1;overflow: hidden;height: 14px;font-size:14px;}
.list_top, .list_bt, .recommend{margin:0 auto;width:100%;overflow:hidden;text-align: center;}

#mainbg{padding:45px 5px 0 5px;background:#fff;border:1px solid;border-width:1px 1px 1px 1px;border-color:#C7C7C9 #C8C8CA #B2B2B4 #C7C7C9;min-height:900px; border:0\9;}
#main{position:relative;overflow:hidden;zoom:1;}
/*page nav*/
.pageinfo {padding-bottom: 20px; padding-top: 20px; text-align: center;font-size:16px;}
.pageinfo a {border-right: #eee 1px solid; padding-right: 10px; border-top: #eee 1px solid; padding-left: 10px; padding-bottom: 2px; margin: 2px; border-left: #eee 1px solid; color: #036cb4; padding-top: 2px; border-bottom: #eee 1px solid; text-DECORATION: none;}
.pageinfo a:hover {border-right: #999 1px solid; border-top: #999 1px solid; border-left: #999 1px solid; color: #666; border-bottom: #999 1px solid;}
.pageinfo a:active {border-right: #999 1px solid; border-top: #999 1px solid; border-left: #999 1px solid; color: #666; border-bottom: #999 1px solid;}
.pageinfo .current {border-right: #036cb4 1px solid; padding-right: 10px; border-top: #036cb4 1px solid; padding-left: 10px; FONT-WEIGHT: bold; padding-bottom: 2px; margin: 2px; border-left: #036cb4 1px solid; color: #fff; padding-top: 2px; border-bottom: #036cb4 1px solid; BACKGROUND-color: #036cb4;}
.pageinfo .disabled {display:none;}

.site-footer{display:block;width:100%;padding:20px 0;margin-top:10px;background:white;color:#6d6d6d}
.site-footer__links{margin:0 auto;}
.site-footer__links-list{margin:0;padding:0;border:0;margin-top:10px;}
.site-footer__links-list:before,.site-footer__links-list:after{content:" ";display:table}
.site-footer__links-list:after{clear:both}
.site-footer__links-list li{list-style-image:none;list-style-type:none;margin-left:0;white-space:nowrap;float:left;padding-left:4px;padding-right:4px}
.site-footer__links-list li:first-child{padding-left:0}
.site-footer__links-list li:last-child{padding-right:0}
.site-footer__links-list li.last{padding-right:0}
.site-footer__links-list>li{margin-right:5px;padding-right:7px;border-right:1px solid #6d6d6d;line-height:15px}
.site-footer__links-list>li:last-child{border-right:0}
.site-footer__links-list a{color:#336699;text-decoration:none}
.site-footer__links-list a:hover{color:#61B3E6}
.site-footer__social{margin-bottom:30px;margin-bottom:1.875rem;float:right}
.site-footer__social .button,.site-footer__social .modal__close{background:none}
.site-footer__social .button:last-child,.site-footer__social .modal__close:last-child{margin-right:0}
.site-footer__copyright{margin-top:10px;display:block;width:100%;}
.site-footer__copyright:before,.site-footer__copyright:after{content:" ";display:table}
.site-footer__copyright:after{clear:both}
.site-footer__copyright-info{float:left;margin-right:10px;}
.site-footer__copyright-info a{color:#939393}
.site-footer__copyright-info a:hover{color:#61B3E6}
.site-footer__copyright-links{float:left;}
.site-footer__copyright-links a{color:#939393}
.site-footer__copyright-links a:hover{color:#67c4b0}
.site-footer__copyright-links ul{margin:0;padding:0;border:0}
.site-footer__copyright-links ul:before,.site-footer__copyright-links ul:after{content:" ";display:table}
.site-footer__copyright-links ul:after{clear:both}
.site-footer__copyright-links ul li{list-style-image:none;list-style-type:none;margin-left:0;white-space:nowrap;float:left;padding-left:4px;padding-right:4px}
.site-footer__copyright-links ul li:first-child{padding-left:0}
.site-footer__copyright-links ul li:last-child{padding-right:0}
.site-footer__copyright-links ul li.last{padding-right:0}
.site-footer__copyright-links ul>li{margin-right:5px}


/*article list*/
.excerpt {border-bottom: 1px solid #eaeaea;padding: 10px 10px 10px 0;	overflow: hidden;}
.excerpt-1 {border-radius: 4px 4px 0 0}
.excerpt:hover {background-color: #FAFAFA;position: relative;z-index: 2;}
.excerpt .focus {float: left;margin-right:10px;}
.excerpt .thumb {width: 200px;height:150px;padding-left:5px;}
.excerpt header {margin-bottom: 10px;}
.excerpt h2 {display: inline;font-size: 1.2em;line-height: 24px;margin-top: 0;font-weight: bold;}
.excerpt h2 a:hover {color: #61B3E6;}
.excerpt .note {color: #999;word-wrap:break-word;line-height: 20px;}


.middle_bar {float:left;width:900px;}
.case_onpo03>a{display:inline-block;overflow:hidden;width:265px;height:199px;zoom:1;}
.case_onpo03{position:relative;float:left;display:inline;margin:5px 12px 25px 4px;padding:10px 8px;width:265px;border-radius:3px;background-color:#fafafa;-webkit-transition:all .32s ease-in-out;-moz-transition:all .32s ease-in-out;-o-transition:all .32s ease-in-out;transition:top 1s;transition:all .32s ease-in-out;-ms-transition:all .32s ease-in-out;}
.case_onpo03>.selected_course{width:90%;color:#E3E3E3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:20px;line-height:20px;}
.case_onpo03{margin:5px 0 25px 15px;}
.case_onpo03>a .sy_img{overflow:hidden;width:100%;height:100%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;}
.case_onpo03>a .sy_img,.course_box_img>img{overflow:hidden;width:100%;height:100%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;}
.case_onpo03:hover .sy_img,.tutorial_card_box:hover .course_box_img>img{-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-o-transform:scale(1.04);-ms-transform:scale(1.04);transform:scale(1.04);}

.zc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;}
.poiuyt_cion{margin-top:6px;}
.poiuyt_cion_lkj{padding-left:4px;}

.dian{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.poiuyt_q{max-width:240px;}
.fl:hover{background:0 0;}
.fz14{font-size:14px;}
.zq{color:#D1D1D1;}
.yc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;}
.hk{display:inline-block;}

.z64{color:#999;font-size:12px;padding-left:4px;}
.mt5{margin-top:5px;}
.hz{height:18px;line-height:18px;}


.entry{width:99%;margin:0 0 10px 5px;}
.entry h1{padding:0 0 5px 0;font-size: 1.4em;color:#336699;border-bottom:1px dotted #d1d1d1;}
.nr_info{clear:both;margin:0 auto;width:100%;overflow:hidden;text-align: center;}
.nr_ads{clear:both;float:left;margin-right:20px;}
.nr_body{padding:10px 10px;word-wrap:break-word;}
.nr_body ul{margin-left:30px;}
.nr_body p{line-height:30px;font-size:16px;}
.nr_body img {max-width:850px;width:expression(this.width>850 ? '850px' : true);}
.nr_body a{color:#61B3E6;}
.nr_body a:hover {color: #336699;text-decoration:underline;}
.nr_body h2{ font-size: 1.2em;color: #336699;font-weight: bold;border-bottom: 1px dotted #ddd;g-bottom: 5px;margin-bottom: 10px;margin-top: 10px;}
.body_showpic{overflow:hidden;text-align:center;}
.pro_img{ padding-bottom:10px;}
.pro_img img {max-width:850px;width:expression(this.width>850 ? '850px' : true);}
.tags {overflow: hidden;padding: 0 0 10px 0;}
.tags a {color: #999;background-color: #f6f6f6;margin: 0 0 1% 1%;padding: 10px 10px;height: 29px;line-height: 29px;overflow: hidden;}
.tags a:hover {color: #fff;background-color: #61B3E6;}
.nr_tag{display:block;height:50px; overflow:hidden;text-align:center;margin-top:10px;}
.nr_tag{text-decoration:none;text-shadow:0 1px white;background:#fafafa;border-width:1px;border-style:solid;border-color:#dadada #d2d2d2 #c5c5c5;border-radius:3px;background-image:-webkit-linear-gradient(top,#fcfcfc,#f0f0f0);background-image:-moz-linear-gradient(top,#fcfcfc,#f0f0f0);background-image:-o-linear-gradient(top,#fcfcfc,#f0f0f0);background-image:linear-gradient(to bottom,#fcfcfc,#f0f0f0);-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.7),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.7),0 1px 2px rgba(0,0,0,0.05);}
.nr_tag a{display:block;line-height:50px;text-decoration:none; font-size:14px;font-weight:bold;height:50px;}
.nr_tag a:hover{background-image:-webkit-linear-gradient(bottom,#fcfcfc,#f0f0f0);background-image:-moz-linear-gradient(bottom,#fcfcfc,#f0f0f0);background-image:-o-linear-gradient(bottom,#fcfcfc,#f0f0f0);background-image:linear-gradient(to top,#fcfcfc,#f0f0f0);text-decoration:none;}
.nr_down{clear:both;height:30px;}
.nr_down_l{float:left;width:430px;overflow:hidden; margin-top:10px;}


/* sticky=================*/
.sticky{width:99%;overflow: hidden;margin-bottom: 0;}
.sticky ul{list-style: none;padding: 0;padding-top:5px;overflow: hidden;}
.sticky li{width: 25%;float: left;margin-bottom: 20px;height: 210px;overflow: hidden;}
.sticky a:hover{color: #3399cc;}
.sticky ul.two { margin-top:5px;padding:0px 10px 10px;margin-bottom: 10px;}
.sticky ul.two li { float: left; margin: 4px 6px 3px 5px; width:48%;overflow: hidden; line-height: 20px; height: 20px; }
.sticky ul.two li a{display:inline}

/* widget ============= */
.right_bar {width:300px;}
.right_bar h3 {font-size:14px; color:#336699;border-bottom:1px dotted #d1d1d1;padding:0 0 8px 0;}
ul.slist {width:300px;}
ul.slist li {height:29px;line-height:29px;color:#333;border-bottom:#bbb 1px dotted;overflow:hidden;}
.index300 {width:300px;overflow:hidden;}
.search {width:300px;overflow:hidden;}

.widget {clear: both;position: relative;margin-bottom: 10px;overflow: hidden;}
.widget ul {*zoom: 1;list-style: none;padding: 0;margin: 0;}
.widget ul ul {border: none;}
.widget ul:before, .widget ul:after {display: table;content: "";line-height: 0}
.widget ul:after {clear: both}

/* widget_ui_posts ====================== */
.widget_ui_posts li:last-child a {border-bottom: none;}
.widget_ui_posts li a {padding: 10px 0px 10px 0px;color: #888;border-bottom: solid 1px #eee;overflow: hidden;position: relative;display: block;}
.widget_ui_posts li a:hover {background-color: #FAFAFA;}
.widget_ui_posts li a:hover .text {color: #61B3E6;text-decoration:underline;}
.widget_ui_posts .text {display: block;}
.widget_ui_posts .thumbnail {float: left;margin-right:10px;}
.widget_ui_posts .thumbnail img {width: 120px;height: 90px;}

/* widget_ui_tags =========== */
.widget_ui_tags .items {overflow: hidden;padding: 10px 0 0 0;}
.widget_ui_tags .items a {color: #999;background-color: #f6f6f6;float: left;width: 42%;margin: 0 0 1% 1%;padding: 0 10px;height: 29px;line-height: 29px;overflow: hidden;}
.widget_ui_tags .items a:hover {color: #fff;background-color: #61B3E6;}

.box-wrapper {width: 295px;font-style: italic;}
.title{display:block;height:40px; line-height:40px;font-size:14px;font-weight:bold;overflow:hidden;text-indent: 1.5em;color: #336699;margin-top:10px;text-shadow:0 1px white;background:#fafafa;border-width:1px;border-style:solid;border-color:#dadada #d2d2d2 #c5c5c5;border-radius:3px;-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.7),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.7),0 1px 2px rgba(0,0,0,0.05);}
.box-menu {border-width:0 1px 1px 1px;border-style:solid;border-color:#dadada #d2d2d2 #c5c5c5;border-radius:3px;}
.box-menu li {border-bottom: 1px solid #efeff0;width: 100%;height: 2.75em;line-height: 2.75em;text-indent: 1.5em;display: block;position: relative;}
.box-menu > li > span {display: inline-block;position: absolute;right: 1em;top: 50%; line-height: 1em;height: 1em;padding: .4em .6em;margin: -.8em 0 0 0; color: #336699;text-indent: 0;text-align: center;}

/*two col*/
.c2{width:100%;padding:4px 0px;overflow:hidden;clear:both;}
.c2 li{width:48%;margin-right:1%;float:left;height:27px;line-height:27px;overflow:hidden;}


/*navbar*/
.navbar-wrap{height:52px;position:fixed;top:0;margin: 0 auto;left: 0;right: 0;z-index: 1000;background-color:#4a4a4a;}
.navbar{height:52px;background-color:#4a4a4a;position:relative;*z-index:2;*zoom:1;max-width: 1220px;margin: 0 auto;}
.navbar:before,.navbar:after{display:table;content:"";line-height:0}
.navbar:after{clear:both}
.navbar .logo{float:left;width:150px;background:#F0F0F0 url("logo.png") no-repeat 50% 50%;height:52px;overflow:hidden;line-height:208px;font-size:18px;font-weight:bold;color:#fff;margin:0;*line-height: 0;*text-indent: -999;}
.navbar .logo a{height:52px;display:block;color:#fff;overflow:hidden}
.navbar .nav{position:relative;left:0;display:block;float:left;margin:0 10px 0 0;}
.navbar .nav.pull-right{float:right;margin-right:0}
.navbar .nav > li{position:relative;float:left;margin-right:1px;line-height:20px;padding-top:18px;font-size:14px;list-style:none;}
.navbar .nav li a{padding:16px 20px;color:#eeeeee;}
.navbar .nav .dropdown-toggle .caret{margin-top:8px}
.navbar .nav li a:focus,.navbar .nav li a:hover{background-color:#404040;color:#ffffff}
.navbar .nav .active a,.navbar .nav .active a:hover,.navbar .nav .active a:focus{color:#ffffff;background-color:#404040}
.navbar .nav li:hover > ul{display:block}

.navbar .nav ul li{font-size:10px;list-style:none;}
.navbar .nav > li > ul{padding-bottom:10px;text-align:left;position:absolute;top:52px;left:0;min-width:180px;z-index:10;display:none;}
.navbar .nav > li > ul > li > ul{padding-bottom:10px;text-align:left;position:absolute;top:0;left:100%;min-width:180px;z-index:10;display:none;}
.navbar .nav > li > ul > li{float:none;margin:0;position:relative;border-bottom:#bbb 1px dotted;}
.navbar .nav ul a{float:none;display:block;*min-width:100px;padding:5px 20px 4px;color:#eeeeee}
.navbar .nav ul a:hover,.navbar .nav li li.current-menu-item a{color:#ffffff}
.navbar .nav li li a:hover,.navbar .nav li li.current-menu-item a{background-color:#428bca}
.navbar .nav li:hover a,.navbar .nav li ul{background-color:#404040}
.navbar .btn-navbar{display:none;float:right;padding:5px 8px 6px;margin-left:5px;margin-right:5px;margin-top:11px;background-color:#404040}
.navbar .btn-navbar .icon-bar{display:block;width:18px;height:2px;background-color:#f9f9f9}
.btn-navbar .icon-bar + .icon-bar{margin-top:3px}
.navbar .dropdown-menu:before{content:'';display:inline-block;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);position:absolute;top:-5px;left:9px}
.navbar .dropdown-menu:after{content:'';display:inline-block;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #ffffff;position:absolute;top:-4px;left:10px}
.navbar .dropdown-menu.pull-right{left:auto;right:0}
.navbar .dropdown-menu.pull-right:before{left:auto;right:6px}
.navbar .dropdown-menu.pull-right:after{left:auto;right:7px}
.navbar .dropdown-menu.pull-right .dropdown-menu{left:auto;right:100%;margin-left:0;margin-right:-1px}
.navbar .menu{margin-right:20px;margin-top:11px}