@charset "utf-8";
/* CSS Document */

/* reset */
body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select { margin:0; padding:0; }
em { font-style:normal; }
li { list-style:none; }
a { text-decoration:none; color: inherit;}
a:focus { outline: none; } 
img { border:none; vertical-align:top; }
table { border-collapse:collapse; }
input,textarea { outline:none; background: none; border: none; }
textarea { resize:none; overflow:auto; }
body { font-size:12px; font-family:"微软雅黑"; }
/* end reset */
/* public */
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
.fl { float:left; _display: inline;}
.fr { float:right; _display: inline;}
.clearfix {*zoom: 1;}
.clearfix:before, .clearfix:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}

.main-box {position: relative;width: 1000px; margin: auto; *zoom: 1;}
.main-box:before, .main-box:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}
.pic-box div {display: table-cell;vertical-align: middle;text-align: center;*display: block;*font-family: Arial;line-height: 0;*line-height: 1;}
.pic-box img {vertical-align: middle;}

.header { height: 125px;}
.logo{float: left; margin-top: 38px;}
.header-phone {font-size: 20px;line-height:1;color: #999999;float: right; text-align: left; height: 50px; margin-top:40px; padding-left: 84px; background: url(../images/header-phone.png) left center no-repeat; }
.header-phone p{ padding: 8px 0;  }
.header-phone span{ display: block;color:#333333}

.banner {position: relative; min-width: 1000px;}
.one-banner {height: 600px;background-position: center center;background-repeat: no-repeat;}
.banner .hd {position: absolute; bottom: 10px; left: 40%; z-index: 10; width: 20%; margin: auto; text-align: center;}
.banner .hd li {display: inline-block;*display: inline;*zoom: 1; width: 12px; height: 12px; margin-right: 4px; background: #ccc; text-indent: -9999px;}
.banner .hd li.on {background: #333;}

.nav {font-size: 14px;line-height:40px; height: 40px; text-align: center; background: #313131; min-width: 1000px;}
.nav li {display: inline-block; display: *inline;  width: 145px; margin: 0 25px;}
.nav li a {display: block; color: #fff;}


.index-products{background: #f2f2f2; min-width: 1000px; padding: 46px 0;}

.main-l{float: left; width: 267px;}
.side-tit {height: 68px; line-height: 1; font-family: "Arial"; background: #2b2b2b; color: #fff; text-align: center; border-radius: 5px 5px 0 0}
.side-tit p{padding: 15px 0 0 0;font-size: 18px;}
.side-tit p span{font-size: 18px; display: block;}

.side-nav { line-height: 3;text-align: left;background: #f8f8f8; color: #fff; min-height: 434px; padding-bottom: 10px;}
.side-nav li>a{cursor: pointer; background-color: #dbdbdb;width: 220px; color: #1f1f1f; height: 42px; line-height: 42px; margin: 16px auto 0  auto; background-image:url(../images/sideico.png); background-position: 13px center;background-repeat:  no-repeat;}
.side-nav .current>a ,.side-nav li:hover>a {color: #fff;background-color: #2b2b2b;background-image:url(../images/sideico2.png);}
.side-nav li>a {display: block; padding-left: 26px}
.side-nav dl{display: none;}
.side-nav dl dd{color: #1f1f1f}
.side-nav dl dd a{padding-left: 50px;}

.index-product-tit {font-family: "Microsoft YaHei";line-height: 40px;border-bottom: 1px solid #ccc;}
.index-product-tit span {display: block;width: 210px;font-size: 20px;font-weight: bold;text-indent: 10px;border-bottom: 3px solid #ccc;}
.view-more-pro {float: right;margin-right: 10px;font-size: 14px; margin-top: 4px;}

.main-r{float: right;background: #fff;width: 679px; padding: 0px 16px 28px 38px;}
.page-tit { font-size: 16px;color: #ffffff;border-bottom: 1px solid #cfcfcf; color: #bbbbbb;}
.page-name {font-size: 12px; padding-bottom: 2px;padding-bottom: 12px; }
.page-name span {display: block;font-size: 22px;color: #000000; line-height: 1;padding-bottom: 5px; }

.wrap-pro{padding-top: 22px;}
.one-pro {float: left;width: 160px;margin:0 11px 40px 0;font-size: 12px;line-height: 2;text-align: center;color: #555555;height: 180px;}
.one-pro .pic-box {width: 160px;margin: auto;}
.one-pro .pic-box div {width: 160px;height: 156px;*font-size: 145.25px;}
.one-pro .pic-box img {max-width: 160px;max-height: 156px;}
.one-pro:hover {color: #004e87;}

.about-tit{font-size: 28px; text-align: center; color: #17447b; padding: 30px 0 34px; background: url(../images/index-pro-tit.png) center center no-repeat; }
.about-tit span{display: block; font-size: 14px; color: #666666;}
.about-con{font-size: 14px; color: #666666; line-height: 28px; padding: 10px 0;}

.about-pic{margin: 10px 0 40px;}

.index-news{padding:10px 0;border:1px solid #e0e0e0; border-top: 3px solid #0a6dc8; margin-bottom: 52px; }
.index-news .tit{font-size: 20px; color: #575b5c; line-height: 50px; border-bottom: 1px solid #444444;}
.index-news  .con{font-size: 14px; color: #666666; line-height:26px;}
.index-news .l{float: left; width: 552px; margin-left: 20px;}
.index-news .r{float: right; width: 404px;}

.news-tit {line-height: 40px;border-bottom: 1px solid #e6e5e3;}
.news-tit span { color: #0a6dc8; font-size: 14px;font-weight: bold;padding-left:25px; background: url(../images/add.png) left center no-repeat;}
.view-more-pro {float: right; font-size: 12px; color: #666666; margin-right: 6px;}
.view-more-pro:hover{color: #004e87;}

.news-section .current a {position: relative;display: block; padding: 20px 0; height: 118px; color: #555555;}
.news-section .current .pic-box {float: left;width:180px;border: 1px solid #e0e0e0; margin-right: 16px; }
.news-section .current .pic-box div {width:180px;height:118px; }
.news-section .current .pic-box img {max-width:180px;max-height: 118px;}
.news-section .current-tit {font-size: 14px;font-weight: bold;color: #333333;line-height:2}
.news-section .current span{color: #17447b;padding-top: 6px; display: block;}
.news-section .current a:hover{color: #17447b;}

.index-one-news {font-size: 12px;line-height: 2.4;color: #333333;}
.index-one-news a {display: block; background: url(../images/dot.jpg) left center no-repeat; padding-left: 20px;}
.index-one-news:hover a{ background: url(../images/dot2.jpg) left center no-repeat;}
.index-news-date {float: right;font-size: 12px;color: #555555; }

.r-news a {position: relative;display: block; padding:15px 4px 0 4px; height: 95px; color: #555555;}
.r-news .pic-box {float: left;width:124px;margin-right:22px; }
.r-news .pic-box div {width:124px;height:95px; }
.r-news .pic-box img {max-width:124px;max-height: 95px;}
.r-news .current-tit {font-size: 12px;font-weight: bold;color: #333333;line-height:2;padding-bottom: 10px;}
.r-news  a:hover{color: #17447b;}


.footer {padding: 15px 0;background: #222222; min-width: 1000px; color: #f3f3f3; line-height: 2;}
.friend-link{ border-bottom: 1px  solid #393939; }
.foot-nav {text-align: center; padding-top: 18px;}
.foot-nav  a {margin: 0 10px;}
.foot-nav  a:hover {color: #fff;}

.foot-contact{text-align: center;}
.friend-link{ line-height: 58px; height: 58px; font-size: 12px; color: #f3f3f3;  }
.friend-link img{margin-right: 70px; vertical-align: middle;padding-left: 82px;}
.foot-contact a:hover {color: #fff;}

.in-banner {height: 600px;background-position: center center;background-repeat: no-repeat; min-width: 1000px;}

.in-nav {font-size: 0;min-width: 1000px;background: #e9e9e9;}
.in-nav>ul li {position: relative; display: inline-block;text-align: center;width:130px;font-size: 16px;line-height: 50px;color: #333333;}
.in-nav .current ,.in-nav li:hover {color: #fff;background: #17447b;}
.in-nav a {display: block;}


.top-line-pic {float: left;}
.top-line-pic a{display: block;}
.top-line-pic div {display: table-cell; padding: 4px; border:1px solid #dddddd; width: 314px;height: 240px;vertical-align: middle;text-align: center;*display: block;*font-size: 178px;*font-family: Arial;}
.top-line-pic img {max-width: 314px;max-height: 240px;vertical-align: middle;}
.topline-info {line-height: 1.6; height: 212px;margin-left: 368px;}
.topline-info h3 {line-height: 2; color: #444444; margin-bottom: 6px;font-size: 18px;font-weight: normal;text-align: left;}
.topline-info p {text-align: left;font-size: 12px; color: #666666;}

.news-list {text-align: left;font-size: 12px;color: #4f4e4e; }
.news-list li {height: 100px;padding: 15px 20px;margin-top: 20px;color: #4f4e4e;background: #eeeeee;}
.news-list li:hover {color: #fff;background: #1c4aa6;}
.news-list li:hover h3{color: #fff;}
.news-list a {display: block; }
.news-list h3 {display: inline-block;font-family: "Microsoft Yahei";font-weight: normal;font-size: 16px; height: 48px;overflow: hidden; line-height: 48px;}
.news-list h3 span {font-family: "SimSun";}

.topline-info:hover p{ color: #17447b}
.pro-mar{margin-bottom: 40px;}
.news-title {font-size: 24px;line-height: 3;text-align: center;}
.news-date {margin-bottom: 20px;font-size: 12px;line-height: 0;text-align: center;}
.other-news {padding-bottom: 20px;font-size: 12px;line-height: 2;}
.other-news a:hover {color: #1c4aa6;}

.other-page {padding: 30px 0;font-size: 14px;font-weight: bold;line-height: 26px;text-align: center;color: #7f7f7f;}
.other-page a {display: inline-block;*display: inline;*zoom: 1;padding: 0 1em;margin: 0 1px 6px;border: 1px solid #c2c2c2;}
.other-page .page-on ,.other-page a:hover {color: #fff;background: #17447b;}

.pro-search {  font-size: 14px;line-height: 26px;color: #007969; margin: 24px 0 24px;}
.search {box-shadow: 1px 1px 3px 1px #ccc;padding-left: 10px; border:1px solid #e3e3e3; width:254px;line-height: 38px; background: #fff; position: relative; height: 38px; color: #bcbcbc; border: 1px solid #d4d4d4;border-radius: 4px;}
.search-bar {border: 0 none;}
.search-btn {position:absolute;width:20px;height: 19px; cursor: pointer; background: url(../images/search.png);border: 0 none; right: 12px; top: 10px;}


.producut-view{ padding: 0 0 60px 0;}
.producut-view-wrap{padding-bottom: 40px;}
.producut-view .pic-box {float: left;width: 390px;}
.producut-view .pic-box div{width: 390px;height: 352px;}
.producut-view .pic-box img {max-width: 390px;max-height: 352px;}
.pro-intro {position: relative;width:586px;float:right;font-size: 14px;line-height: 2.4;color: #555555;}
.pro-name {font-size: 26px;color: #17447b;border-bottom: 1px solid #e6e6e6;  line-height: 1; margin-bottom: 10px; padding-bottom: 18px;}
.other-pro {text-align: center; display: block; margin-top:30px; width: 256px; color: #555555; height: 38px; line-height: 38px; border-radius: 12px; border: 1px solid #d6d6d6; background: #f3f3f3; border:1px solid #d6d6d6;}
.other-pro a {display: inline-block;*display: inline;*zoom: 1; font-size: 14px;text-align: center; padding: 0 10px;}


.pro-name1 {text-align: left;border-bottom: 1px solid #17447b;color: #fff; }
.pro-name1 span {display: block;width: 160px;font-size: 20px;height: 50px;background: #17447b;line-height: 50px;text-align:center;}
.design-intro{padding: 34px 0;}



/**加留言样式 2016-5-26*/
.feedback{ width: 736px; margin: 0 auto; padding: 20px 0px 0px; font: 12px/24px "微软雅黑"; color: #767169; line-height: 24px;}
.feedback p{ font-weight: bold; font-size: 14px; padding: 10px 0px;}
.feedback p img{ vertical-align: middle;}
.feedback table{ width: 100%; border-collapse: separate; border-spacing: 20px 10px;}
.feedback span{ color: #f00;}
.inputSet{ width: 245px; height: 28px;  border: solid 1px #767169; background: #e8e8e8; font: 12px/24px "微软雅黑"; color: #767169; line-height: 28px;}
.area{ width: 500px; height: 100px; border: solid 1px #767169;  background: #e8e8e8; font: 12px/24px "微软雅黑"; color: #767169; line-height: 28px;}
.Btn{ width: 140px; height: 40px; border: none; background:#1a1a68; color: #fff; font-weight: bold; margin-right: 24px;}
.leave{ width: 500px; height: 100px; border: solid 1px #767169;   background: #e8e8e8; font: 12px/24px "SimSun"; color: #767169; line-height: 28px;}
.Btn:hover{background: #1a1a68;}