/* CSS Document */

.banner_pv{
	width:100%;
	height:300px;
	background:url(../images/banner_pv.jpg) no-repeat center;
	}



.mainBody{
	width:100%;
	height:auto;
	min-height:500px;
	margin-top:20px;
	}


/** left **/
.mainBody .left{
	width:212px;
	height:auto;
	}
.mainBody .left .columnTitle{
	width:212px;
	height:90px;
	background:#0b73d6;
	color:#FFF;
	}
.mainBody .left .columnTitle .CN{
	width:212px;
	height:50px;
	line-height:60px;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	}
.mainBody .left .columnTitle .EN{
	width:100%;
	height:40px;
	line-height:30px;
	text-align:center;
	font-size:14px;
	text-align:center;
	text-transform:uppercase;
	}
.mainBody .left .columnList{
	width:210px;
	height:auto;
	border-bottom:1px solid #0b73d6;
	border-right:1px solid #0b73d6;
	border-left:1px solid #0b73d6;
	overflow:auto;
	}
.mainBody .left .columnList ul{
	margin-bottom:10px;
	margin-top:10px;
	}
.mainBody .left .columnList ul li{
	width:180px;
	height:45px;
	background:#e7f2ff;
	line-height:45px;
	margin-bottom:5px;
	text-indent:20px;
	margin-left:auto;
	margin-right:auto;
	}
.mainBody .left .columnList ul li a{
	width:100%;
	height:100%;
	display:block;
	color:#333;
	font-size:16px;
	}
.mainBody .left .columnList ul li:hover{
	background:#45c341;
	}
.mainBody .left .columnList ul li:hover a{
	color:#FFF;
	}

.mainBody .left .cc_left{
	width:210px;
	height:auto;
	border-bottom:1px solid #0b73d6;
	border-right:1px solid #0b73d6;
	border-left:1px solid #0b73d6;
	background:#e7f2ff;
	overflow:auto;
	}
.mainBody .left .cc_left .textBox{
	width:180px;
	height:auto;
	margin:15px;
	line-height:24px;
	color:#333;
	font-size:12px;
	}
.mainBody .left .cc_left .textBox a{
	color:#333;
	}







.proClassList{
	width:210px;
	height:auto;
	border-bottom:1px solid #0b73d6;
	border-right:1px solid #0b73d6;
	border-left:1px solid #0b73d6;
	overflow:auto;
	}
.proClassList ul{
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:10px;
	}
.proClassList ul dl{
	width:100%;
	height:45px;
	background:#e7f2ff;
	overflow:hidden;
	}
.proClassList ul dl p{
	width:100%;
	height:45px;
	line-height:45px;
	text-indent:20px;
	background:url(../images/arrow_d_pl.png) no-repeat 170px 7.5px;
	color:#333;
	font-size:16px;
	}
.proClassList ul:hover dl{
	background:#45c341;
	}
.proClassList ul:hover dl p{
	background:url(../images/arrow_d.png) no-repeat 170px 7.5px;
	color:#FFF;
	}
.proClassList ul li{
	width:180px;
	height:30px;
	line-height:30px;
	text-indent:30px;
	background:url(../images/dian.jpg) no-repeat;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	}
