﻿/* CSS Document */
body { margin:0; padding:0; font-size:12px; line-height:2; color:#666; font-family:宋体; background:#E9E9E9 url(images/changli-bg.jpg) repeat-x 0 0; text-align:left; }
img { border:0; margin:0; padding:0; }
form,h1,h2,ul,li,dl,dd,dt { margin:0; padding:0; }

#page_turner { clear:both; margin-top:10px; padding:10px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; }
#page_turner a { border:1px solid #CCCCCC; margin:0 2px; padding:2px 3px; }
#page_turner .c { border:none; font-weight:bold; color:#333333; background:none; }
#page_turner .o { border:none; background:none; }

#msg{position:absolute;top:500px; left:500px; z-index:999; height:33px; width:auto; font-weight:bold;}
#msg .l{height:33px; width:38px; background:url(EasCMS/Skins/Default/msg_l.gif) no-repeat; float:left;}
#msg .c{
	height:33px; line-height:33px; padding:0px 10px; color:#333;
	background:url(EasCMS/Skins/Default/msg_c.gif) repeat-x; font-size:14px; float:left;}
#msg .r{height:33px; width:5px; background:url(EasCMS/Skins/Default/msg_r.gif) no-repeat; float:left;}
#msg_l__{background:url(EasCMS/Skins/Default/msg_l.gif) repeat-x 0px 34px; display:none;}
#msg_c__{background:url(EasCMS/Skins/Default/msg_c.gif) repeat-x 0px 34px; display:none;}
#msg_r__{background:url(EasCMS/Skins/Default/msg_r.gif) repeat-x 0px 34px; display:none;}


