@charset "utf-8";
/* ȫ��CSS���� */
body { font-family: "΢���ź�"; background: #fff; font-size:14px; color:#111; margin: 0; padding: 0;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0; list-style: none none; font-size: 14px;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-size:14px; font-weight: normal;}
table,td,tr,th{font-size:14px;}

/* ������ɫ */
a:link {color: #111; text-decoration:none;}
a:visited {color: #111;text-decoration:none;}
a:hover { color: #f90; text-decoration: underline;}
a:active { color: #111;}

/* �������� */
.fB {font-weight: bold;}
.clr{ clear: both; height: 0; line-height: 0; font-size: 0;}
.clr_10{ clear: both; height: 10px; line-height: 0; font-size: 0;}
.pages{ clear:both; padding: 35px 0; font-family:Verdana, Geneva, sans-serif;}
.pages a,.pages a:visited,.pages strong{ display:block; float:left; margin: 0 3px; text-align:cente; padding: 4px 8px; border: 1px solid #ccc; background: #E8E8E8;}
.pages a:hover,.pages strong{ border: 1px solid #DC0133; color: #fff; background: #DC0133; font-weight:normal; font-weight:bold;}
.cRed,.cRed:link,.cRed:visited{ color: #f90;}



.Home{ width: 1280px; margin: 0 auto;}
.Home .title{ height: 42px; line-height: 42px; clear:both; padding-top: 30px; border-bottom: 3px solid #002C77; overflow:hidden;}
.Home .title h3{ float:left; height: 42px; width: 210px; background: #002C77; text-align:center; color: #fff; font-size: 20px;}
.Home .title ul{ float:left; margin-left: 20px;}
.Home .title ul li{ float:left; padding-left: 30px;}
.Home .title .more{ float:right;}
.Home .title .more a,.Home .title .more a:visited{ color:#D97A1F;}



.Home .products{}
.Home .products li{ float:left; width: 410px; margin: 40px 25px 0 0;}
.Home .products .r{ float:right; margin-right: 0;}
.Home .products li img{ float:left; width: 180px; height: 180px;}
.Home .products li p{ margin: 0; padding: 20px; line-height: 28px; float:right; background: #F2F2F2; height: 140px; width:190px; color: #666;}
.Home .products li p strong{ display:block; font-size: 18px; font-weight:normal; color: #111; height: 50px;}
.Home .products li p .more{ background:url(../image/ico_3.png) no-repeat 42px center; display:block; margin-top: 20px; width: 90px;}

.Home .about{ padding-top: 30px;}
.Home .about img{ float:left; margin-right: 25px;}
.Home .about h2{ font-size: 28px; padding: 10px 0;}
.Home .about p{ margin: 0; padding: 12px 0; line-height: 27px;}



.Home .news{ float:left; width: 610px;}
.Home .news .top{ margin: 0; padding: 30px 0 15px; line-height: 27px; height: 150px; color: #666;}
.Home .news .top img{ float:left; width: 230px; height: 150px;border:1px solid #ddd;}
.Home .news .top span{ float:right; width: 350px;word-wrap:break-word;}
.Home .news .top strong{ display:block; color:#DA7B1F; font-size: 16px; padding-bottom: 10px;}
.Home .news .top .more{ background:url(../image/ico_3.png) no-repeat 40px center; display:block; margin-top: 10px;}


.Home .news p{ margin: 0; padding: 5px 0 5px 0; line-height: 25px;}
.Home .news .ico1{ background:url(../image/ico_5.png) no-repeat 0 12px; padding-top: 10px;}
.Home .news .ico1 a,.Home .news .ico1 a:visited{ color: #DA7B1F; font-size: 16px; font-weight:bold;}
.Home .news .ico2{word-wrap:break-word; background:url(../image/ico_6.png) no-repeat 0 2px; color: #666; padding: 0 0 10px 0; border-bottom: 1px dotted #ccc;}




.Home .video{ float:right; width: 520px;}
.Home .video p{ margin: 0; padding: 30px 0 0; line-height: 27px; color: #666;}
.Home .video p img{ margin-bottom: 20px; display:block;}
.Home .video p .more{ background:url(../image/ico_3.png) no-repeat 40px center; display:block; margin-top: 10px;}



.Home .case{ }
.Home .case p{ line-height: 27px; padding: 25px 0; margin: 0;}
.Home .case li{ float:left; width: 240px; height: 190px; position:relative; margin-right: 20px;}
.Home .case li img{ position: absolute; width: 240px; height: 190px;}
.Home .case li span{ position:absolute; z-index: 2; background: rgba(0,0,0,0.3);  bottom: 0; height: 32px; line-height: 32px; width: 240px; text-align:center; color: #fff;}
.Home .case .r{ float:right; margin-right: 0;}/* ============����============== */
*{font-family:'microsoft yahei',Verdana, Arial}
html{overflow-y:scroll;}
body{margin:0;padding:0;border:0;height:100%;text-align:left;font:12px Verdana, Arial, Helvetica, sans-serif;color:#505050;} 
#contain{position: relative;height:100%;padding:10px;margin:10px auto;border:0;}
#content {position:relative;margin:10px auto 10px auto} 
#bottom {position: relative;margin:0px auto} 
#top {position:relative;margin:0px auto;z-index:99} 
#bodyex {position: absolute;left:0;top:0;margin:0} 
#bottomex {position: absolute;left:0;bottom:0;margin:0;z-index:-1} 
#topex {position: absolute;left:0;top:0;margin:0;z-index:-1} 
#contentex {position: absolute;left:0;top:0;margin:0;z-index:-1} 
#advsex {display:none;position: absolute;width:100%;left:0;bottom:0;margin:0;z-index:-1} 
#showpages{padding-bottom:40px!important;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfloat{zoom:1} 

/*===��������===*/

.pdv_class{position:absolute;border:0px}


/* ==����== */

div,li,td,p,select,input,textarea,a,button,input{text-decoration: none}
li{*zoom: 1;}
ul{margin:0px;padding:0px;list-style:none;}
a:link,a:visited,a:active{color:#505050;text-decoration: none;}
a.nomal:link,a.nomal:visited,a.nomal:active{color:#505050;text-decoration: underline;}
a:hover{color:#ff0000;text-decoration: none;}

/* ============���============== */
form{margin:0;padding:0}
.input{border:1px #ddd solid;height:20px;line-height:20px;padding:0px 3px;color:#555;background:#f7f7f7}
.textarea{border:1px #ddd solid;font-size:12px;padding:3px;background:#f7f7f7}
.button{border:1px #c0c0c0 solid;height:22px;line-height:20px;padding:0px 3px;background:#e8e8e8;}
.submit{border:1px #c0c0c0 solid;height:22px;line-height:20px;padding:0px 3px;background:#e8e8e8;}
.mustfill{color:#ff0000}
select{font:12px 'microsoft yahei',Verdana, Arial;color:#505050;}


/* ==��ʾ��ʽ== */

.msgdiv {color:#336699;padding-left:53px;background:url(../image/chk_msg.gif) 30px no-repeat;}
.errdiv {color:#FF0000;padding-left:53px;background:url(../image/chk_error.gif) 30px no-repeat;}
.rightdiv {color:#505050;padding-left:53px;background:url(../image/chk_right.gif) 30px no-repeat;}
.noticediv{display:none;border:1px #fc5959 solid;background:#FFFDF4 url(../image/chk_error.gif) 10px no-repeat;padding-left:33px;line-height:25px;margin:3px 0px}
.okdiv{display:none;border:1px #fc5959 solid;background:#FFFDF4 url(../image/chk_right.gif) 10px no-repeat;padding-left:33px;line-height:25px;margin:3px 0px}
.securenotice{line-height:100px;color:#FF0000;text-align:center;}


/* ============��ʾ��Ϣ����============== */
div#alert {display:none;cursor:default;}
div#alert .border{border:1px #97A0AA solid;}
div#alert .ntc{padding:30px;text-align:left;background:#fff;font: 14px/1.6 'microsoft yahei',Verdana, Arial;}
div#alert .buttonzone{padding:15px;text-align:center;background:#f7f7f7;}
div#alert .topBar{height:20px;line-height:20px;background:#cbddef;text-align:left;padding:0px 0px 5px 5px ;font-size:12px;}
div#alert .topBar .pwClose{position: absolute;top:0px;right:8px;width:45px;height:18px;background:url(../image/pwin3.gif) no-repeat;cursor:pointer}
div#alert .button{border:1px #97A0AA solid;height:22px;line-height:20px;padding:0px 5px;background:#eee}


/* ============����frame/��󴰿ڲ�============== */
#frmWindow {display:none;cursor:default;}
#frmWindow .border{border:1px #97A0AA solid;}
#frmWindow .ntc{padding:30px;text-align:left;background:#fff;font: 12px/1.6 'microsoft yahei',Verdana, Arial;}
#frmWindow .buttonzone{padding:15px;text-align:center;padding-top:10px;background:#f7f7f7;}
#frmWindow .Frm{width:100%;height:500px;border:0}
#frmWindow .windowcontent{width:100%;height:380px;overflow:auto;background:#fff;border:0}
#frmWindow .topBar{height:20px;line-height:20px;background:#cbddef;text-align:left;padding:0px 0px 5px 5px ;font-size:12px;}
#frmWindow .topBar .pwClose{position: absolute;top:0px;right:8px;width:45px;height:18px;background:url(../image/pwin3.gif) no-repeat;cursor:pointer}