.proClassList ul li a{
	color:#626262;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	}
.proClassList ul li:hover{
	background:url(../images/dian_h.jpg) no-repeat;
	}
.proClassList ul li:hover a{
	color:#45c341;
	}

.mainBody .right{
	width:740px;
	height:auto;
	}

.mainBody .right .loc{
	width:100%;
	height:50px;
	border-bottom:2px solid #c5c5c8;
	}
.mainBody .right .loc .proName{
	max-width:370px;
	width:auto;
	height:50px;
	border-bottom:2px solid #0b73d6;
	line-height:60px;
	font-size:22px;
	}
.mainBody .right .loc .thisPage{
	width:370px;
	height:50px;
	line-height:60px;
	color:#626262;
	text-align:right;
	}


/*
* proview.htm
*/
.pvTop{
	width:740px;
	height:300px;
	overflow:hidden;
	margin-top:30px;
	}
.pvTop .bigImg{
	width:357px;
	height:297px;
	overflow:hidden;
	border:1px solid #c5c5c8;
	text-align:center;
	}
.pvTop .bigImg span{
	height:100%;
	display:inline-block;
	vertical-align:middle;
	}
.pvTop .bigImg img{
	margin:2px;
	max-height:293px; 
	max-width:353px;
	vertical-align:middle;
	}
.pvTop .proParameter{
	width:350px;
	height:300px;
	overflow:hidden;
	}
.pvTop .proParameter .parameter{
	width:100%;
	height:45px;
	line-height:45px;
	color:#333;
	}
.pvTop .proParameter .parameter span{
	color:#ff0000;
	}
.pvTop .proParameter .buyPhone{
	width:235px;
	height:45px;
	line-height:45px;
	text-align:center;
	background:#0b73d6;
	color:#FFF;
	margin-top:29px;
	}
.pvTop .proParameter .buyPhone span{
	font-size:16px;
	font-weight:bold;
	}

.caseInforImg{
	width:740px;
	height:auto;
	margin-top:20px;
	}
.caseInforImg img{
	max-width:740px;
	margin-bottom:5px;
	margin-top:5px;
	}


#proContent{
width:740px;
height:auto;
margin-top:45px;
}

.parCaption {
width:100%;
height:45px;
background:#e7f2ff;
border-bottom:1px solid #0b73d6;
}
.parCaption ul{
margin:0px;
padding:0px;
}
.parCaption li{
float:left;
display:block;
cursor:pointer;
width:185px;
height:45px;
line-height:45px;
text-align:center;
color:#0b73d6;
font-size:16px;
}

.parCaption ul li.hover{
color:#FFF;
background:#0b73d6;
}
.ContentCap{
clear:both;
padding-top:10px;
color:#333;
min-height:300px;
}
.ContentCap img{
	max-width:740px;
	margin-bottom:5px;
	margin-top:5px;
	}


.hotPro{
	width:740px;
	height:550px;
	overflow:hidden;
	margin-top:45px;
	}
.hotPro .title{
	width:100%;
	height:45px;
	background:#e7f2ff;
	border-bottom:1px solid #0b73d6;
	}
.hotPro .title .name{
	width:185px;
	height:45px;
	line-height:45px;
	text-align:center;
	color:#FFF;
	font-size:16px;
	background:#0b73d6;
	}
.hotPro .title .more{
	width:80px;
	height:45px;
	text-align:center;
	line-height:45px;
	}
.hotPro .title .more a{
	color:#626262;
	}
.hotPro .hpList{
	width:740px;
	height:458px;
	margin-top:30px;
	}
.hotPro .hpList ul{
	width:757.5px;
	overflow:hidden;
	}
.hotPro .hpList ul li{
	width:233px;
	height:218px;
	border:1px solid #cbcbcb;
	float:left;
	margin-right:17.5px;
	margin-bottom:17.5px;
	}
.hotPro .hpList ul li .hpImg{
	width:233px;
	height:178px;
	overflow:hidden;
	}
.hotPro .hpList ul li .hpImg img{
	width:233px;
	height:178px;
	}
.hotPro .hpList ul li .hpName{
	width:100%;
	height:40px;
	overflow:hidden;
	text-align:center;
	line-height:40px;
	}
