@charset "utf-8";
/* CSS Document */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

:focus {
    outline: 1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

.clearfix:before,.clearfix:after{
    content:"";
    display:table;
}
.clearfix:after{clear:both;}
.clearfix{
    *zoom:1;/*IE/7/6*/
}

@font-face {
    font-family: 'Open Sans Light';
    src: url('../font/OpenSans-Light.ttf');
    font-weight: normal;
    font-style: normal;
}


html,body{font-family:"Microsoft YaHei",Consolas;font-size:13px;min-width:1200px}
ul,li{list-style:none;}
a{text-decoration:none;}

/*============================================*/
.topbar{height:38px;background:#f1f3f4;border-bottom:1px solid #e5e5e5;display:none;}
.wrapper{margin:0 auto;}
.wrapper .menubar-content{position: relative;  left: 50%; margin-left: -502px;width:1100px;}


.language{text-align:right;}
.language ul li{margin:0px 5px;line-height:38px;display:inline-block;font-size:12px;}
.language ul li a{color:#333; font-family:Arial;padding:4px;}
.language ul li a:hover{color:#0289da;}
.language ul li a.current{background:#0289da;color:#fff;}

.header{position:relative;z-index:100;}
.menubar{height:60px;background-color: rgba(0, 0, 0, 0.5)}

.menubar .wrapper{position:relative;height:100%;width:98%}
/*.menubar .logo{position:absolute;width:265px;height:51px;top:8px;left:10px;}*/
.menubar .logo{position:absolute;width:200px;height:60px;line-height: 60px;padding: 6px 0;}
/*.menubar .logo a{width:265px;display:block;text-indent:-999em;}*/
.menubar .logo img{width:100%;}
    /*.menubar .navbar{ position:absolute;left:304px;height:100%;}*/
.menubar .navbar{ float:left;height:100%;margin-left: 120px;}
.menubar .navbar ul li{display:inline-block;width:100px;text-align:center;}
.menubar .navbar ul li a{color:#ffffff;display:block;line-height:60px;}
.menubar .navbar ul li a:hover{color:#fff;}
.icon-angle-down{padding-left:6px;}
.icon-angle-down:before{content:"\f107"}

/* navbox */
.navbox ul{}
.navbox ul li{position:relative;cursor:pointer;font-size:15px;color:#333;}
.navbox ul li.on{background:#0089da;color:#fff;}
.navbox ul li.on a{color:#fff;}
.navbox ul li a:hover{background:#0089da;color:#fff;}
.navbox ul li ul.second{position:absolute;display:none; left:0;background:#fff;width:140px;border-top:2px solid #e5e5e5;z-index: 1000;}


.navbox ul li ul.second li{width:140px;line-height:40px;height:40px;text-align:left;text-indent:10px;}
.navbox ul li ul.second li a{line-height:40px;height:40px;color:#333;font-size:14px;display:block;}
.navbox ul li ul.second li a:hover{color:#fff;background:#0089da;}

.navbox ul li ul.third{display:none;top:-1px;left: 141px;position:absolute;background:#fff;width:140px;border-top:2px solid #e5e5e5;z-index: 1000;}


.navbox ul li ul.third li{width:140px;line-height:40px;height:40px;text-align:left;text-indent:10px;}
.navbox ul li ul.third li a{line-height:40px;height:40px;color:#333;font-size:14px;display:block;}
.navbox ul li ul.third li a:hover{color:#fff;background:#0089da;}


.menubar .searchbar{ position:absolute;left:1040px;top:30px;}
.search-txt{border:1px solid #ccc;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;height:30px;line-height:30px;width:115px;padding-right:25px;text-indent:5px;}
.search-btn{background:url(../images/icn-search.jpg) no-repeat;width:16px;height:15px;text-indent:-999em;display:block;border:none; position:absolute;right:8px;top:8px;cursor:pointer;}


/*.menubar .userInof{position:absolute;height:100%;left:1090px;}*/
.menubar .userInof{height:100%;float:left;margin-left: 50px;}

.menubar .userInof #loginout{

}

.menubar .userInof #loginout{position:relative;cursor:pointer;font-size:15px;color:#333;height:100%;}
.menubar .userInof #loginout .on{background:#0089da;color:#fff;}
.menubar .userInof #loginout .on a{color:#fff;}
.menubar .userInof #loginout .second{overflow:hidden;position:absolute;display:none; left:0;background:#fff;width:140px;border-top:2px solid #e5e5e5;z-index: 1000;}
.menubar .userInof #loginout .second li{width:140px;line-height:40px;height:40px;text-align:left;text-indent:10px;}
.menubar .userInof #loginout .second li a{line-height:40px;height:40px;font-size:14px;display:block;color:#000;}
.menubar .userInof #loginout .second li a:hover{color:#fff;background:#0089da;}

.navigation-down{position:absolute;top:95px;left:0px;width:100%;z-index:99;}
.nav-down-menu{width:1200px;margin:0 auto;}
.navigation-down-inner{}
.navigation-down-inner dl{display:inline;float:left;width:110px;background:#fff;}
.navigation-down-inner dl dd{line-height:40px;text-align:center;width:110px;}
.navigation-down-inner dl dd a{color:#333;font-size:14px;}
.navigation-down-inner dl dd a:hover{background:#0289da;color:#fff;}
.navigation-down{}

#product .navigation-down-inner{padding-left:410px;}
#programme .navigation-down-inner{padding-left:510px;}
#support .navigation-down-inner{padding-left:610px;}
#news .navigation-down-inner{padding-left:710px;}
#channel .navigation-down-inner{padding-left:810px;}
#about .navigation-down-inner{padding-left:910px;}



.banner{height:540px;}

.banner #kinMaxShow{height:540px !important;}
.banner #kinMaxShow .KMSPrefix_kinMaxShow_image_box{height:540px !important;z-index:10;}
.banner #kinMaxShow .KMSPrefix_kinMaxShow_image_box .KMSPrefix_kinMaxShow_image_item{height:540px !important;}
.banner #kinMaxShow .KMSPrefix_kinMaxShow_button{right:45%;top:490px;z-index:11;}
.banner #kinMaxShow .KMSPrefix_kinMaxShow_button li.KMSPrefix_kinMaxShow_focus{background:#0289da;border:none;}
.banner #kinMaxShow .KMSPrefix_kinMaxShow_button li{border:none;width:30px;height:10px;}


.section-content{width:1200px;margin:0 auto;}
.section-title{text-align:center;}
.section-title h1{ font-size:24px;font-weight:normal;color:#0089da;line-height:50px;/*background:url(../images/line.png) center center no-repeat;*/}
.section-title h2{ font-size:20px;font-weight:normal;color:#8c8d8f;text-transform:uppercase;line-height:50px; font-family:"Open Sans Light",Arial;}

.solutions{text-align:center;padding-top:40px;padding-bottom:20px;}
.solutions ul{margin:0 auto;overflow: hidden;width:77%;}
.solutions ul li{display:inline-block;width:184px;margin:0;float:left;}
.solutions ul li h3{height:130px;}
.solutions ul li h3 a{text-indent:-999em;display:block;margin:0px auto; width:130px;height:130px;}

.solutions ul li h3 a.sou1{background:url(../images/jy.png)  center center no-repeat #fff;background-size: 100% 100%;}
.solutions ul li h3 a.sou2{background:url(../images/zf.png) center center no-repeat #fff;background-size: 100% 100%;}
.solutions ul li h3 a.sou3{background:url(../images/sj.png) center center no-repeat #fff;background-size: 100% 100%;}
.solutions ul li h3 a.sou4{background:url(../images/yl.png) center center no-repeat #fff;background-size: 100% 100%;}
.solutions ul li h3 a.sou5{background:url(../images/jg.png) center center no-repeat #fff;background-size: 100% 100%;}
.solutions ul li h3 a.sou6{background:url(../images/gd.png) center center no-repeat #fff;background-size: 100% 100%;}

.solutions ul li h3 a:hover.sou1{background:url(../images/jy1.png) center center no-repeat;background-size: 100% 100%;}
.solutions ul li h3 a:hover.sou2{background:url(../images/zf1.png) center center no-repeat;background-size: 100% 100%;}
.solutions ul li h3 a:hover.sou3{background:url(../images/sj1.png) center center no-repeat;background-size: 100% 100%;}
.solutions ul li h3 a:hover.sou4{background:url(../images/yl1.png) center center no-repeat;background-size: 100% 100%;}
.solutions ul li h3 a:hover.sou5{background:url(../images/jg1.png) center center no-repeat;background-size: 100% 100%;}
.solutions ul li h3 a:hover.sou6{background:url(../images/gd1.png) center center no-repeat;background-size: 100% 100%;}

.solutions ul li h4{line-height:40px;}
.solutions ul li h4 a{color:#333333;font-size:16px;font-weight:normal;}
.solutions ul li p{line-height:24px;color:#8c8d8f;text-align:left;}

/*#sec01,#sec02,#sec03{padding:40px 0px;}*/
#sec01{margin-top: 30px;}
#sec02{background-color:#ffffff;border-top:1px solid #CCCCCC;}
.product-char{text-align:center;}
.product-char ul{ list-style: none;overflow: hidden;width: 91%;margin: 0 auto;}
.product-char ul li{display:inline-block;;margin:0px 30px;float:left;width: 304px;}
.product-char ul li h4{font-size:16px;line-height:40px;text-align:left;}
.product-char ul li p{line-height:24px;color:#8c8d8f;text-align:left;}
.container{ position: relative;  z-index: -1;margin-top:-60px;}
.news-video{text-align:center;padding-top:30px;padding-bottom:15px;}
.news-video ul{ list-style: none;overflow: hidden;width: 100%;margin: 0 auto;}
.news-video ul li{display:inline-block;float:left;width: 32.8%;margin-left: 5px;}
.news-video ul li .xwzx_content{background-color: #ffffff;padding: 14px 10px;margin:0 auto;border:1px solid #cccccc;width:340px;height: 405px;-webkit-box-shadow: 2px 2px 2px #cccccc; -moz-box-shadow: 2px 2px 2px #cccccc;  box-shadow: 2px 2px 2px #cccccc;margin-bottom: 4px;}
.news-video ul li h4{font-size:16px;text-align:left;}
.news-video ul li p{line-height:24px;color:#8c8d8f;text-align:left;margin-bottom:10px;}
a.btn-view{background:#0089da;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;color:#fff;padding:6px 20px;}
a:hover.btn-view{background:#8c8d8f;color:#ff0;}


.footer{background:#f1f2f2;}
.footer a{color:#333;}
.footer a:hover{color:#0089da; text-decoration:underline;}
.bottom-menu{text-align:center;border-bottom:1px solid #dbdbdb;line-height:60px;}
.copyright{text-align:center;line-height:70px;}
.copybottom{text-align:center;line-height:5px;}

.inner-banner{height:214px;}
.inner-banner .sign-title{width:1145px;margin:0 auto;color:#fff;padding-left:55px;padding-top:90px;}
.inner-banner .sign-title h1{font-size:33px;line-height:50px; font-weight:normal;}
.inner-banner .sign-title h2{font-size:18px;font-weight:normal;line-height:40px;}

.inner-content{width:1100px;margin:0 auto;padding:20px 0;}

.inner-content .page-title{font-size:18px;line-height:50px;font-weight:bold;color:#444;}
.left-menu{float:left;display:inline;width:220px;border:1px solid #ccc;border-bottom:none; border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.left-menu ul li{background:#f2f2f2;border-bottom:1px solid #ccc;}
.left-menu ul li a{color:#444;font-size:14px;padding:10px 8px;display:block;}
.left-men ver{color:#0289da;font-weight:bold;}
.left-menu ul li a.current{background:url(../images/menu-arrow.gif) 95% center no-repeat #d7d7d7;font-weight:bold;}

.page-content{float:right;display:inline;width:840px;}
.page-content #kinMaxShow{height:180px !important;}
.page-content .KMSPrefix_kinMaxShow_image_item{height:180px !important; background-position:top right !important; background-image:url(../images/bg-kin.jpg) !important; background-repeat:repeat-x !important;}
.page-content #kinMaxShow .KMSPrefix_kinMaxShow_image_box{height:180px !important;}
.page-content .KMSPrefix_kinMaxShow_button{}
.page-content #kinMaxShow h1{line-height:40px;padding-left:30px;padding-top:20px;font-size:16px;color:#333;}
.page-content #kinMaxShow h2{line-height:20px;padding-left:30px;color:#8c8d8f;}
.page-content #kinMaxShow h3{ position:absolute;right:0px;top:0px;}
.page-content #kinMaxShow h3 img{height:140px;}

.page-content #kinMaxShow .KMSPrefix_kinMaxShow_button li.KMSPrefix_kinMaxShow_focus{background:#0289da !important; border:none !important;}
.page-content #kinMaxShow .KMSPrefix_kinMaxShow_button li{border:none !important;}

.content-box{color:#444;}
.content-box .content-title{padding:20px 0px;}
.content-box .content-title h1{font-size:16px;}

.content-box h2{line-height:30px;color:#0289da;}
.content-box p{line-height:24px;}
.content-box ol{}
.content-box ol li{padding:10px 8px;}
.article-charter{position:relative;height:500px;}
.article-img{position:absolute;right:0px;top:0px;}
.content-box ul{}
.content-box ul li{padding:10px 8px;}
.content-box a{color:#34DD12;}
.content-box a:hover{text-decoration:underline;}

.list-item ul li{line-height:30px;padding:5px 0px;background:url(../images/icn-dot.jpg) left center no-repeat;text-indent:10px;}
.list-item ul li span{float:right;}
.list-item ul li a{color:#555;}
.list-item ul li a:hover{color:#0289da;}


.pagination{padding-top:30px;text-align:center;}
.pagination a {

    border: 1px solid #ccc;
    color: #333;
}
.pagination a:hover{text-decoration:none;color:#0289da;}

.pagination a, .pagination span {
    display: inline-block;
    padding: 6px 8px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.pagination .current {
    background: #0289da;
    color: #fff;
    border: 1px solid #AAE;
}

.pagination .current.prev, .pagination .current.next{
    color:#333;
    border-color:#999;
    background:#fff;
}

.form-format{padding:10px 0px;width:650px;}
.form-format table{border-bottom:1px solid #ccc; border-collapse:collapse;}
.form-format td,.form-format th{border:1px solid #ccc;}
.form-format th{padding-right:6px;text-align:right;background:#dddada;}
.form-format td{padding:6px 0px;padding-left:6px;}
.form-format input[type="text"]{border:1px solid #ccc;height:24px;line-height:24px;text-indent:5px;width:300px;}
.form-submit{padding:10px 0px;text-align:center;}
.form-submit .btn-submit{padding:10px 25px;background:#ddd;border:1px solid #ccc;cursor:pointer;font-size:14px;font-weight:bold;}

.form-listFormat{padding:10px 0px;}
.form-listFormat table{border-bottom:1px solid #ccc; border-collapse:collapse;}
.form-listFormat td,.form-listFormat thead{border:1px solid #ccc;}
.form-listFormat thead{padding-right:6px;text-align:center;background:#dddada;}
.form-listFormat td{padding:6px 0px;padding-left:6px;}
.form-listFormat input[type="text"]{border:1px solid #ccc;height:24px;line-height:24px;text-indent:5px;width:300px;}

.search-form *{vertical-align:middle;}
.search-form{border:1px solid #ccc;background:#f2eeee;padding:10px;}
.search-form option{padding:4px 0px;}
.search-form input[type="text"]{border:1px solid #ccc;height:24px;line-height:24px;text-indent:5px;width:300px;}
.query{height:28px;line-height:28px;padding:0px 10px;background:#0289da;cursor:pointer;border:none;color:#fff;}

.center-content table{border:1px solid #ccc; border-collapse:collapse;margin:0 auto;margin-top:20px;}
.center-content table th{padding:5px;border:1px solid #ccc;text-align:right;background:#eee;}
.center-content table td{padding:10px 5px;border:1px solid #ccc;}
.center-content input[type="text"]{border:1px solid #ccc; width:350px;height:22px;line-height:22px;}
.center-content .btn-submit{background:#0289da;padding:14px 30px;color:#fff;border:none;cursor:pointer;}


#file_upload,#upload{background: rgba(0, 0, 0, 0.46);padding:0px 5px;color:#fff;border:none;cursor:pointer;}

.align-center{text-align:center;padding:10px 0px;}

#mask{
    height:100%;
    width:100%;
    background: #000000;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:1500;
    /* older safari/Chrome browsers */
    -webkit-opacity: 0.5;
    /* Netscape and Older than Firefox 0.9 */
    -moz-opacity: 0.5;
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
    -khtml-opacity: 0.5;
    /* IE9 + etc...modern browsers */
    opacity: .5;
    /* IE 4-9 */
    filter:alpha(opacity=50);
    /*This works in IE 8 & 9 too*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /*IE4-IE9*/
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    display: none;
}
#video{
    width:900px;height:600px;position:fixed;left:50%;top:50%;margin-left:-450px;margin-top:-300px;background:#fff;z-index:1501;
    display: none;
}
#voides{
    height:100%;
    width:100%;
}
#voides_1{
    height:100%;
    width:100%;
}
#clear{
    width:40px;
    height:40px;
    position:relative;
    z-index: 1600;
    margin:-600px  0 0 850px;
    text-align: center;
    padding-top:13px;
}
.mask{
    position: absolute;
    z-index:400;
    height:100%;
    width:100%;
    top:0;
}
.mask .bg{
    background-color: #000000;
    /* older safari/Chrome browsers */
    -webkit-opacity: 0.5;
    /* Netscape and Older than Firefox 0.9 */
    -moz-opacity: 0.5;
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
    -khtml-opacity: 0.5;
    /* IE9 + etc...modern browsers */
    opacity: .5;
    /* IE 4-9 */
    filter:alpha(opacity=50);
    /*This works in IE 8 & 9 too*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /*IE4-IE9*/
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    position: absolute;
    z-index:300;
    height:100%;
    width:100%;
    top:0;
}
.mask .tent{
    position: absolute;
    z-index:301;
    height:100%;
    width:100%;
    text-align: center;
    padding-top: 65px;
    cursor: pointer;

}
.mask .tent p{
    text-align: center;
}

.cp2{
    /* older safari/Chrome browsers */
    -webkit-opacity: 0.5;
    /* Netscape and Older than Firefox 0.9 */
    -moz-opacity: 0.5;
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
    -khtml-opacity: 0.5;
    /* IE9 + etc...modern browsers */
    opacity: .5;
    /* IE 4-9 */
    filter:alpha(opacity=50);
    /*This works in IE 8 & 9 too*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /*IE4-IE9*/
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}