@charset "utf-8";
/* CSS Document */
/**
Time : 2017-2
Author : jj
**/
.bn-box {
    width: 100%;
    overflow-x: hidden;
    position: relative;
    z-index: 0;
}
.banner {
    width: 1920px;
    height: 516px;
    position: relative;
    overflow: hidden;
    margin-left: 50%;
    left: -960px;
    top: 0;
}
.banner img{
    width: 100%;
}
/*数字按钮样式*/
.banner .num {
    overflow: hidden;
    height: 25px;
    position: absolute;
    bottom: 12px;
    zoom: 1;
    z-index: 3;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.banner .num li {
    width: 15px;
    height: 15px;
    line-height: 25px;
    text-align: center;
    font-weight: 400;
    font-family: "微软雅黑", Arial;
    color: #FFFFFF;
    background: #fff;
    margin-right: 10px;
    border-radius: 50%;
    cursor: pointer;
    float: left;
    font-size: 0;
}
.banner .num li.on {
    background: rgba(255,255,255,0.7);
} /*当前项*/
/*上一个  下一个*/
.banner .prev, .banner .next {
    display: none;
    width: 40px;
    height: 100px;
    background: url(../images/btn.png) no-repeat;
    position: absolute;
    top: 200px;
}
.banner .prev {
    left: 50%;
    margin-left: -635px;
}
.banner .next {
    right: 50%;
    margin-right: -635px;
    background-position: right
}
/*banner end*/
.search { background:#591518; 
}
.search_left {
    line-height: 50px;
    float: left;
    color: #eee; position:relative;
}

.search_left a {
    color: #e0d9d9;
    margin: 0 6px;
}
.search_right {
    float: right;width:430px; height:32px;
    margin-top: 8px;
    position: relative;
}
.searchbar {
    width: 95%;
    line-height: 30px;
    outline: none;
    padding-left: 20px;
    float: left;
    border: 0;
}
.searchbtn {
    width: 32px;
    height: 38px;
    outline: none;
    cursor: pointer;
    border: 0;
    position: relative;
    background: url(../images/search.jpg) center no-repeat;
    top: -34px;
    right: 18px;
}

.tt{ text-align:center; margin:50px 0 40px; background:url(../images/tt_bg.png) top center no-repeat;}
.tt a{ font-size:20px; color:#591518; text-align:center; font-weight:600;  line-height:50px;}
.tt p{
    font-size: 18px;
    color: #332; font-weight:100; margin-top:5px;
}
.case{ height:700px;}
.case .hd{ width:100%; height:123px;}
.case .hd .fl{ width:245px; height:123px; background:url(../images/case_tt.jpg) center no-repeat; font-size:24px; color: #fff; line-height:94px; text-align:center;}
.case .hd .fr{ width:934px; height:121px; border:1px solid #ccc; border-left:0;}
.case .hd .fr li{ float:left; width:130px; text-align:center; padding-top:20px;}
.case .hd .fr li img{ width:50px; height:55px; margin-bottom:3px;}
.case .bd ul li {
    position: relative; width: 285px; height: 218px; overflow: hidden; margin-bottom: 15px;
}
.case1 {
    width: 574px;
    height: 451px;
    overflow: hidden;
    position: relative;
    margin: 0 18px;
}
.case1>a { display: block; width:574px; height:451px; overflow: hidden;
}

.case1 img{ width:574px; height:451px; transition:all ease 300ms;}

.case1 h5 {
    height: 25px;
    background-color: rgba(0,0,0,.6);
    position: absolute;
    bottom: 0; width: 100%;
}
.case1 h5 a{ color:#ddd; line-height:25px;}
.case .bd{ margin-top:30px;}
.case .bd .img{ display:block; width:285px; height:218px; overflow:hidden; transition:all ease 500ms; }
.case .bd .img img{  width:285px; height:218px; transition:all ease 500ms; }
.case2{height:475px;}
.case2 h5 {
    background-color: rgba(0,0,0,.6);
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;height:25px;
}
.case2 h5 a{ display:block; line-height:25px;}
.case .bd ul li:hover>h5{bottom:0;}
.case2 h5 a{ color:#ddd;}
.case .bd img:hover{transform:scale(1.1,1.1);}
.case1 img:hover{ transform:scale(1.1,1.1);}
/*banner1*/
.banner1 {
	width: 100%;
	height: 226px;
	background: url(../images/banner1.jpg) no-repeat 50%;
	margin: 0 auto; overflow:hidden; margin-top:10px;
}
.banner1 p{ font-size:16px; margin-top:60px; margin-left:860px; color:#fff;}
.banner1 span{ font-size:37px; font-family:"Arial Narrow"; display:block; margin:10px 0; margin-left:860px; color:#efac28; }
.banner1 a.btn1{ font-size:14px; display:inline-block; color:#fff; border:1px solid #fff; padding:5px 15px; margin-left:860px;}
.banner1 a.btn1:hover{ background:#fff; color:#591518;}
/*banner1 end*/

/*product*/
#product {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.product {
	width: 1180px; padding-top:30px; 
	margin: 0 auto;
}
.juedui_more {
	position: absolute;
	right: 0;
	top: 68px;
}
.product_left {
	float: left; width:230px; 
}
.cpzxtt {
    width: 230px;
    height: 80px;
    background: url(../images/pro_tt.jpg) left center no-repeat;
    text-align: center;
}
.cpzxtt a {
    color: #FFF;
    display: block;
    font-weight: 600;
    font-size: 19px;
    padding-top: 16px;
}
.cpzxtt a p {
    font-size: 20px;
    color: #32ade6;
	font-weight:normal;
    font-family: "Times New Roman";
}
.fenlei {
    line-height: 35px;border:3px solid #591518;
 text-align:left; padding-bottom:20px; height:700px; overflow:hidden;
}
.fenlei b{ width:197px; height:36px; font-weight:bold; position:relative; display:block; margin:0 auto; margin-top:10px;padding-left:45px; transition:all ease 300ms; -webkit-transition:all ease 300ms; margin-left:0;}
.fenlei b:hover{ margin-left:10px;}
.fenlei b::before {
    content: "+";
    font-size: 20px;
    position: absolute;
    left: 23px; transition:all ease 300ms;
}
.fenlei b:hover::before{ transform:rotate(90deg);}
.fenlei b a{ color:#333; display:block; line-height:37px; font-size:15px;}
.fenlei>ul {
	margin-bottom: 10px;
}
.fenlei>ul>li {
    height: 40px;
    display: inline-block;
    line-height: 40px;
    position: relative;
    border-bottom: 1px solid #e4e4e4;
    margin-left: 0;width: 224px; 
}
.fenlei>ul>li:hover{ background:#ea931c;}
.fenlei>ul>li:hover a{ color:#fff;}

.fenlei>ul>li>a {
    display: block;
    height: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    color: #555;
    margin: 0 auto;
    line-height: 40px;
    text-align: left;
    background: url(../images/arrow.png) left center no-repeat;transition:all ease 300ms;
    padding-left: 36px; margin-left:0;
}
.fenlei>ul>li>a::before{ content:">"; color:#fff; position:relative; left:150px; transition:all ease 300ms;}
.fenlei>ul>li:hover a::before{ left:160px;}
.product_right {
    width: 922px;
    float: right;
}
.fenlei p {
	color: #fff;
	padding-left: 30px;
}
.r_more {
	float: right;
}
.product_right h4 {
	font-size: 16px;
	height: 47px;
	line-height: 47px;
	margin-bottom: 20px; border-bottom:1px solid #591518; border-top:2px solid #591518;
}
.product_right h4 .r_more {
}
.product_right h4 .r_more a{ width:62px; display:inline-block; height:45px; background:url(../images/more.jpg) center no-repeat;
}
.product_right>h4>ul>li.selected {
	color: #591518 !important; background:url(../images/tab_bg.png) left center no-repeat;font-weight:600;
}
.tab_menu li {
    font-size: 16px;
    width: 135px;
    height: 41px;
    line-height: 41px;
    text-align: center;
    float: left;
    cursor: pointer; color:#333; font-weight:100;
}
.r_more a {
	font-size: 13px;
	font-weight: 100;
	color: #b1b1b1;
	margin-right: 10px;
}
.tab_box .hide {
	display: none;
}

.product_show li .img img {
	width: 100%;
	height: 100%;
	transition: all ease 500ms;
}
.product_show li .img:hover img { transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);
}
.product_show li .img:hover {padding:4px; }
.product_show {
	width: 957px; margin-top: 13px;
}
.product_show li {
    width: 295px; margin-bottom:3px;
    float: left;
    margin-right: 18px;
}
.product_show li .img{ position:relative;width: 281px; height:201px; border:1px solid #e4e4e4; padding:4px;}
.product_show li .img a{ display:block;width: 100%;
	height: 100%; overflow:hidden;}
.product_show li h5 {
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 297px;
}
.product_show li h5 a{ color:#333; font-weight:100; font-size:15px; transition:all ease 300ms; }
.product_show li h5:hover a{ color:#591518; font-weight:600;}
/*product end*/

/*banner2*/
.banner2 {
	width: 100%;
	height: 193px;
	background: url(../images/banner2.jpg) no-repeat 50%;
	margin: 0 auto; overflow:hidden; margin-top:10px;
}
.banner2 p{ font-size:16px; margin-top:60px; color:#fff; width:215px;float:left; margin-left:30px;}
.banner2 span{ font-size:37px; font-family:"Arial Narrow"; display:block; margin:10px 0; color:#efac28; }
.banner2 a.btn2 {
    font-size: 23px;
    display: block;
    color: #ea941d;
    width: 77px;
    height: 77px;
    padding: 7px;
    margin-left: 831px;
    float: left;
    font-weight: 600;
    border: 2px solid #ea931c;
    box-sizing: border-box;
    text-align: center;
    margin-top: 55px;
}
.banner2 a.btn2:hover{ background:#ea941d; color:#fff;}
/*banner2 end*/
.more_r{ height:19px; float:right;}
.more_r a{ color:#888; font-size:12px; line-height:19px; display:inline-block; text-align:center; font-weight:100;}

/*reason*/
#reason {
    width: 100%;
    height: 1477px; overflow: hidden;  background: url(../images/ys_bg.jpg) 50% no-repeat;
}
.reason {
    width: 1180px;
    height: 1037px;
    padding: 0;
    margin: 0 auto;
    position: relative;
    color: #333;
  
}
.ys_tt {
    text-align: center;
    margin-top: 75px;
    margin-left: 58px;
}
.ys_tt a{ font-size:48px; color:#da2c2c;}
.ys_tt span{ color:#591519; font-size:30px; margin-left:10px;}
.reason ul li {
	width: 410px;
	position: absolute;
}
 
.reason ul li h5 {
    font-size: 20px; margin-top:3px;
    color: #591519;
    text-align: left;
    font-weight: 600;
}
.reason ul li h5 img {
	margin-right: 10px;
}

.reason ul li p {
	font-size: 13px;
	line-height: 25px;
	position: relative;
	color: #666; margin-bottom:10px;
}
.reason ul li span {
    display: block;
    font-size: 16px;
    color: #da2c2c;
    line-height: 43px;
    margin-top: -7px;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-weight: 600;
}
.ys1 {
    top: 173px;
    left: 140px;
}
.ys2 {
    top: 467px;
    right: 88px;
}
.ys3 {
    top: 744px;
    left: 129px;
}
.ys4 {
    top: 1084px;
    right: 88px;
}
.reason>img{  position:absolute;}
.ys_img1 {
    top: 275px;
    left: 0;
}
.ys_img2 {
    top: 502px;
    right: 0;
}
.ys_img3 {
    top: 800px;
    left: 0;
}
.ys_img4 {
    top: 1078px;
    right: 0;
}
span.ys_tel {
    color: #fff !important;
    margin-left: 143px;
    display: inline-block;
    padding-top: 7px;
}
/*reason end*/
.tt2{ text-align:center; margin:50px 0 40px; background:url(../images/tt_bg.png) bottom center no-repeat;}
.tt2 a{ font-size:20px; color:#591518; text-align:center; font-weight:600;  line-height:50px;}
.tt2 p{
    font-size:24px;
    color: #989898; font-weight:100; margin-top:5px; text-transform:uppercase; font-family:"Times New Roman";
}
/*client*/
.client{ width:100%; padding-top:1px; }
.client ul{ width:1300px;}
.client ul li{ width:570px; height:204px; overflow:hidden; float:left;margin-bottom:22px; margin-right:22px;} 
.client_img {
    float: left;
    width: 267px;
    height: 196px;
    overflow: hidden;
    
}
.client_img a {
   width: 293px;
    height: 203px; 
    display: block; overflow:hidden;
}
.client_img img {width: 100%;
    height: 100%; transition: all ease 500ms;
}
.client_img:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.client_text {
    width:265px; margin-left:25px;
    float: left; margin-top: 10px;
}
.client_text h5 {
    font-weight: 600; 
    margin-top: 10px;
    font-size: 15px;
    margin-bottom: 15px;
}
.client_text h5 a{ color:#333; font-size:16px; text-align:left;}

.client_text p {
    text-align: left;
    color: #666;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
    margin-bottom: 15px;
    font-size: 13px;
}
.client_text span{ width:26px; display:block; height:1px; background:#e4e4e4; margin:16px auto; transition:all ease 500ms; }
.client_text h5 a:hover{ color:#591518;}
.ljxq{ display:block; float:left; width:98px; height:28px;color:#333; border:1px solid #333; margin-right:15px; line-height:30px; text-align:center; font-size:15px;}
.ljzx{ display:block; float:left; width:100px; height:30px; background:#7f0000; color:#fff;  line-height:30px; text-align:center; font-size:15px;}
.ljxq:hover,.ljzx:hover{ opacity:0.8;}
/*client end*/
/*lc*/
.lc{ width:100%; height:379px; background:url(../images/lc_bg.jpg) center no-repeat;}
.lc_tt{ font-size:30px; color:#7f0000; text-align:center; padding-top:60px;}
.lc_tt p{ font-size:18px; color:#8f8979; font-family:"Times New Roman"; text-transform:uppercase; font-weight:100;}
.lc ul li {
    float: left;
    width: 233px;
    margin-top: 34px;
    text-align: center;
}
.lc ul li img{ transition:all ease 300ms;}
.lc ul li img:hover{ transform:rotate(30deg);}
.lc ul li p{ font-size:16px; font-weight:600; margin-top:10px;} 
/*lc end*/
/*about*/
.about{}
.about_img img{ width:590px; height:330px;}
.about_text{ width:368px; margin-top:60px; margin-left:30px;}
.about_text h5 a{ font-size:16px; text-align:left; margin-bottom:20px;}
.about_text p{ font-size:14px; line-height:25px; height:125px; overflow:hidden; color:#666; margin-bottom:30px;}
.about_more{ width:102px; height:36px; border-radius:5px; display:block; text-align:center; line-height:39px; color:#852222; border:1px solid #852222; font-size:16px;}
.about_r{ width:157px; height:296px; border:3px solid #cecece;}
.about_r ul{}
.about_r ul li{ height:73px; line-height:73px;border-bottom:1px solid #cecece; padding-left:20px;}
.about_r ul li:hover{ border-left:3px solid #852222; margin-left:-3px;}
.about_r ul li:hover a{color:#852222; }
.about_r ul li span {
    font-family: Impact;
    font-size: 18px;
    display: inline-block;
    border-radius: 50%;
    width: 21px;
    height: 21px;
    overflow: hidden;
    border: 1px solid #333;
    line-height: 23px;
    text-align: center; margin-right:10px; position:relative; transition:all ease 300ms; top:5px;
}
.about_r ul li:hover span{ border:1px solid #852222; color:#852222; top:0px;}
/*about end*/

/*news*/
.news{ height:630px; background:#fdfdfd; padding-top:1px; margin-top:35px; border-top:1px dashed #fbeed2; border-bottom:1px solid #fbeed2;}
.news .bd{
	overflow: hidden;
    height: 367px;
}


.hd.news-top {
    margin-top: -15px;
    margin-bottom: 38px;
}
.n-t-l{
    width: 483px;
    height:341px;
    overflow: hidden;
}
.n-t-l img{ width: 483px;
    height:341px;}
.n-t-r{
   width: 622px;
}
.n-t-r li{
    margin:0 0 22px 0;
}
.nr-l{
    width: 64px;
    text-align: center;
    margin-right: 20px; border:1px solid #ddd;
}
.nr-l strong{
    display: block;
    font-size: 24px;
    padding:4px 0 6px 0;
    font-weight: normal;
}
.nr-l p{
    font-size: 14px;
    margin: 0;
    padding:6px 0;
    border-top: 1px solid #ddd;
}
.nr-r h5{
    margin: 0;
    font-size: 14px;
    color:#262626;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.nr-r h5 a{ text-align:left;}
.nr-r p{
    line-height: 23px;
    margin: 8px 0;
    height:46px;
    overflow: hidden;
}
.news-top ul{
    text-align: center;
    margin-bottom: 20px;
}
.news-top ul li{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 110px;
    line-height: 42px;
    text-align: center;
    font-size: 18px;
    margin: 0 25px;
    border:1px solid #333;
    border-radius: 30px;
    cursor: pointer;
}
.news-top ul li.on{
    background: #591518;
    color:#fff;
    border-color:#591518;
}
.news-top ul li.on a{color:#fff;}
.news .more{
    margin: 0 auto;
}

/*news end*/


/*links*/

.links {
   padding-bottom:30px; padding-top:10px; background:#fdfdfd;
}
.link_tt{ font-size:20px; color:#591518; line-height:50px;  height: 50px; float:left; font-weight:600;}
.links a {
    display: inline-block;
    padding: 0px 17px;
    color: #666;
    line-height: 50px;
}
.links a:hover {
	color: #591518;
}
.link_box{ }
/*links end*/