﻿
/********************全局定义********************/
body {margin:0; padding:0;font-size:12px; width:880px; margin:0 auto; color:#000; background:#FFFFFF; font-family:Arial; }
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
table,td,tr,th{font-size:12px;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;color:#000;}
.modal{background-color:#333333;filter:alpha(opacity=60); opacity:0.6; } 
 

/********************头********************/
div#head {width:100%;height:90px;position:relative;text-align:left;}
div#head .head_logo{ height:70px; float:left; position:relative; margin-top:10px;}
div#head .head_logo img{width:250px;height:70px; float:left;position:relative;}

div#head .head_product{ width:600px;height:70px; float:right; position:relative;margin-top:10px;}
div#head .head_product .top{ width:500px; height:25px; float:right; text-align:right; line-height:25px;} 
div#head .head_product a{text-decoration:none;color:#1793FD;}
div#head .head_product a:hover{text-decoration:underline;color:#ff0000;}
div#head .head_product .menu{margin-top:10px;margin-top:10px; height:32px; line-height:32px; width:600px; float:right; text-align:center;}
div#head .head_product .menul{ float:left; width:3px; height:32px; background-image:url(image/menul.gif);}
div#head .head_product .menum{ float:left; width:593px; height:32px; background-image:url(image/menu.gif);}
div#head .head_product .menur{ float:left; width:3px; height:32px; background-image:url(image/menur.gif);}

div#head .head_product  ul{padding:0px;margin:4px;  }
div#head .head_product  li{ width:116px; height:25px;float:left;margin:0px;line-height:25px; text-align:center; list-style-type:none; }
div#head .head_product  ul li a{  width:100px;height:25px;display:block;font-size: 12px;overflow:hidden;color:#ffffff; font-weight:bold;}
div#head .head_product  ul li a:hover{  width:100px;height:25px;font-size: 12px;text-decoration:none;color:#ffffff;background-image:url(image/menu-y.gif);}

div#head .head_product  ul li.nonce a {color:#ffffff; font-weight:bold;  background-image:url(image/menu-y.gif);}
div#head .head_product  ul li.nonce a:hover{color:#ffffff; text-decoration:none;background-image:url(image/menu-y.gif);} 

div#head .head_product img{width:110px;height:70px; float:right;position:relative;}


/********************题图********************/
#topic {	width:880px;	height:108px;	position:relative; 	text-align:left;	border-bottom:1px solid #DDDDDD;	border-top:1px solid #DDDDDD; }
.topic_le {    margin:4px 0;	width:880px;	height:100px;	float:left;	 position:relative; }
.topic_le1{	background:url(image/head1.gif);	background-image: url(image/head1.gif);}
.topic_le2{	background:url(image/head1.gif);	background-image: url(image/head2.gif);}
.topic_le3{	background:url(image/head1.gif);	background-image: url(image/head3.gif);}
.topic_le4{	background:url(image/head1.gif);	background-image: url(image/head4.gif);}  

/********************主区********************/
#content{	width:880px;	float:left;	position:relative;	background:url(image/content_bg.gif);	background-image: url(image/content_bg.gif);}
#service{	width:880px;	float:left;	position:relative; } 

/********************导航********************/
#left_navigation { width:220px; height:640px; float:left; position:relative;}
#left_navigation ul{padding:0px;margin:5px 0 0 0;  }
#left_navigation li{ width:220px; height:33px;float:left;margin:0px;line-height:33px; text-align:left; list-style-type:none;text-indent:40px;}
#left_navigation ul li a{  width:220px;height:33px;display:block;font-size: 12px;overflow:hidden;color:#6a6a6a;background:url(image/list.gif) 0 0;}
#left_navigation ul li a:hover{  width:220px;height:33px;color:#000;font-size: 12px;text-decoration:underline;background:url(image/list.gif) 0 66px}

#left_navigation ul li.nonce a {color:#000; font-weight:bold;background:url(image/list.gif) 0 33px}
#left_navigation ul li.nonce a:hover{color:#014099;background:url(image/list.gif) 0 33px; text-decoration:none}

#images {width:210px; height:200px; margin:3px auto; display:none;}
.contact{ background-image:url(image/contact1.gif);} 
.introduce{ background-image:url(image/introduce1.gif);} 
.law{ background-image:url(image/law1.gif);} 
.partners{ background-image:url(image/partners1.gif);} 
.team{ background-image:url(image/team1.gif);} 
.intimity{ background-image:url(image/intimity1.gif);} 
.joinus{ background-image:url(image/joinus1.gif);} 

/*********************导航--联系方式**************/
#left_relation { width:210px; margin:15px 4px 0 4px; } 
#left_relation .re_l{width:27px; height:29px; float:left; background-image:url(image/re-yl.gif); background-repeat:no-repeat;}
#left_relation .re_m{width:178px; height:29px;  float:left;  background-image:url(image/re-ym.gif); background-repeat:repeat-x;}
#left_relation .re_m .fb{line-height:29px; font-size:12px; font-weight:bolder; color:#CC4F17;}
#left_relation .re_r{width:5px; height:29px; float:right;  background-image:url(image/re-yr.gif); background-repeat:no-repeat;}
#left_relation .re_b{width:208px;   border-left:solid 1px #FBC77D; border-right:solid 1px #FBC77D; border-bottom:solid 1px #FBC77D; color:#666666;}
#left_relation .re_b .re_ball{width:138px; height:44px; padding-left:50px; margin:4px auto; position:static; float:right;}
#left_relation .re_b .re_bp{background-image:url(image/phone.gif); background-repeat:no-repeat;}
#left_relation .re_b .re_bf{background-image:url(image/fax.gif); background-repeat:no-repeat;}
#left_relation .re_b .re_be{background-image:url(image/email.gif); background-repeat:no-repeat;}
#left_relation .re_b .re_bq{background-image:url(image/qq.gif); background-repeat:no-repeat;} 

#left_login { width:210px; margin:15px 4px 0 4px; } 
#left_login  .re_l{width:27px; height:29px; float:left; background-image:url(image/re-bl.gif); background-repeat:no-repeat;}
#left_login  .re_m{width:181px; height:29px;  float:left;  background-image:url(image/re-bm.gif); background-repeat:repeat-x;}
#left_login  .re_m .fb{line-height:29px; font-size:12px; font-weight:bolder; color:#1793FD;}
#left_login  .re_r{width:2px; height:29px; float:right;  background-image:url(image/re-br.gif); background-repeat:no-repeat;}
#left_login  .re_b{width:208px; padding-bottom:10px; float:left;   border-left:solid 1px #A1D0E8; border-right:solid 1px #A1D0E8; border-bottom:solid 1px #A1D0E8; color:#666666;} 
#left_middle {width:188px; padding:10px;  position:static;  border:solid 1px #A1D02B; margin:5px 4px 0px 4px; line-height:150%; } 

/********************右主区********************/
#right_box { width:660px; float:right;position:relative; padding:10px 0 30px 0!important;padding:20px 0 30px 0;}

/********************正文********************/
#right_box dl{ width:630px;margin:10px auto 10px auto;}
#right_box dt{ color:#014099; font-weight:bold;line-height:26px;}
#right_box dd{ margin-bottom:10px;color:#666666; line-height:22px;}
#right_box dd span{ font-weight:bolder; color:#000000;} 
#right_box dd .red{ font-weight:normal; color:Red;}  
#right_box dd .teams{ border:solid 1px #e5e5e5; width:280px; margin:5px; padding:5px;}
#right_box dd .teams1{float:left;}
#right_box dd .teams2{ border:solid 1px #e5e5e5; width:580px; margin:5px; padding:5px;}
#superstar1 { width:250px; height:300px; margin:5px auto; background-image:url(image/superstar1.gif)}
#superstar2 { width:250px; height:300px; margin:5px auto;  background-image:url(image/superstar2.gif)}
#superstar3 { width:250px; height:300px; margin:5px auto;  background-image:url(image/superstar3.jpg)}
#superstar4 { width:250px; height:300px; margin:5px auto;  background-image:url(image/superstar4.jpg)}

#right_box dd .online{width:600px; height:90px;background:url(image/2008.gif) no-repeat;}
#right_box dd .online-p{width:578px; height:80px; border:solid 1px #e5e5e5; margin-top:15px; padding:10px;}
#right_box dd .kf1{ background:url() right center no-repeat; }
#right_box dd .kf2{ background:url() right center no-repeat; }
#right_box dd .kf3{ background:url(image/kf3.gif) right center no-repeat; }
#right_box dd .kf4{ background:url(image/kf4.gif) right center no-repeat; }
#right_box dd .online-p .s{padding-right:100px;}  

#right_box dd .ads{width:630px;}
#right_box dd .ad{width:135px; margin:4px; padding:5px; border:solid 1px #dddddd; text-align:center; float:left; position:relative;}

#right_box dd .server{width:510px;height:70px; border:solid 1px #e5e5e5; margin-bottom:5px; padding:10px 10px 10px 120px;  background-repeat:no-repeat; } 
#right_box dd .se1{background:url(image/service1.gif) 10px 10px;  background-repeat:no-repeat; }
#right_box dd .se2{background:url(image/service2.gif) 10px 10px;  background-repeat:no-repeat;  }
#right_box dd .se3{background:url(image/service3.gif) 10px 10px;  background-repeat:no-repeat;  }
#right_box dd .se4{background:url(image/service4.gif) 10px 10px;  background-repeat:no-repeat; }
#right_box dd .se5{background:url(image/service5.gif) 10px 10px;  background-repeat:no-repeat; }
#right_box dd .server span{color:#1793FD; font-weight:normal; cursor:pointer;} 
 
.menu{width:100%; text-align:left; background-color:#E6EEF9; height:25px; line-height:25px;} 
.spans{ float:left; width:200px; cursor:default; font-weight:bold; color:#000000; padding-left:15px; font-size:13px;}
.imgs{ float:right; width:20px; cursor:pointer;}

.contents{width:630px; margin:15px; background:url(image/logo.gif) right bottom no-repeat; padding-bottom:50px; line-height:180%;}
.contents  .hr{width:100%; height:1px; border-top:solid 1px #D7D6DB;}
.contents .floatimgl{float:left; margin:0 5px 5px 0;}
.contents .floatimgr{float:right;margin:0 0 5px 5px;}
.contents .m{color:red; font-weight:normal; } 

#right_box  .bankhead1{width:600px; height:56px;background:url(image/lianxi.gif) no-repeat; }
#right_box  .bankhead2{width:600px; height:56px;background:url(image/zhanhao.gif) no-repeat; }
#right_box  .bankfoot{width:600px; height:11px;background:url(image/foot.gif) no-repeat; }
#right_box  #bank{width:598px; border-left:solid 1px #D7D6DB; border-right:solid 1px #D7D6DB;}
#right_box  #contact{width:598px; border-left:solid 1px #D7D6DB; border-right:solid 1px #D7D6DB;}
#right_box  .bank{width:398px; height:66px; padding:0px 0px 0px 200px; line-height:22px; margin:10px 0;} 
#right_box  .bank1{background:#EAF4FF url(image/bank1.gif) no-repeat 10px 13px; }
#right_box  .bank2{background:url(image/bank2.gif) no-repeat 10px 13px; }
#right_box  .bank3{background:#EAF4FF url(image/bank3.gif) no-repeat 10px 13px; } 
#right_box  .hr{width:100%; height:1px; border-top:solid 1px #D7D6DB;}  
#right_box  .opinion{width:500px; line-height:28px; margin:5px 50px;} 

/********************标题********************/
.title_1{ width:630px; height:24px;line-height:24px;margin:10px auto 10px auto; }
.title_1 h1{ font-size:13px;font-weight:bold; color:#7f7f7f;float:left; position:relative}
.title_1 h2{ font-size:10px; font-family: Arial, Helvetica, sans-serif;color:#a8a8a8; text-indent:5px;float:left; position:relative} 
    
/********************尾部信息********************/
#bottom_info {width:100%;height:36px; float:left; text-align:center; bottom:0px;line-height:36px;border-top:1px solid #e5e5e5;background:#f4f4f4;color:#6d6d6d;}
#bottom_info a {color:#6d6d6d;text-decoration:none}
#bottom_info a:hover{color:#999999;text-decoration: underline}

