@charset "utf-8";

/* 注意：以下长度用em换算，1em=10px。特别注意文字大小，父子层级会继承，所以不要在div中定义字体大小，只能用span修改字体。
------------------------------------------------------------------------------------------------------ */


/* 全局样式
-------------------------------------------------------------- */
html,body,a,p,span,ul,img{ padding:0; margin:0; list-style:none; border:none; font-size:12px; font-family:"微软雅黑","Arial"; color:#666;}
p{line-height:25px;}
img{ border:none;}
td{ vertical-align:center; font-size:12px;}
body{ background:#FFFFFF;}

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }



/* 页面基本元素
-------------------------------------------------------------- */

/* 链接样式 */
a {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}


/* 常用元素 */
.clear { clear:both; font-size:1px; line-height:0px; height:0px; }

/* 层浮动 */
.left { float: left; }
.right{ float: right; }
.center { margin: 0 auto; }


/* 文字对齐 */
.tleft { text-align:left; }
.tright { text-align:right; }
.tcenter {text-align:center; }


* html,* html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}


/* 头部
-------------------------------------------------------------- */

.header { margin: 0 auto; height:auto; width:100%; overflow:hidden; }
.header a{ color:#666;}
.header a:hover{ color:#eb891a;}

/* 导航
-------------------------------------------------------------- */
.menu { margin: 0 auto; height:auto; width:100%; overflow:hidden; }
.menu a{ color:#666;}
.menu a:hover{ color:#eb891a;}

/* 尾部
-------------------------------------------------------------- */
.footer { margin:0 auto; width:100%; background:url(../images/footerbg.jpg) repeat-x;overflow:hidden;color:#fff;}
.footer a{ color:#666;}
.footer a:hover{ color:#eb891a;}
.footernr{ width:950px; padding:20px 0 15px 20px; overflow:hidden;}



/* 主体内容开始
-------------------------------------------------------------- */

.page { margin: 0 auto; width:100%;background:url(../images/pagebg.jpg) repeat-y center center;}
.pagenr{ width:1000px; margin:0 auto; background:url(../images/pangnrbg.jpg) no-repeat left top;}
.content{ width:100%;}
.content a {}
.content a:hover{color:#eb891a;}


/* 主页
-------------------------------------------------------------- */
.headernr{ width:980px; margin:0 auto;}
.logo{ width:189px; float:left;}
.nav{ width: 791px; float:right; background:url(../images/headri.jpg) no-repeat; height:93px;}
.headtopright{ float:right; padding-top:20px;}
.headtopright a{ color:#666; padding:0 5px 0 5px;}
.menunav{ width: 310px; padding:16px 0 0 0; color:#fff; float:right;}
.menunav a{ color:#fff;}
.connr{ width:980px; margin:0 auto; overflow:hidden;}
.connrleft{ float:left; width:190px; background:url(../images/leftbg.jpg) repeat-y;}
.crlt{ width:173px; margin:0 auto;}
.crlttop{ width:173px; padding-top:12px;}
.crltbom{ width:173px; margin:0 auto; padding-top:10px;}
.connrcenter{ width:631px; border:#dbdada 1px solid; float:left; margin-left:15px; background:#fff; padding-bottom:15px;}
.tertop{ width:631px; margin:0 auto;}
.terbtm{ width:610px; padding-top:15px; margin:0 auto;}
.btmtop{ width:610px;}
.toptit{ width:610px; height:30px; border-bottom:#b4b3b3 1px dashed;}
.titleft{ float:left; width:200px;}
.titright{ float:right; text-align:right;}
.topconn{ width:610px; padding-top:10px;}
.topconn p{ line-height:25px; padding-top:10px;}
.btmbtm{ width:610px; padding-top:10px;}
.btmleft{ width:265px; float:left; background:#efefef;}
.lefttit{ width:240px; height:20px; margin:0 auto; padding:8px 0;}
.xwleft{ width:150px; float:left;}
.xwright{ width:50px; float:right; color:#005fa4;}
.xwright a{ color:#005fa4;}
.xwconn{ width:240px; margin:0 auto;}
.xwconn ul{ width:240px; padding-bottom:8px;}
.xwconn ul li{ height:25px; line-height:25px; background:url(../images/dian1.jpg) no-repeat left center;}
.xwconn ul li a{ padding-left:10px;}
.btmright{ width:330px; float:right;}
.right01{ width:165px; float:left;}
.connrright{ width:140px; float:left;}
.tu01{ width:140px;}
.footerleft{float:left;}
.footeright{ width:480px; float:right; color:#666; text-align:right;}



/* 左侧导航
-------------------------------------------------------------- */
.cb,.cb_10,.cb_15{clear: both; width: 100%; height: 0; overflow: hidden;}
.cl{ clear: left}
.cr{ clear: right}
.cb_10{ height:10px;}
.cb_15{ height:15px;}
/*float*/
.fl{ float: left; display:inline;}

.tjskl-main{ width:173px; margin:0 auto;}
.tjskl-sidebar{ width:173px;}

.tj_submain{z-index:10; position:relative; width:173px; font-weight: normal;}
#submain_hidden{ border-top:0; display: none;}
.bsb{ border-bottom:1px solid #c8d2e5;border-top:0; }

#more_submenu a.show{ text-align: right; display: block; width: 125px; padding-right: 19px; }
#more_submenu a.less{ text-align: right; display: block; width: 125px; padding-right: 19px; }

.tj_submain li { width:173px; list-style: none; background:url(../images/dian.jpg) no-repeat left center; line-height:100%; border-bottom:#7077f9 1px solid; height:30px; line-height:30px; }
.tj_submain li a{width:131px; display:inline-block; line-height:18px; padding:4px 20px;line-height:21px; color:#fff;}
.tj_submain li a.on{width:141px; padding:4px 0 0px 20px; position: relative; z-index:90;}
.tj_submain span{ position: absolute; top:0; left:80px; z-index:9999;display: none;}
.tj_submain span a{ display: block; line-height: 20px; padding-left: 20px; color:#fff;}
.tj_submain span a:hover{font-weight:bold;}

.tj_submain ul li{ float:left; }
.tj_submain ul li span a{text-decoration:none;}
.tj_submain ul li span a:hover{ color:#f60; }



/* 所有的页面的样式用注释标签标注一下
-------------------------------------------------------------- */

/* 群青简介
-------------------------------------------------------------- */
.qqjj{ background:url(../images/qqjjbg.png)  no-repeat right bottom; padding-bottom:80px;}
.qqjj p{ line-height:28px;}


/* 产品展示
-------------------------------------------------------------- */
.cpzs{ width:610px;}
.cpzszong{ width:203px; float:left;}
.cpzstop{ width:180px; border:#d9d9d9 1px solid; margin:0 auto;}
.cpzsbtm{ width:180px; text-align:center; padding:8px 0; margin:0 auto;}
.cpzsnr{ width:170px; margin:0 auto; padding:5px 0;}
.pageyemian{ width:610px; text-align:center; padding-top:5px;}

/* 新闻中心
-------------------------------------------------------------- */
.xwzx{ width:610px;}
.xwzx ul{ width:610px;}
.xwzx ul li{ text-align:right; height:30px; line-height:30px; background:url(../images/sanjiao.jpg) no-repeat left center; border-bottom:#d9d9d9 1px dashed;}
.xwzx ul li a{ float:left; padding-left:10px;}

/* 产品应用
-------------------------------------------------------------- */
.cpyy{ width:610px;}

/* 技术支持
-------------------------------------------------------------- */
.in{ text-indent:2em;}

/* 联系我们
-------------------------------------------------------------- */
.lxwmal{width:380px; float:left;}
.lxwmdt{ float:right; padding-top:30px;}
.xiaye{ width:380px; height:29px; margin:0 auto; text-align:center;margin-top:10px;}
.xiaye a{ font-family:微软雅黑;width:25px; height:27px; float:left; border:1px solid #DDDDDD; margin-left:13px; display:inline; line-height:27px; }
.xiaye a.a1{ font-family:微软雅黑;width:61px; height:27px; float:left; border:1px solid #DDDDDD; margin-left:13px; display:inline; line-height:27px;}
.xiaye span{ color:#FFF; background:#0000fe;font-family:微软雅黑;width:25px; height:27px; float:left; border:1px solid #DDDDDD; margin-left:13px; display:inline; line-height:27px;}
.xwdt{ border-bottom:1px solid #CCC;}
.xwxqye{ width:610px; height:60px; border-bottom:1px solid #CCCCCC; text-align:center; font-size:18px; font-weight:bold; padding-top:20px;}