BODY { FONT-SIZE: 12px; background:#fff; MARGIN: 0px auto; COLOR: #4b4b4b; FONT-FAMILY: "微软雅黑";} DIV { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px } FORM { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px } UL { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px } OL { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px } LI { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px } SPAN { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px } P { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px } IMG { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none } A IMG { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none } UL { LIST-STYLE-TYPE: none } OL { LIST-STYLE-TYPE: none } LI { LIST-STYLE-TYPE: none } TABLE { FONT-SIZE: 12px } TD { FONT-SIZE: 12px } INPUT { FONT-SIZE: 12px } H1 { MARGIN: 0px auto } H2 { MARGIN: 0px auto } H3 { MARGIN: 0px auto } H4 { MARGIN: 0px auto } H5 { MARGIN: 0px auto } H6 { MARGIN: 0px auto } H1 { FONT-SIZE: 28px } H2 { FONT-SIZE: 22px } H3 { FONT-SIZE: 16px } H4 { FONT-SIZE: 14px } H5 { FONT-SIZE: 14px } H6 { FONT-SIZE: 14px } .clear { CLEAR: both; MARGIN-TOP: -1px; FONT-SIZE: 1px; VISIBILITY: hidden; WIDTH: 1px; LINE-HEIGHT: 0; HEIGHT: 0px } A:link { COLOR: #353535; TEXT-DECORATION: none; outline-style: none } A:visited { COLOR: #353535; TEXT-DECORATION: none; outline-style: none } A:hover { COLOR: #0b3779; TEXT-DECORATION: underline } .parts table,.pro_pic1 .soft_33 table{border-collapse: collapse; border:0; width:100%} .parts table td{line-height;24px;} .pro_pic1 .soft_33 table td{line-height;24px; border-bottom:1px dotted #666666} /*header*/ .topss { width:100%; height:214px; margin:0 auto; clear:both; background:url(../images/top.jpg) no-repeat center;} .top_header { width:100%; height:144px; line-height:35px; text-align:right; color:#9a9a9a; margin:0 auto; clear:both; background:url(../images/logo.jpg) no-repeat center;} .logo { width:1003px; height:144px; line-height:35px; text-align:right; color:#9a9a9a; margin:0 auto; clear:both; } .minfun{ height:35px; line-height:35px; width:1003px; margin:0px auto; padding-top:30px; color:#919191; font-size:14px; font-family:"微软雅黑"; } .minfun a {TEXT-DECORATION: none; color:#919191;} .minfun a:link {color:#919191;} .minfun a:visited { text-decoration: none; color:#919191;} .minfun a:hover { TEXT-DECORATION: none; color:#919191;} .search{ width:201px; height:26px; margin:37px 0px 0px 0px; padding:0px; float:right; display:inline; background:url(../images/inputbg.jpg) no-repeat;} .input_bg{ width:156px; height:26px; line-height:26px; text-indent:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999; padding:0px; float:left; border:0px; background:transparent;} .navigation { WIDTH:1003px; HEIGHT:60px; OVERFLOW: visible; margin:0px auto 10px auto; padding:0px; background:url(../images/menu.jpg) no-repeat center;} .menu {WIDTH:1003px; Z-INDEX: 300; POSITION: relative; HEIGHT: 60px; line-height:60px; margin:0px 0px; padding:0px;LIST-STYLE-TYPE: none; color:#232323;} .menu LI { MARGIN: 0px 0px 0px 0px; FLOAT: left; color:#232323; } .menu UL { Z-INDEX: 300; POSITION: relative;} .menu LI { POSITION: relative} .menu LI UL {PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 0px; LEFT: 0px; LEFT: 0px\9; PADDING-BOTTOM: 0px; WIDTH: 142px; PADDING-TOP: 0px; POSITION: absolute; TOP:60px; font-size:12px; font-weight:normal;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8 ;LIST-STYLE-TYPE: none; color:#fff;} .menu LI UL LI {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 142px; font-weight:normal; PADDING-TOP: 0px; BORDER-BOTTOM: #fff 1px solid;background:#184d8f; color:#184d8f} .menu LI UL LI A { BORDER-BOTTOM: #fff 1px solid; height:30px; line-height:30px; WIDTH: 142px; color:#fff;} .menu LI UL LI A:hover {COLOR: #184d8f; BORDER-BOTTOM: #908e8c 1px solid; background:#fff; height:30px; line-height:30px; WIDTH: 142px;} .menu-item{ width:142px; height:60px; line-height:60px; text-align:center; FONT-SIZE: 16px; font-weight:bold; color:#232323;} .menu-item a{ COLOR: #232323;width:142px; height:60px; line-height:60px; text-align:center; FONT-SIZE: 16px; display:block;} .menu-item A:hover {COLOR: #fff; font-weight:bold; height:60px; line-height:60px; width:142px; TEXT-DECORATION: none; background:url(../images/menu-hover.jpg) no-repeat center;} .menu-items a {TEXT-DECORATION: none; width:142px; font-weight:bold; DISPLAY: block; height:30px;LINE-HEIGHT: 30px; font-size:16px; text-align:center; color:ffffff; } .menu-items a:link {color:#232323; } .menu-items a:visited { text-decoration: none; color:#184d8f; } .menu-items a:hover { TEXT-DECORATION: none; color:#184d8f; height:30px;LINE-HEIGHT:30px; font-weight:bold;} .menu-item1{ width:142px; height:30px; line-height:30px;text-align:center;font-size:12px; color:#ffffff; font-weight:normal; background:#006496;} .menu-item1 A:hover {COLOR: #ffffff; TEXT-DECORATION: none; background-color:#fff; width:142px; height:30px; display:block;} .menu-item A:hover {COLOR: #fff; TEXT-DECORATION: none; width:142px; height:60px; _height:60px; display:block;font-weight:bold;} @media screen and (-webkit-min-device-pixel-ratio:0){ .menu-item a {TEXT-DECORATION: none; width:142px;DISPLAY: block; height:60px;LINE-HEIGHT:60px; font-weight:bold; font-size:16px; text-align:center; } .menu-item a:link {color:#232323; } .menu-item a:visited { text-decoration: none; color:#232323; } .menu-item a:hover { TEXT-DECORATION: none; color:#fff; height:60px;LINE-HEIGHT:60px; font-weight:bold;} } /*chrome and safari*/ @media screen and (-webkit-min-device-pixel-ratio:0){ .menu-item1 a {TEXT-DECORATION: none; width:142px;DISPLAY: block; height:30px;LINE-HEIGHT:30px; font-size:12px; text-align:center; background:#184d8f;} .menu-item1 a:link {color:#fff; } .menu-item1 a:visited { text-decoration: none; color:#fff; } .menu-item1 a:hover { TEXT-DECORATION: none; color:#184d8f; background:#fff;height:30px;LINE-HEIGHT: 30px;BORDER-BOTTOM: #908e8c 1px solid; font-weight:bold;} } /*chrome and safari*/ .line{ float:left; width:1px; height:60px; background:url(../images/line.jpg) no-repeat center;} .wrapper{ width:100%;/* height:801px;*/ margin:0px; padding:0px; position:relative; overflow:hidden;} .bannerss{ width:100%; margin:0px auto 0px auto; height:410px; padding:0px; background:url(../images/banner.jpg) no-repeat center;} .flash{ width:1003px; margin:0px auto 0px auto; height:410px; padding:0px; position:relative;overflow:hidden;} .flash .pic{z-index:0; list-style:none; padding:0px; margin:0px;} .flash .pic li{position:relative;z-index:0;margin:0;padding:0;width:100%;list-style:none;text-align:center} .flash .hd{position:absolute;bottom:15px;z-index:1;width:100%;text-align:center;font-size:0} .flash .hd li{display:inline-block;overflow:hidden;margin:0 5px;width:20px;height:20px;background:url(../image/icons.png) -19px -4pc no-repeat;opacity:.8;cursor:pointer;zoom:1;filter:alpha(opacity=60)} .flash .hd .on{background-position:1px -4pc} .flash .next,.flash .prev{position:absolute;top:49%;z-index:10;display:none;margin:0;width:30px;height:50px;background:url(../image/icons.png) 0 0 no-repeat;text-indent:-9999px;opacity:.6;opacity:1;cursor:pointer;filter:alpha(opacity=100);filter:alpha(opacity=100)} .flash .prev{left:20px} .flash .next{right:20px;background-position:-40px 0} .flash .next:hover,.flash .prev:hover{opacity:1!important;filter:alpha(opacity=100)!important} .nbanner{ width:1003px; height:250px; margin:0px auto 0px auto;padding-top:0px; background:url(../images/nbanner.jpg) no-repeat center; z-index:0} .index1_search{ width:1003px; height:55px; margin:0px auto 0px auto;padding-top:0px; background:#d33f12; z-index:0} .location { width:728px; height:50px; line-height:50px; margin:0px auto; padding:0px; color:#edf196; text-indent:10px; float:left;} .location span{ color:#edf196;} .mail{ width:227px; height:55px; margin:0px; padding:0px 0px 0px 0px; float:right;} IMG { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none } A IMG { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none } .morecp{ width:1003px; margin:6px auto 0px auto; height:82px; padding:0px; overflow:hidden; background: url(../images/cpzs.jpg) no-repeat center; text-align:center; } .more{ width:1003px; margin:0px auto 0px auto ; height:52px; line-height:48px; padding:0px; overflow:hidden; background:url(../images/mores.jpg) center; text-align:center;} .lujing{ width:1003px; height:37px; line-height:37px; margin:0px auto; padding:0px; font-size:12px; color:#545454; background:url(../images/lujing.jpg) no-repeat left; text-indent:18px; } .lujing span{ color:#545454;} .lujing span a{ color:#545454;}l .lujing span a:link{ color:#545454;} .lujing span a:visited{ color:#545454;} .lujing span a:hover{ color:#ff9900; text-decoration:none;} .lujing a{ color:#545454; } .lujing a:link{ color:#545454; } .lujing a:visited{ color:#545454; } .lujing a:hover{ color:#ff9900; text-decoration:none; } /********************首页第一部分****************************/ .first_index { width:100%; height:auto!important; height:348px; min-height:348px; margin:0px auto 0px auto; padding:0px 0px 0px 0px; background:url(../images/t1.jpg) no-repeat center;} .first_indexs { width:1003px; height:auto!important; height:348px; min-height:348px; margin:0px auto 0px auto; padding:0px 0px 0px 0px;} .first_index_content { width:604px; height:auto!important; height:348px; line-height:26px; margin:0px auto 0px auto; padding:45px 0px 0px 364px; font-size:14px;} .first_index_content span{ color:#008223; font-weight: bold;} /********************首页第二部分****************************/ .first2_index { width:100%; height:auto!important; height:260px; min-height:260px; margin:0px auto 0px auto; padding:0px 0px 0px 0px; background:url(../images/t2.jpg) no-repeat center;} .first2_indexs { width:1003px; height:auto!important; height:260px; min-height:260px; margin:0px auto 0px auto; padding:0px 0px 0px 0px;} .index_pro_L{ width:96px; height:260px; margin:0px auto; padding:0px; float:left; } .index_pro_L_pic{ width:80px; height: auto; margin:108px auto; padding:108px 0px 0px 0px; float:left;} .index_pro_R{ width:905px; height:260px; margin:0px auto; padding:0px; float: left;} .pro_pic{ width:905px; height:260px;} .pro_pic UL {list-style-type:none; margin:0px 0PX 0PX 0PX;} .pro_pic UL LI {width:430px; height:110px; margin:5px 0px 20px 18px; padding:0px 0px 0px 0px; float:left;} .soft_1{ width:135px; height:110px; border:1px solid #eaeaea; float:left; padding:0px 0px 0px 0px; margin:0px auto;} .soft_2{ width:280px; height:28px; line-height:28px; float: left;color:#008223;font-weight:bold;margin-left: 10px; border-bottom:1px dotted #c6c4c4;} .soft_2 a{ color:#008223;} .soft_2 a:link{ color:#008223;} .soft_2 a:hover{ color:#008223; text-decoration:underline;} .soft_2 a:visited{ color:#008223;} .soft_3{ width:280px; height:28px; line-height:28px; float: left; margin-left: 10px; border-bottom:1px dotted #c6c4c4;} .soft_3 a{ color:#4d4a3e;} .soft_3 a:link{ color:#4d4a3e;} .soft_3 a:hover{ color:#4d4a3e; text-decoration: none;} .soft_3 a:visited{ color:#4d4a3e; text-decoration: none;} .soft_4{ width:280px; height:28px; line-height:28px; float: left;margin-left: 10px; border-bottom:1px dotted #c6c4c4;} .soft_4 a{ color:#4d4a3e;} .soft_3 a:link{ color:#4d4a3e;} .soft_3 a:hover{ color:#4d4a3e; text-decoration: none;} .soft_3 a:visited{ color:#4d4a3e; text-decoration: none;} /********************首页第三部分****************************/ .incp{ width:100%; height:207px; margin:0px auto; padding:0px; background:url(../images/t3.jpg) no-repeat center;} .car{ width:1003px; height:230px; margin:0px auto 30px auto; padding:0px;} .car_content{ width:1003px; height:245px; margin:28px 0px 0px 0px; padding:0px 0px 0px 0px;} .tj_bg{ width:235px; height:245px; margin:0px 3px; /*padding:1px 1px 0px 1px; border:1px solid #e1e2e4;*/} .tj_bg_pic{ width:235px; height:200px; margin:0px auto; padding:0px;} .tj_bg_title{ width:235px; height:40px; line-height:40px; margin:0px; padding:0px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align: center; color:#008223; font-size:14px; font-weight:bold; } .tj_bg_title a{ color:#008223;font-weight:bold;text-decoration:none;} .tj_bg_title a:link{ color:#008223;font-weight:bold;text-decoration:none;} .tj_bg_title a:visited{ color:#008223;font-weight:bold;text-decoration:none;} .tj_bg_title a:hover{ color:#008223; font-weight:bold;text-decoration:none;} .cpmore{ width:1003px; height:85px; margin:10px auto; padding:0px; text-align:center;} /***************底部信息***********/ .foot_bg{ width:100%; margin:0px auto; padding:0px 0px 0px 0px; clear:both; background:url(../images/foota.jpg) no-repeat center top #2b292a;} .foot_top{ width:1003px; height:525px; margin:0px auto 0px auto; padding:0px 0px 14px 0px; clear:both;} .foot_first{ width:120px; height:415px; margin:0px auto; padding:110px 0px 0px 17px; float:left; display:inline; color:#5d5d5d; line-height:25px;} .foot_first span{ font-size:14px; font-weight:bold; color:#5d5d5d; line-height:20px;} .foot_first a{ color:#5d5d5d;} .foot_first a:link{ color:#5d5d5d;} .foot_first a:visited{ color:#5d5d5d;} .foot_first a:hover{ color:#5d5d5d; text-decoration:none} .foot_firstc{ height:415px; width:260px; margin:0px auto; padding:110px 0px 0px 10px; float:RIGHT; display:inline; color:#5d5d5d; line-height:25px;} .foot_firstc span{ font-size:14px; font-weight:bold; color:#5d5d5d; line-height:20px;} .foot_firstc a{ color:#5d5d5d;} .foot_firstc a:link{ color:#5d5d5d;} .foot_firstc a:visited{ color:#5d5d5d;} .foot_firstc a:hover{ color:#5d5d5d; text-decoration:none} .foot{ width:1003px; height:71px; line-height:71px; margin:0px auto; padding:50px 0px 0px 0px; line-height:15px; color:#787879; text-align:center;} .foot a{ color:#787879;} .foot a:link{ color:#787879;} .foot a:visited{ color:#787879;} .foot a:hover{ color:#787879; text-decoration:none;} .breadcrumb{ width:1003px;margin:0px auto; margin:0px auto; padding:0px; clear:both; height:40px; line-height:40px;color:#6e6e6e ; font-size:14px; border-bottom:1px dashed #d8d8d8;} .breadcrumb a{ color:#6e6e6e;font-weight:normal;font-size:14px; text-decoration:none;} .breadcrumb a:link{ color:#6e6e6e;font-weight:normal;font-size:14px;text-decoration:none;} .breadcrumb a:visited{ color:#6e6e6e;font-weight:normal;font-size:14px;text-decoration:none;} .breadcrumb a:hover{ color:#de262e; font-weight:normal;font-size:14px;text-decoration:none;} #con{ width:1003px; margin:0px auto; padding:0px; clear:both; height:auto; overflow:auto; } #left{ width:230px; float:left; display:inline; margin:25px auto; padding: 0px 0px 0px 0px;} .left_title{width:230px; height:60px; line-height:60px; margin:0px auto; padding:0px 0px 0px 0px; background:url(../images/l_title.jpg) no-repeat left; font-size:24px; font-weight:bold; color:#d33f12; font-family: Arial, Helvetica, sans-serif;text-indent:10px; } .left_list{ width:230px; height:auto !important; margin:0px auto 0px auto; padding:0px 0px 0px 0px; clear:both; background:#f6f6f6; } .left_list ul{list-style:none; margin:0px; padding:0px;} .left_list ul li { width:230px; padding:0px; margin:0px 0px 0px 0px; color:#474747; float:left; text-indent:30px; font-size:14px; background:url(../images/listlink.jpg) no-repeat; } .left_menu a {TEXT-DECORATION: none; width:230px;DISPLAY: block; height:45px; line-height:45px; margin:0px;background:url(../images/listlink.jpg) no-repeat; } .left_menu a:link {color:#474747; } .left_menu a:visited { text-decoration: none; color:#474747; } .left_menu a:hover { TEXT-DECORATION: none; color:#d33f12; font-weight:bold; background:url(../images/listlink1.jpg) left no-repeat ;} .left_menus a {TEXT-DECORATION: none; width:230px; DISPLAY: block; height:45px; font-size:14px; font-weight:normal; line-height:45px;background:url(../images/listlink.jpg) no-repeat; } .left_menus a:link {color:#474747;} .left_menus a:visited { text-decoration: none; color:#474747;} .left_menus a:hover { TEXT-DECORATION: none; color:#d33f12; font-weight:bold; background:url(../images/listlink1.jpg) no-repeat;} .left_menua a {TEXT-DECORATION: none; width:230px;DISPLAY: block; height:45px; line-height:45px; text-indent:35px; margin:0px;background:url(../images/listlinkss.jpg) no-repeat; } .left_menua a:link {color:#fff; } .left_menua a:visited { text-decoration: none; color:#fff; } .left_menua a:hover { TEXT-DECORATION: none; color:#fff;} .left_menuas a {TEXT-DECORATION: none; width:230px; DISPLAY: block; height:45px; font-size:14px; font-weight:normal; line-height:45px; text-indent:35px; background:url(../images/listlinkss.jpg) no-repeat; } .left_menuas a:link {color:#fff;} .left_menuas a:visited { text-decoration: none; color:#fff; } .left_menuas a:hover { TEXT-DECORATION: none; color:#fff;} .left_menub a {TEXT-DECORATION: none; width:230px;DISPLAY: block; height:45px; line-height:45px; text-indent:35px; margin:0px;background:url(../images/listlinkss1.jpg) no-repeat; } .left_menub a:link {color:#fff; } .left_menub a:visited { text-decoration: none; color:#fff; } .left_menub a:hover { TEXT-DECORATION: none; color:#fff;} .left_menuab a {TEXT-DECORATION: none; width:230px; DISPLAY: block; height:45px; font-size:14px; font-weight:normal; line-height:45px; text-indent:36px; background:url(../images/listlinkss1.jpg) no-repeat; } .left_menuab a:link {color:#fff;} .left_menuab a:visited { text-decoration: none; color:#fff; } .left_menuab a:hover { TEXT-DECORATION: none; color:#fff;} .left_menuabs a {TEXT-DECORATION: none; width:230px; DISPLAY: block; height:45px; font-size:14px; font-weight:normal; line-height:45px; text-indent:60px; background:url(../images/listlinkss1.jpg) no-repeat; } .left_menuabs a:link {color:#fff;} .left_menuabs a:visited { text-decoration: none; color:#fff; } .left_menuabs a:hover { TEXT-DECORATION: none; color:#fff;} .bot{width:230px; height:33px; line-height:33px; margin:0px auto; padding:0px 0px 0px 0px; background:url(../images/bot.jpg) no-repeat left;} .pro_title{width:230px; height:61px; margin:25px 0px 0px 0px; padding:0px; background:url(../images/l_title.jpg) no-repeat; line-height:61px; color:#fff; font-size:24px; font-weight:bold; color:#ffffff; font-family: Arial, Helvetica, sans-serif; text-indent:20px; } .pro_centent{width:189px; height:70px; margin:20px 0px 15px 0px; padding:0px 0px 0px 0px;} .lx_title{width:230px; height:61px; margin:25px 0px 0px 0px; padding:0px; background:url(../images/l_title.jpg) no-repeat; line-height:61px; color:#fff; font-size:24px; font-weight:bold; color:#ffffff; font-family: Arial, Helvetica, sans-serif; text-indent:20px; } .lx_centent{width:230px; height: auto; margin:0px auto; padding:0px 0px 0px 0px;line-height:24px; font-size:12px; color:#4f4f4f; } .lx_centent span{color:#3d66a8; font-weight:bold; font-size:16px;} .lx_feedback{width:189px; height:119px; margin:20px 0px 40px 0px; padding:0px 0px 0px 0px;} /*.pic{ width:495px; height:257px; margin:20px auto 0px auto; padding:0px; clear:both;}*/ #right{ width:753px; float:right; display:inline; margin:25px auto; padding:0px; } .right_title{ width:753px; height:60px; line-height:60px; background: url(../images/rigth_title.jpg) no-repeat; float: right; font-family: Arial, Helvetica, sans-serif; font-size:24px; color:#d33f12; text-indent:10px;} .right_title span{ float: right; font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#474747;} /*.right_fot{ width:763px; height:23px; background: url(../images/right_fot.jpg) no-repeat; float: left; }*/ .content{ width:753px; min-height:450px; height:auto !important; margin:0px auto; padding:0px 0px 0px 0px; clear:both;/* background:url(../images/right-bg.jpg) repeat-y;*/} .content_contenta{ width:753px; min-height:450px; height:auto !important; margin:0px auto; padding:0px 0px 20px 0px; line-height:30px; color:#333333; font-size:14px; clear:both;} .content_contenta span{ font-size:14px; font-weight:bold; color:#ff6600;} .content_contenta a{color:#333333; text-decoration:none;} .content_contenta a:hover{color:#333333; text-decoration:none;} .content_contentap{ width:753px; height: auto; min-height:450px; height:auto !important; margin:0px auto; padding:20px 0px 20px 0px; line-height:30px; color:#333333; font-size:14px; clear:both;} .comapny_content{ width:723px; margin:10px auto; padding:0px;} .product_mqueen_pic{ width:200px; height:285px; border:1px solid #e7e7e7; padding:1px; margin:0px 5px 0px 5px;} .botss{width:753px; height:16px; line-height:16px; margin:0px auto; padding:0px 0px 80px 0px; background:url(../images/right_fot.jpg) no-repeat;} .clear{ clear:both; height:0px; overflow:hidden;} .page_nav{ width:700px;height:50px; line-height:40px; font-size:12px;} .page_nav a { border-right: #dedede 1px solid; padding-right: 2px; border-top: #dedede 1px solid; padding-left: 5px; padding-bottom: 3px; margin: 2px; border-left: #dedede 1px solid; color: #5b5b5b; padding-top:2px; border-bottom: #dedede 1px solid; text-decoration: none;font-size:12px; } .page_nav a:hover { border-right: #dedede 1px solid; border-top: #dedede 1px solid; border-left: #dedede 1px solid; color: #5b5b5b; border-bottom: #dedede 1px solid;font-size:12px; } .page_nav a:active { border-right: #dedede 1px solid; border-top: #dedede 1px solid; border-left: #dedede 1px solid; color: #5b5b5b; border-bottom: #dedede 1px solid;font-size:12px; } .page_nav span.current { border-right: #dedede 1px solid; padding-right: 2px; border-top: #dedede 1px solid; padding-left: 2px; font-weight: bold; padding-bottom: 2px; margin: 2px; border-left: #dedede 1px solid; color: #5b5b5b; padding-top: 2px; border-bottom: #dedede 1px solid; font-size:12px; } .page_nav span.nolink { border-right: #dedede 1px solid; padding-right: 2px; border-top: #dedede 1px solid; padding-left: 2px; padding-bottom: 2px; margin: 2px; border-left: #dedede 1px solid; color: #5b5b5b; padding-top: 2px; border-bottom: #dedede 1px solid; margin-left:5px;font-size:12px; } .page_nav span.nolinks{ border-right: #dedede 1px solid; padding-right: 2px; border-top: #dedede 1px solid; padding-left: 2px; padding-bottom: 2px; margin: 2px; border-left: #dedede 1px solid; color: #5b5b5b; padding-top:2px; border-bottom: #dedede 1px solid; text-decoration: none;font-size:12px;} .pageNavi { PADDING-RIGHT: 0px; BORDER-TOP: #dedede 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 25px; MARGIN: 10px auto 0px; WIDTH: 98%; PADDING-TOP: 10px; TEXT-ALIGN: center } .pageNavi a{ color:#545454;} .pageNavi a:link{ color:#545454;} .pageNavi a:hover{ color:#545454; text-decoration:underline;} .pageNavi a:visited{ color:#545454;} .pageleft { OVERFLOW: hidden; WIDTH: 300px; LINE-HEIGHT: 24px; HEIGHT: 24px } .pageright { OVERFLOW: hidden; WIDTH: 300px; LINE-HEIGHT: 24px; HEIGHT: 24px } .pageleft { PADDING-LEFT: 10px; FLOAT: left; TEXT-ALIGN: left } .pageright { PADDING-RIGHT: 10px; FLOAT: right; TEXT-ALIGN: right } .content_heigh{ height:auto!important; height: auto; min-height:300px; width:730px; margin:0px auto;} .content_heighs{ height:auto!important; height: auto; min-height:300px; width:730px; margin:0px auto;} .posts { PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 680px; LINE-HEIGHT: 22px; PADDING-TOP: 0px; margin:0px auto; } .posts P { MARGIN-BOTTOM: 10px } .single { PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 0px; WIDTH: 680px; PADDING-TOP: 0px } .single H2 { FONT-SIZE: 18px; PADDING-BOTTOM: 10px; MARGIN: 20px 0px; COLOR: #FE9901; BORDER-BOTTOM: #dedede 1px solid; TEXT-ALIGN: center } .ep_pics{ width:730px; height:400px; min-height:400px; height:auto !important; margin:0px 0PX 0PX 0PX;} .ep_pics UL {list-style-type:none; margin:0px 0PX 0PX 0PX; } .ep_pics UL LI {width:175px; height:155px; margin:0px 5px 15px 5px; padding:1px; _margin:0px 0px 20px 5px; border: 1px solid #DEDEDE; float:left;} .ep_pic{ width:175px; height:125px; margin:0px auto; padding:0px;} .ep_title{ width:175px; height:30px; line-height:30px; text-align:center; background-color:#DEDEDE; float:left; font-size:12px;} .ep_pro{ width:730px; min-height:300px; height:auto !important; margin-left:-20px; border-bottom:1px solid #bdbbbb; } .ep_pro dl { list-style-type:none; width:240px; margin-left:20px; _display:inline; float:left; } .ep_pro dl dt{ width:240px; height:30px; line-height:30px; text-align: left;font-size:16px; color:#003c61; font-weight:bold; BORDER-BOTTOM: #dedede 1px solid; } .ep_pro dl dt a{ color:#003c61;font-weight:bold;} .ep_pro dl dt a:link{ color:#003c61;font-weight:bold;} .ep_pro dl dt a:hover{ color:#003c61; text-decoration:underline;font-weight:bold;} .ep_pro dl dt a:visited{ color:#003c61;font-weight:bold;} .ep_pro dl dd{ width:240px; height:30px; line-height:30px; text-align: left; font-size:12px; margin-left:5px; color:#003c61;} .ep_pro dl dd a{ color:#003c61;} .ep_pro dl dd a:link{ color:#003c61;} .ep_pro dl dd a:hover{ color:#003c61; text-decoration:underline;} .ep_pro dl dd a:visited{ color:#003c61;} .ep_picsss{ width:730px; height:500px; min-height:500px; height:auto !important; margin:0px 0PX 0PX -5PX;} .ep_picsss UL {list-style-type:none; margin:0px 0PX 10PX 0PX; } .ep_picsss UL LI {width:220px; height:195px; margin:10px 10px 20px 7px; padding:1px; _margin:0px 0px 20px 5px; border: 1px solid #DEDEDE; float:left;} .ep_picss{ width:220px; height:165px; margin:0px auto; padding:0px;} .ep_titless{ width:220px; height:30px; line-height:30px; text-align: center; background-color:#DEDEDE; float:left; font-size:10px;} .honorlist{ width:730px; height:500px; min-height:500px; height:auto !important; margin:0px 0PX 0PX -5PX;} .honorlist UL {list-style-type:none; margin:0px 0PX 10PX 0PX; } .honorlist UL LI {width:200px; height:175px; margin:10px 10px 20px 10px; padding:1px; _margin:0px 0px 20px 5px; border: 1px solid #DEDEDE; float:left;} .honorlistss{ width:200px; height:145px; margin:0px auto; padding:0px;} .honorlist_titless{ width:200px; height:30px; line-height:30px; text-align: center; background-color:#DEDEDE; float:left; font-size:10px;} /************产品列表**********************/ /*.pro_pic{ width:730px; height:auto;} .pro_pic UL {list-style-type:none; margin:0px 0PX 0PX 0PX; } .pro_pic UL LI {width:755px; height: auto; margin:0px; padding:20px 0px 20px 0px;border-bottom:1px dashed #C7C7C7;} .soft_1{ width:135px; height:216px; border:1px solid #eaeaea; float:left; padding:0px;} .soft_2{ width:580px; height:30px; float:right;color:#092666;font-weight:bold; padding-left:10px;} .soft_2 a{ color:#092666;} .soft_2 a:link{ color:#092666;} .soft_2 a:hover{ color:#092666; text-decoration:underline;} .soft_2 a:visited{ color:#092666;} .soft_3{ width:580px; height: auto; float:right;padding-left:10px;} .soft_3 span{ color:#092666; cursor:pointer; float:right;}*/ /************产品内页图**********************/ .pro_pic1{ width:730px; height:auto; min-height:500px;} .pro_pic1 UL {list-style-type:none; margin:0px 0PX 0PX 0PX; } .pro_pic1 UL LI {width:755px; height: auto; margin:0px; padding:20px 0px 20px 0px;} .soft_11{ width:400px; height:345px; border:1px solid #eaeaea; float:left; padding:0px;} .soft_22{ width:340px; height:30px; float:right; color:#092666;font-weight:bold; padding-left:10px; border-bottom:1px solid #999999;} .soft_22 a{ color:#092666;} .soft_22 a:link{ color:#092666;} .soft_22 a:hover{ color:#092666; text-decoration:underline;} .soft_22 a:visited{ color:#092666;} .soft_33{ width:340px; height: auto; float:right;padding-left:10px; line-height:24px; font-size:14px;} .soft_33 p{ width:340px; height: auto; float:right;padding-left:10px; border-bottom:1px dotted #999999;} .soft_33 span{ color:#092666; cursor:pointer; float:right;} /************合作伙伴**********************/ .pro_picpa{ width:730px; height:auto; min-height:500px;} .pro_picpa UL {list-style-type:none; margin:0px 0PX 0PX 0PX; } .pro_picpa UL LI {width:715px; height: auto; margin:0px; padding:20px 0px 20px 0px;border-bottom:1px dotted #999999;} .soft_11pa{ width:175px; height:125px; border:1px solid #eaeaea; float:left; padding:0px;} .soft_22pa{ width:560px; height:30px; float:right; color:#092666;font-weight:bold; padding-left:10px; /* border-bottom:1px solid #999999;*/} .soft_22pa a{ color:#092666;} .soft_22pa a:link{ color:#092666;} .soft_22pa a:hover{ color:#092666; text-decoration:underline;} .soft_22pa a:visited{ color:#092666;} .soft_33pa{ width:560px; height: auto; float:right;padding-left:10px; line-height:24px; font-size:14px;} .soft_33pa p{ width:560px; height: auto; float:right;padding-left:10px; /*border-bottom:1px dotted #999999;*/} .soft_33pa span{ color:#092666; cursor:pointer; float:right;} .ep_cob{ width:753px;/*min-height:500px;*/ height:auto !important; margin:0px 0PX 0PX -5PX;} .ep_cob UL {list-style-type:none; margin:0px 0PX 0PX 0PX; } .ep_cob UL LI {width:170px; height:110px; margin:0px 0px 10px 10px; padding:1px; _margin:0px 0px 20px 5px; border: 1px solid #DEDEDE; float:left;} .ep_cobs{ width:170px; height:80px; margin:0px auto; padding:0px;} .cob_title{ width:170px; height:31px; line-height:30px; text-align:center; background-color:#DEDEDE; float:left; font-size:12px;} .height22{ width:1003px; height:21px; margin:0px auto; padding:0px; border-top:1px #e9e9e9 solid; clear:both;} .casetitle{ width:1003px; height:47px; line-height:47px; margin:30px auto 20px auto; padding:0px; clear:both;} .case{ width:1004px; height:265px; margin:30px auto 20px auto; padding:0px; clear:both; background:url(../images/a-bg.jpg) no-repeat;} /**/ .cc {CLEAR: both; text-align:center; padding-top:0px;} .cc li { CLEAR: both; text-align: left; font-size:12px; text-indent:10px; background:#FFFFFF; } .f12 { FONT-SIZE: 12px } .bk { DISPLAY: block } .pt3 { PADDING-TOP:5px; font-size:14px; BORDER-BOTTOM: #000 1px solid } .pr { POSITION: relative } .pa { POSITION: absolute } .on { OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium } .main_r { width:1004px; float:right; margin: 22px 0px;padding-top:20px; padding-left:0px;} .main_r .title { width:230px; height:10px; margin:5px; text-align:center;} .masonry { WIDTH: 1004px } .masonry .box { MARGIN: 0px 0px 0px 0px; WIDTH: 230px; FLOAT: left; _display: inline; BACKGROUND: url(../images/box_bg.jpg) repeat-y center; } .masonry .box-bot{BACKGROUND: url(../images/box_bot.jpg) no-repeat bottom; height:6px;} .masonry .box-inner { CURSOR: pointer; BACKGROUND: url(../images/box_top.jpg) no-repeat top;} .masonry .box-cover { Z-INDEX: 9; WIDTH: 180px; BACKGROUND: #000000; HEIGHT:100%; TOP:5px; LEFT:5px; _display: none } .masonry .box IMG { MARGIN: auto; WIDTH: 230px; DISPLAY: block; MAX-WIDTH: 230px; padding-top:10px; } .masonry .box P { MARGIN-TOP: 3px;} .masonry-head { CURSOR: pointer; padding-top:10px; } .masonry-a { WIDTH: 230px; DISPLAY: block } .masonry-content { width:231px; margin:0px auto; } .masonry-icon { MARGIN-TOP: 10px; HEIGHT: 20px; margin-bottom:10px; } .icon-c { Z-INDEX: 3; WIDTH: 18px; BACKGROUND: url(../images/icon_go.jpg) no-repeat; HEIGHT: 14px; TOP: 0px; RIGHT: 0px; padding-right:20px; } .masonry .boxs { MARGIN: 0px 19px 15px 0px; WIDTH: 230px; BACKGROUND: #fff; FLOAT: left; _display: inline; background:#fff ;border:1px solid #eaeaea; } .masonry-heads { CURSOR: pointer; padding-top:0px; } .masonry .boxs IMG {MARGIN: 0px; WIDTH: 230px; height:170px; DISPLAY: block; MAX-WIDTH: 230px;} .masonry .boxs title {MARGIN: 0px; WIDTH: 230px; height:70px; line-height:30 DISPLAY: block; MAX-WIDTH: 230px;} .masonry .boxs-inner { CURSOR: pointer; padding:0px;} .masonry .boxs-cover {Z-INDEX: 9; WIDTH:100%; BACKGROUND: #000000; HEIGHT: 100%; TOP:0px; LEFT:0px; _display: none;} /**/ .index_first{width:1003px; height:300px; margin:0px auto 0px auto; padding:0px; clear:both;} .product_bottom{ width:1003px; height:300px; margin:0px auto 0px auto; padding:0px;} .jj{ width:230px; float: left; display:inline; height:259px; margin:0px auto; padding:0px;} .news{ width:495px; float:left; display:inline; height:259px; margin:0px 0px 0px 30px; padding:0px;} .contact{ width:230px; float:right; display:inline; height:259px; margin:0px auto; padding:0px;} .contacta{ width:230px; float:right; display:inline; height:138px; margin:0px auto; padding:0px;} .contactb{ width:230px; float:right; display:inline; height:131px; margin:12px auto; padding:0px;} .contactbss{ width:230px; float:right; display:inline; height:106px; margin:0px auto; padding:0px; } .clear{ clear:both; height:0px; overflow:hidden;} /*首页滚动*/ /* .car_content{ width:1003px; height:225px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:url(../images/a-bg.jpg) no-repeat center；}*/ .productlist1 { padding:0px; margin:0px 0px 0px 0px;} .productlist1 li { float: left; margin:0px 16px; margin-left:0px; width:232px; height:170px; text-align: center; padding:1px; background:#FFFFFF;} .productlist1 li a:hover{ float: left; margin:0px 16px; margin-left:0px; width:232px; height:240px; line-height:240px; text-align: center; padding:1px; background: url(../images/a-hover.jpg) no-repeat} .productlist1 li img { margin:1px; width:235px; padding:0px; height:170px;background:#fff; float:left; padding:1px;} .productlist1 li .product_name { width:235px;margin:0px auto; margin-left:0px; DISPLAY: block; LINE-HEIGHT:36px; HEIGHT: 70px; text-align: center; padding-top:0px; font-family:"微软雅黑"; color:#4b4b4b; } .productlist1 li .product_name a:hover{text-decoration: none; width:235px;margin:0px auto; margin-left:0px; DISPLAY: block; LINE-HEIGHT:36px; HEIGHT: 70px; text-align: center; padding-top:0px; font-family:"微软雅黑";OVERFLOW: hidden; color:#006da4; font-weight:bold; background:url(../images/title-hover.jpg) no-repeat center;} /*********************************/ .nTab{ width: 495px; height:259px; margin: 0px auto; padding:0px; clear:both; } .nTab .TabTitle{ clear: both; width:495px; margin:0px auto 4px auto; background:url(../image/bgs2.jpg) repeat-x; height: 48px; line-height:48px; font-size:16px; color:#007aa6; font-weight:bold overflow: hidden; } .nTab .TabTitle ul{ margin:0px 0px 0px 6px; padding:0; } .nTab .TabTitle li{ float: left; width: 243px; cursor: pointer; padding:0px; margin:0px; background:url(../image/line.jpg) no-repeat right; list-style-type: none; height:48px; line-height:48px; font-size:16px; font-weight:bold; text-align:center; } .nTab .TabTitle .active{ background:url(../image/bgs1.jpg) left bottom no-repeat; color:#007aa6} .nTab .TabTitle .normal{ color:#2b4951} .nTab .TabContent{ width:489px; height:207px; padding:0px 6px; margin:0px auto; clear:both; } .nTab .TabContent ul{ width:489px; margin:0px auto; padding:0px; LIST-STYLE-TYPE: none; } .nTab .TabContent ul li{width:489px; height:24px; line-height:24px; background:url(../image/dian.jpg) no-repeat; margin:0px auto; padding:0px; border-bottom:1px dotted #cfcfcf; font-family:Arial, Helvetica, sans-serif; text-indent:10px; color:#3f3f3f;} .nTab .TabContent UL LI span{ float:right; font-size:12px; color:#7e7e7e;} .first_mid_news{ width:489px; margin:0px auto 0px auto;} .first_mid_news UL { width:489px; margin:0px auto; padding:0px; LIST-STYLE-TYPE: none; } .first_mid_news UL LI {width:489px; height:25px; line-height:25px; background:url(../image/dian.jpg) no-repeat; margin:0px auto; padding:0px; border-bottom:1px dotted #cfcfcf; font-family:Arial, Helvetica, sans-serif; text-indent:10px; color:#3f3f3f;} .first_mid_news UL LI span{ float:right; font-size:12px; color:#7e7e7e;} .first_mid_picnews{ width:489px; margin:4px auto 0px auto;} .first_mid_picnews UL { width:489px; margin:6px auto 0px auto; padding:0px; LIST-STYLE-TYPE: none; } .first_mid_picnews LI {width:489px; height:90px; margin:0px auto 6px auto; padding:0px 0px 6px 0px; /*border-bottom:1px dotted #d1d1d1;*/ font-family:Arial, Helvetica, sans-serif; text-indent:1px;} .first_mid_picnews LI span{ float:left; font-size:10px;} .first_mid_picnews LI .ntitle{ float:right; height:30px; text-align:left; line-height:30px; width:365px; font-size:14px; color:#950002; font-weight:bold; } .first_mid_picnews LI .ntitle a{ float:right; height:30px; line-height:30px; width:365px; display:block;} .first_mid_picnews LI .ncon { float:right; line-height:24px; width:365px; display:block; } .first_mid_picnews LI .nmore{ float:right; height:25px; line-height:25px; color:#64AD28; width:365px; font-weight:bold;} .first_mid_picnews LI .nmore a{ float:right; height:25px; line-height:25px; color:#64AD28; width:365px; display:block;} /*******************************************/ .guest_content{ width:680px; height:auto!important; height:100px; min-height:100px; margin:10px auto; padding:10px; border:1px solid #eaeaea; background-color:#f9f9f9; font-size:12px;} .guest_content_title{ width:680px; height:25px; line-height:25px; margin:0px; padding:0px; font-size:12px; color:#4b4b4b;font-family:Arial, Helvetica, sans-serif; } .guest_content_title span{ float:right;font-family:Arial, Helvetica, sans-serif; } .guest_content_content{ width:680px; line-height:25px; color:#666666; margin:0px; padding:0px;} .guest_content_answer{ width:670px; border:1px dashed #CCCCCC; height:auto!important; height:50px; min-height:50px; line-height:25px; background-color:#FFFFFF; padding:5px; color:#ff0000} .guest_title{ width:670px; height:30px; line-height:30px; margin:10px auto; padding:0px; border:1px solid #eaeaea; background-color:#f9f9f9; font-size:14px; font-weight:bold; text-indent:20px; color:#463523;font-family:Arial, Helvetica, sans-serif; } .guest_ss{ width:650px; margin:0px auto; padding:20px 0px;} .guest_ss span{ color:#FF0000;} .feedback_title{ width:680px; margin:30px auto 0px auto; padding:0px; height:32px; line-height:32px; background-color:#f7f7f7; text-indent:20px; font-weight:bold; color:#093087; border:1px solid #e8e8e8;} .feedback_title span{ color:#666; font-size:12px; font-weight:normal;} #faqbox {} #faqbox .faqline{ line-height:2em; height:35px; text-align:left} #faqbox .faqline .faqtit{ width:70px; display:block; float:left; clear:both; text-align:right; color:#4b4b4b; font-size:12px;} #faqbox .Content{ line-height:2em; height:120px; text-align:left} #faqbox .Content .faqtit{ width:70px; display:block; float:left; clear:both; text-align:right;color:#4b4b4b; font-size:12px;} #faqbox .Content textarea { height:100px;} /**********************************************/ /*#gook{ width:100%; border:1px solid #eaeaea; background-color:#f9f9f9; margin:15px auto; padding:10px;} #gbooklist { width: 98%; text-align:center; } #gbooklist .faq , #gbooklist .reply { text-align:left; width: 98%; word-wrap: break-word; word-break: break-all; } #gbooklist .faq{ margin-bottom:15px; } #gbooklist .faqtit, #gbooklist .faqcon { padding-left:5px; } #gbooklist .faqtit{ color:#0B3779; font-size:14px; } #gbooklist .reply{ border: 1px dashed #cccccc; width:95%; margin-bottom:10px; margin-left:0px; padding:3px; background-color:#ffffff; }*/ .feedbackb{ width:678px; height:auto; border:1px #dddddd solid; margin:0px auto; padding:0px;} .ftitle{ width:678px; height:26px; margin:0px auto; padding:0px; background:url(../images/ftitle.jpg) repeat-x; font-weight:bold; line-height:26px; text-indent:15px;} .send{ width:131px; height:30px; background:url(../images/input.jpg) no-repeat; border:0px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;} /*新闻页*/ .info_title{ text-align:center; font-family:"微软雅黑", "宋体", "黑体"; font-weight:bold; font-size:18px; padding-top:10px; padding-bottom:15px;} /**************************************************/ #container{ width:720px; text-align:left; margin:0 auto; } a{color:#333;text-decoration:none;} a:hover{color:#ef9b11; text-decoration:underline;} .maincontent{ padding:12px 17px 30px 21px; width:680px; margin:20px auto; overflow:hidden; border:1px solid #d7d7d7; background:#fff;} .maincontent h4{ padding-left:21px; background:url(../images/icon01.gif) no-repeat 1px 6px; padding-top:11px; font-size:14px; padding-bottom:4px;} .maincontent .box01{ width:100%;} .maincontent .box02{ width:100%; background:url(../images/b1-bg01.gif) repeat-x left bottom; padding-bottom:7px; float:left; margin-bottom:5px;} .maincontent .box02 h4{ padding-left:45px; background:url(../images/b1-icon01.gif) no-repeat 1px 2px; padding-top:11px; font-size:14px; padding-bottom:4px;} .maincontent .box02 h4 span{ padding-left:4px; color:#ef0000;} .maincontent .box03{ width:100%; float:left;} .maincontent .box03 ul li{ background:url(../images/g1-bg01.gif) repeat-x left bottom; padding:10px 5px 10px 0;} .maincontent .box03 ul li p{ padding-left:41px; line-height:24px;} span.head{ display:block; padding-left:41px; background:url(../images/g1-icon01.gif) no-repeat 15px 5px; padding-top:0px; cursor:pointer; padding-bottom:5px;} .maincontent .box03 ul li.selected { background:#f6f6f6;} .maincontent .box03 ul li.selected p{color:#888;} span.selected{ background:url(../images/g1-icon02.gif) no-repeat 15px 5px; color:#888;} /**************************************************/ .inside_index_right_content{width:700px; height:auto!important; height:400px; min-height:400px; margin:0px auto; padding:30px 0px 0px 0px; border:0px solid #fff; font-family:"微软雅黑"; line-height:28px; font-size:14px; color:#bdbdbd} .news_list{ width:700; height:140px;border-bottom:1px solid #333; margin:10px 0px 20px 0px; padding:0px;} .news_list_pic{ width:151px; height:114px; float:left; border:1px solid #999; padding:1px 0px 0px 1px;} .news_list_title{ width:530px; height:30px; float:right; border-bottom:1px dotted #333;} .news_list_content{ width:530px; height:60px; float:right; font-size:12px; line-height:25px; color:#666} .news_list_dates{ width:530px; height:30px; float:right;} .news_list UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP:0px; list-style-type:none; margin:0px;} .news_list UL LI {width:720px; height:105px; margin:0px; border-bottom:1px dotted #666666; padding:10px 0px 0px 0px;} .w245{width:245px;} .fleft {float:left} .mr10{margin-right:10px;} .relative{position:relative} /* 清浮动 */ .clearfix:before, .clearfix:after { display: block; content: '\0020'; visibility: hidden; font-size: 0; height: 0; } .clearfix:after { clear: both; } .clearfix { zoom: 1 } .moudle { height: 100%; _display: inline;/*for ie6 7*/ } /*新闻*/ .n_list{background:url(../images/mod_bg.png) repeat-x; height:155px;overflow:hidden} .n_list .newsBox{width:1280px;height:155px;overflow:hidden;width:800px;position:absolute;padding-top:15px;left:0;top:0;} .n_list .newsBox .news{width:320px !important;height:155px;overflow:hidden; margin:0 !important;} .n_list h3.n_tit{color:#003577;font-size:12px;font-weight:bold;line-height:20px;} .n_list h3.n_tit a{color:#003577;} .n_list h3.n_tit2{font-size:16px;color:#003577;font-weight:bold;border-left:6px solid #003577;padding-left:5px;background:url(../images/cate_bg.jpg) right center no-repeat;padding-right:10px;width:100%;margin-bottom:5px;display:inline-block} .n_desc,.n_desc p{line-height:20px;} .n_left_right{width:88px; height:28px;position:absolute;top:118px;right:35px;} .n_left_right a.n_left{background:url(../images/a1.gif) left center no-repeat;display:inline-block;width:40px;height:25px;overflow:hidden;float:left} .n_left_right a.n_right{background:url(../images/a2.gif) right center no-repeat;display:inline-block;width:40px;height:25px;overflow:hidden;float:left;} .n_left_right a.more{background:url(../images/more.png) center no-repeat ;display:inline-block;width:81px;height:28px;} .n_list .news{float:left;} /********联系我们提交表单************/ .feedbak_bg1{ width:765px; height:352px; margin:0px auto 50px auto; padding:0px; background:url(../images/feedback1.jpg) no-repeat right;} .feedback_demo{ width:370px; height:352px; margin:0px 50px 0px 0px; padding:0px; float:right; display:inline;} #feedback_1{ width:370px; height:130px; margin:103px 0px 0px 2px;_margin:123px 0px 0px 2px; padding:0px; border:1px solid #c2c1c5;} #feedback_2{ margin:50px 0px 0px 102px; padding:0px;} .feedback_title1{ width:210px; height:266px; margin:0px 87px 0px 0px; padding:86px 0px 0px 0px; _padding:100px 0px 0px 0px; float:right; display:inline;} #key1{ width:195px; height:24px; line-height:24px; margin:0px 0px 7px 0px; padding:0px 0px 0px 5px; border:1px solid #c2c1c5; font-family:"微软雅黑"; font-size:14px; color:#6f6f80;} #key2{ width:50px; height:24px; line-height:24px;margin:0px 0px 5px 0px; padding:0px 0px 0px 5px; border:1px solid #c2c1c5; float:left; font-family:"微软雅黑"; font-size:14px; color:#6f6f80;} #key3{ width:130px; height:24px;line-height:24px; margin:0px 7px 5px 0px; padding:0px 0px 0px 5px; border:1px solid #c2c1c5; float:right; font-family:"微软雅黑"; font-size:14px; color:#6f6f80;} /***************************************/ #header_wrap {display:block; width:1003px; top:0px; z-index:1000; -webkit-transition:background .5s ease; -moz-transition:background .5s ease; -ms-transition:background .5s ease; transition:background .5s ease; background:url(shadow.png) left -18px repeat-x;} #header_wrap.darken {background:rgba(0,0,0,.9);} .lt-ie9 #header_wrap.darken {background:#000;} #main_wrap {display:block; width:1003px; background:#eef0f1; position:relative; overflow:hidden; padding-bottom:4em;} #main_wrap.no-hero {padding-top:100px;} #main_header {width:1003px; margin:27px auto 0px auto; padding:0px 0; position:relative; z-index:201;} #shadow {display:block; position:absolute; top:0; left:0; width:100%; height:236px; background:url(shadow.png) top left repeat-x; z-index:200;} /* TEXT */ ul {display:block; margin:0; padding:0; list-style:disc; list-style-image:url(bg-li.png);} ul li {margin-left:15px;} ul.two_col {-moz-column-count:2; -webkit-column-count:2; -ms-column-count:3; column-count:2; -moz-column-gap:32px; -webkit-column-gap:32px; -ms-column-gap:32px; column-gap:32px; margin-bottom:2em;} .green, a.green, .green a {color:#d3cd60;} header.center, .center {text-align:center;} h1 {font-size:3.75em; line-height:1em;} h1.border-bottom, h2.border-bottom {padding-bottom:.5em; margin-bottom:.5em;} h1 small {display:block; font-size:.8em; font-weight:normal;} #hero header {position:relative; z-index:110; text-align:left; top:150px; width:50%; } #hero header h1 {color:#fff; font-size:2.75em; margin-bottom:0; float:left; position:relative; clear:both; margin-bottom:10px; background:rgba(0,0,0,.7); padding:.25em;} #main_wrap.no-hero h1 {font-size:3em; margin-bottom:0; text-align:left; margin-top:.7em; } #hero header p.desc {text-align:left; color:#fff; font-weight:normal; line-height:1.25em; display:block; clear:both; background:#50b3e7; padding:.5em; float:left; margin-top:0;} .lt-ie9 #hero header h1 {background:#000;} #hero header .button {float:left; clear:both;} #main_wrap.no-hero .center h1 {text-align:center; font-size:3.5em;} h2 {font-size:2.25em; margin-top:0;} h2.border-bottom {font-size:2.875em;} h3 {font-size:2em; margin-bottom:.75em;} .search_results h3 {margin-top:0; color:#4476bb;} h4 {font-size:1.5em; color:#000; font-weight:bold; line-height:1.25em; margin-bottom:1em;} h5 {font-size:1.313em; margin-bottom:1em} h6 {font-size:16px; margin:0px auto;line-height:50px; color:#000; font-weight: bold; font-family:Arial, Helvetica, sans-serif;} a h6 {color:#50b3e7;} a h6:hover, a h6:active {text-decoration:underline;} .uppercase {text-transform:uppercase;} .big {font-size:1.125em;} p.grey {color:#585b5d;} p.desc {font-size:1.313em; color:#585b5d;margin-bottom:0; } .center p.desc {margin-bottom:0;} .border-top {border-top:1px solid #babec0;} .border-bottom {border-bottom:1px solid #babec0;} .no-top-padding {padding-top:0 !important;} .no-bottom-padding {padding-bottom:0 !important;} .no-bottom-margin {margin-bottom:0 !important;} .no-left-margin {margin-left:0;} .no-bottom-border {border-bottom:none !important;} a {color:#50b3e7; outline: 0 !important;} a.more {color:#4075b9;} a.more:hover, a.more:active {text-decoration:underline !important;} /* ========================================================================== TOP ========================================================================== */ .darken #top {background:#202223;} #top {height:0px;/* background:rgba(0,0,0,.8);*/ position:relative; z-index:200; -webkit-transition:background .3s ease; -moz-transition:background .3s ease; padding-top:100px -ms-transition:background .3s ease; transition:background .3s ease;} .lt-ie9 #top {background:#000;} #top_content {width:1000px; margin:0 auto; overflow:hidden; position:relative;} #top_content ul {display:block; float:right; margin-right:100px;} #top_content ul li {display:block; float:left; text-align:right; color:#fff; font-size:.75em; margin-left:25px; position:relative; height:40px; line-height:40px;} #top_content ul li a {color:#fff; text-decoration:none; display:block;} #top_content ul li a:hover, #top_content ul li a:active {text-decoration:underline;} .phone em {color:#d3cd60; font-style:normal; line-height:40px; font-size:1.5em; display:inline-block; *display:inline; zoom:1;} .phone em a {color:#d3cd60 !important; text-decoration:none !important} .icn img {width:100%; display:block;} /* Social Media Links */ #top_content .social_list {margin:0; padding:0; position:absolute; right:0; top:6px;} #top_content .social_list li {margin-left:5px; width:28px; height:28px;} #top_content .social_list li.fb, .social_list li.tw, .social_list li.li {width:28px; height:28px;} #top_content .social_list li a {text-indent:9999px;} #top_content .social_list li.fb a {width:28px; height:28px; background:url(sprite-sm-top.png) 0 0 no-repeat;} #top_content .social_list li.tw a {width:28px; height:28px; background:url(sprite-sm-top.png) 0 -28px no-repeat;} #top_content .social_list li.li a {width:28px; height:28px; background:url(sprite-sm-top.png) 0 -56px no-repeat;} /* Nav Chat */ .nav_chat {padding-left:20px;} .nav_chat .icn {width:15px; height:13px; display:inline-block; *display:inline; zoom:1; margin-right:5px; position:absolute; left:0; top:50%; margin-top:-9px; -webkit-transition:-webkit-transform .2s ease; -moz-transition:-moz-transform .2s ease; -ms-transition:-ms-transform .2s ease; transition:transform .2s ease;} .nav_chat:hover .icn, .nav_chat:active .icn {-webkit-transform:translate(0,-3px); -moz-transform:translate(0,-3px); -ms-transform:translate(0,-3px); transform:translate(0,-3px);} /* Nav Search */ #nav_search {padding-right:32px; padding-left:13px; -webkit-transition:background .3s ease; -moz-transition:background .3s ease; -ms-transition:background .3s ease; transition:background .3s ease; margin-left:10px !important;} #nav_search.active {background:#50b3e7;} #nav_search .icn {width:15px; height:15px; display:inline-block; *display:inline; zoom:1;position:absolute; right:12px; top:50%; margin-top:-8px; -webkit-transition:-webkit-transform .2s ease; -moz-transition:-moz-transform .2s ease; -ms-transition:-ms-transform .2s ease; transition:transform .2s ease;} #nav_search:hover .icn {-webkit-transform:rotate(-20deg); -moz-transform:rotate(-20deg); -ms-transform:rotate(-20deg); transform:rotate(-20deg);} /* LOGO */ /*#logo {width:93px; height:70px; display:block; float:left;} #logo a {display:block; width:93px; height:70px; -webkit-transition:opacity .3s ease; -moz-transition:opacity .3s ease; -ms-transition:opacity .3s ease; transition:opacity .3s ease; position:relative;} #logo a:hover img.top, #logo a:active img.top {opacity:0; filter: alpha(opacity=0); } #logo a img {display:block; width:100%; position:relative;} #logo a img.bottom {position:absolute; top:0; left:0; width:100%;}*/ #main_nav {float:right;} #main_nav ul {height:45px; line-height:45px; padding:0px 0px 0px 0px; LIST-STYLE-TYPE: none; margin-top:0px; margin-bottom:0px;} #main_nav ul line { float:left; width:1px; height:45px; line-height:45px; background:url(../images/line.jpg) no-repeat center;} #main_nav ul li {float:left; margin:0px auto; text-align:center; padding-left:27px; padding-right:28px;height:45px;} #main_nav.black ul li a {color:#4f4f4f;height:45px; line-height:45px; text-align:center; } #main_nav ul li a {color:#4f4f4f; text-decoration:none; height:45px; line-height:45px; font-size:12px; text-transform:uppercase; font-weight: bold; padding:0px 0px 0px 0px; display:block; margin-right:1px; /*-webkit-transition:background-position .2s ease; -moz-transition:background-position .2s ease; -ms-transition:background-position .2s ease; transition:background-position .2s ease;*/ } #main_nav ul li:hover a {color:#fff; background:url(../images/menu_hover.jpg) repeat-x center;} #main_nav ul li.active a {color:#fff; background:url(../images/menu_hover.jpg) repeat-x center;} #main_nav ul li.active {color:#fff; background:url(../images/menu_hover.jpg) repeat-x center;} /* ========================================================================== NAV CONTENT DROPDOWNS ========================================================================== */ .nav_content_wrap {display:block; position:relative; clear:both; width:1003px; margin:0px auto; margin-top:0px;} .nav_drop_content {opacity:0; filter: alpha(opacity=0); color:000; height:0; position:absolute; z-index:-1; clear:both; padding:0px 0px 1px 0px; -webkit-transition:opacity .4s ease; -moz-transition:opacity .4s ease; -ms-transition:opacity .4s ease; transition:opacity .4s ease; left:0; width:100%; z-index:-1; } .nav_drop_content.open {opacity:1; filter: alpha(opacity=100); zoom:1;height:auto; left:0; display:block; z-index:300; -webkit-transition:opacity .4s ease;} #nav_drop {background:#fff; display:block; width:100%; position:absolute; top:92px; height:0px; z-index:100; -webkit-transition:all .3s ease, translate3d(0,0,0); -moz-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; overflow:hidden; -webkit-backface-visiblity:hidden; } #nav_drop.active {opacity:1; -webkit-transition:height .25s ease, translate3d(0,0,0); -moz-transition:height .25s ease; -ms-transition:height .25s ease; transition:height .25s ease; -webkit-backface-visiblity:hidden;} #nav_drop.push {top:132px;} .nav_content {overflow:hidden; display:block;background:#fff;padding:10px;} .nav_content .image {clear:left; margin-left:0;} .nav_content .info {display:block;} .nav_content .info:before, .nav_content .info:after { content:""; display:table;} .nav_content .info:after {clear:both;} .nav_content .image {display:block;} .nav_content .image img {display:block; width:100%;} .nav_content h6 {margin:0; border-bottom:1px solid #babec0; padding-bottom:.875em;} .line_list {margin:0; display:block; clear:both; overflow:hidden; margin-bottom:1em; border-top:1px solid #babec0;} .nav_content .line_list {border-top:none;} .col.span_1_of_3 .line_list {margin-top:1.313em;} .line_list:before, .line_list:after { content:""; display:table;} .line_list:after {clear:both;} .line_list li { border-bottom:1px solid #babec0; display:block; margin-left:0;} .line_list li a {color:#50b3e7; text-decoration:none; font-size:1em; line-height:1.5em;position:relative; padding:.75em 20px .75em 0; display:block;} .line_list li a:hover, .line_list li a:active {color:#4378bb;} .line_list li a .icn {width:9px; height:17px; position:absolute; right:10px; top:50%; margin-top:-8px; -webkit-transition:right .3s ease; -moz-transition:right .3s ease; -ms-transition:right .3s ease; transition:right .3s ease;} .line_list li a:hover .icn, .line_list li a:active .icn {right:0; } .nav_content .line_list li a {color:#4378bb; line-height:1em; padding:1em 20px 1em 0;} .nav_content .line_list li a:hover, .nav_content .line_list li a:active {color:#50b3e7;} .line_list.no-left-margin li {float:none; margin-left:0;} .line_list li a small {color:#000; display:block; font-size:.875em; font-style:italic;} .box.blue .line_list {border-top:1px solid #2f8bbb; margin-bottom:2em; list-style:none; list-style-image:none;} .box.blue .line_list li {border-bottom:1px solid #2f8bbb; float:left; } .box.blue .line_list li a {color:#fff; line-height:1.25em;} .box.blue .line_list li a:hover {text-decoration:underline;} /* SIDE NAV */ .side_nav {margin-bottom:2em; display:block;} .side_nav .line_list li {float:none; margin-left:0;} .side_nav h5 {margin:0 0 .5em 0;} .side_nav .line_list li a.active {color:#3f74b8; background:url(icn-arrow-rt-black-sm.png) right center no-repeat; } .side_nav .line_list li a.active .icn {opacity:0; zoom:1; filter:alpha(opacity=0);} /* ========================================================================== SUB NAV ========================================================================== */ #sub_nav {display:block; clear:both; padding-bottom:1.75em; margin-top:1em; border-bottom:1px solid #babec0; font-size:.875em; overflow:hidden; line-height:1.25em; position:relative; height:20px; margin-bottom:0;} #sub_nav .title {font-weight:bold; text-transform:uppercase; width:120px; float:left;} #sub_nav_list_container {float:left; width:880px; overflow:hidden;} #sub_nav ul {float:left; display:block; overflow:hidden; list-style:none; padding:0; margin:0; text-overflow:ellipsis; white-space:nowrap; position:relative;} #sub_nav #sub_nav_list_container.overflow {width:810px;} #sub_nav ul li {display:inline-block; *display:inline; zoom:1; margin:0 .875em 0 0; border-right:1px solid #babec0; position:relative; text-overflow:ellipsis; white-space:nowrap;} #sub_nav ul li.last { border-right:none;} #sub_nav ul li.parent.last:after {content:"";} #sub_nav ul li a {display:block; padding-right:1em;} #sub_nav ul li a:hover {text-decoration:none;} #sub_nav ul li a.active {color:#4378bb; text-decoration:none;} #sub_nav ul li a:hover {text-decoration:none;} #sub_nav ul li.parent {border-right:none;} #sub_nav ul li.parent:after {content:"?"; position:absolute; top:-1px; right:0;} #sub_nav ul li.parent a {padding-right:1.5em;} #sub_nav_buttons {width:60px; position:absolute; top:0; right:0; background:#eef0f1; display:none;} #sub_nav_buttons a {width:8px; height:17px; position:absolute; top:50%; cursor:text; opacity:1; filter: alpha(opacity=100); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; cursor:pointer;} #sub_nav_buttons a img {display:block; height:100%} #sub_nav_buttons a:hover {cursor:pointer;} #sub_nav_buttons a.disabled, #sub_nav_buttons a.disabled:hover {opacity:.15; zoom:1; filter: alpha(opacity=15); cursor:text;} #sub_nav_buttons #sub_prev {left:5px; } #sub_nav_buttons #sub_next {right:5px; padding-left:8px;} /* ========================================================================== COLUMNS ========================================================================== */ .group {display:block; width:100%; clear:both; margin-bottom:0; padding-top:1.25em;} .col_wrap {width:1000px; margin:0 auto; padding:1em 0; position:relative;} .col_wrap.cta {margin-top:1em;} .col_wrap:before, .col_wrap:after {content:"";display:table;} .col_wrap:after {clear:both;} .col_wrap.border-bottom {padding-bottom:2.75em;} .col p:first-child {margin-top:0;} .col {display:block; float:left; margin-left:3.2%; position:relative; z-index:2;} .col.full {width:100%; clear:left; margin-left:0;} .col.rt {float:right;} .col:first-child, .col.first { margin-left: 0; } /* of 2 */ .col.span_1_of_2 {width:48.4%;} .col.span_1_of_2:nth-child(odd), .nav_content .col.span_1_of_2:nth-child(odd), .col.span_5_of_12 .col.span_1_of_2:nth-child(odd) {clear:left; margin-left:0;} .col.span_1_of_2.first, .nav_content .col.span_1_of_2.first, .col.span_5_of_12 .col.span_1_of_2.first {clear:left; margin-left:0;} .reg_form ol .col.rt {clear:none !important;} .col.span_2_of_2 {width:100%; clear:left; margin-left:0;} .col.span_5_of_12 .col.span_1_of_2 {width:46.25%; margin-left:7.5%;} .nav_content .col.span_1_of_2 {margin-left:3.2%;} /* of 3 */ .col.span_1_of_3 {width:31.2%;} /* of 15 */ .col.span_2_of_12 {width:14%;} .col.span_3_of_12 {width:22.6%;} .col.span_4_of_12 {width:31.2%;} .col.span_5_of_12 {width:39.8%;} .col.span_6_of_12 {width:48.4%;} .col.span_7_of_12 {width:57.0%;} .col.span_8_of_12 {width:65.6%;} .col.span_9_of_12 {width:74.2%;} .rt {float:right;} li.full {clear:both; float:none; width:100%;} .image {display:block; position:relative; width:100%; margin-bottom:1em;} .image img {display:block; width:100%;} .image .title {color:#3f74b8; font-size:.875em; display:block;} .return_top {position:relative; display:block; padding:0; top:-2em;} .return_top a {display:block; position:absolute; right:0; padding-right:17px; background:url(icn-arrow-up-blue.png) right 4px no-repeat; font-size:.875em; color:#000; text-decoration:none; line-height:1.25em; text-transform:uppercase; font-weight:bold; -webkit-transition:background-position .15s ease-in-out; -moz-transition:background-position .15s ease-in-out; -ms-transition:background-position .15s ease-in-out; transition:background-position .15s ease-in-out;} .return_top a:hover {background-position:right 0;} .grid_list { margin:0 auto; padding:1em 0; position:relative;} .lt-ie8 .grid_list {overflow:hidden;} .grid_list:before, .grid_list:after {content:"";display:table;} .grid_list:after {clear:both;} .grid_list li {display:block; float:left; margin-left:3.2%; position:relative; z-index:2; margin-bottom:32px;} .grid_list li a {display:block; text-decoration:none;} .grid_list li:first-child { margin-left: 0; clear:left;} .grid_list.w3 li {width:31.2%;} .grid_list.w3 li:nth-child(3n+1) {clear:left; margin-left:0;} .grid_list.w3 li.first {clear:left; margin-left:0;} .grid_list.w4 li {width:22.6%;} .grid_list.w4 li:nth-child(4n+1) {clear:left; margin-left:0;} .grid_list.w4 li.first {clear:left; margin-left:0;} .grid_list li .name {font-size:1.25em; display:block; line-height:1.5em; margin-bottom:0;} .grid_list li a .title, .grid_list li .title, .grid_list li .cat, .grid_list li a .cat, .grid_list li .brand, .grid_list li a .brand {color:#000; font-size:.875em; line-height:1.5em; display:block;} .grid_list li a:hover .name {text-decoration:underline;} .grid_list li .info {display:block; position:relative; padding-right:25px;} .grid_list li a .info .icn {display:block; width:9px; height:17px; position:absolute; top:50%; margin-top:-8px; right:12px; -webkit-transition:right .15s ease; -moz-transition:right .15s ease; -ms-transition:right .15s ease; transition:right .15s ease;} .grid_list li a .info .icn img {display:block; width:100%;} .grid_list li a:hover .info .icn {right:0;} .grid_list li a .cat, .grid_list li a .brand {float:left; padding-left:.75em; margin-left:.75em; border-left:1px solid #babec0;} .grid_list li .info .brand {border-left:none; margin-left:0; padding-left:0;} /* FADE IMAGE */ .grid_list li a .image .fade {position:absolute; display:block; width:100%; top:0; left:0; z-index:20; -webkit-transition:opacity .15s ease; opacity:1;} .grid_list li a:hover .image .fade {opacity:0;} /* ========================================================================== BIOS ========================================================================== */ #hero .title {font-size:1.5em; font-style:italic; color:#d3cd60; margin-top:-5px; margin-bottom:10px; display:block; clear:both; float:left; background:rgba(0,0,0,.7); padding:.25em .5em .25em .25em;} #team-carousel {width:1000px; position:relative; } #team-carousel ul {width:892px;} #team-carousel li {width:276px; margin:0 32px 0 0; height:400px;} #team-carousel li .image {height:220px; width:100%; overflow:hidden; position:relative;} #team-carosuel li .image img {position:absolute; top:0; left:0; width:100%;} #team_prev {width:27px; height:34px; background:url(icn-arrow-lt-black.png) center center no-repeat; display:block; text-indent:-9999px; left:0;} #team_next {width:27px; height:34px; background:url(icn-arrow-rt-black.png) center center no-repeat; display:block; text-indent:-9999px; right:0;} .team_arrows {position:absolute; top:100px; -webkit-transition:opacity .3s ease; -moz-transition:opacity .3s ease; -ms-transition:opacity .3s ease; transition:opacity .3s ease;} .team_arrows:hover {opacity:.3;} #team-carousel ul li:nth-child(3n+1), #team-carousel ul li:first-child {clear:none;} #team-carousel ul li.first {clear:none;} /* ========================================================================== TABS ========================================================================== */ .tab_wrap {display:block; position:relative; clear:both; margin-top:3em;} .tab_navigation {overflow:hidden; list-style:none; margin:0; padding:12px 0 0 0; display:block; position:relative; } .tab_navigation li {display:block; float:left; background:#d4d5d7; position:relative; margin-left:1px; padding-right:1px; -webkit-transition:margin-top .15s ease,padding-top .15s ease; -moz-transition:margin-top .15s ease, padding-top .15s ease; } .tab_navigation li:hover {margin-top:-20px; padding-top:20px;} .tab_navigation li.active {margin-left:-1px; margin-right:-1px; margin-top:-20px; padding-top:20px; background:#fff; padding-left:1px;} .tab_navigation li a {color:#585b5d; font-size:14px; text-decoration:none; padding:20px 21px 14px 21px; font-weight:normal; font-size:.875em; line-height:1.25em; display:block; max-width:100px;} .tab_navigation li.active a {color:#000; padding:20px 22px 14px 22px;} .tab_container {overflow:hidden;} .tab_container .box {-webkit-transition: height .3s ease;} .tab_container header {display:block;} /* TABS WITH LARGE IMAGES */ .tab_large_image .tab_navigation {margin-left:22.6%;} #tabs .panel_container {background:#fff; display:block; margin-bottom:1em;} #tabs .panel_container .box.white.service {margin-bottom:0;} .inner_tabs .text .image {width:100%; position:static; margin:0; height:auto;} .inner_tabs .text .image img {display:block; position:static; width:100%; margin:0;} .inner_tabs {width:656px;} /* ========================================================================== BUTTONS ========================================================================== */ .button, input.button {display:inline-block; *display:inline; zoom:1; text-align:left; border:none; position:relative; margin-top:1em;} .button a {display:block; font-size:1em; text-decoration:none;} input.button {font-size:.875em; line-height:1.875em; text-transform:uppercase;} .button.arrow a {padding-right:2.5em; vertical-align:middle; display:block; position:relative;} .button.arrow a .icn {width:9px; height:17px; position:absolute; right:20px; top:50%; margin-top:-9px; -webkit-transition:right .3s ease; -moz-transition:right .3s ease; -ms-transition:right .3s ease; transition:right .3s ease; display:block;} .button.arrow a .icn img {display:block; width:100% !important; position:static !important; margin-left:0 !important; height:auto !important;} .button.arrow a:hover .icn, .button.arrow a:active .icn {right:15px; } .button.small a {padding:.5em 1.35em; font-size:.875em;} .button a, input.button {padding:.75em 1.313em;} input.button {height:50px; padding:0 2em;} .button.grey a {background: #c7cdd1; /* Old browsers */ background: -moz-linear-gradient(top, #c7cdd1 0%, #aeb5bb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7cdd1), color-stop(100%,#aeb5bb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c7cdd1 0%,#aeb5bb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c7cdd1 0%,#aeb5bb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c7cdd1 0%,#aeb5bb 100%); /* IE10+ */ background: linear-gradient(to bottom, #c7cdd1 0%,#aeb5bb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7cdd1', endColorstr='#aeb5bb',GradientType=0 ); /* IE6-9 */ color:#32393d; text-transform:uppercase; text-shadow:0 1px 0 rgba(255,255,255,.4);} .button.grey a:hover, .button.grey a:active {background:#9da3a9;} .button.load {width:175px; text-align:center;} .button.purple a, input.button.purple {background: #4075b9; /* Old browsers */ background: -moz-linear-gradient(top, #4075b9 0%, #3667a6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4075b9), color-stop(100%,#3667a6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4075b9 0%,#3667a6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4075b9 0%,#3667a6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4075b9 0%,#3667a6 100%); /* IE10+ */ background: linear-gradient(to bottom, #4075b9 0%,#3667a6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4075b9', endColorstr='#3667a6',GradientType=0 ); /* IE6-9 */ color:#fff; text-transform:uppercase; text-shadow:0 -1px 0 rgba(0,0,0,.3);} .button.purple a:hover, .button.purple a:active, input.button.purple:hover, input.button.purple:active {background:#285692;} .button.blue a, input.button.blue {background: #d33f12; /* Old browsers */ background: -moz-linear-gradient(top, #d33f12 0%, #c2370c 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d33f12), color-stop(99%,#c2370c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d33f12 0%,#c2370c 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d33f12 0%,#c2370c 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d33f12 0%,#c2370c 99%); /* IE10+ */ background: linear-gradient(to bottom, #d33f12 0%,#c2370c 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e9ec7', endColorstr='#3d8bb3',GradientType=0 ); /* IE6-9 */ color:#fff; text-shadow:0 -1px 0 rgba(0,0,0,.3);} .button.blue a:hover, .button.blue a:active, input.button.blue:hover, input.button.blue:focus {background:#c2370c;} /* ========================================================================== FORMS ========================================================================== */ .reg_form {display:block; margin:1em 0; position:relative;} .reg_form:before, .reg_form:after {content:"";display:table;} .reg_form:after {clear:both;} .reg_form ol {list-style:none; padding:0; margin:0;} .reg_form ol li {padding:0; margin:0; margin-bottom:1em;} .reg_form input[type="text"], .reg_form input[type="tel"], .reg_form input[type="email"], .reg_form input[type="password"], .reg_form textarea {border:1px solid #babec0; background:#fff; height:48px; padding:3px 0 0 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; line-height:34px; width:100%; font: 16px/36px 'Montserrat', Helvetica Neue, Arial, sans-serif; color:#000;} .lt-ie8 .reg_form input[type="text"] {line-height:43px;} .reg_form input[type="text"]:focus, .reg_form input[type="tel"]:focus, .reg_form input[type="email"]:focus, .reg_form input[type="password"]:focus, .reg_form textarea:focus {background:#fff; box-shadow:none;} .reg_form select {border:1px solid #cecece; background:#fff; height:48px; padding:10px 10px 10px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; line-height:34px; width:100%; font: 16px/36px 'Montserrat', Helvetica Neue, Arial, sans-serif; color:#413f36;} .reg_form input[type="submit"] {font: 16px/36px 'Montserrat', Helvetica Neue, Arial, sans-serif;} .recaptcha_only_if_privacy {float:none !important; display:block !important; text-align:left !important; margin-top:15px !important; color:#50b3e7;} #recaptcha_widget_div {margin-bottom:30px !important;} #recaptcha_response_field {height:30px; line-height:30px;} .reg_form .placeholder {color:#000;} .reg_form ::-webkit-input-placeholder {color: #000;} .reg_form :-moz-placeholder {color: #000; opacity:1;} .reg_form ::-moz-placeholder {color: #000;} .reg_form :-ms-input-placeholder {color:#000;} .contact_form ol li {float:left;} .contact_form textarea {height:150px;} .search_results_form {margin-bottom:0;} .search_results_form ol li {float:left; margin-right:3.2%; margin-bottom:0;} .search_results_form ol li.rt {margin-right:0;} .search_results_form ol li input[type="submit"] {padding-left:0; padding-right:0; width:100%; text-align:center; margin-top:0;} #error_explanation {display:block; border-top:2px solid #d44513; border-bottom:2px solid #d44513; padding:1em 0 .5em 0;} #error_explanation h2 {font-size:1.5em; color:#d44513;} #error_explanation ul {list-style-image:none;} #error_explanation ul li {color:#d44513; line-height:1.5em; margin-bottom:1em;} /* ==================== JOB FORM ==================== */ .reg_form fieldset {border-bottom:1px solid #babec0; padding-bottom:2em;} .job_form ol li, .job_form .avail_box {width:49%; margin-right:2%; float:left; position:relative;} .job_form ol li.rt, .job_form .avail_box.rt {margin-right:0;} .job_form ol li.clear {clear:left;} .job_form ol li.full {width:100%; clear:left;} .job_form ol li.fourth {width:23%;} form ol li .grp {margin-right:10px; margin-left:1px;} .job_form input {display:inline-block;} .job_form .avail_box {width:49%; margin-right:2%; float:left; font-size:.875em;} .job_form li.border-bottom {padding-bottom:1em; margin-bottom:1em; border-bottom:1px dashed #babec0;} .job_form select[multiple="multiple"] {width:100%; height:80px;} .job_form ol li p {font-size:.875em;} .job_form label {display:block;} #work_history, #unemployment_history {display:block; margin-bottom:1em;} .reg_form .history_container {display:block; margin-bottom:1em; padding-bottom:1em; border-bottom:1px dashed #babec0; overflow:hidden; clear:both; position:relative;} .history_container .remove {position:absolute; top:.5em; right:0;} .required_field {color:#cb2e4c;} .reg_form legend {margin-bottom:1em; padding-top:.5em;} .reg_form legend h3 {color:#000;} .job_form .remove {position:absolute; right:0; top:0;} /* ========================================================================== TABLES ========================================================================== */ .main_table {width:100%; } .main_table tr, .main_table th {border-bottom:1px solid #bdb8b0; text-align:left;} .main_table a:hover {text-decoration:none;} .main_table th {font-size:.75em; font-weight:normal; padding:0 1.25em 0 1.25em; color:#585b5d;} .main_table tr td {padding:2em 1em 1em 1em; vertical-align:top; border-bottom:1px solid #babec0; line-height:1.5em;} .main_table tr td.last, .main_table tr th.last {text-align:right;} .download_table a {text-decoration:none;} .download_table .name {font-size:1.125em; margin-bottom:0; display:block;} .download_table a:hover .name {text-decoration:underline;} .download_table a p {color:#000; margin-top:0; font-size:.875em;} .download_table td.info {width:65%;} .download_table td.icn {width:54px;} .download_table tr td .image.icn-file {width:54px; height:60px;} /* ================== PAGER ================== */ .search_results .page_navigation {margin-top:0;} .page_navigation { display:block; float:right; font-size:1em; margin-top:2em; clear:both;} .page_navigation a {text-decoration:none; padding:0 .5em;} .page_navigation a:hover {text-decoration:underline;} .page_navigation a.active_page {color:#000;} .page_navigation .ellipse {color:#bdb8b0;} /* ========================================================================== SEARCH RESULTS ========================================================================== */ .search_results .group {padding-bottom:0; margin-bottom:0;} .search_results search_results_form {margin-bottom:0;} .search_results #sub_nav {border-bottom:none; padding-top:2em; margin-top:0; border-top:1px solid #babec0;} .search_results h2 {margin-top:1em;} .search_results .group:first-child, .search_results .group:first-child .col_wrap {padding-bottom:0; margin-bottom:0;} /* ========================================================================== CONTACT PAGE ========================================================================== */ .location span strong {font-size:1.125em; color:#4378bb;} .social_list.contact {float:right; margin-top:.5em;} .map {border:1px solid #4378bb; margin-bottom:1em;} /* ========================================================================== HOME SLIDESHOW ========================================================================== */ #hero {position: relative; overflow: hidden; padding: 0; margin: 0; height:600px; background:#1a1a1a url(bg-fiber.png);} #slider {display:none;} .home-slide, #slideshow {position: relative; list-style: none; overflow: hidden; padding: 0; margin: 0; height:800px; background:url(../page-not-found.html) center center no-repeat, url(bg-fiber.png); display:block;} .home-slide .slide {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; height:800px; display:none;} .home-slide .slide img.bg, #hero img {display:block; width:100%; position:absolute; top:0; left:0; z-index:100;} /*.home-slide .slide:first-child {position: relative; display: block; float: left; } .rslides img {display: block; height: auto; width: 100%; border: 0; }*/ .home-slide_nav {display:block; width:35px; height:45px; background:url(sprite-slider-nav.png) no-repeat; position:absolute; top:383px; text-indent:-9999px; z-index:200; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease;} .home-slide_nav:hover, .home-slide_nav:active {background-color:#4075b9;} .home-slide_nav.prev {background-position:center 10px; left: 20px;} .home-slide_nav.prev:hover, .home-slide_nav.prev:active {left:10px;} .home-slide_nav.next {background-position:center -35px; right:20px;} .home-slide_nav.next:hover, .home-slide_nav.next:active {right:10px;} .home-slide .info { position:relative; width:1000px; margin:0 auto; height:800px; z-index:150;} .home-slide .info .text-container {position:absolute; bottom:30px; left:0; } .home-slide .info .headline {background:#4075b9; max-width:570px; color:#fff; font-size:1.75em; font-weight:normal; padding:.75em 1em; margin-bottom:.5em; -webkit-transform:translate(125px,0); -moz-transform:translate(125px,0); -ms-transform:translate(125px,0); transform:translate(125px,0); -webkit-transition:-webkit-transform 1.25s ease-in-out; -moz-transition:-moz-transform 1.25s ease-in-out; -ms-transition:-ms-transform 1.25s ease-in-out; transition:transform 1.25s ease-in-out;position:relative;} .home-slide .info .headline:after {content:url(slider/home-plus.png); width:52px; height:52px; position:absolute; right:-24px; top:-24px;} .home-slide .info.active .headline, .no-js .home-slide .info .headline {-webkit-transform:translate(0,0); -moz-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);} .home-slide .info .action {background:#d1cb5e; font-size:1em; color:#000; padding:.5em 1.25em; text-transform:uppercase; display:inline-block; *display:inline; zoom:1; text-shadow:0 1px 0 rgba(255,255,255,.4); -webkit-transform:translate(125px,0); -moz-transform:translate(125px,0); -ms-transform:translate(125px,0); transform:translate(125px,0); -webkit-transition:-webkit-transform 1.25s ease-in-out .25s; -moz-transition:-moz-transform 1.25s ease-in-out .25s; -ms-transition:-ms-transform 1.25s ease-in-out .25s; transition:transform 1.25s ease-in-out .25s;position:relative;} .home-slide .info.active .action, .no-js .home-slide .info .action {-webkit-transform:translate(0,0); -moz-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);} .home-slide .info:hover .action, .home-slide .info:active .action {background:#aea94a;} /* ========================================================================== HOME PAGE STUFF ========================================================================== */ .home_callout {position:absolute; width:788px; height:390px; top:50%; margin-top:-185px; right:-292px; z-index:1;} .cta p {line-height:1.75em; display:block; color:#585b5d;} .cta h4 {margin-bottom:0;} /* ========================================================================== MAIN WRAP ========================================================================== */ #main_wrap {position:relative; display:block; background:#eef0f1;} /* ========================================================================== DETAIL PAGES ========================================================================== */ #hero #detail_img {position:absolute; top:180px; right:0; z-index:200;} #hero #detail_img .image {margin-bottom:0;} #hero #detail_img .image img {position:static !important; width:100%; display:block; margin:0;} #hero #detail_img .image#show-2 {display:none; margin-top:28px; margin-bottom:21px;} h1.bottom-margin {margin-bottom:.25em !important;} #hero #rotate a {padding-left:3.25em;} #hero #rotate a .icn {width:24px; height:19px; display:block; position:absolute; left:1em; top:50%; margin-top:-9px; -webkit-transition:-webkit-transform .15s ease; -moz-transition:-moz-transform .15s ease; -ms-transition:-ms-transform .15s ease; transition:transform .15s ease;} #hero #rotate a .icn img {display:block; width:100%; position:static; } #hero #rotate a:hover .icn {-webkit-transform:rotate(30deg); -moz-transform:rotate(30deg); -ms-transform:rotate(30deg); transform:rotate(30deg);} dl.detail {display:block; overflow:hidden; font-size:.875em; line-height:1.5em;} dl.detail dt {font-weight:bold; margin-bottom:3px;} dl.detail dd {margin-left:0; display:inline-block; *display:inline; zoom:1; padding-right:10px; border-right:1px solid #babec0; margin-right:7px; color:#585b5d;} dl.detail dd.last {padding-right:0; border-right:none;} .inner_tabs .text h5 {font-size:1.125em; color:#4378bb; margin-bottom:.25em; line-height:1.5em;} .box.white.detail {min-height:430px;} .box.white.detail aside.tab_cta {position:absolute; right:30px; top:15px; width:258px; text-align:center;} .box.white.detail aside .box.blue {padding-top:1em; margin-bottom:1.5em;} .box.white.detail aside.tab_cta p {color:#fff; line-height:1.5em;} /* ========================================================================== EXPLORE ========================================================================== */ .icn.plus.text {display:inline-block; *display:inline; zoom:1; width:27px; height:27px; margin:0 3px; vertical-align:middle; margin-top:-3px;} .icn.plus.text img {display:block; width:100%;} #explore_wrap {width:100%; height:700px; background:#000; display:block; overflow:hidden; position:relative;} #explore_tabs .tab_wrap {margin-top:3em; display:block;} #explore_tabs .tab_navigation {overflow:hidden; list-style:none; margin:0; padding:12px 0 0 0; display:block; position:relative; } #explore_tabs .tab_navigation li {display:block; float:left; background:#d4d5d7; position:relative; margin-left:1px; padding-right:1px; -webkit-transition:padding-top .15s ease, margin-top .15s ease; -moz-transition:padding-top .15s ease, margin-top .15s ease; text-align:center; vertical-align:middle;} #explore_tabs .tab_navigation li.last {margin-right:0;} #explore_tabs .tab_navigation li.active {margin-left:-1px; margin-right:-1px; margin-top:-20px; padding-top:20px; background:#030405; padding-left:1px; } #explore_tabs .tab_navigation li a {color:#585b5d; font-size:14px; text-decoration:none; padding:1.25em 21px; font-weight:normal; font-size:1em; line-height:1.25em; display:block; max-width:170px;} #explore_tabs .tab_navigation li.active a {color:#fff; padding:1.25em 22px .875em 22px;} /* #explore_panel_container {height:800px; display:block; width:100%; position:absolute; top:0; } #explore_panel_container {color:#fff;} */ /* EXPLORE TAB IS THE TAB CONTAINER */ .explore_tab { height:700px; width:100%; } .explore_tab {-webkit-transform:translate(-2000px, 0); -webkit-transition:-webkit-transform .4s ease; -moz-transform:translate(-2000px, 0); -moz-transition:-moz-transform .4s ease; -ms-transform:translate(-2000px, 0); -ms-transition:-ms-transform .4s ease; transform:translate(-2000px, 0); transition:transform .4s ease;} .explore_tab.active {-webkit-transform:translate(0,0); -webkit-transition:-webkit-transform .4s ease; -moz-transform:translate(0,0); -moz-transition:-moz-transform .4s ease; -ms-transform:translate(0,0); -ms-transition:-ms-transform .4s ease; transform:translate(0,0); transition:transform .4s ease;} .explore_tab.move1 {-webkit-transform:translate(0,0); -webkit-transition:-webkit-transform .4s ease; -moz-transform:translate(0,0); -moz-transition:-moz-transform .4s ease; -ms-transform:translate(0,0); -ms-transition:-ms-transform .4s ease; transform:translate(0,0); transition:transform .4s ease;} .explore_tab.move2 {-webkit-transform:translate(2000px,0); -webkit-transition:-webkit-transform .4s ease; -moz-transform:translate(2000px,0); -moz-transition:-moz-transform .4s ease; -ms-transform:translate(2000px,0); -ms-transition:-ms-transform .4s ease; transform:translate(2000px,0); transition:transform .4s ease;} .explore_content {width:1000px; margin:0 auto; position:relative; left:50%; margin-left:-500px; height:700px;} .explore_tab .tab_header {width:40.0%; position:absolute; right:0; top:2em; z-index:200;} .explore_tab .tab_header h3 {color:#fff; margin-bottom:0;} .explore_tab .tab_header p.desc {text-align:left; color:#50b3e7; font-size:1.25em; font-weight:normal;} #explore_wrap {} #explore_wrap .info_btn {background:#4174b9; display:block; width:36px; height:36px; margin:-18px 0 0 -18px; display:block; text-align:center; position:absolute; z-index:101; -webkit-transition: -webkit-transform .25s ease-in .15s, background .25s ease; -moz-transition: -moz-transform .25s ease-in .15s, background .25s ease; -ms-transition: -ms-transform .25s ease-in .15s, background .25s ease; transition: transform .25s ease-in .15s, background .25s ease; } #explore_wrap .info_btn img {display:inline-block; vertical-align:middle; width:54%; margin:0 auto; -webkit-transition:all .35s ease-in-out .15s; -moz-transition:all .35s ease-in-out .15s; -ms-transition:all .35s ease-in-out .15s; transition:all .35s ease-in-out .15s; } #explore_wrap .info_btn:hover {background:#50b3e7; } #explore_wrap .info_btn.active {z-index:255;} #explore_wrap .info_btn.active img {width:50%; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);} #explore_wrap .info_box {background:#fff; padding:30px 30px 15px 30px; width:500px; position:absolute; opacity:0; zoom:1; filter: alpha(opacity=0); z-index:100; -webkit-transition:opacity .35s ease .15s; -moz-transition:opacity .35s ease .15s; box-shadow:0 0 5px rgba(0,0,0,.6);} #explore_wrap .info_box.show {opacity:1; filter: alpha(opacity=100); z-index:250; } #explore_wrap .info_box .image {width:150px; float:left; display:block; margin-right:30px;} #explore_wrap .info_box .info {overflow:hidden;} #explore_wrap .info_box h5 {color:#000; font-size:1em; line-height:1.313em; margin-bottom:.5em; margin-top:0;} #explore_wrap .info_box p {color:#585b5d; font-size:.875em; line-height:1.5em;} #explore_wrap .prev-tab, #explore_wrap .next-tab {position:absolute; top:50%; margin-top:-17px; z-index:250;} #explore_wrap .next-tab {position:absolute; right:30px; } #explore_wrap .prev-tab {position:absolute; left:30px; } .system_image {position:relative; left:0; height:500px;} .system_image img {display:block;} /* ========================================================================== BOXES ========================================================================== */ .box {display:block; position:relative; overflow:hidden; } .box.white {background:#fff; margin-bottom:3em; padding-bottom:1em;} .panel_container .box.white {margin-bottom:0;} .box.blue {background:#50b3e7; padding:0 2em;} .box.blue.preq {font-size:.875em; color:#fff; line-height:1.5em; padding-top:1em;} .box.blue.white-p p, .box.blue.white-p ul li {color:#fff;} .box.blue .border-top {border-top:1px solid #2f8bbb;} .box.blue .button {margin-top:0; margin-bottom:2em;} .box.border {border-bottom:1px solid #babec0; border-top:1px solid #babec0; text-transform:uppercase; padding-bottom:2em;} .box.border h3 {display:block; margin-bottom:0;} .box.border h3 em {color:#4378bb; font-style:normal;} .box.border .button {clear:both;} .box .image {display:block; position:absolute; top:0; left:0; overflow:hidden; width:22.6%; margin-bottom:0; height:100%; background:#000;} .box .image img {width:auto; margin-left:-50%; width:500px; position:absolute;} .box .info {display:block; margin:30px 30px 15px 25.8%; overflow:hidden;} .box.agreement .info {margin-left:17.2%;} .box.blue.about_list .image {position:static; width:100%; height:auto; background:none; margin-top:2em;} .box.blue.about_list li {line-height:1.5em; margin-bottom:1em;} .box.blue.about_list .image img {position:static; width:100%; display:block; margin-left:0;} .box .info p {line-height:1.5em;} .box .info a {text-decoration:none;} .box .info a p {color:#000;} .box footer {display:block; padding-top:1em;} .box footer time, time {font-size:.75em; color:#585b5d;} header time {font-size:.875em; margin-bottom:2.5em; display:block;} .box footer .more {font-size:.75em; text-align:right; float:right; font-style:italic;} .box.white h3 {font-size:2em; color:#4378bb; padding-bottom:.5em; margin-top:.5em; border-bottom:1px solid #babec0;} .box.blue h3 {margin-bottom:.75em; font-size:1.875em; text-transform:uppercase;} .box.blue h5 {margin-top:1em; margin-bottom:.5em;} .box.blue ul li {color:#fff;} .box.white aside {width:39.606742%; float:right; margin-left:;} .box.white aside h5 {margin:0 0 .5em 0;} .box.white aside ul li {font-size:.875em;line-height:1.75em; margin-bottom:1em; padding-left:0; margin-left:15px; color:#585b5d;} .box.white .text {width:55.898876%; float:left; -webkit-transition:all .3s ease;} .box.white .text p {margin-top:0;} .box.white.service {min-height:300px; -webkit-transition:height .3s ease;} .box.white.news h3 {font-size:1.75em;border-bottom:none; padding-bottom:0;} .box.white.news .info a {display:block; min-height:200px;} .box.white.news .info footer a {height:auto; min-height:auto;} /* HOVER IMAGE ON BOX */ .service .image .arrow {width:14px; height:28px; display:block; position:absolute; z-index:150; bottom:2em; right:2em; cursor:pointer; -webkit-transition:-webkit-transform .3s ease; -moz-transition:-moz-transform .3s ease; -ms-transition:-ms-transform .3s ease; transition:transform .3s ease;} .service .image .arrow img {display:block; width:100%;} .box.white.service .image, .box.white.service .image img {-webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease; z-index:100; } .box.white.service .image.active { width:500px;} .box.white.service .image.active img {margin-left:0; right:0; } .box.white.service .image.active .arrow { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);} .box.white.service .image.active .arrow img {height:100%;} /* SERICE BOXES */ .box.white.agreement {background:#fff url(bg-box-agreement.png) top left no-repeat; padding-bottom:1em;} .box.white.agreement .image {background:none;} .box.white.agreement .image .label {display:block; width:100%; color:#fff; font-size:3.75em; text-transform:capitalize; line-height:1em; margin-left:24px; margin-top:20px; font-weight:bold;} .box.white.agreement .button {margin-top:1em;} /* PRODUCT DETAIL BOXES */ .box.white.detail .span_1_of_3 {margin-left:0;} .box.white.detail .info {margin-left:30px;} .box.white.detail .text {width:auto; float:none; overflow:hidden; position:relative;} .box.white.detail .line_list {margin-right:10%;} .box.white.detail .line_list li a.active {color:#000; } .box.white.detail .line_list li a.active .icn {right:0;} .box.white.detail h3 {font-size:1.875em; border-bottom:none; margin-bottom:0;} .box.white.detail .text h5 {margin-top:1em;} .box.white.detail .text ul li {line-height:1.313em; margin-bottom:1em;} .box.white.detail aside {width:284px; margin-left:32px; margin-bottom:1em;float:right; position:relative; top:0; right:0; margin-top:1em;} .box.white.detail aside .title {font-size:.875em; line-height:1.25em; display:block; margin-top:1em; color:#4378bb;} .box.white.detail footer {margin-top:2em; padding-top:2em; clear:both;} .box.blue.detail .line_list {margin-bottom:0;} .box.blue.detail .line_list li {padding-top:.5em; padding-bottom:.5em;} .box.blue.detail {padding-bottom:2em;} .doc_list {width:100%; overflow:hidden; display:block;} .doc_list li {display:block; float:left; margin-left:3.2%; width:48.4%;} .doc_list li:nth-child(odd) {clear:left; margin-left:0;} .doc_list li.first {clear:left; margin-left:0;} .doc_list li a {display:block; overflow:hidden;} .doc_list li a:hover .name {text-decoration:underline;} .doc_list li .image {width:27px; height:30px; float:left; margin-right:10px; background:#fff; position:static;} .doc_list li .image img {display:block; width:100%; position:static; margin:0;} .doc_list li .info {display:block; margin:0 !important;} .doc_list li .info .name {display:block; margin-bottom:.25em;} .doc_list li .info .brand, .doc_list li .info .cat {color:#000; font-size:.75em; float:left; font-weight:bold; text-trasnform:uppercase; line-height:1em;} .doc_list li .info .brand {padding-right:.75em; margin-right:.75em; border-right:1px solid #babec0; } /* ========================================================================== VIDEOS ========================================================================== */ #video_wrap {width:900px; height:506px; display:block; margin-bottom:0;} #hero.video {height:800px;} #hero.video .wistia_embed {margin-left:50px; background:none;} #hero.video h1 {font-size:1em; color:#fff;display:block; text-align:left; margin:0 auto; margin-bottom:.25em; padding:0; background:none; padding-right:100px; } #hero.video p.desc {font-size:.875em; color:#50b3e7; text-align:left; margin:0 auto; padding:0; background:none;} .video_content {width:900px; margin-left:50px; position:relative;} .parts_btn {text-transform:uppercase; text-decoration:none; font-size:.75em; position:absolute; right:0; top:0; padding:0 0 0 25px; color:#fff;} .parts_btn:hover {text-decoration:underline;} .parts_btn .icn {width:15px; height:15px; display:inline-block; *display:inline; zoom:1;-webkit-transition:-webkit-transform .2s ease; -moz-transition:-moz-transform .2s ease; -ms-transition:-ms-transform .2s ease; transition:transform .2s ease; vertical-align:middle; margin:-4px 2px 0 0;} .parts_btn .icn img {display:block; width:100%; position:static !important;} .parts_btn:hover .icn {-webkit-transform:rotate(-20deg); -moz-transform:rotate(-20deg); -ms-transform:rotate(-20deg); transform:rotate(-20deg);} .grid_list.w3.standard li .image {position:relative;} .grid_list.w3.standard li .info .name {font-size:1em;} .grid_list li .vid-hover {position:absolute; top:50%; margin-top:-31px; left:50%; margin-left:-45px; opacity:0; zoom:1; filter: alpha(opacity=0); -webkit-transition:opacity .3s ease; -moz-transition:opacity .3s ease; -ms-transition:opacity .3s ease; transition:opacity .3s ease; width:90px; height:62px;} .grid_list li a:hover .vid-hover, .grid_list li.active a .vid-hover {opacity:1 !important; filter: alpha(opacity=100) !important; z-index:100;} .grid_list li.active a img {opacity:.5;} /* ========================================================================== POPUP ========================================================================== */ #popup_bg {position:fixed; width:100%; height:100%; background:rgba(0,0,0,.8); display:none; z-index:1100; top:0; left:0;} .lt-ie9 #popup_bg {background:#000; } .popup { position:absolute; z-index:1200; top:100px !important; display:none; background:#eef0f1; -webkit-box-shadow:0 0 10px rgba(0,0,0,.8); -moz-box-shadow:0 0 10px rgba(0,0,0,.8); -o-box-shadow:0 0 10px rgba(0,0,0,.8); -ms-box-shadow:0 0 10px rgba(0,0,0,.8); box-shadow:0 0 10px rgba(0,0,0,.8); width:100%; border-radius:5px;} .popup header { top:0 !important;} .popup h5 {text-transform:uppercase; margin-top:0; margin-bottom:.25em;} .popup img {display:block; max-width:100%;} .popup .close {position:absolute; top:1em; right:1em; width:25px; height:25px; display:block;} .popup .close img {display:block; width:100%;} .popup_container {display:block; } .popup .scroll {overflow:auto; border:1px solid #babec0; height:auto; padding:0 1em; display:block;} .popup .scroll p {line-height:1.5em;} #parts-popup {width:700px; padding:1.25em 2em 2em 2em;} #parts-popup .scroll {height:400px;} /* ========================================================================== NEWS ========================================================================== */ .news_detail p:first-child {font-size:1.25em; font-weight:bold; color:#585b5d; } /* ========================================================================== BLOCKQUOTE ========================================================================== */ blockquote {display:block; margin:0; margin-top:2em; padding:0 0 0 3em; background:url(bg-blockquote.png) left 4px no-repeat;} blockquote p {color:#3d3f40; } blockquote .title {color:#3f74b8; font-size:.875em; font-style:italic;} /* PRESS KIT */ .presskit {margin:.75em 0; display:block; padding-left:55px; color:#fff; text-decoration:none; padding:1em 0 1em 55px; background:url(sprite-icn-help-black.png) left -215px no-repeat; -webkit-transition:background-position .15s ease; -moz-transition:background-position .15s ease; -ms-transition:background-position .15s ease; transition:background-position .15s ease;} .presskit:hover {background-position:left -218px; text-decoration:underline;} /* ========================================================================== HELP LIST ========================================================================== */ .help_list {margin:0; padding:0; list-style:none; margin-bottom:1em;} .help_list li {margin:0; display:block; border-top:1px solid #2f8bbb;} .help_list li a {color:#fff; text-decoration:none; -webkit-transition:background-position .2s ease; -moz-transition:background-position .2s ease; -ms-transition:background-position .2s ease; transition:background-position .2s ease; padding:1em 0 1em 33px; line-height:1.25em; display:block;} .help_list li a:hover {text-decoration:underline;} .help_list li.icn-chat a {background:url(sprite-icn-help-black.png) 0 15px no-repeat;} .help_list li.icn-chat a:hover {background-position:0 12px;} .help_list li.icn-email a {background:url(sprite-icn-help-black.png) 0 -54px no-repeat;} .help_list li.icn-email a:hover {background-position:0 -57px;} .help_list li.icn-call a {background:url(sprite-icn-help-black.png) 0 -122px no-repeat;} .help_list li.icn-call a:hover {background-position:0 -125px;} .help_list.horiz {text-align:center; overflow:hidden; display:block; margin-bottom:2em} .help_list.horiz li {display:inline-block; *display:inline; border:none; zoom:1; border-right:1px solid #2f8bbb; padding:0 2.5em 0 2.25em;} .help_list.horiz li.icn-call {border-right:none;} .help_list.horiz li a {font-size:1.25em; padding:.25em 0 .25em 33px;} .help_list.horiz li.icn-chat a {background:url(sprite-icn-help-black.png) 0 7px no-repeat;} .help_list.horiz li.icn-chat a:hover {background-position:0 4px;} .help_list.horiz li.icn-email a {background:url(sprite-icn-help-black.png) 0 -62px no-repeat;} .help_list.horiz li.icn-email a:hover {background-position:0 -65px;} .help_list.horiz li.icn-call a {background:url(sprite-icn-help-black.png) 0 -131px no-repeat;} .help_list.horiz li.icn-call a:hover {background-position:0 -134px;} .help_text {font-size:.875em; font-style:italic; position:absolute; right:0; top:10px; color:#585b5d; margin-top:-24px;} .help_text a:hover {text-decoration:none;} /* ========================================================================== FOOTER ========================================================================== */ #footer_content {overflow:hidden; width:1000px; margin:0 auto; color:#fff; padding:2em 0 1em 0; background:url(bg-footer-img.jpg) top right no-repeat;} .ft_links {display:block; list-style:none; margin:0; padding:0; margin-bottom:2em; list-style-image:none;} .ft_links li {margin:0; line-height:1.75em;} .ft_links li a {color:#a5abaf; font-size:.875em; text-decoration:none; } .ft_links li a strong {font-size:1.125em; line-height:1.25em;text-transform:uppercase; color:#fff; margin-bottom:1em; display:block;} .ft_links li a:hover, .ft_links li a:active {text-decoration:underline;} .company {font-size:.875em; line-height:1.75em;} .company h6 {font-size:1.25em;color:#fff; margin-bottom:1em; } .company a {text-decoration:none;} .company p .green {font-size:1.625em;} .social_list {list-style:none; margin:0 0 2em 0; padding:0; overflow:hidden;} .social_list li {float:left; display:block; margin-left:15px;} .social_list li.share {padding-top:15px;} .social_list li.fb, .social_list li.tw, .social_list li.li {width:48px; height:48px; -webkit-transition:opacity .3s ease; -moz-transition:opacity .3s ease; -ms-transition:opacity .3s ease; transition:opacity .3s ease;} .social_list li.fb:hover, .social_list li.tw:hover, .social_list li.li:hover, .social_list li.fb:active, .social_list li.tw:active, .social_list li.li:active {opacity:.5; zoom:1; filter: alpha(opacity=100);} .social_list li.fb {margin-left:0;} .social_list li a {display:block; text-indent:-9999px;} .social_list li.fb a {width:48px; height:48px; background:url(sprite-sm.png) 0 0 no-repeat;} .social_list li.tw a {width:48px; height:48px; background:url(sprite-sm.png) 0 -48px no-repeat;} .social_list li.li a {width:48px; height:48px; background:url(sprite-sm.png) 0 -96px no-repeat;}