/* CSS Document */
#part1{ height:440px; overflow:hidden;}
.flash{ width:569px; height:415px; padding:10px; background-color:#fff;}
.shadowli{}
.shadowli li{ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
         -moz-box-shadow:0 0 2px 1px #d7d7d7;
		 -webkit-box-shadow:0 0 2px 1px #d7d7d7;
		 box-shadow:0 1px 2px 1px #d7d7d7; position:relative; border:1px solid #d7d7d7;
		filter:progid:DXImageTransform.Microsoft.Shadow(color = #d7d7d7,direction = 135,strength = 2);
		}
.visual1{}
.visual1 li{ width:376px; height:190px; padding:10px; margin-bottom:13px;}
.visual1 li img{ width:376px; height:190px;}
.visual1 li h2{ width:376px; left:10px;}

.coslist li{ background-color:#fff;}
.coslist li h2{ opacity:0; position:absolute; display:none; height:25px; background:#000; line-height:25px; text-align:center;}
.coslist li.hoverli h2{ opacity:0.7; display:block; color:#fff; bottom:10px;}
.coslist li.hoverli h2 a{ color:#fff;}

#part2{}
.divlm{ background-image:url(../image/visual_skin.png); background-repeat:no-repeat; height:51px; margin-bottom:16px;}
.lm1{ background-position:left top;}

.picbig{ width:324px;}
.visual2{}
.visual2 li{ width:304px; height:482px; padding:10px;}
.visual2 li img{ width:304px; height:482px;}
.visual2 li h2{ width:304px; left:10px;}

.picbox{ width:678px;}
.visual3{}
.visual3 li{ width:309px; height:142px; padding:10px; float:left; margin:0 0 0 7px; *+margin-left:6px; display:inline;}
.visual3 li img{ width:309px; height:142px;}
.visual3 li h2{ width:309px; left:10px;}

.picfl{ width:162px; margin-left:7px; display:inline;}
.visual4{}
.visual4 li{ width:138px; height:139px; padding:10px; margin-top:9px;}
.visual4 li img{ width:138px; height:139px;}
.visual4 li h2{ width:138px; left:10px;}

.picfl2{ width:333px; margin-left:7px;}
.visual5{}
.visual5 li{ width:309px; height:139px; padding:10px; margin-top:9px;}
.visual5 li img{ width:309px; height:139px;}
.visual5 li h2{ width:309px; left:10px;}

.visual6{}
.visual6 li{ width:306px; height:140px; padding:10px;}
.visual6 li img{ width:306px; height:140px;}
.visual6 li h2{ width:306px; left:10px;}

.visual7{}
.visual7 li{ width:136px; height:139px; padding:10px; margin-top:9px;}
.visual7 li img{ width:136px; height:139px;}
.visual7 li h2{ width:136px; left:10px;}

.trright1 .visual8 li{ margin-top:9px;}
.visual8{}
.visual8 li{ width:139px; height:308px; padding:10px;}
.visual8 li img{ width:139px; height:308px;}
.visual8 li h2{ width:139px; left:10px;}

.visual9{}
.visual9 li{ width:475px; height:309px; padding:10px;}
.visual9 li img{ width:475px; height:309px;}
.visual9 li h2{ width:475px; left:10px;}

.visual10{}
.visual10 li{ width:306px; height:139px; padding:10px; margin-top:9px;}
.visual10 li img{ width:306px; height:139px;}
.visual10 li h2{ width:306px; left:10px;}

.visual11{}
.visual11 li{ width:307px; height:309px; padding:10px; margin-top:9px;}
.visual11 li img{ width:307px; height:309px;}
.visual11 li h2{ width:307px; left:10px;}

#part3{}
.lm3{ background-position:left -55px; }
.trleft{ width:328px;}
.trleft2{ margin-left:10px; width:497px; *+width:495px; display:inline;}


#part4{}
.lm4{ background-position:left -110px;}
.ycbox .visual4 li{ float:left; margin-right:9px; margin-top:0;}
.ycbox .visual7 li{ float:left; margin-left:9px; margin-top:0;}
.ycbox .visual10 li{ margin-top:0;}
.ycbox .visual4 { width:338px; *+width:342px; display:block;}
.ycbox .visual10{ width:330px; display:block; *+margin-left:-4px; _margin-left:-8px;}
.ycbox .visual7 { *+margin-left:-4px; _margin-left:-9px;}
#part5{}
.lm5{ background-position:left -165px;}
.trleft .visual11 li{ margin-top:0;}
.trleft4{}
.trleft4 .visual4 li{ float:left; margin-left:9px; margin-top:0; *+margin-left:5px;_margin-left:9px; display:inline;}
.trleft4 .visual10 li{ margin-left:9px; *+margin-left:5px;_margin-left:9px;}
.trleft4 .visual7 li{ margin-left:9px;*+margin-left:5px;_margin-left:9px;}
.trleft3 .visual8 li{ margin-left:9px;}
.trleft3 .visual4 li{ margin-left:9px;}
/*列表页*/
#boxvisual{ width:1006px; margin:0 auto;}
.lbox{ width:233px; margin:15px 0 0 10px;}
.lboxtop{ background:url(../image/lmktop.gif) no-repeat; height:4px; overflow:hidden;}
.lboxcont{ background:url(../image/lmkcont.gif) repeat-y; width:100%; overflow:hidden;}
.lboxbot{ background:url(../image/lmkbot.gif) no-repeat; height:5px; overflow:hidden;}
.lboxcont dl{}
.lboxcont dl dt{ text-align:center; padding-top:10px;}
.lboxcont dl dt img{ width:209px;}
.lboxcont dl dd{ padding:5px 20px;}
.lboxcont dl dd h2{ margin:5px 0;}
.lboxcont dl dd .photo{ background:url(../image/ps.gif) no-repeat right center; height:20px; line-height:20px; padding-right:18px; color:#ff9000; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.lboxcont dl dd .tr{ color:#696969;}

.more{ width:76px; height:26px; margin:12px 12px 0 0;}
.more a{ width:100%; height:26px; background:url(../image/more.gif) no-repeat; display:block;}

/*幻灯*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width:569px; height:415px; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative; zoom: 1; width:569px; height:415px;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

.slides li p{width: 96%; text-align:center; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}
.slides li p a{ color:#fff;}

/* Direction Nav */
.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(../image/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li a.next { background:url(/Skin/Default/All/index/images/next.png) no-repeat; right: -24px;}
.flex-direction-nav li a.prev { background:url(/Skin/Default/All/index/images/prev.png) no-repeat; left: 0px;}
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; display:none; position: absolute; bottom: 30px; text-align: center;}
.flex-control-nav li { display: inline-block; margin:0 5px; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height:13px; display: block; cursor: pointer; text-indent: -9999px; background: url(../image/bg_control_nav.png) no-repeat 0 0;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

/*分页*/
.page{ text-align:center; padding:35px 0;}
.page a,.page span{ padding:5px 10px; margin:0 5px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.page a{ background-color:#dbdbdb;}
.page span{background-color:#ff9000;}
.page a:hover{background-color:#ff9000;}
.footer a:hover,.partnercont a:hover{ color:#ff6699;}
.page span.pagecss{ border:none; background:none;}