@charset "gb2312";
/* CSS Document */
body{font:12px/1.5 '����',Helvetica,Arial,sans-serif; color:#212121;}
#bgbox{background:url(../images/bg.jpg) top center no-repeat; position:fixed; height:100%; width:100%; z-index:-1;}
a{ color:#212121; text-decoration:none;}
a:hover{ text-decoration:underline; color:#212121;}
.bd{ border:1px solid #E4E4E4; background-color:#fff; height:100%; border-top:0;}
/*header*/
#top{ height:42px; background-color:#F5F5F5;line-height:42px; overflow:hidden; color:#5E5E5E;}
#top a{ color:#5E5E5E; margin:0 5px;}
#header{ height:95px;background:url(../images/menu.png) repeat;  top:0;position: fixed; width:100%;}
.headertop{ height:112px;position:relative;}
.headertop #logo{ position:absolute; left:0; top:20px;}
.headertop #tel{ position:absolute; right:0; top:34px;}
/*menu*/
#menu{ position:absolute; right:0; top:-7px; height:95px;}
#menu li{ display:inline; float:left;}
#menu li a{ display:block; height:68px; color:#fff3d1; font-size:16px; text-align:center; padding:0 20px; border-top:7px solid #3C1A18; padding-top:27px;}
#menu li a span{ display:block; text-transform:uppercase; font-size:10px;}
#menu li a:hover{ text-decoration:none; background:url(../images/hover.jpg) #aa4146 bottom center no-repeat;  border-top:7px solid #634334;}
.anlist { margin-top:200px;}
.anlist li{display:inline; float:left; margin-top:14px;height:155px;}
.anlist li a .an_pic{ display:inline;margin-top:40px; float:left;width:142px; text-align:center;}
.anlist li a .an_pic img{-webkit-transition:All 2s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;transition:All 0.4s ease-in-out;border-radius:5px;}
/*.anlist li a:hover .an_pic img{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
*/
.anlist li a{ padding-right:40px; color:#fff;display:block; height:155px; overflow:hidden;-moz-transition:skew 2s;
-webkit-transition:skew 2s; -o-transition:skew 2s;}


.anlist li.an1{width:410px;}
.anlist li.an1{}
.anlist li.an1 a{background:url(../images/aboutbg.jpg) no-repeat;}

.anlist li .aninfo{ display:table; height:155px; }
.anlist li .aninfo h4{font-size:24px; font-weight:normal;}
.anlist li .aninfo .oninfo{ display:table-cell; vertical-align:middle; font-size:14px;*padding-top:36px;}

.anlist li.an2{margin-left:14px;width:410px;}
.anlist li.an2 a{ background:url(../images/productbg.jpg) no-repeat;}
.anlist li.an3{margin-left:14px;width:352px;}
.anlist li.an3 a{ background:url(../images/casebg.jpg) no-repeat;}
.anlist li a{-webkit-transition:All 2s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;transition:All 0.4s ease-in-out;}
.anlist li a:hover{ text-decoration:none;transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);
}

.newsbox{ width:378px; padding:0 16px;height:324px; margin-top:14px;display:inline; float:left; background:url(../images/newsbg.jpg) no-repeat; overflow:hidden;}
.news_h3{ font-size:24px; font-weight:normal; color:#fff; height:53px; line-height:53px; padding-left:10px; margin-top:12px; border-bottom:4px solid #6BBEC4;}
.newslist{ margin-top:20px; margin-left:8px;}
.newslist li{ height:30px; line-height:30px;overflow:hidden;}
.newslist span{ display:inline; float:right;}
.newslist li a{ display:block; font-size:22px;  color:#fff;height:30px; text-decoration:none; }
.newslist li a em{ text-align:left; padding-top:10px;display:inline; float:left; height:16px; width:21px;}
.newslist li a em img{-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;transition:All 0.4s ease-in-out;}
.newslist li a:hover em img{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
.newslist2{ margin:0 20px;}
.newslist2 li a{ color:#212121;}
.newslist2 li { height:56px; line-height:66px; border-bottom:1px dashed #C5B8B9; background:url(../images/xin.png) left center no-repeat; padding-left:18px;}
.newslist2 li span{ color:#CCC;}



.moreba{ margin-top:30px; height:30px; overflow:hidden;}
.moreba a{ display:block;text-align:right; position:relative; height:30px; color:#fff;}
.moreba a:hover{}
.moreba a.goto{}
.moreba a.goto span{ position:absolute;background:url(../images/more.png) right center no-repeat; display:block; font-size:16px; height:30px; line-height:30px; padding-right:40px; right:0;}
/*����2*/
.anlist2{ display:inline; float:left; margin-top:0; width:790px;}
.anlist li.an4{margin-left:14px;width:410px;}
.anlist li.an4 a{ background:url(../images/serberbg.jpg) no-repeat;}

.anlist li.an5{margin-left:14px;width:352px;}
.anlist li.an5 a{ background:url(../images/videobg.jpg) no-repeat;}

.anlist li.an6{margin-left:14px;width:410px;}
.anlist li.an6 a{ background:url(../images/fzlc.jpg) no-repeat;}

.anlist li.an7{margin-left:15px;width:169px; margin-right:13px}
.anlist li.an7 a{ background:url(../images/message.jpg) no-repeat;}
.anlist li.an7 a .an_pic,.anlist li.an8  a .an_pic{  width:169px; display:block; text-align:center; float:none; margin-top:24px;}

.anlist li.an7 a h4,.anlist li.an8  a h4{ text-align:center; font-size:24px; font-weight:normal; width:169px;}

.anlist li.an8{margin-left:14px;width:169px;}
.anlist li.an8 a{ background:url(../images/contact.jpg) no-repeat;}
/*footer*/
#footer .fl{ width:860px; margin-top:22px;padding-left:10px;  }
#footer{ background:url(../images/footer.png) repeat; height:78px; margin-top:60px; background-color:#333; bottom:0;position: fixed; width:100%;   }
#footer .fl a,#footer .fl{ color:#9c9c9c;}
#footer .fr{ color:#fff; font-size:28px; font-family:Arial;background:url(../images/tel.png) left center no-repeat; padding-left:34px; margin-top:20px; padding-right:10px;}
/*back*/
.back{ height:89px; line-height:89px; color:#BDADAE; overflow:hidden;margin-top:100px;}
.back a{ color:#BDADAE}
.back .fl{ margin-top:24px;}
/*leftbox*/
.leftbox{ width:212px; display:inline; float:left;}
.menttop{ background:#bf4c52;line-height: normal; font-size:18px; padding-left:20px; padding-top:18px; color:#FDF7DD; height:62px;}
.menttop span{ display:block; font-size:12px;}
.menlist li{ height:50px; margin-top:10px;}
.menlist li a{ display:block; height:50px; padding-left:20px; font-size:14px; color:#FDF7DD; line-height:48px; background:url(../images/nohover.png) no-repeat;}
.menlist li a:hover,.menlist li.current a{ background:url(../images/hover.png) no-repeat; text-decoration:none;}
/*right*/
.rightbox{ width:1200px; padding:20px; display:inline; float:right; overflow:hidden;  background:url(../images/rightboxbg.png)  repeat; margin-top:110px;}

.rightbox1{ width:1200px; padding:20px; display:inline; float:right; background-color:#fff; overflow:hidden; margin-top:-50px;}


.lanmumc{ font-size:24px; line-height:40px; padding:0 0 20px 20px; height:40px; border-bottom:1px dashed #C5B8B9; color:#000; font-weight:bold;}
.lx{ padding:20px; margin-top:18px; background:url(../images/lx.png) repeat; line-height:24px;color:#FDF7DD;}



/*right*/
.rightboxx{ width:1200px; padding:20px; display:inline; float:right; overflow:hidden;  background:url(../images/rightboxbg.png)  repeat; margin-top:150px;}
.lanmumc{ font-size:24px; line-height:40px; padding:0 0 20px 20px; height:40px; border-bottom:1px dashed #C5B8B9; color:#000; font-weight:bold;}
.lx{ padding:20px; margin-top:18px; background:url(../images/lx.png) repeat; line-height:24px;color:#FDF7DD;}











.cpboxlist li{ display:inline; margin:0 20px;text-align:center; margin-top:5px; float:left; margin-bottom:5px;}
.cpboxlist li a{ display:block; background-color:#fff;padding:20px; color:#999; text-decoration:none;}
.cpboxlist li a img{ width:220px; height:158px;}
.cpboxlist li a:hover{ background-color:#fff;}
.cpboxlist li p{ display:block; margin-top:13px; font-size:14px;}
.content{ padding:20px; font-size:14px; line-height:175%; line-height:24px; padding-top:10px; height:600px;overflow-x:hidden;}


.contentt{ font-size:14px; line-height:175%; line-height:24px; height:100px;overflow-x:hidden;}



.content p{ margin:14px 0;}
.content img{ max-width:700px;}

/*page*/
#page{margin:5px 5%;text-align:center; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
#page .scott{ display:inline-block; margin:0 auto;overflow:hidden;}
#page .scott span,#page .scott a:hover{ background-color:#5B4949; border:1px solid #5B4949; color:#fff; border-radius:3px; display:inline; float:left; margin:0 2px; padding:0 16px; height:36px; line-height:36px; text-decoration:none;}
#page .scott a:hover{background-color:#2A2122; border:1px solid #2A2122;}
#page .scott a,#page .scott span.morepage{padding:0 16px; height:36px; line-height:36px; background-color:#fff; border:1px solid #DEDEDE;border-radius:3px;margin:0 2px; display:inline; float:left; color:#737373;}
#page .scott span.morepage input{ width:25px; height:16px; border:1px solid #E1DFE0; background:none; margin-top:8px; float:left; margin-right:5px; padding-left:3px;}
#page .scott span.morepage{color:#737373;}

.content h1{ line-height:40px; font-weight:normal;font-size:28px; padding-left:20px; text-align:center;  padding-bottom:10px; color:#000; margin-bottom:20px;}
.info{ text-align:center; font-size:12px; color:#606060}
.content_info{ height:20px; line-height:20px; font-size:12px; color:#5D4B49; text-align:center; padding-bottom:10px;margin-top:8px; }
.content table td{ padding-left:5px;font-size:12px; }
.page_back{ border-top:1px dotted #dedede; padding-top:10px; margin-top:20px; position:relative; min-height:50px; _height:50px; font-size:16px; line-height:24px;  color:#900;font-weight:bold;}
.page_back a{ color:#900; font-size:16px;text-decoration:none; font-weight:bold;}
.page_back a:hover{ text-decoration:underline;}
.page_back .bapage_back_up{ position:absolute; right:0; top:25px;}
/*��������*/
.mesage_ask{ line-height:1.8; background:#816766; padding:5px 10px;  margin-top:10px; font-size:12px; color:#fff;}
.mesage_ask div{ color:#fff; font-weight:bold;}
.mesage_ask p{ margin:0;}
.mesage_replay{padding:5px 10px; line-height:1.8; font-size:14px;}
.mesage_replay div{ color:#2A2424;}
.mesage_replay p{ margin:0; color:#474747;}


/*QQ�ͷ�*/
.qqkefu{ font-family:"Microsoft Yahei";position: fixed;bottom:40%; _position: absolute; _top: expression(eval(document.documentElement.scrollTop + 365)); z-index:999999; right:0px; width:45px;}
.qqkefu ul li{height:45px; margin-bottom:1px; float:right; background:#292322; line-height:45px; font-size:14px; cursor:pointer; position:relative;}
.qqkefu ul li a{color:#fff;}
.qqkefu ul li a:hover{text-decoration:none;}
.qqkefu ul li.qq_cza{overflow:hidden}
.qqkefu ul li:hover{background:#bf4c52;}
.qqkefu ul li.top{color:#fff;font-weight: bold; font-family:Arial, Helvetica, sans-serif;text-align:center;background:#bf4c52;position:relative;width:45px;cursor:pointer; height:25px; padding-top:20px; line-height:normal;}
.qqkefu ul li.top span{position:absolute;display:block;left:0;top:0px;height:45px;width:45px;background:url(../images/czx2_hover.png) center 15px no-repeat}
.qqkefu ul li.top:hover{background:#c9112c; color:#fff;}
.qqkefu ul li.top:hover span{}
.qqkefu ul li b{width:45px;height:45px;display:block;overflow:hidden;float:left}
.qqkefu ul li b.a{background:url(../images/czx4.png) no-repeat center center;}
.qqkefu ul li b.b{background:url(../images/czx3.png) no-repeat center center;}
.qqkefu ul li b.c{background:url(../images/czx5.png) no-repeat center center;}
.erweima{height: 150px;position: absolute;top: -107px; left:-146px;background: #FFF;border: 1px solid #CCC;cursor: default !important; width:139px; display:none;}
.erweima p{line-height: 20px;color: #000;font-size: 12px;text-align: center;float: left;width: 130px;}
.erweima p img{width: 110px;height: 110px;margin:10px 10px 0px 10px;}	
.erweima .arrow3 {width: 5px;height: 10px;display: block;background:url(../images/czx6.png) no-repeat;position: absolute;right: -5px;top: 122px;}