body{ margin:0 auto; padding:0; background:url(../images/c1bg.jpg) repeat; }
*{ margin:0 auto; padding:0;  font-family: 'microsoft yahei'; font-weight:normal;  }
a{ text-decoration:none;}
a:hover{ text-decoration:underline; }
ul { list-style: none outside none; margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6{ text-decoration:none;}
img{ border:0 none;}
div, form, img, p {
	border:0 none;
	font-family: 'microsoft yahei';
	font-size:12px;
	overflow:hidden;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}


.clear {clear:both;display:block;}
.block1{ clear:both; width:100%; height:10px;}
.block2{ clear:both; width:100%; height:20px;}
.ff{ font-family:'microsoft yahei';}
.fl{ float:left;}
.fr{ float:right;}
.ml1{ margin-left:1px;}
.ml3{ margin-left:3px;}
.ml5{ margin-left:5px;}
.ml8{ margin-left:8px;}
.mr8{ margin-right:8px;}
.mt5{ margin-top:5px;}
.mt8{ margin-top:8px;}
.pt5{ padding-top:5px;}
.more{ float:right; font-size:12px; margin:5px 5px 0 0; color:#565656;s}
.yuan1{ border-radius:10px; padding:5px; background:#a72929; color:#fff; text-align:center;}
.yuan2{ font-size:35px; font-family:'microsoft yahei'; color:#fff; background:#000; border-radius:30px; padding:0 16px 0 12px; vertical-align:-5px; margin-right:5px;}
.blue{ font-size:14px; font-family:'microsoft yahei'; color:#239ff6;}
.dsn{ display:none;}



.top{ width:100%; height:auto;  background:#fff; color:#fff;}
.top .top1{ width:1000px;  margin:0 auto; text-align:center;}
.top .top1 a{ color: #9e9e9e; font-size: 14px;  text-align: center; padding: 10px 4px 0 4px; display: inline-block; height: 30px; line-height: 20px;}
.top .top1 a:hover{ background:#fff; color:#9e9e9e; text-decoration:underline;}


.banner{ width:100%; height:500px; background:url(../images/banner.jpg) top center no-repeat;}

.nav{ width:100%; position:relative; height:60px; background:#1f1927; background:url(../images/navbg.jpg) repeat-x;}
.nav .navin{ width:1200px; height:60px; text-align:center;}
.nav .navin a{ display:block; padding:0 20px; line-height:60px; text-align:center; color:#fff; font-size:18px; display:inline-block; cursor:pointer;}
.nav .navin a:hover{ background:#be0a1e; text-decoration:none;}


.c1{ width:100%; padding:20px 0; background:url(../images/c1bg.jpg) repeat; }
.c1in{ width:1200px; margin:0 auto;}
.c1txt{ float:right; width:540px; margin:0 0 0 0; padding:20px 0 0 40px; box-sizing:border-box; text-align:justify; }
.c1txt ul{ margin:0;   overflow:hidden; width:100%; color:#fff; margin:20px 0 0 0;}
.c1txt ul li{ height:20px; width:100%; line-height:20px; padding:6px 0 6px 20px; float:left; background:url(../images/i1.png) 0 no-repeat;}
.c1txt ul li a{ color:#323232; font-size:16px; text-align:left; display:inline;}
.c1txt a{ text-align:center; margin:0 auto; font-size:24px; color:#be0a1e; font-weight:900; display:block;}
.c1txt p{ text-indent:20px; font-size:14px; color:#777777; line-height:28px; margin-top:20px; line-height:22px;}
.c1txt p a{ color:#be0a1e; font-size:14px; display:inline;}

.v1{ width:100%; height:243px; background:url(../images/c2bg.jpg) repeat-x;}
.v1 .v1in{ width:1200px; height:243px; box-sizing:border-box; color:#fff; font-size:46px; text-align:center; padding:45px 0 0 0; background:url(../images/vtit.png) 420px 50px no-repeat; }
.v2{ width:100%; height:512px; background:url(../images/c1bg.jpg) repeat; overflow:visible; }
.v2 .v2in{ background:#fff; width:1200px;  position:relative; overflow:visible;}
.v2 .v2in .v2box{background:#fff; width:1200px; height:585px;  position:absolute; top:-100px; left:0; box-shadow:0 5px 10px #ccc;}
.v2 .v2in .v2box .ww{ width:360px; height:240px; float:left; margin:35px  0 0 30px ; position:relative; background:#efefef;}
.v2 .v2in .v2box .ww-cover{ width:360px; height:240px; position:absolute; top:0; left:0;}
.v2 .v2in .v2box .ww-cover-a{ width:360px; height:240px;  background:url(../images/cover.jpg) no-repeat; opacity:0.7;}
.v2 .v2in .v2box .ww-cover-b{ position:absolute; top:0; left:0; width:360px; height:240px; box-sizing:border-box; padding:110px 0 0 0; text-align:center; font-size:18px; font-weight:800; color:#fff; }

.video-tit{ position:absolute; bottom:0; left:0; width:360px; box-sizing:border-box; height:30px; line-height:30px ; text-align:center; font-size:16px; background:url(../images/bb.png) repeat; overflow:hidden; color:#fff;}



.newsNav{ width:100%; height:120px; background:url(../images/navbg.jpg) repeat; overflow:visible;}
.newsNav .newsNavin{ width:1200px; height:120px; overflow:visible;}
/**nav点击变化**/
.newsNav .newsNavin .newsnav-btn{ float:left; width:180px; height:120px; border-left:1px solid #433d4b; text-align:center; box-sizing:border-box; padding:55px 0 0 0; color:#c4081a; font-size:30px; position:relative; overflow:visible; cursor:pointer;}
.newsNav .newsNavin .newsnav-btn font{ position:absolute; top:55px; left:30px; z-index:10;}
.newsNav .newsNavin .newsnav-btn .nb-actbg{ width:180px; height:138px; background:#c4081a; position:absolute; top:0; left:0; z-index:5;}
.newsNav .newsNavin .newsnav-btn .nb-actbg .nb-actbgin{ width:160px; height:115px; border:1px solid #e68582; margin:9px 0 0 9px;}
.newsNav .newsNavin .newsnav-btn .nb-actbg .nb-actbgin .line{ width:27px ; height:1px;border:none;border-top:2px solid #fff; margin:80px 0 0 65px;  }
.newsNav .newsNavin .news-act{ color:#fff;}

.text-before_move{ animation:move1 0.5s forwards;}
.text-after_move{ animation:move2 0.5s forwards;}
@keyframes move1{
	0%{ top:45px; }
	100%{ top:55px; }	
}
@keyframes move2{
	0%{ top:55px; }
	100%{ top:45px; }	
}
.newsNav .newsNavin .n1{ background:url(../images/ni1.png) center top 15px no-repeat;}
.newsNav .newsNavin .n2{ background:url(../images/ni2.png) center top 15px no-repeat;}
.newsNav .newsNavin .n3{ background:url(../images/ni3.png) center top 15px no-repeat;}
.newsNav .newsNavin .n4{ background:url(../images/ni4.png) center top 15px no-repeat;}
/**nav点击变化**/




/**主新闻列表**/
.news2{ width:1200px; overflow:visible; position:relative; }
.news2 .newsList{ width:860px; height:auto; float:left; overflow:visible;}
.news2 .newsList .newsBox{ width:860px; height:auto; background:#fff; box-sizing:border-box; padding:30px 30px 150px 30px; box-shadow:0 0 5px #d2d2d2; position:relative; margin-bottom:20px;}
.news2 .newsList .newsBox .newsin{ width:800px; height:200px; float:left; margin:0; padding:60px 0; border-bottom:1px solid #eeeeee; position:relative;}
.news2 .newsList .newsBox .newsin img{ float:left; display:block; width:300px; height:200px;}
.news2 .newsList .newsBox .newsin .newstxt{ width:500px; box-sizing:border-box; padding:10px 0 10px 20px;}
.news2 .newsList .newsBox .newsin .newstxt .nt{ font-size:18px; color:#022b67; text-align:left; font-weight:800;}
.news2 .newsList .newsBox .newsin .newstxt p{ color:#777777; font-size:14px; line-height:28px; text-indent:30px; margin-top:10px; }
.news2 .newsList .newsBox .newsin .more{ position:absolute; width:60px; height:20px; border:1px solid #b6b6b6; text-align:center; line-height:20px; font-size:14px; color:#dc5259; font-style:italic; right:0; bottom:60px;}
.news2 .newsList .newsBox .newsin .more:hover{ background:#dc5259; color:#fff; text-decoration:none; border:0 none;}
.news2 .newsList .newsBox .newsBtn{ position:absolute; width:200px; height:50px; background:#ca0716; box-sizing:border-box; padding:7px; color:#fff; font-size:18px; font-weight:800; left:310px; bottom:50px; cursor:pointer; border-radius:30px; line-height:34px; text-indent:20px;}
.news2 .newsList .newsBox .newsBtn .plus{ float:right; display:block; width:34px; height:34px; text-align:center; color:#fff; font-weight:800; line-height:30px; background:#ea8682; font-size:30px; text-indent:0; border-radius:30px;}
.news-show{ display:block;}
.news-hide{ display:none;}


/**边栏**/
.news2 .sideBox{ position:absolute; width:310px; padding:0 15px;  height:auto; background:url(../images/c1bg.jpg) repeat; right:-3px; top:-74px; padding-top:10px; padding-bottom:10px; overflow:visible;}
.news2 .sideBox .sbox{ clear:both; overflow:visible; }
.news2 .sideBox .sbox .ifat{ width:310px; height:75px;}
.news2 .sideBox .sbox .sin{ width:310px; height:250px; box-shadow:0 0px 3px #d2d2d2; box-sizing:border-box; padding:5px; animation:shadow2 1s forwards; margin-bottom:20px; background:#fff;}
.news2 .sideBox .sbox .sin img{ display:block; width:300px; height:200px;}
.news2 .sideBox .sbox .sin p{ clear:both; margin:0; padding:0; text-align:center; margin-top:10px; font-size:14px;}
.news2 .sideBox .sbox .sin p a{ font-size:14px; color:#323232;}
.news2 .sideBox .sbox .sin:hover{ animation:shadow 1s forwards;}
@keyframes shadow{
	0%{ box-shadow:0 0px 3px #888;}
	100%{ box-shadow:0 0px 15px #888;}	
}
@keyframes shadow2{
	0%{ box-shadow:0 0px 15px #888;}
	100%{ box-shadow:0 0px 3px #888;}	
}

.navFix{ position:fixed; top:0; z-index:9999999999;}





/**展会图片**/

.picBox{ width:1200px; margin:0 auto; margin-top:10px;}
#demo_menu{position:absolute;top:0;left:0;width:100%;height:106px;background:url(/statics/images/my/bodybg.jpg) repeat-x 0 -20px;z-index:800;font-size:14px;text-align:center;color:#999;line-height:180%;border-bottom:3px solid #749219;}
#demo_menu .top_menu{width:990px;margin:0 auto;color:#000;font-size:12px;overflow:hidden;z-index:1000;}
#demo_menu .top_left{float:left;width:255px;text-align:left;z-index:1000;}
#demo_menu .top_left a,#demo_menu .top_left a:visited{font-size:12px;white-space:nowrap;color:#fff;font-family:"宋体", "Times New Roman", Times, serif;line-height:140%;}
#demo_menu .top_left a:hover{color:#000;font-family:"宋体", "Times New Roman", Times, serif;}
#demo_menu .top_right{float:right;width:728px;padding:8px 0 0 0;z-index:1000;}

.fi10 {width:1200px;position:relative;}
.fi_ct {width:100%;background:#000;float:left;height:400px;overflow:hidden;}
.fi_ct p {padding:10px 0 10px 100px;width:550px;position:absolute;left:0;top:310px;color:#fff; background:#000; opacity:0.8;}
.fi_ct p a {color:#fff;}
.fi_ct p a:hover {color:#fff;text-decoration:none;}
.fi_ct p strong {display:block;font-size:26px;padding-bottom:5px;}
.fi_ct p em {display:block;padding-left:5px;font-size:13px;}
.fi_ct img {height:400px;width:900px;}
.fi_tab_c {position:absolute; padding-left:4px; filter:alpha(opacity=70); opacity: 0.7;top:0px;right:0;width:300px;height:400px;overflow:hidden;background:#171b21;text-align:center;}
.fi_tab {width:304px;}
.fi_tab li {float:left;background:#171b21;filter:alpha(opacity=50);opacity: 0.5;padding-top:5px;width:135px;height:75px;margin:9px 5px; cursor:pointer;}
.fi_tab li img{ display:block; width:135px; height:70px;}
li.fi_now {background:url(../images/bg01.gif) no-repeat;;padding-top:5px;width:135px;height:75px;filter:alpha(opacity=100);opacity:1;}



/**回顾历史**/
.history{ width:1200px; height:auto; margin:0 auto; margin-top:20px;}
.history a{ float:left; margin: 0 13px 0 0 ;}
.history a:nth-child(4){ margin:0 ;}















.footer{ width:100%; height:auto; padding:40px 0; background:#201a28; position:relative; z-index:99999; margin-top:40px;}
.footer .fin{ margin:0 auto; width:980px; color:#fff; text-align:center; line-height:30px; font-size:14px;}
.footer .fin a{ color:#fff; font-size:14px; margin:0 5px;}



/**顶部幻灯**/
.slideBox{ width:660px; height:390px; overflow:hidden; position:relative; float:left; margin:15px 0 0 0 ;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:260px; bottom:10px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:10px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer;  margin:0 5px; text-align:center; border-radius:20px; text-indent:11130px;}
.slideBox .hd ul li.on{ background:#5ccbfc; color:#fff; width:25px; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative;}
.slideBox .bd li p{ position:absolute; bottom:0; left:0; box-sizing:border-box; padding:15px 30px 40px 15px; width:100%; font-size:18px; color:#fff; background:url(../images/bb2.png) repeat; opacity:0.8; text-align:center;}
.slideBox .bd img{ width:660px; height:390px; display:block;  }
.slideBox .prev,
.slideBox .next{ position:absolute; top:45%; margin-top:-25px; display:block; width:40px; height:80px; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:0%; background-position:8px 5px; background:url(../images/rb.png) no-repeat;  }
.slideBox .prev{ left:auto; left:0%; background-position:8px 5px; background:url(../images/lb.png) no-repeat;}
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }