html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{margin: 0px;padding: 0px;border: 0px;outline: 0px;font-size: 100%;vertical-align: baseline;background: transparent;}
body{line-height: 1;}
ol,ul,li{list-style: none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after{content: '';content: none;}
/* remember to define focus styles!*/
:focus{outline: 0;}
/* remember to highlight inserts somehow!*/
ins{text-decoration: none;}
del{text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup*/
table{border-collapse: collapse;border-spacing: 0;}
a{text-decoration: none;color: #fff;}
body{font-family: "Kreon";font-weight: 300;color: #333;background: #f5f5f5;}

#switcher{height:54px;background-color:#000; z-index: 99999;position:fixed;width: 100%;top: 0;}
.switcher_device{float:left; width:100%;}
.switcher_device li{display: inline;float: left;position: relative;}
.switcher_right{float:right;height:21px;padding:20px 15px;width:auto;}
.close_frame{display:inline-block;height:14px;width:14px;background:url("../images/closeiframe.png") no-repeat 0 0;transition:transform 0.2s ease-in-out;}
.close_frame:hover{background-position:0 -15px;transform:rotate(180deg);}
.demo_title{margin-left: 10px;margin-top: 16px;color:#e6f6f6;font-family: "microsoft yahei";}
.demo_title a{color:#fff;}
.demo_title a:hover{text-decoration:underline;}
/*icon css*/
.icon-monitor, .icon-tablet, .icon-mobile-1, .icon-mobile-2, .icon-mobile-3{margin-right: 7px;margin-top: 19px;width: 18px; height: 17px;}
.icon-monitor{margin-left: 10px;background-image: url(../images/device_ico.png);background-position: 0 1px; background-repeat: no-repeat;}
.icon-tablet{background: url(../images/device_ico.png) no-repeat -24px 1px;}
.icon-mobile-1{background: url(../images/device_ico.png) no-repeat -48px 1px;}
.icon-monitor:hover, .icon-monitor.active{background-position: 0 -15px;}
.icon-tablet:hover, .icon-tablet.active{background-position: -24px -15px;}
.icon-mobile-1:hover, .icon-mobile-1.active{background-position: -48px -15px;}
.icon-mobile-2{background: url(../images/device_ico.png) no-repeat -72px 1px;}
.icon-mobile-3{background: url(../images/device_ico.png) no-repeat -94px 1px;}
.icon-mobile-2:hover, .icon-mobile-2.active{background-position: -72px -15px;}
.icon-mobile-3:hover, .icon-mobile-3.active{background-position: -94px -15px;}

.tablet-width{height:960px!important;width: 785px;margin:50px auto;padding: 175px 100px 115px 100px;background: url(../images/bg-mob.png) no-repeat 0 0;}
.tablet-width iframe{height: 960px!important;}

.mobile-width{height:703px!important;width: 1041px;margin:50px auto;padding: 165px 115px 100px 100px;background: url(../images/bg-mob.png) no-repeat 0 -1249px;}
.mobile-width iframe{height:704px!important;}

.mobile-width-2{height:417px!important;width: 337px;margin:50px auto;padding: 125px 25px 159px 25px;background: url(../images/bg-mob.png) no-repeat 0 -2217px;}
.mobile-width-2 iframe{height:416px !important;}

.mobile-width-3{height:256px!important;width:497px;margin:50px auto;padding: 45px 115px 69px 105px;background: url(../images/bg-mob.png) no-repeat -387px -2217px;}
.mobile-width-3 iframe{height: 256px !important;}
.qr_code{
    position: relative;
    margin-top: 16px;
    font-size: 12px;
	width:84px;
    font-weight: normal;
    background-image: url(../images/mobile_ico.png);
    background-repeat: no-repeat;
    background-position: 3px center;
    height: 20px;
    padding-left: 25px;
    line-height: 20px;
	margin-left:30px;
    border: 1px solid #414141;
    padding-right: 5px;
    border-radius: 5px;
}

.vm {
    position: absolute;
    top: 20px;
    left: 0px;
	padding:5px;
    background-color: #fff;
    height: 200px;
    display: none;
}

.show_title{
	margin-left: 30px;
    margin-top: 19px;
    font-weight: bold;
}

.show_title a:hover{
	text-decoration:underline;
}

li.show_hide{
	padding-top:18px;
	padding-right:35px;
	float:right;
}

.show_hide a{
	width:20px;
	height:20px;
	background-image: url(../images/cross.png);
	display:block;
	float:right;
	transition: all .5s ease;
}

.show_hide a:hover{
	background-position-y:21px;
}

#iframe-wrap{height: 100%;overflow: visible;position: relative;top: 48px;z-index: 50;}
/*advertisement css*/
.fdad{width:200px;padding:7px 10px 10px;height:225px;background-color: #FFF;position: fixed;top: 64px;z-index: 888;}
.leftfloat{left:25px;}
.rightfloat{right:25px;}
.fdad .title{float:left;font-family: Arial;font-size: 12px;color: #ccc;line-height:20px;width:100%;height:20px;margin-bottom:5px;}
.fdad .title .close{float: right;font:normal 14px/normal 'microsoft yahei';cursor: pointer;width:25px;height:25px;}
.fdad .content{width:200px;height:200px;position:relative;}
.fdad .content .notip{position:absolute;height:40px;width:150px;font:normal 12px/1.8 'microsoft yahei';top:50%;left:50%;margin-top:-20px;margin-left:-75px;color:#999;z-index:0;text-align:center;}
.fdad .content .mainad{position:absolute;left:0;top:0;zindex:2;}
.bottomad{width:960px;height:85px;padding:7px 10px 10px;background-color: #FFF;position: fixed;bottom:50px;left:50%;margin-left:-480px;z-index: 888;}
.bottomad .title{float: left;font-family: Arial;font-size: 12px;color: #ccc;line-height:20px;width:100%;height:20px;margin-bottom:5px;}
.bottomad .title .close{float: right;font:normal 14px/normal 'microsoft yahei';cursor: pointer;}
.bottomad .content{width:960px;height:60px;position:relative;}
.bottomad .content .notip{position:absolute;height:20px;width:220px;font:normal 12px/20px 'microsoft yahei';top:50%;left:50%;margin-top:-10px;margin-left:-110px;color:#999;z-index:0;}
.bottomad .content .mainad{position:absolute;left:0;top:0;zindex:2;}
#footer-notice{text-align:center;height:40px; line-height:40px; background:url(../images/kj_bottom.gif) repeat-x; z-index: 99999; position:fixed;width:100%; bottom: 0; font:13px/3.3 "Segoe UI",Tahoma,Arial;}
#footer-notice span{color: #02558e;}
#footer-notice a{color: #666666;}
#footer-notice a:hover{text-decoration:underline;}
.footContent{display: none;}
ul.nav{padding:14px 40px 0 300px; float:right;}
.nav li{float:left; padding:0 10px;}
.nav li a{font-size:13px; color: #e6f6f6;}