*{margin:0; padding:0; list-style:none;box-sizing: border-box;}
img{ border:0;}
.mainDiv{width: 100%; margin: 0 auto;}
.main_b{margin: 0 auto;width: 1000px;zoom: 1;position: relative;}
.main_b:after{content: '';display: block;clear: both;}
.top_all{height: 100px;position: relative;}
.logo_box{position: absolute;top: 10px;left: 0;}
.dh{position: absolute;right: 0;top: 0;height: 100px;}
.dh li{height: 100%;float: left;line-height: 100px;}
.dh li a{display: block;height: 100%;width:80px;text-align:center;font-size: 14px;}
.dh li.dh_active a{background: #c9a164;color: #FFFFFF;}
.dh li a:hover{background: #c9a164;color: #FFFFFF;}
.cooperation_div{width: 100%;}
.cooperation_head{width: 100%;text-align: center;background: url(../img/line01.png) no-repeat center bottom;height: 65px;line-height: 65px;margin-top: 30px;font-size: 26px;color: #c9a164;}
.cooperation_head_note{width: 70%;text-align: center;color: #999999;margin: 23px auto;line-height: 20px;}
.picScroll-th{ width:1020px;overflow:hidden; position:relative;padding: 50px 0 44px 0;margin-left: -20px; }
.picScroll-th .hd{width: 1000px;margin-left:20px;height: 50px;position: absolute;top: 0;text-align: center;}
.picScroll-th .hd .prev,.picScroll-th .hd .next{ display:inline-block;  width:30px; height:30px; cursor:pointer;border-radius: 3px;}
.picScroll-th .hd .next{ background:#FFFFFF url(../img/icon_prev.png) no-repeat center center;left: 0;top: 0;border: 1px solid #c9a164;}
.picScroll-th .hd .prev{ background:#C9A164 url(../img/icon_next.png) no-repeat center center;right: 0;top: 0;border: 1px solid #c9a164;}
.picScroll-th .bd{ }
.picScroll-th .bd ul{ overflow:hidden; zoom:1; width: 1020px;margin-left: -20px;}
.picScroll-th .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center;width: 320px;margin-left: 20px;}
.picScroll-th .bd ul li .pic{ text-align:center;width: 100%;height: 210px;position: relative;overflow: hidden;}
.picScroll-th .bd ul li .pic img{ width:100%; height:100%; position: relative; transition: all .5s linear;top: 0;left: 0;z-index: 0;}
.picScroll-th .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-th .bd ul li .title{ line-height:24px;   }
.pic_text{height: 74px;width: 100%;background: #c9a164;display: block;padding-top: 16px;}
.pic_text .p01{font-size: 16px;color: #FFFFFF;}
.pic_text .p02{font-size: 12px;color: #FFFFFF;}
.pic_zz{width: 100%;height: 100%;background: url(../img/bg_tm50.png);display: block;position: absolute;top: -100%;left: 0;transition: all .5s linear;z-index: 2;}
.span_add{width: 48px;height: 48px;background: url(../img/icon_add.png) no-repeat center center;position: absolute;top: 50%;margin-top: -24px;left: 50%;margin-left: -24px;}
.picScroll-th .bd ul li:hover .pic_zz{top: 0;transition: all .5s linear;}
.picScroll-th .bd ul li:hover .pic img{width: 110%;height: 110%;transition: all .5s linear;top: -5%;left: -5%;}
.index_news_all{width: 100%;background: #FFFFFF;padding: 20px 0 93px 0;}
.riqi{width: 100px;height: 34px;background: #a48b6c;position: absolute;top: 0;left: 0;text-align: center;line-height: 34px;color: #FFFFFF;}
.news_pic{position: relative;width: 387px;}
.news_pic img{height: 252px;width: 100%;}
.news_tex{height: 97px;width: 100%;padding: 10px 20px;border: 1px solid #d4d4d4;border-top: none;}
.news_tex dt a{font-size: 16px;color: #a48b6c;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: bold;display: block;}
.news_tex dd{color: #999999;line-height: 25px;}
.news_tex dd a{color: #C9A164;float: right;}

.index_news{width: 590px;height:auto;text-align: left;overflow: hidden;}
.index_news dd{height: 116px;padding:18px 0;overflow: hidden;position: relative;width: 100%;border-bottom: 1px dotted #949494;}
.i_time{width: 84px;height:80px;text-align: center;background: #c4c4c4;color: #FFFFFF;float: right;}
.i_news{width: 82%;padding-top: 5px;float: left;}
.i_time .p01{font-size: 32px;line-height: 55px;}
.i_time .p02{font-size: 12px;line-height: 26px;display: block;border-top: 1px solid #FFFFFF;}
.i_news .p01{font-size: 16px;line-height: 24px;color: #212121;font-weight: bold;}
.i_news .p02{font-size: 14px;color: #666;line-height: 20px;overflow: hidden;height:40px;margin-top: 5px;}

.index_news dd a:hover .i_time{background: #c9a164;}
.index_news dd a:hover .i_news .p01{color: #c9a164;}
.foot{width: 100%;background: #333333;padding: 38px 0; margin:15px 0 0 0}
.foot dl{float: left;margin-right: 100px;line-height: 24px;}
.foot dl a{color: #bfbfbf;}
.foot dl dt{background: url(../img/line02.jpg) no-repeat left bottom;margin-bottom: 20px;height: 48px;}
.foot dl dt a{line-height: 24px;font-size: 14px;}

.foot_tex{height: 57px;line-height: 57px;line-height: 57px;background: #222222;color: #787878;font-family: "宋体";}
.pad{padding-top: 30px;}

.index_about{width: 100%;background: #f0ede6;padding: 10px 0 40px 0;}
.video_box{position: relative;display: block;width: 100%;}
.icon_play{display: block;width: 46px;height: 46px;background: url(../img/icon_play.png) no-repeat center center;position: absolute;left: 50%;top: 50%;margin-top: -23px;margin-left: -23px;}
.about_tex{width: 70%;margin: 0 auto;color: #a48b6c;font-size: 12px;line-height: 24px;text-align: center;margin-top: 18px;}

.main_pic{width: 100%;background-repeat: no-repeat;background-position: center;height: 300px;width: 100%;}
.left_bar{width: 220px;min-height:400px;}
.left_bar_head{text-align: center;height: 90px;background: #6c543f;padding-top: 15px;}
.left_bar_head .p01{font-size: 24px;color: #FFFFFF;}
.left_bar_head .p02{background: url(../img/line03.png) no-repeat center center;color: #FFFFFF;font-size: 14px;}
.left_bar_ul{width: 100%;border: 1px solid #eeeeee;border-bottom: none;border-top: none;}
.left_bar_ul li{height: 50px;line-height: 50px;border-bottom: 1px solid #eeeeee;}
.left_bar_ul li a{display: block;width: 100%;height: 100%;color: #666666;padding: 0 15px 0 10px;background: url(../img/icon_arrow02.png) no-repeat 180px center;}
.left_bar_ul li a:hover{color: #FFFFFF;background:#c9a164 url(../img/icon_arrow.png) no-repeat 180px center;}
.left_bar_ul li.li_active a{color: #FFFFFF;background:#c9a164 url(../img/icon_arrow.png) no-repeat 180px center;}
.contact_box{width: 100%;height: 104px;margin-top: 25px;padding: 35px 0 0 14px;border-top: 4px solid #cca76e;}
.contact_box .p01{font-size: 18px;color: #c9a164;font-weight: bold;}
.contact_box .p02{color: #999999;font-size: 16px;}
.about_us{width: 100%;padding: 30px 0 56px 0;}

.about_right{width: 760px;}
.locate{color: #c9a164;font-size: 16px;font-weight: bold;border-bottom: 1px solid #ebebeb;height: 30px;line-height: 30px;}
.locate span{color: #999999;font-size: 12px;font-weight: normal;}
.locate span a{color: #999;font-size: 12px;font-weight: normal;}
.locate span a:hover{color: #c9a164;}

.about_cont{color: #666666;font-size: 12px;line-height: 24px;padding: 20px 0 50px 0;}
.news_ul{width: 100%;padding: 20px 0 0 0;}
.news_ul li{width: 100%;padding: 15px;border-bottom: 1px solid #eaeaea;}
.news_pic_box{width: 187px;height: 122px;display: block;}
.news_pic_box img{width: 100%;height: 100%;}
.news_dl {width: 530px;float: right;}
.news_dl dt a{color: #c9a164;font-weight: bold;font-size: 16px;}
.news_dl dd{font-size: 12px;color: #999999;line-height: 24px;height: 48px;overflow: hidden;}
.riqi02{color: #999;line-height: 30px;}
.news_dl .more{display: block;color: #c9a164;float: right;}
.news_ul li:hover{background: #f6f6f6;}

.center_block{text-align: center;width: 100%;}
.pageNum{padding: 40px 0;display: inline-block;}
.pageNum li{margin-right:4px;float: left;background: #FFFFFF;}
.pageNum li a{color: #666;}
.cbf{padding: 6px 9px;display: inline-block;height: 100%;width: 100%;border: 1px solid #e6e6e6;}
.cb{padding: 6px 9px;display: inline-block;height: 100%;width: 100%;border: 1px solid #e6e6e6;}
.cb.cb_active{background:#c9a164;color: #FFFFFF;border: 1px solid #e6e6e6;}
.cooperation_pic{height: 146px;width: 100%;overflow: hidden;position: relative;}
.cooperation_pic img{width: 100%;height: 100%;position: relative;top: 0;left: 0;transition: all .5s linear;}
.cooperation_ul{width: 772px;margin-left: -12px;padding-top: 20px;}
.cooperation_ul li{margin-left: 12px;float: left;width:244px;height: 186px;position: relative;overflow: hidden;margin-bottom: 15px;}
.cooperation_zz{background: #c9a164;height: 40px;width: 100%;position: absolute;bottom: -37px;left: 0;z-index: -1;transition: all .5s linear;}
.cooperation_tex{position: relative;height: 40px;width: 100%;line-height: 40px;text-align: center;}
.cooperation_ul li:hover .pic_zz{top: 0;transition: all .5s linear;}
.cooperation_ul li:hover .cooperation_zz{bottom: 0;}
.cooperation_ul li:hover .cooperation_tex{color: #FFFFFF;}
.cooperation_ul li:hover .cooperation_pic img{width: 110%;height: 110%;top: -5%;left: -5%;transition: all .5s linear;}
.ewm{width: 120px;height: 190px;position: relative;}
.ewm_box{position: absolute;bottom:50px;left: 0;width: 100%;text-align: center;display: none;}
.a_link{width: 100%;text-align: center;position: absolute;bottom: 0;left: 0;}
.a_link a{display: inline-block;margin: 0 2px;width: 32px;height: 32px;}
.wx{background: url(../img/icon01.png) no-repeat center center;transition: all .5s linear;}
.wx:hover{background: url(../img/icon01.1.png) no-repeat center center;transition: all .5s linear;}
.wb{background: url(../img/icon02.png) no-repeat center center;transition: all .5s linear;}
.wb:hover{background: url(../img/icon02.2.png) no-repeat center center;transition: all .5s linear;}
.qq{background: url(../img/icon03.3.png) no-repeat center center;transition: all .5s linear;}
.qq:hover{background: url(../img/icon03.png) no-repeat center center;transition: all .5s linear;}
.a_link a:hover .ewm_box{display: block;}


.dev_dl{position: relative;border-left: 1px solid #c9a164;width: 100%;padding-bottom: 30px;}
.dl_div{padding:40px 40px 224px 35px;}
.dev_dl dt{font-size: 20px;color:#c9a164;position: relative;top: -12px;font-weight: bold;padding-left: 20px;}
.dev_dl dd{position:relative;font-size: 14px;line-height: 45px;height:30px;background: url(../img/icon_ro2.png) no-repeat -6px top;padding-left: 20px;}
.r02{position:absolute;left: -5px;bottom: 0;width: 10px;height: 6px;background: url(../img/icon_ro2.png) no-repeat center center;}
.dev_dl dd a{color: #666666;display: block;width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.dev_dl dd a:hover{color: #999999;}
.r01{background: url(../img/icon_round01.png) no-repeat center center;display: block;width: 20px;height: 20px;position: absolute;top: -10px;left: -10px;}
.dexs_head{width: 100%;text-align: center;font-weight: bold;color: #666666;font-size: 18px;height: 60px;line-height: 60px;}
.play_list{border-top: 4px solid #c9a164;margin-top: 20px;}
.play_list dd a{display:block;height:100%;width:100%;color: #666666;font-size: 14px;padding-left: 24px;background:#f7f7f7 url(../img/icon_dot.png) no-repeat 10px center;height: 48px;line-height: 48px;border-bottom: 1px solid #eaeaea;}
.play_list dd a:hover{color: #c9a164;background:#f7f7f7 url(../img/icon_dot02.png) no-repeat 10px center;}
.design_ul{width: 775px;margin-left: -15px;padding-top: 20px;}
.design_ul li{float: left;margin-left: 15px;position: relative;width: 240px;}
.tex_design{background: #F7F7F7;height: 132px;overflow: hidden;padding-bottom: 20px;width: 100%;}
.design_name{color: #c9a164;font-size: 16px;}
.pic_design{width: 100%;height: 182px;position: relative;}
.pic_design img{width: 100%;height: 100%;}
.rec_po{position: absolute;height: 50px;width: 50px;background:#c9a164 url(../img/icon_add02.png) no-repeat center;left: 50%;margin-left: -25px;top: 50%;margin-top: -25px;opacity: 0;filter: alpha(opacity=0);transition: all .5s linear;}
.design_ul li:hover .rec_po{filter: alpha(opacity=100);opacity:1;transition: all .5s linear;margin-bottom: 15px;}
.tex_design01{padding: 10px 20px 0 20px;border-bottom: 1px solid #dfdfdf;}
.tex_design02{padding: 5px 20px 0 20px;color: #999999;font-size: 12px;line-height: 24px;}
.design_zl{color: #999999;line-height: 30px;}
.news_head{width: 100%;text-align: center;padding:  20px 0;border-bottom: 1px dashed #d1d1d1;}
.news_src{color: #666666;margin-top: 10px;}
.news_tit{color: #666666;font-size: 18px;font-weight: bold;}
.up_down{float: right;}
.up_down a{display: inline-block;padding: 3px 10px;border: 1px solid #d1d1d1;color: #666666;}
.up_down a:hover{display: inline-block;padding: 3px 10px;border: 1px solid #c9a164;color: #c9a164;}