@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;}
.m20{ margin-top:20px;}
.m10{ margin-top:10px;}
.pad{ padding-top:20px;}
.maf{ margin-left:19px;}
.center{ width:1200px; height:auto;}

.logo{ width:180px; height:85px; background:url(../images/logo.jpg) center no-repeat; }

.nav{width: 970px;height:40px;margin-top:25px;}
.menu {width: 970px;position:relative;font-size:14px;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:120px; height:40px; text-align:center;   line-height:40px; font-size:14px; overflow:hidden;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;  z-index:9999;}
/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#e00011; z-index:9999;}
.menu ul li:hover ul {display:block; position:absolute; top:40px; left:0; width:120px;}
.menu ul li:hover ul li a.hide {background:#ff0000; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#e00011; color:#fff;}
.menu ul li:hover ul li ul {display: none;} 
.menu ul li:hover ul li a{display:block; background:#ff0000; color:#fff;}
.menu ul li:hover ul li a:hover {background:#e00011; color:#FFF;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:120px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

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

.bannerc #full-screen-slider { width:100%; height:629px; text-align:left;position:relative;}
.bannerc #slides { display:block; width:100%; height:629px; list-style:none; padding:0; margin:0; position:relative;}
.bannerc #slides li { display:block; width:100%; height:629px; list-style:none; padding:0; margin:0; position:absolute;}
.bannerc #slides li a { display:block; width:100%; height:629px; text-indent:-9999px}
.bannerc #pagination { display:block; list-style:none; position:absolute; left:29%; top:600px; 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:#dd0010;}

#box1{ width:100%; height:200px; overflow:hidden; }
.pos{ position:relative;}
.zy{ width:400px; height:200px; background:#4f4f4f; position:absolute; z-index:999; left:0px; top:0px; }
.zz{ width:400px; height:200px; background:#454545; position:absolute; z-index:99999; left:400px; top:0px;}
.zx{ width:400px; height:200px; background:#3a3a3a; position:absolute; z-index:999; right:0px; top:0px;}
.wap{ width:400px; height:20px;}
.wap .sz{ height:142px; width:142px; line-height:142px; font-size:127px; color:#585858; position:absolute; z-index:9; top:20px; left:0px;}
.wap .wz{ color:#FFF; font-size:20px; font-weight:bold; text-align:center; width:80px; position:absolute; z-index:99; top:53px; left:30px;}
.wap .wz p{ font-size:15px; line-height:26px; font-weight:normal;}
.wap .p{ color:#ccc; width:196px; position:absolute; z-index:99; top:53px; left:150px;}
.wap .line{ width:77px; height:10px; background:#989898; position:absolute; z-index:99; top:120px; left:270px;}
#box1 .zy{opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-left:-1000px;}
#box1 .zz{opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-top:-1000px;}
#box1 .zx{opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-right:-1000px;}

#box2{ width:100%; height:784px; overflow:hidden; }
#box2 ul{ width:1260px;}
#box2 ul li{ float:left; width:263px; height:358px; border:2px solid #FFF; margin-right:45px; margin-top:30px;}
#box2 ul li img{ width:263px; height:358px;}
#box2 ul li:hover{ border:2px solid #F00;}
#box2 ul li{ transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0);transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -o-transform:rotate(-180deg); -ms-transform:rotate(-180deg); opacity: 0; transition: 0.6s; -moz-transition:0.6s; -webkit-transition: 0.8s; -o-transition: 0.8s;}

#box3{ width:100%; height:579px; background:url(../images/aboutbg.jpg) center no-repeat; overflow:hidden; margin-top:30px; }
.about{ width:626px; position:absolute; z-index:999; top:130px; left:458px;}
.about dt{ font-size:25px; font-weight:bold; color:#FFF; margin-left:50px;}
.about dd{ width:626px; font-size:14px; color:#FFF; margin-top:40px; text-align:justify;}
.about .more{ width:125px; height:43px; text-align:center; line-height:43px; border:1px solid #FFF; border-radius:3px; margin-top:40px;}
.about .more a{ color:#FFF; display:block; font-size:15px;}
.about .more:hover{ background:#FFF;}
.about .more:hover a{ color:#F00;}

#box3 .about dt{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-left:-1000px;}
#box3 .about dd{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-left:-1000px;}
#box3 .about .more{ transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0);transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -o-transform:rotate(-180deg); -ms-transform:rotate(-180deg); opacity: 0; transition: 0.6s; -moz-transition:0.6s; -webkit-transition: 0.8s; -o-transition: 0.8s;}

#box4{ width:100%; height:476px; overflow:hidden; margin-top:30px; }
.tit{ text-align:center; height:80px; background:url(../images/titbg.jpg) bottom no-repeat; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s;}
.tit h2{ font-size:33px; color:#333; line-height:40px;}
.tit p{ color:#666;}

/*.news li{ border-bottom:1px dashed #dedede; overflow:hidden; margin-bottom: 18px; height:100px;}
.news .nbt{ width:1100px;}
.news .nbt a{ height: 32px; line-height: 32px; font-size:16px; color:#333;}
.news .nbt p{ font-size:12px; color:#868686;}
.news .time{ width: 80px; height: 80px;  text-align: center; background:#ff0000; color:#FFF; }
.news .time .d{ line-height:52px; font-size:26px; font-weight:bold; border-bottom:1px solid #dedede; margin:0 10px;}
.news .time .m{ line-height:26px; }
.news .nbt a:hover{ color:#ff0000;}*/

.news{ width:1260px;}
.news li{ float:left; width:590px; border-bottom:1px dashed #dedede; overflow:hidden; margin-bottom: 18px; height:100px; margin-right:20px;}
.news .nbt{ width:490px;}
.news .nbt a{ height: 32px; line-height: 32px; font-size:16px; color:#333;}
.news .nbt p{ font-size:12px; color:#868686; line-height:18px;}
.news .time{ width: 80px; height: 80px;  text-align: center; background:#ff0000; color:#FFF; }
.news .time .d{ line-height:52px; font-size:26px; font-weight:bold; border-bottom:1px solid #dedede; margin:0 10px;}
.news .time .m{ line-height:26px; }
.news li:hover a{ color:#ff0000;}
.news li{ opacity: 0; transition:  0.8s;  -moz-transition: 0.8s;  -webkit-transition: 0.8s;  -o-transition:  0.8s; margin-top:1000px;}

#box5{ width:100%; height:680px; background:url(../images/dzlc.jpg) center no-repeat; overflow:hidden; margin-top:30px; }
.dz03 img , .dz05 img , .dz08 img{ width:327px; height:208px; border:1px solid #FFF; -webkit-transition: -webkit-transform 1s ease-out;}  
.dz01{ width:327px; height:208px; text-align:center;  color:#FFF;}
.dz01 h2{ font-family: Arial, Helvetica, sans-serif; font-size: 36px; text-transform:uppercase; padding-top:60px;}
.dz01 p{ font-size:20px;}
.dz{ border:1px solid #FFF; width:327px; height:208px; color:#FFF;  transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s;}
.dz h2{ font-size:14px; padding:50px 15% 0; font-weight:bold;}
.dz  p{ font-size:14px;  padding:20px 15% 0;}
.dz01{ position:absolute; z-index:99; top:60px; left:113px;}
.dz02{ position:absolute; z-index:99; top:30px; left:453px;}
.dz03{ position:absolute; z-index:99; top:30px; left:781px;}
.dz04{ position:absolute; z-index:99; top:239px; left:125px;}
.dz05{ position:absolute; z-index:99; top:239px; left:453px;}
.dz06{ position:absolute; z-index:99; top:239px; left:781px;}
.dz07{ position:absolute; z-index:99; top:448px; left:453px;}
.dz08{ position:absolute; z-index:99; top:448px; left:781px;}
.dz03 img:hover , .dz05 img:hover , .dz08 img:hover{transform: rotate(360deg);}
.dz:hover{ margin-top:-10px;}

#box6{ width:100%; height:610px;  overflow:hidden; margin-top:30px; }
.videobg{ width:100%; height:499px; background:url(../images/video.jpg) center no-repeat;}
.video li{ float:left; margin:130px 25px 0; opacity: 0; transition:  0.8s;  -moz-transition: 0.8s;  -webkit-transition: 0.8s;  -o-transition:  0.8s; margin-left:-1000px;}
.video li img{ width:350px; height:255px;}

#box7{ width:100%; height:360px;  overflow:hidden; margin-top:30px; }
.message_l{ width:500px;}
.lytit h2{ font-size:22px; font-weight:normal;}
.lytit p{ font-size:13px;}

.lxwm{ margin-top:60px;}
.lxwm p{ line-height:30px;}
.lxwm p span{ font-size:20px; color:#F00;}

.jy{ margin-top:60px;}
.jy p{ font-size:16px; font-weight:bold;}
.jy span{ font-size:12px;}

.message_r{ width:600px;}
.message_r ul{ margin-top:20px;}
.message_r li{ width:590px; overflow:hidden;  margin-top:10px;}
.message_r li input{ text-indent: 5px; height: 38px; line-height: 38px; width:570px; border-radius: 3px; border: 1px solid #dedede;}
.message_r li textarea{ width:570px; height:60px; border-radius: 3px; border: 1px solid #dedede; text-indent: 5px;}
.message_r li .submit{ background:#cc0000; color:#FFF; height:46px; border-radius: 3px;}
.message_r li .submit:hover{ background:#ff8030;}

.foot{ width:100%; height:auto; padding:30px 0; background:#000; overflow:hidden;}
.fnav{ text-align:center; line-height:40px;}
.fnav a{ margin:0 20px; color:#CCC;}
.fnav a:hover{ color:#FFF;}

.ewm{ margin-top:40px;}
.ewm li{ float:left; margin-right:10px;}
.ewm li img{ width:75px; height:75px;}
.ewm li p{ line-height:40px; text-align:center; color:#CCC;}

.dibu{ width:800px; margin-top:20px; color:#CCC;}
.flxwm p{ float:left; width:300px; line-height:30px;}
.flxwm .p1{ margin-left:60px; width:420px; font-size:12px;}

.bqsy{ margin-top:10px;}
.bqsy a{color:#CCC;}
.bqsy .a1{color:#F00;}
.bqsy a:hover{ color:#F00; text-decoration:underline;}

#box9{ width:100%; height:auto; margin-top:30px; }
#box9 .left{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-left:-1000px;}
#box9 .right{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-right:-1000px;}
.ntit{ text-align:center; line-height:50px; background:url(../images/ntitbg.jpg) center no-repeat; font-size:20px;}
.left{ width:260px; height:auto; background:#e6e6e6; padding:40px 0; text-align:center; min-height:360px;}
.left h2{ font-size:30px; color:#434343; line-height:40px;}
.left ul{ margin-top:10px;}
.left li{ width:140px; margin:0 auto; line-height:40px; border-bottom:1px solid #dedede;}
.left li a{ display:block;}
.left li:hover{ background:#F00;}
.left li:hover a{ color:#FFF;}
.left p{ margin:10px 10% 0;}

.right{ width:920px; height:auto;}
.artid{ margin:15px;}
.artid h1{ font-size:20px; 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;}
.zaiyao{ display:block; color:#868686;font-weight:normal; background:#F5F5F5; border:1px solid #E5E5E5; margin-bottom:15px; padding:5px 15px; font-size:12px;}

.news_s li{ border-bottom:1px dashed #dedede; overflow:hidden; margin-bottom: 18px; height:100px;}
.news_s .nbt{ width:780px;}
.news_s .nbt a{ height: 32px; line-height: 32px; font-size:16px; color:#333;}
.news_s .nbt p{ font-size:12px; color:#868686;}
.news_s .time{ width: 80px; height: 80px;  text-align: center; background:#F00; color:#FFF; }
.news_s .time .d{ line-height:52px; font-size:26px; font-weight:bold; border-bottom:1px solid #dedede; margin:0 10px;}
.news_s .time .m{ line-height:26px; }
.news_s .nbt a:hover{ color:#F00;}

.prodc_s{ width:960px;}
.prodc_s li{ float:left; width:263px; height:358px; border:2px solid #FFF; margin-right:45px; margin-left:5px; margin-bottom:10px;}
.prodc_s li img{ width:263px; height:358px;}
.prodc_s li:hover{ border:2px solid #F00;}
.prodc_s li p{ text-align:center; line-height:40px;}

.rights{ width:100%; height:auto;}
.prodc_sa{ width:1260px;}
.prodc_sa li{float:left;width:263px;height:auto;border:2px solid #FFF;margin-right: 39px;margin-left:5px;margin-bottom:10px;}
.prodc_sa li img{ width:263px; height:358px;}
.prodc_sa li:hover{ border:2px solid #F00;}
.prodc_sa li p{ text-align:center; line-height:40px;}

.prodc_sb{ width:960px;}
.prodc_sb li{ float:left; width:263px; height:278px; border:2px solid #FFF; margin-right:45px; margin-left:5px; margin-bottom:10px;}
.prodc_sb li img{ width:263px; height:278px;}
.prodc_sb li:hover{ border:2px solid #F00;}

.spzs_s{ width:960px;}
.spzs_s li{ float:left; width:263px; height:200px; border:2px solid #FFF; margin-right:45px; margin-left:5px; margin-bottom:10px;}
.spzs_s li img{ width:263px; height:200px;}
.spzs_s li:hover{ border:2px solid #F00;}

.art{}
.picsb{ margin:15px;}
.pic_l{ width:263px; height:358px; padding:10px; border:1px solid #dedede;}
.pic_l img{ width:263px; height:358px;}
.pic_r{ width:530px; margin-left:30px;}
.pic_r h2{ color:#F00; line-height:48px;  margin-bottom:20px; padding: 0 8px 8px; border-bottom:1px dashed #ccc; font-size:24px; font-family: tahoma,arial,΢���ź�,sans-serif; }
.pic_r p{ color:#666;}

.imgleft{width: 263px;height: 358px;float: left;overflow: hidden;position: relative;}
.imgleft li{ position:relative;}
.imgleft .item{width: 263px;height: 358px;position: absolute;left: 0;top: 0;display: block;z-index: 9999;}
.imgleft .item a{width: 100%;display: block;}
.imgleft .item img{width: 263px;height: 358px;transition: all .5s;display: block;}
.imgleft .item .txtcon{width: 100%;position: absolute;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.8);color: #fff;}
.imgleft .item .txtcon h3{font-size: 14px;line-height: 35px;text-align: center;}
.imgleft .item:hover img{filter: brightness(105%);}
.imgleft .hd{position: absolute;top: 0;width: 100%;height: 307px;}
.imgleft .hd .prev{width: 27px;height: 60px;background-position: -52px -103px;background-color: rgba(0,0,0,0.49);cursor: pointer;position: absolute;top: 50%;margin-top: -30px;left: 0;z-index: 9999;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.imgleft .hd .next{width: 27px;height: 60px;background-position: -77px -103px;background-color: rgba(0,0,0,0.49);cursor: pointer;position: absolute;top: 50%;margin-top: -30px;right: 0;z-index: 9999;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.imgleft .hd .prev:hover{background-color: rgba(220, 0, 0 ,0.49);}
.imgleft .hd .next:hover{background-color: rgba(220, 0, 0 ,0.49);}


.cpxq{ height:40px; background:#ededed;}
.cpxq span{ display:block; text-align:center; line-height:40px; background:#F00; color:#FFF;  width:120px;}

.nabout{ width:900px; height:500px; margin:auto;}
.nabout dt{ width:471px; height:443px;}
.nabout dt img{ width:471px; height:443px;}

.nabout dd{ background:#fe3525; width:460px; height:260px; line-height:30px;  padding:20px; position:absolute; z-index:999; top:200px; right:60px; color:#FFF; font-size:16px;}

.zxly{ width:627px; margin:0 auto;}
.zxly ul{ margin-top:20px; width:627px; }
.zxly ul li{ margin-top:10px;}
.zxly .name{ height:40px; width:300px; line-height:40px; color:#969696; text-indent:15px;}
.zxly .mail{ height:40px; width:300px; line-height:40px; color:#969696; text-indent:15px;}
.zxly .tels{ height:40px; width:300px; line-height:40px; color:#969696; text-indent:15px;}
.zxly .add{ height:40px; width:300px; line-height:40px; color:#969696; text-indent:15px;}
.zxly .textarea{ width:610px; height:120px; padding:8px 0 0 15px; color:#969696;}
.zxly .btn-submit{ background:url(../images/submit.gif) center no-repeat; height:46px; width:241px; border:0px; margin-left:120px;}

.nlxwm{}
.nlxwm dt{ float:left; width:360px;}
.nlxwm dt h2{ line-height:40px; margin-bottom:20px;}
.nlxwm dt p{ line-height:30px;}

.nlxwm dd{ float:right; width:500px; height:300px; background:#F00;}

.xzzx_s dl{ overflow:hidden; height:60px; border-bottom:1px dotted #dedede; margin-top:8px;}
.xzzx_s dl dt{ float:left; width:600px;}
.xzzx_s dl dt img{ float:left; width:54px; height:54px;}
.xzzx_s dl dt h6{ float:left; font-size:14px; font-weight:normal; margin-left:15px; line-height:24px;}
.xzzx_s dl dt i{ float:left; font-style:normal; margin-left:15px; color:#CCC; line-height:26px;}
.xzzx_s dl dt h6 a:hover{ color:#F00;}
.xzzx_s dl dd{ float:right; text-align:right;}
.xzzx_s dl dd h5{ font-size:14px; font-weight:normal;}
.xzzx_s dl dd p{ float:right;  background:url(../images/xz.jpg) left no-repeat; text-indent:20px; color:#cccccc; }

.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:#F00;}

.pagess{clear: both;margin: 20px auto 0;overflow: hidden;margin-left: 0px;text-align: center;font-size: 12px}
.pagess ul li{display: inline-block;border: 1px solid #ddd;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color: #999}
.pagess ul li:hover{background:#F00;color: #fff;border: 1px solid#F00}
.pagess ul li:hover a{color: #fff;}
.pagess ul li.thisclass{display: inline-block;border: 1px solid #F00;padding: 2px 9px;margin: 0 3px;background:#F00;color: #fff;}
.pagess ul li.thisclass a{color: #fff;}
.pagess ul li a{display: block;color: #999}
.pagess ul li a:hover{color: #fff;}

.xxtit{width:1200px;margin: 0 auto 20px;overflow: hidden;}
.ntits{text-align:center;height:50px;line-height:50px;background:url(../images/titsa.jpg) center no-repeat;font-size:20px;width: 875px;}

.icos {background: url(../images/icons.png) no-repeat;display: inline-block;vertical-align: middle;}

.sousa{position:relative;width:308px;height:40px;overflow:hidden;background:url(../images/sousa.jpg) center no-repeat;}
.form { height:32px;}
.form .searchkey {border: 0;float:left;width: 265px;height:40px;line-height:32px;background:transparent;color:#333;text-indent:15px; font-weight: bold;}
.searchbtn {border: 0;float: left;width: 43px;height:40px;cursor:pointer;background:none;}