/* CSS Document */

body { font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; margin:0;}

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

ul {  padding:0px; margin:0px; padding-left:15px;} 

 li { list-style-image:url(li12.gif); }

ul span { font-size:14px; font-weight:bold; color:#1e4c98; line-height:25px;}

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

img { border:none;}

p { padding:0px; margin:4px;}

.floatleft { float:left;}

.floatright { float:right;}

.clear { clear:both; }

.main { width:980px; margin:0 auto; }

.main_container { width:940px; margin:0 auto; }

.title { height:110px;  background:url(title.jpg);}


.title .menu { margin-top:80px;}
.title .menu a { color:#055e98; border-right:1px solid #055e98; font-size:14px; padding:0px 10px 0px 10px; }
.title .menu a:hover { }

.title .tel { width:290px; height:18px; line-height:18px; background:url(icon_tel.gif) no-repeat left center; text-indent:20px; margin-top:85px; font-weight:bold; color:#275064;}
.title .customer { height:18px; line-height:18px; background:url(icon_customer.gif) no-repeat left center; text-indent:20px; margin-right:5px; color:#275064;}
.title .customer a { color:#275064;}
.title .btn_request { margin-top:75px; margin-left:10px;}

.container1 { background:url(bg8.gif); }
.container1 .top { background:url(bg6.gif); height:12px;}
.container1 .bottom { background:url(bg7.gif); height:8px;}

.container2 { background:#eeeef0; border:1px solid #dcdcdc; padding:5px; font-size:14px;}
.container2 p { padding:0; margin:4px; text-indent:20px;}
.container2 span { color:#0c9edd; font-weight:bold;}

.container3 { width:910px; margin:auto; margin-top:10px; background:url(bg14.gif);}
.container3 .top { background:url(bg12.gif); height:8px;}
.container3 .bottom { background:url(bg13.gif); height:8px;}
.container3 .moudle { width:300px; float:left; }
.container3 .title1 { border-bottom:1px solid #fff;}
.container3 .text { background:#ececec; padding:5px;}
.container3 .foot1 { background:#ffeabf; height:5px; overflow:hidden; border-top:1px solid #fff;}
.container3 .foot2 { background:#ddeec4; height:5px; overflow:hidden; border-top:1px solid #fff;}
.container3 .foot3 { background:#b8e7f7; height:5px; overflow:hidden; border-top:1px solid #fff;}


.container3 li { list-style-image:url(li1.gif);  line-height:25px;}

.container3 .noli { list-style-image:none; list-style-type:none;}
#container5 { position:absolute;}


.title2 { color:#0c9edd; font-weight:bold; font-size:14px; border-bottom:2px solid #0c9edd; height:30px; line-height:30px; text-indent:15px; margin-bottom:5px;}



.line { height:8px; background:url(line.gif) repeat-x bottom;}

.foot { height:30px; line-height:30px; text-align:center; color:#275064;}
.foot a { color:#f19702;}

#screenshot { padding:10px 0;}
#screenshot .left_container { width:205px; float:left;}
#screenshot .right_container { width:735px; float:left;}

#screenshot .left_container .top { background:url(bg1.gif) no-repeat; height:5px; }
#screenshot .left_container .bottom { background:url(bg2.gif) no-repeat; height:5px;}

#screenshot .right_container .top { background:url(bg3.gif) no-repeat; height:5px; }
#screenshot .right_container .bottom { background:url(bg4.gif) no-repeat; height:5px;}
#screenshot .right_container .pic_container { padding:10px 0; background:url(bg5.gif); text-align:center; }
#screenshot .right_container .pic_container img { border:3px solid #f7faff;}
#screenshot .info { border:1px solid #dddddd; background:#eeeeee; margin-bottom:10px; padding:5px; font-family:Arial, Helvetica, sans-serif;  }


#screenshot ul { padding:0px;}
#screenshot li { background:url(screen_bg1.gif); height:43px; line-height:43px; text-indent:20px; cursor:pointer;}
 

#screenshot .cur { background:url(screen_bg1_hover.gif); height:43px; line-height:43px; text-indent:20px; cursor:pointer; color:#fff; font-weight:bold;}

.container5 { width:910px; margin:auto; margin-top:5px;}
.container5 .top { background:url(bg9.gif); height:12px;}
.container5 .container {  background: url(bg11.gif); }
.container5 .bottom{ background:url(bg10.gif); height:12px;}

.container5 p { padding:5px 5px; margin:0px; text-indent:20px; color:#7f7f7f; font-size:14px;}
.container5 span { color:#0c9edd; font-weight:bold; font-size:16px;}

.font6 { color:#0c9edd; font-size:14px;}
 .container4 {  }
 
 .banner1 { margin:10px 5px 0px 5px; padding-top:5px; border-top:1px solid #d1d1d1; text-align:center;}
 
 
 .container6 { background:url(bg16.gif); margin-top:10px; }
 .container6 .title { background:url(bg17.gif); height:45px; line-height:45px; text-indent:20px; color:#050505; font-size:20px;}
 .container6 .bottom { background:url(bg18.gif); height:10px;}
 .container6 .container { background:#e6e6e8 url(bg19.gif) repeat-x top; height:150px; width:938px; margin:auto;}
 
 .container7 { background:url(bg16.gif); margin-top:10px; }
 .container7 .title { background:url(bg17.gif); height:45px; line-height:45px; text-indent:20px; color:#050505; font-size:20px;}
 .container7 .bottom { background:url(bg20.gif); height:10px;}
 .container7 li {list-style-image:url(li2.gif);  line-height:25px; color:#898989; font-size:14px;} 
 .container7 .container { margin:0px 10px; background: url(pic1.jpg) no-repeat center right;}
 
 .container8 { background:url(bg23.gif); margin-top:10px; width:630px; }
 .container8 .title { background:url(bg21.gif); height:45px; line-height:45px; text-indent:20px; color:#050505; font-size:20px;}
 .container8 .bottom { background:url(bg22.gif); height:10px;}
 .container8 .container { width:618px; margin:auto; background:#f3f3f3 url(bg27.gif) repeat-x top;  padding:10px 10px 0px 0; }
 .container8 .text1 { padding:5px;  width:320px; background:#fff; height:400px; font-size:14px;}
 .container8 .text2 { padding:5px;  width:260px; font-size:14px;}
 .container8 li { list-style-image:url(li2.gif); font-family:Arial, Helvetica, sans-serif;}
 .ul1 li{ list-style-image:url(li2.gif); color:#1766ab; }
 .ul2 { padding-left:10px;}
 .ul2 li{ list-style-image:url(li3.gif); color:#333333;  }
 .ul3 li { font-size:16px;}
 .ul4 { width:550px; padding-left:30px;}
 .ul4 li { line-height:25px; color:#1766ab; font-size:14px;}
 .ul5 { width:440px; padding-left:30px;}
 .ul5 li { line-height:25px; color:#1766ab; font-size:14px;}
 .ul6 { width:600px; padding-left:30px;}
 .ul6 li { line-height:25px; color:#1766ab; font-size:14px;}
  
 .container9 { background:url(bg26.gif); margin-top:10px; width:300px; margin-left:10px; }
 .container9 .title { background:url(bg24.gif); height:45px; line-height:45px; text-indent:20px; color:#050505; font-size:16px;}
 .container9 .bottom { background:url(bg25.gif); height:10px;}
 .container9 .container { width:278px; margin:auto; background:#f3f3f3 url(bg27.gif) repeat-x top;  padding:10px 10px; height:400px; }
 .container9 ul { border-bottom:1px solid #cbcbcd; padding-bottom:10px; margin-bottom:10px;}
 .container9 li { list-style-image:none; list-style-type:none; font-family:Arial, Helvetica, sans-serif; line-height:30px; font-size:16px; }
 
 
  .container10 { background:url(bg30.gif); margin-top:10px; width:240px; margin-left:10px; }
 .container10 .title { background:url(bg28.gif); height:45px; line-height:45px; text-indent:20px; color:#050505; font-size:20px;}
 .container10 .bottom { background:url(bg29.gif); height:10px;}
 .container10 .container { width:218px; margin:auto; background:#f3f3f3 url(bg27.gif) repeat-x top;  padding:10px 10px; height:400px; }
 .container10 ul { border-bottom:1px solid #cbcbcd; padding-bottom:10px; margin-bottom:10px;}
 .container10 li { list-style-image:url(li3.gif); font-size:14px; font:Verdana, Arial, Helvetica, sans-serif; font-family:Arial, Helvetica, sans-serif; line-height:25px; }
 
 
 
 .container11 { width:640px; margin:auto; margin-top:10px; background: url(bg33.gif);}
.container11 .top { background:url(bg31.gif); height:12px;}
.container11 .container {   padding:5px;  }
.container11 .bottom{ background:url(bg32.gif); height:12px;}

.container11 p { padding:5px 5px; line-height:20px; margin:0px; text-indent:20px; color:#7f7f7f; font-size:14px;}
.container11 span { color:#0c9edd; font-weight:bold; font-size:16px;}
 
 
 .window { padding:5px; border:1px solid #444444; position:absolute; background:#fff; display:none;}
 
 .btn_link { padding:5px 0;}
 .btn_link a { background:#e1ecfc url(icon1.gif) no-repeat 5px center; color:#00123c;  border: 1px solid #d1e2fb; padding:5px 10px 5px 20px; margin-right:10px; line-height:20px;}
 
 .texttitle { color:#055e98; font-weight:bold; font-size:14px; line-height:30px;}
 .table2 input { width:220px;}
 
 .information_font { color:#000000; font-weight:bold; font-size:11px; text-align:right; padding-right:10px;}

.input_information { font-size:11px;  color:#666666;} 

.div_check { height:18px; border:1px solid #E9C94D; background:#FFFFDD; padding-left:5px; line-height:18px; color:#000000; font-size:11px;}

.div_check_error { height:18px; border:1px solid #E9C94D; background:#FFFFDD; padding-left:5px; line-height:18px; color:#ff0000; font-size:11px;}




.products .title { height:40px; background:url(line.gif) repeat-x bottom; text-indent:5px; line-height:30px; font-weight:bold; color:#0e77a7; font-size:18px; margin-bottom:10px;}

.products .title1 { height:30px; color:#f38209; font-size:16px; font-weight:bold; line-height:30px; text-indent:10px;}

.products .texts {}

.products .screenshots { text-align:center; }
.products .screenshots span { float:left; font-size:12px; color:#000000; width:210px; padding:5px 0;}


#products_info p {  color:#333;}
#products_info p span { color:#333; font-weight:bold;}

.products_info { margin:auto; width:580px; background:url(bg34.gif) no-repeat top; padding:10px;}
.products_info1 { margin:auto; width:580px; background:url(bg35.gif) no-repeat top; padding:10px;}
.products_info2 { margin:auto; width:580px; background:url(bg36.gif) no-repeat top; padding:10px;}
.products_info3 { margin:auto; width:580px; background:url(bg37.gif) no-repeat top; padding:10px;}