@charset "utf-8";
/* CSS Document */
*{ margin: 0;padding: 0;border:0;}
div,ul,li,h1,h2,h3,h4,h5,h6,img,dd,dl,dt,p{padding:0px; margin:0px;}
body{padding:0px; margin:0px; font-size:14px; font-family:"微软雅黑"; color:#858585; background:#000;}
.clear {clear: both; line-height:0; padding:0px; margin:0px;}
ul,li{ list-style-type:none; margin:0; padding:0;}
img { border-style: none; }
p{ margin:0; padding:0;}
a{text-decoration:none;}
a:hover{ text-decoration:none; }
.fl{ float:left;}
.fr{ float:right;}
/*通用文字颜色,大小等等*/
.banner_bj{ width:100%; height:996px; margin:0 auto; position:relative;}
.banner{ width:100%;white-space:nowrap; margin:0 auto; overflow:hidden;  position:relative; z-index:1;}
.banner_m{ width:50%; display:inline-block; position:relative;}
.wrapper {*float:left; width:1920px; height:1000px; display:inline-block; position:relative; left:-967px;}
.fn-clear { zoom: 1; }
.box_skitter { position: relative; background: none; }
.box_skitter ul { display: none; }
.box_skitter .container_skitter { overflow: hidden; position: relative; }
.box_skitter .image { overflow: hidden; }
.box_skitter .image img { display: none;}
.box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }
.box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; }
.box_skitter .prev_button { position: absolute; top: 40%; left:16%; z-index: 100; width: 72px; height: 143px; overflow: hidden; text-indent: -9999em; margin-top:0; background:url(../Image/prev.png) no-repeat left top !important; }
.box_skitter .next_button { position: absolute; top: 40%; right:16%; z-index: 100; width: 72px; height: 143px; overflow: hidden; text-indent: -9999em; margin-top:0;background:url(../Image/next.png) no-repeat left top !important; }
.box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }
.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url(../Image/ajax-loader.gif) no-repeat left top; width: 31px; height: 31px; }
#slideshow { width:1920px; height:996px; }
#slideshow ul { display: none; }


