﻿body {
    width:100%;
    margin:0;
    font-size:12px;
    font-family:宋体 微软雅黑;
    background-color:#152333;
}
/**/
.hot{
    padding-top:5px;
    font-weight:bolder;
    color:#1f5a76;
}
#main{
    width:385px;
    background-color:#1f5a76;
    height:40px !important;
    height:15px;
}
.main-back{
    width:367px;
    margin:10px auto 10px auto;
    height:100%;
}
.subnav{
    width:367px;
    height:23px;
    float:left;
    background-color:#8C8C8C;
}
#subnav{
    width:369px;
    height:23px;
    float:left;
    background-color:#8C8C8C;
}
.logo3{
    width:26px;
    height:23px;
    background-image:url(image/logo3.jpg);
    
}
.span-black
{
    color:Black;
    }
 .span{
    color:#90ddff;
}
#padd{
    width:387px;
    background-color:#1f5a76;
    height:40px !important;
    height:15px;
    margin-left:9px;
}
#div6-left{
    width:367px;
    height:auto;
}
#div6-right{
    width:367px;
    height:auto;
    margin-left:26px;
}
#div5{
    width:781px;
    height:24px;
    background-image:url(image/con-up.gif);
}
#div6{
    width:781px;
    /*
    height:auto;
    */
    text-align:left;
    background-image:url(image/logo-6.gif);
}
.music_ul{
    position:relative;
    width:760px;
    float:left;
    display:inline;
	font-weight:bold;
	/*
	margin:5px auto 5px auto !important;
	margin:0 auto;
	margin-left:0px !important;
	margin-left:33px;
	*/
	margin:-3px auto 5px auto;
	padding-left:33px;
}
.music_li{
    position:relative;
    display:inline;
    height:20px;
    text-align:left;
    width:190px;
    float:left;
    list-style-type:none;
    /*
    line-height:0px !important;
    */
    line-height:25px;
}

.l1{
    width:190px;
}
.l2{
    width:190px;
}
.l3{
    width:190px;
}
.l4{
    width:150px;
}

.l5{
    width:180px;
}
.l6{
    width:140px;
}

.cle{
	clear:both;
}
.back{
    width:764px;
    height:23px;
    background-color:#8C8C8C;
}
.foot
{
    width:782px;
    margin:0;
    padding-left:1px;
    position:relative;
    text-align:left;
    background-image:url(../image/lineline.gif);
    }
.foottop
{
    margin-top:8px;
    position:relative;
    width:783px;
    height:9px;
    background-image:url(../image/linetop.gif);
    background-position:bottom;
    background-repeat:no-repeat;
    }
.footbottom
{
    width:783px;
    height:9px;
    background-image:url(../image/linebottom.gif);
    background-position:top;
    background-repeat:no-repeat;
    }
#footer{
    width:781px;
    height:78px;
    background-color:#1f5a76;
}
#footer1{
    width:764px;
    height:63px;
    background-color:#DEDEDE;
    padding-top:7px;
}
#footer2{
    width:750px;
    height:37px;
    padding-top:18px;
    background-color:#BEBEBE;
    
}
#footer3{
    width:690px;
    height:20px;
    text-align:left;
}
.sp1{
    color:#1f5a76;
    font-weight:bolder;
}
.sp1:hover
{
    text-decoration:underline;
}
.sp2{ 
    color:#8C8B8B;
}
.sp3{
    color:White;
}
.sp4{
    color:#B3B3B3;
}
.ul{
    width:326px;
    float:left;
}
#div4{
    width:781px;
    margin-top:6px;
    height:40px;
}
#div7{
    width:781px;
    height:26px;
    background-image:url(image/logo-7.gif);
}
.div8{
    width:781px;
    height:31px;
    background-color:#1f5a76;
    margin-top:7px;
    padding-top:9px;
}
#div9{
    width:781px;
    height:21px;
    background-image:url(image/logo-8.gif);
}
#div1011{
    width:781px;
    background-image:url(image/logo-9.gif);
   
}
#div11{
    width:781px;
    height:21px;
    background-image:url(image/logo-10.gif);
}
#div14{
    margin-top:100px;
    color:White;
    font-size:14px;
    height:50px;
    line-height:22px;
    word-spacing:5px;
}
/**/
a.cs-DL{
    color:#1F5A76;
    font-weight:bolder;
    float:left;
    text-decoration:none;
}
.link-l
{
    text-decoration:none;
}
.link-l:hover
 {
    text-decoration:underline;   
 }
