@charset "utf-8";
/*******************************
 * @Author:zhangting[http://www.xa9s.com/]
 * @Creation date:2015.06.12
 *******************************/
/* base style */
body, h1, h2, h3, h4, h5, h6, div, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0 }
article, section, aside, hgroup, nav, header, footer,iframe,figure,figcaption,i,s {display: block;margin:0;padding:0}
body, button, input, select, textarea { font:13px/1.0  Microsoft YaHei,tahoma, arial, \5b8b\4f53; color:#333 }
body { background-color: #f4f4f4;width: 100%;overflow-x:hidden;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
address, cite, dfn, em, var { font-style:normal }
code, kbd, pre, samp { font-family:courier new, courier, monospace }
small { font-size:12px }
ul, ol { list-style:none }
p {display: block;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;}
a {text-decoration:none; }
a:hover {text-decoration:none;}
a:active {color:#336600 }
sup { vertical-align:text-top }
sub { vertical-align:text-bottom }
legend { color:#000 }
fieldset, img { border:0 }
img{vertical-align:top}
button, input, select, textarea { font-size:100%; vertical-align:middle; font-family: Arial, Helvetica, sans-serif; outline:none; color:#333 }
textarea { resize:none }
input { line-height:1.2em; overflow:hidden }
table { border-collapse:collapse; border-spacing:0 }
caption, th { text-align:left }
input{
border:none;
background:transparent;
}
.clearfix:after{font-size:0; height:0; visibility:hidden; display:block; content:' '; clear:both}
.clearfix{display:inline-table;}
.clearfix{display:block}
.hand{cursor:pointer}
.hide{display:none}
.fl{float:left}
.fr{float:right}
.container-fluid{padding: 0px;}
#head{width: 100%;height: 100px;background-color: #0c288e;}
.bz-youxiang{margin: 0px auto;width: 1200px;}
.bz-youxiang li{height: 40px;float: right;margin-right: 20px;line-height: 40px;font-size: 12px;}
.bz-youxiang a{color: #fff;}
.head-title{width: 1200px;margin: 0px auto;}
.logo{display: block;width: 94px;height:18px;background:url("../images/typical-logo.png") no-repeat;margin-top: 12px}
/*---nav----*/
#nav{width: 100%;height: 38px;padding-top: 40px;}
.head-title h4{display: block;width: 50px;height: 20px;float: right;color: #fff;margin-top: 10px}
.head-title .form-search{margin-top: 10px;}
.head-title .form-search .search-query{width: 197px;height: 20px;line-height: 14px;border-radius: 0;padding: 0;}
.head-title .form-search  .search-icon{display: block;background: url("../images/search-icon.png") no-repeat 110%;width: 22px;height: 22px;cursor: pointer;
	background-color: #4570E2;}
#nav a:hover{color: #fff;}
#nav .head-nav li .current{color: #fff;text-decoration: underline;}
#nav .head-nav{width:900px;height: 36px;padding-left: 172px;}
#nav .head-nav li{float: left;width: 100px;}
#nav .head-nav li a{display: block;height: 36px;line-height: 36px;font-size: 12px;color: #ccc;}
#nav .head-nav li a:hover {color: #fff;}
#nav .head-nav li a:hover#menu{display: block;}
#menu{background-color: #0c288e;z-index: 9999;position:absolute;width: 1030px;height: 176px;margin: 0 auto;padding-left: 170px;}
#menu li{float: left;width: 100px;height: 100%;}
#menu li a{display: block;line-height: 30px;font-size: 10px;color: #ccc; }
#menu2{background-color: #0c288e;z-index: 9999;position:absolute;width: 1030px;margin: 0 auto;padding-left: 170px;}
#menu2 li{float: left;width: 120px;}
#menu2 li a{display: block;font-size: 10px;color: #ccc; }
/*-- 轮播图 --*/
.slider{margin: 10px;height:400px;position:relative;}
.gallery{z-index: 10;}
/*-- 浮窗 --*/
#floating-window{position:absolute;left:0;bottom:0;height:165px;width:293px;z-index:9999;background:url('../img/floating-window.jpg');background-size: 100%;}
#floating-window:hover img{display:none;}
#floating-window img{width:100%;height:100%;}
#floating-window .link-l{position:absolute;left:48px;bottom:37px;height:22px;width:86px;cursor:pointer;}
#floating-window .link-r{position:absolute;right:48px;bottom:37px;height:22px;width:86px;cursor:pointer;}
/*左边导航*/
.com-nav{width: 10%;height: 900px;float: left;}
.com-nav li{height: 50px;border-bottom: 1px solid #ccc;text-align: center;}
.com-nav li a{height: 50px;line-height: 50px;display: block;color:#333;}
.com-nav .current{background-color:#0c288e;color: #fff;overflow: hidden;}
.com-nav .hover{background-color:#f4f4f4;color: #fff;}
.com-nav li a.hover{color: #fff;}
/*-- main --*/
#main{width: 1200px;height: 100%;margin: 12px auto 24px auto;}
#main a:hover{color: #08c;}
#main .main-l{width:886px;background-color: #fff;border-radius: 2px;box-shadow: 0px 0px 6px #bbb;}
#main .main-r .main-xc{background-color: #fff;border-radius: 2px;box-shadow: 0px 0px 6px #bbb;}
#main .main-r .main-news{background-color: #fff;border-radius: 2px;box-shadow: 0px 0px 6px #bbb;margin-top: 14px;padding-top: 10px;}
#main .col-md-8{padding: 0;}
/*新品推荐*/
.product{width: 100%;height: 100%;}
.main-product .form-search{margin-right: 10px;}
.main-product .form-search .search-query{height: 20px;padding: 0;padding-left: 8px;}
.main-product h2{line-height: 24px;display: block;width: 140px;margin-left: 10px;font-size: 16px;}
.main-product h2 a{color: #333;font-size: 16px;}
.product li a{width: 426px;height: 180px;margin: 10px 0 0 10px;border: 1px solid #eee;float: left;background-color: #ededed;}
.product li a:hover{ transition: all 0.8s ease ;box-shadow: 0 0 40px rgba(0,0,0,.2) inset;}
.product-item-url img{float: right;margin:36px 38px 0 0;width:237px;height:132px;}
.product-item-url .item-info{margin:15% 0 0 30px;}
.product-item-url .item-info h3{display: block;font-size: 18px;color: #004597;line-height: 30px;}
.product-item-url .item-info h2{display: block;font-size: 14px;color: #333;line-height: 19px;margin-left: 0;text-align: left;}
/*快速链接区域*/
.main-url{margin: 10px;}
.main-url li{float: left;width: 287px;padding-top: 30px;margin-left: 1px;}
.url a{display: block;margin: 0 auto;width: 100%;font-size: 14px;color: #fff;}
.url a em{display: block;width: 80px;height: 30px;margin: 20px 20px 0 126px;text-align: center;}
#main .main-url .url a:hover{color: #fff;}
.url a:hover.url-pic{background-color: #112f9c;}
.zone-url{background: url(../images/url-1@2x.png) no-repeat 52px 36px;padding-top: 30px;}
.download-url{background: url(../images/url-2@2x.png) no-repeat 52px 36px;padding-top: 30px;}
.video-url{background: url(../images/url-3@2x.png) no-repeat 52px 36px;padding-top: 30px;}
.url-pic{height: 94px;background-color: #0c288e;}
/*企业宣传*/
.xc{text-align: center;}
.guanzhu  li{padding:16px 10px 10px 10px;font-size: 11px;color: #999;line-height: 16px;color: #000;}
.xc-vido{width: 280px;height: 175px;margin: 0 auto;border-radius: 5px;overflow: hidden;text-align: center;}
.vidoe-pic{display: block;width: 200px;height: 133px;background: url("../images/video.png") no-repeat 100%;margin: 0 auto;}
#feature-video {position: relative;width: 866px;height: 398px;display: none;z-index: 100;top: -2.5em;transition-duration: 0.6s;float: left;}
.corl_button {display: block;width: 2.5em;height: 2.5em;color: #fff;z-index: 100;position: relative;top: 2.5em;right: -2.5em;transition-duration: 0.5s;
	background: url("../images/x.png")no-repeat center center;background-size: 50%;background-color: #08c;}
/*新闻中心*/
.main-news{height: 643px;}
.news-title{width: 100%;font-size: 16px;overflow: hidden;font-weight:bolder;padding:16px 38px;}
.main-news ul{padding:0 38px 16px;border-bottom: 1px solid #ccc;}
.main-news .mt-news{border-bottom: 0;}
.main-news ul li {width: 210px;height: 20px;font-size: 12px;line-height: 22px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.main-news ul li a{color: #333;}
/*************首页 end**********/

/*-- foot --*/
#footer{width: 100%;clear: both;background: #fff;}
.footer-main{height: 164px;width: 1200px;margin: 0 auto;padding-top: 20px;}
.ft-l{width: 940px;}
.footer-main ul li{width: 170px;float: left;line-height: 30px;}
.ctc-title{display: block;font-size: 16px;color: #333;font-weight: bolder;}
.ctc-title:hover{color: #333;}
.ctc{margin-top: 10px;}
.ctc a{font-size: 12px;}
.ctc dd{line-height: 22px;}
.ctc dd a{color: #333;}
.ctc dd a:hover{color: #08c;}
.ft-r{float: right;min-width: 188px;text-align: right;}
.ft-r .hot{display: block;width: 96px;height: 28px;border-radius: 5px;background-color: #99bcee;font-size: 14px;color: #fff;text-align: center;
	line-height: 28px;margin:0 0 10px 92px;}
.glyphicon{font-size: 16px;}
#footer .footer-main .ft-r h3{font-size: 12px;color: #474747;line-height: 20px;}
#footer .footer-main .ft-r h1{font-size: 24px;line-height: 42px;color: #666;}
.form-control{width: 102px;height: 35px;margin-left: 92px;font-size: 9px;}
.input-sm option{font-size: 9px;}
.chinese{display: block;width: 19px;height: 12px;background:url("../images/china.png") no-repeat 100%; }
.english{display: block;background: }
.bottom{width: 100%;height: 90px;background-color:#f4f4f4;margin: 0 auto;clear: both;}
.bottom p{display: block;width: 1200px;font-size: 12px;color: #000;margin: 0 auto;line-height: 26px;padding-top: 25px;}
.bottom span{display: block;width: 1200px;font-size: 12px;color: #666;margin: 0 auto;}
.cn-funx{color: #666;}
.mobileapp{width: 120px;height: 160px;float: right;}

/*最下面图片*/
.bottom p img{ width: 6%; }
