/* CSS Document */
body { margin:0; font-size:12px; color:#777; font-family:Arial;background-color:#FFF; }
.gdsfghtml { overflow-x:hidden; }
a:link{ color:#666; text-decoration:none;}
a:visited{color:#666; text-decoration:none;}
a:hover{ color:#E8641B; text-decoration:none;}
ul{ margin:0; padding:0; list-style:none;}
img{ border:none;}
h1{ margin:0; padding:0;}
#container{ width:100%; background:#F1F2ED url(images/mainbg.jpg) repeat-x;}
/*-----页面头部样式-----*/
#header{ width:812px; height:308px; margin:0 auto;}
#logo{ width:252px; height:71px; padding:29px 0 0 20px; float:left;}
#search{ width:178px; height:22px; float:right; display:inline; margin:58px 10px 0 0;}
.text{ width:143px; height:18px; margin-right:3px; border:none; background:url(images/search.jpg) no-repeat; padding:4px 0 0 10px; color:#666;}
.go{ width:22px; height:39px; border:none; background:url(images/go.jpg) no-repeat; cursor:pointer;}
#nav{ width:980px; height:39px; margin:auto; margin-top:20px;}
#nav ul li{ float:left; display:inline;}
#nav a{text-decoration:none; position:relative;
}
.a2 a:link{width:100px; height:39px; display:block; text-decoration:none; color:#FFF;}
.a2 a:visited{width:100px; height:39px; display:block; text-decoration:none; color: #FFF; }
.a2 a:hover{width:100px; height:39px; display:block; text-decoration:none;  color:#000; background:url(images/mh.png);}
/*not for ie 6.0*/
html>body .a2 a:hover{width:100px; height:39px; display:block; text-decoration:none;  color:#000; background:url(images/mh.png);}
/*for ie 6.0*/
* html .a2 a:hover {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/skins/model_ysuny/images/mh.png");
        background:none; 
}

/*---------------------------*/
.li1{ width:112px; height:39px; text-align:center; line-height:39px;}
/*not for ie 6.0*/
html>body .li1{background: url(/skins/model_ysuny/images/m1.png);}
/*for ie 6.0*/
* html .li1 {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/skins/model_ysuny/images/m1.png");
        background:none;
}
.li1 a{color:#000; text-decoration: none; position:relative;}
.li1 a:hover{ text-decoration:underline;text-align:center; text-align:center; }
/*---------------------------*/
.li2{ width:90px; height:39px; text-align:center; line-height:39px;}
/*not for ie 6.0*/
html>body .li2{background: url(/skins/model_ysuny/images/m2.png);}
/*for ie 6.0*/
* html .li2 {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/skins/model_ysuny/images/m2.png");
        background:none;
}
.li12 a{color:#000; text-decoration: none; position:relative; }
.li12 a:hover{ text-decoration:underline;text-align:center; text-align:center; }
/*---------------------------*/
.li3{ width:100px; height:39px; text-align:center; line-height:39px;}
/*not for ie 6.0*/
html>body .li3{background: url(/skins/model_ysuny/images/m3.png);}
/*for ie 6.0*/
* html .li3 {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/skins/model_ysuny/images/m3.png");
        background:none;
}
.li13 a{color:#000; text-decoration: none; position:relative; }
.li13 a:hover{ text-decoration:underline;text-align:center; text-align:center; }
/*---------------------------*/
.li4{ width:111px; height:39px; text-align:center; line-height:39px;}
/*not for ie 6.0*/
html>body .li4{background: url(/skins/model_ysuny/images/m4.png);}
/*for ie 6.0*/
* html .li4 {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/skins/model_ysuny/images/m4.png");
        background:none;
}
.li14 a{color:#000; text-decoration: none; position:relative; }
.li14 a:hover{ text-decoration:underline;text-align:center; text-align:center; }
/*---------------------------*/
.li5{ width:111px; height:39px; text-align:center; line-height:39px; color:#000;}
/*not for ie 6.0*/
html>body .li5{background: url(/skins/model_ysuny/images/m5.png);}
/*for ie 6.0*/
* html .li5 {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/skins/model_ysuny/images/m5.png");
        background:none;
}
.li15 a{color:#000; text-decoration: none; position:relative; }
.li15 a:hover{ text-decoration:underline;text-align:center; text-align:center; }
/*---------------------------*/
.li6{ width:90px; height:39px; text-align:center; line-height:39px;}
/*not for ie 6.0*/
html>body .li6{background: url(/skins/model_ysuny/images/m6.png);}
/*for ie 6.0*/
* html .li6 {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/skins/model_ysuny/images/m6.png");
        background:none;
}
.li16 a{color:#000; text-decoration: none; position:relative; }
.li16 a:hover{ text-decoration:underline;text-align:center; text-align:center; }
/*---------------------------*/
.li7{ width:110px; height:39px; text-align:center; line-height:39px;}
/*not for ie 6.0*/
html>body .li7{background: url(/skins/model_ysuny/images/m7.png);}
/*for ie 6.0*/
* html .li7 {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/skins/model_ysuny/images/m7.png");
        background:none;
}
.li17 a{color:#FFF; text-decoration: none; position:relative; }
.li17 a:hover{ text-decoration:underline;text-align:center; text-align:center; }
/*---------------------------*/
.li8{ width:100px; height:39px; text-align:center; line-height:39px;}
/*not for ie 6.0*/
html>body .li8{background: url(/skins/model_ysuny/images/m8.png);}
/*for ie 6.0*/
* html .li8 {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/skins/model_ysuny/images/m8.png");
        background:none;
}
.li18 a{color:#FFF; text-decoration: none; position:relative; }
.li18 a:hover{ text-decoration:underline;text-align:center; text-align:center; }
/*---------------------------*/
.li9{ width:99px; height:39px; text-align:center; line-height:39px;}
/*not for ie 6.0*/
html>body .li9{background: url(/skins/model_ysuny/images/m9.png);}
/*for ie 6.0*/
* html .li9 {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/skins/model_ysuny/images/m9.png");
        background:none;
}
.li19 a{color:#000; text-decoration: none; position:relative; }
.li19 a:hover{ text-decoration:underline;text-align:center; text-align:center; }
/*---------------------------*/


/*---------------------------*/
#banner{ width:812px; height:165px; float:left;}
/*-----页面中间部样式-----*/
#pagebody{ width:812px; height:368px; margin:0 auto;}
#sideleft{ width:492px; float:left;}
#sideleft h1{ padding:25px 0 0 10px; height:29px; width:480px; border-bottom:1px #ccc dashed; font-size:12px; font-weight:normal;}
#sideleft h1 a{ float:right; margin-top:6px; text-decoration:none;}
#sideleft h1 a:hover{ color:#669933;}
#sideleft h2{ padding:15px 0 0 10px; height:29px; width:480px; margin:0; font-size:12px; font-weight:normal;}
#sideleft h2 a{ float:right; margin-top:6px; text-decoration:none;}
#sideleft h2 a:hover{ color:#669933;}
#sideleft .comp{ display:block; width:470px; height:100px; padding:20px 10px 0 10px; text-indent:24px; line-height:20px;}
#sideleft ul li{ padding:5px 0 5px 10px;}
#sideleft ul li a:hover{ text-decoration:none; color:#669933;}
#sideright{ width:320px; float:left;}
#flash{ width:305px; height:170px; background:url(images/flashbg.jpg) no-repeat center 10px; padding:25px 0 0 15px;}
#Solution{ width:305px; height:170px; padding:0 0 0 15px; background:url(images/sol.gif) no-repeat 15px 40px; position:relative;}
#Solution h1{ width:290px; height:27px; padding:13px 0 0 0; float:left;}
#Solution p{ padding:10px 22px 0 10px; margin:0; line-height:20px; float:left;}
#more{ position:absolute; bottom:10px; right:30px;}
#more a{ text-decoration:none;}

/*-----页面底部样式-----*/
#footer{ width:100%; height:150px; background:#333 url(images/footbg.jpg) repeat-x top;}
#foottop{ width:812px; height:125px; background:url(images/foottop.gif) no-repeat; margin:0 auto;}
#foottop ul{ padding:25px 0 0 140px;}
#foottop li{ float:left; padding:10px 15px 0 15px;}
#foottop li a{ color:#bbb;}
#foottop li a:hover{ color:#A7C42E;}
#foottop p{ color:#ccc; clear:both; margin:0; padding:15px 0 0 0; display:inline-block;}

/*-----内容也样式-----*/
#cpagebody{ width:812px; margin:0 auto; overflow:hidden;}
#csideleft{ width:210px; float:left; background:url(images/csidel.jpg) no-repeat center 10px;}
#csideleft h1{ width:210px; height:50px;}
#csideleft ul{ padding:15px 15px 0 25px; height:180px;}
#csideleft ul li{ padding:5px 0 5px 25px; background:url(images/sign.jpg) no-repeat left 8px;}
#csideleft ul li a{ text-decoration:none;}
#csideleft ul li a:hover{ text-decoration:underline;}
#csideright{ width:602px; float:left;}
#location{ width:565px; height:29px; margin:0 0 0 10px; padding:30px 0 0 15px; border-bottom:1px dashed #CCCCCC;}
#location a{ text-decoration:none;}
#location a:hover{ text-decoration:underline;}
#main{ width:580px; padding:15px 0 0 15px;}
/*自适应高度*/
#cpagebody:after{ display:block; height:0; clear:both; visibility:hidden;}
#cpagebody{display:inline-block;}
/*\*/
#cpagebody{display:block;}
/* end easy clearing */
/*\*/
#csideleft, #csideright{padding-bottom: 32767px !important; margin-bottom: -32767px !important;}
@media all and (min-width: 0px) {
#csideleft, #csideright{padding-bottom: 0 !important; margin-bottom:0 !important; }
#csideleft:before, #csideright:before{ content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; background: inherit; padding-top: 32767px !important; margin-bottom: -32767px !important; height:0;}
}