.cs1{
    width:57px;
    height:21px;
    display:block;
    background-image:url(image/login_button.gif);
    color:#1F5A76;
    text-align:center;
    text-decoration:none;
    font-weight:bolder;
    float:right;
}

.clear{
    clear:left;
}
.float{
    position:relative;
    float:left;
}
.width{
    width:784px;
}
#topNews
{
    width:784px;
    height:244px;
    margin-top:6px;
    background-color:#1f5a76;
    }
.topNews-pic
{
    width:390px;
    _width:389px;
    height:80px;
    margin:1px auto auto 1px;
    float:left;
    position:relative;
    }
.button{
    width:118px;
    height:33px;
    display:block;
    background-image:url(image/background.gif);
    background-position:0px -47px;
    color:#6EBCCD;
    text-align:center;
    padding-top:12px;
    position:relative;
    float:left;
    text-decoration:none;
    font-size:16px;
    font-weight:bolder;
}
.button:hover{
    padding-top:9px;
    height:36px;
    color:#737373;
    background-position:0px 0px;
    text-decoration:none;
}
#logo{
    width:410px;
    height:175px;
    background-image:url(image/logo.jpg);
    
}
#welcome{
    width:373px;
    height:28px;
    background-color:#6EBCCD;
    margin-top:147px;
    text-align:left;
    text-indent:15px;
    word-spacing:12px;
}
#span1{
    padding-top:7px;
}
#nav{
    margin-top:-2px;
    height:47px;
    background-image:url(image/1.jpg);
}
#nav-right{
    word-spacing:20px;
    padding-top:14px;
    height:33px;
    text-indent:195px;
    
}
.button-right{
    text-decoration:none;
    font-size:18px;
    color:#6EBCCD;
    font-weight:bolder;
}
.button-right:hover
{
    text-decoration:none;
    }
#div33{
   height:253px;
}
#div3{
    height:25px;
    width:781px;
    background-color:#6EBCCD;
    margin-top:5px;
}
.title{
    height:25px;
    background-color:#6EBCCD;
    text-align:left;
    color:#1F5A76;
    font-size:14px;
    background-image:url(image/logo1.jpg);
    background-repeat:no-repeat;
}
.title a
{
    color:#1F5A76;
    text-decoration:none;
    }
#title1{
    width:187px;
   
}
#title6
{
    width:504px;
    }
#null
{
    width:590px;
    }
.content111{
    background-color:#DEDEDE;
}
#content{
    width:187px;
    height:117px;
    margin-top:1px;
}
#content1{
    width:187px;
    height:110px;
    margin-top:1px;
}
#content2{
    width:187px;
    height:66px;
    margin-top:1px;
    padding-top:9px;
}
#title2{
    width:187px;
    margin-top:7px;
}
#content2{
    width:187px;
    height:66px;
    margin-top:1px;
    padding-top:9px;
}
#div8{
    margin-top:7px;
    height:210px;
}
#content3{
    width:300px;
    margin-top:1px;
    height:106px;
    font-size:12px;
    text-align:left;
    padding-left:12px;
    padding-top:4px;
}
#content5
{
    width:501px;
    height:89px;
    margin-top:1px;
    padding-left:3px;
    position:relative;
    overflow:hidden;
}
#zxr
{
    margin-top:0px;
}
.zhi_top
{
    margin-top:4px;
    position:relative;
    height:85px;
    }
.zhizuoren
{
    width:248px;
    height:83px;
    background-color:#A6A6A6;
    }
.zhizuoren1
{
    width:248px;
    height:83px;
    margin-left:2px;
    position:relative;
    background-color:#A6A6A6; 
    }
