﻿body { margin:0 auto; padding:0px; font-size:12px; width:915px; height:auto;  text-align:center}
html{text-align:center;}
div{margin:0 auto;}
img{ border:0px;}
a{ text-decoration:none; color:#000}
a.heade:link{ color:#fff}
a.heade:visited{ color:#fff}
.location a:link{ color:#7A7A7A}
.location a:visited { color:#7A7A7A}
#Header{ width:915px; height:auto; clear:both; margin:0 auto;}
#Header .logo{ width:334px; height:60px; float:left; clear:none; margin-top:12px;}
#Header .Search{ width:518px; height:90px; float:right; clear:none;}
#Header .Search .Advanced{ width:auto; padding-top:50px; float:right; color:#848484;  clear:none;}
#Header .Search .stext{ width:304px; height:44px; float:right; clear:none; margin-top:20px;}
#Header .Search .stext .text{ width:284px; line-height:25px; padding-left:20px; color:#848484; text-align:center; clear:both; overflow:hidden}
#Header .Search .stext .text a{ color:#848484}
#Header .Search .stext .text .key{ width:auto; height:auto;  float:left; clear:none; cursor:pointer}
#Header .Search .text2{ width:auto; color:#000; height:auto; background:url(../../images/search_03.gif) center bottom no-repeat; float:left; clear:none; }
#Header .Search .stext .textbox{ border:#858585 1px solid; width:270px; height:19px; float:left; clear:none;}
#Header .Search .stext .btn{ width:auto; height:auto; float:left; clear:none}
#Header .nav{ width:915px; height:26px; clear:both; }
#Header .nav .nav_2{ width:170px;  line-height:26px; color:#fff; height:26px; background-color:#C0C0C0; float:left; clear:none}
#Header .nav ul{ margin:0px; padding:0px; float:left; clear:none; list-style:none}
#Header .nav ul li{ width:122px; height:26px; float:left; clear:none; line-height:26px; color:#fff; font-size:14px; font-weight:bold; background-color:#E8373D; text-align:center; margin-left:1px}
#Header .nav ul .heade_2{ width:121px; height:26px; float:left; clear:none; line-height:26px; color:#fff; font-size:14px; font-weight:bold; background-color:#CA0608; text-align:center; margin-left:1px}



#Footer{ width:915px; height:auto; clear:both;  margin:0 auto;} 
#Footer .company{ width:915px; height:23px; border-bottom:#BABABA 4px solid;}
#Footer .company .companyname{ width:77px; height:auto; float:left; clear:none; }
#Footer .company .web{ width:152px; height:auto; float:left; clear:none; color:#858585; }
#Footer .company .copyright{ width:auto; height:auto; float:left; clear:none;color:#858585;}
#Footer .company .ipc{ width:auto; height:auto;float:left; clear:none;color:#858585; margin-left:20px;}
#Footer .company .info{ width:auto; height:auto; float:right; clear:none;}
#Footer .companyname{ width:auto; height:auto; clear:both;color:#858585; margin-top:10px; float:left}
#Footer .companyinfo{ width:auto; height:auto;clear:both;color:#858585; margin-top:5px; float:left}
#Banner{ width:915px; height:auto; text-align:center; clear:both;  margin:10px 0px 10px 0px}

#content{ width:915px; height:auto; clear:both; margin-bottom:10px; margin:0 auto;}
#index_left{ width:170px; height:auto; float:left; clear:none; text-align:left}
#index_left .nav{ width:170px; height:26px; margin-bottom:1px; color:#424242; background-color:#DDDDDD; font-size:13px; font-weight:bold; text-align:center; line-height:26px; clear:both}
#index_left .nav2{ width:170px; height:26px; margin-bottom:1px; background-color:#A1AEB7; font-weight:bold; font-size:13px; text-align:center; line-height:26px; clear:both}
#index_left .nav_2{width:170px; height:auto; float:left; display:none; clear:none }
#index_left .nav_2_2{width:170px; height:auto; float:left; clear:none}
#index_left .nav_2_2 .nav_3{ width:110px; height:19px;  border-bottom:#fff 1px solid; background:#ECEAEB url(../../images/pro_05.gif) 50px center no-repeat; line-height:19px; padding-left:60px; }
#index_left .nav_2_2 .nav_3 a:hover{color:Red; }
#index_left .nav_2_2 .nav_4{ width:110px; height:19px;  border-bottom:#fff 1px solid; background:#ECEAEB url(../../images/pro_05.gif) 50px center no-repeat; line-height:19px; padding-left:60px; }
#index_left .nav_2_2 .nav_4 a{ color:Red}
#index_left .nav a{ color:#424242;}
#index_left .nav2 a{ color:#fff;}

#index_left .tel{ width:170px; height:auto; margin:30px 0px 40px 0px}

#index_right{ width:716px; height:auto; float:right; clear:none}
#index_right .class{ width:220px; height:auto; float:left; clear:none; margin-top:30px; background:url(../../images/index_02.gif)    no-repeat; padding-top:35px;}
#index_right .class ul{ margin:0px; padding:0px; list-style:none}
#index_right .class ul li{ width:208px; text-align:left; font-size:13px; height:21px; background:url(../../images/index_06.gif) left center no-repeat; padding-left:12px; line-height:18px; font-weight:bold ; color:#4D4D4D}
#index_right .class ul li a{ color:#524952}
#index_right .Case{ width:250px; height:auto; float:left; clear:none; margin-top:30px; background:url(../../images/index_03.gif)    no-repeat;padding-top:35px;}
#index_right .Case ul{ margin:0px; padding:0px; list-style:none}
#index_right .Case ul li{ width:235px; line-height:18px; font-size:13px;  background:url(../../images/index_07.gif) left center no-repeat; padding-left:15px; overflow:hidden; text-align:left}

#index_right .news{ width:242px; height:auto; float:left; clear:none; margin-top:30px; }
#index_right .news .left{ width:76px; height:14px; float:left; clear:none; background:url(../../images/index_04.gif) no-repeat}
#index_right .news .right{ width:auto; height:auto; float:right; clear:none; background:url(../../images/index_05.gif) no-repeat; padding-left:12px; }
#index_right .news .list{ width:242px; height:auto; clear:both; padding-top:18px;}
#index_right .news ul{ margin:0px; padding:0px; list-style:none}
#index_right .news ul li{ width:227px; line-height:18px; font-size:13px;  background:url(../../images/index_07.gif) left center no-repeat; padding-left:15px; overflow:hidden; text-align:left}

#index_right .location{ width:710px; height:auto; clear:both; background:url(../../images/about_01.gif) bottom left no-repeat; font-size:14px; color:#7A7A7A; text-align:left}
#index_right .location_2{ width:600px; height:auto; float:left; clear:both; background:url(../../images/about_01.gif) bottom left repeat-x; font-size:14px; color:#7A7A7A; text-align:left}
#index_right .downclass{ width:auto; height:auto; padding-left:15px; color:#7A8790; padding-top:10px; float:left; clear:none}
#index_right .downclass a:link{ color:#7A8790} 
#index_right .downclass a:hover{ color:#F6731B} 
#index_right .downclass a:active{ color:#7A8790} 
#index_right .downclass a:visited{ color:#7A8790} 

#index_right .companyinfo{ width:710px; height:auto; clear:both; overflow:hidden; padding-top:20px; padding-bottom:20px; text-align:left}

#index_right .pro_nav{ width:580px; color:#F3721F; padding-left:20px; height:21px; border-top:#fff 1px solid; background-color:#ECEAEB; text-align:left; line-height:21px; float:left}
#index_right .pro_nav2 { color:#F3701E; }
#index_right .pro_List{ width:600px; height:auto; clear:both; margin-top:28px; float:left}
#index_right .pro_List .war{ width:600px; height:60px; margin-bottom:10px; clear:both; float:left ;}
#index_right .pro_List .photo{ width:80px; height:60px; float:left; clear:none; border:#ccc 1px solid}
#index_right .pro_List .text{ width:252px; height:47px; float:left; clear:none; }
#index_right .pro_List .text .name{ width:240px; padding-left:12px; height:23px; line-height:23px; overflow:hidden; text-align:left}
#index_right .pro_List .text  a{ color:#606fa8; font-weight:bold}
#index_right .pro_List .text .msg{ width:240px; padding-left:12px; height:23px; line-height:23px; overflow:hidden; text-align:left; color:#7C7C7C}
#index_right .pro_List .down{ width:95px; height:47px; float:left; clear:none; background:url(../../images/pro_01.gif) right center no-repeat; text-align:left; color:#656668; line-height:47px;}

#index_right .ProInfo{ width:600px; height:auto; float:left; clear:none}
#index_right .ProInfo_title{ width:575px; height:50px; float:left; line-height:50px; background:url(../../images/pro_02.gif) left center no-repeat; text-align:left; padding-left:25px; color:#434F75;  font-weight:bold}
#index_right .proinfo_photo{ width:410px; float:left; height:290px; border:#ccc 1px solid; clear:none}
#index_right .proinfo_Matter{ width:180px; height:auto; float:left; clear:none; padding-top:200px;}
#index_right .proinfo_Matter .zool{ width:125px; height:28px; padding-left:35px; background:url(../../images/pro_03.gif) left center no-repeat; float:left; clear:both; color:#62809A; font-weight:bold; line-height:28px; margin-left:10px; text-align:left; }
#index_right .proinfo_Matter .down{width:125px; padding-left:35px; height:28px; background:url(../../images/pro_04.gif) left center no-repeat; float:left; clear:both; color:#62809A ;font-weight:bold; line-height:28px; margin-left:10px; text-align:left}
#index_right .smalllist{ width:600px; height:auto; float:left; clear:none; margin-top:10px}
#index_right .proinfo_smalp{ width:55px; height:40px; border:#ccc 1px solid; float:left; clear:none; margin-right:7px;}
#index_right .proinfo_info{ width:600px; height:auto; padding-top:30px; text-align:left; float:left;}
#index_right .topi{ width:600px; height:38px; clear:both; text-align:right; padding-top:20px;}
#index_right .EngInfo{ padding-bottom:30px; border-bottom:#ccc 1px dashed}

#index_right .companyinfo .warl{ width:auto; height:auto; float:left; clear:none}
#index_right .companyinfo .warl .title{ width:345px; height:21px; line-height:21px; background:url(../../images/server_01.gif) left center no-repeat;text-align:left; color:#042D4B; float:left; clear:both; margin:0px; padding:0px 0px 0px 10px;  }
#index_right .companyinfo .warl .cont{ width:345px; height:110px; overflow:hidden;text-align:left; float:left; clear:both; margin:0px; padding:0px  }
#index_right .companyinfo .warl .title a{color:#042D4B; font-weight:bold}





#index_right .jobs{width:710px; height:auto; clear:both; overflow:hidden; padding-top:20px; padding-bottom:20px; text-align:left;float:left;}

#index_right .jobs dl{ margin:0px; padding:0px; list-style:none; }
#index_right .jobs dl dt{ width:710px; height:35px; line-height:35px; text-align:left; font-weight:bold; }
#index_right .jobs dl dd{ width:710px; height:auto; clear:both; float:left; margin:0px; padding-bottom:30px;}

#index_right .newsList{ width:710px; height:auto; clear:both; overflow:hidden; padding-top:20px; padding-bottom:20px; text-align:left;float:left }
#index_right .newsList dl{ margin:0px; padding:0px; list-style:none; }
#index_right .newsList dl dt{ width:500px;  height:21px; line-height:21px; float:left; clear:none;}
#index_right .newsList dl dd{ width:210px; height:21px; line-height:21px; float:left; clear:none; margin:0px; padding:0px;}
#index_right .newsList .pageinfo{ width:710px; text-align:center; height:30px; padding-top:30px;  clear:both}
#content .NewsInfo .title{ width:915px; height:50px; line-height:50px; border-bottom:#000 1px dashed; font-size:14px; font-weight:bold; text-align:center; margin:0px; padding:0px; float:left}
#content .NewsInfo .content{ width:895px; height:auto; text-align:left; padding:10px 10px 10px 10px;  float:left}
#index_right .case{width:710px; height:auto; clear:both; overflow:hidden; padding-top:20px; padding-bottom:20px; text-align:left; color:#5A5152;}
#index_right .case label{ color:#5A595A}

#index_right .serve{ width:716px; height:auto; }

#divrame{ width:695px; height:3px; position:relative;top:-510px; left:0px; margin:0px;  background-color:#fff}
#divrame2{ width:695px; height:3px; position:relative;top:-17px; left:0px; margin:0px;  background-color:#fff}
#divrame3{ width:3px; height:500px; position:relative;top:-525px;  left:0px; margin:0px;  background-color:red}




#index_right .serve .title{ border-bottom:#ccc 1px dashed; text-align:center;}
#index_right .serverTable{ border-bottom:#DEDFE7 1px solid;}
#index_right .serverTable  input{ border:#DEDFE7 1px solid }
#index_right .serverTable  label{ color:#6B6163; font-weight:bold}

#index_right .jisuan{ border-top:#FECC97 3px solid; width:710px; color:#000}
#index_right .downTD{ border-bottom:#ccc 1px dashed}


#index_right .searchNot{ width:34px; height:24px;  float:left; clear:none; padding-left:150px;}
#index_right .searchNot2{ width:auto; height:auto; padding-top:8px; float:left; clear:none;}



.jycsdfe { 
             background-color:white;
             visibility:hidden;
             display:none;
             position:absolute;
             left:0px;top:0px; 
}