.hotPro .hpList ul li .hpName a{
	width:100%;
	height:100%;
	display:block;
	color:#333;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	}





/*
* about.htm
*/

.information{
	width:740px;
	height:auto;
	margin-top:20px;
	line-height:24px;
	color:#333;
	}

.information img{
	max-width:740px;
	margin-bottom:5px;
	margin-top:5px;
	}



/*
* news.htm
*/
.newsList{
	width:740px;
	height:auto;
	margin-top:20px;
	overflow:hidden;
	}
.newsList ul{}
.newsList ul li{
	width:100%;
	height:100px;
	background:#e7f2ff;
	margin-bottom:10px;
	overflow:auto;
	}
.newsList ul li .cBox{
	width:720px;
	height:80px;
	margin:10px;
	}
.newsList ul li .cBox .date{
	width:80px;
	height:80px;
	background:#e1e1e1;
	overflow:hidden;
	}
.newsList ul li .cBox .date .day{
	width:100%;
	height:50px;
	line-height:60px;
	text-align:center;
	font-size:32px;
	font-weight:bold;
	}
.newsList ul li .cBox .date .m-y{
	width:100%;
	height:30px;
	line-height:10px;
	color:#333;
	text-align:center;
	}
.newsList ul li .cBox .text{
	width:620px;
	height:80px;
	overflow:hidden;
	}
.newsList ul li .cBox .text .newsTitle{
	width:100%;
	height:30px;
	line-height:30px;
	overflow:hidden;
	}
.newsList ul li .cBox .text .newsTitle a{
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	color:#333;
	font-weight:bold;
	}
.newsList ul li .cBox .text .newsDesc{
	width:100%;
	height:50px;
	line-height:25px;
	color:#666;
	overflow:hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	}
.newsList ul li .cBox .text .newsDesc a{
	color:#666;
	}

.newsList ul li:hover{
	background:#0b73d6;
	}
.newsList ul li:hover .cBox .date{
	background:#45c341;
	}
.newsList ul li:hover .cBox .date .day,
.newsList ul li:hover .cBox .date .m-y{
	color:#FFF;
	}
.newsList ul li:hover .cBox .text .newsTitle a,
.newsList ul li:hover .cBox .text .newsDesc a,
.newsList ul li:hover .cBox .text .newsDesc{
	color:#FFF;
	}

/*
* newsview.htm
*/
.nvTitle{
	width:720px;
	height:auto;
	line-height:24px;
	font-size:18px;
	font-weight:bold;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
.a-t{
	width:720px;
	height:24px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	overflow:hidden;
	}
.a-t ul{
	width:240px;
	height:24px;
	overflow:hidden;
	margin-left:480px;
	}

.a-t ul li{
	width:120px;
	height:24px;
	overflow:hidden;
	float:left;
	color:#CCC;
	font-size:12px;
	}
.a-t ul li span{
	font-weight:bold;
	}

.newsContent{
	width:720px;
	height:auto;
	min-height:400px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	line-height:24px;
	color:#333;
	}
.newsContent img{
	max-width:720px;
	margin-bottom:5px;
	margin-top:5px;
	}

.recommendedReadTitle{
	width:740px;
	height:40px;
	margin-top:20px;
	border-bottom:2px solid #c5c5c8;
	}
.recommendedReadTitle .name{
	max-width:370px;
	width:auto;
	height:40px;
	line-height:40px;
	border-bottom:2px solid #0b73d6;
	font-size:22px;
	color:#333;
	}


.recommendedRead{
	width:740px;
	}
.recommendedRead ul{}
.recommendedRead ul li{
	width:740px;
	height:40px;
	border-bottom:1px dashed #f1f1f1;
	}
.recommendedRead ul li .rdTitle{
	width:640px;
	height:40px;
	line-height:40px;
	background:url(../images/dian.jpg) no-repeat left 8px;
	text-indent:30px;
	}
.recommendedRead ul li .rdTitle a{
	color:#666;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	word-wrap:normal;
	white-space:nowrap;
	}
.recommendedRead ul li .rdDate{
	width:100px;
	height:40px;
	line-height:40px;
	color:#666;
	}

/*
* product.htm
*/
.proList{
	width:740px;
	height:auto;
	margin-top:20px;
	margin-bottom:20px;
	}
.proList ul{
	width:770px;
	overflow:hidden;
	}
.proList ul li{
	width:233px;
	height:218px;
	overflow:hidden;
	float:left;
	margin-right:17.5px;
	margin-bottom:17.5px;
	border:1px solid #C7DEF9;
	}
.proList ul li .proImg{
	width:233px;
	height:178px;
	overflow:hidden;
	text-align:center;
	}
.proList ul li .proImg a{
	width:100%;
	height:100%;
	display:block;
	text-align:center;
	}
.proList ul li .proImg a span{
	height:100%;
	display:inline-block;
	vertical-align:middle;
	}
.proList ul li .proImg a img{
	vertical-align:middle;
	height:178px;
	width:233px;
	}
.proList ul li .proName{
	width:233px;
	height:40px;
	background:#e7f2ff;
	text-align:center;
	line-height:40px;
	overflow:hidden;
	}
.proList ul li .proName a{
	font-size:16px;
	color:#333;
	width:100%;
	height:100%;
	display:block;
	}

.proList ul li:hover{
	border:1px solid #0b73d6;
	}
.proList ul li:hover .proName{
	background:#0b73d6;
	}
.proList ul li:hover .proName a{
	color:#FFF;
	}


/*
* application.htm
*/
.appList{
	width:740px;
	height:auto;
	margin-top:30px;
	}
.appList ul{}
.appList ul li{
	width:310px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:30px;
	margin-right:30px;
	margin-bottom:30px;
	}
.appList ul li .appImg{
	width:310px;
	height:100px;
	overflow:hidden;
	}
.appList ul li .appImg img{
	width:310px;
	height:100px;
	}
.appList ul li .appName{
	width:310px;
	height:50px;
	line-height:50px;
	text-align:center;
	}
.appList ul li .appName a {
	width:100%;
	height:100%;
	display:block;
	color:#333;
	font-size:24px;
	}


/*
* feedback
*/
.Message{ width:740px; height:auto;}
.Message .line{ width:100%; height:35px; margin-bottom:10px;}
.Message .line .title{ width:90px; height:35px; line-height:35px; text-align:right;}
.Message .line .ctent{ width:220px; height:35px;}
.Message .line .ctent input{ width:238px; height:33px; border:1px solid #CCC;}
.Message .line-l .title{ width:90px; height:35px; line-height:35px; text-align:right;}
.Message .line-l .ctent{ width:420px; height:200px;}
.Message .line-l .ctent textarea{ width:418px; height:198px; border:1px solid #CCC;}
.Message .line-but{ width:300px; height:35px; margin-left:90px; margin-top:20px;}
.Message .line-but .sub,
.Message .line-but .res{ width:120px; height:35px;}
.Message .line-but .sub input,
.Message .line-but .res input{ width:120px; height:35px; border:0; background:#0b73d6; display:block; line-height:35px; text-align:center; color:#FFF; cursor:pointer;}
.tips{
	width:700px;
	height:50px;
	line-height:25px;
	padding:20px;
	margin-top:20px;
	background:#f2f2f2;
	}




/*
* honorview.htm
*/
.honorImg{
	width:740px;
	height:auto;
	margin-top:20px;
	margin-bottom:20px;
	}
.honorImg img{
	max-width:740px;
	}


/*
* contact
*/
.cc{
	width:740px;
	height:220px;
	overflow:hidden;
	margin-bottom:20px;
	margin-top:20px;
	background:url(../images/contactBG.jpg) no-repeat right bottom;
	}

.cc .title{
	width:100%;
	height:55px;
	background:url(../images/hotPhoneTitle_c.jpg) no-repeat;
	line-height:55px;
	text-indent:60px;
	color:#333;
	font-size:22px;
	}
.cc .phoneList{
	width:100%;
	height:auto;
	}

.cc .phoneList li{
	width:500px;
	height:35px;
	line-height:35px;
	background:url(../images/arrow_c.jpg) no-repeat left 6.5px;
	font-size:18px;
	color:#333;
	margin-left:35px;
	text-indent:30px;
	}
.cc .phoneList li span{
	color:#0b73d6;
	font-weight:bold;
	}