﻿/* publish style */
*{ margin:0; padding:0; }
body,table,input,textarea{ font-size:12px; font-family:"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; color: #000; }
body{ background:#EDF7FF; }
img{ border:none; vertical-align:bottom; }
ul{ list-style:none; }
a{ text-decoration:none; color: #000; }
a:hover{ color:#054DA3; }

.main{ width:1000px; margin:0 auto; }
.clear{ clear:both; width:100%; font-size:0; line-height:0; height:0; }

/* header style */
.header{ height:80px; position:relative; margin-top:25px;/*background-color: #EDF7FF;*/}
.header .logo{ float:left; margin-top: 0px; height:56px; }
/*.header .logo{ float:left; margin-top: 25px; height:56px; }*/
.header .topinfo{ position:absolute; right:0px; top:0px; }
.header .topinfo a.zh-cn{ background: url(../images/zh-cn.jpg) no-repeat 0 center; padding-left: 22px; }
.header .topinfo a.en{ background: url(../images/en.jpg) no-repeat 0 center; padding-left: 22px; }
.header .topinfo a:hover{ text-decoration:underline; }
/*.header .topinfo{ position:absolute; right:0; top:4px; }*/
.header .search{ position:absolute; right:0; top:30px; }
.header .search input{ vertical-align: top; }
.header .search input.key{ border: 0px solid #CCC; line-height: 43px; height: 43px; width: 160px; border-right:none; padding:0 7px; font-size: 15px;}
.header .search .btn{ border:0px solid #CCC; display:inline-block; }
.header .search .btn input{ cursor: pointer; background: #286DA8; color: #fff; border: none; height: 43px; padding: 0 7px; font-weight: bolder; font-size: 16px;}
.header .search .btn input:hover{ background: #286DEF; }
.header .menu{  float:right; margin-right:250px; font-family:"微软雅黑"; font-weight:bold; font-size:15px; height: 42px; line-height: 42px; margin-top:35px; }
/*.header .menu{  float:right; font-family:"微软雅黑"; font-size:14px; height: 42px; line-height: 42px; margin-top:55px; }*/
.header .menu ul li.one{ float:left; position: relative; z-index:9999; margin-left:22px; }
.header .menu ul li.one a{ display:block; }
.header .menu ul li.one a:hover{color:#67b5ff ;/*background-color:#eaf2fe*/}
.header .menu ul li.one ul{ position: absolute; left: -20px; z-index: 9999; background: #011358; display:none; white-space:nowrap; width:155px; }
.header .menu ul li.one ul li { vertical-align:top; font-size:14px; }
.header .menu ul li.one ul li a{ height:32px; line-height:32px; padding:0 20px; color:#FFF; }
.header .menu ul li.one ul li a:hover{ background: #1369C0; }


/* animate style */
.animate{ position:relative; height:325px; border: 0px solid #DDD; border-left: none; border-right: none; margin-top:40px;}
.animate li{ height: 325px; position: absolute; width: 100%; }
.animate li a{ height:325px; width:100%; display:block; }
.animate .btns{ bottom: 0; height: 26px; position: absolute; width: 100%; z-index: 9; }
.animate .btns .btnsbox{ text-align:center; height:28px; float:left; width:100%;}
.animate .btns .btnsbox a{ cursor: pointer; display: inline-block; margin:0 5px; }

/* banner style */
.banner{ height:160px; margin-top:35px;}

/*i-item style*/
.i-item { margin-top:14px; }
.i-item h3.title{ font: 14px/24px "微软雅黑"; color: #00447E; border-bottom: 1px solid #00639E; margin-bottom: 12px; }
.i-item h3.title a.more{ float:right; font: 8px/24px Arial, Helvetica, sans-serif; color: #333; }
.i-item h3.title a.more:hover{ color: #00447E; }
/*left style*/
.i-item .left{ float: left; width: 350px; line-height: 26px; }
.i-item .left div.intro{ text-indent:2em; }
.i-item .left div.contact{ }
/*middle style*/
.i-item .middle{ float: left; width: 300px; margin:0 10px 0 20px; }
.i-item .middle dl{ margin-top: 19px; }
.i-item .middle dl dt{ float:left; margin-right:10px; }
.i-item .middle dl dt a{display:block; border:1px solid #DFDFDF;}
.i-item .middle dl dt a:hover{border-color:#054DA3;}
.i-item .middle dl dd{ height: 90px; }
.i-item .middle dl dd a.title{ display:block; font-weight: normal; font-size: 12px; line-height: 24px; }
.i-item .middle dl dd p.intro{ height:66px; overflow: hidden; color: gray; line-height: 22px; font-family: 宋体; }
/*right style*/
.i-item .right{ float: right; width: 300px; }
.i-item .right .search{ position:absolute; right:0; top:32px; display:none; }
.i-item .right .search input{ vertical-align: top; }
.i-item .right .search input.key{ border: 1px solid #CCC; line-height: 23px; height: 23px; width: 180px; border-right:none; padding:0 8px; }
.i-item .right .search .btn{ border:1px solid #CCC; display:inline-block; }
.i-item .right .search .btn input{ cursor: pointer; background: #EEE;  border: none; height: 23px; padding: 0 10px; }
.i-item .right .search .btn input:hover{ background: #DDD; }
.i-item .right ul{ }
.i-item .right ul li a{ height:26px; line-height:26px; overflow:hidden; background:url(../images/icon-news.jpg) no-repeat 0 8px; padding-left:12px; border-bottom:1px dashed #E7E7E7; display:block; }
.i-item .right ul li a:hover{ border-bottom:1px dashed #CCC; }
.i-item .right ul li a span{ float:right; }


/* content left common style */
.content{width:970px;padding:15px;margin-top:20px;border:1px solid #d4d4d4;}
.content .left{float:left;width:210px;}
.content .left h2{color:#fff;height:40px; line-height:40px; background:url(../Images/class/title-bg.jpg) no-repeat;font-size:18px;font-weight:bold; text-indent:42px;}
.content .left ul{font-size:14px;/*padding:15px 0 20px 0;*/background: #EFEFEF;border: 1px solid #DFDFDF;}
.content .left ul li{/*height:38px;line-height:38px;margin-bottom:1px;border-bottom: 1px dashed #E4E4E4;*/ overflow: hidden;}
.content .left ul li a{display:block; /*padding-left:30px; background: url(../images/icon.png) no-repeat 32px 15px;
padding-left: 45px;*/}
.content .left ul li a:hover{/*background:url(../images/icon.png) no-repeat 32px 15px #f5f5f5;*/}
.content .left ul li a.current{/*background:url(../images/icon.png) no-repeat 32px 15px #f5f5f5;*/}
.content .left .contact{ margin-top: 20px; line-height: 26px; border:1px solid #DFDFDF; }
.content .left .contact h3{background:url(../images/class/contact.jpg) no-repeat right top;height: 60px;line-height: 68px;overflow:hidden;text-indent: 20px;}
.content .left .contact p{ padding:20px; }

/* content right common style */
.content .right{width:720px;float:right;}
.content .right h3.navigate{border-bottom:1px solid #e4e4e4;text-align:right;font-size:12px;font-weight:normal;line-height:38px;height:38px;padding-right: 12px;}
.content .right h3.navigate span{background:url(../images/home.png) no-repeat 0 center;padding-left:22px;} 
.content .right h3.navigate a{}
.content .right h3.navigate a:hover{text-decoration:underline;}
.content .right div.view{ font-family: "宋体"; line-height:26px ;font-size:14px; margin:15px 0 20px 0; }
.content .right .list{ padding:15px 0; }
.content .right .list li{ height:31px; }
.content .right .list li a{ line-height:31px;height:30px;display:block;overflow:hidden;border-bottom:1px dashed #ddd;background:url(../images/icon-news.jpg) no-repeat 0 13px; padding-left:12px; }
.content .right .list li a:hover{}
.content .right .list li span.publish{ float:right; }
.content .right .detail{font-size:14px;margin:15px 0;line-height:26px;}
.content .right .detail h3.title{text-align:center;}
.content .right .detail div.publish{text-align:center;font-size:12px;margin:5px 0 10px 0;}
.content .right .detail div.view{font-family: "宋体"; }


/* product */
.product .right .list{ padding:0; width:740px;overflow:hidden; }
.product .right .list dl{ margin-top: 15px; width:350px;float:left;margin-right:20px;overflow:hidden; }
.product .right .list dl dt{ float:left; margin-right:10px; }
.product .right .list dl dt a{display:block; border:1px solid #DFDFDF;}
.product .right .list dl dt a:hover{border-color:#054DA3;}
.product .right .list dl dd{ height: 90px; }
.product .right .list dl dd a.title{ display:block;height:24px; line-height: 24px;overflow:hidden;background:url(../images/icon-news.jpg) no-repeat 0 9px; padding-left:10px; }
.product .right .list dl dd p.intro{ height:66px; overflow: hidden; color: gray; line-height: 22px; }
.product .right .detail{ font-family: "宋体";font-size:14px;margin:15px 0;line-height:26px; }
.product .right .detail dl.show{ height:227px; }
.product .right .detail dl.show dt.origin{ width:302px; margin-right:16px; float:left; }
.product .right .detail dl.show dt.origin img{ width:300px; height:225px; border:1px solid #DDD; }
.product .right .detail dl.show dd .pname{ color: #014DA1; height: 28px; line-height: 28px; font-size:14px;font-family:"Microsoft YaHei"; }
.product .right .detail dl.show dd .intro{ height:200px; overflow: hidden; font-size:12px;line-height:22px;}
.product .right .detail .view{ padding-right:12px; padding-top:12px; line-height:22px; }
.product .right .detail .view h3.option{ font: 14px/24px "微软雅黑"; color: #00447E; border-bottom: 1px solid #00639E; margin-bottom: 12px; }
.product .right .detail .view table{ border-collapse:collapse; }
.product .right .detail .view table td{ padding-left: 5px; }


/* footer style */
.footer{ line-height:24px; border-top:0px solid #D6D6D6; margin-top:3px; padding:3px 0; }
.footer .copyright{ text-align:center; }

.side-bar a,.chat-tips i {
	background-image: url(/Images/gdt-img.png);
	background-repeat: no-repeat;
}
/*右侧悬浮icon*/
.side-bar {
	width: 66px;
	position: fixed;
	bottom: 400px;
	right: 25px;
	font-size: 0;
	line-height: 0;
	z-index: 100;
}
.side-bar a {
	width: 66px;
	height: 66px;
	display: inline-block;
	background-color: #dddddd;
	margin-bottom: 2px;
}
.side-bar a:hover {
	background-color: #669fdd;
}
.side-bar .icon-qq {
	background-position: 0 -62px;
}
.side-bar .icon-chat {
	background-position: 0 -130px;
	position: relative;
}
.side-bar .icon-chat:hover .chat-tips {
	display: block;
}
.side-bar .icon-blog {
	background-position: 0 -198px;
}
.side-bar .icon-mail {
	background-position: 0 -266px;
}
.side-bar .icon-totop {
	background-position: 0 -334px;
}
.chat-tips {
	padding: 20px;
	border: 1px solid #d1d2d6;
	position: absolute;
	right: 78px;
	top: -55px;
	background-color: #ffffff;
	display: none;
}
.chat-tips i {
	width: 9px;
	height: 16px;
	display: inline-block;
	position: absolute;
	right: -9px;
	top: 80px;
	background-position:-88px -350px;
}
.chat-tips img {
	width: 138px;
	height: 138px;
}