.head_bj{ width:100%; height:120px; position:absolute; top:0px; z-index:9999; min-width:1180px !important; background:url(../Image/p1.png) bottom center no-repeat;}
.head{ width:1180px; height:auto; margin:0 auto; position:relative;}
.logo{ width:167px; text-align:center; margin-top:13px; }
.logo img{ max-width:167px;}
.head_right{ width:1008px;}
.logo1{ margin-top:22px;}
.tel{ background:url(../Image/tel.png) left center no-repeat; padding-left:30px; color:#fff; font-size:16px; line-height:71px;}
.nav{ width:1008px; height:auto;line-height:100px;}
.nav li{ float:left; color:#ffffff; font-size:16px; text-align:left; line-height:45px; width:112px;}
.nav li a{ color:#fff; display:block;}


/*********************head end*****************/


.search_bj{ width:100%; height:60px; min-width:1180px !important; background:#222222;}
.search{ width:1180px; height:auto; margin:0 auto; line-height:60px; overflow:hidden;}
.search_left{ width:333px; height:40px; position:relative; margin-top:10px; float:left;}
.search-text{height: 40px;width:278px; position:absolute; top:0px; left:0; z-index:999;color:#8c8c8c; font-size:12px;outline:none; padding-left:10px; background:#333333;}
.search-btn{ width: 45px; height:33px; position:absolute; top:3px; right:0px; background:#000000; color:#fff;}
.search_right p{ float:left; font-size:14px; color:#787575;}
.search_right a{ color:#b7a076; margin-left:10px;}

/******************search end*****************/


.index1_bj{ width:100%; height:806px; min-width:1180px !important; background:url(../Image/p2.jpg) center no-repeat; overflow:hidden; background-attachment: fixed;}
.index1{ width:1180px; height:auto; margin:0 auto; overflow:hidden; margin-top:85px;}
.index1_left{ width:193px; height:auto; }
.index1_left_top{ background:#b9a276; font-weight:bold; font-size:18px; color:#fff; text-align:center; line-height:54px;}
.index1_left ul li{line-height:47px; transition: all 1s; color:#b2b2b2; font-size:16px; background:#222222; text-align:center; margin-top:3px;}
.index1_left ul li:hover{ color:#fff; background:#b9a276;}
.index1_right{ width:931px;}
.index1_right_top{ background:url(../Image/p3.png) bottom right no-repeat;}
.index1_right_top p{ float:left; background:url(../Image/p4.png) left center no-repeat; padding-left:60px; color:#b9a276; font-size:18px; font-weight:bold; line-height:36px;}
.index1_more{ color:#b9a276; margin-top:10px;}
#gundong{width:931px; margin:0 auto;overflow:hidden;height:auto; margin-top:10px;}
#indemo{float: left;width: 800%;}
#gundong1,#gundong2{height:auto;float:left;display:inline-table;}
#gundong1 ul,#gundong2 ul{ overflow:hidden; margin-top:35px;}
#gundong1 .pro_li,#gundong2 .pro_li{ float:left; width:295px; height:auto; margin:0px 10px; transition: all 3s;}
#gundong1 .pro_li div,#gundong2 .pro_li div{ width:295px; height:222px; transition: all 1.7s; background:#fff;}
#gundong1 .pro_li div img,#gundong2 .pro_li div img{ max-width:295px; max-height:222px; background:#fff;}
#gundong1 .pro_li p,#gundong2 .pro_li p{ line-height:40px; text-align:center; background:#383838; margin-top:2px; color:#fff; transition: all 1.7s;}
#gundong1{float: left;height:auto;}
#gundong2{float: left;}
#gundong1 .pro_li:hover p,#gundong2 .pro_li:hover p{ background:#b9a276; color:#fff; font-weight:bold;}


/**************************index1 end*********************/



.index2{ width:1040px; height:auto; margin:0 auto; overflow:hidden; background:#111; margin-top:88px; padding:45px 70px 40px 70px;}
.index2_top{ height:68px; background:url(../Image/p5.jpg) center no-repeat;}
.index2_about{ color:#b2b2b2; margin-top:20px; line-height:25px; margin-bottom:30px;}
.index2_about a{ color:#baa276;}
.index2_team li{ width:500px; float:left; margin:0 10px ;}
.index2_team li .index2_team_img{ width:125px; height:125px; border-radius:125px;}
.index2_team li .index2_team_img img{ width:125px; height:125px; border-radius:125px;}
.index2_team li .index2_team_con{ width:350px; color:#b2b2b2; line-height:25px; margin-top:20px;}




/**************************index2 end*********************/


.index3{ background:url(../Image/adv.jpg);background-repeat: no-repeat; background-position: center; padding: 324px 0; margin-top:88px;}



/********************************index3 end*********************/



.index4{ width:1040px; height:auto; margin:0 auto; overflow:hidden; margin-top:65px;}
.index4_top{ height:152px; background:url(../Image/p6.jpg) center no-repeat;}



/*****************************index4 end***********************/


.index5_bj{ width:100%; height:582px; min-width:1180px !important; background:url(../Image/p7.jpg) center no-repeat; overflow:hidden; margin-top:65px; background-attachment: fixed;}
.index5{ width:1180px; height:auto; margin:0 auto; overflow:hidden; margin-top:65px;}
.index5_top{ height:68px; background:url(../Image/p8.png) center no-repeat;}
.index5_news li{ width:545px; margin-right:45px; float:left; margin-top:60px; position:relative;}
.index5_news li .index5_news_left{ width:116px; height:107px; border:1px solid #6d5f45; color:#6d5f45; font-size:22px; text-align:center;}
.index5_news li .index5_news_left p{ font-size:50px; color:#b9a276; font-weight:bold;}
.index5_news li .index5_news_right{ width:395px; color:#b2b2b2; font-size:17px; line-height:30px;}
.index5_news li .index5_news_right p{ color:#e8e8e8; font-size:20px; margin-bottom:10px;}
.index5_news li:hover .index5_news_left{ background:#6d5f45; color:#d3c6ae;}
.index5_news li:hover .index5_news_left p{ color:#fff;}
.index5_news li:hover .index5_news_right{ display:none;}
.index5_news li .index5_news_img{ width:437px; height:0; background:url(../Image/news.jpg) center no-repeat; position:absolute; right:0px;}
.index5_news li:hover .index5_news_img{ height:109px;}



/*****************************index5 end*********************/



.foot_bj{ width:100%; height:auto; background:#040404; border-top:10px solid #131313; min-width:1180px !important; overflow:hidden; padding:50px 0;}
.foot{ width:1180px; height:auto; margin:0 auto;}
.foot_left{ width:300px;}
.foot_left a{ color:#727272;}
.link{ margin-top:20px;}
.share p{ font-size:20px; color:#727272; margin-bottom:20px;}
#share a{ width:48px; height:46px; padding:0; margin:10px;}
#share a.bds_sqq{background:url(../Image/qq.jpg) no-repeat;}
#share a.bds_tsina{background:url(../Image/weibo.jpg) no-repeat;}
#share a.bds_weixin{background:url(../Image/weixin.jpg) no-repeat;}
.foot_contact{ width:335px; margin-left:200px;}
.foot_contact p{ color:#9a9a9a; font-size:20px; margin-bottom:20px;}
.foot_contact li{ color:#9a9a9a; font-size:16px; line-height:25px;}
.cop p{ text-align:center; color:#848484; margin-top:10px;}
.foot2_bj{ width:100%; height:auto; text-align:center; color:#9a9a9a; line-height:57px; font-size:13px; min-width:1180px !important; overflow:hidden; background:#131313;}
.foot2 span{ margin-left:10px;}
.foot2 a{ color:#9a9a9a;}



/*******************************foote end**********************/




.inner_bj{ width:100%; height:auto; min-width:1180px !important; background:url(../Image/p9.jpg) center no-repeat #000; overflow:hidden;}
.inner{ width:1180px; height:auto; margin:0 auto; overflow:hidden; margin-top:85px; margin-bottom:80px;}
.inner_left{ width:193px; height:auto; }
.inner_left_top{ background:#b9a276; font-weight:bold; font-size:18px; color:#fff; text-align:center; line-height:54px;}
.inner_left ul li{line-height:47px; transition: all 1s; color:#b2b2b2; font-size:16px; background:#222222; text-align:center; margin-top:3px;}
.inner_left ul li:hover{ color:#fff; background:#b9a276;}

.inner_right{ width:931px;}
.inner_right img{ max-width:931px;}
.inner_right_top{ background:url(../Image/p3.png) bottom right no-repeat; overflow:hidden;}
.catname{ background:url(../Image/p4.png) left center no-repeat; padding-left:60px; color:#b9a276; font-size:18px; font-weight:bold; line-height:36px;}
.location{ color:#b9a276; margin-top:10px;}
.location a{ color:#b9a276;}

.innerright_foot{ width:931px; margin-top:20px;}
.innerright_foot img{ max-width:931px;}

.inner_content{ color:#fff; line-height:30px;}
.inner_content table{width:931px !important;height:auto;margin:10px 0; border-collapse:collapse; border:1px solid #000;}
.inner_content table tr td{text-align: left;padding:0px 10px;border:1px solid #000; line-height:50px;}
.inner_content .table2 tr td{border:none;}
.inner_content .table3 tr td{border:1px solid rgb(204,204,204);}

.pro li{ float:left; width:295px; height:auto; margin:7px; transition: all 3s;}
.pro li div{ width:295px; height:222px; transition: all 1.7s; background:#fff;}
.pro li div img{ max-width:295px; max-height:222px; background:#fff;}
.pro li p{ line-height:40px; text-align:center; background:#383838; margin-top:2px; color:#fff; transition: all 1.7s;}
.pro li:hover p{ background:#b9a276; color:#fff; font-weight:bold;}




.pimg{ width:800px; height:auto; overflow:hidden;}
.pro_img{ width:312px; height:auto; border:1px solid #CCC;}
.pro_img img{ width:310px; height:310px;}
#preview {text-align: center; width: 380px;}
.jqzoom {border-bottom: #ddd 1px solid; border-left: #ddd 1px solid; width: 310px; float:left; margin-bottom: 10px; height: 310px; overflow: hidden; border-top: #ddd 1px solid; border-right: #ddd 1px solid; position: relative;}
.zoomdiv {width: 310px; height: 310px; left: 859px;z-index: 100; border-bottom: #e4e4e4 1px solid; position: absolute; text-align: center; border-left: #e4e4e4 1px solid; width: 310px; display: none; background: url(../Image/loading.gif) #fff no-repeat center center; height: 310px; overflow: hidden; border-top: #e4e4e4 1px solid; top: 1px; border-right: #e4e4e4 1px solid; left: 0px}
#spec {position: relative; width: 56px; height: 300px; margin-left: 6px; float:left; overflow: hidden; }
.specLeftT {position: absolute; width: 54px;background:url(../Image/next-no-vertical.jpg) no-repeat; float: left; height: 17px; bottom: 0px; cursor: pointer; left: 0px}
.specRightT {position: absolute; width: 54px; background:url(../Image/pre-no-vertical.jpg) no-repeat; float: left; height: 17px; top: 0px; cursor: pointer; right: 0px}
.specLeftF {position: absolute; width: 54px; background:url(../Image/next-no-vertical.jpg) no-repeat; float: left; height: 17px; bottom: 0px; cursor: pointer; left: 0px}
.specRightF {position: absolute; width: 54px; background:url(../Image/pre-no-vertical.jpg) no-repeat; float: left; height: 17px; top: 0px; cursor: pointer; right: 0px}
.pro_left {position: absolute; width: 54px;background:url(../Image/next-no-vertical.jpg) no-repeat; float: left; height: 17px; bottom: 0px; cursor: pointer; left: 0px}
.pro_right {position: absolute; width: 54px; background:url(../Image/pre-no-vertical.jpg) no-repeat; float: left; height: 17px; top: 0px; cursor: pointer; right: 0px}

#specList {display: inline; float: left; margin-left: 2px}
#specList UL LI {width: 50px; display: inline; margin-right: 4px}
#specList UL LI IMG {border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; padding-bottom: 2px; padding-left: 2px; width: 40px; padding-right: 2px; margin-bottom: 1px; height: 40px; border-top: #ccc 1px solid; border-right: #ccc 1px solid; padding-top: 2px}
.bigimg {
	WIDTH: 800px; HEIGHT: 800px
}
.jqZoomPup {z-index: 10; border-bottom: #aaa 1px solid; position: absolute; filter: alpha(opacity=50); border-left: #aaa 1px solid; width: 50px; background: #fede4f no-repeat 50% top; height: 50px; visibility: hidden; border-top: #aaa 1px solid; top: 0px; cursor: move; border-right: #aaa 1px solid; left: 0px; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5}
#specList {POSITION: absolute; TEXT-ALIGN: left; WIDTH: 60px; HEIGHT: 250px; OVERFLOW: hidden; TOP: 25px; LEFT: 0px
}
#specList UL {POSITION: absolute; WIDTH: 60px; LEFT: 4px}

.pro_name{ width:370px; height:auto; margin-left:20px;}
.pro_name li{ width:370px;  border-bottom:1px dashed #CCC; line-height:40px; color:#fff;}
.inner_share{ width:370px; margin-top:20px;overflow:hidden;}
.inner_share p{ float: left; color:#000; line-height:30px;}
.go_order{
    padding: 8px 25px;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    background: #b9a276;
    border: none;
    margin-top: 50px;
    outline: none;
}
.go_order:hover{
    background: #f00f0d;
}
.order-content{
    padding: 20px 30px;
    background: #fff;
}

.order-content .order-line{
    color: #333;
    height: 30px;
    line-height: 30px;
    margin-bottom: 12px;
    font-size: 14px;
}
.order-content .order-line:after{
    display: block;
    content: '';
    clear: both;
    height: 0;
    width: 0;
}
.order-content .order-line lable{
    width: 70px;
    margin-right: 5px;
    display: inline-block;
    float: left;
    text-align: right;
}
.order-content .order-line .order-zhi{
    float: left;
    padding: 10px;
    line-height: 30px;
    padding: 0px 10px;
    max-width: 380px;
    border: 1px solid #d2d2d2;
}
.order-content .order-line .order-zhi.noborder{
    border:none;
}
.order-content .order-line  .order-zhi.overword{
    height: 30px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;

}
.order-line.bz-line{
    height: auto;
}
.order-content .order-line .beizhu{
    padding: 10px;
    float: left;
    border: 1px solid #d2d2d2;
}
.order-content .order-line .dwid{
    width: 375px;
}
.order-content .order-line img{
    display: inline-block;
    float: left;
    margin-left:15px;
}
.order-content .go-sub{
    margin-left:70px;
    border: none;
    color: #fff;
    background: #b9a276;
    font-size: 14px;
    padding: 8px 28px;
    margin-top:8px;
    border-radius: 5px;
    outline: none;
}
.order-content .go-sub:hover
{
    background: #f00f0d;
}


.news_list li{ margin-top:30px;}
.news_list li .news_list_time{width:116px; height:107px; border:1px solid #6d5f45; color:#6d5f45; font-size:22px; text-align:center;}
.news_list li .news_list_time p{ font-size:50px; color:#b9a276; font-weight:bold;}
.news_list li .news_list_con{ width:770px; color:#b2b2b2; font-size:14px; line-height:25px;}
.news_list li .news_list_con p{color:#e8e8e8; font-size:16px; margin-bottom:10px;}
.news_list li:hover .news_list_con p{ color:#b9a276; font-weight:bold;}
.news_list li:hover .news_list_time{ background:#6d5f45; color:#d3c6ae;}
.news_list li:hover .news_list_time p{ color:#fff;}

.news_title{ text-align:center; line-height:30px; color:#000; padding:10px 0 10px 0;}
.meta{ text-align:center;}

.team li{margin:30px 0 ;}
.team li .team_img{ width:125px; height:125px; border-radius:125px;}
.team li .team_img img{ width:125px; height:125px; border-radius:125px;}
.team li .team_con{ width:770px; color:#b2b2b2; line-height:25px; margin-top:20px;}
.team_info_img{ width:125px; height:125px; float:left;}
.team_info_img img{ width:125px; height:125px; border-radius:125px;}
.team_info_con{ width:670px; float:right; text-align:left; color:#b2b2b2; line-height:25px; margin-top:20px;}

.inner_message{ color:#000; line-height:25px; margin-top:20px; margin-bottom:20px;}
.form-control1 {outline:none;
  display: block;
  width: 100%;
  height: 50px;
  margin-bottom:20px;
  font-size: 14px;
  line-height: 50px;
  color: #000;
  border:none;
  box-shadow: 1px 2px 3px #F0F0F0 inset;
   padding-left:10px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control1:focus {
  border-color: #66afe9;
  outline:none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
#content1{ height:140px; background:url(../Image/p32.jpg) right 11px top 10px no-repeat #f3f3f3; font-family:"微软雅黑";}
.form-group2{width:280px; height:50px; position:relative; border:none; box-shadow: 1px 2px 3px #F0F0F0 inset; float:left;}
.form-group2{ background:#f3f3f3;}
#submit2{ width:180px; height:50px; line-height:50px; text-align:center; background:#b9a276; color:#fff; float:left; margin-left:20px;}

.form-group #name{ background:url(../Image/p29.jpg) right 11px center no-repeat #f3f3f3;}
.form-group #email{ background:url(../Image/p30.jpg) right 11px center no-repeat #f3f3f3;}
.form-group #tel{ background:url(../Image/p31.jpg) right 11px center no-repeat #f3f3f3;}


.contact{ margin:20px;}
.contact li{
	float:left; margin:0 10px;
    display: inline-block;
    text-align: center;
    position: relative;
    z-index: 1;
    width: 270px;
	 height:225px;
    background-color: #b9a276;
    border: 2px solid #b9a276;
    -webkit-transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg);
    transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
	font-size: 20px;
    font-weight: 400;
    color: #ffffff;
}
.contact li p{ font-size: 20px;
    text-transform: uppercase;
    padding: 17px 0px 10px;}
.contact li img{ margin-top:20px;}



.info_title{ width:931px; height:30px; background:#ececec; margin-top:20px;}
.info_title b{display:inline-block;padding-left:10px;height:100%;background:#b9a276;color:#fff;line-height:30px;}
.back{ margin-top:40px;}
.back a{ color:#444444;}
.page1{ width:100%; margin-top:40px; text-align:center; line-height:2; color:#000;}
.page1 a{ background:#fff; padding:5px 20px; margin:0 5px; color:#000;}
.page1 .current{ background:#b9a276; font-weight:bold;  color:#FFF;line-height:2; padding:5px 20px; margin:0 5px;}
#page_num{ border:1px solid #c2c2c2; padding:0 5px;}
#prev_next{ color:#000; margin-top:20px; line-height:30px;}
#prev_next a{ color:#000;}

