﻿/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
@charset "utf-8";
/* CSS Document */
* {
margin: 0;
padding: 0;
color: #5c5c5c;
font-family: "微软雅黑";
}
a {
text-decoration: none;
}
li {
list-style: none;
}
img, input {
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
.pageTop {
border-top: 5px solid #00a1f1;
}
.paTBox {
width: 1180px;
margin: 0 auto;
}
.Fptline {
height: 30px;
float: right;
line-height: 30px;
}
.Fptline p {
background-color: #00a1f1;
width: 207px;
float: right;border-radius: 5px;
text-align: center;
}
.Fptline p a, .Fptline p {
color: white;
font-size: 13px;
}
.Fptline p a {
margin: 0 5px;
}
.Fptline ul, .Fptline ul li {
float: right;
}
.Fptline ul li {
width: 90px;
background-repeat: no-repeat;
background-position: left center;
}
.Fptline ul li a {
font-size: 13px;
margin-left: 25px;
}
.tx {
background-image: url(../images/tx.png);
}
.xl {
background-image: url(../images/xl.png);
}
.Sptline {
clear: both;
height: 150px;
overflow: hidden;
}
.logo {
float: left;
}
.Sptline .zhuanye{float: left;width: 712px;text-align: center;line-height: 150px;font-size: 36px;font-weight: bold;}
.Sptline dl {
float: right;
height: 65px;
margin-top: 40px;
padding-left: 65px;
background: url(../images/phone.jpg) no-repeat left 0
}
.Sptline dl dd {
font-size: 14px;
line-height: 20px;
}
.Sptline dl dt {
font-size: 24px;
font-weight: bold;
color: #00a1f1;
}
.nav {
height: 46px;
clear: both;
background-color: #00a1f1;
}
.navBox {
width: 1176px;
margin: 0 auto;
overflow: hidden;
}
.linob {
background-image: none !important
}
.libh a {
width: 147px;
font-size: 18px;
color: white;
text-align: center;
}
.menu .mainlevel {
float: left;
line-height: 46px;
padding: 0;
height: 46px;
display: inline;
width: 147px;
}
.menu .mainlevel a {
font-size: 16px;
text-decoration: none;
height: 46px;
line-height: 46px;
display: block;
color: white;
font-family: "微软雅黑";
text-align: center;
}
.menu .mainlevel ul {
display: none;
position: absolute;
z-index: 9999;
}
.menu .mainlevel li {
border-top: 1px solid #fff;
width: 147px;
background-color: #00a1f1;
}
.menu .mainlevel a.navList:hover, .libh:hover {
background-color: #1f1f1f;
}
.menu .mainlevel li:hover {
background-color: #1f1f1f;
}
.menu .mainlevel li a {
color: white
}
.full_banner {
width: 100%;
position: relative;
height: 530px;
background: #FFF;
overflow: hidden;
clear: both;
}
.full_banner .bd {
margin: 0 auto;
position: relative;
z-index: 0;
overflow: hidden;
}
.full_banner .bd ul {
width: 100% !important;
}
.full_banner .bd li {
width: 100% !important;
float: left;
height: 530px;
overflow: hidden;
text-align: center;
}
.full_banner .bd li a {
display: block;
height: 530px;
}
.full_banner .hd {
width: 100%;
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
height: 50px;
line-height: 50px;
text-align: center;
}
.full_banner .hd ul {
text-align: center;
}
.full_banner .hd ul li {
cursor: pointer;
display: inline-block;
*display:inline;
zoom: 1;
width: 40px;
height: 10px;
margin: 5px;
background: url(../images/tg_flash_p.png) -50px 0;
overflow: hidden;
line-height: 9999px;
}
.full_banner .hd ul .on {
background-position: 0px 0px;
}
.search {
height: 112px;
background: url(../images/searchBg.jpg) no-repeat center 0;
}
.searcPart {
width: 1180px;
margin: 0 auto;
overflow: hidden;
line-height: 56px;
}
.searcPart h3 {
float: right;
font-size: 14px;
}
.searcPart h3 span {
color: #e50012;
}
.searcPart h3 a {
margin: 0 5px;
}
.searcPart h3 a:hover {
text-decoration: underline;
}
.searchBox {
float: right;
width: 370px;
height: 30px;
border: 1px solid #ccc;
margin-top: 13px;
}
.searchBox input {
float: left;
height: 30px;
width: 300px;
padding: 0 5px;
}
.searchBox img {
float: right;
}
.compare {
width: 1180px;
margin: 0 auto;
clear: both;
}
.compaName {
height: 80px;
background: url(../images/compName.jpg) no-repeat center 0;
}
.compaCon {
overflow: hidden;
margin: 50px 0;
}
.leftComp {
float: left;
width: 435px;
}
.leftComp dl {
width: 420px;
}
.leftComp dl dd {
font-size: 18px;
font-weight: bold;
color: #000;
margin-bottom: 18px;
}
.leftComp dl dt {
font-size: 16px;
line-height: 34px;
height: 96px;
}
.leftComp img {
display: block;
width: 296px;
height: 49px;
margin: 0 auto;
}
.rightComp {
width: 520px;
float: right;
margin-right: 50px;
background: url(../images/compIc.jpg) no-repeat left 0;
padding-left: 145px;
}
.rightComp ul {
margin-bottom: 55px;
}
.rightComp ul dl {
background-image: url(../images/compareLine.jpg);
background-repeat: no-repeat;
background-position: left bottom;
height: 60px;
}
.rightComp ul dl dd {
font-size: 18px;
font-weight: bold;
color: #00a1f1;
margin-bottom: 5px;
}
.rightComp ul dl dt {
font-size: 12px;
color: #cccccc;
}
.rightComp ul li {
font-size: 15px;
line-height: 28px;
margin-top: 10px;
}
.casePart {overflow: hidden;
clear: both;
background: url(../images/caseBg.jpg) no-repeat center 0;background-size: 100% 100%;
padding: 40px 0;
}
.caseCon {
width: 1200px;
margin: 0 auto;
}
.caseName {float: left;
height: 40px;line-height: 40px;text-align: center;font-weight: bold;
color: #00a1f1;font-size: 28px;margin-top: 30px;margin-right: 105px;
}
.caseConta {
overflow: hidden;
}
.leftCaseC {
width: 1200px;
}
.leftCaseC li {width: 150px;float: left;
background-color: #232323;
text-align: center;
padding: 20px 0;
cursor: pointer
}
.leftCaseC li p {
font-size: 16px;
color: white;
opacity: 0.1;
}
.leftCaseC li h3 {
color: white;
font-size: 16px;
}
.leftCaseC li.specialLi {
background-color: #00a1f1;
}
.rightCaseC {
width: 1200px;
}
.UpRCase {
overflow: hidden;
height: 285px;
margin-left: 16px;
margin-bottom: 48px;
}
.UpCasePic {
float: left;
display: block;
width: 414px;
height: 285px;
}
.rightUpLine {
float: right;
width: 460px;
margin-right: 20px;
}
.rightUpLine h3 {
line-height: 40px;
}
.rightUpLine h3 a {
font-size: 18px;
color: #00a1f1;
}
.rightUpLine p {
line-height: 28px;
font-size: 14px;
height: 200px;
}
.caseBline {
overflow: hidden;
}
.caseBline img {
display: block;
width: 130px;
height: 44px;
float: left;
margin-right: 20px;
}
.DonRCase {
overflow: hidden;
clear: both;
}
.DonRCase li {overflow: hidden;background-color: #fff;
float: left;
width: 232px;margin-bottom: 15px;
margin-right: 15px;
position: relative
}
.DonRCase li:nth-child(4n){margin-right: 0;}
.DonRCase li .pic{width: 220px;margin:10px auto 15px;overflow: hidden;}
.DonRCase li img{width: 100%;display: block;transition: all 0.6s;}
.DonRCase li a:hover img{transform: scale(1.4);}
.DonRCase li p {
background-image: url(../images/caseLN.png);
width: 100%;
line-height: 40px;
text-align: center;
font-size: 14px;
color: white;
height: 40px;
}
.subCaseC {float: right;width: 980px;}
.subCaseC .more{margin:10px auto 0;text-align: center;}
.subCaseC .more a{display: inline-block;line-height: 36px;background-color: #00a1f1;padding: 0 20px;border-radius: 6px;color: #fff}
.AdsLine {
clear: both;
background: url(../images/Ads01.jpg) no-repeat center 0;
}
.AdsLine2 {
clear: both;
background: url(../images/Ads02.jpg) no-repeat center 0;
}
.AdsCon {
width: 1180px;
margin: 0 auto;
overflow: hidden;
padding: 30px 0
}
.AdsPhone {
width: 185px;
float: right;
}
.AdsPhone dl dd {
font-size: 14px;
color: white;
}
.AdsPhone dl dt {
font-size: 26px;
color: white;
}
.AdsPhone img {
margin-top: 10px;
display: block;
width: 179px;
height: 43px;
}
.Advant {
width: 1180px;
margin: 60px auto;
clear: both;
}
.AdvName {
height: 113px;
background: url(../images/AdvanName.jpg) no-repeat center 0;
margin-bottom: 47px;
}
.AdCon1 {
background: url(../images/AdvPic1.jpg) no-repeat center 0;
padding-top: 140px;
padding-bottom: 99px;
}
.AdCon2 {
background: url(../images/AdvPic2.jpg) no-repeat center 0;
padding-top: 140px;
padding-bottom: 99px;
}
.AdCon3 {
background: url(../images/AdvPic3.jpg) no-repeat center 0;
padding-top: 160px;
padding-bottom: 79px;
}
.AdCon4 {
background: url(../images/AdvPic4.jpg) no-repeat center 0;
padding-top: 180px;
padding-bottom: 59px;
}
.Advant p {
width: 436px;
height: 83px;
font-size: 16px;
line-height: 28px;
}
.AdCon1 p, .AdCon3 p {
margin-left: 61px;
}
.AdCon2 p, .AdCon4 p {
margin-left: 716px;
}
.coperName {
margin: 45px 0 10px 0;
clear: both;
height: 58px;
background: url(../images/coperName.jpg) no-repeat center 0;
}
.caseMore {
width: 66px;
margin: 0 auto;
line-height: 14px;
overflow: hidden;
margin-bottom: 25px;
}
.caseMore a {
float: left;
color: #cccccc;
text-decoration: underline;
font-size: 14px;
}
.caseMore img {
float: right;
}
.caseContain {
height: 172px;
overflow: hidden;
clear: both;
}
.mr_frbox {
height: 172px;
}
.mr_frBtnL {
float: left;
margin-top: 55px;
cursor: pointer;
display: inline;
}
.mr_frUl {
float: left;
height: 172px;
width: 1120px;
}
.mr_frBtnR {
float: right;
margin-top: 55px;
cursor: pointer;
}
.mr_frUl ul li {
display: inline;
float: left;
height: 172px;
width: 200px;
margin-left: 20px;
overflow: hidden;
}
.mr_frUl ul li img {
display: block;
width: 198px;
height: 138px;
border: 1px solid #cccccc
}
.mr_frUl ul li p {
line-height: 32px;
text-align: center;
width: 100%
}
.mr_frUl ul li p a {
font-size: 14px;
}
.mainCon {
clear: both;
width: 1180px;
margin: 50px auto;
}
.profileName {
height: 47px;
background: url(../images/profileNaem.jpg) no-repeat center 0;
margin-bottom: 40px;
}
.proFcon {
height: 264px;
overflow: hidden;
margin-bottom: 50px;
}
.proFPic {
float: left;
display: block;
width: 409px;
height: 264px;
margin-right: 3px;
}
.proN {
float: left;
}
.priText {
float: right;
width: 685px;
margin-right: 20px;
}
.priText h3 {
font-size: 18px;
color: #00a1f1;
line-height: 50px;
font-size: 18px;
}
.priText p {
font-size: 14px;
line-height: 24px;
height: 150px;
margin-bottom: 20px;
}
.proBtn {
display: block;
width: 170px;
height: 39px;
}
.honerLine {
height: 165px;
clear: both;
padding-bottom: 105px;
background-image: url(../images/shadow.jpg);
background-repeat: no-repeat;
background-position: bottom center
}
.honerLine ul {
overflow: hidden;
}
.honerLine ul li {
float: left;
margin-left: 32px;
height: 163px;
border: 1px solid #ccc;
}
.honerLine ul li img {
display: block;
width: 240px;
height: 163px;
}
#demo {
overflow: hidden;
width: 1180px;
margin: 0 auto;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
.newsCon {
clear: both;
height: 430px;
overflow: hidden;
}
.leftNews {
width: 357px;
padding-right: 32px;
background-image: url(../images/spline.jpg);
background-repeat: no-repeat;
background-position: right center;
float: left;
margin-right: 20px;
}
.rightNews {
float: right;
width: 357px;
}
.newsTop {
height: 40px;
overflow: hidden;
line-height: 40px;
border-bottom: 2px solid #000;
margin-bottom: 15px;
}
.newsTop h3 {
float: left;
font-size: 18px;
color: #000;
font-weight: bold;
}
.newsTop a {
float: right;
color: #ccc;
font-size: 14px;
background-image: url(../images/newsMore.jpg);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
}
.newsContext {
clear: both;
height: 440px;
}
.newsCon table td {
height: 28px;
line-height: 28px;
}
.newsCon table .ask {
background-image: url(../images/ask.jpg);
background-repeat: no-repeat;
background-position: left center;
}
.newsCon table .ask a {
color: #00a1f1;
}
.newsCon table .answer {
background-image: url(../images/answer.jpg);
background-repeat: no-repeat;
background-position: left 6px;
}
.newsCon table td a {
margin-left: 30px;
font-size: 14px;
}
.mewsBPic {
display: block;
width: 357px;
height: 141px;
margin: 0 auto;
margin-bottom: 5px;
}
.newsContext ul li {
line-height: 36px;
height: 36px;
background-image: url(../images/dot.jpg);
background-repeat: no-repeat;
background-position: left center;
border-bottom: 1px dashed #ccc;
}
.newsContext ul li a {
color: #606060;
font-size: 14px;
margin-left: 15px;
}
.topNews h2 {
line-height: 30px;
}
.topNews h2 a {
font-size: 18px;
color: #00a1f1;
}
.topNews p {
line-height: 24px;
font-size: 14px;
height: 100px;
}
.moreN {
display: block;
color: #00a1f1;
font-size: 14px;
margin-bottom: 30px;
}
.pageBotm {
background-color: #232323;
clear: both;
}
.pageDBox {
width: 1180px;
margin: 0 auto;
padding: 40px 0;
}
.linkLine {
overflow: hidden;
}
.linkLine img {
float: left;
}
.linkLine p {
width: 992px;
float: right;
line-height: 30px;
}
.linkLine p a {
font-size: 14px;
color: white;
margin: 0 7px;
}
.linkLine p a:hover {
text-decoration: underline;
}
.subNav {
clear: both;
margin-top: 40px;
text-align: center;
line-height: 40px;
background-color: #00a1f1;
height: 40px;
font-size: 14px;
color: white;
}
.subNav a {
font-size: 14px;
color: white;
margin: 0 10px;
}
.pageDLine {
overflow: hidden;
margin-top: 35px;
}
.pageDLine p {
float: left;
font-size: 14px;
color: white;
line-height: 26px;
}
.pageDLine p span {
font-size: 14px;
color: white;
margin-right: 30px;
}
.pageDLine p a {
color: white;
margin-right: 30px;
}
.ewm {
float: right;
}
.pagination-wrapper {
margin: 20px 0;
}
.pagination {
height: 34px;
text-align: center;
}
.pagination li {
display: inline-block;
height: 34px;
margin-right: 5px;
}
.pagination li a {
float: left;
display: block;
height: 32px;
line-height: 32px;
padding: 0 12px;
font-size: 16px;
border: 1px solid #dddddd;
color: #555555;
text-decoration: none;
}
.pagination li a:hover {
background: #f5f5f5;
color: #0099ff;
}
.pagination li.thisclass {
background: #09f;
color: #fff;
}
.pagination li.thisclass a, .pagination li.thisclass a:hover {
background: transparent;
border-color: #09f;
color: #fff;
cursor: default;
}
.main_p{width: 1200px;margin: 20px auto;}
.main_p .sitemap {border: 1px solid #d5d5d5;border-radius: 4px;height: 34px;line-height: 34px;padding-left: 12px;}
.main_p a {display: inline;color: #000;}
.main_p .pro_til{margin: 20px auto 10px; height: 60px;line-height: 60px;text-align: center;font-weight: bold;color: #00a1f1;font-size: 28px;}


.navs{ padding:0 ; height:66px; line-height:34px; background:#00a1f1;  position:relative; z-index:1;  }
.navs a{ color:#fff;  }
.navs .nLi{ float:left;  position:relative; display:inline;  }
.navs .nLi h3{ float:left;  }
.navs .nLi h3 a{ display:block; padding:0 16.5px; font-size:14px; font-weight:bold;  }
.navs .sub{ display:none; width:100%; left:0; top:34px;  position:absolute; background:#4E4E4E;  line-height:26px; padding:5px 0;  }
.navs .sub li{ zoom:1; text-align: center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.navs .sub a{ display:block;}
.navs .sub a:hover{ background:#00a1f1; color:#fff;  }
.navs .on h3 a{background:#00a1f1; color:#fff;}
.cateslist {margin-top: 12px;overflow: hidden;}
.main_p .cateslist dl {overflow: hidden;_float: left}
.main_p .cateslist dl dt {background: url(../images/tit1.gif) repeat-x;height: 32px;padding-left: 12px;line-height: 32px;font-weight: bold;}
.main_p .cateslist dl dd {float: left;margin: 25px 25px 0 0;width: 219px;_margin: 12px 10px;}
.main_p .cateslist dl dd:nth-child(5n){margin-right: 0;}
.main_p .cateslist dl dd .img {width: 219px;border: 1px solid #d5d5d5;height: 219px;overflow: hidden;}
.main_p .cateslist dl dd .img img {display: block;width: 219px;transition: all 0.6s;height: 219px;}
.main_p .cateslist dl dd .img:hover{border: #00a1f1 1px solid}
.main_p .cateslist dl dd .img:hover img{transform: scale(1.4);}
.main_p .cateslist dl dd .txt {padding-top: 15px;line-height: 20px;text-align: center;}

/* 本例子css */
.sideMenu{border:1px solid #ddd;width: 200px;float: left;}
.sideMenu h3{ height:39px;font-size: 18px; line-height:39px; padding-left:10px;  border-top:1px solid #e3e3e3; background:#f0f0f0; cursor:pointer;}
.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;background:url(../images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
.sideMenu h3.on em{ background-position:16px -57px; }
.sideMenu ul{ padding:8px 25px; color:#999; display:none; /* 默认都隐藏 */ }
.sideMenu ul li{line-height: 36px;}
.sideMenu ul li:hover{background:#f4f4f4;}
.suan{overflow: hidden;width: 1200px;margin:0 auto;}
.suan ul{overflow: hidden;}
.suan ul li{width: 100%;margin-bottom: 20px;height: 36px;line-height: 36px;}
.suan ul li .suan_span1{float: left;}
.suan ul li input{width: 120px;height: 30px;padding: 0 12px;}
.suan ul li select{width: 100px;height: 30px;}
