html,body{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td{border:0 none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p{font-family:"Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "���ź�", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;}
ol,ul{list-style:none outside none;}
body{font-family:"Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "���ź�", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;}
a{text-decoration:none;}
.blue_bg{background-color:#428bca;}
.fl{float:left;}
.fr{float:right;}
.w-1200{padding: 0% 8% 0%;}
.p-20{padding:20px;}
#page{min-width:100%;}
.blue_button{background-color:#183B5B;}
.blue_button:hover{background-color:#102A43;}
.headline{color:#FFFFFF;font-size:24px;font-weight:700;line-height:0;margin-bottom:0;margin-left:35px;margin-top:50px;text-shadow:0 2px 0 rgba(0,0,0,0.1);line-height:25px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{ padding:0;}
/*ͷ��������ʼ*/
.topnav .open > a,.topnav .open > a:hover,.topnav .open > a:focus{background-color:#183B5B;}
.topnav{background-attachment:scroll;background-clip:border-box;background:#183B5B;/*background:-moz-linear-gradient(top,#1a4363 0%,#112a3f 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1a4363),color-stop(100%,#112a3f));background:-webkit-linear-gradient(top,#1a4363 0%,#112a3f 100%);background:-o-linear-gradient(top,#1a4363 0%,#112a3f 100%);background:-ms-linear-gradient(top,#1a4363 0%,#112a3f 100%);background:linear-gradient(to bottom,#1a4363 0%,#112a3f 100%);*/
background-origin:padding-box;background-position:0 0;background-repeat:repeat;background-size:auto auto;position:relative;z-index:103;color:#fff;}
.topnav #J_Menu li{padding:1.6em 3em;float:left;font-size:16px;-webkit-transform:translate3d(0,0,0);-webkit-transition-property:font-size,padding;-moz-transition-property:font-size,padding;-ms-transition-property:font-size,padding;-o-transition-property:font-size,padding;transition-property:font-size,padding;-webkit-transition-duration:1000ms,200ms;-moz-transition-duration:1000ms,200ms;-ms-transition-duration:1000ms,200ms;-o-transition-duration:1000ms,200ms;transition-duration:1000ms,200ms;-webkit-transition-timing-function:cubic-bezier(0,0,0.25,1);-moz-transition-timing-function:cubic-bezier(0,0,0.25,1);-ms-transition-timing-function:cubic-bezier(0,0,0.25,1);-o-transition-timing-function:cubic-bezier(0,0,0.25,1);transition-timing-function:cubic-bezier(0,0,0.25,1);}
@media only screen and (max-width: 1200px){
.topnav #J_Menu li{padding:1.6em 1em;}
}
@media only screen and (max-width: 767px){
.topnav #J_Menu li{padding:1.6em 1em;}
}
.topnav .nav_right{float:left;width:180px;padding-top:20px;}
.topnav #J_Menu li:hover{background:#102A43;}
/*ͷ����������*/
/*ԭheader.css����ʽ��ʼ*/
.modal-backdrop.in{opacity:.15;filter:alpha(opacity=15)}
*html header{position:absolute;left:0;top:0;}
.header{min-width:100%;position:fixed;top:0;left:0;right:0;height:70px !important;background:#183B5B;z-index:9;overflow:hidden;}
.header.small{height:45px !important;opacity:0.85;-moz-opacity:0.85;filter:alpha(opacity=85);}
.header.small div.wrapper{height:45px !important;}
.header.small ul#J_Menu li{font-size:14px !important;padding:15px 30px 15px 20px !important;}
#header_container{height:70px;}
/*logo*/
.topnav .logo_default,.topnav .logo a{width:200px;height:60px;float:left;margin-right:20px;display:block;color:#ffffff;font-family:"Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "���ź�", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;font-weight:normal;font-size: 28px;}
.topnav .logo_default{width:180px;margin-right:30px;}
.topnav .logo_https a, .topnav .logo_normal a:hover{background-position:0 -60px}
.topnav .logo_normal a, .topnav .logo_https a:hover{background-position: 0 0}
.header.small .topnav .logo_default{background-image:url(/images_demo/logo_small.png);height:40px;}
.header.small .topnav .logo a{background:url(/images_demo/logo_xsmall.png) no-repeat 0 0; width:140px;height:40px;}
.header.small .topnav .logo_normal a,
.header.small .topnav .logo_https a:hover{background-position: 0 0}
.header.small .topnav .logo_https a,
.header.small .topnav .logo_normal a:hover{background-position: 0 -41px}
/*/logo*/
.header.small .topnav .nav_right{width:140px;padding-top:10px;}
.header.small .topnav .nav_right .btn{padding:3px 6px !important;font-size:12px !important;}
.header-wrap{background:none repeat scroll 0 0 #183B5B;height:75px;position:relative;z-index:103;}
.header-wrap .header-inner{height:75px;margin:auto;}
.header-wrap .header-inner nav{clear:right;float:right;height:75px;overflow:hidden;width:72%;}
.header-wrap .header-inner nav ul{float:right;margin:0;width:100%;}
.header-wrap .header-inner nav ul li{float:left;font-size:16px;padding:27px 2%;}
.header-wrap .header-inner nav ul li h2{color:#FFFFFF;cursor:default;font-size:16px;font-weight:normal;}
.header-wrap .header-inner nav ul li.selected{background-color:#102A43;}
.header-wrap .header-inner .nav-right{float:right;padding-top:20px;width:100%;}
.header-wrap .header-inner .nav-right .uname{color:#183B5B;cursor:pointer;font-size:12px;height:28px;line-height:33px;}
.header-wrap .header-inner .nav-right .btn-login{border-radius:4px 4px 4px 4px;padding:6px 9%;position:relative;}
.header-wrap .header-inner .nav-right .login{background:none repeat scroll 0 0 #102A43;color:#FFFFFF;display:none;float:left;font-size:12px;padding:0 20px 0 10px;text-overflow:ellipsis;white-space:nowrap;width:50%;}
.header-wrap .header-inner .nav-right .login a{color:#FFFFFF;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}
.header-wrap .header-inner .nav-right .login a:hover{text-decoration:none;}
.header-wrap .header-inner .nav-right .login .login-dropdown{display:none;left:0;padding:0;position:absolute;right:0;top:30px;}
.header-wrap .header-inner .nav-right .login .login-dropdown li{background:none repeat scroll 0 0 #102A43;border-top:1px solid #0B1F33;height:34px;line-height:34px;text-indent:15px;}
.header-wrap .header-inner .nav-right .login .login-dropdown li.last{border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.header-wrap .header-inner .nav-right .login .login-dropdown li:hover{background:none repeat scroll 0 0 #0B1F33;}
.header-wrap .header-inner .nav-right .login .login-dropdown a{color:#FFFFFF;display:block;}
.header-wrap .header-inner .nav-right .login .login-dropdown a:hover{text-decoration:none;}
.header-wrap .header-inner .nav-right .login:hover{border-bottom-left-radius:0;border-bottom-right-radius:0;}
.header-wrap .header-inner .nav-right .login:hover b{border-color:#102A43 #102A43 #FFFFFF;top:11px;}
.header-wrap .header-inner .nav-right .login:hover ul{display:block;z-index:102;}
.header-wrap .header-inner .nav-right .login b{border-color:#FFFFFF #102A43 #102A43;border-style:solid;border-width:4px;font-size:0;height:0;line-height:0;position:absolute;right:7px;top:16px;width:0;}
.header-wrap .header-inner .nav-right .hover{border-bottom-left-radius:0;border-bottom-right-radius:0;}
.header-wrap .header-inner .nav-right .hover b{border-color:#102A43 #102A43 #FFFFFF !important;top:11px !important;}
.header-wrap .header-inner .nav-right .hover ul{display:block !important;z-index:102 !important;}
.header-wrap .header-inner .nav-right .sign-in{color:#244B6B;display:none;float:left;padding:8px 0;width:58%;}
.header-wrap .header-inner .nav-right .sign-in a{color:#FFFFFF;font-size:14px;padding:0 12%;}
.header-wrap .header-inner .nav-right .sign-in.unlogined{display:inline-block;vertical-align:middle;}
.header-wrap .header-inner .nav-right .free{background:none repeat scroll 0 0 #FFFFFF;float:right;}
.header-wrap .header-inner .nav-right .free:hover{background:none repeat scroll 0 0 #D7E2EA;text-decoration:none;}
#J_Menu li.selected{background:#111111 !important;}
#J_MessageCount{background:none repeat scroll 0 0 #FF9900;border-radius:5px 5px 5px 5px;color:#FFFFFF;display:none;font-size:12px;padding:0 9px;position:absolute;right:-8px;top:-11px;width:auto;}
#J_MessageCount:hover{background:none repeat scroll 0 0 #FF6600;}
.sub-menus{left:0;position:absolute;right:0;z-index:102;width:100%;}
.sub-menus .sub-menu{background:none repeat scroll 0 0 #333;margin:0;display:none;overflow:hidden;position:absolute;top:0px;width:100%;}
.sub-menus .sub-menumm{background:none repeat scroll 0 0 #333;margin:0;display:none;overflow:hidden;position:absolute;top:0px;width:500px;}
.sub-menus .sub-menu.show{z-index:3;opacity:1;top:0;transition-duration:250ms;transition-timing-function:cubic-bezier(0.73,0.67,0.77,0.92);}
.sub-menus .sub-menu dl{float:left;font-size:16px;padding:12.5px 80px 12.5px 0;font-family:"Microsoft YaHei";}
.sub-menus .sub-menu dl dt{border-bottom:1px solid #666666;color:#959595;margin-bottom:6px;margin-top:8px;padding-bottom:11px;}
.sub-menus .sub-menu dl dd{margin-bottom:5px;margin-left:-5px;padding:5px 0;}
.sub-menus .sub-menu dl dd a{color:#DDDDDD;padding:0 5px;}
.sub-menus .sub-menu dl dd a:hover,.sub-menus .sub-menu dl dd a.current{color:#183B5B;text-decoration:none;}
.sub-menus .sub-menu dl dd i{background:none repeat scroll 0 0 #C8C8D0;display:inline-block;height:12px;margin:0 10px;vertical-align:middle;width:1px;}
.nav-at-1 .nav-1,.nav-at-2 .nav-2,.nav-at-3 .nav-3,.nav-at-4 .nav-4,.nav-at-5 .nav-5,.nav-at-6 .nav-6,.nav-at-7 .nav-7{background-color:#102A43;}
#J_Menu h2{font-size:14px;}
#J_Menu h2 a{color:#fff;font-family:"Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "���ź�", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;font-weight:normal;}
#J_subMenus dd{font-size:14px;line-height:22px;padding:2px 0;}
.header-wrap .header-inner .nav-right .login{width:40%;}
.page-screen980 #J_Menu h2{font-size:14px;}
.page-screen980 #J_subMenus dd{font-size:12px;padding:2px 0;}
.page-screen980 .header-wrap .header-inner .nav-right .login{width:40%;}
.copyright-100{background:none repeat scroll 0 0 #FFFFFF;border-top:1px solid #E5E5E5;clear:both;}
.copyright-100 .copyright{color:#999999;font-size:12px;padding:35px 0 40px;text-align:center;}
.copyright-100 .copyright .img{background-image:url("/images/www-knight/footer-168-169.png");display:inline-block;height:22px;width:22px;}
.copyright-100 .copyright .img.img-1{background-position:85px 113px;}
.copyright-100 .copyright .img.img-2{background-position:85px 91px;}
.copyright-100 .copyright p{padding:5px 0;}
.copyright-100 .copyright p a{color:#B3B3B3;padding:0 5px;}
.copyright-100 .copyright p.big{font-size:14px;}
.copyright-100 .copyright p.big a{color:#666666;}
.float-tool{bottom:217px;position:fixed;right:0.1%;z-index:250;}
.float-tool .btn-tool{background:none repeat scroll 0 0 #F1F1F1;cursor:pointer;font-size:21px;height:22px;margin:5px 0;padding:8px;width:22px;}
.float-tool .btn-tool a{color:#183B5B;}
.float-tool .btn-tool:hover{background:none repeat scroll 0 0 #244B6B;}
.float-tool .btn-tool:hover a{color:#FFFFFF !important;text-decoration:none;}
.float-tool .top{display:none;}
/*ԭheader.css����ʽ����*/
/*ԭslider.css����ʽ��ʼ*/
/* Header text */
.banner {
background-color: #E9E9E9;
width:100%;
height:362px;
margin-top:69px;
}
.header-content
{
/* background: url(../images/header-background.jpg?v=1) no-repeat 50% -4px;*/
margin: 0;
padding: 0;
float: left;
width: 100%;
line-height: 22px;
position: relative;
z-index: 1;
-webkit-box-shadow: inset 0px 10px 8px -10px rgba(0,0,0,0.5), inset 0px -10px 8px -10px rgba(0,0,0,0.4);
-moz-box-shadow: inset 0px 10px 8px -10px rgba(0,0,0,0.5), inset 0px -10px 8px -10px rgba(0,0,0,0.4);
box-shadow: inset 0px 10px 8px -10px rgba(0,0,0,0.5), inset 0px -10px 8px -10px rgba(0,0,0,0.4);
}
.header-content a {outline:none;blr:expression(this.onFocus=this.blur());}
.header-content.home {
height: 362px;
}
.home .header-content { background: #d54515 url(../images/slider-gradient-bg.png) repeat-y 50% 0; }
/*.header-content-wrap {width: 940px; margin: 0 auto;}*/
.header-content img {float: left; margin: 0 0 0 0px;}
.header-content .text {width:470px; margin-left:45%; *width:430px; }
.header-content .copy {font-size: 14px; line-height: 21px; padding-right: 15px;}
.header-content .button {width: 100% !important;}
.header-content .button a {padding-top: 7px; padding-bottom: 7px; margin-right:7px; font-size: 14px; display: inline-block;}
/*#slider .text {width: 417px;}*/
/*fix the button position for the slide*/
.header-content .button {float: none;}
.header-content .dimmed {background: #b05b1b; background: rgba(0, 0, 0, 0.4);
-webkit-transition: none; /* Saf3.2+, Chrome */
-moz-transition: none; /* FF4+ */
-ms-transition: none; /* IE10? */
-o-transition: none; /* Opera 10.5+ */
transition: none;
}
.header-content .align-bottom {position: absolute; bottom: 0px;}
/* => Slider <= */
#slider-wrap
{
height:362px;
}
#slider
{
height:332px;
padding-top:50px;
}
/* => SLIDE PREV AND NEXT ARROWS <= */
.slider-prev,
.slider-next
{
text-indent:-9999px;
width:38px;
height:38px;
background:url("../images/sprite.png") -263px -122px no-repeat;
position:absolute;
top:50%;
margin-top:-19px;
z-index:999;
opacity:.5;
-webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */
-moz-transition: all 0.3s ease-out; /* FF4+ */
-ms-transition: all 0.3s ease-out; /* IE10? */
-o-transition: all 0.3s ease-out; /* Opera 10.5+ */
transition: all 0.3s ease-out;
display: none;
}
.slider-prev{ left:100px; }
.slider-next
{
right:100px;
background-position:-302px -122px;
}
.slider-prev:hover,
.slider-next:hover
{
opacity:1;
}
/* => SLIDER NAV o o o <= */
.slider-nav
{
position:absolute;
bottom:5px;
left:46%;
list-style:none;
overflow:hidden;
z-index:10;
margin: 0;
}
.slider-nav li
{
float:left;
}
.slider-nav li a
{
display:block;
width:8px;
height:8px;
overflow:hidden;
padding:0px;
margin:8px;
background:url("../images/sprite.png") no-repeat -234px -144px;
text-decoration:none;
text-indent:-999px;
}
.slider-nav li a:hover,
.slider-nav li a.selected
{
background-position:-225px -144px;
}
/* => HOLY SLIDES <= */
.slider section {display: none;}
.slider section.first {display: block;}
.slider-sections, .slider-sections section {width: 861px; height: 235px;}
.slider-sections {margin: 0 auto; position: relative;}
.slider-sections section {position: absolute; top: 0; left: 0px; }
.header-content h2
{
font:400 32px/1.2 "microsoft yahei", Tahoma, arial, sans-serif;
color: #fff;
margin: 0 0 26px;
}
.header-content p
{
margin: 0 0 30px;
}
.header-content .centered-content
{
padding-top: 30px;
padding-bottom: 10px;
}
.button {
float: left;
width: auto !important;
list-style: none;
}
.button a,
.button button,
.button input { /* Standard black button */
font-size: 15px;
/*font-family: 'lucida sans',arial,helvetica,sans-serif;*/
line-height: 18px;
color: #fff !important;
text-decoration: none;
padding: 5px 14px 6px 13px;
display: block;
width: auto;
position: relative;
z-index: 2;
border: none;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
background: #313131; /* Old browsers */
background: -moz-linear-gradient(top, #313131 0%, #222222 100%); /* FF3.6+ */
background: -webkit-linear-gradient(top, #313131 0%,#222222 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #313131 0%,#222222 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #313131 0%,#222222 100%); /* IE10+ */
background: linear-gradient(top, #313131 0%,#222222 100%); /* W3C */
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.button a:hover,
.button input:hover,
.button button:hover,
.button a:focus,
.button input:focus,
.button button:focus
{
background: #464646; /* Old browsers */
background: -moz-linear-gradient(top, #464646 0%, #393939 100%); /* FF3.6+ */
background: -webkit-linear-gradient(top, #464646 0%,#393939 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #464646 0%,#393939 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #464646 0%,#393939 100%); /* IE10+ */
background: linear-gradient(top, #464646 0%,#393939 100%); /* W3C */
}
header .header-content .button a,
#content .button a:hover
{
text-decoration: none;
}
.header-content .beta-ribbons {
position: absolute;
height: 120px;
width: 85px;
text-indent: -200px;
overflow: hidden;
background: url(../images/kendo-ribbons.png) no-repeat 0 0;
}
.header-content .beta-ribbons.ribbon-1 {
background-position: -170px 0;
top: -3px;
right: -145px;
}
.header-content p.copy .beta-ribbons.ribbon-1 {
top: -135px;
left: 900px;
}
.header-content .beta-ribbons.ribbon-4 {
background-position: -255px 0;
left: -62px;
top: -30px;
z-index: 10;
text-indent: -2000px;
}
/*ԭslider.css����ʽ����*/
.clear{clear:both;}
/*banner end*/