﻿/* CSS Document */
/*.header { width: 100%; height: 104px; z-index: 22; position: relative; background: #fff;border-bottom: 1px solid #cdcdcd; }
.header .top { margin: 0 auto; width: 1200px; background: url(../images/Head-bg.jpg) repeat; position: relative; }
.header .logo { float: left; border-right: 1px solid #cdcdcd; width: 271px; height: 90px; overflow: hidden; }
.header .logo img { width: 245px; height: 80px; top: 10px; left: 13px; position: absolute; }
.header.stickyNavigation { position: fixed; top: 0; z-index: 8; }
.header.stickyNavigation .top { -webkit-transition: height 0.4s; -webkit-transition-delay: 0s; -moz-transition: height 0.4s; -o-transition: height 0.4s; transition: height 0.4s; }
.header.stickyNavigation .logo img { -webkit-transition: all 0.01s; -webkit-transition-delay: 0s; -moz-transition: all 0.01s; -o-transition: all 0.01s; transition: all 0.01s; }
.header.stickyNavigation.reducedStickyNavigation .logo { -webkit-transition: width 0.4s, height 0.4s; -webkit-transition-delay: 0.1s, 0s; -moz-transition: width 0.4s 0.1s, height 0.4s; -o-transition: width 0.4s 0.1s, height 0.4s; transition: width 0.4s 0.1s, height 0.4s; height: 104px; }*/

