body{margin:0 auto; padding:0; font-family:SimSun,Arial; font-size:12px; background:url(../Images/bg.jpg);color:#333333}
html{margin:0;padding:0;}
a{text-decoration: none;color:#333333}
a:hover{text-decoration: underline;}
h1,h2,h3,h4,dl,dt,dd,ul,li,p,b,span{margin:0;padding:0;}
img{border:0;}
div{margin:0 auto;}
ul{ list-style: none;}

.clear{clear: both;display: block}
.lr{text-align:justify;text-justify:inter-ideograph;}
.page{padding-top:20px;text-align:center;height:44px;clear:both;}
.page .prev{width:21px;height:23px;margin-right:5px;}
.page .next{width:20px;height:23px;margin-right:5px;}
.page .current{color:red;line-height:25px;margin-right:5px; font-weight:bold;}
.page a{line-height:25px; padding-left:2px; padding-right:1px;font-family: Arial;font-size:12px; margin-right:5px;}
.page a:hover{color:red;}
/*Top*/
#header{width:100%;height:100px;background:url(../Images/tbg.jpg) repeat-x;}
#header .top{width:1003px;}
#header .link{width:100%;height:18px;float:left;padding-top: 6px;text-align: right; position: relative;}
#header .userinfo{position: absolute;top:6px;right: 80px;color: #fff;line-height: 18px;}
#header .userinfo span{font-size: 18px;}
#header .link a{ margin-right: 8px;font-size: 14px;color: #fff;}
#header .logo{width:261px;height:57px;float:left;}
#header .nav{height:45px;float:right;margin-top: 29px;}
.nav ul{list-style:none;float:left;}
.nav ul li{width:87px;height:45px;line-height:29px;float:left;text-align:center;}
.nav ul li a{width:87px;height:45px;font-size:14px;color:#fff; display: block; font-family:Microsoft YaHei;text-decoration: none;}
.nav ul li.select a{background:url(../Images/nav.jpg);}

.banner{width: 100%;max-width:1235px;height: 166px;text-align: center;box-shadow: 0 2px 5px rgba(0,0,0,0.5);}
.bA{background: url(../Images/about.jpg) center no-repeat;}
.bP{background: url(../Images/product.jpg) center no-repeat;}
/*Bottom*/
#footer{width:100%;line-height:40px;background:rgba(0,0,0,0.4)!important;filter:alpha(opacity=40);background:#000;margin-top: 30px;text-align: center; font-size: 13px;}
#footer p{position:relative;}
/*Main*/
#mains{width:1000px;height:auto;padding-top:36px;}
#lefter{width:200px;float:left; height:auto;}
.left_menu{border:solid 1px #cfcfcf;background:#dfdfdf url(../Images/lbg.jpg) top repeat-x;padding-bottom: 25px; box-shadow: 1px 3px 5px rgba(0,0,0,0.3); border-radius: 5px 5px 0 0;}
.ltit{width:177px;height:31px;line-height:31px;font-family:Microsoft YaHei;background: url(../Images/ltit.jpg); text-indent: 10px; color: #fff;overflow: hidden;margin-top: 9px;font-size: 15px;}
.ltit span{font-size: 10px;margin-left: 5px; font-family: arial;}
.left_menu ul{list-style:none;width: 177px;}
.left_menu ul li{height:29px;line-height:29px;text-indent: 37px; margin:10px 0 0 10px;}
.left_menu ul li.pro{text-indent: 30px;}
.left_menu ul li a{display:block;width: 177px;height: 29px; overflow: hidden; font-size:12px; color: #666666; font-family:Microsoft YaHei;background: url(../Images/off.jpg);}
.left_menu ul li.select a{background:url(../Images/on.jpg); color:#fff;}
.ltel{width: 177px;height: 111px;background: url(../Images/tel.jpg); margin-top: 40px;}


#righter{width:760px;float:right;background:#fff url(../Images/rtit.jpg) top repeat-x;box-shadow: 1px 3px 5px rgba(0,0,0,0.3), 0 -20px 30px rgba(40,40,40,0.2) inset; border-radius: 5px 5px 0 0;}
.rtit{height:33px;line-height:33px;padding-left:20px; color: #fff; font-size: 14px;  font-family:Microsoft YaHei}

.right_main{padding:20px 15px;line-height:22px;clear:none;}
.right_lx{padding:20px 40px;line-height:25px;}
.maps{width:382px;height:262px;float:right;}
/*news*/
.newsList{height:340px;padding:20px;}
.newsList ul{ list-style:none;}
.newsList ul li{line-height:32px; height: 32px; border-bottom: dashed 1px #999999;}
.newsList ul li a:hover{ text-decoration: underline;}
.newsList ul li span.title{float:left;width:550px;height: 32px; overflow: hidden;padding-left: 5px;}
.newsList ul li span.date{ float:right;}
/*news_inside*/
.news_show{padding-left: 20px;}
.news_text{ width:680px;line-height:25px; padding-top:20px; font-family:Microsoft Yahei; font-size:18px;  text-align:center;font-weight:bold;}
.news_text a{font-size:13px;}
.news_date{width:680px; height:30px;text-align:center; line-height:30px;border-bottom:dashed 1px #b2b2b2;}
.news_date a{color:#333333;}
.news_body{width:680px;line-height:25px; padding:10px 0; font-size:13px; min-height: 300px;}
.news_body p{padding:0; margin:5px;}
.news_buttom{width:680px;height:44px; line-height:22px; padding:5px 0;border-top:dotted 1px #e7e7e7; font-size:13px; margin-top:5px;}
.news_buttom a{color:#333333; text-decoration:none; font-size:13px;}
.news_buttom a:hover{text-decoration:none; color:#CC0000;}

/*product*/
.empty{ padding:20px; display:block;}
.prolist{margin-top: 20px;}
.prolist ul{list-style:none;}
.prolist ul li{width:164px;float:left;text-align:center;padding:5px 0 0 21px;}
.prolist ul li .pic{width:162px;height:141px;border:1px solid #e7e7e7;display:table-cell; vertical-align: middle;}
.prolist ul li .title{width:164px;height:30px;line-height:30px;text-align:center; overflow:hidden;background: url(../Images/pro.jpg);}
/*photo*/
.pholist{margin-top: 20px;}
.pholist ul{list-style:none;float:left; }
.pholist ul li{width:162px;float:left;text-align:center;padding:10px 0 0 22px;}
.pholist ul li .pic{width:160px;height:160px;border:1px solid #e7e7e7;display:table-cell;vertical-align:middle;}
.pholist ul li .title{width:162px;height:30px;line-height: 30px; text-align:center;overflow:hidden;}

.ptable{line-height:22px; margin:20px auto; font-size: 13px;}
/*Msg*/
.msg{margin-top: 30px;}
.msg td{font-size:13px;}
.msg_tj,.msg_cz{ width:65px; height:23px; line-height:21px;text-align:center; border:0; color:#ffffff;border:1px solid;cursor:pointer; font-size: 13px; }
.msg_tj{border-color: #d5d5d5 #555555 #555555 #d5d5d5;background: #0560a6;}
.msg_cz{border-color: #d5d5d5 #555555 #555555 #d5d5d5;background: #aaaaaa;}
.m_input{border:1px solid #abadb3;width:220px; line-height:18px; height:18px;background-color:transparent;}
/*jobs*/
.job_show{ padding:10px 20px;margin:10px 20px; border-bottom: dashed 1px #818181;font-size: 14px;line-height: 2.2;font-family: "Century Gothic","Microsoft yahei";}
.job_show span{ font-size:14px; font-weight:bold; color: #be0d60}

/* Users */
#form{
    background-color: #fff;
    width: 400px;
    margin: 30px auto 50px;
    padding: 20px;
}
#form h1 {
    width: 100%;
    color: #7E7E7E;
    font: bold 25px Helvetica, Arial, sans-serif;
    letter-spacing: -0.05em;
    line-height: 20px;
    position: relative;
    text-align: center;
    margin:10px 0 30px;
}
#form h1:before, #form h1:after {
    content: "";
    height: 1px;
    position: absolute;
    top: 10px;
    width: 27%;
}
#form h1:before {
    background: rgb(126,126,126);
    background: linear-gradient(to right, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    left: 0;
}
#form h1:after {
    background: rgb(126,126,126);
    background: linear-gradient(to left, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    right: 0;
}
#form .inline{
    margin: 0 20px;
}
#form input[type="text"], #form input[type="password"] {
    border-radius: 3px;
    box-shadow: 0 1px 0 #fff, 0 -2px 5px rgb(0 0 0 / 8%) inset;
    transition: all 0.5s ease;
    background: #eae7e7 url(../images/8bcLQqF.png) no-repeat;
    border: 1px solid #c8c8c8;
    color: #777;
    font: 13px Helvetica, Arial, sans-serif;
    margin: 0 0 20px;
    padding: 15px 10px 15px 40px;
    width:100%;
    box-sizing:border-box;
}
#username {
    background-position: 10px 10px !important;
}
#password {
    background-position: 10px -53px !important;
}
#form input[type="submit"] {
    background: rgb(254,231,154);
    background: linear-gradient(to top, rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
    border-radius: 10px;
    box-shadow: 0 1px 0 rgb(255 255 255 / 80%) inset;
    border: 1px solid #D69E31;
    color: #85592e;
    cursor: pointer;
    font: bold 15px Helvetica, Arial, sans-serif;
    height: 40px;
    margin: 20px auto 35px;
    position: relative;
    text-shadow: 0 1px 0 rgb(255 255 255 / 50%);
    width: 120px;
    display: block;
}