.W_pic
{
    width:75px;
    height:77px;
    margin-top:2px;
    margin-left:5px;
    position:relative;
    padding-top:3px;
    float:left;
    background-image:url(../image/W_pic.png)!important;
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src="image/W_pic.png");
    position:relative;
    background-repeat:no-repeat;
    }
.W_word
{
    width:150px;
    height:80px;
    margin-top:2px;
    position:relative;
    color:#1F5A76;
    text-align:left;
    margin-left:10px;
    line-height:16px;
    }
.P_pic
{
    width:64px;
    height:76px;
    margin-top:-1px;
    margin-left:-7px;
    position:relative;
    }
.bl
{
    color:Black;
    font-weight:bolder;
    }
/*#div5{
    margin-top:7px;
    height:377px;
}
#div6{
    margin-top:7px;
    height:290px;
}

#div9{
    margin-top:111px;
    color:White;
    font-size:14px;
    height:50px;
    line-height:22px;
    word-spacing:5px;
}
.title{
    height:25px;
    background-color:#6EBCCD;
    text-align:left;
    color:#1F5A76;
    font-size:14px;
    background-image:url(image/logo1.jpg);
    background-repeat:no-repeat;
}
#title1{
    width:187px;
   
}
#null
{
    width:590px;
    }
.content111{
    background-color:#DEDEDE;
}
#content{
    width:187px;
    height:117px;
    margin-top:1px;
}
#content1{
    width:187px;
    height:117px;
    margin-top:1px;
}
#title2{
    width:187px;
    margin-top:7px;
}
#content2{
    width:187px;
    height:66px;
    margin-top:1px;
    padding-top:9px;
}
#title3{
    width:312px;
}



.middle-nav{
    margin-top:9px;
}
.ground{
    background-color:#1F5A76;
    width:387px;
}

#middle1{
    height:377px;
}
#middle2{
    height:377px;
    margin-left:9px;
}
#middle3{
    height:290px;
}
#middle4{
    height:290px;
    margin-left:9px;
}
#middle5
{
    font-size:12px;
    width:283px;
    height:200px;
    padding-left:15px;
    padding-right:5px;
    padding-top:1px !important;
    padding-top:10px;
}
#middle6{
    width:467px;
    margin-left:13px;
    height:210px;
}
.textPostion{
    padding-left:29px;
    padding-top:8px;
    font-weight:bolder;
}
p{
    text-align:left;
    line-height: 25px;
    color:White;
}
p:first-letter{
    color:#6EBCCD; 
    font-size:200%; 
    font-weight:bold
}*/
#title3{
    width:312px;
}
#content4{
    width:275px;
    height:227px;
    margin-top:1px;
    position:relative;
    
    overflow:hidden;
}
#tilte4{
    width:275px;
}
.ground{
    background-color:#1F5A76;
    width:387px;
}
#middle5
{
    font-size:12px;
    width:283px;
    height:200px;
    padding-left:15px;
    padding-right:5px;
    padding-top:1px !important;
    padding-top:10px;
    text-align:left;
}
#middle6{
    width:467px;
    margin-left:13px;
    height:210px;
}
.middle-nav{
    margin-top:9px;
}
.textPostion{
    padding-left:29px;
    padding-top:5px;
    font-weight:bolder;
}
.kehu
{
    width:784px;
    height:60px;
    margin-top:6px;
    text-align:left;
    background-color:White;
    }
.kehu img
{
    float:left;
    position:relative;
    }
#user111{
    width:150px;
    height:82px;
    font-size:12px;
    text-align:right;
    line-height:22px;
    padding-top:9px;
    color:Black;
}
#search111{
    width:150px;
    font-size:12px;
    
}
#void{
    width:130px;
    height:88px;
    background-color:Black;
    float:left;
}
#void-wai{
    width:293px;
    height:89px;
}
#void-xia{
    width:293px;
    height:105px;
    margin-top:9px;
    text-align:left;
    text-indent:20px;
}
.case{
    width:262px;
    height:106px;
}
#case{
    /*height:218px;
    padding-top:5px;
    overflow:hidden;*/
}
.case1{
    background-color:#A6A6A6; 
    margin-top:5px;
    position:relative;  
}
.case2{
    background-color:#B3B3B3;
    margin-top:5px;
    position:relative;
}
#case3{
    margin-top:2px;
    background-color:#BFBFBF;
}
#case4{
    margin-top:2px;
    background-color:#CCCCCC;
}
/*原
.pic-wai
{
    text-align:left;
    width:266px;
    height:44px;
    padding-top:8px;
}
.pic
{
    margin-left:2px;
    width:70px;
    height:45px;
}
*/
.pic-wai
{
    text-align:left;
    width:266px;
    height:88px;
    padding-top:8px;
}
.pic
{
    margin-left:2px;
    width:70px;
    height:90px;
}
.pic img
{
    max-width:70px;
     height:auto;
     width:70px;
     width:expression(document.body.clientWidth>70?"70px":"auto");
     overflow:hidden;
    }
