/*通用样式*/
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:#af0000; } 
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 {margin:0 auto; width:1200px; height:95px;background: rgba(250,250,250,.8); padding:0px; position: absolute;top:50px; left:50%; margin-left:-600px;z-index:10000;}
#header .topdiv{margin: 0 auto;width:1280px;  position: relative;}
#header .logo {float:left;width:375px; margin-top:10px;  margin-left:0px;position:relative; opacity:1; }

#header .menu {float:right;width: 900px; margin-top:0px; }
#header .menu .nLi {float: left;width: 11.4%;position: relative;}
#header li.nLi>a {display: block; height: 95px;  overflow: hidden;}
#header .menu .nLi h3 {padding: 0px  0px; font-size:16px;text-align: center; font-weight:normal;color: #333;line-height: 95px;}
#header .menu  .nLi h3  a{display: block;text-align: center;color: #333;line-height: 95px;}
#header .menu .nLi:hover h3 {color: #fff; font-size:18px;background:#af0000;text-align: center; line-height: 95px;}

/*公用导航下拉样式*/
#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;color: #fff;line-height:40px;background: rgba(0,0,0,.5);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: #fff;background:#af0000;}




/*大图样式*/

#banner{margin:0 auto;  position: relative;  width:100%; height:730px;min-width:1280px;  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:#af0000;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 10px no-repeat rgba(0,0,0,0.5);    padding: 5px 0;filter:alpha(opacity=50);opacity:0.5;}
#banner .slideBox .next {left:auto;right:3%;background-position:8px 10px;}
#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:1200px;height:60px;background:#af0000; padding-left:15px;position: absolute;top:-30px; left:50%; margin-left:-600px;z-index: 1; }
#links h4 {float: left; font-size:16px; color:#fff;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:#fff;}
#links .zi  a:hover{color:#333; }
#footer{ margin:0 auto; width:100%; 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;background-size: cover;}
#footer a{ color:#fff}
#footer a:hover{ color:#af0000;}
#footer span a{ color:#a40000}

/*首页主体部分的样式，可以自行编辑*/
#container{margin:0 auto; width:100%;  }


#container .title{margin:0 auto; width:100%; height:95px; margin-top:0px; padding-top:0px; text-align: center; background:url(../images/case_title.png) bottom no-repeat;}
#container .title b{color:#af0000; font-size:30px; line-height:40px; font-weight:bold;}
#container .title p{line-height: 24px;color: #909090; font-size:14px; margin-top:0px;  text-align: center; text-transform:Uppercase }


