/*reset*/
*{margin:0;padding:0;list-style-type:none; color:#333}
a,img{border:0;}
a{ color:#444; text-decoration:none;}
a:hover{ color:#b12323;text-decoration:none;}
body{ font-family:microsoft yahei; font-size:14px;color:#555;}
i{margin:0; padding:0; font-style:normal;}
.fr {float:right;}
.fl {float:left;}

.Header,.ProBox ul,.NewsBox ul,.ContactBox div,.AboutBox,.Products,.ProInfoBox,.Sale,.News,.Content{width:1200px; margin:0 auto; clear:both}
.Logo{ float:left; margin:20px 0}
.Nav{ float:right}
.Nav li { width:112px; float:left; height:115px; line-height:115px; text-align:center; font-size:16px; margin-right:1px}
.NavOn a,.Nav li a:hover{ width:112px; float:left;background-color:#69a0d6; color:#fff}

/*幻灯*/
.fullSlide{width:100%;position:relative;height:350px; clear:both; margin:0 auto;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:350px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:350px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:20px;left:0;height:30px;line-height:30px; }
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:80px;height:10px;margin:5px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#fff;opacity:1;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}

.login-about {width:100%; padding-top:20px;}
.Login{ width:243px; float:left; border:solid 1px #dedede; padding:10px 14px 18px 14px; background-color:#f7f7f7}
.Login input{ margin-top:17px}
.login-title,.login-title strong{ width:100%; float:left; position:relative; }
.login-title{ color:#bbb}
.login-title span{ float:left;color:#bbb}
.login-title img{ float:right; margin-right:10px}
.login-title strong{ font-size:18px; color:#4b4b4b}
.User,.Password{ width:200px; float:left; border:solid 1px #ddd; background:#fff url(../images/Ico3.jpg) no-repeat 10px center; height:40px; line-height:40px; border-radius:5px; color:#c3c3c3; padding-left:41px; font-size:14px; font-family:microsoft yahei;}
.User{width:75px;}
.select{float:left; width:118px; margin-top:17px; margin-left:5px; border:solid 1px #ddd; height:42px; line-height:42px; font-size:14px;}
.Password{background:#fff url(../images/Ico4.jpg) no-repeat 10px center; }
.Submit,.Reg{ width:100%; float:left; background-color:#fe9a03; font-size:18px; font-weight:bold; background-color:#fe9a03; border-radius:5px; height:40px; line-height:40px; color:#fff; border:0; font-family:microsoft yahei; cursor:pointer}
.Reg{background-color:#3e59c5;}

.About{ float:right; width:900px; overflow:auto}
.Title{ width:100%; float:left; padding:20px 0 0px 0; border-bottom:1px solid #dcdcdc; margin-bottom:20px;}
.AboutJs{ width:100%; float:left; font-size:15px; line-height:30px; position:relative;}
.AboutJs img{float:left; margin-right:30px; height:160px;}
.AboutJs p {text-indent:30px;}
.AboutJs .more {position:absolute; right:5px; bottom:5px;}

.ProBox{ width:1200px; clear:both; padding-top:0px; margin:0 auto;}
.ProBox ul li{ float:left; width:25%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:5px; }
.ProBox ul li img {width:95%; border:3px solid #e6e6e6;}
.ProBox ul li i{ width:100%; float:left; text-align:center; height:40px; line-height:40px;}

.NewsBox{ width:1200px; clear:both; margin:0 auto; padding-top:0px}
.NewsBox ul li{ background:url(../images/arrow1.gif) no-repeat 0px center; width:50%; height:35px; line-height:35px; overflow:hidden; float:left; text-indent:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-right:15px; }
.NewsBox ul li span{float:right; color:#666;}
.Nleft{ padding-left:57%;}
.Nright{ text-align:right }
.NewsBox ul li strong{ font-size:16px}

.ContactBox{ width:100%; float:left; background:url(../images/bg2.jpg) no-repeat center top; height:530px; color:#fff; padding-top:220px;} 
.Feedback{ width:450px; float:left;}
.Feedback li{ width:100%; float:left; line-height:43px; background-color:#5bb3e2; margin-bottom:1px;}
.Feedback li span{ width:100px; float:left; text-align:center;color:#fff}
.Feedback .input{ width:330px; height:43px; line-height:43px;float:left; border:0; background:none; color:#fff}
.Feedback textarea{ width:330px; height:130px;float:left; border:0; background:none; color:#fff; padding:10px 0}
.Button{ width:100%; float:left; background-color:#f29400; color:#fff; height:43px; line-height:43px; font-size:16px; font-weight:bold; border:0; cursor:pointer}
.ConList{ width:500px; float:right; background:url(../images/ico.png) no-repeat; padding:0 0 0 60px; margin-top:30px }
.ConList li{width:100%; float:left; color:#fff; height:43px;line-height:43px; overflow:hidden; font-size:15px}

.Footer{ width:100%; float:left; line-height:35px}
.Footer div{ width:1200px; margin:0 auto; clear:both; color:#7a7a7a;  text-align:center}
.AboutBox{ padding-bottom:70px}
.AboutBoxJs{ width:100%; float:left;  line-height:45px; padding-bottom:70px}
.AboutBoxJs img{ width:420px; background:url(../images/Abg.jpg) no-repeat; padding:15px 25px 25px 15px; height:420px; float:left; border-radius:50%; margin-right:20px}

.Products{ overflow:auto; padding-bottom:30px}
.Products li{ width:270px; float:left;margin:20px 14px;}
.Products li img{ width:270px; border:solid 1px #ddd; }
.Products li i{ width:100%; float:left; height:40px; line-height:40px; text-align:center; overflow:hidden}

/*分页*/
.Page{clear:both;padding:15px 0; margin-left:30px; overflow:auto; font-size:15px; text-align:center}
.Page div{float:right;position:relative;right:50%}
.Page ul li { float:left; }
.Page ul li.active a { }
.Page a,.Page strong,.Page span{float:left;/*position:relative;left:50%;*/margin:0 2px;}
.Page a{ padding:0px 10px; line-height:25px;background-color:#dedede;border-radius:4px}
.Page a:hover,.Page strong, .Page ul li.active a{background:#d87b3c;color:#FFF; line-height:25px; border:none; text-decoration:none; border-radius:4px}
.Page span{line-height:25px}

.ProInfo{ float:left; width:530px}
.ProInfoList{ width:630px; float:right}
.ProInfoList dt{ font-size:30px; font-weight:bold;border-bottom:solid 1px #eee; padding-bottom:20px}
.ProInfoList dd{ height:55px; line-height:55px; border-bottom:solid 1px #eee}
.ProInfoList dd i{ width:130px; float:left; text-align:right}
.ProInfoList dd span{ width:400px; float:right}

.ProInfoBox{ width:1200px; margin:0 auto; clear:both; padding:30px 0; overflow:auto}
.ProInfoLeft{ width:250px; float:left; border:solid 1px #e2e2e2}
.ProInfoLeft dt{ width:100%; float:left; height:42px; line-height:42px; font-size:16px; font-weight:bold; background:url(../images/Pbt1.jpg) no-repeat; text-indent:20px}
.ProInfoLeft dd{ width:220px; float:left; padding:15px}
.ProInfoLeft dd img{ width:218px; float:left; border:solid 1px #e2e2e2;}
.ProInfoLeft dd i{width:100%; float:left; height:35px; line-height:35px; text-align:center; overflow:hidden}

.ProInfoRight{ width:930px; float:right}
.ProInfoRight .bt{ width:100%; float:left; background:url(../images/Pbt2.jpg) no-repeat; height:42px; line-height:42px; font-size:16px; font-weight:bold; text-indent:20px }
.ProInfoRight .js{ width:870px; float:left; border:solid 1px #e2e2e2; border-top:none; padding:29px; }

.Map{ width:100%; float:left; padding:20px 0 50px 0}
.Contact{ width:900px; float:left; background:url(../images/ico.png) no-repeat; padding:0 0 100px 60px; margin-left:40px}
.Contact li{width:100%; float:left; height:43px;line-height:43px; overflow:hidden; font-size:16px}

.NewsLeft{ width:220px; float:left;}
.NewsLeftBt{width:100%; float:left; height:45px; line-height:45px; font-size:16px; font-weight:bold; color:#fff; background-color:#51b0e6; text-align:center; border-radius:5px 5px 0 0}
.List1,.List2{ width:218px; float:left; border:solid 1px #ddd; border-top:none; margin-bottom:10px; padding-bottom:10px; font-size:12px}
.List1 li{ width:210px; float:left; height:36px; line-height:36px; border-bottom:solid 1px #eee; background:url(../images/ico1.jpg) no-repeat 10px center; text-indent:23px; overflow:hidden; padding-right:8px;}
.List2 li{ width:200px; float:left; padding:9px; padding-bottom:0}
.List2 li i{ width:100%; float:left; height:30px; line-height:30px; overflow:hidden; text-align:center}
.NewsRight{ width:960px; float:right; border:solid 1px #ddd; border-radius:5px 5px 0 0;margin-bottom:30px}
.NewsRbt{ width:100%; float:left; height:46px; line-height:46px; text-indent:35px; background:#eee url(../images/ico2.jpg) no-repeat 10px center}
.NewsRjs{ width:100%; float:left;}
.NewsRjs li{ width:940px; padding:0 10px; float:left;height:55px; line-height:55px; border-bottom:dotted 1px #ddd; font-size:16px; background:url(../images/ico3.jpg) no-repeat 10px center; text-indent:25px }
.NewsRjs li i{ float:right; font-size:14px}
.NewsInfoBt{ width:100%; float:left; font-size:28px; color:#333; font-weight:bold; text-align:center; padding:25px 0 15px 0}
.NewsInfoDate{width:100%; float:left; text-align:center; font-size:15px; color:#555; border-bottom:solid 1px #eee; padding-bottom:15px;}
.NewsInfoJs{ width:94%; margin:0 auto; clear:both; font-size:16px; padding:15px 0; line-height:40px}

.JMTop{ width:100%; float:left; padding:10px 0; background-color:#efefef; color:#000; border-bottom:1px solid #dcdcdc;}
.JMTop div{ width:1200px; margin:0 auto; clear:both;color:#000}
.JMTop div span{ float:right; line-height:15px}
.JMTop a{ margin-left:20px; color:#000; float:left; }
.JMTop a img{ margin-right:8px; float:left}
.JMTop a:hover{ color:#000; text-decoration:underline}

.SubNav{width:1200px; margin:0 auto; clear:both; padding:0 0 20px 0; overflow:auto}
.SubNav li{ float:left;margin-right:15px; }
.SubNav li a{ display:block; padding:10px 30px;  background-color:#eee;border-radius:5px}
.SubNav li a:hover,.SubNav li.On a{ background-color:#69a0d6; color:#fff}

.Footer{ width: 100%; float: left; padding:15px 0 30px 0; margin-top: 20px; font-size: 14px; border-top:1px solid #dcdcdc;}
.FooterBox ul,.FooterBox ul li{ float: left}
.FooterBox ul li{ padding:0 40px; border-right:solid 1px #c1c1c1}
.FooterBox span{ float: right; line-height: 25px; padding-top: 15px}

.InsideLeft{ width:257px; float:left; margin-right:18px}
.InsideLeft dl,.InsideLeft dt,.InsideLeft dd{ width:100%; float:left}
.InsideLeft dl{ margin-bottom:10px}
.InsideLeft dt{ background-color:#0b30c6; height:55px; line-height:55px; text-align:center; color:#fff; font-size:16px; font-weight:bold; border-radius:5px 5px 0 0} 
.InsideLeft dd{ height:52px; line-height:52px; text-align:center; margin-bottom:1px; background:#ededed url(../images/Ico7.jpg) no-repeat 30px center; font-size:15px}
.InsideRight{ width:923px; float:right; border:solid 1px #ddd; border-radius:5px;}
.InsideRbt{ height:46px; line-height:46px; background:#eee url(../images/Ico8.jpg) no-repeat 15px center; text-indent:40px}
.SupplyList{ width:900px; margin:0 11px 0 12px; float:left; font-size:16px;}
.SupplyList li{width:100%; float:left; height:60px; line-height:60px; border-bottom:solid 1px #eee;background:url(../images/Ico9.jpg) no-repeat 5px center; text-indent:20px }
.SupplyList i{  float:right; font-size:14px; color:#c3c3c3}


.SupplyInfoBt{width:100%; float:left; text-align:center; font-size:26px; font-weight:bold; padding:35px 0 15px 0}
.SupplyInfoDate{width:100%; float:left; text-align:center; font-size:12px; color:#919191; border-bottom:solid 1px #e6e6e6; padding-bottom:15px; }
.SupplyInfoJs{ width:873px; float:left; padding:25px; font-size:16px; line-height:250%; color:#595959}
.SupplyInfoJs p{text-indent:2em;}
.SupplyInfoJs p.fr{text-align:right;}
.SupplyInfoJs p.line{border-bottom:1px dotted #008000;}

.ProBt,.ProJs{ width:850px; margin:0 auto; clear:both; padding:15px 0; text-align:center }
.ProBt{font-size:26px; padding:30px 0}

.ProductsList{ width:900px; margin:0 auto; clear:both; padding:15px 0}
.ProductsList li{ width:205px; float:left; padding:10px}
.ProductsList li img{padding:5px; border:solid 1px #ddd;  background-color:#fff; }
.ProductsList li i{ width:100%; float:left; height:35px; line-height:35px; text-align:center;color:#fff}
.ProductsList li a{ width:100%; float:left; /*background-color:#333*/;color:#fff}
.ProductsList li a:hover{width:100%; float:left; background-color:#0b30c6;color:#fff}

.guestbook {}
.guestbook li.title {float:left; width:100px; height:35px; line-height:35px; padding:5px 0;}
.guestbook li.inputbox {float:left; width:740px; height:35px; line-height:35px; padding:5px 0;}
.guestbook li.inputarea {float:left; width:740px; padding-top:10px;}
.guestbook input[type=text] {width:600px; height:20px; line-height:20px; border:1px solid #dcdcdc; padding:2px;}
.guestbook .input {width:600px; height:120px; line-height:25px; border:1px solid #dcdcdc; padding:2px;}
.guestbook .Button {width:160px; border-radius:3px; margin-left:100px;}