a { text-decoration:none; color:#666; }
a:hover { color:#0049BC; }

.space10 { height:10px; clear:both; overflow:hidden; }
.space20 { height:20px; clear:both; overflow:hidden; }
.space30 { height:30px; clear:both; overflow:hidden; }
.orange { color:#FF5B00; }
.red { color:#FF0000; }
.blue { color:#0049BC; }
.left { float:left; }
.right { float:right; }
.mr10 { margin-right:10px; }
.ml10 { margin-left:10px; }
.f13 { font-size:13px; }
.bold { font-weight:bold; }
.undis { display:none; }
.clear { clear:both; overflow:hidden; height:0px; }
.row { width:1000px; margin:0 auto; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; background-color:#FFFFFF; }
.gray { color:#999999; }
.center { text-align:center; }




/* css of top */
#top,#nav,#main,#sub-img,#bot { width:980px; margin:0 auto; }

#top { border-top:3px solid #0552C9; height:90px; overflow:hidden; }
#logo { float:left; padding:10px 0 0 20px; }
#top-link { float:right; padding:5px 10px 0 0; height:30px; }
#top-search { float:right; clear:right; background:url(images/changli-search.gif) no-repeat 0 0; width:209px; height:20px; overflow:hidden; margin:5px 10px 0 0; display:inline; padding:0 0 0 20px; }

#nav { background:url(images/changli-navbg.jpg) no-repeat 0 0; height:30px; z-index:10; }
/*#nav li { list-style-type:none; float:left; width:110px; height:22px; padding-top:5px; text-align:center; display:inline; }
#nav li a { display:block; height:23px; width:110px; }
#nav li#nav-1 { width:140px; margin:0 30px 0 0; }*/


#sub-nav { position:absolute; background-color:#0552C9; width:770px; z-index:100; top:120px; left:50%; margin-left:-320px; display:none; filter:alpha(opacity=90,Style=0); height:180px; }
.sub-nav-c { float:left; width:109px; border-right:1px solid #3370CF; padding:10px 0; height:100%; }
.sub-nav-c li { list-style-type:none; text-align:center; font-weight:bold; }
.sub-nav-c li a { color:#FFFFFF; display:block; width:109px; position:relative; }
.sub-nav-c li a:hover { background:#4E9EED; color:#FFFFFF; position:relative; }



#slide { width:991px; margin:0px auto; background:url(images/changli-slidebg.jpg) no-repeat 0 0; height:300px; overflow:hidden; padding:0 0 0 12px; }




/* css of bottom*/
#bot { background:url(images/changli-botbg.jpg) no-repeat 0 0; line-height:40px; font-family:Verdana, Arial, Helvetica, sans-serif; height:60px; }
#bot .left { padding-left:20px; }
#bot .right { padding-right:20px; word-spacing:8px; }








/* css of main*/
#main { background-color:#FFFFFF; padding-bottom:15px; }
.line { background:url(images/changli-bg1.jpg) no-repeat -334px -25px; width:2px; height:150px; float:left; margin:20px 10px 0; display:inline; }

#main-news { float:left; padding:20px 0 0 20px; width:315px; }
#main-news-t { background:url(images/changli-bg1.jpg) no-repeat -19px -21px; height:30px; }
#main-news-t .right { padding:2px 10px 0 0; }
#main-news-c li { list-style-type:none; }

#main-prod { float:left; width:380px; padding:20px 10px 0 10px; }
#main-prod-t { background:url(images/changli-bg1.jpg) no-repeat -360px -23px; height:26px; }
#main-prod-t .right { padding:0 10px 0 0; }
#main-prod-type { float:left; width:84px; height:120px; overflow:hidden; background:url(images/changli-bg1.jpg) no-repeat -359px -49px; }
#main-prod-type li { height:27px; padding-left:10px; line-height:27px; background:url(images/changli-bg1.jpg) no-repeat -359px -78px; margin-bottom:2px; }
#main-prod-type li a { color:#FFFFFF; display:block; width:84px; height:27px; }
#main-prod-type li.main_labels { background:url(images/changli-bg1.jpg) no-repeat -359px -49px; }
#main-prod-type li.main_labels a { color:#0049BC; font-weight:bold; }
#main-prod-c { float:left; width:295px; height:100px; overflow:hidden; text-align:center; padding-top:20px; background:url(images/changli-bg1.jpg) no-repeat -443px -49px; }


#main-service { float:right; width:180px; margin:20px 10px 0 0; background:url(images/changli-bg1.jpg) no-repeat -790px -23px; display:inline; padding:25px 0 0 5px; line-height:1.8; color:#333333; }
#main-service img { padding-top:10px; }





/* css of subpages */
#sub-img { height:180px; }

#main-left { float:left; width:217px; margin:10px 0 0 10px; display:inline; }
#main-right { float:right; width:710px; margin:10px 20px 0 0; display:inline; }

#ml-t { background:url(images/changli-bg2.jpg) no-repeat 0px 0px; height:25px; padding:16px 0 0 16px; }
#ml-b { background:url(images/changli-bg2.jpg) no-repeat 0px -226px; height:16px; }
#ml-c { background:url(images/changli-bg3.jpg) repeat-y 0px 0px; padding:0 6px; height:100%; }
#ml-c li { list-style-type:none; margin:0 10px; border-bottom:1px solid #E9E9E9; padding-left:20px; background:url(images/changli-icon.gif) no-repeat 7px -28px; line-height:30px; }
#ml-c li.ml-cc a { font-weight:bold; color:#0049BC; }

#dir { border-bottom:1px solid #E9E9E9; padding-left:20px; background:url(images/changli-icon.gif) no-repeat 5px 8px; line-height:35px; font-size:14px; font-weight:bold; color:#0049BC; }
#dir .right { color:#666666; font-weight:normal; font-size:12px; padding-right:10px; }
#container { padding:20px; }

#picture-list { margin-top:20px; }
#picture-list li { list-style-type:none; float:left; width:200px; height:190px; text-align:center; background:url(images/p-bg.jpg) no-repeat center 0; padding:17px 0 0; margin:5px 10px; display:inline; }
.piture-n { padding-top:15px; }

.history-video { width:680px; margin:20px auto; background:url(images/hitory-bg.jpg) no-repeat -30px 0; height:210px; overflow:hidden; }
.history-video .left { margin:0px 0 0 20px; display:inline; width:395px; }
	.history-video .left h3 { font-size:24px; color:#B90000; line-height:35px; height:45px; margin:0; padding;0; font-weight:bold; font-family:'Yahei'; }
.history-video .right { margin:33px 27px 0 0px; display:inline; width:227px; height:166px; background-color:#666666; }
#history-events { width:350px; margin:20px auto; background:url(images/hitory-bg.jpg) no-repeat -30px -270px; min-height:210px; -height:210px; padding:40px 20px 0 310px; }
.history-t { color:#0142AD; font-family:Verdana, Arial, Helvetica, sans-serif; padding-top:15px; }
.history-more a { color:#B90000; text-decoration:underline; }





#main-content h1 { font-size:20px; color:#C20000; text-align:center; border-bottom:1px solid #E4E4E4; padding:10px; }

#news_list li { list-style-type:none; border-bottom:1px dotted #D3D3D3; font-size:13px; margin:0 10px; line-height:2.6; padding-left:25px; padding-right:10px; background:url(skins/icon_a8.gif) no-repeat 8px center; }
#news_list li span { float:right; color:#999999; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#news-info { color:#999999; text-align:right; padding:10px; }

#prod_list { margin:0 15px; }
#prod_list li { list-style-type:none; min-height:130px; -height:130px; margin:20px 15px; border-bottom:1px dotted #CCCCCC; }
#prod_list li img { float:left; padding:5px; border:1px solid #CCCCCC; margin-right:15px; display:inline; }
#prod_list li h2 a { font-size:14px; color:#0059B3; }
.prod-type { color:#0059B3; margin-top:20px; height:35px; }
.prod-type .right a { color:#B90000; text-decoration:underline; }

#job-list li { list-style-type:none; }
.job-t { background-color:#EFEFEF; color:#0142AD; font-size:13px; padding:0 10px; line-height:30px; }
.job-t .right { color:#666666; font-size:12px; }
.job-c { padding:10px; }

.prod-type-c li { list-style-type:none; float:left; width:110px; height:150px; text-align:center; margin:0 12px; display:inline; line-height:1.5; }
.prod-type-c li img { padding:2px; border:1px solid #CCCCCC; margin-bottom:5px; }
#prod-piture { float:left; width:270px; margin:20px 15px 0 0; display:inline; }
#prod-piture img { width:260px; padding:2px; border:1px solid #CCCCCC; }
#prod-label { border-bottom:1px solid #CCCCCC; height:30px; overflow:hidden; }
#prod-label li { list-style-type:none; float:left; width:100px; height:30px; margin-right:5px; display:inline; font-size:13px; text-align:center; background:url(images/changli-bg4.jpg) no-repeat -120px 0px; border:1px solid #CCCCCC; border-bottom:none; line-height:30px; }
#prod-label li.main_labels { background:url(images/changli-bg4.jpg) no-repeat 0 0; border:none; }
#prod-label li.main_labels a { color:#FFFFFF; font-weight:bold; }

#main-content h2 { font-size:14px; color:#1968C4; }
.dotline { border-top:1px dotted #CCCCCC; margin:10px 0; height:1px; overflow:hidden; }

#links li { list-style-type:none; float:left; margin:10px 20px; display:inline; text-align:center; line-height:50px; border:1px solid #CCCCCC; width:120px; height:50px; }
#links li img { width:120px; height:50px; }
#sitemap dt { font-size:14px; color:#1968C4; font-weight:bold; }
#sitemap dt a { color:#1968C4; }
#sitemap dd { word-spacing:10px; }





/* css of message */
#mess_post { padding:30px 20px; border:1px solid #CCCCCC; margin-bottom:20px; }
.mess_reply { border-top:1px dotted #C6C6C6; padding:8px 5px; font-size:12px; }



#case-type li { float:left; list-style-type:none; width:auto; padding:0 20px; border:1px solid #CCCCCC; margin-right:20px; margin-bottom:8px; }
	#case-type li.ml-cc { background:#EEF1F8; border:1px solid #EEF1F8; }
	#case-type li.ml-cc a { color:#0049BC; }
.download { text-align:right; }
	.download a { display:inline-block; width:auto; padding:0 10px; border:1px solid #CCCCCC; color:#C20000; }

.service_area table { background:#E4E4E4; margin-bottom:15px; }
	.service_area th { background:#F4F4F4; color:#333; }
	.service_area td { background:#FFF; color:#555; }