﻿@charset "utf-8";

/* CSS Document */

body{ font:12px Arial ; line-height:20px; background: url(../images/top_bg.gif) repeat-x; color:#333; margin:0; padding:0; border:0 }

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,img,p { padding:0; margin:0; border:0}

img{ padding:0px; margin:0px; border:0 }

ul { list-style:none }

li { list-style-type:none; list-style-image:none }

a { color:#333; text-decoration:none}

a:hover{ color:#b30101; text-decoration:underline }

 .hui { color:#999 }

.fl { float:left }

.ri { float:right }

.white { color:#FFF }

.white a{ color:#FFF; text-decoration:none }

.white a:hover { color:#FFF; text-decoration:underline}

.red{ color:#b70101; text-decoration:none }

.red a { color:#b70101; text-decoration:none }

.red a:hover { color:#b70101; text-decoration: underline }

.h10 { height:10px }



.top,.logo,.product_line,.index_content{ width:1100px; margin:auto }

.top{ height:24px; line-height:24px; margin-bottom:5px }

.logo { height:85px; }

.logo  img { float:left; border-right:2px solid #c2181b; margin:10px 5px 0 0; padding-right:5px}

.logo h1{ width:360px; font-size:20px; float:left; padding-top:20px;}

.logo .search {width:345px; float:right }

.logo .search span{height:20px; display:block; margin-right:30px; float:left; line-height:20px; margin-top:10px; text-align:center;}

.logo .search .go {height:26px; margin-top:10px; float:left}

.logo .search .go span { float:left; margin-right:5px}

.logo .search .go input { width:142px; height:24px; line-height:24px; border:1px solid #CCC; margin-right:10px; float:left; }

.logo .search .go button { width:27px; height:20px; background: url(../images/go.gif); float:left ; margin-top:2px}



.dh {width:100%; height:35px; font-size:18px; color:#FFF; font-weight:bold; line-height:35px;  background:url(../images/dh_bg.gif) repeat-x; font-family:Georgia, "Times New Roman", Times, serif}

.dh ul { width:1100px; margin:auto }

.dh ul li { padding:0 35px; float:left }

.dh ul li a{ color:#FFF;}

.dh ul li a:hover{ color:#FFF; text-decoration:underline }



.banner {width:100%; height:220px; overflow:hidden; background:url(../images/banner_bg.gif) bottom repeat-x; margin-bottom:10px; text-align:center;}



.product_line ul { width:1085px; padding:15px 0px 15px 15px; overflow:hidden }

.product_line ul li { width:240px; padding:0px 15px; background:url(../images/cp_fg.gif) right 5px no-repeat; float:left}

.product_line ul li strong { display:block; font-size:14px; background: url(../images/yuan.gif) 0px 2px no-repeat; text-indent:20px; margin-bottom:5px}

.product_line ul li img { float:left; width:108px; height:75px;margin-right:5px }



.index_content { overflow:hidden; margin-bottom:20px }

.index_pro_li { width:538px; float:left; margin-right:24px;}

.index_pro_li_dh {font-size:14px; font-weight:bold; height:36px; line-height:36px; border-bottom:1px solid #B3B3B3; margin-bottom:10px}

.index_pro_li_dh span{ text-align:center; display:block; }

.index_pro_li_dh .nav1 { width:143px; text-align:center; color:#FFF; background:url(../images/cp_red.gif) }

.index_pro_li_dh .nav2 { width:122px; background: url(../images/dh_hui.gif) repeat-x; margin-right:115px; color:#FFF;}

.mr { margin-right:2px }

.index_pro_li_xia { }

.index_pro_li_xia  .index_pro_li_left { width:308px; float:left; }

.index_pro_li_xia  .index_pro_li_left  .index_pro_li_left_sh { overflow:hidden }

.index_pro_li_xia  .index_pro_li_left  .index_pro_li_left_sh ul li  { width:92px; height:82px; text-align:center; float:left; margin-right:5px; overflow:hidden }

.index_pro_li_xia  .index_pro_li_left  .index_pro_li_left_sh ul li img { width:92px; height:58px;}

.index_pro_li_xia  .index_pro_li_left  .index_pro_li_left_xia ul { width:150px; float:left }

.index_pro_li_xia  .index_pro_li_left  .index_pro_li_left_xia ul li { width:150px; line-height:20px; background:url(../images/li_style.gif) 5px 7px no-repeat; text-indent:15px; }

.index_pro_li_xia  .index_pro_li_right { width:230px; float:right }

.index_pro_li_xia  .index_pro_li_right ul li { text-indent:20px; background:url(../images/news_a.gif) 0 9px  no-repeat}

.index_pro_li_xia  .index_pro_li_right ul li a {}

.index_pro_li_xia  .index_pro_li_right ul li a:hover { background:url(../images/new_li_hover.gif) 0 9px no-repeat }



.index_about { width:350px; float:left; overflow:hidden; margin-right:10px }

.index_about ul { width:350px;  background:#F8F8F8; overflow:hidden; margin-top:15px} 

.index_about ul li { width:340px;  background:#F8F8F8; padding:8px 5px; float:left }

.index_about ul li img { float:left; height:75px; margin-right:10px }

.index_con_ser { width:170px; float:right }

.index_contact { width:148px; line-height:28px; background:url(../images/index_con_bg.gif)  repeat-x; border:1px solid #CCC; padding:5px 10px; margin-top:10px ; overflow:hidden }

.index_contact p {  line-height:25px; background:url(../images/cotant_bg.gif) no-repeat; padding-left:25px }





.foot { width:100%; background:#232323; padding:40px 0px;} 

.foot .foot_z {  width:1100px; background:url(../images/consult.gif) 904px 10px no-repeat; margin:auto; overflow:hidden }

.foot .foot_z dl { float:left; line-height:25px; margin-right:40px  }

.foot .foot_z dl dt { font-weight:bold;}

.foot .foot_z dl .p10 { padding-left:15px }

.foot .foot_z dl dd { color:#aaaaaa }

.foot .foot_z dl dd a { color:#aaaaaa}

.foot .foot_z dl dd a:hover { color:}

.w95{ width:95px;}

.w210 { width:210px; }

.fot_li_bg { background:url(../images/foot_li_bg.gif) 0px 10px no-repeat; text-indent:15px }



.copyright{width:100%; height:auto; background:#000000; padding-top:10px;}

.copyright p{width:1100px; margin:auto; clear:both;}

.copyright p a{height:20px; line-height:20px; margin-right:10px;}



.page_pro_left { width:266px; float:left; background: url(../images/pro_dh.gif) top no-repeat; padding:65px 6px 0 6px; margin-right:10px }

.page_pro_left dl { background:#EDEDED; border:1px solid #dedede; padding:10px 0px; border-top:none; margin-bottom:10px }

.page_pro_left dt { width:236px; height:28px; line-height:28px; padding:0px 15px ; background:#DFDFDF; font-weight:bold }

.page_pro_left dd { width:236px; height:28px; line-height:28px; padding:0px 15px;  }



.page_pro_mid { width:620px; float:left; }

.page_pro_mid_dh {width:618px;  height:39px; line-height:39px; margin-bottom:10px; }

.page_pro_mid_dh span { width:596px; background: #EEEEEE; padding-left:10px; float:left;  }

.page_pro_mid_line { width:596px; background:#EDEDED; border:1px solid #eaeaea; padding:10px 10px; overflow:hidden; margin-bottom:10px }

.page_pro_mid_line ul li { width:138px; padding:0px 5px; border-right:1px solid #a8a8a8; float:left }

.page_pro_mid_line ul li img { width:138px; height:90px;}

.page_pro_mid_line ul li strong { width:138px; display:block; text-align:center }

.page_pro_mid_list { width:620px; }

.page_pro_mid_list ul li { width:600px; padding:10px; background:#EDEDED; margin-right:2px; float:left; margin-bottom:10px}

.page_pro_mid_list ul li img { width:136px; height:90px; float:left; margin-right:10px }

.page_pro_mid_list ul li strong { margin-bottom:10px }

.pages { width:618px; }

.pages li { float:left; padding:5px;}

.page_right { width:184px; float:right}

.page_right .buy { width:107px; height:122px; background:url(../images/buy_server.gif); padding:50px 10px 0px 67px; margin-bottom:10px}



.page_right .buy span { display:block; font-size:18px; font-weight:bold; padding-left:15px; margin-bottom:30px }

.page_contact { width:152px; line-height:28px; background:#EDEDED; border:1px solid #CCC; padding:20px 15px; overflow:hidden; margin-bottom:10px }

.page_contact p {  line-height:25px; background:url(../images/cotant_bg.gif) no-repeat; padding-left:30px }

.page_faq ul { width:172px; background:#EDEDED; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; padding:5px }

.page_faq ul li { padding:5px; border-bottom:1px solid #DFDFDF }



.page_pro_photo {margin-bottom:20px; overflow:hidden } 

.page_pro_photo .img { width:318px; height:265px; float:left; }

.page_pro_photo .ph_r { width:292px; float:right; overflow:hidden  }

.page_pro_photo .ph_r  h1{ font-size:30px; padding-top:5px; margin-bottom:10px;}

.page_pro_photo .ph_r strong { font-size:14px }

.page_pro_photo .ph_r p { margin-bottom:10px }

.page_pro_photo .ph_r .mcr_tp { height:75px; }

.page_pro_photo .ph_r .mcr_tp img{ width:64px; height:60px; border:1px solid #CCC; padding:2px; float:left; margin-right:2px }

.page_pro_photo .ph_r .click {width:120px; height:35px; font-size:14px; font-weight:bold; line-height:35px; background: url(../images/click_consult.gif); text-align:center; margin-top:10px; float:left;}

.page_pro_photo .ph_r .order{width:120px; height:35px; font-size:14px; font-weight:bold; line-height:35px; background: url(../images/click_consult.gif); text-align:center; margin-top:10px; float:right;}

.page_pro_photo .ph_r .red { font-size:14px }





.page_pro_li_text {height:auto; }

.page_pro_li_text_nr {width:586px; height:520px; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; padding:0px 15px; overflow:hidden }

.ord_dh {width:586px; background: url(../images/pro_orer_bg.gif) 0px 5px no-repeat; text-indent:25px; font-weight:bold;}

.page_order { }

.page_order ul li { margin-bottom:10px }

.page_order ul li strong { width:100px; float:left; text-align:left}

.page_order ul li input { width:304px; height:25px; line-height:25px; border:1px solid #CCC; }

.page_order ul li textarea{ width:304px;  }

.page_order ul li .button { width:112px; height:37px; background:url(../images/order_banner.gif); font-weight:bold; font-size:14px; text-align:center; border:none }



.related_Product{width:564px; height:150px; background:url(../images/pro_list_bg.gif) repeat-x; border:1px solid #cddae2; padding:10px; margin-top:10px; clear:both; overflow:hidden;}

.related_Product strong { display:block; font-size:14px; padding-left:20px; color:#3d85ab; overflow:hidden; margin-bottom:10px }

.related_Product .cplb{ }

.related_Product .cplb .arrows{ width:22px; height:42px; margin-top:35px }

.related_Product .cplb ul { float:left }

.related_Product .cplb ul li { width:147px; height:104px; text-align:center; float:left ; margin:0px 13px 0px 12px }

.related_Product .cplb ul li img { width:145px; height:102px; border:1px solid #c6c6c6; padding:1px}





.page_news{ width:588px; padding:10px; font-family:Arial, Helvetica, sans-serif; overflow:hidden;}

.page_news li{ margin-bottom:40px;}

.page_news li h3 span{ font-size:12px; color:#666; font-weight:normal; float:left;}

.page_news li h3 a{ float:left; font-size:14px; color:#000; padding-left:10px;}

.page_news li a:hover{ text-decoration:none;}

.page_news li p{ clear:both; padding-top:12px;}

.page_news li p a{ font-style:oblique; font-size:12px; color:#666; line-height:20px;}

.page_news h1{ font-size:18px; line-height:40px; border-bottom:1px solid #bebebe; text-align:center }





.page_case { width:616px; border:1px solid #dedede; background:#EDEDED; overflow:hidden; padding-bottom:10px }

.page_case strong { display:block; line-height:30px; width:586px; font-size:14px; border-bottom:1px solid #d6d6d6;  margin:10px auto }

.page_case ul li {width:175px; float:left; margin:0px 15px 0px 15px; text-align:center;}

.page_case ul li img { width:175px; height:120px;} 

.page_case p{ margin:0 15px;}

.page_order_ny {width:600px; padding:0 10px;}

.page_order_right{width:360px; float:right;}

.page_order_left{width:230px; float:left;}

.page_order_left ul li{height:28px; margin-top:10px; margin-left:20px;}





#probox{ width:510px; overflow:hidden; height:130px; float:left}

#prolist{width:1000px;}

#prolist li{ width:147px; height:130px; text-align:center; float:left ; margin:0px 13px 0px 12px }

#prolist li img { width:145px; height:102px; border:1px solid #c6c6c6; padding:1px }

#left,#right{ cursor:pointer;}

#left,#right img { margin-top:30px }



<!--产品介绍-->

.page_pro_li_dh { width:603px; padding-left:15px;}

.page_pro_li_dh ul li { width:80px; height:25px; line-height:25px; text-align:center; float:left; background:url(../images/pro_li_dh_bg.gif); margin-right:5px; COLOR: #333}



.Menubox1 LI a.hover { FONT-WEIGHT: bold; BACKGROUND: url(../images/cp-qh2.jpg)  no-repeat left center;}

.Menubox1 .current{ BACKGROUND: url(../images/cp-qh2.jpg)  no-repeat;WIDTH: 120px; height:28px;  line-height:28px; color:#FFF;}



<!--产品订购-->

.zx_dg{width:580px; height:200px; margin-top:20px; line-height:20px; float:left; overflow:hidden;}

.zx_dg dl {width:230px; float:left; margin-top:20px}

.zx_dg dl dt{WIDTH:230px; FLOAT:left; HEIGHT:20px; COLOR:#cf0003; CLEAR:left; FONT-WEIGHT:bold}

.zx_dg dl dd{WIDTH:230px; MARGIN-BOTTOM:10px; FLOAT:left; HEIGHT:32px}

.zx_dg dl input{ BORDER:#b1b8cc 1px solid; WIDTH:230px; HEIGHT:25px; line-height:25px; COLOR:#555}

.zx_dg dl dt .msg_tit{POSITION:absolute; DISPLAY:none}



.zx_dg .msg{RIGHT:20px; WIDTH:300px; HEIGHT:115px; float:right; margin-top:40px; margin-right:20px}

.zx_dg .msg TEXTAREA{BORDER:#b1b8cc 1px solid;  LINE-HEIGHT:20px; TEXT-INDENT:5px; WIDTH:300px; HEIGHT:75px; COLOR:#555}

.dg_aj{MARGIN:0px auto; WIDTH:174px; HEIGHT:26px; clear:both}

.dg_aj INPUT{BORDER:#b1b8cc 1px solid; WIDTH:70px; BACKGROUND:#f0f1f3; FLOAT:left; HEIGHT:26px; COLOR:#555; CURSOR:pointer}

.dg_aj .submit{BACKGROUND:#333; COLOR:#fff; MARGIN-RIGHT:28px}