@charset "utf-8";

/*头部*/




/*正文*/
.main{ width:1000px; margin:0 auto;}
.addUrl{ height:50px; line-height:50px; font-size:14px; color:#999;}
.addUrl i,.addUrl a,.addUrl em{ font-size:14px; color:#999;}
.addUrl em{ color:#417fc1;}
.addUrl a:hover{ color:#417fc1;}
.meun{ height:50px;}

.fatMeun{ float:left; width:206px; height:80px; text-align:center; padding:15px 0; display:inline; height:50px; background-color:#357cc0; margin-right:2px;}
.fatMeun h3{ font-size:22px; font-weight:bold; color:#fff;}
.fatMeun p{ font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#fff;}
.subMeun{ float:left; height:80px;}
.subMeun li{ float:left; margin-right:2px; width:148px; height:46px; text-align:center; padding:15px 0; border:solid 2px #e9eaf2; cursor:pointer;}
.subMeun li:hover,.subMeun li.curr{ border-color:#417fc1;}
.subMeun li:hover h3,.subMeun li.curr h3{ color:#417fc1;}
.subMeun li:hover p,.subMeun li.curr p{ color:#417fc1;}
.subMeun li h3{ font-size:16px; color:#666;}
.subMeun li p{ color:#666; white-space:nowrap;}
.content{ padding:60px 0;}
.page{ width:100%; text-align:center; margin-top:30px;}

/*尾部*/
.footerBg{ width:100%; background-color:#3e3e3e; margin:0 auto;}
.footer{ width:980px; margin:0 auto;}
.footTop{ width:980px; height:6px; background-color:#357cc0; overflow:hidden;}
.footLink{ width:980px; padding-top:50px; padding-bottom:20px; overflow:hidden;}
.footLink ul{ width:1200px;}
.footLink ul li{ width:80px; height:250px; float:left; padding:0 41px; border-left:solid 1px #636363;}
.footLink ul li.footPro{ width:140px; padding:0 10px;}
.footLink ul li.footPro a{ float:left; width:58px;}
.footLink ul li h4{ font-size:16px; color:#fff; margin-bottom:10px; padding-left:12px; background:url(../images/footLink.png) no-repeat 0 6px;}
.footLink ul li a{ padding-left:12px; display:block; color:#e8e8e8; line-height:24px;}
.footLink ul li a:hover{ color:#417fc1;}
.copyWrap{ width:100%; height:34px; background-color:#363636;}
.copy{ width:980px; height:34px; margin:0 auto;}
.copy span{ float:left; line-height:34px; color:#fff;}
.copy span a{ padding:0 6px;}
.copy p{ float:right; color:#fff;}
.copy a,.copy i{ line-height:34px; color:#fff;}
.copy a:hover{ color:#3496d5;}

/*新闻中心*/
.newList li{ height:144px; padding-bottom:30px; margin-bottom:30px; border-bottom:solid 1px #e9eaf2;}
.newListLeft{ width:172px; height:130px; padding:7px; background-color:#f5f5f5;}
.newListLeft img{ width:172px; height:128px;}
.newListCen{ width:98px; height:102px; margin-right:30px; padding:20px; text-align:center; border:solid 1px #eee;}
.newList li:hover .newListCen{ background-color:#357cc0;}
.newList li:hover .newListCen i,.newList li:hover .newListCen em{ color:#fff;}
.newListCen i{ display:block; font-size:60px; color:#222;}
.newListCen em{ display:block; font-size:18px; color:#999;}
.newListRight{ width:624px; height:142px;}
.newListRight h3{ margin-bottom:10px;}
.newListRight h3 a{ font-size:16px; color:#333;}
.newListRight p{ font-size:13px; color:#777; line-height:24px; margin-bottom:30px;}
.newListRight i a{ display:block; width:104px; height:32px; text-align:center; line-height:32px; font-size:13px; color:#000; border:solid 1px #e9eaf2;}
.newListRight i a:hover{ background-color:#357cc0; color:#fff;}

/*公司简介*/
.about h2{ font-size:24px; color:#357cc0;}
.about p{ font-size:14px; color:#666; line-height:24px;}
.about h3{ font-size:22px; color:#999;}
.about img{ display:block; margin:0 auto;}

/*发展历程*/
.history{ width:980px; overflow:hidden;}
.historyList{ margin-bottom:10px;}
.historyL{ width:90px; height:90px; text-align:center; line-height:90px; font-size:30px; font-family:Arial, Helvetica, sans-serif; color:#fff; background-color:#357cc0; margin-right:20px;}
.historyL1{ height:90px; text-align:center; line-height:90px; font-size:30px; font-family:Arial, Helvetica, sans-serif; color:#fff; background-color:#357cc0; margin-right:20px; padding:0 10px;}

.historyR{ width:870px;}
.historyR p{ font-size:14px; color:#666; line-height:20px;}
.historyR img{ display:inline-block;}

/*荣誉资质*/
.honor{ width:980px; overflow:hidden;}
.honor ul{ width:1056px;}
.honor li{ float:left; width:194px; height:262px; margin-right:68px; margin-bottom:30px; text-align:center;}
.honor li tr td{ width:192px; height:258px; border:solid 1px #dadada; overflow:hidden;}
.honor li tr td img{ display:block; width:190px;}
.honor li tr td:hover{ border:solid 1px #3496d5;}

/*联系我们*/
.map{ width:980px; height:386px; overflow:hidden;}
.contactList{ margin:30px 0; width:980px; overflow:hidden;}
.contactList ul{ width:1200px;}
.contactList li{ float:left; width:160px; text-align:center; margin-right:112px;}
.contactList li img{ display:block; width:120px; height:120px; margin:0 auto;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease;

}
.contactList li img:hover{
	-webkit-transition:-webkit-transform 1.4s ease;
	-moz-transition:-moz-transform 1.4s ease;
	-ms-transition:-ms-transform 1.4s ease;
	-o-transition:-o-transform 1.4s ease;
	transition:transform 1.4s ease;
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	transform:rotate(360deg);			
}
.contactList li span{ display:block; font-size:14px; line-height:22px; color:#999; margin-top:10px;}
.contactForm h2{ height:50px; line-height:50px; font-size:20px; color:#357cc0; border-bottom:solid 1px #e9eaf2;}
.contactForm li{ padding:16px 0; height:40px; border-bottom:solid 1px #e9eaf2;}
.contactForm li i{ display:block; float:left; font-weight:bold; margin-right:10px; width:200px; height:40px; line-height:40px; text-align:right; color:#666;}
.contactForm li span{ display:block; float:left; width:500px; padding:10px 0; height:18px; border:solid 1px #999;}
.contactForm li span input{ width:96%; font-family:"微软雅黑"; padding-left:12px; color:#666;}
.contactForm li.l1{ /*height:100px;*/}
.contactForm li.l2{ height:200px;}
.contactForm li.l2 span{ height:200px; padding:0;}
.contactForm li span.s1{ width:100px; margin-right:31px;}
.contactForm li span.s1 select{ width:100px; font-family:"微软雅黑"; color:#666;}
.contactForm li.l2 span textarea{ width:500px; height:200px; font-family:"微软雅黑"; color:#666;}
.contactBut{ padding-left:210px; margin-top:20px;}
.contactBut input{ width:500px; height:50px; font-size:16px; color:#fff; font-family:"微软雅黑"; background-color:#357cc0; cursor:pointer;}

/*新闻中心*/
.knowledge{ width:980px; overflow:hidden;}
.knowledge ul{ width:1016px;}
.knowledge li{ float:left; margin-right:10px; margin-bottom:20px; width:188px; height:264px; background-color:#e9eaf2;
	-webkit-transition: all 0.5s ease-in-out ;
    -moz-transition: all 0.5s ease-in-out ;
	-ms-transition: all 0.5s ease-in-out ;
    -o-transition: all 0.5s ease-in-out ;
    transition: all 0.5s ease-in-out ;
}
.knowledge li:hover{ background-color:#357cc0;}
.knowledge li:hover .knowledgeBot h3,.knowledge li:hover .knowledgeBot p{ color:#fff;}
.knowledgeTop{ width:188px; height:164px; overflow:hidden;}
.knowledgeTop img{ width:188px; height:164px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-in-out;
}
.knowledge li:hover img{
	-webkit-transform:scale(1.07 ,1.07);
	-moz-transform:scale(1.07 ,1.07);
	-ms-transform:scale(1.07 ,1.07);
	-o-transform:scale(1.07 ,1.07);
	transform:scale(1.07 ,1.07);	
}
.knowledgeBot{ display:block; width:168px; height:60px; padding:20px 10px; overflow:hidden;}
.knowledgeBot h3{ padding-bottom:10px; font-size:16px; color:#666;}
.knowledgeBot p{ color:#999; line-height:20px;}
.knowledgeCon{ padding-bottom:30px; line-height:24px;}
.knowledgeCon h3{ font-size:22px;}
.knowledgeCon h5{ font-size:14px;}
.knowledgeCon img{ display:block;}
.knowledgeCon p{ font-size:16px;}
.bank{  text-align:right;}
.bank a{ font-size:16px; color:#357cc0; line-height:50px;}

/*产品中心*/
.ProductsCen{ width:980px; overflow:hidden;}
.ProductsCen ul{ width:1100px;}
.ProductsCen li{ width:150px; min-height:220px; float:left; border-left:solid 1px #e9eaf2; padding-bottom:30px; padding-left:20px; margin-right:0px;}
.ProductsCen li h3{ padding-bottom:10px; font-size:18px; font-weight:bold; color:#357cc0;}
.ProductsCen li dt{ padding-left:12px; display:block; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#999; line-height:30px; cursor:pointer;}
.ProductsCen li dd{ display:none;}
.ProductsCen li dd a{ padding-left:26px; display:block; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#999; line-height:24px;}
.ProductsCen li dd a:hover,.ProductsCen li dd a.curr{ background:url(../images/ProductsCen.png) no-repeat 14px 10px; color:#417fc1;}

.proContent{ padding-bottom:30px;}
.laftBar{ width:228px; margin-right:20px; background-color:#f2f2f2}

.proNav{ width:158px;padding:0px 15px}
.proFatNav{ width:203px; height:40px; position:relative;}
.proNav ul li  i  {background:url(../images/proFatNav.png) no-repeat; display:inline-block; width:18px; height:10px; position:absolute;right:7px;top:15px; z-index:9999; cursor:pointer;}

.proFatNav a{ display:block; height:40px; line-height:40px; font-size:16px; border-bottom:1px dotted #bfbfbf; }
.proFatNav a:hover,.proFatNav a.curr{ color:#357cc0;}
.proSubNav{ width:196px; display:none; padding-left:12px; border-bottom:solid 1px #e9eaf2;}
.proSubNav dt a{ width:184px; display:block; font-size:13px; line-height:30px; font-family:Arial, Helvetica, sans-serif; padding-left:12px;}
.proSubNav dt a:hover{ background:url(../images/ProductsCen.png) no-repeat 0 10px; color:#417fc1;}
.proSubNav dd{ display:none;}
.proSubNav dd a{ display:block; padding-left:34px; line-height:24px;}
.proSubNav dd a:hover,.proSubNav dd a.curr{ background:url(../images/ProductsCend.png) no-repeat 24px 10px;}


.mainCon{ width:752px; overflow:hidden;}
.pro ul{ width:800px;}
.pro li{ width:368px; height:157px; float:left; margin-right:12px; margin-bottom:26px; border:solid 1px #e9eaf2;}
.pro li:hover{ border-color:#417fc1;}
.proLeft{ width:170px; height:157px;}
.proLeft img{ display:block; width:170px; height:157px;}
.proRight{ width:162px; height:137px; padding:10px 18px; overflow:hidden;}
.proRight p{ color:#333; line-height:20px;}
.proRight p a{color:#417fc1; padding-right:20px; display:inline-block; background:url(../images/resize_png_new.png) no-repeat right center;}
.proDetailsTop{ width:752px; height:156px;}
.proDetailsTop img{ display:block; float:left; width:210px; height:156px; margin-right:20px;}
.proDetailsTop span{ display:block; float:left; width:522px; height:156px; overflow:hidden;}
.proDetailsTop span h3{ font-size:22px; margin-bottom:10px;}
.proDetailsTop span p{ font-size:16px; line-height:26px;}
.proDetailsBtn{ margin-top:40px; width:752px; height:36px; background:url(../images/proDetailsBtnBg.png) repeat-x 0 0;}
.proDetailsBtn a{ display:block; float:left; width:240px; height:36px; text-align:center; line-height:36px; font-size:14px; color:#fff; background:url(../images/proDetailsBtn01.png) no-repeat 0 0; margin-right:2px;}
.proDetailsBtn a:hover,.proDetailsBtn a.curr{ background:url(../images/proDetailsBtn02.png) no-repeat 0 0; color:#357cc0;}
.proDetailsBox{ width:752px;}
.proDetailsBox li{ display:none; width:722px; padding:40px 15px; overflow:hidden;}
.proDetailsBox li img{ display:block; width:100%;}
.proDetailsList{ width:722px; height:150px; padding:40px 0; overflow:hidden; border-bottom:solid 1px #e9eaf2;}
.proDetailsList .mr20{ margin-right:20px;}
.imgL{ width:232px; height:150px;}
.imgL img{ display:block; width:232px; height:150px;}
.textR{ width:470px; height:150px; overflow:hidden;}
.textR h3{ font-size:22px; color:#357cc0; margin-bottom:10px;}
.textR p{ font-size:14px; line-height:22px;}

.industry li{ display:block; line-height:40px; font-size:13px; color:#999;}
.industry li .industryFta a{ display:block; padding-left:20px; border-bottom:solid 1px #e9eaf2;}
.industry li .industryFta a:hover,.industry li .industryFta a.curr{ background:url(../images/ProductsCen.png) no-repeat 6px 16px; color:#417fc1;}
.industry li .industrySub{ display:none; border-bottom:solid 1px #e9eaf2;}
.industry li .industrySub a{ display:block; line-height:24px; padding-left:36px;}
.industry li .industrySub a:hover{ background:url(../images/ProductsCend.png) no-repeat 26px 8px;}
.industryList{ width:980px; overflow:hidden;}
.industryList ul{ width:1038px;}
.industryList ul li{ width:286px; height:290px; float:left; margin-right:60px; margin-bottom:60px; border-bottom:solid 2px #ccc; padding-bottom:20px;}
.industryList ul li:hover{ border-bottom:solid 2px #357cc0;}
.industryList ul li img{ display:block; width:286px; height:210px; border-radius:3px;}
.industryList ul li h3{ font-size:16px; color:#333; margin:10px 0;}
.industryList ul li p{ color:#333; line-height:18px;}

/*搜索*/
.searchResult{ width:590px; padding:10px 81px;}
.searchResultTop{ width:580px; height:48px; padding:5px; overflow:hidden; background:url(../images/searchResult.png) no-repeat 0 0;}
.searchResultTop span{ display:block; float:left; height:48px;}
.searchResultTop span.s1{ padding:14px 0 14px 12px; width:490px; height:20px; }
.searchResultTop span.s1 input{ width:100%;}
.searchResultTop span.s2{ width:76px; height:48px;}
.searchResultTop span.s2 input{ display:block; width:76px; height:48px; cursor:pointer;}
.searchResultbot{ width:590px; margin-top:20px;}
.searchResultbot span{ display:block; float:left; margin-right:8px; margin-bottom:10px; width:110px; height:36px; text-align:center; line-height:36px; color:#fff; background-color:#525051;}
.searchResultbot a{ display:block; float:left; margin-right:8px; margin-bottom:10px; width:108px; height:34px; text-align:center; line-height:36px; color:#525051; border:solid 1px #eaeaea;}
.result{ margin:40px 0; height:40px; line-height:40px; border-bottom:solid 1px #eaeaea; font-size:16px; color:#357cc0;}

/*首页*/
.inBanner{ position:relative; width:100%; height:468px; overflow:hidden;}
.inBannerBtn{ position:absolute; left:0; width:100%; text-align:center; bottom:60px; z-index:100;}
.inBannerBtn a{ display:inline-block; width:26px; height:6px; margin:0 4px; background-color:#fff; overflow:hidden;}
.inBannerBtn a:hover,.inBannerBtn a.curr{ background-color:#ff9600;}
.inBannerBox{ position:relative; width:1920px; height:468px; left:50%; top:0; margin-left:-960px; overflow:hidden; overflow:hidden;}
.inBannerBox ul{ position:absolute; left:0; top:0; width:99999px;}
.inBannerBox li{ float:left; width:1920px; height:468px;}
.inBannerBox li img{ display:block; width:1920px; height:468px;}
.inBannerText{ position:absolute; left:50%; margin-left:-335px; bottom:0; width:670px; height:50px; text-align:center; line-height:50px; font-size:24px; font-weight:bold; color:#fff; background:url(../images/inBannerText.png) repeat-x 0 0;}
.inMainWrap{ width:100%; background-color:#f8f8f8;}
.inMain{ width:980px; margin:0 auto; padding:20px 0;}
.inOne{ width:980px; height:346px; overflow:hidden;}
.inProduc{ width:316px; height:346px; padding:0 10px; margin-right:12px; background-color:#fff;}
.inTit{ width:100%; border-bottom:solid 1px #e7e7e7; height:50px; line-height:50px;}
.inTit h3{ float:left; padding-left:14px; height:50px; font-size:18px; color:#4c4c4c; display:inline-block; border-bottom:solid 1px #35a6ee; text-transform:uppercase; background:url(../images/footLink.png) no-repeat 0 20px;}
.inTit h3 span{ font-size:14px; color:#d0d0d0; padding-left:6px;}
.inTit a{ float:right; display:inline-block; height:50px; font-size:13px; color:#4c4c4c;}
.inProducCon{ width:100%; padding:10px 0;}
.inProducCon a{ display:block; font-size:13px; color:#4c4c4c; line-height:26px; padding-left:12px; background:url(../images/inProducCon.png) no-repeat 0 10px;}
.inProducCon a:hover{ color:#417fc1;}
.inIndustry{ width:290px; height:346px; padding:0 10px; margin-right:12px; background-color:#fff;}
.inBox{ position:relative; width:290px; height:170px; margin-top:20px;}
.inBoxBtn{ position:absolute; width:100%; top:69px; z-index:100;}
.inBoxBtn a{ position:absolute; display:block; width:26px; height:26px; text-align:center; line-height:26px; font-size:20px; background-color:#333; font-family:"宋体"; color:#fff;}
.inBoxBtn a:hover{ background-color:#35a6ee;}
.inBoxBtn a.prve{ left:0;}
.inBoxBtn a.next{ right:0;}
.inWrap{ position:relative; width:290px; height:240px; overflow:hidden;}
.inWrap ul{ position:absolute; left:0; top:0; width:9999px; z-index:99;}
.inWrap li{ float:left; width:290px; height:240px;}
.inImg{ width:290px; height:170px;}
.inImg img{ display:block; width:290px; height:170px;}
.inBText{ width:290px; height:70px;}
.inBText h3{ font-size:13px; color:#333; line-height:30px;}
.inBText p{ color:#666; line-height:20px;}
.inNewPro{ width:290px; height:346px; padding:0 10px; background-color:#fff;}
.inTwo{ width:980px; height:346px; overflow:hidden; margin-top:20px;}
.inNews{ width:444px; height:346px; padding:0 10px; margin-right:16px; background-color:#fff;}
.inNewsCon{ padding:10px 0;}
.inNewsCon li{ height:34px; line-height:34px; padding-left:10px; background:url(../images/inNews.jpg) no-repeat 0 15px;}
.inNewsCon li a:hover span{ color:#417fc1;}
.inNewsCon li a span{ float:left;  font-size:13px; color:#4c4c4c;}
.inNewsCon li a i{ float:right; color:#999;}
.inCompany{ width:480px; height:346px; padding:0 10px; background-color:#fff;}
.inCompanyCon{ width:480px; overflow:hidden; padding-top:22px;}
.inCompanyCon li{ width:480px; height:64px; margin-bottom:26px;}
.inCompanyCon li:hover h3{ color:#417fc1;}
.inCompanyCon li img{ display:block; float:left; width:92px; height:64px; margin-right:10px;}
.inCompanyCon li span{ display:block; float:left; width:378px; height:64px;}
.inCompanyCon li span h3{ font-size:14px; color:#333; margin-bottom:10px;}
.inCompanyCon li span p{ color:#333;}
/*.inCompanyCon01{ width:428px; height:90px; padding:40px 26px 0 26px; margin-top:6px; background:url(../images/inCompany01.jpg) no-repeat 0 0;}
.inCompanyCon01 h3,.inCompanyCon02 h3{ font-size:14px; font-weight:bold; color:#333; padding-bottom:10px;}
.inCompanyCon01 p,.inCompanyCon02 p{ color:#333; line-height:20px;}
.inCompanyCon02{ width:428px; height:90px; padding:40px 26px 0 26px; margin-top:6px; background:url(../images/inCompany02.jpg) no-repeat 0 0;}*/

/*2015-1-13*/
.changepage1{ text-align:center; padding:10px 0; width:100%; margin:20px auto 40px auto;}
.changepage1 a.num{ display:inline-block; height:22px; line-height:22px; padding-left:7px; padding-right:7px; margin:0 3px; border:1px solid #d4d4d4; vertical-align:9px;}
.changepage1 a.cur ,.changepage1 a:hover{ background:#357cc0; color:#FFFFFF;}
.changepage1 a.changer{ background:none; margin-left:3px;}
.changepage1 a.changel{ display:inline-block; height:24px; background:none; margin-right:3px;}
.changepage1 a img{ vertical-align:2px;}

.file a{ display:block; height:25px; line-height:25px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#357cc0; padding:10px 0 10px 40px; background:url(../images/file.jpg) no-repeat 10px 10px; border-bottom:solid 1px #e9eaf2;}

/********page**********/
.pagebox{padding:50px 0;text-align:center;}
.pagebox a,.pagebox span{display:inline-block;margin:0 5px;vertical-align:middle;}
.pagebox a{width:20px;height:20px;border:1px solid #d4d4d4;text-align:center;line-height:20px;}
.pagebox a:hover,.pagebox .a_selecthover{color:#fff;background-color:#019870;}
.pagebox .page_first,.pagebox .page_last{width:24px;height:24px;cursor:pointer;}
.pagebox .page_first{background:url("/images/pageleft.jpg") 0% 0% no-repeat;}
.pagebox .page_last{background:url("/images/pageright.jpg") 0% 0% no-repeat;}


/*会员*/
.userLogin{ height:464px;}
.userLoginLeft{ float:left; width:550px; height:464px; background:url(../images/userLoginLeft.jpg) no-repeat 0 0; padding:60px 10px 100px 10px}
.userLoginRight{ float:left; width:390px; height:304px; padding:60px 10px 100px 10px;}
.userLoginLeft li{ width:550px; height:32px; margin-bottom:20px;}
.userLoginLeft li i{ float:left; display:block; width:250px; height:32px; line-height:32px; text-align:right; font-size:15px;}
.userLoginLeft li span{ float:left; display:block; background-color:#eee; width:300px; height:32px; line-height:32px;}
.userLoginLeft li span input{ width:290px; background:none; color:#999; font-size:14px; font-family:"微软雅黑"; padding-left:10px;}
.userLoginLeft li span.code{ width:150px;}
.userLoginLeft li img{ float:left; height:32px; line-height:32px; margin-left:20px; _display:inline;}
.userLoginLeft li a{ text-decoration:underline; padding:0 20px 0 100px;}
.userLoginLeft li a.huanyiz{ padding:0; margin:0 20px 0 100px;}
.userLoginLeft li a.reg{ display:block; float:left; padding:0; text-decoration:none; text-align:center; width:120px; height:32px; line-height:32px; background-color:#eca927; font-size:16px; color:#fff;}
.userLoginLeft li input.loginIcon{ display:block; float:left; margin-right:10px; margin-left:250px; display:inline; width:120px; height:32px; background-color:#286fae; font-size:16px; color:#fff; font-family:"微软雅黑"; cursor:pointer;}
.userLoginLeft li span.code input{ width:90px;}
.loginBox{ margin-top:40px; padding-left:20px;}
.loginBox span{ display:block; height:30px; line-height:30px; font-size:13px;}
.loginBox span i{ float:left; margin-right:10px;}
.loginBox span a{ display:block; float:left; width:22px; height:22px; line-height:22px; margin:2px 6px;}
.loginBox span a.qq{ background:url(../images/iCon.png) no-repeat -6px -172px;}
.loginBox span a.sina{ background:url(../images/iCon.png) no-repeat -34px -172px;}
.loginBox span a.zfb{ background:url(../images/iCon.png) no-repeat -62px -172px;}
.loginBox span a.reg{ padding-left:70px; width:100px; color:#286fae;}
.registerBot{ width:356px; height:38px;}
.registerBot a{ display:block; float:left; width:174px; height:38px; line-height:38px; text-align:center; font-size:15px; background-color:#eee; border-top:solid 1px #ddd; margin-right:8px;}
.registerBot a:hover,.registerBot a.curr{ color:#286fae; border-top:solid 1px #286fae;}
.registerBox{ margin-top:30px;}
.userLoginLeft { height:730px; }
.userLoginLeft li.read{ margin-bottom:10px; height:20px; padding-left:250px;}
.userLoginLeft li.read em a{ padding-left:10px; text-decoration:underline;}
.userLoginLeft li span.w1{ width:100px;}
.userLoginLeft li a.a1{ padding:0; line-height:32px; text-decoration:none; padding-left:10px;}
.registerRight{ margin-top:30px; padding:20px; border-left:solid 1px #e6e6e6; height:220px;}
.registerRight h3{ font-size:15px; color:#000; margin-bottom:30px;}
.registerRight a{ display:block; width:100px; height:30px; background-color:#286fae; text-align:center; line-height:30px; color:#fff; font-size:16px; margin-bottom:40px;}
.registerRight span{ display:block; font-size:13px; color:#666; width:260px;}

.tanchu{ display:none; width:100%; height:100%; padding-top:100px; position:fixed; left:0px; top:0px; _position:absolute;_top: expression(documentElement.scrollTop + 0 + "px"); height:100%;_height:100%; z-index:99999;}
.tanchu_con{ width:886px; margin:0px auto; background:#fff; padding:10px;}
.tanchu h3{ background:#f5f4f4; width:886px; margin:0px auto; padding:5px 10px 10px; font-size:16px; color:#000; font-weight:bold;}
.tanchu h3 em{ float:right; background-color:#417fc1; color:#fff; display:block; width:14px; height:14px; line-height:14px; text-align:center; cursor:pointer;}
.tanchu span.span1{ background:url(../images/tc_top.png) no-repeat top; height:8px; display:block;}
.tanchu span.span2{ background:url(../images/tc_btn.png) no-repeat top; height:8px; display:block;}
.tanchu .xy{ width:866px; height:520px; padding:20px;}
.scrollbar_left{ float: left; width:840px; height: 440px; overflow: hidden; position: relative; line-height:24px; text-align:justify;}
.scrollbar_right{ float: right; width: 5px; height: 440px; background: #dad8d8;}
.scroll_wrap{ position:relative; border-bottom:1px solid #d8d8d8; padding-bottom:20px;}
.span_bar{display: inline-block; width: 5px;height: 100px;background: #417fc1;position: relative;cursor: pointer;}
.agreement{ margin-top:20px;}
.agreement a{ display:block; width:300px; height:40px; text-align:center; line-height:40px; color:#fff; margin:0 auto; font-size:14px; background-color:#417fc1;}
.gray_bg{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:url(../images/hdpopbg.png) repeat center; z-index:980;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop)+0+"px"); _height:expression(eval(document.documentElement.clientHeight)+"px");}
.member{ padding:60px 0;}
.memberL{ width:540px; height:310px; margin-right:76px; margin-top:24px;}
.memberL img{ width:540px;}
.memberR{ width:284px; height:281px; padding:30px 40px 40px 40px; background:url(../images/memberR.jpg) no-repeat 0 0;}
.memberR h3{ font-size:18px; font-weight:bold; color:#262626;}
.memberR li{ height:30px; line-height:30px; margin-top:30px;}
.memberR li.l1{ margin-top:10px; padding-left:44px;}
.memberR li.l2{ margin-top:20px; height:42px; padding-left:44px;}
.memberR li.l2 input{ width:238px; height:42px; background:url(../images/submit.jpg) no-repeat 0 0; cursor:pointer;}
.memberR li.l3{ width:250px; font-weight:bold; margin-top:0px; padding-left:44px;}
.memberR li.l3 a{ display:inline-block; color:#2c91d0; padding-right:20px; background:url(../images/iCon01.png) no-repeat 90px -154px; text-decoration:underline;}
.memberR li.l1 a{ font-weight:bold; text-decoration:underline;}
.memberR li i{ display:block; float:left; font-weight:bold; width:44px; height:30px; font-size:14px; color:#262626;}
.memberR li span{ display:block; float:left; width:238px; height:28px; border:solid 1px #d8d8d8; font-family:"微软雅黑";}
.memberR li span.s1{ background:url(../images/iCon01.png) no-repeat 10px 4px;}
.memberR li span.s2{ background:url(../images/iCon01.png) no-repeat 10px -17px;}
.memberR li span input{ display:block; width:238px; height:28px; line-height:28px; text-indent:2em; font-family:"微软雅黑";}

.passWord{ padding:50px 46px 40px 46px;}
.passWordCon{ padding:100px 60px 60px 60px;}
.passWordTit h3{ padding-left:30px; font-size:18px; font-weight:bold; color:#666; background:url(../images/iCon02.png) no-repeat 0 0;}
.passWordCon li{ height:40px; line-height:30px; padding-bottom:20px; width:865px;}
.passWordCon li i{ display:block; float:left; width:310px; text-align:right; font-size:14px; color:#333;}
.passWordCon li a{ font-size:14px; color:#262626; margin-left:10px;}
.passWordCon li span{ display:block; float:left; width:372px; height:28px; border:solid 1px #d8d8d8;}
.passWordCon li span input{ width:372px; text-indent:12px; font-family:"微软雅黑";}
.passWordCon li.l1{ padding-left:310px; margin-top:10px;}
.passWordCon li.l1 input{ width:104px; height:44px; background:url(../images/password.jpg) no-repeat 0 0; cursor:pointer;}

.red {
    color:red;
}