﻿/*common start*/
body, div, ul, li, a, img, p, dl, dt, dd, h1, h2, h3, h4, span, strong, input { margin: 0; padding: 0; list-style: none; text-decoration: none; border: 0; list-style: none; }
body { font-size: 12px; font-family: ' '; color: #666; background: #dddddd url(../images/bg.png) repeat-x scroll 0% 0%; }
a { color: #666; }
a:hover { color: #f60; text-decoration: none; }
p { line-height: 1.8em; padding: 5px 0; }
.clear { margin: 0; padding: 0; font-size: 0; clear: both; }
.wapper { width: 1002px; margin: 0 auto; }
.fl { float: left; }
.fr { float: right; }
/*common end*/
.header { height: 233px; position: relative; z-index: 99; }
.logo { margin-top: 27px; }
.ser { width: 443px; height: 41px; line-height: 41px; background: url(../images/searchl.png) 0 0 no-repeat; margin-top: 64px; }
.input { border: 0px; height: 39px; padding: 0px; margin: 0px; background: transparent; color: #505050; width: 310px; font: 16px/39px Verdana, ,Arial; float: left; outline: none; padding-left: 10px; }
.imgbutton { float: left; outline: none; padding: 0px; margin: 0px; background: url(../images/searchr.png) 0 0 no-repeat; height: 41px; width: 101px; }
.logoTxt{color: #fff;font-size: 17px;margin-top: 10px;}
.hLink{    margin-top: 69px;margin-right: 38px;}
.hLink a{display: inline-block; margin:0 10px;}
.hLink a img{width:30px;}
/*menu*/
.menu { height: 64px; line-height: 64px; margin-top: 25px; }
.menu ul li { float: left; position: relative; width: 142px; margin-right: 1px; background: url(../images/menu.png); }
.menu ul li dl { background: #3d6787; width: 100%; position: absolute; left: 0px; top: 64px; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); display: none; }
.menu ul li dl dd { line-height: 32px; }
.menu ul li dl dd a { font-size: 14px; color: #fff; font-weight: normal; display: block; padding: 5px 0; text-align: center; }
.menu ul li dl dd a:hover { color: #f60; background: #1c1c1c; }
.menu a { font-size: 14px; color: #fff; text-decoration: none; font-weight: bold; display: block; text-align: center; }
.menu a:hover { color: #fff; }
a.menu_hover { background: url(../images/menunow.png); color: #fff; }
.menu_down span { display: block; }

#myFocus { width: 1002px; height: 330px; margin: 0 auto; position: relative; }

.content { background: #eaeaea; padding: 25px 0px; }
.content .left { width: 435px; padding-left: 10px; }
.content .left p {/* text-indent: 2em;*/ }
.content .right { width: 540px; padding-top: 10px; }
.scroll_03 { overflow: hidden; position: relative; width: 540px; }
.scroll_03 .hd .next { display: block; width: 11px; height: 70px; overflow: hidden; cursor: pointer; background: url(../images/arrow.png) no-repeat -11px 0px; position: absolute; left: 0px; bottom: 35%; }
.scroll_03 .hd .prev { display: block; width: 11px; height: 70px; overflow: hidden; cursor: pointer; background: url(../images/arrow.png) no-repeat 0px 0px; position: absolute; right: 0px; bottom: 35%; }
.scroll_03 .bd { width: 500px; margin: 0 auto; overflow: hidden; }
.scroll_03 .bd li { float: left; width: 155px; overflow: hidden; margin: 0 5px; }
.scroll_03 .bd li .img { height: 154px; border: #ccc solid 1px; padding: 2px; }
.scroll_03 .bd li span { height: 40px; line-height: 40px; text-align: center; display: block; color: #333; }
.scroll_03 .bd li .img table tr td { height: 154px; text-align: center; vertical-align: middle; }
.scroll_03 .bd li .img table tr td img { max-width: 154px; max-height: 154px; }

.footer { text-align: center; background: url(../images/bbg.png); height: 152px; }
.footer ul { padding-top: 20px; }
.footer ul li { line-height: 24px; color: #fff; }
.footer ul li a { color: #fff; display: inline-block; padding: 0 10px; }

/*Add------------------------------------------------------------------------------*/
.inside { min-height: 430px; }
.inside .left { width: 250px; background: #4c7291; min-height: 430px; }
.inside .left .title { height: 41px; border: 0px; padding: 0; margin: 0; background: url(../images/title1.png) repeat-x; padding-left: 0; }
.inside .left .title span { font: 14px/41px Verdana, ,Arial; padding-left: 20px; color: #fff; }
.inside .left ul { padding: 10px 18px; }
.inside .left ul li { text-decoration: none; font: 12px/28px Verdana, ,Arial, Helvetica, sans-serif; height: 30px; text-align: left; background: url(../images/class.png) 0px 0px no-repeat; padding-left: 18px; margin: 0px; color: #ffffff; }
.inside .left ul li:hover { background: url(../images/classnow.png); }
.inside .left ul li a { color: #fff; }
.inside .right { width: 752px; }


.inside .right .title { height: 41px; width: 100%; border: 0px; padding: 0; margin: 0; background: url(../images/title.png) repeat-x; }
.inside .right .title span { padding-left: 20px; display: block; font: 14px/41px Verdana, ,Arial; padding-left: 20px; color: #fff; }
.inside .right .title span a { color: #fff; }
.nr { padding: 10px; }
/*contact*/
.contact h2 { height: 36px; line-height: 36px; padding-left: 20px; color: #fff; background: #999; }
.contact { margin-top: 15px; }
.contact ul { padding: 10px 10px; border: #e4e4e4 solid 1px; }
.contact ul li { line-height: 20px; padding: 3px 0; }

/*proShow*/
.product_show ul li { width: 130px; line-height: 20px; }
.product_show ul li { float: left; margin: 15px 20px 0; border: #e4e4e4 solid 1px; display: inline; }
.pro img { max-width: 120px; max-height: 90px; width: expression(this.width >120 && this.height < this.width ? 120: true); height: expression(this.height > 90 ? 90: true); }
.hover2 { background: #f4f4f4; }

/*product_list*/
.side_product { margin-top: 15px; }
.side_product h2 { height: 36px; line-height: 36px; padding-left: 20px; color: #fff; background: #999; }
.side_product ul { padding: 10px 10px; border: #e4e4e4 solid 1px; }
.side_product ul li { line-height: 24px; }
.side_product ul li a { padding-left: 30px; display: block; border-bottom: #e4e4e4 dashed 1px; background: url(../images/side_menu_bg.gif) 10px 8px no-repeat; }
.side_product ul li dl dd a { display: inline; border: none; background: none; }


