/*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;}

body{background:url(../images/header-top.png) no-repeat center 0;}

.Header,.ProBox ul,.NewsBox ul,.ContactBox div,.AboutBox,.Products,.ProInfoBox,.Sale,.News,.Content{width:1200px; margin:0 auto; clear:both}
.Header .language {float:right; height:32px; line-height:32px; text-align:right; margin-right:20px;}
.Header .language a {color:#fff;}
.Header .head-line {padding:0 10px; color:#fff;}

.nav {float:left; margin-top:168px; width:100%; height:41px; padding:0px; border-bottom:2px solid #fff;  }
.nav ul { }
.nav ul li {float:left; background:url(../images/header-nav-bg.png) repeat-x; }
.nav ul li:first-child {border-top-left-radius:10px;}

.nav a{float:left; padding:0 25px; font-size:16px; line-height:41px;display: block; position: relative; color:#fff;}
.nav a:hover {border-bottom:2px solid #f70;}

/*幻灯*/
.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:100%; margin-top:17px; 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;}

.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.thisclass 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.thisclass 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}
.InsideLeft a.thisclass {color:#0b30c6; font-weight:bold;}

.InsideRight{ width:100%;}
.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:1150px; 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}

.join li {float:left; width:33%; text-align:center; padding:10px 0;}

/* marqueeleft */
.NewsBox { width:1200px; clear:both; margin:0 auto; padding-top:0px}
.NewBox ul li { float:left; width:25%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:5px; }
.NewBox ul li img {width:360px; height:170px;}
.marqueeleft {height:170px; width:100%; overflow:hidden; float:left; margin-top:15px;}
.marqueeleft ul {float:left;}
.marqueeleft li {float:left; margin:0 10px; display:inline; width:360px; height:170px; overflow:hidden;}

.PicBox { width:1200px; clear:both; margin:0 auto; padding-top:15px}
.wrap {width:100%; height:170px; position:relative; overflow:hidden;}
.wrap ul {overflow:hidden; position:absolute; width:1600px; left:0; top:0; _height:1px;}
.wrap ul li {float:left; padding:0 5px;}
.wrap ul li img {width:auto; height:170px;}

.about-left {float:left; width:70%;}
.about-right {float:right; width:30%;}
.about-pic {float:left; width:100%;}
.about-pic li {float:left; padding:20px;}