﻿@charset "utf-8";
/* CSS Document */

/* index */
.outmain {width:1000px; margin:0 auto; margin-top:15px;}
.main_up { padding-bottom:15px; padding-top:10px;}
.main_down { padding-top:30px;}
.main_down p { margin:3px 0;}
.footer {width:993px; margin:0 auto; background:url(../images/foot_bj.jpg) top center no-repeat; height:42px; line-height:42px; text-align:center; color:#888888;}

/* index */
.about { margin-top:15px; padding-bottom:80px;c}
.about p { margin:3px 0; line-height:24px; color:#555555;}

/* contact */
.contact { margin-top:15px; padding-bottom:80px; min-height:400px; height:auto !important; height:400px; overflow:visible;}
.contact p { margin:5px 0; line-height:24px; color:#555555;}
.contact span { vertical-align:-5px; padding-right:5px;}

/*case*/
.ablum_tit { text-align:center; font-size:13px; color:#333333; font-weight:bold; margin-top:25px; }
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper { display:none; width:620px; margin:0 auto;}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; height:304px; width:577px;  margin-left:19px; padding:1px; border:1px solid #dedede;}
#fullsize h3 { display:none;}
#information {position:absolute; bottom:0; width:577px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information p { display:none;}
#image {width:577px;}
#image img {position:absolute; z-index:25; height:304px; width:577px;}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#thumbnails { margin-top:10px;}
#imgnext {right:0;}
#imglink {position:absolute; height:328px; width:579px; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#slideleft {float:left; width:14px; height:73px; background:url(../images/ablum_button01.jpg) no-repeat; cursor:pointer;}
#slideright {float:right; width:14px; height:73px; background:url(../images/ablum_button02.jpg) no-repeat; cursor:pointer;}
#slidearea {float:left; position:relative; width:579px; margin-left:5px; height:73px; overflow:hidden}
#slider {position:absolute; left:0; height:73px}
#slider img {cursor:pointer; border:1px solid #e0e0e0;  width:139px; height:73px; }

/* video_list */
.carousel-list ul li { }
.video_list { margin-top:130px; margin-bottom:200px; border-top:1px solid #dddddd; padding-top:30px;}
.carousel-list .icon { position:absolute; left:79px; top:28px;}
.carousel-component .carousel-list li .icon img { width:22px; height:22px;}
#html-carousel .carousel-list li img {  display:block; }
#html-carousel {  margin-bottom: 10px; float: left; width: 660px; height: 140px;}

#prev-arrow-container, #next-arrow-container {  float:left; margin: 0px; padding: 0px; padding-right:10px; padding-left:10px; padding-top:22px;}
#next-arrow {  cursor:pointer; }
#prev-arrow {  cursor:pointer; }
.carousel-component { position:relative; overflow:hidden; visibility:visible; /* component turns it on when first item is rendered */}
.carousel-component ul.carousel-list { width:10000000px;position:relative;z-index:1; }
.carousel-component .carousel-list li { float:left;list-style:none;overflow:hidden;}
.carousel-component .carousel-list li img{ width:198px; height:107px; border:1px solid #ccc; margin-bottom:5px; }
.carousel-component .carousel-vertical li { float:none;margin-bottom:0px;}
.carousel-component ul.carousel-vertical { width:auto;}
.carousel-component .carousel-clip-region { overflow:hidden;margin:0px auto;position:relative; }
.carousel-component ul.carousel-list { margin:0px;padding:0px 0px 0px 0px;}
.carousel-component .carousel-list li { text-align:center;margin:0px 0px 0px 0px;padding:0px;color:#666; padding:0 10px; font-size:13px; font-weight:bold; color:#240000;}

/* product_list */
.product_list {}
.product_list .list_tit { background:url(../images/tit_bj03.jpg) repeat-x; height:40px; line-height:40px;}
.search_box {background:url(../images/input01.jpg) left center no-repeat; float:left;  width:295px;  height:40px; line-height:40px; display:inline-block;  margin-left:15px;}
.input_box { background:none; border: 0 none; height:40px; line-height:40px; *line-height:38px; _line-height:40px;overflow: hidden; padding-left: 7px;  text-overflow: ellipsis; white-space: nowrap; width: 280px;}

.search_but { background:url(../images/banner04.jpg) left center no-repeat; float:left;  width:51px; height:40px; line-height:40px; display:inline-block; margin-left:13px;}
.input_but {background: none; border: 0 none; cursor: pointer;  height: 40px;line-height:40px;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 51px;}

#tm2008style { float:left; padding-top:9px; padding-left:10px;}
#tm2008style .select_box{ width:178px;height:22px; background:url(../images/select_bj02.jpg) no-repeat;}
#tm2008style div.tag_select{display:block;color:#137bc4;width:158px;height:22px;background:transparent url("../images/tm2008-select.gif") no-repeat 0 0;padding:0 10px;line-height:22px;}
#tm2008style div.tag_select_hover{display:block;color:#137bc4;width:158px;height:22px; padding:0 10px;line-height:22px;}
#tm2008style div.tag_select_open{display:block;color:#414141;width:158px;height:22px; padding:0 10px;line-height:22px;}
#tm2008style ul.tag_options{position:absolute;margin:0; padding:0 0 1px;margin:0;width:177px; border:1px solid #bac5cc; border-top:none; background:#e8f3fa;}
#tm2008style ul.tag_options li{background:transparent url("../images/tm2008-select.gif") repeat-y -102px 0;display:block;width:160px;padding:0 10px;height:22px;text-decoration:none;line-height:22px;color:#000;}

#tm2008style ul.tag_options li.open_hover{background:transparent url("../images/tm2008-select.gif") no-repeat 0 -88px;color:#137bc4}
#tm2008style ul.tag_options li.open_selected{background:transparent url("../images/tm2008-select.gif") no-repeat 0 -66px;color:#137bc4}

.product_list .list_part { padding:10px 30px 10px 15px; background:#f5f5f5;}
.product_list .list_part ul li { float:left; width:130px; line-height:24px; color:#333333; display:inline-block; height:24px; overflow:hidden;}
.product_list .list_part ul li a { color:#333333;}
.product_list .list_part ul li a:hover { color:#008ff6;}
.product_list .list_part ul .li_on { color:#008ff6;}
.product_list .list_part ul .li_on a { color:#008ff6;}

.product_list .list_con { margin-top:7px;}
.product_list .list_con ul li{ float:left; width:171px; margin-right:15px; margin-bottom:20px;}
.product_list .list_con ul li img { border:1px solid #ccc; width:165px; height:122px;}
.page { text-align:right; padding:10px 5px 30px 0;}
.page span { padding-left:3px;}
.page a{ height:16px; line-height:16px; border:1px solid #eeeeee; padding:0 7px; background:#f5f5f5; padding-top:2px; color:#1589cf; }
.page .span_on a{ background:url(../images/page_bj.jpg) repeat;border:1px solid #3485b7; border-bottm:1px solid #2d95d4; border-right:1px solid #2d95d4; color:#ffffff; }
.page a:hover { background:url(../images/page_bj.jpg) repeat;border:1px solid #3485b7; border-bottm:1px solid #2d95d4; border-right:1px solid #2d95d4; color:#ffffff;}

/* list_banner */
.list_banner { width:730px; height:269px; margin:10px 0 5px 0;}
.reveal_up { height:100px; border-bottom:1px solid #e5e5e5; padding:10px 0 25px 0;}
.reveal_up p { margin:3px 0;}
.reveal_up .up_left { width:345px; border-right:1px solid #eaeaea; padding-left:18px;}
.reveal_up  .p1 { font:bold 12px Arial, Helvetica, sans-serif; color:#333333; padding-top:3px; }
.reveal_up  .p2 { padding-top:3px; }
.reveal_up  .p3 { padding-top:7px;}
.reveal_up  .p3 a{border:1px solid #cccccc; font-size:11px; display:inline-block; padding:1px 6px;}
.reveal_up .up_left .fl { width:230px;}
.reveal_up .up_left .fr { width:100px; padding:15px 10px 0 0;}
.reveal_up .up_right .fl { width:230px;}
.reveal_up .up_right .fr { width:100px; padding:15px 5px 0 0;}
.reveal_up .up_right { width:345px; padding-left:20px;}

.reveal_down { background:url(../images/porduct_bj01.jpg) left repeat-y; margin-top:20px; margin-bottom:50px; }
.reveal_down ul li { float:left; width:288px; height:148px; position:relative;margin:0 38px; _margin:0 30px 0 24px;margin-top:15px;  border-bottom:2px solid #000000;}
.reveal_down ul li .span_a { position:absolute; left:8px; top:40px; }
.reveal_down ul li .span_a p{ margin:2px 0;}  
.reveal_down ul li .span_a .p1 { font-weight:bold;}
.reveal_down ul li .span_a .p2 { height:30px; overflow:hidden;}

/* questions */
.questions { padding-bottom:40px;}
.questions ul li { padding-top:20px;  }
.questions ul li p { margin:5px 0;}
.questions ul li .p1 { background:url(../images/icon11.jpg) left top no-repeat; color:#0f63b1; font-weight:bold; padding-left:28px; padding-top:1px; margin-left:5px;}
.questions ul li .p2 { background:#f6f6f6; margin-bottom:0; padding-left:25px; padding-top:20px; line-height:24px;}
.questions ul li .p2 .fl{ width:21px;padding-top:1px; *padding-top:2px;}
.questions ul li .p2 .fr{ width:625px; padding-right:52px;}
.questions ul li .p3 { background:#f6f6f6; margin-top:0; text-align:right; padding:5px 70px 10px 0;}

/* questions_con */
.questions_con  { padding-top:10px; padding-bottom:30px; min-height:400px; height:auto !important; height:400px; overflow:visible;}
.questions_con p { margin:5px 0;}
.questions_con .p_tit { font-weight:bold; color:#0f63b1; padding:3px 0;}