@charset "utf-8";
body {margin: 0px;padding: 0px;font-family: "宋体";font-size:12px;color:#4e4e4e; background-color:#e2e2e2;}
td {font-size: 12px;}
img {border:none;}
form,input,select,button {font-size: 12px; color:#555555; vertical-align:middle;font-size: 12px; color:#333333; margin: 0px;padding: 0px;}
p{ text-indent:2em;}
ul,li,h1,h2,h3,h4,h5,dl,dt,dd,em,div {margin: 0px;padding: 0px; font-style:normal; list-style:none; text-indent:0px;}
a:active{star:expression(this.onFocus=this.blur());} 
:focus{outline:none;}
a:focus,button:focus{outline:none; -moz-outline:none;}
::-moz-focus-inner{border:0px;outline:none;}

.clear {margin:0px; padding:0px; clear:both;}
.h20{ height:20px; font-size:0px;}

/* ----- Links ----- */
a {text-decoration:none; color:#4e4e4e;}
a:hover {text-decoration:underline;color:#cc0000;}
a.back { text-align:center; display:block; color:#fff; margin-top:33px; background-image:url(/images/bg_btn1.gif); width:82px; line-height:29px;}
a:hover.back {color:#ffcc00; text-decoration:none;}

/* ----- top css ----- */
#head{ background-image:url(/images/bg_top.gif); position:relative; z-index:1;}
#head dl{ width:1000px; margin:0px auto; height:177px;}
#head .share{ height:23px; line-height:23px; text-align:right; color:#fff;}
#head .share a{color:#fff;}#head .share a:hover{color:#ffcc00;}
#head .share span{ float:right; margin-left:5px; display:inline;}
#head .logo{ float:left; padding-top:26px; height:87px;}
#head .tel{ float:right; padding-top:27px;}

/* ----- Navigation ----- */
#nav{ clear:both; margin-left:125px; width:875px;line-height:41px; height:41px; background:url(/images/bg_nav.gif) 0px top no-repeat;}
#nav li{ float:left;font-family:"微软雅黑";}
#nav li .aon a{display:block;height:41px; font-size:14px; width:125px; text-align:center;}
#nav li .aon a:hover,#nav li .aon .sele{color:#fff; text-decoration:none; background:url(/images/bg_nav.gif) 0px bottom no-repeat;}
#nav li .subnav{position:absolute; width:100%; top:177px; left:0px; display:none; line-height:34px; height:34px; background:url(/images/bg_subnav.png) 0px top no-repeat;}
#nav li dl{ width:716px; margin:0px auto; padding-left:284px;}
#nav li dl a{ color:#fff; margin-right:30px;}
#nav li dl a:hover,#nav li dl a.on{color:#ffcc00;}

/*index body*/
.banner{ text-align:center; margin:0px auto; height:467px; overflow:hidden; position:relative; padding-bottom:12px; background:url(/images/bg_banner.gif) 0px bottom repeat-x;}
#TabID{ position:absolute; right:20%; bottom:40px;}
#TabID li{float:left;width:18px;height:18px;cursor:pointer; margin-left:12px; display:inline; background:url(/images/bg_dot.gif) 0px top no-repeat;}
#TabID li:hover,#TabID li.active{ background:url(/images/bg_dot.gif) 0px bottom no-repeat;}

.mainbox{ width:1000px; margin:0px auto;}
.line{background-image:url(/images/bg_line.gif); line-height:0px; font-size:0px; height:2px;}
.about{ float:left; width:271px; height:412px;}
.about .photo{ height:150px; position:relative; overflow:hidden; border:5px solid #afafaf; margin-bottom:9px;}
#TabID2{ position:absolute; right:0px; bottom:8px;}
#TabID2 li{float:left;width:10px;height:10px;cursor:pointer; margin-right:7px; display:inline; background-color:#fff;}
#TabID2 li:hover,#TabID2 li.active{ background-color:#007cc3;}
.about .text{ height:116px; line-height:21px; margin-left:2px;}
.about .text h1{ padding-left:17px; font-size:12px; background:url(/images/arrow3.gif) 0px center no-repeat; line-height:28px;}
.about a.detail{ float:right; padding-left:18px; display:block; width:29px; line-height:16px; background: #5b5b5b url(/images/arrow2.gif) 6px center no-repeat; color:#c4c4c4;}
.about a:hover.detail{ color:#ffcc00;}

.news{ float:left; width:338px; padding-left:46px;}
.news .text{ height:88px; background:url(/images/line_1.gif) 0px bottom repeat-x; position:relative;}
.news .text dt{ float:left; width:76px; padding-top:1px;}
.news .text dt img{ border:1px solid #fff;}
.news .text dd{ line-height:20px; width:252px; float:right;}
.news .text .date{ right:0px; bottom:8px; position:absolute; color:#6f6d6d;}
.news li{ height:37px; line-height:35px; background:url(/images/line_1.gif) 0px bottom repeat-x;}
.news li a{ background:url(/images/arrow.gif) 3px center no-repeat; padding-left:28px;}
.news li a:hover{ font-weight:bold; color:#333; text-decoration:none;}
.news li span{ float:right; color:#6f6e6e;}

.hnews{height:215px;position:relative;}
#prev{width:43px; height:22px; position:absolute; top:193px; cursor:pointer; background:url(/images/arrow_scroll.gif) no-repeat left; text-indent:-999em; left:124px;}
#news_scroll_list{height:190px; position:relative; z-index:10; overflow:hidden;}
#news_scroll_list ul{ height:1000px; position:relative; z-index:10;}
#next{width:43px; height:22px; cursor:pointer; background:url(/images/arrow_scroll.gif) no-repeat right; text-indent:-999em; position:absolute; top:193px; left:175px;}

.case{ float:right; width:297px;}
.case .list{ background-color:#c0c0c0; padding-top:4px; height:298px; border-bottom:1px solid #fff;position:relative;}
.case .list ul{ height:266px;}
.case .list li{ background-image:url(/images/bg_listcase.gif); margin:11px 12px 0px 11px; height:72px;}
.case .list dt{ padding:8px 0px 0px 8px; width:98px; float:left;}
.case .list dd{ width:160px; float:left;}
.case .list h1{ border-bottom: 1px solid #8e8e8e; color:#fff; line-height:22px; padding-top:8px; font-size:13px;}
.case .list h1 a{ color:#fff;}.case .list h1 a:hover{ color:#ffcc00;}
.case .list p{ padding-top:2px;color:#FFF; margin:0px;width=158px;}
.case .list p a{ color:#fff;}.case .list p a:hover{ color:#ffcc00;}
.case .bgarrow_line{ background:url(/images/bg_arrowline.gif) 0px top no-repeat; height:10px; line-height:0px; font-size:0px;}

#prev2{width:43px; height:22px; position:absolute; top:270px; cursor:pointer; background:url(/images/arrow_scroll.gif) no-repeat left; text-indent:-999em; left:102px;}
#case_scroll_list{height:266px; position:relative; z-index:10; overflow:hidden;}
#case_scroll_list ul{ height:1000px; position:relative; z-index:10;}
#next2{width:43px; height:22px; cursor:pointer; background:url(/images/arrow_scroll.gif) no-repeat right; text-indent:-999em; position:absolute; top:270px; left:152px;}

.titlei{ padding-top:31px; height:41px;}
.titlei a{ float:right; display:block; margin-top:8px;}

/*sub body*/
.bansub{ background-position:center; background-repeat:no-repeat; height:295px;}
.mainusb{ padding-top:21px; width:1002px; margin:0px auto;}

#leftbar{ width:212px; float:left; border: 1px solid #dcdbdb; border-top: 2px solid #aaaaaa; padding:12px 0px 15px 0px; background-color:#fff;}
#leftbar .tp{ text-align:center; padding-top:2px;}
#leftbar .tp img{ border:1px solid #fff;}

#rightbar{ float:right; width:737px; height:auto !important; height:350px; min-height:350px; padding-bottom:20px;}

.menubox{ margin:0px 8px 0px 9px; background:url(/images/bg_leftmenu.gif) 0px top no-repeat;}
.menubox .title{ margin-bottom:4px; padding:10px 0px 0px 34px; background-image:url(/images/bg_titles.gif); height:43px;font-size:24px;color:#d80f1e;}
.menubox li{ height:26px; text-align:center; margin-bottom:16px;}
.menubox li a{ display:block; line-height:26px; overflow:hidden; background:url(/images/bg_menu.gif) 0px top no-repeat; color:#414141;}
.menubox li a:hover,.menubox li a.on{background:url(/images/bg_menu.gif) 0px bottom no-repeat; color:#fff; text-decoration:none;}

.position{ height:35px; line-height:33px; background:url(/images/bg_line.gif) 0px bottom repeat-x;}
.position .place{ float:right;}
.position h1{ color:#000000; font-size:16px; padding-left:29px; background:url(/images/arrows1.gif) 1px center no-repeat; font-family:"微软雅黑"; font-weight:normal;}

.box_s1{ margin-top:20px;}
.box_s1 dl{ padding-top:4px; border: 1px solid #cdcdcd; border-top:0px; background-color:#eaeaea;}
.box_s1 .titles{ padding-left:18px; line-height:25px; border: 1px solid #b3b3b3; background-image:url(/images/bg_titles2.gif);}

.titles2{ text-align:center; font-size:14px; height:33px; padding-top:31px;}

/* ----- font ----- */
.Arial { font-family:Arial, Helvetica, sans-serif;}
.f_red { color:#e83417;}
.f_gray1 { line-height:30px; font-size:14px; text-align:center; color:#333333;}
.f_gray2 { line-height:30px; color:#333333; padding-bottom:15px; font-size:12px;}

.f_blue { color:#007cc3;}

a.back { text-align:center; display:block; width:71px; line-height:25px; color:#fff; background-color:#6a6a6a; margin-top:22px; float:right;}
a:hover.back { color:#ffcc00;}

.content{ line-height:22px; padding-top:20px;}
.content1{ line-height:22px; padding-top:20px;background-color:#fff}
.titleinfo{ text-align:center;}
.feedback{ background:url(/images/bg_guestbook.jpg) right top no-repeat;}
.feedback dl{ width:416px;}
.feedback dd{ padding-bottom:11px; float:left;}
.w68{width:68px; padding-left:18px; clear:both;}
.w308{width:308px;}
.send{ text-align:center; width:308px;}

.tp_s1{ padding-top:9px;}
.tp_s1 img{ border: 1px solid #fff;}

.text_news{ height:128px; border-bottom:1px solid #b7b7b7; position:relative; padding-top:26px;}
.text_news dt{ float:left; width:165px; padding-top:4px;}
.text_news dt img{ border:1px solid #ababab; padding:1px;}
.text_news dd{ line-height:24px; width:562px; float:right;}
.text_news .date{ right:0px; bottom:6px; position:absolute;}
.text_news a.detail{ right:0px; bottom:33px; position:absolute; display:block; background-image:url(/images/detail.gif); width:68px; height:22px;}

/*list*/
.list_news li{ height:45px; line-height:45px; border-bottom:1px solid #c7c7c7;}
.list_news li span{ float:right;}
.list_news a:hover{ color:#e10612; text-decoration:none;}
.list_news .hover{ color:#e10612; cursor:pointer;}
.list_news .hover a{ color:#e10612;}

.list_about li{ color:#000000; line-height:20px; padding:9px 0px 0px 0px; height:131px;}
.list_about li dt{ float:left; width:156px; padding:8px 0px 0px 2px;}
.list_about li dt img{ border: 1px solid #8e8c8c; padding:2px;}
.list_about li dd{ float:right; width:568px;}
.list_about li dd h1{ line-height:28px; font-size:12px;}
.list_about li dd h1 a{ color:#000;}

.list_hornor li{ border: 1px solid #d1d1d1; float:left; width:157px; text-align:center; line-height:33px; height:135px; margin:19px 0px 0px 19px; display:inline;vertical-align:middle; cursor:pointer; background-color:#fff;}
.list_hornor li .tp{ padding-top:5px; height:124px;vertical-align:middle; position:relative;overflow:hidden; cursor:pointer;}
.list_hornor .zoom{ position:absolute; right:1px; bottom:1px;}
.list_hornor .hover { background-color:#007cc3;}
.list_hornor .hover a{ color:#fff; text-decoration:none;}

.page{ text-align:right; clear:both; padding:20px 0px 0px 0px;}
.page a{ font-family:Arial, Helvetica, sans-serif;}
.page a.on{ font-weight:bold;}

/* ----- form ----- */
.btn_1 { width:82px; height:29px; text-align:center; color:#fff; background-image:url(/images/bg_btn1.gif); border:0px; cursor:pointer;}
a.btn_2 { text-align:center; margin:35px auto 0px; display:block; width:209px; height:42px; line-height:42px; font-size:14px; font-weight:bold; color:#3f3f3f; background-image:url(/images/bg_btn1.jpg);}
.btn_2 {color:#333;height: 30px;width:70px;background: #FFFFFF url(/images/btn_3.gif); border:none; cursor:pointer;}

a:hover.btn_2 { color:#cc0000; text-decoration:none;}

.input_search { border:0px; width:215px; height:27px; line-height:27px; color:#c4c3c3; background:url(/images/bg_input01.gif) 0px top repeat-x;}
.input_1 { width:187px; height:21px; line-height:21px; border: 1px solid #cccccc;}
.input_3 { border: 1px solid #cfcfcf; width:91px; height:20px; line-height:20px; color:#bfbfbf; font-family:Arial, Helvetica, sans-serif;}
.input_4 { border: 1px solid #cfcfcf; width:662px; height:77px; line-height:20px; color:#bfbfbf; font-family:Arial, Helvetica, sans-serif;}
.input2{ border:1px solid #a6a6a6; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; background-color:#f9f9f9; height:18px; line-height:18px; width:194px;}

.select1 { background-color:#efefee; color:#9f9f9f; width:197px; height:20px;}

/* ----- footer ----- */
#foot { background-image:url(/images/bg_bottom.gif); height:67px; line-height:67px; text-align:center; color:#8d8d8d;}
#foot dl{ width:1000px; margin:0px auto; position:relative;}
#foot .ba{color:#9f9f9f; position:absolute; top:11px; right:16px;}

#full-screen-slider { width:100%; height:396px; float:left; position:relative}
#slides { display:block; width:100%; height:396px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:340px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}


.prew{width:545px;height:27px;line-height:27px; border:1px solid #e0e0e0;margin-top:10px;}
.prew span{ display:block;width:79px;height:27px;border-right:1px solid #e0e0e0; text-align:center; background:#f9f9f9;color:#525252;float:left;}
.prew p{width:450px;float:left;padding-left:10px;}.prew p a{color:#525252}
.prew p span{float:right; background:none; border:none;color:#b5b5b5;}
.prew p a:hover{color:#bd0000}

.pronei{border:1px solid #D3D3D3;  height:auto;background-color:#FFF;}
.pronei li{ display:inline; background:#F1F1F1; display:inline; width:205px; height:316px; margin:15px 0px 0px 16px; padding:10px; float:left;}
.pronei li h3 a{ display:block; margin-top:3px;  color:#0066FF;}
.pronei li h4 a{color:#CC9900; font-weight:100;}
.pronei li h5{ width:200px; height:88px; font-weight:normal; overflow:hidden; line-height:22px;}

#pages { width:690px;padding:10px 0 10px;text-align:center;font:12px; overflow:hidden;}
#pages a { display:inline-block; padding:0px 8px; height:22px;font-size:12px;line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333}
#pages a.a1 {padding:0px 12px; height:22px; line-height:22px;margin-top:0px;}
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
#pages span { display:inline-block;  padding:0px 8px; height:22px; line-height:22px; background:#0A92EF; border:1px solid #0A92EF; color:#fff; text-align:center; }


/*- proo---------------------------*/
.proo{padding:16px 20px 20px 16px; border:1px solid #D3D3D3;background-color:#FFF;}
.proo h2{ font-size:14px;}
.proo-al{ float:left;}
.proo-al li{ float:left; margin:10px;}
.proo-al p{ text-align:center; line-height:25px;}

.proo-ar{ float:left; width:260px; margin-left:20px;}
.proo-ar1 li{ border-bottom:#BECCD8 solid 1px; height:35px; line-height:35px;}
.proo-ar1 li.imgg{_padding-top:8px;_height:20px;}
.proo-ar1 li.imgg img{ margin:0 5px;}
.proo-all img{border:#ccc solid 1px;}
.proo-ar2 li{ padding:8px 0 0; font-weight:700;}
.proo-ar2 li img{ margin-right:5px; margin-bottom:-5px; }

.proo-all
{
   position:relative;
   z-index:1;
}

.proo-bl{padding:48px 0 20px;*padding:20px 0 20px;min-height:200px;height:auto!important;height:200px; }
.proo-b{font-size:14px; height:26px;padding-left:16px;text-align:center; display:block;color:#0000ff;}
.proo-bl h2{font-size:14px; height:26px; border-bottom:#BECCD8 solid 1px; background:url(/images/arrow.gif) left no-repeat; padding-left:16px;}
.proo-d{ margin:12px;}

.proo-b li{ float:left; margin:20px 10px 20px 4px;}
.proo-b img{ border:1px solid #ccc;}

.pic-title{height:30px;overflow:hidden; padding:0; line-height:30px; margin-top:16px; border-bottom:1px solid #ddd; font-size:12px;}
.pic-title li{font-weight:bold; padding-bottom:5px; float:left; background:url(../images/tit_03.jpg) repeat-x left top; text-align:center; width:100px; height:30px; display:block;  margin-right:3px; border:1px solid #D2D2D2;}
.pic-title li a:hover{ font-weight:bold; text-decoration:none; background:url(../images/tit_05.jpg) repeat-x left top; color:#0E366D; display:block; width:103px; height:33px;}
#show{ width:357px; height:304px; overflow:hidden; position:relative; left:0; }
#show_mark{ position:absolute; top:0; left:0; width:200px; height:100px; background-color:#000; opacity:.5; filter:alpha(opacity=50); cursor:crosshair; border:1px solid #999; display:none; }
#zoom{ position:absolute; left:357px; top:0; z-index:3; width:352px; height:265px; display:none; overflow:hidden; border:1px solid #eee; }
#zoom img{ position:absolute; left:0; top:0; }


.fwmenu{ background:#f1f1f1; border-top:solid 1px #fff;}
.fwmenu .box{ width:602px; line-height:50px; text-align:center; margin:auto; position:relative;}
.fwmenu .box a{ width:100px;color:#5b5b5b;height:50px; display:inline-block; font-size:14px;position:relative;}
.fwmenu .box a:hover,.fwmenu .box a.acur{ background:#004a93; color:#fff; text-decoration:none;}
.fwmenu .box a:hover span{display:block;}
.fwmenu .box a span{width:20px;height:20px;display:none;position:absolute;bottom:-13px;left:40%;}


.izl-rmenu{
	       margin-right: 0;
	       width: 82px;
	       position: fixed;
	       right: 2px;
	       top: 65%;
	       -webkit-box-shadow: #DDD 0px 1px 5px;
	       -moz-box-shadow: #DDD 0px 1px 5px;
	       box-shadow: #DDD 0px 1px 5px;
	       z-index:999;
}
.izl-rmenu .consult{    
	background-image: url(/images/kf/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 76px;
    width: 82px;
}
.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
    background-image: url(/images/kf/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 16px;
    width: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    padding-top: 15px;
    padding-right: 18px;
    padding-bottom: 47px;
    padding-left: 48px;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
    background-image: url(/images/kf/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
	background-image: url(/images/kf/float_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.izl-rmenu .cart .pic {
	display:none;
    position: absolute;
    left: -160px;
    top: 65px;
    width: 160px;
    height: 160px;
    background:url(/images/kf/weixin.jpg);
}
#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -76px;
    -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(/images/kf/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #FFF!important;
    z-index:999;
}