@charset "utf-8";
.header{width:998px; margin:0 auto; padding-top:18px;}
.logo,.logo img{width:720px; height:52px;}
.infoTop{font-size:12px; color:#001a32; text-align:right}
.infoTop span{margin:0 5px;}
.infoTop a{ color:#001a32; }
.tel{ margin-top:11px; padding-top:6px; padding-left:38px; font-weight:bold; font-size:16px; color:#ff7e00; background:url(../images/tel.png) no-repeat left top; }

.nav{width:100%; background:url(../images/navbg.png) repeat-x; padding:1px 0; margin-top:6px;}
.navBox{width:998px; margin:0 auto; border-left:1px solid #003166;}
.navBox li{ float:left;}
.navBox li a{ display:block; width:108px; color:#fff; font-size:16px; height:38px; text-align: center; line-height:38px; border-left:1px solid #00a1e1; border-right:1px solid #003166}
.navBox li a:hover,.navBox .navAc{ background:url(../images/navac.png) no-repeat center;}

.banner{width:100%; height:383px; overflow:hidden; position:relative}
.picList,.picList li{ width:100%; height:383px;}
.dotList{position:absolute; bottom:15px; right:50%; width:998px; margin-right:-499px; text-align:right; z-index:99;}
.dotList li{ display:inline-block; cursor:pointer; margin:0 2px; width:16px; height:16px; background-color:#f9f9f9; text-align: center; line-height:16px; font-size:12px; color:#646464;}
.dotList li:hover,.dotList .dotAc{ background-color:#e65a25; color:#fff;}

.banner_a{width:355px; height: 120px; position: absolute; top: 50%; left: 50%; z-index: 9999; margin: -60px 0 0 -177.5px; overflow: hidden; background: rgba(0,69,134,.5); color: #fff; border-radius: 10px; box-sizing: border-box; padding: 15px; text-align: justify;}
.banner_a h2{font-size:16px; margin-bottom:5px}
.banner_a p{font-size:14px; line-height:1.3}


.wrap{width:1000px; margin:6px auto 0;}

.prot{ width:250px; margin-right:23px;}
.infoHead{border-bottom:1px solid #dbdbdb;}
.infoHead h2{ float:left; height:35px; padding:0 10px; line-height:35px; text-align: center; font-size:20px; color:#fff; border-radius:8px 8px 0 0; background:url(../images/headbg01.jpg) repeat-x;}
.protText{ margin-top:7px;}
.protImg,.protImg img{ width:250px; height:115px;}
.protTail{ margin-top:6px; font-size:12px; color:#7a7a7a; line-height:22px; height:88px; overflow:hidden}
.protMore{margin-top:9px;}
.moreBtn{ display:inline-block; width:50px; height:16px; font-size:12px; line-height:16px; text-align: center; border:1px solid #929db9; background:url(../images/more.jpg) repeat-x; border-radius:2px;}

.news{ width:430px;}
.newsTail{ margin-top:7px;}
.newsImg{padding:4px; background-color:#dfdfdf}
.newsImg,.newsImg img{ width:150px; height:100px;}
.newsText{width:257px;}
.newsText h2{ font-size:14px; color:#515151; line-height:32px; font-weight: normal;}
.newsText h2 a{  color:#515151;}
.newsWd{ font-size:12px; line-height:22px; height:66px; overflow:hidden; color:#737373}
.newsList{ margin-top:7px;}
.newsList li{ position:relative; padding-left:19px; background:url(../images/list01.jpg) no-repeat left center; line-height:29px; border-bottom:1px dashed #c0c0c0}
.newsList li p{ font-size:12px; width:520px; white-space: nowrap; overflow:hidden;}
.newsList li p a{color:#737373}
.newsList li em{ font-style:normal; position:absolute; right:0; top:0; font-size:12px; color:#737373}
.newsList li:hover a,.newsList li:hover em{ color:#0091dd}

.honor{ width:272px; border:1px solid #e9e9e9; border-radius:16px;}
.title{ background:url(../images/title01.jpg) repeat-x; height:50px; border-radius:16px 16px 0 0 ; font-size:20px; color:#055faa; text-align: center; line-height:50px;}
.title span{ font-size:14px; margin-left:10px;}
.honorBox{ position:relative;width:266px; height:168px; padding:25px 3px 31px;}
.honorList{ overflow:hidden;}
.honorList,.honorList li,.honorList li img{ width:266px; height:168px;}
.honorDot{ position:absolute; bottom:11px; right:10px;}
.honorDot li{ text-indent:-9999px; display:inline-block; width:6px; height:6px; border-radius:50%; background-color:#00488c; margin:0 2px; cursor: pointer;}
.honorDot li:hover,.honorDot .honorAc{ background-color:#c00009}

.pro{ margin-top:20px;}
.proHead{ border-radius:16px 16px 0 0; background:url(../images/title01.jpg) repeat-x; height:38px; border:1px solid #e6e6e6; padding:0 10px;}
.proHead h2{font-size:20px; color:#055faa; line-height:38px;}
.proHead h2 span{ font-size:14px; margin-left:10px;}
.proHead .protMore{margin-top:15px;}
.proList{ margin-top:10px; padding:0 21px; position:relative;}
.proPic{width:957px; height:173px; overflow:hidden;}
.proPic li{ width:218px; margin:0 11px;}
.proImg{ padding:5px; border:1px solid #d9d9d9; width:206px; height:134px; box-shadow:0px 3px 3px #999}
.proImg img{ width:206px; height:134px; background:#efefef}
.proPic p{ margin-top:13px; font-size:14px; width:206px; white-space:nowrap; overflow:hidden; text-align:center}
.proPic p a{ color:#333;}
.proPrev,.proNext{ position:absolute; top:50%; margin-top:-20px; display:block; width:20px; height:40px; font-size:40px; color:#055faa; font-family: "宋体"; text-align:center; line-height:40px;}
.proPrev{ left:0;}
.proNext{ right:0;}
.proPic li:hover .proImg{ border:1px solid #00a2ff}
.proPic li:hover p a{ color:#00a2ff;}

.gc{margin-top:20px;}
.caseList{ width:729px; margin-top:10px;}
.caseList li{float:left; margin:0 11px 18px; width:218px;}
.caseList p{ margin-top:13px; font-size:14px; width:206px; white-space:nowrap; overflow:hidden}
.caseList p a{ color:#333;}
.ctBox{ border:1px solid #e9e9e9; border-radius:8px;}
.ctBox .title{ height:40px; line-height:40px;}
.ctTail{ padding:23px 6px 8px 7px;}
.ctText{ margin-top:19px; font-size:12px; color:#737373; line-height:24px;}
.message,.qq{width:233px; height:57px; border:1px solid #e3e3e3; border-radius:8px; margin-top:10px;}
.contact{ width:234px;}

.links{ margin-top:20px; padding:11px 14px 0; border:1px solid #eaeaea}
.links span{ font-size:16px; color:#5b5b5b}
.links a{ display:inline-block; margin-bottom:10px;}

.footer{margin-top:20px; width:100%; padding:20px 0; background:url(../images/footer.jpg) repeat; border-top:1px solid #0e2944}
.footerNav{ text-align:center;}
.footerNav li{display:inline-block; color:#fff; font-size:14px;}
.footerNav li a{ color:#fff;}
.copyright{margin-top:24px; color:#fff; font-size:12px; line-height:24px; text-align: center;}

.subNav{ width:218px; border:1px solid #ececec;}
.subNav h2{ height:30px; padding-left:14px; font-size:16px; color:#0e5381; line-height:30px; background:url(../images/navinbg.jpg) repeat-x}
.navList li{ padding-left:14px; height:30px; background:url(../images/navinbg.jpg) repeat-x;}
.navList li a{ display:block; width:204px; background:url(../images/jt02.png) no-repeat left center; line-height:30px; padding-left:8px;}
.navList li:hover,.navList .navActive{ background:url(../images/navinbg01.jpg) repeat-x;}
.navList li:hover a,.navList .navActive a{background:url(../images/jt01.png) no-repeat left center; color:#fff;}

.content{ width:736px;}
.contentHead{ border-bottom:2px solid #258acc; padding:8px 10px; position:relative;}
.contentHead h2{ font-size:16px; color:#333; font-weight: normal;}
.contentHead h2 span{ margin-left:10px; font-size:12px;}
.breadCrumb{ position:absolute;right:10px; top:10px; font-size:12px; color:#999;}
.breadCrumb a{ color:#999;}
.breadCrumb .breadN{ color:#2b92d5}

.product{ margin-top:20px;}
.product li{ float:left; padding:8px 8px 15px; margin:0 4px 12px; background-color:#f1f1f1; text-align:center}
.product img{ width:160px; height:160px;}
.product p{ margin-top:20px; width:156px; white-space: nowrap; overflow:hidden}
.product p a{ font-size:14px; color:#333}

.page{ text-align:right; margin-top:20px;}
.page a{ display:inline-block; padding:3px 5px;}
.page a:hover,.page .current{ color:#ff0000}

.tail{ font-size:14px; padding:20px 10px 10px; line-height:30px; color:#656565;}

.neinList{ margin-top:20px; padding:0 18px;}
.neinList li{ border-bottom:1px dashed #dedede; position:relative; padding:0 15px; background:url(../images/jt03.jpg) no-repeat left center; line-height: 30px;}
.neinList p{ font-size:12px; width:432px; white-space:nowrap; overflow:hidden;}
.neinList a{ color:#333;}
.neinList em{ font-style:normal; font-size:14px; color:#333; position:absolute; right:5px; top:0;}

.tailHead {text-align:center; margin-bottom:20px;}
.tailHead h2{ font-size:16px; color:#111;}
.tailHead p span{ margin:0 10px;}

.hninList{ margin-top:20px; padding:0 8px;}
.hninList li{ float:left; padding:10px; background-color:#f1f1f1; margin:0 6px 10px;}
.hninList img{ width:328px; height:205px;}

.messIn{ padding:40px 10px 0}
.messItem{margin-bottom:10px;}
.messItem label{ display:inline-block; width:60px; font-size:12px; color:#666; text-align:right;vertical-align: top; line-height:26px;}
.messItem input{ height:26px; border:1px solid #d6d6d6; padding-left:10px; font-size:12px; color:#666;}
.messItem textarea{ width:290px; border:1px solid #d6d6d6; padding:10px; height:100px; resize:none;  font-size:12px; color:#666;}
.messInp1{width:300px;}
.messInp2{width:100px;}
.messItem img{ margin-left:10px; width:80px; height:28px;}
.messBtn{ padding:0 60px; margin-top:20px;}
.messBtn input{ width: 80px; height:30px; margin:0 5px; cursor:pointer; background:url(../images/btnbg01.jpg) repeat-x; color:#fff; border-radius:8px; border:1px solid #015084}