/*公共样式*/
html {-webkit-text-size-adjust:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,span{padding:0;margin:0;}
body{font:normal 14px/1.5 "宋体","微软雅黑"; background-color: #F4F7F7;}
ol,ul,li{list-style:none;}
em,i{font-weight:normal;font-style:normal;font-size:100%;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;font-size:100%;}
.clearfix{*zoom:1;}
.clearfix:after{content:"."; display:block;clear:both;visibility:hidden;line-height:0;height:0;}
a{color:#333;text-decoration:none;}
input,button,select{outline:0;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit;}
img{vertical-align:middle; display: inline-block; border:none;}
.fl{float: left;}
.fr{float: right;}
.ellipsis{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.w1200{width: 1200px; margin: 0 auto;}
.plr20{padding: 0 63px 0 20px;}
.mt20{ margin-top: 20px;}
.mb20{ margin-bottom: 20px;}
.mb10{ margin-bottom: 10px;}
.m10{margin: 10px 0;}
.m20{margin: 20px 0;}
.tindent{text-indent: 2em;}
.col666{color: #666;}
.col999{color: #999;}
.b-bg{background-color: #fff; box-shadow: 1px 2px 5px #ddd;}
.mb10{margin-bottom: 10px;}
.bold{font-weight: bold;}
.center{text-align: center!important;}
/*header*/
#header{height: 70px; background: #fff; }
#header .cd_logo{margin-top: 15px;}
#header .mnav a{ float: left; margin-left: 15px; font-size: 14px; line-height: 77px;}
#header .mnav a:hover{text-decoration: underline;}
/*footer*/
#footer{background-color: #fff; padding: 30px 0;}
#footer p{ line-height: 26px; text-align: center; color: #999; font-size: 14px;}
#footer p a{color: #999;}
#footer p span{ margin: 0 5px; }
/*banner*/
.banner{ height: 298px; background:#02124E url("../images/banner.jpg") no-repeat center;}

/*main*/
#main{background-color: #f4f7f7; padding-bottom: 20px;}
/*面包屑*/
.m-crumbs{border-bottom: 1px dashed #999; margin-bottom: 10px;}
.m-crumbs a{color: #222; padding: 10px 0 5px; display: inline-block;}
.m-crumbs a:hover{color: #B51D22;}
.m-crumbs span{color: #666;}
/*标题通用*/
h2.cd-tit{ border-bottom: 1px solid #D1D1D1; height: 20px; margin-bottom: 35px;  font-weight: 200;}
h2.cd-tit span.tit{display: inline-block; font-size: 26px; margin-top: -2px; padding-right:36px; background-color: #F4F7F7; color: #323232;}
/*头部新闻*/
.head-new{height: 228px; padding: 60px 0;}
.head-new .h_img{position: relative;}
.head-new .h_img .h_tit{position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; z-index: 2; padding:10px 0; }
.h_img .h_tit a{color: #fff;}
.h_img .h_tit p{color: #dbbaba;}
.h_img .h_tit p,.h_img .h_tit h3{height: 21px; width: 416px;}
.h_img .h_tit span{position: absolute; right: 20px; top: 18px; width: 30px; height: 30px; background: url("../images/icon/hn-link.png") no-repeat;}
.h_img .h-mask{position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; background-color: #CD0000; opacity: 0.6;z-index: 1; filter: alpha(opacity=60);}
.head-new ul.h_news{ width: 704px; height: 228px;}
ul.h_news li{ float: left; background: #fff;  margin:23px 0 23px 55px; line-height: 20px;}
ul.h_news li a{color: #666; display: block; width: 277px; height: 39px; margin: 15px 20px 15px 0; }
ul.h_news li i{display: inline-block; float: left; width: 45px; height: 31px; margin:5px 20px 5px -25px; background-color: #ACACAC; opacity: 0.3;filter: alpha(opacity=30);}
ul.h_news li:hover{ background-color: #C9161E; }
ul.h_news li:hover a{color: #fff;}

/*公共图文列表*/
.txt-img{float: left;}
.txt-img img{border:1px solid #d1d1d1;}
.txt-img p{height: 32px; line-height: 32px; color: #666;}
.txt-img:hover a{ color: #C9161E;}

/*企业新闻*/
.news-imgs{width: 883px; height: 302px;}
.news-imgs li{ width: 200px; overflow: hidden; margin-right: 20px; margin-bottom: 20px;}
.news-txts{ width: 302px; height: 302px; overflow: auto;}
.news-txts li{width: 264px; height: 21px; overflow: hidden; margin-bottom: 10px; padding-left: 16px; background: url("../images/icon/listicon.png") no-repeat 0 8px;}
.news-txts li a:hover{ text-decoration: underline; color: #cd0000; }
/*工博会*/
.act-meet{position: relative;}
.act-meet .mt-con{margin-right: -30px;}
.act-meet li{float: left; width: 185px; margin-right:15px; margin-bottom: 15px; background-color: #fff;border:1px solid #ddd;}
.act-meet li div{ background-color: #fff;}
.act-meet li .img-con{ display: block; width: 155px; padding: 0 15px; height: 100px; line-height: 100px; border-bottom: 1px dashed #ddd; text-align: center; }
.act-meet li img{border:0; max-width: 100%;}
.act-meet li .txt-img p{ width: 185px; overflow: hidden; text-align: center;}
.mt20{margin-top: 20px;}
.mt40{margin-top: 40px;}

/*表格*/
table{ width: 1135px; border-collapse: collapse; color: #111; border: 1px solid #878787; }
table td,.thead li{padding: 5px; height: 28px; line-height: 28px; text-align: center; color: #666;}
.tb-cons{height: 646px; overflow: auto;}
table td{border: 1px solid #C9C7C6;}
table td.first,.thead li.th1{width: 105px;}
table td.sec,.thead li.th2{width: 526px;}
table td.third,.thead li.th3{width: 500px;}
.show-pany table td,.show-pany .thead li{padding: 0; text-shadow: 0 0 3px #fff, 0 0 6px #fff; height: 42px; line-height: 42px;}

.thead{width: 1134px; border:1px solid #C9C7C6; border-right: 0; border-bottom: 0;}
.thead li{ float: left; background-color: #e0e0e0; color: #333;border-right:1px solid #C9C7C6;}



/*主要产品*/
.main-pro{position: relative; margin-bottom: 20px; margin-top: 40px;}
.cd_pro_con{position: relative; width: 3000px;}
.cd_pro_con li{webkit-transition: all .2s ease-out;transition: all .2s ease-out;}
.cd_pro_con li:hover{box-shadow: 0 2px 10px #eee; webkit-transition: all .2s ease-out;transition: all .2s ease-out;}
.reco_list{position: relative; height: 176px; margin: 0 49px; overflow: hidden; }
.reco_list li{float: left; width: 207px; margin-right: 15px; text-align: center; border-top: 1px solid transparent;}
.reco_list li .txt-img p{width: 207px; overflow: hidden;}
.main-pro .re-btn{position: absolute; width: 29px; height: 29px; background: #000; opacity: 0.4; filter: alpha(opacity=40);top: 116px;}
.main-pro .re-btn a{display: block; width: 29px; height: 29px;}
.main-pro .re-l{ left: 0; background: url("../images/icon/btnl.png") no-repeat;}
.main-pro .re-r{ right: 0; background: url("../images/icon/btnr.png") no-repeat;}
.main-pro .re-r a{ background-position: 9px 13px;}

.active-list{ height: 135px; width: 1200px; overflow: hidden;}
.mt-con{position: relative; left: 0; width: 1000%;}
.cd-btn .re-btn{position: absolute; width: 16px; height: 32px; opacity: 0.625; filter: alpha(opacity=625); top: 106px;color: #fff; font-size: 18px; text-align: center; line-height: 32px;background: #000; cursor: pointer;}
.cd-btn .re-l{ left: 0;}
.cd-btn .re-r{ right: 4px;}

/*现场花絮*/
.scene{padding-bottom: 20px;}
.scene img{cursor: pointer;}
.scene .s-box .s-imgs{ width: 995px; height: 590px; background: red;}
.s-box .s-imgs li{display: none; position: relative;}
.s-box .s-imgs li.active{display: block;}
.s-imgs li p{position: absolute; width: 96%; bottom: 0; left: 0; height: 60px; line-height: 60px; padding: 0 2%; background-color: #000; background-color: rgba(0,0,0,.3); color: #fff; font-size: 16px;}
.s-small-imgs{width: 195px; height: 590px;}
.s-arrow{display: block; width: 195px; height: 30px; text-align: center; cursor: pointer;}
.arrow-up{ background:url("../images/icon/arrow-up.png") no-repeat center; }
.arrow-down{ background:url("../images/icon/arrow-down.png") no-repeat center; }
.sp-gray{background-color: #C2C2C2;}
.sp-red{background-color: #CD0000;}
.ss-box{position: relative; height: 510px; margin: 10px 0; overflow: hidden;}
.ss-box span{position: absolute; left: 0; top: 0; width: 191px; height: 116px; border:2px solid red;}
.ss-box .ss-imgs{height: 10000px; position: absolute; left: 0; top: 0;}
.ss-box .ss-imgs li{margin-bottom: 10px;}