@charset "utf-8";
/*common*/
.center-box{ width:100%; height:auto; margin:0 auto;}
.center{ width:1200px; margin:30px auto; overflow:hidden;}
/*左*/
.center-l{ width:270px; height:auto; float:left; display:block;}
.mulv{ width:270px; height:auto;}
.mulv h1{ width:270px; height:50px; background:url(../images/lanmu-bg.png) center left no-repeat; font-size:24px; font-weight:bold; color:#fff; padding-left:30px; line-height:50px;}
.mulv ul{ width:250px; height:auto; display:block; border:1px solid #ccc; border-top:none; padding:10px 9px;}
.mulv ul li{ width:250px; height:39px; border-bottom:dotted #ccc 1px; }
.mulv ul li p{ font-size:18px; line-height:40px; margin-left:10px; color:#333; float:left; display:block;}
.mulv ul li span{ float:right; display:block; font-size:16px; color:#333; line-height:40px; margin-right:10px;}
.mulv ul li:hover{ background:#0082e6;}
.mulv ul li:hover p{ color:#fff;}
.mulv ul li:hover span{ color:#fff;}
.mulv .mulv-cont{ width:250px; height:auto; display:block; border:1px solid #ccc; border-top:none; padding:10px 9px;}
.mulv .mulv-cont img{ width:250px; height:95px; display:block;}
.mulv .mulv-cont h2{ font-size:16px; color:#333; font-weight:bold; line-height:30px;}
.mulv .mulv-cont p{ font-size:12px; color:#666; font-weight:normal; line-height:24px;}

/*右*/
.center-r{ width:900px; height:auto; float:right; display:block;}
.center-tit{ width:900px; height:36px; background:url(../images/center-tit.png) center left no-repeat; padding-left:20px; line-height:36px;}
.center-tit a{ color:#333;}
.center-tit a:hover{ color:#f90;}
.center-nr{ width:898px; height:auto; border:solid #ccc 1px; min-height:535px;}

/*分页*/
.page{ margin:30px auto 20px; text-align:center; width:100%;}
.page span,.page a{ display:inline-block; line-height: 36px; margin:0px 5px;}
.page a{ padding:0px 16px; border:1px #ccc solid;}
.page a:hover{ background:#f90; color:#fff; border:1px #f90 solid;}

/*上下篇*/
.pages{ width:860px; margin:30px auto 20px;}
.pages img{ width:860px; height:8px;  display:block; margin:10px auto;}
.pages p{ width:860px; height:30px; font-size:16px; line-height:30px; color:#333; text-align:left;}
.pages p span{ font-size:16px; line-height:30px; color:#333;}
.pages p span a{color:#666;}
.pages p span a:hover{ color:#f90; }

/*about*/
.about{ width:860px; margin:20px;}
.about p{ font-size:14px; line-height:24px; color:#333; text-align:left;}
/*server*/
.server{ width:860px; margin:20px;}
.server p{ font-size:14px; line-height:24px; color:#333; text-align:left;}

/*product*/
.product{ width:870px; margin:20px 14px; display:block; overflow:hidden;}
.product li{ width:270px; height:210px; float:left; margin:5px 10px;}
.product li img{ width:268px; height:178px; border:#ccc solid 1px;}
.product li p{ font-size:14px; color:#333; line-height:30px; text-align:center;}
.product li:hover{ background:#0082e6; color:#fff;}
.product li:hover img{ border:solid 1px #0082e6;}
.product li:hover p{ color:#fff;}

.product-nr{ width:860px; margin:20px;}
.product-nr h1{ font-size:24px; color:#333; font-weight:bold; text-align:center; line-height:40px;}
.product-nr span{ display:block; font-size:14px; color:#999; font-weight:normal; text-align:center; line-height:30px;}
.product-nr p{ font-size:14px; color:#333; font-weight:normal; line-height:24px; text-align:left;}

/*video*/
.video{ width:870px; margin:20px 14px; display:block; overflow:hidden;}
.video li{ width:270px; height:210px; float:left; margin:5px 10px; display:block;}
.video li a{ display:block;}
.video li a.pro_img_bg{ width:268px; height:178px; border:#ccc solid 1px; overflow:hidden;}
.video li a.pro_name{ font-size:14px; color:#333; line-height:30px; text-align:center;}
.video li:hover{ background:#0082e6; color:#fff;}
.video li:hover a.pro_name{ color:#fff;}

.video-nr{ width:860px; margin:20px;}
.video-nr h1{ font-size:24px; color:#333; font-weight:bold; text-align:center; line-height:40px;}
.video-nr span{ display:block; font-size:14px; color:#999; font-weight:normal; text-align:center; line-height:30px;}
.video-nr p{ font-size:14px; color:#333; font-weight:normal; line-height:24px; text-align:center;}
.video-nr img{ width:640px; margin:10px auto; display:block; }


/*news*/
.news{ width:870px; height:480px; margin:20px 14px; display:block; overflow:hidden;}
.news li{ width:870px; height:39px; line-height:40px; float:left; display:block; border-bottom:dashed 1px #ccc;}
.news li span{ float:left; display:block; width:7px; height:40px; background:url(../images/news-tit.png) center left no-repeat; margin-left:10px;}
.news li h1{ width:750px; height:39px; overflow:hidden; float:left; margin-left:10px; display:block; line-height:40px; font-size:14px; color:#333; font-weight:normal;}
.news li h1:hover{ color:#0082e6;}
.news li p{ font-size:12px; line-height:40px; float:right; display:block; margin-right:10px; color:#666;}

.news-nr{ width:860px; margin:20px;}
.news-nr h1{ font-size:24px; color:#333; font-weight:bold; text-align:center; line-height:40px;}
.news-nr span{ display:block; font-size:14px; color:#999; font-weight:normal; text-align:center; line-height:30px;}
.news-nr p{ font-size:14px; color:#333; font-weight:normal; line-height:24px; text-align:left;}

/*contact*/
.contact{ width:860px; margin:20px;}
.contact h1{ font-size:24px; font-weight:bold; line-height:40px; color:#333; text-align:left;}
.contact p{ font-size:18px; line-height:30px; color:#333; text-align:left;}
.contact img{ width:860px; height:300px; display:block; margin:20px auto;}

/*liuyan*/
.messages{ width:650px; margin:auto;}
.messages input,.messages select,.messages textarea{ margin:0; padding:0; background:none; border:0; font-family:"Microsoft Yahei";}
.messlist { height:30px; margin:20px auto;}
.messlist label{ float:left; width:100px; height:30px; font-size:18px; line-height:30px; text-align:right; padding-right:10px;}
.messlist input{ float:left; width:300px; height:28px; padding-left:5px; border:#ccc 1px solid; border-radius:3px;}
.messlist.textareas{ height:130px; margin:20px auto;}
.messlist textarea{ float:left; width:500px; height:130px; border:#ccc 1px solid; border-radius:3px;}
.messsub{ padding:30px 0 0 110px;}
.messsub input{ width:100px; height:35px; background:#ddd; font-size:18px; font-weight:normal; cursor:pointer; margin-right:5px}
.messsub input:hover{ background:#f60; color:#fff;}