 /*通用样式*/
body{ color:#333; font-family:Microsoft Yahei,Arial, Helvetica, sans-serif; }
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ol,pre,form,input,textarea{margin:0;padding:0; list-style:none; line-height:24px; font-size:14px; font-weight:normal}
ul,li{margin:0; padding:0;list-style:none; font-weight:normal;}
a{ color:#333; text-decoration:none; }
a:hover{ color:#e0c073; } 
img{ border:none;}
.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }
.wrapper{width:1200px; margin:0 auto;}
.C{ clear:both}
.hide{ width:100%; height:100%; overflow:hidden;}
.block{ display:block}
.box_img img{ height:100%}
.box_img{ float:left;}
.box_text{ float:right;}
strong{display: block;margin: 0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.transition{-webkit-transition: all  0.3s ease-out;-moz-transition: all  0.3s ease-out;-o-transition: all  0.3s ease-out; transition: all  0.3s ease-out; }
/*公用颜色提取*/
.color1{color:#fff;}




/*公用导航样式*/
/*头部样式*/
#header {width:100%; height:95px;background: rgba(224,192,115,.8); padding:0px; position: absolute;top: 0px; right: 0; z-index:10000;}
#header .topdiv{margin: 0 auto;width:1280px;  position: relative;}
#header .logo {float:left;width:257px; height:95px; position:relative; position:relative; opacity:1; }
#header .logo  a{width:257px; height:95px; position:relative; display:block}
#header .logo  a img{  max-width:100%; max-height:100%; top:0;left:0;right:0;bottom:0; position:absolute; margin:auto}

#header .menu {float:right;width: 900px; margin-top:0px; }
#header .menu .nLi {float: left;width: 11%;position: relative;}
#header .menu .nLi h3 {padding: 0px  0px; font-size:16px; font-weight:normal;color: #333;}
#header .menu .nLi h3 a {display: block;text-align: center;color: #333;line-height: 95px;}
#header .menu .nLi h3 a:hover{color: #e0c073; font-size:18px; background: rgba(51,51,51,1);  }

/*公用导航下拉样式*/
#header .menu .nLi .menu_2 {display: none;position: absolute;top:95px;width: 100%;z-index: 10;padding:0px 0}
#header .menu .nLi .menu_2 li a {display: block; font-size:16px;color: #e0c073;line-height:40px;background: rgba(0,0,0,.8);text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#header .menu .nLi .menu_2 li{height:40px; }
#header .menu .nLi .menu_2 li a:hover{color: #333;background:#e0c073;}




/*大图样式*/

#banner{margin:0 auto;  position: relative;  width:100%; height:900px; overflow:hidden; }
#banner .slideBox {width:100%;position:relative;}
#banner .slideBox .hd {height:25px;overflow:hidden;position:absolute;bottom:15px;z-index:1000;text-align:center;width:100%;}
#banner .slideBox .hd ul {overflow:hidden;zoom:1;display:inline-block;}
#banner .slideBox .hd ul li {float:left;margin-right:5px;width:15px;height:15px;line-height:14px;text-align:center;background:#333;cursor:pointer;border-radius:15px;}
#banner .slideBox .hd ul li.on {background:#e0c073;color:#fff;}
#banner .slideBox .bd {position:relative;height:100%;	z-index:0;margin:0px auto;text-align:center;}
#banner .slideBox .bd li {zoom:1;vertical-align:middle;}
#banner .slideBox .bd img {display:block;border:1px solid #ddd;padding:1px;margin:0px auto;text-align:center;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
#banner .slideBox .prev,  #banner .slideBox .next {position:absolute;left:3%;top:50%;margin-top:-25px;display:block;width:32px;height:40px;background:url(../images/slider-arrow.png) -110px 5px no-repeat;filter:alpha(opacity=50);opacity:0.5;}
#banner .slideBox .next {left:auto;right:3%;background-position:8px 5px;}
#banner .slideBox .prev:hover,  #banner .slideBox .next:hover {filter:alpha(opacity=100);opacity:1;}
#banner .slideBox .prevStop {display:none;}
#banner .slideBox .nextStop {display:none;}

/*大图样式结束*/



/*公用底部样式*/
#links {margin:0 auto;  width:1280px;height:60px;background:#e0c073; padding-left:15px;position: absolute;top:-30px; left:50%; margin-left:-600px;z-index: 1; }
#links h4 {float: left; font-size:16px; color:#333;font-weight:bold; text-indent:42px; line-height:40px; padding: 10px 0px;background:url(../images/link-tu.png)left center no-repeat;}
#links .zi {float: left; font-size:14px;line-height:40px; padding: 10px 0px;}
#links .zi  a{padding: 15px 10px;color:#333;}
#links .zi  a:hover{color:#f00; }
#footer{ margin:0 auto; width:100%;height:75px;line-height:24px;text-align:center; color:#fff; padding-top:50px;padding-bottom:10px;clear: both;position: relative;background:url(../images/tom-by.jpg) top center no-repeat;}
#footer a{ color:#fff}
#footer a:hover{ color:#e0c073}
#footer span a{ color:#a40000}

/*首页主体部分的样式，可以自行编辑*/
#container{margin:0 auto; width:100%;    }

 .inner .title{ float:left;width:125px; height:212px; padding-left:25px; padding-top:80px;display:inline-block;text-align:center; background: url(../images/case_title.png) left no-repeat;}
 .inner .title b{float:left;width:100%; color:#e0c073; font-size:30px; font-weight:bold;line-height:36px; text-align:left;}
 .inner .title p{float:left;width:100%;color:#ccc; font-size:14px;line-height:30px; text-align:left;text-transform:Uppercase}
 .inner .title .x{float:left;width:55px;height:3px; background:#ccc; margin-top:10px;  }
 .inner:hover .title .x{  width:140px;height:3px;  background:#ccc; margin-top:10px;transition:0.5s;}
 .inner .more{ float: left;margin-top:12px; color:#e0c073; display: block;  font-size:14px; width: 200px; line-height: 30px; text-indent:24px;  text-align:left;background: url(../images/more.png) left no-repeat;}
 .inner .more:hover{  font-size:16px;font-weight: bold;line-height: 30px;}



/*about css*/
.about{margin:0 auto; width:100%; height:640px; padding:130px 0px ; }
.about .inner{margin:0 auto;width:1280px; }
.about .box_text{float:right;width:980px;height: 450px;   margin-top: 150px;padding:0px 25px 35px 25px; background:url(../images/about-by.png) bottom repeat-x; }
.about .box_text p{float:left;width:53%; margin-top:45px; margin-bottom: 30px;font-size:16px; color: #333;line-height: 35px;height:350px; text-align:left;text-indent:28px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp:10;-webkit-box-orient: vertical;}
.about .box_tu{float:right; width:43%;  margin-top: -150px;text-align:right;}
.about .box_tu .pic{ margin:0 auto; width:100%; height:605px;position:relative ; overflow: hidden; }
.about .box_tu  img{ max-width:100%; max-height:100%; top:0;left:0;right:0;bottom:0; position:absolute; margin:auto;   transition:0.5s;}
.about .box_tu  .pic img{transform: scale(1.05, 1.05);   transition:0.5s;}

/*Product  css*/
.product{ margin:0 auto; width:100%;height:675px; padding:130px 0px 95px 0px;}
.product .inner{margin:0 auto; width:1280px;}
.product .inter{float:right;width:1030px; overflow:hidden; }
.product .inter ul li{float:left;   position:relative; width:320px; height:320px; margin:0px 7px 14px 7px;text-align:center ;border:2px #191b1f solid; padding:0px;  }
.product .inter ul li:hover{ border:2px #f8dd93 solid; transition:1s; }
.product .inter ul li .pic{position:relative ;overflow: hidden;width:320px; height:320px; }
.product .inter ul li .pic img{ max-width:100%; max-height:100%; position:absolute; top:0; bottom:0; left:0; right:0;  margin:auto; transition: .3s transform; }
.product .inter ul li:hover .pic img{transform: scale(1.1,1.1);transition: .3s transform; }
.product .inter ul li a{ display:block}
.product .inter ul li img{  display:block;}
.product .inter ul li .tile{ width:calc(100% - 30px);  height:56px; line-height:56px; color:#e9ca80; position:absolute; left:0px; bottom:0px;background:rgba(51,51,51,.9);    padding: 0px 15px;  z-index:1000; font-size:16px;
display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.product .itner ul li .tile a{color:#fff;}
.product .inter ul li:hover .tile{  color:#333; position:absolute; left:0px; bottom:0px;background: rgba(224,192,115,.8); transition:0.5s;   padding: 0px 15px;  }




/*new css*/
.innews{margin:0 auto; width:100%; height:900px; padding:0px 0px ; position:relative}
.innews:before{ position:absolute; width:calc(50% + 390px);content:" "; top:0%; right:0px;height:900px;  background:rgba(0,0,0,.5);}
.innews .inner{ width:1280px; margin:auto}
.innews .inner .title{ float:left;width:125px; height:212px; margin-top:130px; padding-left:25px; padding-top:80px;display:inline-block;text-align:center; background: url(../images/case_title.png) left no-repeat;}
.innews .inner .title b{float:left;width:100%; color:#e0c073; font-size:30px; font-weight:bold;line-height:36px; text-align:left;}
.innews .inner .title p{float:left;width:100%;color:#ccc; font-size:14px;line-height:30px; text-align:left;}
.innews .inner .more{ float: left;margin-top:12px; color:#e0c073; display: block;  font-size:14px; width: 200px; line-height: 30px; text-indent:24px;  text-align:left;background: url(../images/more.png) left no-repeat;}
.innews .inner .more:hover{  font-size:16px;font-weight: bold;line-height: 30px;}

.innews .inner .news{ float:right;width:1030px;height:670px;padding:100px 0px 130px 0px;  }
.news ul li{height:160px; padding:30px 0px 30px 45px;  margin-top:0px; }
.news ul li:hover{background: rgba(224,192,115,.5)  }
.news ul li .text_box{   }
.news ul li .text_box .date{ width:150px; height:150px;  float:left;  border:4px #949292 solid;  overflow:hidden;  }
.news ul li:hover .text_box .date{ border:4px #e0c073 solid;transition:0.5s; }
.news ul li .text_box .date .riqi{ font-size:60px;  text-align:center; color:#fff;  line-height:60px; height:60px;overflow:hidden}
.news ul li .text_box .date .year{ margin-top:25px;color:#fff; font-size:18px; text-align:center;line-height:36px; height:36px;}
.news ul li .text_box .in_des{ width:calc(100% - 250px); float:left; margin-left:35px; padding:10px; }
.news ul li:hover .text_box .in_des{  padding:10px; transition:0.5s;}
.news ul li .text_box .in_des h2{font-size:18px; line-height:36px; height:36px; display: block;margin: 0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#fff;   }
.news ul li .text_box .in_des .txt{ line-height:35px; height:70px;font-size:16px; margin-top:10px;color:#fff;overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; }


.contact { margin:0 auto; width:100%; height:640px; padding:130px 0px ;}
.contact .inner{margin:0 auto;width:1280px; }
.contact .inter{ width:1000px; float:right;}
.contact .inter .tu{ width:540px; float:right;margin-top:0px; }
.contact .inter .tu img{ max-width:100%;}
.contact .inter .txt{ width:420px;  float:left; text-align:left; font-size:18px; margin-top:0px; line-height:43px; color:#fff;}
.contact .inter .wechat{ width:500px;  float:left; text-align:left; margin-top:10px; }
.contact .inter .wechat .td{ width:100px;color:#fff;background:url(../images/wei-b.png) right no-repeat;  }
.contact .inter .wechat .tutd{ width:500px;  float:left; color:#fff;  }
.contact .inter .wechat .tu{ width:80px; height:80px;  float:left; margin-top:8px; margin-right:10px;  }
.contact .inter .wechat .ritd{ width:90px;  float:left;  color:#fff; line-height:24px;margin-top:5px; }
.contact .inter .wechat .ritd a{ width:70px;  float:left;  color:#333; padding:0px 5px; margin-top:8px; text-align:center;  background:#e0c073;}


/*内页主体样式*/
#nycontainer{ margin:0 auto; width:100%; padding-bottom:30px; background:url(../images/cen-by.jpg) top center repeat-x ;  }
#nycontainer1{ margin:0 auto; width:100%; padding-bottom:30px;background:url(../images/cen-by1.jpg) top center repeat-x ;  }
#sub_container{ margin:0 auto; width:1200px;  top:-33px; position:relative; }

/*侧边栏 样式*/
.sidebar{ width:240px; float:left; margin-left:0px;  display:inline; margin-bottom:10px; }
.list_class{ }
.subnav { background:#000; }
._aside {padding-right: 0;width: 20%;float: left;}
._aside > h2 { height:70px; padding-top:34px; text-align:center; background:url(../images/sub-tpby.png) #e0c073  top no-repeat;}
._aside > h2 b{font-size:24px; font-weight:normal; line-height:36px;text-align:center; color:#333; font-weight:bold; }
._aside > h2 p{ line-height:24px; color:#333;font-size:14px;text-transform:capitalize}

._aside ul.sidemenu { padding:15px; border:1px #eee solid; }
/*一级的样式*/
._aside ul.sidemenu > li.sub1 ul {display: none; }
._aside ul.sidemenu > li.sub1 > a.sub1_a { color: #333;line-height:34px; text-indent:28px;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin:10px 0px;  background:#eee;border-radius:30px;}
._aside ul.sidemenu > li.current > a.sub1_a,._aside ul.sidemenu > li:hover > a.sub1_a {color: #333;line-height:34px;text-indent:28px;background:#e0c073;border-radius:30px;}
/*二级的样式*/
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > a.sub2_a {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; line-height:34px; margin-bottom:5px;  text-indent:35px;background:url(../images/icion_2.jpg) 15px  no-repeat; }

._aside ul.sidemenu > li.sub1 > ul > li.sub2.current > a.sub2_a,._aside ul.sidemenu > li.sub1 > ul > li.sub2:hover  > a.sub2_a{color: #e0c073;line-height:34px; text-indent:35px;}
/*三级的样式*/
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3 > a.sub3_a {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;text-indent:45px; line-height:34px;background:url(../images/95.gif) 28px  no-repeat;}
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3.current > a.sub3_a,._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3:hover > a.sub3_a{}

/*侧边栏快捷按钮样式，可自行编辑*/
/*侧边栏快捷按钮样式，可自行编辑*/

/*内页左边内容样式*/
.main{ float:right; width:960px;  margin-top:63px;  display:inline;}
.article {  padding:10px 0px 10px 40px  ;}
.article img{ max-width:100%; }/*此样式记得修改*/

/*内页面包屑样式，可自行编辑*/
.crumb{ height:64px; background:url(../images/link-tpby.png) left bottom no-repeat ; }
.crumb p{float:left;color: #333; font-size:24px; font-weight:bold;height:30px;line-height:30px;    text-align:left;  text-indent:40px;}
.crumb en{height:30px;line-height:30px;  color: #333; font-size:14px;  font-weight:normal;text-align:left; text-transform:uppercase; }
.crumb span{ float: right; text-indent:34px;  height:30px;line-height:30px; padding-right:0px;  background:url(../images/article-r1.png) no-repeat 5px;  }

.article1 { padding:10px 40px  ;}
.crumb1{  margin-top:65px;  height:59px; background:url(../images/link-tpby.png) left bottom no-repeat ; }
.crumb1 p{float:left;color: #333; font-size:24px; font-weight:bold;height:30px;line-height:30px;    text-align:left;  text-indent:40px;}
.crumb1 en{height:30px;line-height:30px;  color: #333; font-size:14px;  font-weight:normal;text-align:left; text-transform:uppercase; }
.crumb1 span{ float: right; text-indent:34px;  height:30px;line-height:30px; padding-right:80px;  background:url(../images/article-r1.png) no-repeat 5px;  }

/*内页面包屑样式，可自行编辑*/





