@charset "utf-8";
/* CSS Document */
html{color:#666; overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td{margin:0;padding:0; -webkit-text-size-adjust: none; text-align:left;}
body{ font-size:14px;font-family:"微软雅黑"; color:#666; line-height:1; min-width:1000px;}
img{border:none;}
li{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
a{color:#333;text-decoration:none;}
a:hover{color:#F60;text-decoration:none;}
input,textarea{ outline:medium; text-indent:5px;}
.pointer {
cursor: pointer;
}
.block100 {
width: 100%; overflow: hidden;
}
.block50 {
width: 50%; overflow: hidden;
}
#warp {
width: 100%; overflow: hidden;
}
#header {
height:152px; width: 100%;
}
#footer {
width: 100%; overflow: hidden;
}
.logo {
margin: 0px auto; width: 1100px; zoom:1; overflow: hidden;
}
.logo h1 { width:400px; margin-top: 10px; float: left;}
.tel{ margin-top: 20px; float: right;}
.logo p { line-height:24px;}
.logo p span{ color:#f30; font-size:24px; font-weight:bold;}
.login{ width:566px;}
.login .txt{ border:solid 1px #ddd; width:100px; height:30px;}
.login .btn{ border:0; width:50px; height:30px; background:#b9985d; text-align:center; color:#fff; cursor:pointer;}
.navigation { height:44px; background:#08a3dc;}
.nav {
margin: 0px auto; width: 1080px; height: 44px; line-height:44px; overflow: hidden; margin-top:18px;
}
.nav li {
height: 100%; float: left;
}
.nav li a {
width:135px; text-align:center; height: 100%; overflow: hidden; color:#fff; font-size: 1rem; display: block; white-space: nowrap; text-overflow: ellipsis;text-decoration: none;
}
.nav li a:hover { background:#1f8ddc;
}
.banner {
width: 100%; height: 700px; overflow: hidden; position: relative;
}
.banner ul {
left: 0px; top: 0px; height: 100%; position: absolute;
}
.banner li {
height: 100%; text-align: center; overflow: hidden; float: left; position: relative;
}
.banner li img {
top: 0px; display: block; position: absolute;
}
.banner .ban_ico {
left: 50%; height: 10px; text-align: center; bottom: 20px; position: absolute;
}
.banner .ban_ico i {
background: rgb(3, 149, 110); margin: 0px 3px; border: 1px solid rgb(3, 149, 110); width: 14px; height: 14px; text-align: center; color: rgb(255, 255, 255); line-height: 14px; font-style: normal; display: inline-block; cursor: pointer;
}
.banner .ban_ico i.active {
background: rgb(255, 255, 255); color: rgb(3, 149, 110);
}
/*==============产品中心=============*/
.product{ background:#f5f5f5 url(../images/bg_p.jpg) repeat-x left top; height:600px;}
.pro{ padding:50px 0; width:1100px; margin:0 auto;}
.pro h2{ font-size:32px; line-height:48px; text-align:center; color:#fff;}
.pro .subtitle { height:18px; overflow:hidden; margin-bottom:30px; text-align:center; color:#71ccee; background: url(../images/bg_p2.jpg) center center no-repeat;}
.pInfo{ width:1100px; zoom:1; overflow:hidden;}
.pInfo ul.PInfoList{ width:840px; float:left; zoom:1; overflow:hidden; margin-top:30px;}
.pInfo ul.PInfoList li{ width:260px; background:#fff; margin-right:20px; float:left; text-align:center;}
.pInfo ul.PInfoList li img{ width:260px; height:260px;}
.pInfo ul.PInfoList li span{ display:block; font-size:20px; line-height:48px; background:#000; color:#fff;}
.pClass{ background:#ff9c00; width:260px; height:308px; float:right; margin-top:30px;}
.pClass ul{ width:200px; margin:30px auto;}
.pClass ul li{ text-align:center; height:40px; line-height:40px; border:solid 1px #fff; border-radius:20px; margin-bottom:15px; color:#fff;}
.pClass ul li a{ color:#fff;}
.pClass ul li a:hover{ font-size:16px;}
.pClass p.more{ width:80px; height:40px; line-height:36px; margin:0 auto; background:#000; text-align:center;}
.pClass p.more a{ color:#fff;}
.viewMore{ width:180px; margin:0 auto; text-align:center; height:40px; line-height:40px; margin-top:30px; border:solid 1px #ccc; border-radius:20px;}
/*==============关于我们=============*/
.warp_about{}
.about{ width:1100px; margin:0 auto; padding:50px 0 0 0;}
.about h2{ font-size:32px; line-height:48px; text-align:center; color:#666;}
.about .subtitle { height:18px; overflow:hidden; margin-bottom:30px; text-align:center; color:#999; background: url(../images/line.jpg) center center no-repeat;}
.aboutTxt{ zoom:1; overflow:hidden;}
.aboutLeft{ width:550px; float:left;}
.aboutLeft dl.a1{ height:120px; margin-bottom:40px; background: url(../images/a1.png) left center no-repeat; padding-left:150px;}
.aboutLeft dl.a2{ height:120px; margin-bottom:40px; background: url(../images/a2.png) left center no-repeat; padding-left:150px;}
.aboutLeft dl.a3{ height:120px; margin-bottom:40px; background: url(../images/a3.png) left center no-repeat; padding-left:150px;}
.aboutLeft dl dt{ line-height:40px; font-size:20px; font-weight:bold;}
.aboutLeft dl dt span{ color:#08a2e0;}
.aboutLeft dl dd{ line-height:18px;}
.aboutInfo{ width:500px; float:right;}
.aboutInfo img{ margin-bottom:15px;}
.aboutInfo p{ text-indent:32px; font-size:14px; line-height:24px; margin-bottom:20px;}
.aboutInfo a{ color:#f30; margin-top:10px;}
.aboutInfo a:hover{ color:#666;}
/*==============news=============*/
.news{ width:100%; height:600px; margin:50px auto 0 auto;}
.news h2{ font-size:32px; line-height:48px; text-align:center; color:#666;}
.news .subtitle { height:18px; overflow:hidden; margin-bottom:30px; text-align:center; color:#999; background: url(../images/line.jpg) center center no-repeat;}
.news .tab { height:34px; overflow:hidden;}
.news .tab p{ width:232px; margin:0 auto;}
.news .tab a{ display:block; width:100px; margin-right:16px; height:32px; text-align:center; line-height:32px; font-size:16px; float:left; text-decoration:none; border-radius:16px; color:#333; background:#eee;}
.news .tab a.on{ background:#0fa8ef; color:#fff; text-decoration:none; border-radius:16px;}
.news .content{ overflow:hidden; width:1100px; margin:0 auto; margin-top:50px; height:350px; position:relative;}
.news .content ul{ position:absolute; left:0; top:0; height:350px;}
.news .content li{ width:1100px; height:350px; float:left;}
.newsLeft{ float:left; width:539px; height:340px; background:#f5f5f5;}
.newsLeft img{ width:539px; height:235px;}
.newsLeft h3{ line-height:36px; font-style:normal; padding:0 16px;}
.newsLeft p{ line-height:24px; font-style:normal; padding:0 16px;}
.newsRight{ float:right; width:520px;}
.newsRight div.newsbg{ background:#f5f5f5; height:71px; padding:20px; margin-bottom:4px; zoom:1; overflow:hidden;}
.newsRight div.newsbg .date{ width:99px; height:60px; border-right:solid 1px #dedede; padding-top:10px; text-align:center; float:left;}
.newsRight div.newsbg .date span{ display:block; margin-bottom:10px;}
.newsRight div.newsbg .date a{ display:block; width:60px; height:20px; line-height:20px; margin:0 auto; background:#0fa8ef; text-align:center; color:#fff;}
.newsRight div.newsbg .newTitle{ float:left; margin-left:30px; width:350px;}
.newsRight div.newsbg .newTitle h3{ font-size:16px; font-weight:400; line-height:24px;}
.newsRight div.newsbg .newTitle p{ font-size:14px; font-weight:400; line-height:24px;}
/*==============联系我们=============*/
.contact{ background:#f5f5f5;}
.warpInfo{ width:1110px; margin:0 auto; padding:50px 0; zoom:1; overflow:hidden;}
.contactUs{ float:left; width:500px; height:340px; background:#fff url(../images/bg_c.jpg) no-repeat left center;}
.contactUs h2{ zoom:1; overflow:hidden; font-weight:400;}
.contactUs h2 span{ line-height:36px; font-size:24px; float:left;}
.contactUs h2 a{ line-height:36px; float:right; font-size:14px;}
.contactUsTxt{ padding-top:8px; margin-left:220px; margin-top:50px; zoom:1; overflow:hidden;}
.contactUs dl{ line-height:24px; font-size:14px; padding-top:15px;}
.contactUs dt{ font-weight:bold; font-size:16px; margin-bottom:10px;}
.contactUs dd{ line-height:32px;}
.map{ float:right; width:610px;}
.map img{ width:610px; height:340px;}
.mainInfo{ width:1060px; margin:0 auto; padding:30px 0; zoom:1; overflow:hidden;}
/*==============左侧=============*/
.left_wrap{ float:left; width:250px;}
/*==============右侧=============*/
.right_wrap{ float:right; width:780px;}
/*==============产品序列=============*/
.productList{ width:248px; background:#fff; border:solid 1px #e6e6e6; padding:1px;}
.productList h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:#f9f9f9;}
.productList h3 span{ float:left; font-size:16px; color:#333;}
.productList h3 a{ float:right; font-size:14px; font-weight:lighter; color:#666;}
.productList ul{ padding:0 10px 10px 10px;}
.productList ul li{ height:38px; line-height:38px; border-bottom:dashed 1px #CCC; zoom:1; overflow:hidden;}
.productList ul li a{ background:url(../images/ico02.gif) no-repeat 3px center; padding-left:15px; font-size:14px;}
/*==============联系我们=============*/
.contacts{ width:248px; margin-top:15px; background:#fff; border:solid 1px #e6e6e6; padding:1px;}
.contacts h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:#f9f9f9;}
.contacts h3 span{ float:left; font-size:14px; color:#333;}
.contacts h3 a{ float:right; font-size:12px; font-weight:lighter; color:#666;}
.txt_contact{ padding-top:10px;}
.txt_contact img{ margin:0 auto; display:block;}
.txt_contact p{ font-size:14px; line-height:24px; padding:0 10px;}
/*==============文章列表=============*/
.list{ width:776px; background:#fff; border:solid 1px #e6e6e6; padding:1px;}
.list h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:#f9f9f9;}
.list h3 span{ float:left; font-size:16px; color:#333;}
.list h3 a{ float:right; font-size:12px; font-weight:lighter; color:#666;}
.list ul{ padding:0 10px 10px 10px;}
.list ul li{ height:42px; line-height:42px; border-bottom:dashed 1px #CCC; zoom:1; overflow:hidden; zoom:1; overflow:hidden;}
.list ul li a{ background:url(../images/ico02.gif) no-repeat 3px center; padding-left:15px; font-size:14px; float:left;}
.list ul li span{ font-size:12px; float:right; padding-right:5px; color:#666;}
/*==============分页=============*/
.page{ text-align:center; padding:10px; font-size:12px;}
/*==============内容页=============*/
.view{ padding:15px; background:#fff; border:solid 1px #e6e6e6;}
.view h2{ text-align:center; font-size:16px;}
.son_title{ text-align:center; padding:15px; color:#666; font-size:12px; background:url(../images/line.gif) repeat-x left bottom;}
.info p{ text-indent:24px; line-height:24px; margin-top:12px; font-size:14px;}
.info { text-indent:24px; line-height:24px; margin-top:12px; font-size:14px;}
#footer { background:#23589b url(../images/bg_footer.jpg) repeat-x center top; background-size:cover;}
.footInfo{ width:1080px; margin:0 auto; padding:50px 0; zoom:1; overflow:hidden;}
.foot_l { zoom:1; overflow:hidden;}
.foot_l img{max-width: 100px;}
.foot_l dl{ width:200px; float:left;}
.foot_l dl dt{ color:#eee; font-size:16px; line-height:24px; margin-bottom:10px;}
.foot_l dl dd{ line-height:24px;}
.foot_l dl dd a{ line-height:24px; color:#95aecd;}
.foot_l dl dd a:hover{ line-height:24px; color:#eee;}
.foot_r{ float:right; color:#95aecd;}
.foot_r dl dt{ color:#eee; font-size:16px; line-height:24px; margin-bottom:10px;}
.foot_r dl dd{ line-height:24px;}
.copyright{ min-height:40px; background:#234271;}
.copyright p { color:#adafbc; text-align:center;padding: 5px 0px;}
.dh {border: 0px solid #e6e6e6;}
.dh h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:#f9f9f9;}
.dh h3 span{ float:left; font-size:16px; color:#333;padding-left:12px;}
.dh h3 a{ float:right; font-size:12px; font-weight:lighter; color:#666;}
.box1{border: solid 0px #d8d8d8;}
.box1 h1{border-bottom:solid 1px #d5d5d5;}
.box1 h1 span{ color:#005e98; font-size:14px; padding-left:15px;}
.box1 ul{ padding:3px; zoom:1;overflow: hidden;}
.producti {margin: 0px; zoom:1; overflow:hidden; background-color: #fff}
.producti ul{zoom:1; overflow: hidden; margin-right: 0px; margin-top: 10px; margin-left: 10px;}
.producti ul li{padding:3px;
text-align:center; font-size:14px; border: solid 1px #ddd; float: left; margin-right: 9px; margin-bottom: 10px;
width:237px;}
.producti ul li span{line-height:32px; display:block; border-top: solid 1px #ddd; background: #fff; margin-top:3px;}
.producti img { max-width: 230px; height: 165px}
.producti a{color: #000;}
.producti h2{
font-size: 14px;
color: #aaaaa;
font-weight: normal;
background: url(../images/ico02.gif) no-repeat 10px center;
padding-left: 20px;
position: relative;
border-bottom: 2px solid #ededed;
line-height: 34px;
height: 34px;
}
.producti h2 a{float: right; margin-right: 5px; font-size: 13px;}
.productc{
margin:0px;
zoom:1;
overflow: hidden;
width: 100%;
}
.productc ul{
zoom:1;
overflow: hidden;
margin-top: 10px;
}
.productc ul li{
width: 241px;
height: 210px;
float: left;
text-align: center;
padding:1px;
font-size: 14px;
border: 1px solid #ddd; margin-right: 9px; margin-bottom: 10px;
}
.productc img{
max-width: 238px;
height: 175px;
padding:1px;
}
.productc ul li span{line-height: 24px; padding: 2px; font-size: 13px; display: block;}
.second{ padding-left: 15px;}
.third{ padding-left: 30px;}
.xglist h2{ font-size: 14px; background-color: #cccccc; text-align: left; padding-left: 5px; padding: 3px; line-height: 22px;}
.xglist ul{width: 100%; zoom:1; overflow: hidden; margin-top: 5px;}
.xglist ul li{float: left; width: 19%; margin-left: 2px; text-align: center;}
.xglist img { width: 110px; height: 80px;}
.xglist ul li span{ display: block; text-align: center;}
.newslist h2{ font-size: 14px; background-color: #cccccc; text-align: left; padding-left: 5px; padding: 3px; line-height: 22px;}
.newslist ul{width: 100%; zoom: 1; overflow: hidden; margin-top: 5px;}
.newslist ul li{float: left; width: 49%; margin-left: 2px;}
#content{width: 72%; text-align: center; margin: 0 auto; background-color:#ffffff;}
.hotcity{ margin: 10px; padding: 5px}
.hotcity ul li{ width: 60px; float: left; font-size: 14px; text-align: center; height: 30px}
.allcity{padding-left:30px;height:100%;padding-top:16px;overflow:hidden;display:block;clear:both;text-align:left;}
.allcity dl{clear:both;margin-bottom:10px;display:block;overflow:hidden;}
.allcity h4{font-size:14px;font-weight:bold;color:#dd0000;margin-bottom:10px;}
.allcity dl dt{clear:both;font-size:14px;font-weight:bold;color:#000000;}
.allcity ul li{float:left;font-size:12px;display:block;width:70px;height:23px;line-height:23px;display:inline;}
.allcity ul li a:visited{color:#800080;text-decoration:none;}
.allcity ul li a.ho{color:#dd0000;}