.header { width: 100%; height: auto; position: fixed; top: 0; -webkit-backface-visibility: hidden;     background-color: #fff;}
/*.container { padding: 0; position: relative;}*/
/*.stickyNavigation { position: fixed; top: 0; z-index: 8; -webkit-transition: opacity 0.4s; -webkit-transition-delay: 0s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; }
.notransition { -webkit-transition: none; -webkit-transition-delay: 0s; -moz-transition: none; -o-transition: none; transition: none; }*/
.header .top { position: relative; z-index: 9; height: 104px; background: url(../images/Head-bg.jpg) repeat;width:1200px; margin:0 auto;}
.header.stickyNavigation.notransition .top { -webkit-transition: none; -webkit-transition-delay: 0s; -moz-transition: none; -o-transition: none; transition: none; }
.header.stickyNavigation .top { -webkit-transition: height 0.4s; -webkit-transition-delay: 0s; -moz-transition: height 0.4s; -o-transition: height 0.4s; transition: height 0.4s; }
.header.stickyNavigation.notransition .logo { -webkit-transition: none; -webkit-transition-delay: 0s; -moz-transition: none; -o-transition: none; transition: none; }
.header.stickyNavigation .logo { -webkit-transition: width 0.4s, height 0.4s; -webkit-transition-delay: 0s, 0s; -moz-transition: width 0.4s, height 0.4s; -o-transition: width 0.4s, height 0.4s; transition: width 0.4s, height 0.4s; }
.header .logo { width: 271px; height: 104px; overflow: hidden; border-right: 1px solid #cdcdcd; }
.logo { position: absolute; top: 0; left: 0; z-index: 10; }
.logo h1 { height: 100%; }
.header .logo a { width: 100%; height: 100%; }
.logo a { position: relative; display: block; }
.header.stickyNavigation.notransition .logo img { -webkit-transition: none; -webkit-transition-delay: 0s; -moz-transition: none; -o-transition: none; transition: none; }
.header.stickyNavigation .logo img { -webkit-transition: all 0.1s; -webkit-transition-delay: 0s; -moz-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; }
.header .logo img { height: 80px; top: 35%; left: 35%; margin-left: -80px; margin-top: -24px; }
.logo img { width: 245px; height: 80px; position: absolute; top: 24px; left: 36px; }
.header .nav1 { folat: right; width: 99.9%; text-align: right; font-size: 18px; height: 43px; line-height: 43px; border-right: 1px solid #cdcdcd; }
.lan { font-size:16px; text-align:right; height:43px;}
.header .nav1 li { display: inline-block; vertical-align: top; margin-right: 15px; }
.header .nav1 a { color: #000; }
.header .nav2 { folat: right; width: 100%; text-align: right; font-size: 20px; height: 60px; line-height: 60px;     margin-left: 272px;}
.header .nav2 li { float: left; width: 25.69%; text-align: center; border-right: 1px solid #cdcdcd; border-top: 1px solid #cdcdcd; }
.header .nav2 a { color: #000; display: block; }
.header .nav2 a:hover { background: #742d17; color: #fff; }
/*banner css begin*/
.banner { min-width: 1200px; }
.banner img { width: 100%; }
/* 这段代码会直接影响按钮代码的width和left参数获取
.banner .next { width: 68px; left: auto; right: 5%; background-position: -190px 0; }
.banner .prev, .banner .next { display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.banner .next { left:auto;right:15%;background-position:-6px -137px;}*/

/* 下面是前/后按钮代码，如果不需要删除即可*/
.banner .prev, .banner .next { width: 68px; height: 81px; clear: both; cursor: pointer; position: absolute; left: 5%; top: 38%; background: url(../images/arrow.png) no-repeat; }
.banner .next { width: 68px; left: auto; right: 5%; background-position: -190px 0; }
.banner .prev:hover, .banner .next:hover { background: url(../images/arrow1.png) no-repeat; }
.banner .next:hover { width: 68px; left: auto; right: 5%; background-position: -190px 0; }

/*keyword begin css*/
.key { min-width: 1200px; height: 51px; border-bottom: 1px solid #cdcdcd; }
.index-box1 { width: 1200px; margin: 0 auto; }
.keyword { float: left; padding-top: 15px; }
.keyword b { font-size: 14px; }
/*搜索框*/
.search { float: right; overflow: hidden; background-color: #f0f0f0; position: relative; width: 253px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 2px 0 0 3px; height: 33px; border: 1px solid #c6c6c6; margin-top: 6px; }
.search input[type='text'] { line-height: 2; width: 212px; border: 0; background: #f0f0f0;height: 29px;}
.search input[type='submit'] { border: 0; width: 30px; background: url(../images/search.jpg) no-repeat; height: 30px; vertical-align: middle; }
.search .icon-search { position: absolute; right: 3px; top: 0; font-size: 14px; }
/*contian css*/
.contian { width: 1200px; margin: 0 auto; }
.best-choise { height: 324px; margin: 45px 0; }
.contian .title { text-align: center; }
.best-choise_list { margin-top: 30px; }
.bc-li1 { text-align: center; width: 21.53%; display: inline-block; vertical-align: top; border-right: 2px solid #cdcdcd; padding: 3px 18px; line-height: 20px; height: 191px; }
.bc-li1 span { color: #752e17; font-size: 16px; margin: 5px 0 10px; display: block; letter-spacing: 0.2em; }
.bc-li1 p { color: #404040; font-size: 12px; }
.best-choise_list .bc-li1:last-child { border-right: 0; }
/*首页产品*/
.index-proL { margin-top: 30px; }
.index-proL li { width: 31.21%; text-align: center; display: inline-block; vertical-align: top; margin: 0 10px 25px; }
.index-proL li a { color: #000; }
.index-proL li h1 { margin: 10px 0 5px; font-weight: normal; }
.index-proL li img { width: 100%; border: 1px solid #cdcdcd; }
/*首页关于我们*/
.index-about { margin-top: 15px; height: 455px; }
.index-ab { margin-top: 25px; }
.index-ab-pic { display: inline-block; width: 567px; height: 334px; vertical-align: top; }
.index-ab-text { display: inline-block; width: 595px; padding-left: 30px; vertical-align: top; margin-top: 20px; }
.index-ab-text h3 { margin-bottom: 20px; }
.index-ab-text p { line-height: 23px; text-indent: 2em; color: #585858; }
.index-ab-text a { display: block; background: #752e17; text-align: center; height: 37px; line-height: 37px; width: 134px; font-size: 14px; color: #fff; margin-top: 28px; }
.index-bottom { min-width: 1200px; border-top: 1px solid #cdcdcd; margin-top: 45px; }
.index-new, .index-dt { width: 585px; display: inline-block; vertical-align: top; margin-top: 30px; }
.index-Title { height: 50px; line-height: 50px; border-bottom: 1px solid #cdcdcd; }
.index-Title h3 { border-bottom: 2px solid #752e17; color: #752e17; display: inline-block; vertical-align: top; padding: 0 20px; }
.index-Title a { display: inline-block; vertical-align: top; color: #752e17; margin-left: 390px; font-size: 14px; margin-top: 12px; }
.index-newLi1 { margin: 20px 0; border-bottom: 1px solid #cdcdcd; height: 116px; }
.index-newLi1:last-child { border-bottom: 0; }
.index-newLi1 .newPic { display: inline-block; vertical-align: top; width: 164px; height: 94px; }
.index-newLi1 .newPic img { width: 100%; border: 2px solid #cdcdcd; }
.index-newLi1 .newTex { display: inline-block; vertical-align: top; width: 400px; margin-left: 15px; overflow: hidden; }
.index-newLi1 .newTex h3 { font-size: 14px; font-weight: normal; color: #752e17; margin-bottom: 10px; }
.index-newLi1 .newTex p { height: 60px; overflow: hidden; color: #585858; }
.index-dt { margin-left: 20px; }
.dt-List { margin-top: 2px; }
.dt-List li { height: 50px; line-height: 50px; border-bottom: 1px solid #cdcdcd; font-size: 14px; overflow: hidden; color: #752e17; }
.dt-List li a { color: #752e17; display: inline-block; width: 450px; overflow: hidden; }
.dt-List li span { float: right; font-size: 12px; display: inline-block; }
/*footer begin css*/
.footer { min-width: 1200px; background: #494949; height: 335px; padding: 20px 0; }
.foot { width: 1200px; margin: 0 auto; color: #fff; }
.contact { width: 360px; display: inline-block; vertical-align: top; }
.foot_conTitle { font-size: 16px; margin-left: 46px; }
.foot_conTitle p { margin-left: 32px; margin-top: 20px; }
.foot_conText { margin-top: 20px; letter-spacing: 0.05em; }
.foot_conText dt { padding-left: 32px; margin: 30px 0 10px; }
.foot_conText dt a { color: #fff;}
.foot_conText dd { line-height: 38px; white-space: pre; }
.foot_conText dd i { background: url(../images/index3_51.jpg) no-repeat top center; padding: 5px 11px; }
.foot_conText dd i.ts { background-position-y: -34px; }
.foot_conText dd i.fax { background-position-y: -94px; }
.foot_conText dd i.emily { background-position-y: -127px; }
.foot_conText dd i.add { background-position-y: -161px; }
.link { display: inline-block; vertical-align: top; margin: 0 44px; width: 321px; }
.link-nav { color: #FFF; margin-top: 30px; margin-bottom: 20px; }
.link-nav a { display: inline-block; color: #FFF; width: 70px; text-align: center; }
.foot_link { font-size: 16px; }
.foot_link p { margin-left: 32px; margin-top: 20px; }
.Message { display: inline-block; vertical-align: top; width: 420px; }
.Message h3 { width: 64px; border-bottom: 2px solid #fff; text-align: center; height: 42px; line-height: 45px; }
.Message .n1{width:13%;display:inline-block;font-size:14px;margin-top:20px; vertical-align:top;}
.Message input.name,.Message input.telephone{ width: 350px; height: 27px; padding: 3px; border: 1px solid #fff; background-color: #494949; margin-top:20px;color:#fff;}
.Message textarea.TextBox{width: 350px; padding: 3px; border: 1px solid #fff; background-color: #494949;margin-top:20px;color:#fff;}
.Message input.sub{background:#732d17;font-size:14px;border:0;padding:5px 15px;color:#fff;height:35px; font-family:"Microsoft YaHei", "微软雅黑", "宋体", sans-serif, serif; margin-left: 333px;margin-top:10px;}

/*inner begin*/
.innner-con{width:1200px;margin:40px auto;}
.inner-left{width:219px;display:inline-block; vertical-align:top;}
.left-nav{text-align:center;}
.nav-title{height:70px;font-size:24px;color:#fff;background:#732d17;line-height:70px;text-align:center;}
.left-nav ul{border:1px solid #732d17;}
.left-nav ul li{border-bottom:1px solid #732d17;height:60px;line-height:60px;}
.left-nav ul li a{font-size:16px;color:#732d17;}
.left-nav ul li:last-child{border:0;}
.left-con{margin-top:30px;}
.con-text{border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;line-height:28px;margin-top:5px;color:#732d17;padding:0 5px;}
.inner-right{display:inline-block; vertical-align:top;width:930px;color:#00000;margin-left:45px;}
.right-title{height:60px;border-bottom:double #732d17;line-height:70px;margin-bottom:15px;}
.right-title h2{font-size:24px;float:left;}
.right-title p{float:right; margin-top:8px;}
.right-title p a{color:#732d17;}

.newList li{height:30px;line-height:30px;border-bottom:1px dashed #000000;background:url(../images/news_03.jpg) left center no-repeat;padding-left:10px;color:#000000;margin-top:10px;}
.newList li a{display:inline-block;width:835px;color:#000000;font-size:14px;}
.newList li span{display:inline-block;text-align:right;}
.new-title{text-align:center;margin-bottom:30px;}
.new-title h2{font-size:16px;margin-bottom:15px;}
.new-title span{color:#000;}
.new-text{color:#000;}

.proList{width:24.1%;text-align:center;display:inline-block; vertical-align:top;margin-right:4px;margin-bottom:15px;}
.proList a{color:#732d17;}
.proList img{width:100%;border:1px solid #732d17;}
.proList a p{font-size:14px;margin-top:10px;}
.proPic{width:57.69%;display:inline-block; vertical-align:top;}
.proPic img{width:100%;border:1px solid #732d17;}
.proText{display:inline-block; vertical-align:top;font-size:14px;margin-left:20px;}
#proDaily {margin-top:30px;}
#proDaily ul{list-style:none;display: block;text-align:center;height:40px;line-height:40px;font-size:14px;}
#proDaily li{width:100px;background:#dcdcdc;float:left; cursor:pointer;}
#proDaily li:hover{background:#732d17;color:#fff;}
#proDaily li.active{background:#732d17;color:#fff;}
#proDaily .hide{display:none;}

.page,.new-next{text-align:center;margin-top:30px;}
.page a{border:1px solid #732d17;padding:6px 7px 6px 10px;color:#732d17;font-size:16px;}
.page a:hover{background:#732d17;color:#fff;}
.new-next p{margin-right:20px;color:#000;display:inline-block; vertical-align:top;}
.new-next a{color:#000;}

.xulie{clear:both; width:100%;margin:0 auto; text-align: center;    line-height: 30px; padding-top:32px }
.xulie a{  display:inline-block; width:30px; height:30px;  border:#CCCCCC solid 1px; text-align:center; color:#666666; margin:0 7px;}
.xulie a:hover{ background-color:#666666; color:#FFFFFF}
.disabled{display:inline-block; width:30px; height:30px;  border:#EEE solid 1px; text-align:center; color:#DDD; margin:0 7px;}
#oncur{background-color:#732d17 ; color:#FFFFFF}