.more{margin:0 auto; width:200px;color:#fff;   line-height:30px; padding:5px;text-align: center;background:#555;border-radius:30px;  overflow:hidden;}
.more a{color:#fff;   } 
.more:hover{color:#fff;  background:#af0000;  }




/*about css*/
.about{margin:0 auto; width:100%; height:1010px;  padding:50px 0px 0px 0px; }
<!--.about .inner{ margin:0 auto; width:1200px;}-->
.about .inter{margin:0 auto; width:1200px;margin-top:50px; position:relative;  overflow:hidden;  }
.about .box_text{ float:left;width:685px;  position: absolute;top:80px; left: 0; z-index:10; }
.about .box_text .td{ float:left;width:585px;padding:60px 50px; background: rgba(255,255,255,.9);}
.about .box_text p{font-size:14px;  color: #333;  line-height: 30px;height:300px;  text-align:left;text-indent:28px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp:11;  }
.about .box_text .about_more{ float: left; margin-top: 30px; display: block;  width: 180px; line-height: 30px; padding:5px; text-align:center; background:#555; border-radius:30px;  }
.about .box_text .about_more a{color:#fff;   }
.about .box_text .about_more:hover{ background:#af0000;}
.about .box_tu{float:right;width:559px; height:675px; padding:0px 35px 35px 0px; background:url(../images/about-xuan.jpg) right  bottom no-repeat;  }
.about .box_tu .box_img{height:675px; }
.about .box_tu .box_img img{}

/*.product css*/
.prolink-by{margin:0 auto; width:100%;padding:10px 0px 0px 0px;}
.product{margin:0 auto; width:1200px;}
.pro_slide{width: 100%;height: auto;overflow: hidden; margin-top:20px;position:relative;top:-110px;}
.pro_title{ width: 289px; height:100px; padding-top:50px;text-align:center;background:url(../images/insub-tpby.png) #af0000 center no-repeat;    }
.pro_title b{line-height: 24px; color:#fff;  font-size:30px; padding-top:30px; text-align:center;font-weight:bold;}
.hd_pro{width: 259px;height: auto;overflow: hidden;float: left;background: #eee; padding:16px 15px 30px 15px;border-radius:0px 0px 8px 8px; }
.hd_pro ul{width: 100%;height: auto;overflow: hidden;}
.hd_pro ul li{ margin-top:15px;font-size: 18px;line-height: 58px;height: 58px;overflow: hidden;text-indent: 80px;background: url(../images/pro_hd.png) #fff 30px no-repeat;transition: 400ms; border-radius:5px;cursor: pointer;white-space: nowrap;text-overflow: ellipsis;}
.hd_pro ul li:last-child{border-bottom: none;}
.hd_pro ul li.on,.hd_pro ul li:hover{color: #fff;background: url(../images/pro_hd_on.png) #af0000 30px center no-repeat;border-radius:5px;}
.pro_imore{margin:0 auto;margin-top:25px;width:185px;background:#555;border-radius:30px; text-align: center;font-size: 18px;height: auto;overflow: hidden;}
.pro_imore a{display: block;line-height: 40px;height: 40px;overflow: hidden;color: #fff;transition: 300ms;}
.pro_imore a span{display: inline-block;padding-right: 14px;}
.pro_imore a:hover{color: #fff;background:#af0000;}
.bd_pro{width: 880px;height: auto;overflow: hidden;float: right;padding-top: 0px;}
.pro_img{width: 270px;height: 270px;font-size: 0px;overflow: hidden;}
.pro_img img{width:100%;}
.pro_img i{width: 270px;height: 270px;}
.pro_data{width: 100%;height: auto;overflow: hidden; margin-bottom: 8px;}
.pro_data ul{height: auto;overflow: hidden;float: left;}
.pro_data ul:nth-child(3n){margin-right: 0px;}
.pro_data ul li{float: left;width: 270px;height: auto;overflow: hidden;margin:0px 10px 15px 10px;}
.pro_data ul li a{display: block;height: auto;overflow: hidden;position: relative;}
.pro_data ul li a:after{content: "";width: 100%;height: 50px;background: #000;background: rgba(0,0,0,.5);position: absolute;bottom: 0px;left: 0;transition: 400ms ease-out;}
.pro_intro{width:240px;padding: 0 26px;position: absolute;left: 0;bottom: 0;color: #fff;z-index: 2;text-align: center;transition: 400ms;}
.pro_bt{font-size: 18px;line-height: 50px;height: 50px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pro_nr{line-height: 30px;height: 0px;padding-top: 0px;padding-right:10px;color: #ccc;position: relative;transition: 400ms;overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;}
.pro_nr:before{content: "";width: 80px;height: 1px;background: #fff;position: absolute;top: 0;left: 50%;margin-left: -40px;}
.pro_data ul li a:hover:after{height: 100%;}
.pro_data ul li a:hover .pro_nr{height: 60px; padding-right:10px; padding-top:10px;margin-bottom:60px;overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;}

/*new css*/
.newsTxtBox{ margin:0 auto; width:100%; height:900px; padding-top:46px; }
.newsTxtBox .inter {margin:0 auto;width:1200px;   overflow: hidden; }
.newsTxtBox .inter  .newtu{float:left; width:584px;  margin-top:50px;  margin-bottom:40px; text-align:center; position:relative; background:#fff;  }
.newsTxtBox .inter  .newtu .pic{ height:461px;  color:#fff;margin:0px auto;overflow: hidden;}
.newsTxtBox .inter  .newtu .pic img{ transition: .3s transform;}
.newsTxtBox .inter  .newtu:hover .pic img{transform: scale(1.1, 1.1);transition: .3s transform;}
.newsTxtBox .inter  .newtu .biao {float: left; width:544px; height:82px;text-align:left;  padding:10px 20px;background: rgba(0,0,0,.5); position: absolute; bottom:0px; left:0px; right:0px; z-index:10;}
.newsTxtBox .inter  .newtu:hover .biao {color:#fff; background:#af0000;}
.newsTxtBox .inter  .newtu .biao .td1{font-size:16px; line-height:30px; height:30px; text-align:left; display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#fff;}
.newsTxtBox .inter  .newtu:hover  .biao .td1{color:#fff; }
.newsTxtBox .inter  .newtu .biao .txt{line-height:25px; height:50px;text-align:left; font-size:14px; margin-top:0px;color:#fff;overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;  }
.newsTxtBox .inter  .newtu:hover .biao .txt{color:#fff;}
.newsTxtBox .inter  .news{ float:right;width:544px; margin-bottom:40px;   margin-top:30px; }
.newsTxtBox .inter  .news ul li{ margin-top:17px;height:92px; background: rgba(256,256,256,.7);border:1px #f6f6f7 solid;padding:5px;}
.newsTxtBox .inter  .news ul li:hover{ border:1px #af0000 solid; }
.newsTxtBox .inter  .news ul li .text_box{   }
.newsTxtBox .inter  .news ul li .text_box .date{ width:100px;  float:left; padding:5px 0px; background:#777; overflow:hidden;  }
.newsTxtBox .inter  .news ul li:hover .text_box .date{background:#af0000;border:1px #af0000 solid;  }
.newsTxtBox .inter  .news ul li .text_box .date .riqi{ font-size:40px;  text-align:center; color:#fff; line-height:50px; height:50px; overflow:hidden}
.newsTxtBox .inter  .news ul li:hover .text_box .date .riqi{color:#fff; }
.newsTxtBox .inter  .news ul li .text_box .date .year{ color:#fff; font-size:14px; text-align:center;line-height:30px; height:30px;}
.newsTxtBox .inter  .news ul li:hover .text_box .date .year{ color:#fff; }
.newsTxtBox .inter  .news ul li .text_box .in_des{ width:410px; float:right; padding:10px; }
.newsTxtBox .inter  .news ul li .text_box .in_des h2{font-size:16px; line-height:20px; height:20px; display: block;margin: 0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#333;   }
.newsTxtBox .inter  .news ul li .text_box .in_des .txt{ line-height:25px; height:50px;font-size:14px; margin-top:10px;color:#9b9a9a;overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; }
 


/*内页主体样式*/
#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:90px; padding-top:14px; text-align:center; background:url(../images/sub-tpby.png) #af0000  top no-repeat;}
._aside > h2 b{font-size:24px; font-weight:normal; line-height:36px;text-align:center; color:#fff; font-weight:bold; }
._aside > h2 p{ line-height:24px; color:#fff;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: #fff;line-height:34px;text-indent:28px;background:#af0000;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: #af0000;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;  }

/*内页面包屑样式，可自行编辑*/