/* CSS Document */
/*===公共样式开始===*/
body,div,ul,li,p,a,input,form,h1,h2,h3,img,tr,td,th{ margin:0; padding:0;}
li{ list-style-type:none;}
a{ text-decoration:none; outline:none; font-family:"微软雅黑"; font-size:12px; color:#666;}
a:hover{ color:#f00;}
img{ border:0;}
body{ font-family:"微软雅黑"; font-size:12px; color:#666;}
.fl{ float:left; display:inline}
.fr{ float:right;display:inline}
.clear{}
.clearFix:after{clear:both;display:block;content:”.”;height:0;line-height:0;visibility:hidden;}
.clearFix{zoom:1;}

/*******浮动*******/
.fl{float: left; display: inline}
.fr{float: right; display: inline}

/*清除浮动*/
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix{zoom: 1}/*IE兼容专用*/
.clear{clear: both}
.c_l{clear: left}
.c_r{clear: right}

/*===首页开始=== 屏幕宽1000px*/
/*页头*/
.header{ width:100%; height:136px;}
/*顶部*/
.bg_top{ width:100%; height:80px; background-color:#fff; border-bottom:1px solid #CECECE;}
.top{ width:1000px; height:78px; margin:0 auto;}
/*顶部左*/
.top-l{ width:40%; height:78px; float:left;}
.logo{ width:160px; height:78px; float:left;}
.logo-d{ height:20px; padding:30px 0 0 10px; float:left; margin:12px 0 0 10px; border-left:2px solid #999;}
.logo-d p{ line-height:20px;  font-style:italic;/*font-family:"宋体";*/ font-family:"Times New Roman"; color:#999; font-size:16px;}
/*顶部右*/
.top-r{ width:55%; height:78px; float:right;}
.search{ background-image:url(../images/search.jpg); float:left; height:28px; margin-top:15px; width:250px;}
.search input{ color:#ccc; height:25px; margin:1px 0 0 35px; width:212px; border:none; font-family:"宋体";}
.btn {
    width: 76px;
    height: 38px;
    float: left;
    color: #fff;
}
.search input:active{ border:none;}
.contact{ height:78px; float:right;}
.contact-t{ height:23px;}
.QQ{ width:22px; height:23px; background:url(../images/contact.jpg) 0 0;}
.weixin{ width:23px; height:23px; background:url(../images/contact.jpg) -29px 0; margin-left:18px; position:relative;}
.box{ display:none;}
.weixin:hover .box{ display:block; width:162px; height:161px; background:url(../images/wx-border.png); position:absolute; top:23px; right:-46px; z-index:22;}
.code{ width:91px; height:91px; background:url(../images/share-code.jpg); margin:28px auto 0;}
.code-t{ text-align:center; height:30px; line-height:30px; margin:10px auto 0;}
.message-icon{ width:22px; height:23px; background:url(../images/contact.jpg) -60px 0; margin-left:15px;}
.feedback{ width:22px; height:23px; background:url(../images/contact.jpg) -90px 0; margin-left:15px;}
.contact-b{ height:30px; line-height:30px; font-size:14px; color:#666;}
.language{ height:24px; line-height:24px; /*padding-left:60px;*/}
.language a{ color:#999;}
.language a:hover{ color:#328F5B;}

/*导航*/
.nav{ width:100%; height:37px; background-color:#F2F2F2; padding-top:3px;}
.nav ul{ width:1000px; height:37px; margin:0 auto;}
.nav ul li{ width:95px; height:37px; line-height:37px; float:left; display:inline; margin:0 7px; position:relative;}
.nav ul li a{ color:#333; font-size:14px;}
.nav ul li a:hover{ color:#F00;}
.nav ul li ul{ display:none;}
/*.research:hover,.science:hover,.market:hover,.about:hover{ background-image:url(../images/bg_li.png);}*/
.nav ul > li{ border:1px solid #F2F2F2 ;border-bottom:none; text-align:center; padding:0 12px;}
.nav ul li:hover{border:1px solid #ccc; border-bottom:none; background:#ffffff}
/*.nav ul li:hover > ul{ display:}*/
.nav ul li ul{ width:183px; height:auto; position:absolute; top:37px; left:-1px; border:1px solid #ccc; border-top:none; background-color:#fff; z-index:20;}
.nav ul li ul li{height:30px; line-height:30px; position:relative; padding:0; margin:0; width:100%;  border:none; text-align:left;}
.nav ul li ul li a{ color:#333; display:block; padding:0 16px}
.nav ul li ul li:hover{ background-color:#328F5B;}
.nav ul li ul li:hover a{ color:#fff;}

.nav ul li:hover ul li ul{width:228px;position:absolute; top:0; left:183px; border:1px solid #ccc; background-color:rgba(255,255,255,0.7); z-index:21;}
.nav ul li:hover ul li ul li{ display:block;}
.nav ul li:hover ul li ul li a{ color:#333; padding-left:10px;}
.nav ul li:hover ul li ul li a span{ font-family:"Times New Roman"; font-style:italic;}
.nav ul li:hover ul li ul li:hover{ background-color:#328f5b;}
.nav ul li:hover ul li ul li:hover a{ color:#fff;}

/*banner*/
.banner{ width:1000px; height:450px; margin:0px auto;}
.big-pic{ width:1000px; height:450px; float:left; position:relative;}
.show{ width:1000px; height:450px; padding:0px; position:relative; overflow:hidden;}
.show ul.img-list{ width:1000px; list-style-type:none; position:absolute; left:0px; top:0px; padding:0px; margin:0px;}
.show ul.img-list li{ float:left; display:inline;}
.show ul.list{ position:absolute; left:50%; bottom:10px; padding:0px; margin-left:-20px;}
.show ul.list li{ width:9px; height:9px; border-radius:8px; float:left; margin-left:2px; background-color:#FFF; opacity:0.5; filter:alpha(opacity=50);}
.show ul.list li.on{ opacity:1; filter:alpha(opacity=100);}
.show b{ display:inline-block; width:30px; height:30px; border:3px solid #fff; color:#fff; font-size:30px; font-weight:90; background:rgba(0, 0, 0, 0.80);
position:absolute; margin-top:-15px; top:50%; z-index:100; border-radius:20px; transition:opacity 1s; transition:margin-top 0.5s; text-indent:5px; line-height:25px;
opacity:0.2; filter:alpha(opacity=20);}
.show b.on{ opacity:0.8; filter:alpha(opacity=80); margin-top:-20px; cursor:pointer;}
.show b.pre{ left:2%;}
.show b.next{ right:2%;}
.show b.display{ opacity:0.8; filter:alpha(opacity=80);}
.banner-b{ width:942px; height:10px; margin:3px auto 0; background:url(../images/banner-b.png);}

/*新闻推荐*/
.recommend{ width:1000px; height:420px; margin:10px auto 0;}
.r-title{ width:100%; height:47px; line-height:47px; background:url(../images/bg_c-title.png);}
.r-title-l{ width:57%; float:left;}
.r-news-r{ width:450px; padding-left:20px; float:left;}
.r-news{ width:auto; padding:0 30px 0 0; float:left;}
.r-news a{ font-family:"宋体"; color:#999;}
.r-news a:hover{ color:#328F5B;}
.r-date{ width:auto; font-family:"宋体"; color:#D1D1D1; float:right;}
.r-title-r{ width:25%;}
.wx{ padding-right:20px;}
.email{ padding-left:30px;}
.email a{ font-family:"微软雅黑"; color:#666;}
.email a:hover{ color:#328F5B;}
.wx-t,.email-t{ padding-right:10px;}
.wx-icon{ width:23px; height:24px; background:url(../images/weixin-email-icon.png) 0 0; margin-top:10px; position:relative;}
.wx-icon:hover .box{ display:block; width:162px; height:161px; background:url(../images/wx-border.png); position:absolute; top:23px; right:-46px; z-index:22;}
.email-icon{ width:24px; height:24px; background:url(../images/weixin-email-icon.png) -24px 0; margin-top:10px;}

.recommendul{ width:1000px; height:340px; margin:28px auto 0;}
.recommendul li{ width:246px; height:340px; border-left:1px dashed #EAEEF2; border-right:1px dashed #EAEEF2; float:left;}
.recommendul li:hover{ background-color:#F5F4F4;}


/* 滚动新闻scrollDiv border:#ccc 0px solid;*/
.scrollDiv{height:25px;/* 必要元素 */line-height:25px;overflow:hidden;  /* 必要元素 */  margin-top:12px}
.scrollDiv li{height:25px;padding-left:10px;}
#s2,#s3{height:100px;}

.pic1,.pic2,.pic3,.pic4{ margin:0 auto;}
.pic1{ width:109px; height:110px; background:url(../images/pic.png) 0 0;}
.pic2{ width:108px; height:110px; background:url(../images/pic.png) -110px 0;}
.pic3{ width:108px; height:110px; background:url(../images/pic.png) -219px 0;}
.pic4{ width:108px; height:110px; background:url(../images/pic.png) -329px 0;}
.title1,.title2,.title3,.title4{ height:50px; line-height:50px; text-align:center; font-size:16px; color:#333;}
.des1,.des2{ padding:0 10px;}
.des3,.des4{ padding:0 30px;}

.des1 p,.des2 p,.des3 p,.des4 p{ height:120px; line-height:20px; font-family:"宋体"; color:#999; text-indent:2em; overflow:hidden;}
.more1,.more2,.more3,.more4{ margin:15px auto 0; background:#9AA3B1; width:90px; height:22px; line-height:22px;
border-radius:100px; text-align:center; color:#fff;}
.more1:hover,.more2:hover,.more3:hover,.more4:hover{ background:#788190;}
.recommendul li:hover .des1,.recommendul li:hover .des2,.recommendul li:hover .des3,.recommendul li:hover .des4{ display:none;}
.recommendul li:hover .pic1,.recommendul li:hover .pic2,.recommendul li:hover .pic3,.recommendul li:hover .pic4{ margin-top:50px; transition:margin-top 1s ease 0.4s}

/*内容*/
.content{ width:998px; height:820px; height:auto; margin:40px auto 0; border-left:1px solid #ECECEC; border-right:1px solid #ECECEC;}
.news{ width:1000px; height:262px; border-bottom:1px solid #E0E0E0;}
.intro{ width:330px; height:257px;}
.intro-t{ width:330px; height:5px; background:url(../images/intro-t.png) repeat-x;}
.intro-title{ width:280px; height:35px; line-height:35px; margin:10px auto 0; border-bottom:1px dashed #D3D1D1;}
.intro-title-r a,.activity-title-r a,.progress-title-r a,.projects-title-r a{ font-family:"宋体"; color:#ccc;}
.intro-title-r a:hover,.activity-title-r a:hover,.progress-title-r a:hover,.projects-title-r a:hover{ color:#328F5B;}
.intro-img{ width:269px; height:170px; margin:10px auto 0; position:relative;}
.intro-img-t{ width:266.5px; height:30px; line-height:30px; margin:-30px 0 0 31px; background-color:#3E3A36; opacity:0.8; font-family:"宋体"; text-align:center; color:#ccc; position:absolute;}

.activity-t,.progress-t{ width:334px; height:5px; background:url(../images/2.png) repeat-x;}
.activity-cont,.progress-cont{ width:333px; height:247px; border-left:1px solid #E0E0E0; padding-top:10px;}
.activity-title{ width:300px; height:35px; line-height:35px; margin:0 auto; border-bottom:1px dashed #D3D1D1;}
.activity-cont ul{ width:300px; margin:0 auto;}
.activity-cont ul li{ height:29px; line-height:29px;}
.activity-detailed{ width:220px; overflow:hidden;white-space: nowrap;}
.activity-detailed a{ padding-left:8px; color:#898787; font-family:"宋体";}
.activity-detailed span{ color:#F28D59; font-weight:900;}
.activity-date a{ color:#B5B4B4; font-family:"宋体";}

.progress-title{ width:300px; height:35px; line-height:35px; margin:0 auto; border-bottom:1px dashed #D3D1D1;}
.progress-cont ul{ width:300px; margin:0 auto;}
.progress-cont ul li{ height:29px; line-height:29px;}
.progress-detailed{ width:220px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis;}
.progress-detailed a{ padding-left:8px; color:#898787; font-family:"宋体";}
.progress-detailed span{ color:#F28D59; font-weight:900;}
.progress-date a{ color:#B5B4B4; font-family:"宋体";}
.activity-detailed a:hover,.progress-detailed a:hover{ color:#328F5B;}


.projects{ width:1000px; height:289px; height:auto; overflow:hidden ;zoom:1;border-bottom:1px solid #E0E0E0;}
.projects-title{ width:969px; height:35px; line-height:35px; margin:10px auto 0; border-bottom:1px dashed #D3D1D1;}
.projects ul{ width:969px; height: auto; margin:20px auto 0;}
.projects ul li{ width:235px; height:235px; /*float:left;display:inline;*/margin-bottom:12px; display: inline-block; *display: inline;zoom:1;margin-right: 4px}
.projects ul li img{ width: 100%; height: 100%}

.partners{ width:970px; height:250px; margin:0 auto;}
.partners-title{ width:970px; height:35px; line-height:35px; margin:10px auto 0; border-bottom:1px dashed #D3D1D1;}
.partners ul{ width:970px; height:150px; margin:20px auto 0;}
.partners ul li{ width:161px; height:60px; margin:10px 0; float:left;}

.cont-b{ width:1000px; height:14px; background:url(../images/cont-b.png) repeat-x; margin:-8px auto 40px;}

/*页脚*/
/*底部导航*/
.link{ width:100%; height:170px; padding-top:20px; background-color:#F2F2F2; /*margin-top:30px;*/}
.link ul{ width:1000px; height:170px; margin:0 auto;}
.link ul li{ display:block; width:auto; height:92%; line-height:30px; padding:0 46px; float:left; border-left:1px solid #E6E3E4; border-right:1px solid #E6E3E4; font-size:14px; color:#333;}
.link ul li ul{ width:100%; height:80%;}
.link ul li ul li{ display:block; height:25px; line-height:25px; font-size:12px; float:none; padding:0; border:none;}
.link ul li ul li a{ color:#666;}
.link ul li ul li a:hover{ color:#4C8B58;}
/*版权*/
.copyright{ width:100%; height:93px; line-height:45px; text-align:center; background-color:#787878; color:#fff;}
.copyright a{ color:#fff;}
/*===列表页开始===*/
.l-banner{ width:1000px; height:204px; margin:0 auto;}
.bg_l-content{ width:100%; margin-top:-3px; /*background-color:#f4f4f4;*/}
.l-content{ width:1000px; overflow:hidden; margin:20px auto 0; padding-bottom:20px;}
.l-content-l{ width:210px; background-color:#fff;}
.left-title{ height:30px; line-height:30px; text-align:center; background-color:#118EBE; font-size:16px; color:#fff;}

.prolcon{ width:210px;}
.prolcon ul li{ width:185px;height:40px; background:url(../images/bg-icon1.jpg) no-repeat left center; border-top:1px solid #fff;
border-bottom:1px solid #e3e3e3; padding-left:15px; line-height:40px; text-align:left; margin-left:10px;}
.prolcon ul li:hover{ background:url(../images/bg-icon2.jpg) no-repeat left center;}
.prolcon ul li:hover a{ color:#464646;}	
.prolcon ul li a{ font-size:14px;}	
.prolcon dl{ width:210px;border-top:1px solid #E3E3E3; margin-top: -1px;}
.prolcon dl dt{ width:185px; height:40px; background:url(../images/bg-icon1.jpg) no-repeat left center; border-top:1px solid #fff;
border-bottom:1px solid #e3e3e3;padding-left:15px;margin-left:10px;line-height:40px;text-align:left;font-size:12px;}	
.prolcon dl dt a{ color:#333; display:block; cursor:pointer; font-size:14px;}
.prolcon dl dt:hover{ background:url(../images/bg-icon2.jpg) no-repeat left center;}
.prolcon dl dt:hover .prolcon dl dd{ display:block;}
.prolcon dl dt:hover a{ color:#464646;}	
.prolcon dl dt.on{ background-color:#E60012;}
.prolcon dl dt.on a{ color:#fff;}
.prolcon dl dd{ display:none; margin-left: 0;}
.prolcon dl dd ul{ width:185px; height:30px; line-height:30px; text-align:left; padding-left:25px;}	
.prolcon dl dd ul:hover{ background-color:#1C7B3B;}	
.prolcon dl dd ul:hover a{ color:#fff;}	
.prolcon dl dd ul a{ color:#464646;}	
.prolcon dl dd ul a.prolnow{ color:#fff;}	
.prolcon .thisclass a{ color:#e20316;}


/*.prolcon dl dt{ background:url(../images/bg-icon2.jpg) no-repeat left center;}
.prolcon dl dt:active .prolcon dl dd{ display:block;}
.prolcon dl dt a{ color:#464646;}	
.prolcon dl dt.on{ background-color:#E60012;}
.prolcon dl dt.on a{ color:#fff;}
.prolcon dl dd{ display:none; margin-left: 0;}
.prolcon dl dd ul{ width:185px; height:30px; line-height:30px; text-align:left; padding-left:25px;}	
.prolcon dl dd ul:hover{ background-color:#1C7B3B;}	
.prolcon dl dd ul:hover a{ color:#fff;}	
.prolcon dl dd ul a{ color:#464646;}	
.prolcon dl dd ul a.prolnow{ color:#fff;}	
.prolcon .thisclass a{ color:#e20316;}
*/
/*列表页内容右侧*/
.l-content-r{ width:780px; height:auto; padding:10px 0 30px 0; background-color:#fff;}
.right-title{ width:710px; height:35px; line-height:35px; margin:0 auto; border-bottom:1px solid #999; font-size:14px; color:#000;}
.position{ background:url(../images/homepage-icon.png) left center no-repeat; padding-left:32px; text-align:left; color:#999; font-size:12px;}
.position a{ font-family:"宋体";  color:#999;}
.position a:hover{ font-family:"宋体"; color:#1C7A3B;}

/*列表页内容右侧列表*/
.right-list{ width:710px; height:auto; margin:40px auto 0;}
.right-list ul li{ height:45px; line-height:45px; border-bottom:1px solid #E0E0E0;}
.right-list-t{ float:left; padding-left:15px; display:inline}
.right-list-t a{ font-size:14px; color:#757474; padding-left:10px;}
.right-list-t a:hover{ color:#1C7A3B;}
.right-list-d{ float:right;display:inline; padding-right:25px; font-family:"宋体"; color:#BFBDBD;}
/*产品中心*/
.right-list.product li { height:auto; padding:12px 0; line-height:45px}
.right-list.product .img{}
.right-list.product .img img{ width:100px; height:100px;}
.right-list.product .right-list-t{ width:500px;}
/*产品列表*/
.right-list.product-center{ overflow: hidden;}
.right-list.product-center ul{ width: 110%;}
.right-list.product-center li{width: 235px; height:auto; line-height: normal; padding: 0; float: left;*display: inline;margin-right: 6px;margin-bottom: 10px; }
.right-list.product-center li .img{display: block; width: 235px; height:235px; }
.right-list.product-center li img{width: 235px; height:235px; }
.right-list.product-center li .tit{ display: block;padding: 6px 0;}
.right-list.product-center li:hover { border-color: red}

/*分页*/
.page{ width:780px; height:30px; margin-top:50px;}
.page_con{ height:30px; margin:0 0 0 170px;}
.page-status{font-size:14px;padding:0px 5px;}
.page_con a{font-size:14px;padding:0px 5px;}
.hover{font-weight:bold;padding: 0 5px;}

/*===内容页内容开始===*/
.l-content-r h1{ margin-top:50px; text-align:center; font-size:24px; color:#1C743C;}
.titleInfo{ width:710px; border-bottom:1px dashed #ccc; margin:20px auto 0; height:36px; line-height:36px;}
.author{ width:45%; text-align:right; font-family:"宋体"; color:#999;}
.date{ width:45%; text-align:left; font-family:"宋体"; color:#999;}
.updown{ width:710px; margin:10px auto 0; border-top:1px dashed #ccc;  height:30px; line-height:30px;}
.up{ width:100%; text-align:left;}
.down{ width:100%; text-align:left;}
.up a,.down a{ font-family:"宋体"; color:#999;}
.up a:hover,.down a:hover{ color:#10AE58;}


/*===项目页内容开始===*/
.titlecate{ height:38px; margin:50px auto 0; width:710px; background-color:#F6F6F6; border:1px solid #E5E5E5; border-bottom:none;}
.titlecate ul{ width:290px; height:38px; float:left;}
.titlecate ul li{ width:143px; height:36px; line-height:36px; text-align:center; float:left; min-width:50px;}
.titlecate ul li:hover{ background-color:#fff; border-top:2px solid #24733A; border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5;}

.procon_now{ background-color:#fff; border-top:2px solid #24733A; border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5; color:#666;}
.pro_con{ width:605px; height:612px; display:none; margin:20px auto 0;}

/*===单页内容开始===*/
.article{ width:710px; margin:20px auto; color:#666;font-size:16px;}

/*===联系我们内容开始===*/
.weare,.map{ width:695px; height:27px; line-height:27px; padding-left:15px; margin:50px auto 0; background-color:#1c7a3b; color:#fff; font-family:"宋体";}
.tel,.fax,.postcode,.domain{ font-family:"宋体"; color:#666; width:695px; padding-left:15px; height:33px; line-height:33px; margin:0 auto;}
.tel{ margin-top:10px;}
.baidumap{ width:710px; height:610px; margin:20px auto;}

/*===搜索页内容===*/
.s-cont{ width:1000px; height:auto; margin:20px auto;}
.stitle{ padding-bottom:10px;}
.stitle a{ font-family:"微软雅黑"; font-size:16px;    color: red;}
.sdetail{ margin-top:5px;}
.slink{ margin-top:5px; color:#333;}
.slink a{ font-family:"微软雅黑"; font-size:16px;}
.scon_t{margin:10px auto; width:1000px; height:auto;    font-size: 16px;font-weight: bold;}
.scon{margin:10px auto; width:1000px; height:auto;}
.scon ul li{ margin:15px 0;font-size: 16px;    border-bottom: 1px solid #F2F2F2;padding-bottom: 18px;}
small{ margin:0 0 0 30px;}

/*===合作单位内容开始===*/
.right-con{ width:710px; margin:10px auto 0;}
.right-con ul li{ height:170px; border-bottom:1px solid #ccc;}
.cooLogon{ width:216px; height:170px;}
.cooIntro{ width:490px; height:155px; padding-top:15px;}
.cooTitle{ height:28px; line-height:28px; font-size:15px;}
.cooTitle a{ font-size:14px; color:#333;}
.cooDes{ height:125px; line-height:25px; font-size:14px; color:#666; overflow:hidden;}

/*===在线留言===*/
.message-title{ width:710px; margin:10px auto 0; font-size:16px; color:#000; height:30px; line-height:30px; border-bottom:1px solid #999;}
.message{ width:710px; margin:30px auto 0; background-color:#1C7A3B; height:27px; line-height:27px; color:#fff; padding-left:10px;}
.l-content-r form{ width:710px; margin:30px auto 0;}
.l-content-r form table .h{ height:30px; line-height:30px; color:#333; font-family:"微软雅黑"; font-size:14px; margin:5px 0;}
.l-content-r form table tr{ margin-top:10px;}
.l-content-r form table tr td .w{ width:280px;}
.l-content-r form table tr td .h{ height:27px; line-height:27px;}
.l-content-r form table tr th .bg{ background-color:#1C7A3B; color:#fff; width:100px; height:35px; line-height:35px; float: left;margin-left: 58px;font-size:14px; font-family:"微软雅黑"; border:none; cursor:pointer;}
.l-content-r form table tr th{ margin-left:130px;}
.l-content-r form table tr th .m2{ margin-left:30px;}

/*right fix*/
.custom_service p img {display: inline; margin-top:-5px; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:150px;}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../images/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../images/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}

.btn{background:#0090CE;text-shadow:0 1px 0 #23355C;border-radius: 0 3px 3px 0;margin-top: 15px;height:28px;}
.btn2 a:hover,.btn2 a.on{background:#EEF2F7;}
.btn .btnb{border:none;background:none;display:block;text-align:center;line-height:28px;color:#fff;width:76px;cursor:pointer;}