/*#pic1{
    background-image:url(image/case1.jpg);
    background-repeat:no-repeat;
}
#pic2
{
    background-image:url(image/case2.jpg);
    background-repeat:no-repeat;
}
#pic3{
    background-image:url(image/case3.jpg);
    background-repeat:no-repeat;
}
#pic4{
    background-image:url(image/case4.jpg);
    background-repeat:no-repeat;
}
.pic-case{
    width:174px;
    height:40px;
    color:#1F5A76;
    margin-left:6px;
    font-size:12px;
    margin-top:-8px;
}*/
.pic-case{
    width:174px;
    height:85px;
    color:Black;
    margin-left:6px;
    font-size:16px;
    margin-top:-8px;
    overflow:hidden;
    padding-top:15px;
}
.Homepage_News
{
    background-color:#DEDEDE;
    color:#1F5A76;
}
/*.music{
    width:370px;
    height:358px;
    margin-top:9px;
}
.music2{
    width:370px;
    height:275px;
    margin-top:9px;
}
.music3{
    width:370px;
    height:23px;
    background-color:#8C8C8C;
    color:#90DDFF;
}
.music4{
    width:370px;
    height:23px;
    background-color:#737373;
    color:#90DDFF;
}
.con{
    width:370px;
    height:326px;
    background-color:#DEDEDE;
    margin-top:7px;
}
.com{
    width:370px;
    height:247px;
    background-color:#DEDEDE;
    margin-top:6px;
}
.con-nei{
    width:358px;
    height:314px;
    padding-top:7px;
}
.com-nei{
    width:358px;
    height:235px;
    padding-top:6px;
}
.back{
    width:358px;
    height:72px;
    margin-top:2px;
    padding-top:5px;
}
.back1{
    background-color:#A6A6A6;
   
}
.back2{
    background-color:#B3B3B3;
}
.back3{
    background-color:#BFBFBF;
}
.back4{
    background-color:#CCCCCC;
}
.back5{
    background-color:#8C8C8C;
}
.back6{
    background-color:#999999;
}
#back7{
    background-color:#A6A6A6;
}
#back8{
    background-color:#B3B3B3;
}
#back9{
    background-color:#8C8C8C;
}
#back10{
    background-color:#999999;
}
#back11{
    background-color:#A6A6A6;
}
#back12{
    background-color:#A6A6A6;
}
#back13{
    background-color:#B3B3B3;
}
#back14{
    background-color:#BFBFBF;
}
.co{
    width:343px;
    height:67px;
    
}
.cn
{
    text-align:center;
    width:108px;
    height:52px;
    background-image:url(image/back1.jpg);
    background-repeat:no-repeat;
    float:left;
    padding-top:15px;
}
.cv{
    width:168px;
    height:63px;
    float:left;
    margin-left:23px;
    text-align:left;
    padding-top:5px;
}
.cb{
    width:16px;
    height:67px;
    float:left;
    padding-left:15px;
}
.font
{
    color:White;
    font-size:15px !important;
    font-size:15px;
    font-family:Impact;
}
.font1
{
    color:Black;
    font-size:12px !important;
    font-size:11px;
    letter-spacing:12px;
}
.cont1{
    color:#1F5A76;
    height:16px;
    text-align:left;
    font-size:12px;
}
.cont1 a
{
    color:#1F5A76;
    text-decoration:none;
}
.cont2{
    height:32px;
    color:White;
    padding-top:10px;
    word-spacing:5px;
    text-align:left;
}
.cont3
{
    width:50px;
    height:1px;
    }
.butt2{
    width:16px;
    height:15px;
}
.butt{
    width:16px;
    height:40px;
    background-image:url(image/demo_button.gif);
    background-repeat:no-repeat;
}
.butt1{
    width:16px;
    height:16px;
    background-image:url(image/more_button.gif);
    background-repeat:no-repeat;
}
.lg1{
    width:68px;
    height:25px;
    background-image:url(image/back2.jpg);
    float:left;
    padding-top:42px;
    position:relative;
}
.lg2{
    width:91px;
    height:67px;
    background-color:Black;
    float:left;
    position:relative;
    margin-left:9px;
}
.lg3{
    width:135px;
    height:67px;
    float:left;
    position:relative;
    margin-left:8px;
}
.tiao3{
    width:124px;
    height:16px;
    text-align:right;
    padding-top:7px;
    padding-right:12px;
    font-size:12px;
}
.tiao4{
    width:25px;
    height:23px;
    background-image:url(image/logo4.jpg);
    float:left;
}
.tiao5{
    width:124px;
    height:16px;
    font-size:12px;
    text-align:right;
    padding-top:7px;
    padding-right:12px;
}*/
.tiao1{
    width:26px;
    height:23px;
    background-image:url(image/logo3.jpg);
    float:left;
}
.tiao2{
    width:208px;
    height:16px;
    color:#90DDFF;
    text-align:left;
    padding-top:7px;
    font-weight:bolder;
    float:left;
    font-size:12px;
}

