@charset "utf-8";
/* CSS Document */
#shadow { width:100%; height:5696px; background:#333; position:absolute; z-index:51;}
.idx_load { width:740px; height:200px; position:fixed; left:50%; margin-left:-370px; z-index:52;}
.idx_logo { width:272px; height:75px; overflow:hidden; position:absolute; left:214px; top:0; background:url(../Images/index/idx_logo_bg.gif) no-repeat;}
.load_line { width:705px; height:1px; overflow:hidden; position:absolute; left:0; top:100px; background-color:#979797;}
#load_cur { width:0; height:1px; overflow:hidden; background-color:#e71f19;}
span.load_per { display:block; width:34px; height:20px; line-height:20px; color:#979797; text-align:center; font-family:Georgia,Tahoma,Arial; position:absolute; right:0; top:88px; font-size:14px; overflow:hidden;}
.load_wd { width:200px; height:38px; position:absolute; bottom:0; left:252px; background:url(../Images/index/load_wd_bg.gif) no-repeat; display:none;}

.top_layer { width:100%; height:70px; position:absolute; overflow:hidden; background:url(../Images/index/top_layer_bg.png) repeat-x; left:0; top:48px; z-index:50;}
.top { height:70px;}
.top_feak { width:0px; height:70px; overflow:hidden;  position:relative; float:right;}
.top_bg { height:12px; position:absolute; left:0; top:31px; width:1000px; background:url(../Images/index/top_bg.png) no-repeat; _background:url(../Images/index/top_bg.gif) no-repeat; z-index:1; overflow:hidden;}

.top_menu { height:45px; position:absolute; left:0; top:0; width:1000px; z-index:2; padding-top:25px;}
.top_menu ul { height:22px; width:550px; float:right; font-family:"黑体"; padding-right:36px;}
.top_menu ul li { float:left; margin-right:34px; display:inline;}
.top_menu ul li a { display:block; height:20px; color:#515151; line-height:20px; font-size:14px; _float:left;}
.top_menu ul li a:hover, .top_menu ul li a.show { color:#e60012; border-bottom:2px solid #e60012;}
.top_menu ul li a.menu_a { *+line-height:18px;}
.top_menu ul li a span.menu_sp { color:#e60012; font-family:Arial, Helvetica, sans-serif;}
#logo { position:absolute; left:41px; top:-40px; z-index:3;}
#logo a { display:block; width:141px; height:40px; background:url(../Images/index/logo_bg.png)!important; background-repeat:no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/index/logo_bg.png'); _ background-image: none;}

#apdate { position: relative; overflow: hidden; margin: 0 auto; min-width: 1000px; max-width: 1920px; z-index:48; height:650px; width: auto;}
#apdate ul { height:650px; min-width: 1000px; width: auto; background-color:#fff; position:absolute; z-index:29;}
#apdate ul li { float:left; overflow:hidden; min-width: 1000px; height:650px; position:relative;}
#apdate ul li img { position:absolute; top:0;}
#loading { width:100%; height:650px; position:absolute; left:0; top:0; background:#f0f0f0 url(../Images/index/loading.gif) no-repeat 50% 50%; z-index:30;}
.hidden { width:100%; position:absolute; left:-9999px; top:0; height:650px; overflow:hidden; z-index:28;}
.hidden .hidden_bg01 { width:286px; height:158px; background:url(../Images/index/case_hov_bg.png)!important; background-repeat:no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/index/case_hov_bg.png'); _ background-image: none;}
.hidden .hidden_bg02 { width:320px; height:240px; background: url(../Images/index/hov_bg.png)!important; background-repeat:no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/index/hov_bg.png'); _ background-image: none;}

.pager { padding-left:438px; height:5px; overflow:hidden; position:absolute; top:-52px;}
.pager span { float:left; margin:0 4px; display:block; width:20px; height:0; padding-top:3px; background-color:#211307; float:left; overflow:hidden; cursor:pointer; border:1px 
 solid #fff;}
.pager span.on{ background-color:#a00003;}

#guide { position:relative; z-index:49;}
#guide .guide_tri { width:16px; height:14px; background:url(../Images/index/guide_tri_bg.png) no-repeat; top:-6px; left:486px; cursor:pointer; position:absolute;}
#guide .guide_logo { height:110px; background: url(../Images/index/guide_logo_bg.gif) no-repeat center 30px;}
#guide .Shear { height:160px; background:url(../Images/index/Shear_bg.gif) no-repeat center top;}

.con_layer { width:100%; position:relative; overflow:hidden;}
.con_layer .column_tri { width:16px; height:14px; background:url(../Images/index/guide_tri_bg.png) no-repeat; position:absolute; bottom:14px; left:486px; cursor:pointer;}
.con_layer .backtop_tri { width:16px; height:14px; background: url(../Images/index/backtop_bg.png) no-repeat; position:absolute; bottom:20px; left:486px; cursor:pointer;}

.con_tit { height:20px; }
.con_tit_bg01 { background:url(../Images/index/tit_bg01.gif) no-repeat;}
.con_tit_bg02 { background:url(../Images/index/tit_bg02.gif) no-repeat;}
.con_tit_bg03 { background:url(../Images/index/tit_bg03.gif) no-repeat;}
.con_tit_bg04 { background:url(../Images/index/tit_bg04.gif) no-repeat;}
.con_tit_bg05 { background:url(../Images/index/tit_bg05.gif) no-repeat;}
.con_tit_bg06 { background:url(../Images/index/tit_bg06.gif) no-repeat;}
.con_tit_bg07 { background:url(../Images/index/tit_bg07.gif) no-repeat;}

.tit_layer { width:1000px; height:161px; margin-bottom:30px; position:relative; overflow:hidden; background:#fff;}
.con_link { display:block; width:1000px; height:161px;}
.link01 { background:url(../Images/index/link01_bg.gif) no-repeat;}
.link02 { background:url(../Images/index/link01_bg.gif) no-repeat;}
.link03 { background:url(../Images/index/link01_bg.gif) no-repeat;}
.link04 { background:url(../Images/index/link01_bg.gif) no-repeat;}
a.link_sp { width:124px; height:46px; background:url(../Images/index/link_sp_bg.gif) no-repeat; display:block; position:absolute; right:-124px; bottom:44px;}

.abt_box { width:100%; height:400px; overflow:hidden; text-align:center;}


.case_menu { width:49px;}
.case_menu ul li { margin-bottom:16px;}
.case_menu ul li a { display:block; width:49px; height:158px;}
.case_menu ul li a.case_menu01 { background:url(../Images/index/case_menu01.gif) no-repeat left bottom;}
.case_menu ul li a.case_menu01:hover, .case_menu ul li a.cur { background-position:left top;}
.case_menu ul li a.case_menu02 { background:url(../Images/index/case_menu02.gif) no-repeat left bottom;}
.case_menu ul li a.case_menu02:hover, .case_menu ul li a.cur { background-position:left top;}

.case_box { width:100%; height:400px; overflow:hidden; text-align:center;}
.case_list_layer { width:910px; height:348px; overflow:hidden;}
#case_list { width:910px; height:348px; overflow:hidden;}
#case_list ul { width:940px;}
#case_list ul li { float:left; margin-right:26px; margin-bottom:16px; position:relative; overflow:hidden; width:286px; height:158px; cursor:pointer;}
#case_list ul li a { position:absolute; left:-286px; top:-158px;}
#case_list ul li div.case_hov { width:286px; height:158px; position:absolute; background:url(../Images/index/case_hov_bg.png)!important; background-repeat:no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/index/case_hov_bg.png'); _ background-image: none; position:absolute; z-index:10; left:0; top:0; display:none;}
#case_list ul li div.case_txt { position:absolute; top:110px; left:0; z-index:20; padding-right:20px; width:266px; color:#fff; line-height:18px; text-align:right; display:none;}
#case_list ul li div.case_txt h3 { margin-bottom:4px;}

#pro_pic { width:1000px; height:400px;  overflow:hidden; text-align:center;}

.ser_box { width:1000px; height:400px; overflow:hidden; text-align:center;}
#ser_list { width:870px; margin:0 auto; position:relative; height:266px; background:url(../Images/index/ser_list_bg.gif) no-repeat center 235px;}
#ser_list img { position:absolute;}
div.ser_btn { position:absolute; bottom:0; width:19px; height:35px; cursor:pointer;}
div.pre_btn { background:url(../Images/index/pre_btn_bg.gif) no-repeat; left:0;}
div.next_btn { background:url(../Images/index/next_btn.gif) no-repeat; right:0;}
div.on { background-position:left bottom;}

.bz_box { width:100%; height:400px; overflow:hidden; text-align:center;}
.fw_box { width:100%; height:312px; overflow:hidden; text-align:center;}

.uteam_log { width:141px; height:63px; background:url(../Images/index/uteam_log_bg.png) no-repeat left top; position:absolute; z-index:91;}
.uteam_on { background-position:left bottom;}
#uteam_bg01 { width:663px; height:468px; background:url(../Images/index/uteam_box_bg1.png) no-repeat right top; position:absolute; left:661px; top:468px; z-index:93;}
#uteam_bg02 { width:669px; height:468px; background:url(../Images/index/uteam_box_bg2.png) no-repeat left top; position:absolute; right:663px; top:-468px; z-index:93;}
#uteam_log_sup { left:45px; top:83px;}
#uteam_log_sub { right:68px; top:324px;}

#about_link a { background:url(../Images/index/uteam_a_bg02.gif) no-repeat;}
#join_link a { background:url(../Images/index/uteam_a_bg01.gif) no-repeat;}
a.uteam_a { display:block; width:85px; height:23px;}
#about_link a:hover { background-position:left bottom;}
#join_link a:hover { background-position:left bottom;}
#about_link { position:absolute; bottom:6px; left:550px; z-index:91;}
#join_link { position:absolute; top:6px; left:386px; z-index:91;}

.sl-wp { height:30px; line-height:30px; overflow:hidden;}
.sl-wp span.sl-wrapper { display:block; position:relative; float:left; overflow:hidden; float:left; font-family:'Arial Black',arial,serif; height:30px; font-size:30px; line-height:30px;}
.sl-wp span.sl-wrapper span { position:absolute; top:0; text-align:center; height:30px; font-weight:bold;}
.sl-wp span.sl-wrapper span.sl-w1 { left:0; color:#a7a7a7; text-shadow:0px 0px 1px #fff; z-index:2;}
.sl-wp span.sl-wrapper span.sl-w2 { color:#e60012; z-index:3;}
#uteam_log_sup .sl-wp span.sl-wrapper span.sl-w2 { text-shadow:-1px 1px 2px #9F0633;}
#uteam_log_sub .sl-wp span.sl-wrapper span.sl-w2 { text-shadow:1px 1px 2px #9F0633;}

#about_txt { width:392px; height:110px; position:absolute; top:240px; left:0; cursor:pointer;}
#about_txt h3.uteam_tit { width:392px; height:110px; background:url(../Images/index/uteam_tit_bg.gif) no-repeat;}
#about_txt h3.on { background-position:left bottom;}

#join_txt { width:280px; position:absolute; top:0; left:550px; cursor:pointer;}
#join_txt p { line-height:24px;}

.contact_box { padding-top:20px; height:400px; overflow:hidden;}
.contact_box_r { padding-top:48px; width:350px;}
.contact_box_r ul { margin-top:30px; padding-left:36px; background:url(../Images/index/contact_ul_bg.gif) no-repeat left 10px;}
.contact_box_r ul li { height:34px; line-height:34px;}

.foot { padding:20px 16px 0 24px}
.foot p { text-align:right; font-size:11px; padding-top:4px;}
.foot a:hover { text-decoration:underline;}

#siteMap_layer { width:100%; background-color:#5e5e5e;}
#siteMap { height:150px; background-color:#5e5e5e; display:none; position:relative;}
#siteMap span.close_map { position:absolute; display:block; width:38px; height:17px; background:url(../Images/index/close_map_bg.gif) no-repeat; left:50%; top:-8px; margin-left:-24px; display:none; cursor:pointer;}
#siteMap ul { float:left; width:142px; overflow:hidden; background-color:#5e5e5e; }
#siteMap ul li { width:142px;}
#siteMap ul li span { width:132px; height:30px; display:block; padding:12px 0 0 10px; color:#fff; font-size:14px; background:url(../Images/index/siteMap_sp_bg.gif) no-repeat 0 22px;}
#siteMap ul li a { display:block; height:22px; line-height:22px; color:#9c9c9c; padding-left:24px; width:118px; font-size:14px;}
#siteMap ul li a:hover { color:#fff;}






/* qqshop focus */
#focus {width:1013px; height:354px; overflow:hidden; position:relative;}
#focus ul {height:380px; position:absolute;}
#focus ul li {float:left; width:1013px; height:354px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:1013px; height:20px; left:0; bottom:0; background:none; }
#focus .btn {position:absolute; width:780px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:2px; _font-size:0; margin-left:5px; cursor:pointer; background:#fee101; display:none;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:120px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}