﻿.headInfo{width:100%; background:#32a3dd;}
.headInfo dl{width:1200px; height:30px; font-size:12px; margin:0 auto; color:#fff; line-height:30px;}
.headInfo dt{float:left;}
.headInfo dd{float:right;}
.headInfo dd a{color:#fff; margin-left:15px;}

.head{ width:100%; height:80px; border-top:3px solid #32a3dd;}
.head_warp{width:1200px; height:80px; margin:0 auto;}
.head_logo{height:50px; float:left; margin-top:15px;}
.head_nav{ float:right; width:720px; height:40px; margin-top:20px;}
.head_nav li{ width:120px; height:40px; float:left; text-align:center; position:relative;}
.head_nav li > a{display:block; width:90px; height:40px; overflow:hidden; margin:0 auto; color:#333; font-size:16px; line-height:40px;}
.head_nav li p{ position:absolute; left:10px; top:37px; z-index:90; min-width:80px; padding:15px 10px; font-size:12px; display:none; background:#32a3dd; }
.head_nav li p a{display:block; line-height:24px; color:#fff; white-space:nowrap; text-align:left;} 
.head_nav li:hover > a{height:37px; border-bottom:3px solid #32a3dd;}
.head_nav li:hover p{display:block;}
.head_nav li.curr > a{height:37px; border-bottom:3px solid #32a3dd;}

.mainBox{width:100%; overflow:hidden; padding:50px 0; background:#f3f3f3;}
.main{width:1200px; overflow:hidden; margin:0px auto;}

.side{float:left; width:240px; overflow:hidden;}
.sideBox{margin-bottom:20px;}
.sideBox dt{width:210px; height:25px; overflow:hidden; padding:10px 15px; background-color:#32a3dd; text-align:center; font-size:16px; color:#fff; line-height:25px;}
.sideBox dt a{color:#fff;}
.sideBox dd{width:208px; padding:13px 15px; margin-top:-1px; border:1px solid #e3e3e3; background:#fff;}
.sideBox dd a{color:#333; display:block; line-height:24px; font-size:12px;}
.sideBox dd a:hover{color:#32a3dd;}
.sideBox dd.contact img{margin:0 auto;}

.right{float:right; width:938px; min-height:800px; overflow:hidden; background:#fff; border:1px solid #e3e3e3;}

.bread{padding:10px 15px; height:20px; overflow:hidden; background:#32a3dd; border-bottom:1px solid #e3e3e3; line-height:20px; color:#fff;}
.bread a{color:#fff; font-size:12px;}
.bread span{margin:0px 10px; font-size:12px;}

.foot_info{ background-color:#333;}
.foot_info ul{ width:1200px; margin:0 auto; padding:20px 0;}
.foot_info li{ float:left; width:220px; height:30px; padding:0 40px; line-height:15px;}
.foot_info li img{ display:inline-block; width:30px; height:30px; float:left; margin-right:20px;}                                                       
.foot_info li div{ width:140px; float:left; display:inline; }
.foot_info li p{ color:#fff; display:inline-block; width:200px; height:15px; color:#eee; font-size:12px; line-height:15px;}
.foot_info li span{ color:#fff; width:200px; height:15px; color:#fff; font-size:12px; line-height:15px;}

.foot_copy{width:100%; height:40px; background:#333; border-top:1px solid #292929;}
.foot_copy p{width:1200px; margin:0 auto; line-height:40px; color:#fff;}
.foot_copy span.fl{margin-right:10px;}
.foot_copy span.fr{margin-left:10px;}
.foot_copy a{color:#fff;}

.Sou{ width:200px; height:210px; position:fixed; left:0; width:200px; background-color:#5c5c5c; padding-top:30px;}
.Sou p{ width:140px; height:30px; font-size:14px; line-height:30px; color:#fff; margin:0 30px;}
.Sou input[type='text']{ width:100px;  margin:30px 30px; height:30px; border:0; padding:0 20px;}
.Sou a{  display:block;width:140px; height:30px; margin:0 30px; margin-bottom:30px;border:0; color:#fff; background-color:#32a3dd; text-align:center; line-height:30px;}