nu@charset "utf-8";
/* CSS Document */
* {padding: 0;margin: 0;}
body {margin: 0px;padding: 0px;color: #666;font-family:"微软雅黑", Arial, Helvetica,
 sans-serif;font-size:14px;background:#fff;text-align:left;position:relative;line-height:20px;min-width:1200px;}
img {border: 0;position:relative;}
.clear {height:0px;line-height:0px;font-size:0px;clear:both;visibility:hidden;overflow:hidden;padding:0;margin:0;}
div,ul,dl,dd,dt,li,p,span,h1,h2,h3,h4,h5,h6 { margin:0px;padding:0px;list-style:none;list-style-type: none; word-wrap:break-word;position:relative; border:none;font-weight:400;}
a {color:#666;text-decoration:none;position:relative;cursor:pointer;}
header, footer, nav, section, article, menu, aside {display:block;position:relative;} 
textarea { resize:none;font-family:"微软雅黑";font-size:14px;}
table { border-collapse:collapse;border-spacing:0;}
th , td { text-align:left;}
input {font-family:"微软雅黑";font-size:14px;}
input:focus {outline:none;}
input.sub {cursor:pointer; background:none; border:none;}
input.text {background:none; border:none;}
/* common main */
.red,a.red { color:#cc0031;}
.yellow,a.yellow { color:#f8bd09;}
.white,a.white { color:#fff;}
.fc,a.fc { color:#4fb0a5;}
.c0,a.c0 { color:#000;}
.c1,a.c1 { color:#111;}
.c2,a.c2 { color:#222;}
.c3,a.c3 { color:#333;}
.c4,a.c4 { color:#444;}
.c5,a.c5 { color:#555;}
.c6,a.c6 { color:#666;}
.c7,a.c7 { color:#777;}
.c8,a.c8 { color:#888;}
.c9,a.c9 { color:#999;}
/*a:hover {color:#4fb0a5;}*/
.fs12 { font-size:12px;}
.fs14 { font-size:14px;}
.fs16 { font-size:16px;}
.fs18 { font-size:18px;}
.fs20 { font-size:20px;}
.fs22 { font-size:22px;}
.fs24 { font-size:24px;}
.fw-b { font-weight:bold;}
.fw400 { font-weight:400;}
.ti2 { text-indent:2em;}
.lh18 { line-height:18px;}
.lh20 { line-height:20px;}
.lh25 { line-height:25px;}
.lh30 { line-height:30px;}
.lh35 { line-height:35px;}
.lh40 { line-height:40px;}
.unl { text-decoration:underline;}
.unl-no { text-decoration:none;}
.unl-th { text-decoration:line-through;}
.ta-l { text-align:left;}
.ta-c { text-align:center;}
.ta-r { text-align:right;}
.fl { float:left;}
.fr { float:right;}
.va-m { vertical-align:middle;}
.va-t { vertical-align:top;}
.pr { position:relative;}
.pa { position:absolute;}
.oh { overflow:hidden;}
.none { display:none;}
.block { display:block;}
.inblock { display:inline-block;}
.pointer { cursor:pointer;}
.w100 { width:100%;}
.w1000 { width:1000px;}
.w1200 { width:1200px;}
.h5 { height:5px;}
.h10 { height:10px;}
.h15 { height:15px;}
.h20 { height:20px;}
.h25 { height:25px;}
.h30 { height:30px;}
.h40 { height:40px;}
.h50 { height:50px;}
.h60 { height:60px;}
.h70 { height:70px;}
.h100 { height:100%;}
.ma2 { margin:2px;}
.ma5 { margin:5px;}
.ma10 { margin:10px;}
.ma15 { margin:15px;}
.ma20 { margin:20px;}
.pa2 { padding:2px;}
.pa5 { padding:5px;}
.pa10 { padding:10px;}
.pa15 { padding:15px;}
.pa20 { padding:20px;}
.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt60 {margin-top: 60;}
.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.pl5 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}
.pl20 { padding-left:20px;}
.pr5 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pr20 { padding-right:20px;}
.pt2 { padding-top:2px;}
.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.mga { margin-left:auto;margin-right:auto;}
.main {width:900px;margin-left:auto;margin-right:auto;}
.absolute-r { position:absolute;left:auto;right:0;}
.absolute-l { position:absolute;left:0;right:auto;}
.comtab { table-layout:fixed;width:100%;border-collapse:collapse;}
.textover { overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis;}

.whitebg,input.whitebg { background:#fff;}
.eeebg,input.eeebg { background:#eee;}
.cccbg,input.cccbg { background:#ccc;}







/* js相关样式 */
.bannerbox {width:100%;margin:0 auto;overflow:hidden;position: relative;height: 100%;}
.bannerbox menu {height: 100%;}
.bannerbox a {display:block;background-repeat:no-repeat;background-position:center;width:100%;
margin:0 auto;background-size:cover; height: 100%; position: absolute; top: 0; left: 0;z-index: 55;}
#bannernum {position:absolute;width:100%;bottom:70px;text-align:center;left:0;}
#bannernum span {
	transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;	
	-ms-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;		
	 display:inline-block;width:8px;height:8px;background:url(../images/index-sum.png) no-repeat;line-height:0px; font-size:0px; margin:0 10px; z-index: 5; border-radius: 50%;}
#bannernum span.numsel { width:18px;height:18px;background:url(../images/index-ss.png) no-repeat;top:-6px;}
.bannerbox .main { position: absolute; left: 50%; margin-left: -600px; top: 50%;}
.bannerbox .main b { position: absolute; top:0; z-index: 5; width: 30px; height: 30px; background: url("../images/page01.png") no-repeat center center; text-align: center;}
.bannerbox .main b img { top: 6px;}
.bannerbox .main b:hover { background-image:url("../images/page02.png");}
#adlast {left:-50px;}
#adnext {right:-50px;}









@charset "utf-8";
/* CSS Document */
* {padding: 0;margin: 0;}
body {margin: 0px;padding: 0px;min-width:1200px; font-family:"微软雅黑";}
ul,li { list-style:none;}

/*相关样式*/
#showbox { background:#eee;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum { left:25px; margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #f60;}

.showpage { width:400px; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}

/*弹出层部分*/

#casesum { margin-bottom:10px;}

#casesum { margin-bottom:10px;}
#casesum li.sel { border-color:#f60;}

.caseimgout { width:576px; margin:0 auto;}
.caseimgbox { float:left; width:576px; height:295px; border:1px solid #ddd;_display:inline;}
.caseimgsum { float:right; width:106px; height:295px; margin-right:15px;_display:inline;}
.caseimgsum a { display:block; width:90px; border:1px solid #ddd; background:#eee; 
text-align:center; text-decoration:none; margin-bottom:7px;}


/* cartoon */
.cartoon {
	transition:all 0.2s ease-in-out;
    -webkit-transition:all 0.2s ease-in-out;}

.mainbox {
    width: 1920px; overflow: hidden; margin: 0 auto;
    transform-origin: 0 0 0;
    -webkit-transform-origin: 0 0 0;
    }
}