/* index */

.ma_bg{width:100%; height:5px; margin:0px auto;  padding-bottom:0px; background:url(style-image/l_bg.png) repeat-x;}
.main_all{text-align:center; display:inline-block; width:100%;  padding-bottom:0px; background:url(style-image/l_bg.png) repeat-x;}
.main_all_2{text-align:center; display:inline-block; width:100%;  padding-bottom:0px; background:#EDEDED url(style-image/l_bg_2.png) repeat-x;}

.main_title_1{margin:0px auto; height:50px; width:1000px; text-align:left; background:url(style-image/title_bg.png) no-repeat!important; _background:url(style-image/title_bg.jpg) no-repeat}
.main_title_1 h1{width:200px; height:35px; padding-left:115px; text-align:center; font-weight:bold; font-size:14px;}

.main_title_2{margin:0px auto; height:40px; width:1000px; text-align:left; background:url(style-image/title_bg_2.png) no-repeat!important; _background:url(style-image/title_bg_2.jpg) no-repeat}
.main_title_2 h1{width:200px; height:35px; padding-left:115px; text-align:center; font-weight:bold; font-size:14px;}

.index_news_bg_all{width:100%; height:45px; margin:0px auto;  padding-bottom:0px; background:url(style-image/index_title_bg.png) repeat-x;}
.index_news_bg{width:1000px; height:30px; padding-top:15px; margin:0px auto; font-size:15px; font-weight:bold}
.index_news_bg span{color:#999; width:100px; height:30px; float:left}
.index_news_bg ul{width:500px; height:30px; float:left; overflow:hidden}
.index_news_bg ul li{width:480px; height:30px; margin:0px auto; padding-left:20px; background:url(style-image/i2.gif) 10px 8px no-repeat;}

.list {
	width:1000px;
	height:170px;
	margin:20px auto;
}
.list_left {
	width:700px;
	padding-top:110px;
	background:url(./style-image/ico_jihe.png) no-repeat -80px -477px;
	float:left;
	text-align:left; font-size:13px;
}
.list li {
	float:left;
	width:200px;
	margin-left:10px;
	margin-right:10px;
}
.text_14_3939 {
	font-size:14px;
	color:#393939;
	line-height:30px;
}
.text_14_8a8a {
	font-size:14px;
	color:#8a8a8a;
	line-height:24px;
}
.list_right {
	float:left;
	width:260px;
	text-align:left
}
.list_right_text {
	margin-top:15px;
	line-height:28px;
}
.indent {
	text-indent:2em;
	margin-bottom:5px;
}
.contact {
	float:left;
	height:41px;
	width:120px;
}

.main_case{width:1000px; height:320px; margin:10px auto;}
.index_customer,.index_cus_con {width:1000px; height:auto; margin:0 auto; padding:0px 0 10px 0;}
.index_cus_tit {width:1000px; height:35px; margin:0 auto; border-bottom:1px dotted #000;}
.index_cus_tit span {font-size:20px; font-weight:bold; float:left; display:block; color:#0083ce; padding-bottom:8px;}
.index_cus_tit a {display:block; float:right; margin-top:10px;}
.index_cus_con {padding:0 0 10px 0;}
.index_cusL {width:665px; height:auto; float:left;}
.index_cusL a {display:block; width:199px; height:107px; float:left; margin-right:18px; border:1px solid #e6e6e6; margin-top:17px; overflow:hidden}
.index_cusR {width:330px; height:auto; float:right;}
.index_cusR a {display:block; width:145px; height:230px; float:left; margin-right:18px; border:1px solid #e6e6e6; margin-top:17px; overflow:hidden}

.main_news{text-align:center; display:inline-block; width:100%; min-height:120px; padding-top:10px; background:#EDEDED}
.newslist{width:100%; height:190px; margin:0px auto}
.newslist li{line-height:38px; height:38px; width:100%; text-indent:2em; float:left; text-align:left; overflow:hidden; background:url(style-image/ioco.gif) no-repeat left; border-bottom:#eaeaea 1px solid; line-height:32px; height:30px;}
.newslist li span.f_l{width:85%; overflow:hidden;  height:35px; text-indent:2em; text-align:left;}
.newslist li span.f_r{width:13%; overflow:hidden;  height:35px;}
.main_news {width:1000px; padding:0 5px; margin:0px auto;} 
.main_news dl{width:325px; padding:0px 3px; background:url(style-image/three_div_by.png) no-repeat top; height:248px; float:left; overflow:hidden}
.main_news dt{height:46px; line-height:46px;}
.main_news dt span.f_l{text-indent:2em; font-size:14px; font-weight:bold; float:left}
.main_news dt span.f_r{width:93px; height:19px; line-height:19px; float:right; background:url(style-image/big_div_more_btn.gif); margin-top:14px; margin-right:12px;}
.main_news dt span.f_r a{color:#FFF;}
.main_news dd{padding:0px 12px; width:311px; height:190px; margin:0px auto}

.rollBox{width:950px; padding-bottom:20px; overflow:hidden;margin:10px auto;}
.rollBox .LeftBotton{height:52px;width:22px;background:url(style-image/index023.png) no-repeat 0px 0;overflow:hidden;float:left;display:inline;margin:25px 0 0 0;cursor:pointer;}
.rollBox .RightBotton{height:52px;width:22px;background:url(style-image/index023.png) no-repeat -22px 0;overflow:hidden;float:left;display:inline;margin:25px 0 0 0;cursor:pointer;}
.rollBox .Cont{width:885px;overflow:hidden;float:left;  margin-left:2px; margin-right:2px;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:78px;float:left; margin-left:25px; _margin-left:12px; margin-right:25px; _margin-right:12px; }
.rollBox .Cont .pic img{ display:block; margin:0 auto;}
.rollBox .Cont .pic p{line-height:36px;color:#505050; text-align:center;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#333;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left; }
.db{width:960px; margin-top:15px; text-align:center; line-height:20px; color:#565656; float:left;} 

/* case */
#home_case{padding-top:10px; height:auto; min-height:320px; width:1100px; margin:0px auto; margin-bottom:30px}
#home_case .artist_l{border:1px solid #dbd9d9; padding:9px; width:240px;height:200px; float:left; background:#FFF; margin:5px 5px; _margin:4px 4px; position:relative; overflow:hidden}
.artist_l .a1{position:absolute; width:240px; height:140px; top:9px; left:9px; overflow:hidden}
.artist_l .artist_box{POSITION: absolute; width:240px; height:140px; text-decoration:none; left:0px;top:0px;text-align:center; color:#FFF;}
.artist_bg{ position:absolute;width:240px;height:140px;top:0;left:0; z-index:11;BACKGROUND:#000;filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}

.artist_l .eyes a{background:url(style-image/bg_00.jpg) no-repeat;width:47px;height:47px; top:50px;left:70px; position:absolute; z-index:22}
.artist_l .link a{background:url(style-image/bg_02.jpg) no-repeat;width:47px;height:47px; top:50px;left:130px; position:absolute; z-index:22}
.artist_l .eyes a:hover{background:url(style-image/bg_01.jpg) no-repeat}
.artist_l .link a:hover{background:url(style-image/bg_020.jpg) no-repeat}
.artist_l .case_word{top:150px; position:absolute;height:48px;background:#efefef;line-height:20px;width:231px;padding-left:9px;color:#999;padding-top:10px;left:9px}
.artist_l .case_word span{font-size:13px;color:#666;font-weight:bold}
.artist_l font{ font-size:25px!important;}
#case_box{padding-bottom:0px;}
#case_box img{width:240px;height:140px}

#case_show{width:500px; height:50px; margin:0px auto; text-align:center;padding:0px 0 20px 405px}
#case_show a{background:url(./style-image/show_1.jpg) no-repeat;width:106px;height:34px;float:left}
#case_show a:hover{background:url(./style-image/show_0.jpg) no-repeat}



/*  links  */
#linktext {width:1000px; margin:12px auto; padding-top:10px;}
#linktext ul.link_t{height:30px; line-height:30px; border-bottom:#d2d2d2 1px solid;}
#linktext ul.link_p{height:40px; padding-top:10px; border-top:#fff 1px solid;}
#linktext ul.link_p img{border:#ccc 1px solid;}
#linktext ul li{float:left; margin:0px 6px;}


/*  aboutus  */
.aboutus_title{width:100%; height:60px; margin:10px auto; font-size:24px; line-height:50px; font-weight:bold; border-bottom:1px #999 dashed}
.aboutus_a_all{width:100%; height:40px; margin:0px auto; background:url(./style-image/title_a_bg.png) repeat-x}
.aboutus_a{width:1000px; height:39px; margin:0px auto; padding:1px 0px 0px 0px; text-align:left; line-height:40px;}
.aboutus_a a{text-decoration:none}
.aaa1{width:100px; height:39px; float:left; text-align:center; font-size:14px; line-height:40px; font-weight:bold; color:#fff; background:#0c3688}
.aaa2{width:100px; height:39px; float:left; text-align:center; font-size:14px; line-height:40px;}
.aaa2:hover{width:100px; height:39px; float:left; text-align:center; font-size:14px; line-height:40px; color:#FFF; background:#0c3688}
.aaa3{width:100px; height:39px; float:right; text-align:center; font-size:14px; line-height:40px; color:#F00}
.aaa3:hover{width:100px; height:39px; float:right; text-align:center; font-size:14px; line-height:40px; color:#FFF; background:#0c3688}
.aboutus_con{width:1000px; height:auto; min-height:480px; margin:10px auto; padding:10px 0px 0px 0px; text-align:left; line-height:30px;}
.aboutus_con img{margin:10px 10px 0px 10px;}

.con_bg{ background:url(./style-image/sub_main_bj.jpg) 0px -180px repeat-x}

/*  contact us  */
.main_contactus{width:1000px; height:1px; margin:0px auto; position:relative;}
.conactus_a{width:640px; height:40px; padding:0px; position:absolute; z-index:9999; top:-780px; right:10px; text-align:left; line-height:30px; overflow:hidden;}
.conactus_a a{text-decoration:none}
.caa1{width:100px; height:39px; float:right; text-align:center; font-size:14px; line-height:40px; font-weight:bold; color:#fff; background:#0c3688;}
.caa2{width:100px; height:39px; float:right; text-align:center; font-size:14px; line-height:40px; background:url(./style-image/bg_f60.png);}
.caa2:hover{width:100px; height:39px; float:right; text-align:center; font-size:14px; line-height:40px; background:#0c3688; font-weight:bold; color:#FFF}
.caa3{width:100px; height:39px; float:left; text-align:center; font-size:14px; line-height:40px; background:url(./style-image/bg_f60.png); font-weight:bold; color:#F00}
.caa3:hover{width:100px; height:39px; float:left; text-align:center; font-size:14px; line-height:40px; background:#0c3688; font-weight:bold; color:#FFF}
.conactus_con{width:600px; height:320px; padding:20px; position:absolute; z-index:9999; top:-730px; right:10px; text-align:left; line-height:30px; overflow:hidden; background:url(./style-image/bg_f60.png)}
.conactus_con img{margin-right:10px;}

/*      c_pay      */
.c_pay{width:98%; height:auto; min-height:480px; margin:0px auto; padding:5px 0px 5px 0px; line-height:20px;}
/*  case  */
.sub_main {width:1000px; height:auto; margin:0 auto; padding:25px 0 30px 0;}
.subR_block {width:1000px; height:auto; margin:0 auto;}

.youshi_tit,.youshi_block,.youshi_con,.taocan_con {width:1000px!important;}

.client_top {width:1000px; height:auto; margin:0 auto; font-size:18px; font-weight:bold; color:#6b6b6b; line-height:30px; padding:16px 0 25px 0;}
.client_top span {color:#ff7c11;}


.subR_tit {width:740px; height:auto; padding:20px 0 8px 0; font-size:30px; font-weight:bold; border-bottom:1px dotted #000;}

.subR_con {width:1000px; height:auto; margin:0 auto; padding:25px 0; font-size:14px;}


.client_hangye {width:988px; height:52px; float:left; margin-top:20px; background:#ff7c12; padding:3px 0 0 10px;}
.client_hangye a {display:block; float:left; width:40px; height:24px; line-height:24px; text-align:center; margin:0 0 0 30px; color:#fff;}
.client_hangye a:hover {background:#fff; color:#000!important; font-weight:bold;}
.client_block {width:1000px; height:auto; margin:0 auto; padding-top:30px;}

.client_tit {width:955px; height:auto; margin:0 auto; background:url(style-image/client_tit_bj.jpg) left center no-repeat; font-size:18px; font-weight:bold; color:#0086cc; padding-left:25px;}

.client_fixed {position:fixed; top:0; margin-top:0; z-index:9999;}
.client_fixed2 {position:fixed; top:60px; margin-top:0; z-index:9999;}

.tx_content a{width:220px; height:auto; float:left; padding:5px 5px 0px 24px;}

/* clearfix */
.clearfix {clear:both;}
/* wrapper css */
#wrapper{margin-top:70px; width:100%;}
#wrapper hgroup{text-align:center;}
#wrapper h2{margin:5px 0;color:#FF6D99;text-shadow:1px 1px 2px #A50031;font-size:24px;font-family:Arial Narrow, Arial, sans-serif;}
#wrapper h3{font-style:italic; font-weight:normal; font-size:16px; text-shadow:1px 1px 0 #fff; color:#888; margin:5px 0;}
#container{position:relative; width:1100px; margin:0 auto 25px; padding-bottom: 10px; }
.grid{width:188px; min-height:100px; padding: 15px; background:#fff; margin:8px; font-size:12px; float:left; box-shadow: 0 1px 3px rgba(34,25,25,0.4); -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4); -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);  -webkit-transition: top 1s ease, left 1s ease; -moz-transition: top 1s ease, left 1s ease; -o-transition: top 1s ease, left 1s ease; -ms-transition: top 1s ease, left 1s ease; border:1px #CCC solid}
.grid strong {border-bottom:1px solid #ccc; margin:10px 0; display:block; padding:0 0 5px; font-size:14px;}
.grid p{line-height:2em;}
.grid .meta{text-align:right; color:#777; font-style:italic;}
.meta span a{font-weight:bold; color:#00F}
.grid .imgholder img{_width:180px; max-width:100%!important; background:#ccc; display:block}
.imgholder a{width:100%; height:auto; float:left; position:relative}
.grid .imgholder a span{width:100%; height:30px; position:absolute; bottom:0px; background:url(style-image/case_f_bg.png) repeat-x!important; background:none}
@media screen and (max-width : 1240px) {body{overflow:auto;}}
@media screen and (max-width : 900px) {#backlinks{	float:none; 	clear:both; } #backlinks a{	display:inline-block; 	padding-right:20px; } #wrapper{	margin-top:90px; }}

.iall{width:1000px; height:auto; min-height:400px; margin:10px auto}

/* article  */
.a_place{width:988px; height:35px; line-height:35px; padding-left:10px; margin:5px auto; background:#069; color:#FFF; overflow:hidden}
.a_place a{color:#FFF}
.ap_left{width:600px; height:22px; float:left}
.hot_adv{width:290px; float:right; height:35px; padding:0px 10px 0px 0px; text-align:right; overflow:hidden; background:#090}
.hot_adv img{max-width:480px; max-height:480px}

#tags{width:300px; height:300px; margin:0px auto;}

.a_list{width:1000px!important; _width:1000px; height:auto!important; min-height:420px; height:420px; float:left; background:#eff}

.al_con{width:978px!important; _width:968px; margin:0px auto; padding:10px; border:1px #CCC solid; border-top:3px solid #00C;}
.al_con img{max-width:1000px; border:1px #eee solid; padding:2px;}
.alc_title{width:100%; height:25px; padding-top:10px; margin:0px auto; font-size:16px; font-weight:bold; text-align:center; border-bottom:1px solid #FFF}
.alc_per{width:100%; height:25px; padding-top:7px; margin:0px auto; text-align:center; font-size:12px; color:#999; border-bottom:1px #fff dotted}
.alc_keyword{width:99%; height:15px; padding-top:10px; margin:0px auto; text-align:left}
.alc_des{width:950px; height:60px; margin:5px auto; padding:5px; border:1px #CCC dashed; overflow:hidden; line-height:1.8em; background:#eff}
.alc_con{width:950px;height:auto!important; min-height:320px; height:320px; margin:0px auto; padding:5px; line-height:2em; font-size:13px}
.alc_con p{text-indent:2em;}
.end_link{width:98%; height:10px; margin:5px auto; background:url(style-image/boxoff.gif) 0px 5px repeat-x; overflow:hidden}
.end_link span{width:20px; height:10px; float:left; background:url(style-image/boxoff.gif) 0px -10px no-repeat}
.alc_url{width:100%; height:30px; margin:0px auto}
.aul{width:48%; height:22px; padding-top:8px; float:left}
.aur{width:48%; height:22px; padding-top:8px; float:right; text-align:right}

.aboutlinks{width:100%; height:auto; margin:10px auto; border:1px #ddd solid;}
.alt{width:95%; height:25px; margin:0px auto; padding-left:5%; font-weight:bold; font-size:13px; padding-top:3px; background:url(./style-image/t_bg_1.png)}
.alc{width:98%; height:auto; margin:0px auto; padding-left:1%; padding-right:1%; padding-top:10px; padding-bottom:10px;}
.alc ul{list-style:none; margin:0px; padding:0px}
.alc li{width:45%; height:25px; float:left; padding-left:4%; margin-left:1%; font-size:12px; background:url(./style-image/label_bg.gif) 0px 3px no-repeat; overflow:hidden}
.alc li a{width:80%; height:25px; float:left; line-height:22px; overflow:hidden}
.alc span{width:20%; height:25px; float:right; text-align:center; font-size:12px; color:#666; overflow:hidden}

.ashare{width:100%; height:30px; margin:0px auto;}

.alit{width:100%; height:30px; margin:0px auto; padding-top:10px; font-size:16px; font-weight:bold; border-bottom:2px dotted #CCC; position:relative}
.alit span{width:320px; height:30px; position:absolute; top:10px; right:0px; font-size:13px; overflow:hidden}
.alit2{width:80px; height:22px; float:left; padding-top:3px;}
.hs_input_3{width:160px; height:17px; float:left; padding-top:5px; padding-left:5px; border:1px #CCC solid; color:#e8ba05}
.hs_input_4{width:60px; height:25px; float:right;}

#type_list{width:98%; padding:10px 1% 1% 10px; margin-top:5px; margin-bottom:5px;}
#type_list ul{list-style:none; margin:0px; padding:0px}
#type_list li{width:auto!important; _width:120px; min-width:90px; height:30px; margin:3px 5px 0px 5px; float:left; font-size:12px; line-height:30px; text-align:center;}
#type_list a{color:#FFC; font-weight:bold; width:90%; height:30px; float:left; padding:0px 5% 0px 5%; text-decoration:none}
#type_list a:hover{background:#339}
.type_list_10{background:#060;}
.type_list_11{background:#36C;}
.type_list_12{background:#F6C;}
.type_list_13{background:#C36;}

.alcl1{height:30px; width:98%; margin:0px auto; padding:10px 0px 10px 0px; font-size:20px; color:#FF3300; border-bottom:1px #DDDDDD solid;}
.alcl1 a{font-size:20px; color:#FF3300;}

.alcl2{width:98%; text-indent:2em; margin:0px auto; font-size:12px; color:#666666; line-height:1.5em; padding-bottom:10px; border:#000 solid 1}
.alcl2 img{padding:1px; border:1px #DDDDDD solid; margin-right:5px; float:left}
.alcl3{width:98%; color:#999999; margin:0px auto; text-align:left; height:20px; padding-top:5px;}

.ar{width:298px; margin:10px auto!important; margin:6px auto; margin-top:0px; border:1px #CCCCCC solid; background:#F5F5F5; overflow-x:hidden; padding:0px}
.ar_t{width:100%; height:30px; margin:0px auto; background:url(./style-image/pindao_x.png) 0px -4px repeat-x;}
.ar_t ul{list-style:none; padding:0px; margin:0px}
.ar_t li{width:55px; height:22px; float:left; padding-top:8px; text-align:center; border-right:#cccccc 1px solid}
.art1{background:url(./style-image/pindao_x.png) 0px 5px repeat-x; font-size:13px; color:#990000; font-weight:bold; cursor:pointer}
.art2{background:none}

.ar0{display:none}
.ar1{width:100%; margin:0px auto; padding-top:10px; display:block; background:#eff;}
.ar1 ul{background:url(./style-image/hot_ico0.gif) 0px 2px no-repeat}
.ar1 li{width:90%; height:18px; margin:0px auto; padding-top:7px; padding-left:8%; position:relative; border-bottom:1px #CCCCCC dashed; overflow:hidden; line-height:1.5em;}
.ar1 li span{width:60px; height:18px; position:absolute; top:7px; right:5px; text-align:right; color:#666666}

.ar_des{width:100%; height:60px; margin:0px auto; line-height:1.6em; overflow:hidden}
.ar_title{width:100%; height:18px; margin:0px auto; line-height:1.6em; padding-top:2px; overflow:hidden}

.arimg{width:98%; margin:0px auto; border:1px #EEEEEE solid; background:#FFFFFF; margin-bottom:5px; line-height:1.5em}
.arimg img{text-align:center; border:1px #CCCCCC solid; padding:1px; margin-right:3px;}

.arimg2{width:48%; float:left; margin-left:1%; border:0px #EEEEEE solid; margin-bottom:5px; line-height:1.5em}
.arimg2 img{text-align:center; border:1px #CCCCCC solid; padding:1px}

/*   image    */
.ilit{width:100%; height:30px; margin:0px auto; padding-top:10px; font-size:16px; font-weight:bold; border-bottom:2px dotted #CCC; position:relative}
.ilit span{width:320px; height:30px; position:absolute; top:10px; right:0px; font-size:13px; overflow:hidden;}
.ilit2{width:80px; height:22px; float:left; padding-top:3px;}

.ilist{width:100%; height:auto!important; min-height:420px; height:420px; margin:0px auto;}
.illi{width:185px; height:185px; margin:10px 7px 10px 7px!important; margin:10px 6px 10px 6px!important; float:left}
.illi img{width:181px; height:136px; float:left; padding:1px; border:1px #999 solid;}
.illi span{width:185px; height:40px; padding-top:5px; line-height:2em; overflow:hidden}
.illi h1{font-size:16px;}
.illi a:hover{color:#930}

/*    Tag    */
.tag_list{width:100%; height:auto!important; min-height:320px; height:320px; margin:0px auto;}
.tag_list li{width:auto; height:30px; float:left; border:1px #CCC solid; margin:5px 5px 8px 5px; background:#eee; overflow-y:hidden}
.tag_list li a{width:auto; height:22px; padding:3px 5px 3px 5px; float:left; border:1px #efefef solid; border-left:1px #fff solid; border-top:1px #fff solid}
.tagli1{color:#06C}
.tagli2{color:#00F}
.tagli3{color:#90F}
.tagli4{color:#F00}
.tagli5{color:#666}

/*			website`		*/
.website{width:960px; height:700px; margin:0px auto;}
.ws_l{width:221px; height:650px; float:left; padding-left:10px; overflow:hidden}
.ws_r{width:720px; height:650px; float:right; overflow:hidden}