﻿/*index*/
/*旧版banner样式*/
	.cndns-banner{ height:710px; overflow:hidden; position:relative; background-color:#000; background:url(../images/banner.jpg) scroll top center no-repeat; }
.cndns-banner-bg{ width:100%; height:710px; background:url(../images/02index-banner-9.jpg) no-repeat center top; position:absolute; left:0; top:0; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.cndns-banner-video{ position:absolute; left:0; bottom:0px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.cndns-banner .cndns-top-banner{ display:none;}
.cndns-banner .cndns-header{ position:absolute; left:0; top:0; width:100%; background-color:transparent; border-bottom:none;}
.cndns-banner .cndns-header-nav{ display:none}
.cndns-banner .cndns-header-info-btn{ color:#fff}
.cndns-banner .cndns-header-info-btn.last{ border:2px solid rgba(102,102,102,.5); color:#fff}
.cndns-banner .cndns-header-info-btn.last:hover{background-color:#ff6800; border-color:#ff6800; color:#fff}
.cndns-banner-tex{ text-align:center; position:relative; margin:100px 0 50px 0}
.cndns-banner-tex h2{ font-size:54px; line-height:54px; color:#fff; }
.cndns-banner-tex h3{ font-size:16px; line-height:24px; color:#e8e8e8; padding:40px 0 30px 0; font-weight:normal}
.cndns-banner-tex p{ font-size:24px; line-height:24px; color:#fff; padding-bottom:38px;}
.cndns-banner-tex a{ width:138px; height:40px; border:1px solid #fff; text-align:center; line-height:40px; font-size:16px; margin:0 5px; display:inline-block; color:#fff}
.cndns-banner-tex a.login-btn,.cndns-banner-tex a:hover{ background-color:#ff6800; border-color:#ff6800; color:#fff}
.cndns-banner-tex a.login-btn:hover{ background-color:#ed6101}
.cndns-banner-con{ position:relative; text-align:center;}
.cndns-banner-con h4.cndns-tit{ color:#e8e8e8}
.cndns-banner-con ul{ display:inline-block;}
.cndns-banner-con li{ float:left; width:238px; border-right:1px solid rgba(242,242,242,.1); padding:15px 0;  transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s;}
.cndns-banner-con li a{ display:block}
.cndns-banner-con li .li-img{ width:238px; height:62px; vertical-align: middle; text-align: center; display: table-cell;}
.cndns-banner-con li .li-img img{ display:inline-block;}
.cndns-banner-con li .li-tex{ text-align:center; padding-top:20px}
.cndns-banner-con li .li-tex h5{ color:#fff; font-size:14px; font-weight:normal; padding-bottom:5px;}
.cndns-banner-con li .li-tex p{ color:#ccc; font-size:12px; line-height:12px;}
.cndns-banner-sea{ width:580px; margin:0 auto;}
.cndns-banner-sea .sea-input{border:1px solid rgba(255,255,255,.5); border-right:0; float:left;}
.cndns-banner-sea .sea-input input{ height:40px; line-height:40px; width:328px; padding:0 10px; float:left; color:#fff; font:16px; font-family:"Microsoft Yahei"; border:none; background-color:transparent}
.cndns-banner-sea .selectstyle_188{ float:left; width:109px; position:relative; height:26px; padding:7px 0;}
.cndns-banner-sea .selectmemberw_show{ text-align:center; color:#fff; font-size:16px; font-weight:bold; height:26px; line-height:26px; border-left:1px solid rgba(255,255,255,.5)}
.cndns-banner-sea .selectmemberw_show .icon-arrow-down{ border-top-color:#fff;}
.cndns-banner-sea .selectmemberw_hide{ position:absolute; left:0; top:40px; background-color:rgba(255,255,255,.5); width:109px; display:none; overflow-y: scroll;height: 170px; z-index:10}
.cndns-banner-sea .selectmemberw_hide li{ color:#fff; cursor:pointer; line-height:26px;}
.cndns-banner-sea .selectmemberw_hide li:hover{ background-color:#c5c5c5}
.cndns-banner-sea .selectstyle_188:hover .selectmemberw_show .icon-arrow-down{transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); vertical-align:2px}
.cndns-banner-sea .sea-btn{ float:left}
.cndns-banner-sea .sea-btn a{ display:block; height:42px; border:0; background-color:#ff6800; color:#fff; font-size:16px; width:122px; text-align:center; line-height:42px; margin:0}
.cndns-banner-sea .sea-btn a:hover{ background-color:#eb6000;}



/*视频弹出层 样式*/
.main{width:1200px; margin:0px auto;}
.main .m-box1{}

/*-------------装修专栏-----------*/
.z_x_zi{ text-align:center; font-size:50px; color:#252425;}
.z_x_ol{ color:#010101 !important;}
.z_x_tie{ margin-top:20px; margin-bottom:20px;}
.z_x_tie dl{ width:487px; height:340px; float:left; margin-left:26px; margin-bottom:40px;}
.z_x_tie dl dt{ width:487px; height:159px; margin-bottom:10px; margin-top:10px;}
.z_x_tie dl dd{ line-height:23px; color:#9d9d9d;}
.z_x_bix{ font-size:18px; color:#252425; font-weight:bold;}
.z_x_ri{margin-top:50px; font-size:14px; line-height:24px; color:#5b5b5b;}
.z_x_ku{ height:440px; margin-top:20px;}
.z_x_qing{ width:1002px; height:117px; margin:0 auto;}
.z_x_qing ul{ list-style:none;}
.z_x_qing ul li{ width:240px; height:117px; float:left; margin-right:10px;}
.z_x_qing ul li a{ background:#eeeeee; display:block; height:80px; padding:10px; color:#000000;}
.z_x_qing ul li a:hover{ border-bottom:8px solid #232323; border:3px solid #e60012; background:#fff; color:#e60012;}
.z_x_qing ul li:hover{ border-bottom:8px solid #232323;}
.z_x_qing ul li:hover .z_x_kit_left{ color:#e60012;}
.z_x_qing ul li:hover .z_x_kit_right{ color:#e60012;}
.z_x_kit{padding-bottom:5px !important;}
.z_x_kit_left{ width:220px; height:47px; background:url(../images/r_t.jpg) no-repeat right;float:left; line-height:47px; font-size:26px; padding-right:15px;}
.z_x_kit_right{ width:158px; height:47px; line-height:20px; float:right; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;font-weight:normal; font-size:16px; }



/*-----------box1---------*/
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:1200px; height:430px;margin:20px auto;position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:182px;}
#playBox .oUlplay li{ float:left;}
#playBox .oUlplay li dl{ width:1035px; height:220px; margin:0px 56px 0px 56px;}
#playBox .oUlplay li dl dt{ width:397px; height:220px; float:left;}
#playBox .oUlplay li dl dd{ width:555px; height:220px; float:right;}
#playBox .pre{ cursor:pointer; width:37px; height:69px; background:url(../images/l.png) no-repeat; position:absolute; top:240px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:37px; height:69px; background:url(../images/r.png) no-repeat; position:absolute; top:240px; right:10px; z-index:10;}
/*#playBox .smalltitle {width:1002px; height:117px;position:absolute; bottom:60px;z-index:10;background:#cc0000;}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}*/
#playBox .smalltitle .title1{background:url(../images/nav-bg.png) scroll 0 8px no-repeat;}
#playBox .smalltitle .thistitle>.title1{background:url(../images/nav-bg.png) scroll 0 -347px no-repeat; }

#playBox .smalltitle .title2{background:url(../images/nav-bg.png) scroll 0 -108px no-repeat;}
#playBox .smalltitle .thistitle>.title2{background:url(../images/nav-bg.png) scroll 0 -464px no-repeat; }

#playBox .smalltitle .title3{background:url(../images/nav-bg.png) scroll 0 -222px no-repeat;}
#playBox .smalltitle .thistitle>.title3{background:url(../images/nav-bg.png) scroll 0 -577px no-repeat; }

#playBox .smalltitle .thistitle a{color:#fff;}


.z_x_zhit{ font-size:22px; color:#000000; border-bottom:1px solid #bfbfbf; padding-bottom:10px;}
.z_x_xi{ font-size:14px; color:#5b5b5b; margin-top:10px; line-height:22px;}
.z_x_xi a{margin-right:8px; line-height:30px; border:1px solid #333; width:120px; display:block; float:left; padding:3px; margin-top:10px; text-align:center;}

.z_x_xf{ height:128px; width:1200px; position:fixed; top:0px; z-index:50; background:#fff;}
.z_x_xf1{width:1200px; position:fixed; top:0px; z-index:50; background:#fff;}
.z_x_xf2{width:1200px; position:fixed; top:0px; z-index:800; background:#fff;}


#playBox .smalltitle { width:1200px; height:117px; margin:0 auto; bottom:60px;}
#playBox .smalltitle  ul{ list-style:none;}
#playBox .smalltitle  ul li{ width:240px; height:117px; float:left; display:inline; text-align:center;}
#playBox .smalltitle  ul li a{ display:block; height:80px; padding:10px; color:#ff6800 }

/*#playBox .smalltitle  ul li:hover{ border-bottom:8px solid #232323;}*/
#playBox .smalltitle  ul li:hover .z_x_kit_left{ }
#playBox .smalltitle  ul li:hover .z_x_kit_right{ color:#fff;}

.content_top{height:122px;}

/*-----------box2---------*/

.anli{background:#FFF; background:url(../images/an-bg.jpg) center scroll no-repeat;}
.m-box2{ width:1200px; margin:0px auto;}
.box-nav{ height:60px; line-height:60px; border-bottom:2px solid #FF6600;}
.box-nav a{float:right;}
.box-nav span{ font-size:20px; font-weight:bold; color:#FF6600; padding-left:40px; background:url(../images/anli-nav.png) scroll no-repeat;}
.m-box2 .nav-list{margin-top:10px;}
.m-box2 .nav-list a{ padding:3px; font-size:12px; color:#666666; margin-right:1px; margin-bottom: 8px; display: inline-block; border:1px solid #666;}
.m-box2 .nav-list .navfirst{background-color:#333333; color:#FFFFFF;}

.common{margin:0 auto; width:1200px; position:relative; margin-top:10px;}
.common ul li{margin-left:20px;}
.clear{clear:both;}
.summary{background:#333;}
.listbox{float:left; margin-bottom:20px; padding:10px; _padding:10px 10px 8px 10px ; width:280px; height:256px; position:relative;}
.listimg{float:left; width:280px; height:185px; position:relative; overflow:hidden;}
.listimg img{background:#333; width:280px; height:185px; top:0; left:0; position:absolute;}
.summary{width:280px;height:185px;top:185px;left:0;position:absolute;}
.summarytxt{margin:5px 10px;width:250px;height:auto;line-height:22px;font-size:12px;color:#cfcfcf;}
.listinfo{_margin-bottom:3px; padding-left:10px; width:250px; line-height:22px; font-size:12px;}
.listinfo a{font-size:12px;}
.listtitle{float:left; margin-top:8px; _margin-top:-2px; width:250px; font-size:14px;}
.listtitle a{font-size:14px;}
.listtitle a:hover{color:#f55555;}
.listtag{float:left;padding-left:18px;background:url(../images/taglist.gif) 0 5px no-repeat;width:232px;color:#999;}
.listtag a{margin:0 8px 0 0;margin:2px 8px -2px 0\9;_margin:0 8px 0 0;color:#999;}
.listtag a:hover{color:#2ad2bb;}
.listdate{float:left;margin-right:13px;padding-left:18px;background:url(../images/time.gif) 0 5px no-repeat;color:#999;}
.listview{float:left;margin-right:13px;padding-left:24px;background:url(../images/view.gif) 0 5px no-repeat;color:#999;}
.listcomment{float:left;margin-right:13px;padding-left:20px;background:url(../images/comment.gif) 0 5px no-repeat;color:#999;}
.listdemo a{float:left;margin-top:0;margin-top:2px\9;_margin-top:0;color:#999;white-space:nowrap;}
.listdemo a:hover{color:#2ad2bb;}


.blk_29 {margin-top:10px;	PADDING-BOTTOM: 5px; OVERFLOW: hidden;  PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px solid; ZOOM: 1; POSITION: relative}
.blk_29 .LeftBotton {	BACKGROUND: url(../images/hz-next.gif) no-repeat 0px 23px; LEFT: 10px; FLOAT: left; WIDTH: 11px; CURSOR: pointer; POSITION: absolute; TOP: 75px; HEIGHT: 120px}
.blk_29 .RightBotton {	RIGHT: 10px; BACKGROUND: url(../images/hz-next.gif) no-repeat -29px  23px; FLOAT: right; WIDTH: 11px; CURSOR: pointer; POSITION: absolute; TOP: 75px; HEIGHT: 120px}
.blk_29 .Cont {	MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 1000px; PADDING-TOP: 5px}
.blk_29 .box {FLOAT: left; WIDTH: 154px; TEXT-ALIGN: center; margin:10px 18px; position:relative;}
.blk_29 .box IMG {DISPLAY: block;  BACKGROUND: #fff;  MARGIN: 0px auto;  }
.blk_29 .box A:hover IMG { }
.blk_29 .box P {	MARGIN: 6px auto 0px; WIDTH: 154px; LINE-HEIGHT: 20px}

.blk_29 li i{ background: url("../images/sjs-bg.png") no-repeat  0px 0px scroll;  _backgroundbackground: url("../images/sjs-bg.gif") no-repeat scroll;left: 0; padding-right: 22px; height: 160px; z-index:999;   position: absolute; width: 168px;}
.blk_29 li .yuyue{background-color: #ff6800; padding:3px; color:#FFFFFF;}



.youshi{margin-top:20px; background-color:#FFF;}
.youshibg{width:1200px; margin:0px auto;}
.youshi-b ul{ background-color:#FFF; display:block; height:440px; margin-top:10px;}
.youshi-b ul .youshi1{background:url(../images/youhsi-bg.png) scroll 20px -33px no-repeat;}
.youshi-b ul .youshi2{background:url(../images/youhsi-bg.png) scroll 20px -406px no-repeat;}
.youshi-b ul .youshi3{background:url(../images/youhsi-bg.png) scroll 20px -147px no-repeat;}
.youshi-b ul .youshi4{background:url(../images/youhsi-bg.png) scroll 20px -524px no-repeat;}
.youshi-b ul .youshi5{background:url(../images/youhsi-bg.png) scroll 20px -266px no-repeat;}
.youshi-b ul .youshi6{background:url(../images/youhsi-bg.png) scroll 20px -648px no-repeat;}

.youshi-b ul li{display:inline; float:left; width:428px; height:120px; padding-left:150px; margin:20px 10px 0px 0px;}
.youshi-b ul li b{ color:#ff6800; font-size:16px;}
.youshi-b ul li p{line-height:26px; color:#666666;}

.czixun{margin-top: 5px;  text-align: center;}
.czixun h3{background-color: #787878;  color: #fff; font-size: 16px; font-weight: normal; height: 25px;  line-height: 25px; margin: 0 auto 20px; overflow: hidden;  width: 115px;}
.czixun a{color: #292a2e;  font-weight: bold;  font-size: 33px;  letter-spacing: 8px;}

.pagewd { margin: 0 auto;  min-width: 1200px; width: 1200px;}
.lt {float: left;}
.rt{float:right;}
.indexFour { height:20px; width:100%;  margin:30px 0px; }
.indexFour a { display:block; height:40px; line-height:40px; width:120px; text-align:center; float:left; background:#242D3C; color:#fff; margin:0px 10px; border-radius:5px; font-size:16px; }
.indexFour a.current { background:#ff6800; }
.indexFour a:hover.current{color:#fff;}
.indexFourBox { background:#f5f5f5; width:420px; height:40px; margin:0px auto; }
.indexfo_cont { height:325px; }
.foCont { width:100%; height:305px; margin:10px 0px; overflow:hidden; }
.pic_news { width:580px; border-right:1px dashed #ddd; }
.pic_news ul li { height:130px; margin-bottom:20px; }
.pic_news ul li div.lt { width:240px; height:120px; border:1px solid #ddd; padding:5px; }
.pic_news ul li div.lt a { display:block; }
.pic_news ul li div.lt img { width:240px; height:120px; }
.pic_news ul li div.lt img:hover { opacity:0.9; filter:alpha(opacity=90); }
.pic_news ul li div.rt { width:300px; margin-right:10px; }
.pic_news ul li div.rt p { font-size:14px; line-height:22px; height:100px; overflow:hidden; color: #848482; }
.pic_news ul li div.rt h3 { height:40px; line-height:40px; overflow:hidden; font-size:16px; }

.list_news { width:600px; }
.list_news li { height:40px; font-size:14px; overflow:hidden; border-bottom:1px dotted #ddd; background:url(../images/listIcon.jpg) left 14px no-repeat; padding-left:10px; }
.list_news li p { width:75%; overflow:hidden; line-height:40px;  }
.list_news .btn { background:#e3e3e3; margin-top:10px; padding:5px 20px; border-radius:5px; display: inline-block; }
.list_news .btn:hover { background:#242D3C; color:#fff; }
.indexfo_video ul li { width:220px; background:#fff; box-shadow:0px 0px 2px #aaa; float:left; margin-left:25px; }
.indexfo_video ul li:first-child { margin-left:0px; }
.indexfo_video ul li p { text-align:center; height:30px; line-height:30px; padding-bottom:10px; }
.indexfo_video a { display:block; }
.indexfo_video a:hover { color:#000; }
.video_box { width:220px; height:220px; overflow:hidden; position:relative; }
.video_box img { width:100%; height:100%; }
.video_box .video_per { position:absolute; left:40%; top:40%; width:40px; height:40px; transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moztransition:all 0.2s ease-in-out; }
.video_box .video_per.current { width:50px; height:50px; left:38%; top:38%; }
.video_box .video_per.current img { opacity:0.9; }

.hezuo{background:#fff; height:380px;}
.hezuo .m-box5{margin:0px auto; width:1200px;}
.hezuo ul li{float:left; display:inline; margin:15px 10px; width:220px;}
.hezuo ul li img {border: 1px solid #dbdbdb;width:220px; height:100px;filter:alpha(opacity=50); /*IE滤镜，透明度50%*/ -moz-opacity:0.5; /*Firefox私有，透明度50%*/ opacity:0.5;/*其他，透明度50%*/}
.hezuo ul li img:hover{filter:alpha(opacity=90); /*IE滤镜，透明度50%*/ -moz-opacity:0.9; /*Firefox私有，透明度50%*/ opacity:0.9;/*其他，透明度50%*/ cursor:pointer;}
.hezuo ul li p{ line-height:25px;text-align:center;}

@keyframes fade-in {  
    0% {opacity: 0;}/*初始状态 透明度为0*/  
    40% {opacity: 0;}/*过渡状态 透明度为0*/  
    100% {opacity: 1;}/*结束状态 透明度为1*/  
}  
@-webkit-keyframes fade-in {/*针对webkit内核*/  
    0% {opacity: 0;}  
    40% {opacity: 0;}  
    100% {opacity: 1;}  
}  
.hezuo ul li img{    
    animation: fade-in;/*动画名称*/  
    animation-duration: 1.5s;/*动画持续时间*/  
    -webkit-animation:fade-in 1.5s;/*针对webkit内核*/  
}  

/*视频弹出层 样式*/
.dig-bg {width: 100%;height: 100%;background: #000;position: fixed;left: 0;top: 0;z-index: 10000;filter: alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;display: none;}
.dig-vid {width: 940px;height: 480px;position: fixed;left: 50%;margin-left: -460px;top: 50%;margin-top: -240px;background: #666;-moz-border-radius: 6px 6px 0 0;-webkit-border-radius: 6px 6px 0 0;border-radius: 6px 6px 0 0;overflow: hidden;box-shadow: 0 0 15px #666;z-index: 10001;display: none;}