@charset "gb2312";
/* CSS Document */

html,body{-webkit-text-size-adjust:none;}
body{ width:100%;font-size:14px; font-family:"΢���ź�"; margin:0;padding:0;color: #666; line-height:24px; }
article,footer, header,nav,section{display:block;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
ul,li{list-style:none;margin:0;padding:0}
img{ border:none;}
a{text-decoration:none;color:#666; }
a:hover{text-decoration:none;}
.clear {clear: both; height:0px;}
.fl{ float:left;} .fr{ float:right;}
.fl,.fr{display:inline;}
.cen{margin:0 auto;}
.mag{ margin-top:30px;}
.mags{ margin-top:30px;}
.m20{ margin-top:20px;}
.m10{ margin-top:10px;}
.pad{ padding-top:20px;}
.maf{ margin-left:19px;}
.center{ width:1200px; height:auto;}

.top{ width:100%; height:40px; line-height:40px; color:#FFF; background:#b20d0d; }
.top font{ float:left;}
.top span{ float:right; color:#fff; font-size:12px;}
.top span a{ margin:0 5px; color:#FFF;}
.top span a:hover{ text-decoration:underline;}

.logo{ width:400px; height:100px;}
.logo img{ width:400px; height:100px;}

.nav{ width:800px;}
.nav li{ float:left; width:113px; line-height:100px; height:100px; text-align:center; border-right: 1px #efefef solid; font-weight:bold;}
.nav li a{ display:block;}
.nav li a:hover{ background:#b20d0d; color:#FFF;}

.banner{width:100%; height:500px; overflow:hidden;  }
.bannerc{width:100%; height:500px; margin:0px auto; }

.bannerc #full-screen-slider { width:100%; height:500px; text-align:left;position:relative;}
.bannerc #slides { display:block; width:100%; height:500px; list-style:none; padding:0; margin:0; position:relative;}
.bannerc #slides li { display:block; width:100%; height:500px; list-style:none; padding:0; margin:0; }
.bannerc #slides li a { display:block; width:100%; height:500px; text-indent:-9999px}
.bannerc #pagination { display:block; list-style:none; position:absolute; left:28%; top:470px; z-index:9900;  padding:0px; margin:0; cursor:pointer;}
.bannerc #pagination li { display:block; list-style:none; width:35px; height:4px; float:left; margin-left:8px; border-radius:0px; background:#000000; }
.bannerc #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
.bannerc #pagination li.current {background:#b20d0d;}

.dbg{ width:100%; background:url(../images/dbg.jpg); padding:40px 0; overflow:hidden;}
.fwxm{ width:1260px;}
.fwxm li{ position: relative; text-align: center; width: 250px; display: block; float: left; height: 280px; overflow: hidden; cursor: pointer; margin-right:60px;}
.fwxm li .box_hov{ position: absolute; filter: alpha(opacity=80); width: 250px; background: #cd1922; height: 280px; top: 0px; left: -250px; opacity: 0.8; transition: all 0.3s;}
.fwxm li .box_tex{ position: absolute; width: 250px; height: 260px; top: 0px; padding-top: 20px; left: 0px;}
.fwxm li .box_tex .box_tex_wz{height: 70px; overflow: hidden; transition: all 0.3s;}
.fwxm li .box_tex h2{line-height: 2em; color: #020202; font-size: 20px; font-weight: 500; transition: all 0.3s;}
.fwxm li .box_tex h4{text-transform: uppercase; font-family: Arial; color: #999; font-size: 20px; font-weight: 100; transition: all 0.3s;}
.fwxm li .box_tex P{line-height: 1.8em; margin-top: 25px;  background: url(/images/ab_line.png) no-repeat center top; color: #fff; font-size: 20px; font-weight: 100; padding-top: 25px;}
.fwxm li .box_tex_more{border-bottom: #666 1px solid; border-left: #666 1px solid; line-height: 30px; margin-top: 10px; width: 120px; display: inline-block; font-family: Arial; height: 30px; color: #666; font-size: 12px; border-top: #666 1px solid; border-right: #666 1px solid; text-decoration: none; transition: all 0.3s; border-radius: 20px;}
.fwxm li:hover .box_hov{left: 0px;}
.fwxm li:hover H2{color: #fff;}
.fwxm li:hover H4{color: #fff;}
.fwxm li:hover .box_tex_more{border-bottom: #fff 1px solid; border-left: #fff 1px solid; color: #fff; border-top: #fff 1px solid; border-right: #fff 1px solid;}
.fwxm li:hover .box_tex_wz{height: 200px;}
.fwxm li .box_tex_more:hover{background: #fff; color: #323232;}

.tit{ text-align:center; font-size:24px; text-transform:uppercase;}
.tit b{ color:#b20d0d;}
.tit .line{ width:45px; height:3px; background:#b20d0d; margin-top:10px;}
.bod{ border:1px solid #e9e9e9; overflow:hidden;}
.about_l{ width:600px;}
.about_l h1{ margin:20px; border:1px solid #e9e9e9; padding:10px; font-size:14px; font-weight:normal;}
.about_l h1 span{ color:#b20d0d;}
.about_l .p1{ margin:0 20px; text-indent:2em; line-height:26px;}

.cult{ width:600px; height:258px; background:#e9e9e9; margin-top:20px;}
.cult_l{ float:left; width:350px; height:258px; position:relative;}
.cult_l .wy{ position:absolute; left:30px; top:30px; color:#FFF; font-size:26px;}
.cult_l .wy div{ font-size:18px;}

.cult_r{ width:200px; margin:50px 0 0 20px;}
.cult_r span{ color:#b20d0d; margin-bottom:10px;}

.about_r{ width:598px;}
.about_r img{ width:598px; height:398px;}
.about_r p{ margin:10px 20px 0;}
.about_r span{ color:#b20d0d; margin-bottom:10px;}
.about_r iframe{width:598px;height: 368px;}

.marquee{width:100%;height:485px;overflow:hidden; margin-top:15px;}
.marquee li{ float:left; margin-right:16px; text-align:center;}
.marquee li div{ margin-bottom:15px;}
.marquee img{ border: 1px solid #e5e5e5; padding: 4px; width:240px; height:180px;}
.marquee li p{ font-size: 14px; height: 32px; line-height: 32px;}
.marquee li a{color: #333;}
.marquee li a:hover{ color:#b20d0d;}

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

.news_l{ width:580px; height:435px; margin-top:30px;}
#slider{overflow:hidden;width:580px;height:435px;position:relative;}
#slider .pics{width:580px;height:435px}
#slider .pics li{height:580px;width:435px;float:left}
#slider .pics li img{ width:580px; height:435px;}
#slider #nav {position:absolute;bottom:15px;right:15px;}
#slider #nav li.nav{background:#a71427; color:#fff;}
#slider #nav li{border:1px solid #a71427; color:#a71427; cursor:pointer;background:#fff;font-size:12px; height:15px;width:15px;float:left;margin-left:4px;display:inline;text-align:center;line-height: 15px;}

.news_r{ width:585px;  margin-top:30px;}
.news_r li{ border-bottom:1px dashed #dedede; overflow:hidden; margin-bottom: 10px; height:100px;}
.news_r .nbt{ width:490px;}
.news_r .nbt h2 a{ height: 32px; line-height: 32px; font-size:16px; color:#333; font-weight:normal;}
.news_r .nb span{ font-size:14px;}
.news_r .nbt p{ font-size:12px; color:#868686;}
.news_r .time{ width: 80px; height: 80px;  text-align: center; background:#b20d0d; color:#FFF; }
.news_r .time .d{ line-height:52px; font-size:26px; font-weight:bold; border-bottom:1px solid #dedede; margin:0 10px;}
.news_r .time .m{ line-height:26px; }
.news_r .nbt a:hover{ color:#b20d0d;}

.conts{ width:1230px; margin-top:20px;}
.conts li{ float:left; margin-right:10px; height:206px; border:2px solid #f1f1f1;}
.conts .a{ width:290px; text-align:center;}
.conts .a img{ margin-top:46px; }
.conts .a h2{ padding:20px 0 15px; font-size:18px; color:#b20d0d;}
.conts .a p{ color:#888;}
.conts .b{ width:290px;}
.conts .b img{ width:80px; height:80px;}
.conts .b p{ float:left; width:80px; margin-left:25px; text-align:center; line-height:40px; color:#888; margin-top:60px;}
.conts li:hover{ border:2px solid #b20d0d;}

.foot{ width:100%; height:268px; background:url(../images/foot_bg.jpg) top repeat-x; }
.fnav{ line-height:60px; color:#FFF;}
.fnav a{ color:#FFF; margin:0 10px;}
.fbts{ width:1000px; margin-top:30px;}
.fbts .xxss{ width:685px;  border-right:1px solid #FFF; margin-left:10px;}
.fbts .xxss p{ line-height:34px; color:#FFF;}
.fbts .xxss p a{ color:#FFF;}
.fbts .xxss span{ color:#FFF;}
.fbts .xxss span a{ color:#FFF; margin:0 10px;}

.fbts .cont{ width:301px; }
.fbts .cont h2{ width: 250px; margin: 0 auto; color: #979998; line-height: 50px; font-size: 30px;}
.fbts .cont p{ width: 250px; margin: 0 auto; color: #979998; line-height: 20px; font-size: 14px;}
.fbts .cont a{ width: 250px;  margin: 0 auto;  margin-top: 10px; display:block;}

.foot_r{ width:156px; height:268px; background:url(../images/foot_logo.jpg) no-repeat;}

.left{ width:885px;}
.map{ width:100%; height:50px; background:#f4f4f4;}
.pos{ background:url(../images/map.png) 15px center no-repeat; line-height:50px; height:50px; text-indent:55px;}
.pos a:hover{ color:#b20d0d;}


.artid{ margin-top:20px;}
.artid h1{ font-size:20px; font-weight:normal; text-align:center; height:50px; line-height:50px; color:#666; }
.artid .data{ font-size:14px; text-align:center;  line-height:30px; margin-bottom:10px; overflow:hidden;}
.artid .data span{ margin:0 15px;}
.zaiyao{ display:block; color:#868686;font-weight:normal; background:#F5F5F5; border:1px solid #E5E5E5; margin-bottom:15px; padding:5px 15px;}

.news_s li span{font-weight:bold;color:#b20000;padding-right:10px;}
.news_s li p{line-height:200%;color:#999;padding:5px 0px;}
.news_s li{border-bottom:1px dotted #dddddd;padding:10px 0px 10px 0px;}
.news_s li a:hover{ color:#b20000;}

.prodc_s{}
.prodc_s li{ float:left; width:287px;height:auto; overflow:hidden; margin-bottom:20px; margin-right:8px;}
.prodc_s li img{ width:287px; height:215px;}
.prodc_s li p{line-height:40px; text-align:center; display:block;background:#eee;}
.prodc_s li a{display:block;}
.prodc_s li:hover p{ color:#FFF; background:#b20d0d;}

.right{ width:290px;}
.ltit{ border:1px solid #eee;width:284px;height: 72px;border-left:5px solid #b20d0d;}
.ltit h3{ font-size:18px; margin-left: 20px; margin-top: 20px;  color:#b20d0d;}
.ltit h3  span{ font-size:30px; display: inline-block; margin-top: -2px; float: left; margin-right: 5px;}
.ltit p{ color:#999; font-size:13px;margin-left: 22px; position: relative; top:0px; text-transform:uppercase;}

.bd{width:288px;height:476px; border:1px solid #eee; border-top:none; overflow:hidden;}
.gund{ width:256px; height:440px; overflow:hidden; margin:20px auto;}
.gund ul li{ width:256px;height:auto; overflow:hidden; margin-bottom:20px;}
.gund ul li img{ width:256px; height:192px;}
.gund ul li p{line-height:40px; text-align:center; display:block;background:#eee;}
.gund ul li a{display:block;}
.gund ul li:hover p{ color:#FFF; background:#b20d0d;}

.contsb{ border:1px solid #eee; width: 264px; padding: 20px 12px; border-top:none;}
.contsb p{color:#000; line-height:30px;}


.newsshow_xg{ margin:0 auto;width:100%;height:auto;overflow:hidden;text-align:left;line-height:20px;padding:10px 0; margin-top: 20px; border-top:1px dashed #b5b5b5;}
.newsshow_xg a{color: #000;}
.newsshow_xg a:hover{ color:#b20d0d;}

.pagenavi{text-align:center;margin:20px 20px;}
.pagenavi li,.pagenavi span.now-page{padding:6px 10px;background-color:#eee;color:#666;font-size:0.875em;border-radius:2px;float:left; font-style:normal; margin:0 3px;}
.pagenavi a{color:#666;font-size:0.875em;border-radius:2px;float:left;}
.pagenavi li.active{color:#FFF;background-color:#b20d0d; }
.pagenavi li.active a{color:#FFF;}
.pagenavi li:hover a,.pagenavi li:hover,.pagenavi span.now-page{background-color:#b20d0d;color:#FFF;}




.wapnav{ display:none;}
.logowap{ display:none;}	
.wapbanner{ display:none;}
.prodcwap{ display:none;}
.footer-fix{ display:none;}
.conts .b{ display:block;}
.conts .ba{ display:none;}
@media screen and (max-width: 767px) {
.center{width:100%;height:auto;}
.mag{ margin-top:-2%;}
.mags{ margin-top:8%;}

.top{ width:100%; height:30px; line-height:30px;}
.top font{ margin-left:3%; font-size:12px;}
.top span{ display:none;}

.logo{ display:none;}	
.logowap{ display:block; width:100%; text-align:center;}	
.logowap img{ }

.wapnav{width:100%;height:40px;background: #bf2436;position:relative; display:block;}
.wapnav p{ float:left; line-height:40px; margin-left:5%; color:#fff;}
.wapnav p a{ color:#fff;}

.menu-btn{float: right;margin-right: 5%; margin-top:2.9%;}
.menu-btn:before, .menu-btn:after, .menu-btn span{display: block;height: 2px;background-color: #FFF;content: '';}
.menu-btn:before{width: 24px;}
.menu-btn:after{width: 18px;margin-left: 6px;}
.menu-btn span{width: 12px;margin: 6px 0 6px 12px;}

.nav{ height:100%; width:100%; background:#fff;  border-bottom:none; min-width:100%; position:absolute; z-index:99999; display:none; }
.nav ul{width:100%;height:100%;}
.nav li{width:100%;height:50px;float:left;font-size:15px;border-bottom:1px solid #dedede;background: #fff; line-height:50px; border-right:none; font-weight:normal;}
.nav li a{ color:#000;}

.banner{ display:none;}

.wapbanner{ display:block;}
.wapbanner img{ margin-left:-50%;}

.dbg{ width:100%; background:url(../images/dbg.jpg); padding:8% 0; overflow:hidden;}
.fwxm{ width:100%;}
.fwxm li{position: relative;text-align: center;width: 46%;display: block;float: left;height: 180px;overflow: hidden;cursor: pointer;margin-right:0px;margin-left: 2%;margin-top: 5%;}
.fwxm li .box_bg img{ width:100%;}
.fwxm li .box_hov{ position: absolute; filter: alpha(opacity=80); width:100%; background: #cd1922; height: 180px; top: 0px; left: -100%; opacity: 0.8; transition: all 0.3s;}
.fwxm li .box_tex{position: absolute;width: 100%;height: 260px;top: 0px;padding-top: 5%;left: 0px;}
.fwxm li .box_tex .box_tex_wz{height: 90px;overflow: hidden;transition: all 0.3s;}
.fwxm li .box_tex h2{line-height: 2em; color: #020202; font-size: 20px; font-weight: 500; transition: all 0.3s;}
.fwxm li .box_tex h4{text-transform: uppercase; font-family: Arial; color: #999; font-size: 20px; font-weight: 100; transition: all 0.3s;}
.fwxm li .box_tex P{line-height: 1.8em; margin-top: 25px;  background: url(/images/ab_line.png) no-repeat center top; color: #fff; font-size: 20px; font-weight: 100; padding-top: 25px;}
.fwxm li .box_tex_more{border-bottom: #666 1px solid; border-left: #666 1px solid; line-height: 30px; margin-top: 10px; width: 120px; display: inline-block; font-family: Arial; height: 30px; color: #666; font-size: 12px; border-top: #666 1px solid; border-right: #666 1px solid; text-decoration: none; transition: all 0.3s; border-radius: 20px;}

.bod{ border:none; overflow:hidden;}
.about_l{ width:100%;}
.about_l h1{ margin:2%; border:1px solid #e9e9e9; padding:10px; font-size:14px; font-weight:normal;}
.about_l h1 span{ color:#b20d0d;}
.about_l .p1{ margin:0 20px; text-indent:1em; line-height:24px;}

.cult{ width:100%; height:auto; background:#e9e9e9; margin-top:5%; overflow:hidden;}
.cult_l{float:left;width: 100%;height: 120px;position:relative;overflow: hidden;}
.cult_l img{ width:100%;}
.cult_l .wy{position:absolute;left: 8%;top: 20%;color:#FFF;font-size:20px;}
.cult_l .wy div{ font-size:14px;}

.cult_r{width: 92%;margin: 3% 0 15% 5%;}
.cult_r p{height: 99px;overflow:hidden;}
.cult_r span{ color:#b20d0d; margin-bottom:10px;}

.about_r{ width:100%; margin-top:10%;}
.about_r img{ width:100%; height:auto;}
.about_r p{ margin:10px 20px 0;}
.about_r span{ color:#b20d0d; margin-bottom:10px;}
.about_r iframe{ width:100%; height:200px;}

.marquee{ display:none;}
.prodcwap{ display:block; width:100%; }
.prodcwap li a{ display:block;}
.prodcwap li{ float:left; width:47%; margin-top:10%; margin-left:2%;}
.prodcwap li img{ width:100%;}
.prodcwap p{background: #dedede;line-height: 40px;text-align: center;margin-top: -7px;}

.banc{ width:100%; height:125px; background:url(../images/banc.jpg) center no-repeat; background-size:cover;}

.news_l{ display:none;}
.news_r{width:100%;margin-top: 6%;}
.news_r ul{ width:96%; margin:auto;}
.news_r li{ border-bottom:1px dashed #dedede; overflow:hidden; margin-bottom: 10px; height:100px;}
.news_r .nbt{width: 72%;}
.news_r .nbt h2 a{height: 28px;line-height: 29px;font-size: 13px;color:#333;font-weight:normal; display:block;}
.news_r .nb span{ font-size:14px;}
.news_r .nbt p{font-size: 12px;color:#868686;line-height: 22px;}
.news_r .time{width: 23%;height: auto;text-align: center;background:#b20d0d;color:#FFF;}
.news_r .time .d{ line-height:52px; font-size:26px; font-weight:bold; border-bottom:1px solid #dedede; margin:0 10px;}
.news_r .time .m{ line-height:26px; }
.news_r .nbt a:hover{ color:#b20d0d;}
.news_r a{ display:none;}

.conts{ width:100%; margin-top:5%;}
.conts li{ float:left; margin-right:0px; margin-left:2%; height:236px; border:2px solid #f1f1f1; margin-top:5%;}
.conts .a{ width:46%; text-align:center;}
.conts .a img{ margin-top:46px; }
.conts .a h2{ padding:20px 0 15px; font-size:18px; color:#b20d0d;}
.conts .a p{ color:#888;}
.conts .ba{ width:46%; text-align:center; display:block;}
.conts .ba img{ margin-top:46px; width:90px; }
.conts .ba h2{ padding:20px 0 15px; font-size:18px; color:#b20d0d;}
.conts .ba p{ color:#888;}
.conts .b{display:none;}

.link{ display:none;}

.foot{ width:100%; height:208px; background:url(../images/foot_bg.jpg) bottom repeat-x; padding-bottom: 50px; }
.foot_r{ width:100%;}
.fnav{display: none;}
.fbts{ width:100%;}
.fbts .xxss{ width:96%;  border-right:none; margin-left:2%;}
.cont{ display:none;}
.foot_r{ display:none;}

.footer-fix{position: fixed;bottom: 0;left: 0;width: 100%;background-color: #bf2436;z-index: 10;display: block !important;}
.footer-fix li{float: left;width: 25%;}
.footer-fix li a{display: block;text-align: center;color: #fff;padding: 7px 0;font-size: 12px;line-height: 1;}
.footer-fix li i{display: block;height: 20px;background: no-repeat center;background-size: contain;margin-bottom: 4px;}
.footer-fix li i.i1{background-image: url(../images/f_01.png);}
.footer-fix li i.i2{background-image: url(../images/f_02.png);}
.footer-fix li i.i3{background-image: url(../images/f_03.png);}
.footer-fix li i.i4{background-image: url(../images/f_04.png);}

.left{float:none;width: 76%;margin: 0 auto;}
.artid{ width:96%; margin:0 auto;}
.artids{ width:96%; margin:0 auto;}
.right{ display:none;}

.prodc_s{}
.prodc_s li{ float:left; width:47%;height:auto; overflow:hidden; margin-bottom:2%; margin-right:0; margin-left:2%; margin-top:5%;}
.prodc_s li img{ width:100%; height:auto;}
.prodc_s li p{line-height:40px; text-align:center; display:block;background:#eee;}
.prodc_s li a{display:block;}
.prodc_s li:hover p{ color:#FFF; background:#b20d0d;}

	
.artid img{ width:100% !important; height:auto !important;}	
  
.fl.next{float:none;display: block;}
.fr.next{ float:none; display: block;} 
  
  
  
  
}