#por{
    width:445px;
    height:190px;
    margin-top:10px;
}
#poru{
    width:445px;
    height:23px;
    background-color:#8C8C8C;
}
#pord{
    width:445px;
    height:164px;
    margin-top:6px;
}
.man{
    width:89px;
    height:164px;
    float:left;
    position:relative;
}
.wman{
    width:72px;
    height:94px;
    background-image:url(image/back.jpg);
    padding-top:4px;
    
}
.rman{
    line-height:20px;
    text-align:left;
    margin-top:-14px;
    padding-left:10px;
    font-size:12px;
}
.fon1{
    color:#6EBCCD;
}
.fon2{
    color:#152333;
}
.fon3{
    color:White;
}
#mod{
    font-size:24px;
    color:#6EBCCD;
}
a.DL-white
{
    color:White;
    }
/*new-gai*/
#logo5{
    height:25px;
    width:25px;
    background-image:url(image/logo1.jpg);
}
.foot_logo1
{
    
    width:184px;
    height:100%;
    float:left;
    margin-left:5px;
    _margin-left:2px;
    position:relative;
    padding-left:5px;
    padding-top:3px;
    }
.foot_logo2
{
    
   width:186px;
    height:100%;
    float:left;
    margin-left:5px;
    position:relative;
    padding-left:3px;
    padding-top:3px;
    }
.foot_logo3
{
    
    width:186px;
    height:100%;
    float:left;
    margin-left:5px;
    position:relative;
    padding-left:3px;
    padding-top:3px;
    }
.foot_logo4
{
    
    width:186px;
    height:100%;
    display:table;
    float:left;
    margin-left:5px;
    position:relative;
    padding-left:3px;
    padding-top:3px;
    }
.foot img
{
    float:left;
    position:relative;
    margin-right:3px;
    }


.W_word a
{
    color:#1F5A76;
    text-decoration:none;
    }
.W_word a:hover
{
    text-decoration:underline;
    }

.pic-case a
{
    color:#1F5A76;
    text-decoration:none;
    }
.pic-case a:hover
{
    text-decoration:underline;
    }
 
.foot a
{
    color:#1F5A76;
    font-size:12px;
    text-decoration:none;
    }
.foot a:hover
{
    text-decoration:underline;
    }
.foot_title
{
    width:783px;
    height:28px;
    font-size:14px;
    color:#1F5A76;
    background-color:#dedede;
    text-align:left;
    line-height:28px;
    margin-top:8px;
    position:relative;
    text-indent:12px;
    }
