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

html,body{-webkit-text-size-adjust:none;}
body{ width:100%;font-size:14px; font-family:"΢���ź�"; margin:0;padding:0;color: #555; 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; border:0px;}
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;}
.fl{ float:left;} .fr{ float:right;}
.fl,.fr{display:inline;}
.cen{margin:0 auto;}
.mag{ margin-top:30px;}
.m10{ margin-top:10px;}
.m20{ margin-top:20px;}
.m60{ margin-top:60px;}
.pad{ padding-top:20px;}
.maf{ margin-left:27px;}
.center{ width:1200px; height:auto;}

.topbg{ width:100%; height:50px; line-height:50px; background:#000; font-size:13px;}
.topbg font{ float:left; color:#fff;}
.topbg font em{ background:url(../images/tel.png) left 18px no-repeat; text-indent:19px; color:#fff; margin-left:10px; font-style:normal; display:inline-block;}
.topbg p{ float:right; height:40px; color:#fff;}
.topbg p a{ color:#fff; margin:0 5px; background:url(../images/jt.png) left no-repeat; padding-left:15px;}
.topbg p a:hover{ text-decoration:underline;}

.logo{ width:213px; height:47px;}
.nav{ margin-left:30px; width:700px;}
.nav li{ width:116px; height:50px; float:left; text-align:center; font-size:15px;}
.nav li a{  color:#000; display:block; line-height:50px; }
.nav li a:hover{ color:#ff2f25;}
.nav .muan .cur{ color:#ff2f25;}

.search{position:relative;width:200px;height:40px;overflow:hidden; border-bottom:1px solid #ff2f25;}
.form { height:32px;}
.form .searchkey { border: 0; float:left; width:170px;height:32px; line-height:32px;background:transparent;color:#333; }
.searchbtn {border: 0;float: left;width:30px;height:34px; cursor:pointer; color:#FFF; background:url(../images/sos.jpg) center no-repeat;}

.banner{width:100%; height:500px; overflow:hidden; margin-top:20px;}
.bannerc{width:100%; height:500px;}

.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; position:absolute;}
.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:460px; z-index:9900;  padding:0px; margin:0; cursor:pointer;}
.bannerc #pagination li { display:block; list-style:none; width:15px; height:15px; float:left; margin-left:8px; border-radius:50%; background:#000; }
.bannerc #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
.bannerc #pagination li.current {background:#C90000;}

#box1{ width:100%; height:430px;  overflow:hidden;}
#box1 .tit h2{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-top:1000px;}
.tit{ height:83px;  text-align:center; overflow:hidden;}
.tit h2{ color: #666666; font-family: Arial; font-size: 24px; letter-spacing:5px; font-weight:normal; line-height:40px; text-transform:uppercase;}
.tit .line{ width:24px; height:3px; background:#ff2f25;}
.tit p{ color:#ff2f25; font-size:18px; line-height:40px;}

#box1 .fwxm{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-top:1000px;}
.fwxm{ margin-top:30px; width:1230px;}
.fwxm li{ float:left; width:236px; height:293px; background:url(../images/libg.png) center no-repeat; text-align:center; margin-right:10px;}
.fwxm li h2{ margin-top:30px; font-size:16px; color:#333; font-weight:normal; margin-bottom:10px;}
.fwxm li p{ color:#666;}
.fwxm li .img01{ width:110px; height:80px; background:url(../images/fwxm01.png) center no-repeat; margin-top:40px;}
.fwxm li:hover .img01{ background:url(../images/fwxm1.png) center no-repeat;}
.fwxm li .img02{ width:110px; height:80px; background:url(../images/fwxm02.png) center no-repeat; margin-top:40px;}
.fwxm li:hover .img02{ background:url(../images/fwxm2.png) center no-repeat;}
.fwxm li .img03{ width:110px; height:80px; background:url(../images/fwxm03.png) center no-repeat; margin-top:40px;}
.fwxm li:hover .img03{ background:url(../images/fwxm3.png) center no-repeat;}
.fwxm li .img04{ width:110px; height:80px; background:url(../images/fwxm04.png) center no-repeat; margin-top:40px;}
.fwxm li:hover .img04{ background:url(../images/fwxm4.png) center no-repeat;}
.fwxm li .img05{ width:110px; height:80px; background:url(../images/fwxm05.png) center no-repeat; margin-top:40px;}
.fwxm li:hover .img05{ background:url(../images/fwxm5.png) center no-repeat;}
.fwxm li:hover{ background:url(../images/libgh.png) center no-repeat;}

#box2{ width:100%; height:540px; background:url(../images/bg2.jpg) center no-repeat; overflow:hidden;}
#box2 .tit{ text-align:left; margin-top:100px;}
#box2 .p{ margin-top:60px; width:610px; color:#888; height:190px; overflow:hidden;}
#box2 a{ padding:8px 30px; border-radius:3px; background:#ff2f25; color:#FFF; overflow:hidden;}
#box2 a:hover{ background:#ff5e56;}
#box2 .p{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-top:1000px;}

#box3{ height:620px; overflow:hidden;}
#box3 .tit h2{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-top:1000px;}
#box3 .case{ opacity: 0; transition: 1s;  -moz-transition:1s;  -webkit-transition: 1s;  -o-transition: 1s; margin-top:1000px;}
.case{ width:1260px; margin-top:30px;}
.case li{ float:left; width:200px; margin:0 24px;}
.case li .pic{ width:200px; height:202px; position:relative;}
.case li .pic img{ width:200px; height:202px;}
.case li .pic .more{ width:200px; height:202px; position:absolute; z-index:99; left:0px; top:0px; background:url(../images/4.png) center no-repeat; display:none;}
.case li .pic:hover .more{ display:block;}
.case li h2{ font-size:14px; font-weight:normal; margin:5px 0;}
.case li .cline{ width:100%; height:1px; background:#dedede; margin-bottom:5px;}
.case li a{color:#000;}
.case li p{ font-size:12px;}
.case li:hover a{ color:#ff2f25;}
.case li:hover .cline{ background:#ff2f25;}

#box4{ width:100%; height:547px; background:url(../images/bg4.jpg) center no-repeat; overflow:hidden;}
#box4 .tit{ text-align:left; margin-top:100px;}
#box4 h2{ color: #f9856c;}
#box4 .line{ background:#ffffff;}
#box4 p{ color:#ffffff; }

#box4 .khpja{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-top:1000px;}

.khpj{ position:relative;}
.lies{ width:200px; height:1px; background:#000; left:367px; top:104px; position:absolute; z-index:99;}
.mh{ left:917px; top:-66px; position:absolute; z-index:99;}
.khpj .title04{ float:left; margin-top:50px; width:300px;}
.khpj .title04 a{ float:left; display:block; width:81px; height:81px; margin-right:5px; border:4px solid #f2362b; margin-top:5px;}
.khpj .title04 a img{ width:81px; height:81px;}
.khpj .title04 a.cur , .khpj .title04 a:hover{ border:4px solid #2a2a2a;}

.khpja{ float:right; width:486px; margin-right:60px; margin-top:50px;}
.khpja h3{ margin-top:60px; height:40px; line-height:40px;}
.khpja h3 .lines{ float:left; width:30px; height:1px;  background:#ff2f25; margin-top:20px;}
.khpja h3 span{ margin-left:20px; font-size:14px; font-weight:normal; color:#ff2f25;}

#box5{ height:590px; overflow:hidden;}
#box5 .tit h2{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-top:1000px;}
.news li h2{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-top:1000px;}
.news li .new img{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s;}
.news{ margin-top:40px; width:1260px;}
.news li{ float:left; width:370px; margin-right:50px;}
.news li .new{ width:370px; height:240px; overflow:hidden;}
.news li .new img{ width:370px; height:240px; transition: all .4s ease-in-out 0s; }
.news li .new img:hover{transform: scale(1.1);}
.news li h2{ font-size:20px; font-weight:normal; padding:15px;}
.news li p{ padding:0 15px;}
.news li .moes{ background: #22252d; text-align:center; line-height:40px; border-radius:5px; width:140px; margin-left:15px; margin-top:25px;}
.news li .moes a{ color:#FFF; display:block;  border-radius:5px;}
.news li .moes a:hover{ background:#f2362b;}

#box6{ width:100%; height:729px; background:url(../images/bg6.jpg) center no-repeat; overflow:hidden;}
.bgcs{ background:#FFF; width:1200px; height:464px; border-radius: 10px; margin-top:250px;}
.lxwm{ background:url(../images/ftel.jpg) center no-repeat; width:455px; height:351px; margin:60px 0 0 60px;}
.lxwm li{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-top:1000px;}
.lxwm ul{ margin-left:100px;}
.lxwm li{ width:240px; }
.lxwm li h2{ font-size:14px; color:#333;}
.lxwm li p{ font-size:13px; color:#666;}

#box6 .zxly li{  opacity: 0; transition:2s;  -moz-transition:2s;  -webkit-transition:2s;  -o-transition: 2s; margin-top:400px;}

#box6 .zxly{ width:660px; margin-top:40px;}
#box6 .zxly h2{ font-weight:normal; color:#000; letter-spacing:2px;}
#box6 .zxly h2 span{ color:#ff2f25;}
#box6 .zxly ul{ margin-top:40px;}
#box6 .zxly li{ }
#box6 .zxly .text{ width:450px; height:46px;padding:1px 3px;border:1px solid #D0D0D0;color:#666;}
#box6 .zxly .textarea{width:450px;height:100px;padding:1px 3px;border:1px solid #D0D0D0;color:#666;}
#box6 .submit{ width:160px; height:50px; background:#f2362b; color:#FFF; border-radius:10px;}

.foot{ background:#111; height:275px; padding:40px 0; overflow:hidden;}
.flogo{ width:250px;}
.flogo .flg{ }
.ewm{ width:128px; margin-top:40px;}
.ewm p{ color:#666666; text-align:center; line-height:40px;}
.ewm img{ width:128px; height:128px;}

.fnav{ margin-left:100px; width:150px;}
.fnav h2{ font-weight:normal; font-size:18px; color:#FFF;}
.fnav h2 span{ color:#ff2f25;}
.fline{ background:#ff2f25; width:60px; height:1px; margin-top:10px;}
.fnav ul{ margin-top:40px;}
.fnav li{ background:url(../images/j_s.png) left no-repeat; text-indent:15px; line-height:40px;}
.fnav li a{ color:#666666;}
.fnav li a:hover{ color:#ff2f25;}

.gssj{ width:300px;}
.gssj h2{ font-weight:normal; font-size:18px; color:#FFF;}
.gssj h2 span{ color:#ff2f25;}
.gssj ul{ margin-top:40px;}
.gssj ul li{ float:left; width:80px; margin-right:10px;}
.gssj ul li img{ width:80px; height:80px;}

.footer{background:#111; border-top:1px solid #DFDFDF; padding:10px 0; overflow:hidden;}
.footer .fl img{ width:20px; vertical-align:middle; margin:0 5px;}
.footer .fr a{ color:#ff2f25;}
.footer a:hover{ color:#FFF;}
#box7 h2{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-top:1000px;}
#box7 li{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-top:1000px;}
#box7 img{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-top:1000px;}

#box8 h2{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-top:1000px;}
#box8 li{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-top:1000px;}
#box8 img{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-top:1000px;}

.banc{ width:100%; height:230px; background:url(../images/banc.jpg) center no-repeat; overflow:hidden;}
.banc h2{ color:#FFF; font-weight:normal; margin-top:110px; margin-left:15px; font-size:26px;}
.banc p{ color:#ff2f25;  margin-left:15px; margin-top:8px;}
.banc p a{ color:#ff2f25;}

#box9{ background:#f5f5f5; width:100%;  overflow:hidden; padding:30px 0 60px;}
.left{opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-top:1000px;}
.right{opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-top:1000px;}
.left{ width:280px; height:auto; background:#FFF; padding-bottom:60px;}
.left h2{ height:60px; line-height:60px; background:#ff2f25; font-weight:normal; font-size:18px; text-indent:30px;}
.left h2 a{ color:#FFF;}
.left li{ height:60px; line-height:60px; font-size:18px; text-indent:30px;}
.left li a{ color:#555; display:block;}
.left li a:hover{ background:#ff2f25; color:#FFF;}

.right{ width:860px; background:#FFF; padding:20px;}
.ntit{ height:60px; line-height:60px; border-bottom:1px solid #dedede; color:#ff2f25; font-size:18px;}
.artid{ margin-top:20px;}
.artid h1{ font-size:28px; color:#333; font-weight:normal; margin-bottom:10px; text-align:center; line-height:60px; height:60px; border-bottom:1px dashed #dedede;}

.news_s{}
.news_s dl{  height:100px; margin-top:15px;}
.news_s dl dt{ float:left; width:100px; height:100px; overflow:hidden;}
.news_s dl dt img{ width:100%;}
.news_s dl dd{ float:right; width:740px;}
.news_s dl dd h2{ font-size:16px; font-weight:normal;}
.news_s dl dd h2 a{ color:#333;}
.news_s dl dd h2 a:hover{ color:#ff2f25;}
.news_s dl dd p{ margin-top:10px; color:#666;}

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

.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:#ff2f25;color: #fff;border: 1px solid #ff2f25}
.pagess ul li:hover a{color: #fff;}
.pagess ul li.thisclass{display: inline-block;border: 1px solid #ff2f25;padding: 2px 9px;margin: 0 3px;background:#ff2f25;color: #fff;}
.pagess ul li.thisclass a{color: #fff;}
.pagess ul li a{display: block;color: #999}
.pagess ul li a:hover{color: #fff;}

#box10{ width:100%;  overflow:hidden; padding:30px 0 60px;}
#box10 .case_s li{ opacity: 0; transition: 1s;  -moz-transition:1s;  -webkit-transition: 1s;  -o-transition: 1s; margin-top:1000px;}
.case_s{ width:1260px; margin-top:30px;}
.case_s li{ float:left; width:200px; margin:20px 24px 0;}
.case_s li .pic{ width:200px; height:202px; position:relative;}
.case_s li .pic img{ width:200px; height:202px;}
.case_s li .pic .more{ width:200px; height:202px; position:absolute; z-index:99; left:0px; top:0px; background:url(../images/4.png) center no-repeat; display:none;}
.case_s li .pic:hover .more{ display:block;}
.case_s li h2{ font-size:14px; font-weight:normal; margin:5px 0;}
.case_s li .cline{ width:100%; height:1px; background:#dedede; margin-bottom:5px;}
.case_s li a{ color:#000;}
.case_s li p{ font-size:12px;}
.case_s li:hover a{ color:#ff2f25;}
.case_s li:hover .cline{ background:#ff2f25;}

#box11{ width:100%; height:470px;  overflow:hidden; padding:30px 0;}
.about{}
.about dt{ float:left; width:540px; height:410px;}
.about dt img{  width:540px; height:410px;}
.about dd{ float:right; width:500px; margin-right:100px;}
.about dd h2{ opacity: 0; transition: 1s;  -moz-transition:1s;  -webkit-transition: 1s;  -o-transition: 1s; margin-top:1000px; font-weight:normal;}
.about dd p{ margin-top:50px;}

#box12{ width:100%;  background:#f5f5f5; height:870px;  overflow:hidden; padding:30px 0;}
#box12 .lc1 li{ opacity: 0; transition: 1s;  -moz-transition:1s;  -webkit-transition: 1s;  -o-transition: 1s; margin-top:1000px;}
#box12 .lc3 li{ opacity: 0; transition: 1s;  -moz-transition:1s;  -webkit-transition: 1s;  -o-transition: 1s; margin-top:1000px;}
.lc1{ width:600px;}
.lc1 li{ background:url(../images/ls.jpg) 490px 10px no-repeat; text-align:right; overflow:hidden; padding-right:140px; margin-bottom:153px; }
.lc1 li h2{ font-size:16px; font-weight:normal; color:#333; }
.lc1 li p{ font-size:13px; margin-top:10px; width:289px; float:right; color:#999;}
.lc3{ width:590px;}
.lc3 li{ background:url(../images/ls.jpg) 30px 10px no-repeat; overflow:hidden; margin-bottom:33px; margin-top:150px; padding-left:130px; }
.lc3 li h2{ font-size:16px; font-weight:normal; color:#333; }
.lc3 li p{ font-size:13px; margin-top:10px; width:289px;  color:#999;}

#box13{ width:100%;  height:410px;  overflow:hidden; padding:30px 0;}
.honor li{ opacity: 0; transition: 1s;  -moz-transition:1s;  -webkit-transition: 1s;  -o-transition: 1s; margin-top:1000px;}
.honor{ width:1260px; margin-top:30px;}
.honor li{ float:left; border:1px solid #dedede; margin-right:20px;}
.honor li img{ width:283px; height:285px;}
.honor li:hover{ border:1px solid #ff2f25;}

#box14{ width:100%;  height:446px;  overflow:hidden; padding:50px 0;}
#box14 h2{ opacity: 0; transition: 1s;  -moz-transition:1s;  -webkit-transition: 1s;  -o-transition: 1s; margin-top:1000px;}
#box14 li{ opacity: 0; transition: 1s;  -moz-transition:1s;  -webkit-transition: 1s;  -o-transition: 1s; margin-top:1000px;}
.ditu{ background:url(../images/ditu.png) center no-repeat; width:1200px; height:446px; overflow:hidden;}
.ditu h2{ color:#000; margin-left:60px;}
.ditu ul{ margin-top:40px; margin-left:60px;}
.ditu li{ color:#000; line-height:40px; }
.ditu li img{ margin-right:10px;}

.ditu1{ background:url(../images/ditu1.png) center no-repeat; width:1200px; height:446px; overflow:hidden;}
.ditu1 h2{ color:#000; margin-left:60px;}
.ditu1 ul{ margin-top:40px; margin-left:60px;}
.ditu1 li{ color:#000; line-height:40px; }
.ditu1 li img{ margin-right:10px;}

.ditu2{ background:url(../images/ditu2.png) center no-repeat; width:1200px; height:446px; overflow:hidden;}
.ditu2 h2{ color:#000; margin-left:60px;}
.ditu2 ul{ margin-top:40px; margin-left:60px;}
.ditu2 li{ color:#000; line-height:40px; }
.ditu2 li img{ margin-right:10px;}

#box15{ width:100%;  background:#f5f5f5; height:470px;  overflow:hidden; padding:30px 0;}
#box15 .zxly li{  opacity: 0; transition:2s;  -moz-transition:2s;  -webkit-transition:2s;  -o-transition: 2s; margin-top:400px;}

#box15 .zxly{ width:450px;}
#box15 .zxly h2{ font-weight:normal; color:#000; letter-spacing:2px;}
#box15 .zxly h2 span{ color:#ff2f25;}
#box15 .zxly ul{ margin-top:60px;}
#box15 .zxly li{ }
#box15 .zxly .text{ width:450px; height:60px;padding:1px 3px;color:#999;}
#box15 .zxly .textarea{width:450px;height:120px;padding:1px 3px;color:#999;}
#box15 .submit{ width:160px; height:50px; background:#f2362b; color:#FFF; border-radius:10px; margin-left:120px;}