@charset "utf-8";
@import url("common.css");
/*------------------------------------------------------------
	内页css
------------------------------------------------------------*/
.On{ color:#00BEFF;}
#location { padding: 20px 0 50px 5px; background: #fff url(../images/location_bg.gif) no-repeat center 50px; }

.pages { padding-bottom: 15px; text-align: right; }
.pages li { margin: 0 5px; display: inline; color: #00beff; }
.pages li a { color: #000; }
.pages li a:hover,.pages li.here a { color: #00beff; text-decoration: none; }

/*------------------------------------------------------------
	sideBar
------------------------------------------------------------*/
#sideBar { width: 203px; float: left;  }
#sideBar h2 { padding-bottom: 40px; font-size: 20px; color: #999; font-weight: normal; }
#sideBar .sideNav li { padding: 12px 0; font-size: 14px;  font-weight:bold; }
#sideBar .sideNav li a { color: #000; }
#sideBar .sideNav li a:hover,#sideBar .sideNav li.here a { color: #00beff; text-decoration: none; }
#sideBar .sideNav li ul { display: none;}
#sideBar .sideNav li li { padding: 4px 0 0 10px; font-size: 12px;}
#sideBar .sideNav li.here li a { color: #000;}
#sideBar .sideNav li li a:hover,#sideBar .sideNav li li.here a { color: #00beff; text-decoration: none; }

/*------------------------------------------------------------
	conts
------------------------------------------------------------*/
#conts { padding-bottom: 20px; margin-right: 30px; width: 670px; float: right; display: inline; overflow: hidden; }
/*solu_list*/
.solu_list dt { font-size: 14px; font-weight: bold; }
.solu_list dt a { text-decoration: underline; }
.solu_list dd { padding: 27px 0 49px; margin-bottom: 50px; background: url(../images/line01.gif) repeat-x left bottom; }
.solu_list dd .pic { padding: 7px 7px 8px; width: 120px; height: 80px; display: block; background: url(../images/img_bg01.gif) no-repeat left top; float: left; }
.solu_list dd .content { padding: 5px 0 0 165px; }
.solu_list dd .content .ackeck { padding-top: 20px; display: block; }
.solu_list dd .content .ackeck a { padding-left: 20px; background: url(../images/next.gif) no-repeat left center; color: #00beff; }

/*contentBox*/
.contentBox {}
.contentBox h2.title {  color: #00beff; font-size: 14px; }
.contentBox h3.time { /*padding-bottom: 20px;*/ font-size: 12px; font-weight: normal; color: #333; }
.contentBox .content { width: 670px; overflow: hidden; }

/*------------------------------------------------------------
	promain
------------------------------------------------------------*/
#promain { margin: 0 auto; width: 1000px; text-align: left; }
#promain #location { padding: 20px 0 0 5px; background: none;}

#prowarp .bannerBox { margin: 0 auto;  height: 478px; position: relative; text-align: left;  }

#slide-index .control{ position:absolute; bottom:10px; width:100%; text-align:center; height:19px; cursor:pointer; z-index:40;margin-left: 420px;}
#slide-index .control a{ width:11px; height:11px; cursor:pointer; display:inline-block;background:#999694; margin-right:6px;overflow:hidden; }
#slide-index .control a:hover, #slide-index .control a.active{ background:#00BEFF; }

 

/*pro_list
.pro_list { padding: 23px 0 0; border-top: 1px solid #d5d5d5; overflow: hidden; zoom: 1;}*/
.pro_list li { margin: 0 50px 0 0; width: 200px; float: left; font-size: 12px; height: 260px;  overflow: hidden; text-align: center; }
.pro_list li .spanpic { width: 200px; height: 137px; text-align: center; display: table-cell; position: relative; vertical-align: middle; overflow: hidden; }
.pro_list li .spanpic a { display: block; position: static; +position: absolute; top: 50%; }
.pro_list li .spanpic img { max-width: 200px; max-height: 137px; position: static; +position: relative; top: -50%; left: -50%;}
.pro_list li .proName { text-align: left; display: block; padding: 5px 0; font-weight: bold; height: 20px; overflow: hidden;}
.pro_list li .scontent {line-height: 20px; font-size: 12px; color: #848586; height: 60px; overflow: hidden; text-align: left; }


.productList .pro_list li { height: 200px;}
.productList .pro_list li .proName a{ color: #848586; font-weight: normal; text-align: center; }
.productList .subCategoryBg {  height: 35px; background: #dedede;}
/*.productList .rightpage { display: block; float: right; border: 1px solid red;}*/
.productList .pages { padding-bottom: 0; margin-top: -25px; +margin-right: 65px; }
.productList  .back { margin-left: 15px; float: right; font-size: 14px; padding-top: 5px; }
.productList .category {  }

/*proSort*/
.proSort { padding: 20px 20px 50px 0; }
.proSort,.proSort a,.proView,.proView a,.proIntroduce,.proIntroduce a {  color: #020202 !important; }
.proSort dl { margin: 0 18px 0 22px; width: 320px; float: left; display: inline; }
.proSort dt { float: left; clear: left; }
.proSort dd { padding: 7px 0 0 99px; line-height: 18px; }
.proSort dd h2,.proSort dd h2 a { font-size: 14px; }
.proSort dd h2 { padding-bottom: 15px; }

.proSort ul { width: 230px; float: right; }
.proSort li { padding-left: 25px; margin-top: 5px; background: url(../images/btn_bg01.gif) no-repeat left top; line-height: 25px; }

/*proView*/
#proTopNav { padding: 10px 0; background: #ccc; }
#proTopNav ul { margin: 0 auto; width:996px;}
#proTopNav li { margin-right: 10px; float: left; font-size: 12px; word-break: keep-all; white-space: nowrap; width: 150px; overflow: hidden; text-align: left; }
#proTopNav li a:hover,#proTopNav li.here a { text-decoration: none;color: #00beff;}
.proViewBack { margin: 10px 60px 0 0; text-align: right; }
.proView { padding-top: 10px; margin: 10px 10px 30px 20px; }
.proView .proBig { width: 500px; float: left; }
.proBig .spanpic { width: 500px; height: 342px; text-align: center; display: table-cell; position: relative; vertical-align: middle; overflow: hidden; }
.proBig .spanpic span { display: block; position: static; +position: absolute; top: 50%; }
.proBig .spanpic img { max-width: 500px; max-height: 342px; position: static; +position: relative; top: -50%; left: -50%;}

.proView .proInfo { width: 340px; float: right; }
.proView .proInfo h3 { padding-bottom: 25px; font-size: 30px; color: #00beff; font-weight: normal; line-height: 35px;  }
.proView .infoContent { padding-bottom: 35px; font-size: 14px; height: 230px; overflow: hidden; }
.proView .thumb li { margin-right: 6px; width: 72px; float: left; }
.proView .thumb li a { display: block;}
.proView .thumb li a img { display: block; width: 70px; height: 70px; border: 1px solid #ccc; }
.proView .thumb li.here a img,.proView .thumb li a:hover img { border: 1px solid #00BEFF;}
.proView .thumb li.next { padding-top: 25px; width: 10px; }
.proView .thumb li.next img { width: auto; height: auto; border: none; }

.blk_29 { position: relative; height: 80px; width: 350px; }
.blk_29 .LeftBotton { position: absolute; left: 0; top: 30px; }
.blk_29 .RightBotton { position: absolute; right: 0; top: 30px;  }
.blk_29 .Cont { margin-left: 22px;}
.blk_29 .box { float: left; width: 72px; text-align: center; margin-right: 6px;}
.blk_29 .box img { width: 70px; height: 70px; display: block; border: 1px solid #ccc;  }
.blk_29 .box a:hover img { border: 1px solid #00BEFF;}

.proView .onlineOrder { padding-top: 15px; clear: both; }
.proView .onlineOrder a { padding-left: 5px; width: 81px; text-align: center; display: inline-block; background: url(../images/btn_bg02.gif) no-repeat left top; line-height: 21px; font-weight: bold; }

/*proIntroduce*/
.proIntroduce { padding-bottom: 10px; margin: 0 auto 30px; width: 1000px; background: url(../images/bt_bg01.gif) no-repeat left bottom; clear: both; }
.proIntroduce .tab { padding: 0 0 5px 15px; background: url(../images/top_bg01.gif) no-repeat left 34px; }
.proIntroduce .tab li { width: 92px; float: left; background: url(../images/tab_bg01.gif) no-repeat left top; line-height: 36px; text-align: center; font-size: 14px; font-weight: bold; }
.proIntroduce .tab li a:hover,.proIntroduce .tab li.here a { color: #00beff !important; text-decoration: none; }

.proIntroduce .introdContent { padding: 50px 25px; background: url(../images/pro_bg01.gif) repeat-y left top; clear: both; display: none; width: 950px; overflow: hidden; }
.proIntroduce #text2 { padding: 50px 20px; width: 984px;}

/*honorTable*/
.honorTable { border-collapse: collapse; }
.honorTable th,.honorTable td { padding: 9px; vertical-align: middle; text-align: center; }
.honorTable th { padding: 2px 9px; background-color: #00beff; color: #fff; font-weight: normal; }
.honorTable td { border: 1px solid #b4b4b4; }

/*news_list*/
.news_list li { padding-right: 10px; background: url(../images/line01.gif) repeat-x left bottom; line-height: 60px; font-size: 12px; }
.news_list li a { padding-left:10px;text-decoration: underline; }
.news_list li em { width: 100px; background: url(../images/next.gif) no-repeat left 26px; display: inline-block; float: right; padding-left:10px;}
.news_list li span { float: right; width: 65px; display: inline-block; text-align: center; }

/*hrTr*/
.hrTr { padding: 0 10px 3px 10px; border-bottom: 1px solid #999; /*font-weight: normal;*/}
.hrTr em {  width: 100px; text-align: left; float: right;}


/*sitemap*/
.h2Title { padding: 10px 10px 40px; color: #00beff; font-size: 36px; font-weight: normal; line-height: 36px; }
.sitemap {  padding: 20px 0 0 5px; background: url(../images/sitemap_bg.gif) no-repeat left top; }
.sitemap li { padding-left: 16px; width: 90px; float: left; background: url(../images/icon03.gif) no-repeat left 8px; font-size: 14px; }
.sitemap li,.sitemap li a { color: #00beff;}
.sitemap li ul { padding-top: 5px; }
.sitemap li li { padding-left: 0; width: 90px; background: none;  font-size: 12px; line-height: 30px; }
.sitemap li li,.sitemap li li a { color: #010101;}

/*contactList*/
.contactList { padding-bottom: 20px; }
.contactList li { margin: 25px 0 0 20px; width: 315px; float: left; display: inline; height: 95px; color: #848586; }
.contactList li em { font-size: 14px; font-weight: bold; display: block; color: #000; }

.contactBox { clear: both; }
.contactBox .submitCont { width: 264px; float: left; height: 115px; background: url(../images/contact_img02.jpg) no-repeat left top; }
.contactBox .submitCont p { padding: 10px 10px 0 128px; line-height: 15px; }
.contactBox .submitCont span { margin: 30px 0 0 5px; display: block; }
.contactBox .submitCont span a { width: 107px; background: url(../images/btn_bg05.gif) no-repeat left top; display: block; text-align: center; line-height: 25px; color: #fff; text-decoration: none !important; }
.contactBox .submitCont span a:hover { color: #00beff;}
.contactBox .emaile { margin-left: 9px; width: 190px; float: left; display: inline; }
.contactBox .emaile h3 { padding-left: 30px; margin-bottom: 3px; background: url(../images/btn_bg04.jpg) no-repeat left top; line-height: 36px; color: #fff; font-size: 14px; font-weight: normal; }
.contactBox .emaile p { padding: 20px 0 0 29px; height: 57px; background-color: #f2f2f2; color: #9c9c9c; }
.contactBox .emaile p a { color: #9c9c9c; }
.contactBox .emaile p a:hover { color: #00beff;}
.contactBox .emaile p img { margin-right: 11px; vertical-align: middle; }

.feedText01 { padding: 20px 10px 15px; font-size: 15px; font-weight: bold; margin-bottom:30px;}
.feedText02 { padding: 0 10px 25px 10px; color: #848586; }
.guestbook_note { padding: 0 0 10px 25px; font-size: 12px; color: #333;}
.guestbook_note em { color: #00beff; }
.guestbook { padding: 0 20px 0 40px; }
.guestbook dt { float: left; clear: left; color: #848586; text-align: right; }
.guestbook dt em { color: #00beff; }
.guestbook dd { padding: 0 0 10px 125px; }
.guestbook dd input,.feedBack dd textarea { background-color: #cfcfcf; border: none;}
.guestbook dd input { width: 432px; height: 21px; line-height: 21px; }
.guestbook dd textarea {width: 432px; height: 118px; overflow-y: hidden; resize:none; }
.guestbook dd.submit { padding-right: 188px; text-align: right; }
.guestbook dd.submit a { width: 108px; background-color: #9c9c9c; display: inline-block; line-height: 36px; text-align: center; color: #fff; font-size: 14px; text-decoration: none; cursor: pointer;  }
.guestbook dd.submit a:hover { color: #00beff;}

.mytable {width:100%}
.mytable td {border: 1px solid #000;text-align:center;}
.mytable td img { vertical-align: middle; +vertical-align: -5px;}
.mytable td a:hover img { filter: none;opacity: 1;}

.link_list {}
.link_list li { float: left;  }
.link_list li { margin-right: 25px; /*width: 89px;*/ height: 32px; text-align: center; }
.link_list li img { vertical-align: middle; border: 1px solid #ccc;}

.download_list { }
.download_list li { margin-bottom: 50px; padding: 0 0 30px 15px; float: left; width: 320px;height: 160px; border-bottom: 1px solid #b5b5b5;}
.download_list li dt { float: left; }
.download_list li dt img { display: block; width: 120px; height: 160px;}
.download_list li dd { margin-left: 133px; }
.download_list li dd .title { color: #00a0e9; font-size: 14px; font-weight: bold;}