@charset "utf-8";
/* CSS Document */
html{ height:100%;min-width:1265px;}
body{ margin:0px ; padding:0px; height:100%; font-size:14px;background:url(../images/main_bg.jpg) top center;}
.font-add{ font-family: 'AVGARDN';}
ul,li,ol{list-style-type:none;}
body,h1,h2,h3,h4,h5,p,form,ul,li,ol,img{margin:0px;padding:0px;border:0;font-weight: normal; font-family: Arial, Helvetica, sans-serif, "宋体"}
a,a:link{ text-decoration:none}
a:hover{color:#357edc;  text-decoration:none;}
.wrap{ width:1200px; margin:0 auto; position:relative}
.wrap-gray{}
.wrap-1300{width:1360px; margin:0 auto; position:relative}
em,i{font-style: normal;}
p{ color:#848484; line-height:24px; margin:0px}
h1,h2{overflow: hidden; text-overflow: ellipsis;white-space:nowrap}
.clear-float{ float:none; }
.phone{float:right;}
.bg-join-form .hotline-zixun{ overflow:hidden}
.bg-join-form .hotline-zixun li{ width:49.5%; float:left; border-right:1px solid #dedff1; text-align:center; font-size:20px;color:white;}
.bg-join-form .hotline-zixun li img{ display:block; margin:10px auto}
.bg-join-form .hotline-zixun li.clear{ border:0px}

/* 共用 */
.head-bg{ width:100%; margin:0 auto; height:155px;position: relative;}
.head{ width:1200px; margin:0 auto; height:155px;z-index: 3}
.head .logo{ float:left; padding:35px 0 15px 0 ;}
.head .topnav {float:left;width:960px; }
.head .topnav ul.nav02{ font-size:12px; color:#d9a777;margin:15px 15px 0 0; height:26px;  }
.head .topnav .nav02 a{color:#d9a777 }
.head .topnav .nav02 li{ float:right; line-height:30px; position:relative; color:#949494; position:relative}
.head .topnav .nav02 li a:hover{color:#fff}
.head .topnav .green li a:hover{ color:#70c37b}
.head .topnav .nav02 li img{ position:absolute; top:7px; left:0px;}
.head .topnav .nav02 li span{ margin:0 15px; font-size:12px; color:#949494 }
.head .topnav .nav02 li.text-white a{ color:#fff}
.head .topnav ul.menu{ width:850px; position:relative;overflow: hidden ; margin-top:10px; float:right;z-index:1}
.head .topnav .menu li{ float:left; font-size:16px; color:#fff; width:100px; height:38px; text-align:center; line-height:38px; margin-left:20px }
.head .topnav .menu li a{font-size:16px; color:#710407; width:100px; height:38px; display:block}
.head .topnav .menu li a:active{font-size:16px; color:#710407; width:100px; height:38px; display:block}
.head .topnav .menu li a:hover{color:#fff; background-color:#d9a777; border-radius:100px; }
.head .topnav .menu .Content a{ color:#fff; background-color:#d9a777; border-radius:100px }
.active{color:#fff; background-color:#d9a777; border-radius:100px }
.active1{color:#d9a777;}
.active2{color:#fff; background:url(../images/sub_hover.png) no-repeat center center; border-radius:100px }
.active2 a{color: #fff;}
.active3{color:#710407; background-color:#d9a777; border-radius:100px }
.head .topnav .black li{ color:#000}
.head .topnav .black li a{ color:#000}
#menu{height:45px; padding-top:25px; float:left;}
#menu li{width:78px; height:45px; padding-left:40px; text-align:center; background:url(../images/menu_li.png) no-repeat left center; position:relative; z-index:9; float:left;}
#menu li a{display:block; height:35px; line-height:20px; font-size:12px; font-weight:bold; color:#710407; font-family:"Times New Roman", Times, serif; blr:expression(this.onFocus=this.blur());position:relative;}
#menu li a span{-webkit-text-size-adjust:none; line-height:20px; display:block; font-weight:normal; font-size:16px; color:#080707; font-family:"微软雅黑"; position:relative}
.drop-menu{  position: relative; height:20px;transition:height 2s;-webkit-transition:height 2s; z-index:99 }
.drop-menu .drop { display:none;  position:absolute; top:-10px; left:-10px;}
.drop-menu:hover .drop{ display:block; }
.drop-menu:hover .drop img{ width:90px; height:90px;}
.shop_list{width: 1200px; height: 80px; margin: 0 auto;}
.shop_list ul li{float: left; width: 200px; height: 30px;line-height: 30px; text-align: center; font-size: 15px; margin-top:10px; }
/* 页脚 */
.feet{ background-image:url(../images/bg_feet.png); height:220px; clear: both;}
.feet .nav{ border-bottom:1px solid #fff }
.feet .nav ul{ width:1200px; margin:0 auto; color:#ddd;overflow: hidden; }
.feet .nav ul a{color:#fff }
.feet .nav ul li{ float:left; line-height:30px;  color:#fff; margin:7px 0}
.feet .nav ul li a:hover{color:#d9a777}
.feet .nav ul li span{ margin:20px; font-size:12px; color:#fff  }
.feet .copyright{ width:1200px; margin:20px auto 10px auto; line-height:22px}
.feet .copyright .logo{ float:left; padding-right:20px; margin-top:10px; border-right:1px solid #fff}
.feet .copyright .content{ color:#fff; float:left; margin:10px 0 0 20px}
.feet .copyright .content a{ color:#dfdfdf}
.feet .copyright .content  h3{ line-height:34px; color: #ffffff;}
.feet .copyright .contact{ float:right; width:250px; text-align:center }
.feet .copyright .contact .tel{ display:block; line-height:30px; font-size:16px;  border-radius:100px; color:#fff;}
.feet .copyright .contact .tel i img{ margin:0 10px; vertical-align:middle}
.more{ text-align:center;line-height:42px; margin:40px auto; -webkit-transition: transform .3s;    -moz-transition: transform .3s;    -ms-transition: transform .3s;    -o-transition: transform .3s;    transition:transform .3s;}
.more a{ font-family: sans-serif;background-color:#fff;   padding:10px 40px;border:1px solid #d9a777; border-radius:100px; font-size:20px; color:#d9a777; }
.more a:hover{ background-color:#d9a777; color:#fff ;    -webkit-transform: translateY(-5px);    -moz-transform: translateY(-5px);    -ms-transform: translateY(-5px);    -o-transform: translateY(-5px);    transform: translateY(-5px);}
.more:hover{  -webkit-transform: translateY(-5px);    -moz-transform: translateY(-5px);    -ms-transform: translateY(-5px);    -o-transform: translateY(-5px);    transform: translateY(-5px);}
.mt20{ margin-top:20px}
.mt30{ margin-top:30px}

ul.news-list-type1{margin:0 auto; width:96%; overflow:hidden}
.news-list-type1 li { font-size:16px; line-height:28px;  color:#000; margin-bottom:10px;word-break: break-all;}
.news-list-type1 li a{text-decoration:none;color:#000}
.news-list-type1 li a:hover{  color:#d9a777	}
.news-list-type1 li .time,.news-list-type1 li .time-f{color:#8d8d8d;font-size:10px;}
.news-list-type1 li .time{position:absolute;right:0px;}
.news-list-type1 li .time-f{margin-left:15px}
.news-list-type1 li em{ color:#7a7a7a; margin-right:5px}

.li-type1 li{background-image: url(../images/icon_li.png);background-repeat: no-repeat;background-position:0px 5px;padding-left:25px;position:relative;}
.li-type3 li{background:url(../images/ico_li4.gif) no-repeat 5px 10px; text-indent:20px;}
.li-type2 li{background-image: url(../images/ico_li2.gif);background-repeat: no-repeat;background-position:2px center;padding-left:15px;	position:relative;	border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #b4b4b4;}

/* 证书查找 */
.bg_search{min-height:930px; position:absolute; min-width:1265px; width:100%; top:0px ;left:0px; z-index:-9}
@media (min-width: 1921px){.bg_search{ min-height:930px;background: url(../images/bg_search.jpg) no-repeat; background-size:100% 100%; position:absolute; width:100%; top:0px ;left:0px;z-index:-9}}
.search {  text-align:center; color:#fff; height: 450px; margin-top:80px;padding-bottom:200px;}
.search  h1{ font-weight:bold; font-size:36px;text-align: center; color: #7b0000;}
.search  h2{font-size:18px; line-height:80px; color: #7b0000;}
.search  h3{font-size:15px; line-height:10px; color: #7b0000;}
.search .input{ width:640px; margin:0 auto 70px auto; height:59px;	background: url(../images/bg_find_input.png) no-repeat;}
.search .input .input01{ border:0px; background-color:#ededed; font-size:18px; width:550px; margin:15px 0 0 15px;  line-height:30px; float:left; }
.search .input .btn{width:60px;	height:60px;background: #d3c1a9;border:0px; border-radius:50px;font-size:15px; float:right;cursor:pointer; color: #7b0000; }
.search .input .btn:hover {width:60px;	height:60px;background: #d9a777;border:0px; font-size:15px;border-radius:50px;color: #7b0000;}
.search  span{width:320px;	height:57px; display:block; margin:20px auto ; border-radius: 15px; text-indent:60px; text-align:left; line-height:55px; font-size:20px; background:#d3c1a9;}
.search  span:hover{width:320px; height:57px;  background:#d9a777;border-radius: 15px;}
.search  span a{ color:#7b0000;}
/* 证书弹窗 */
.window_mark{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9; background:#000; opacity:0.5;filter:alpha(opacity=50);display: none;}
.search_window_content{ width:840px; height:340px; background-color:#70c37b; color:#fff; padding:20px; position: relative; display: inline-block; *display: inline; *zoom:1;vertical-align: middle;right: -100%;margin:0 auto;}
.search_window_content h2{ border-bottom:1px solid #fff; position:relative; height:45px; line-height:45px; font-weight:bold}
.search_window_content h2 img{ position:absolute; top:0px; right:0px}
.search_window_content ul{ margin:30px 0  20px 0;}
.search_window_content ul li{ width:33%; float:left; font-size:18px; line-height:40px; text-align:left}
.search_window_content .logo{ position:absolute; bottom:20px; right:20px}
.search_window {position: fixed;left: -70%;right:100%;top:0;bottom: 0;text-align: center;z-index:9999;display: none;width: 80%;}
.search_window:after {content:"";display:inline-block;vertical-align: middle;height: 100%;}

.bg_intor{background: url(../images/img_lm_top.jpg) repeat center top;height:350px; z-index:1}
@media (min-width: 1921px){.bg_intor{ height:350px;background: url(../images/img_lm_top.jpg) no-repeat; background-size:100% auto; }}
.bg_news{background: url(../images/img_news_top.jpg) repeat center top;height:300px; z-index:1}
@media (min-width: 1921px){.bg_news{ height:300px;background: url(../images/img_join_top.jpg) no-repeat; background-size:100% auto; }}
.bg_join{background: url(../images/img_join_top.jpg) repeat center top;height:350px; z-index:1}
@media (min-width: 1921px){.bg_join{ height:350px;background: url(../images/img_join_top.jpg) no-repeat; background-size:100% auto; }}

.bg_degin{background: url(../images/img_degin_top.jpg) repeat center top;height:350px; z-index:1}
@media (min-width: 1921px){.bg_degin{ height:350px;background: url(../images/img_degin_top.jpg) no-repeat; background-size:100% auto; }}

/* 内容 */
.wrap-content{width:1200px; margin:0px auto 40px auto; background-color:#fff; z-index:9; position:relative}
.wrap-content .leftsidebar{ width:230px; height:auto;  background-color:#f8f8f8; position:absolute; top:40px;left:0px; z-index:99 }
.wrap-content .leftsidebar h3{background-image: url(../images/img_lm.png);background-repeat: no-repeat; text-align:center; width:230px; padding-top:20px; height:90px;color:#fff; font-size:26px; }
.wrap-content .leftsidebar h3 span{ font-size:20px; display:block}
.wrap-content .leftsidebar li{ font-size:18px; line-height:60px; color:#000; border-bottom:1px solid #efefef; text-align:center}
.wrap-content .leftsidebar li a{color:#000; display:block}
.wrap-content .leftsidebar li a:hover{ color:#d9a777}
.wrap-content .leftsidebar .present { color:#d9a777}
.wrap-content .leftsidebar .present a{color:#d9a777}

.content-read { margin-left:260px;}
.content-read .tit{ border-bottom:1px solid #e4e4e4; height:42px; margin-top:10px; position:relative;margin-top:50px;}
.content-read .tit span{border-bottom:2px solid #d9a777; color:#d9a777; font-size:22px;height:40px; display: block; float:left ;margin-top:0px;}
.navigation{height:24px;line-height:24px;background-image: url(../images/icon_home.png);background-repeat: no-repeat;font-size:12px;text-indent:30px;background-position: left center; padding:0px; float:right; margin-top:5px}
.navigation a{ color:#a8a7a7 }
.navigation a:hover{ color:#d9a777}
.read{ min-height:800px;}
.read,.content-read{ padding:10px 10px 30px 10px; font-size:14px; line-height:28px;color:#7d7d7d; position:relative}
.read p{padding:8px 0; text-indent:28px; line-height:26px;font-size:16px; color:#710407;}
.read img{ display:block; margin:15px auto; max-width:880px;  width:auto;border:1px solid #efefef; padding:10px; }
.share{ padding:10px 0 30px 0}
.read .tit{  color:#006ed5; font-weight:bold; line-height:32px; border-bottom:1px  dotted #9b9b9b ; margin:30px 0 15px 0;}

.read-tit{ position:relative}
.read-tit h1{ line-height:55px; font-size:24px; color:#000;  text-align:center}
.read-tit h4{ height:40px; line-height:30px; text-align:center }

h1.tit img{ display:block; margin:55px auto}
h1.tit-text{ text-align:center;margin-bottom:30px}
h1.tit-text img{ display:block; margin:55px auto 10px auto}
h1.tit-text span{ font-size:16px; color:#848484; text-align:center;line-height:26px;width:1200px;white-space: pre-wrap;display: inline-block;}
h1.tit-left img{ display:block; margin:55px 0px}

/* 珠宝乐园 */
.news-part01{overflow:hidden}
.news-part01 .left{ width:550px;  float:left; }
.news-part01 .right{width:600px;  float:right; }

.news-column{ overflow: hidden }
.news-column .left{width:550px; float:left}
.news-column .right{width:550px; float:right}
.news-column .news-pic{ margin-bottom:30px}
.news-column2 .info{ overflow:hidden; }
.news-column2 .info .news-pic{ width:550px; float:left; }
.news-column2 .info .ml{ margin-left:100px}
.news-column2 .info ul{ width:550px; float:left;margin:20px 0 0 0}

.news-pic .pic{	background: no-repeat center center; height:270px; background-size:100% auto}
.news-pic .time{ width:75px; height:75px; display:block; text-align:center; color:#fff; background-color:#d9a777;}
.news-pic .time em{font-size:50px; line-height:55px; display:block}
.news-pic h2{ font-size:20px; line-height:40px; color:#000 }
.news-pic{  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.07);   -webkit-transition: transform .3s;    -moz-transition: transform .3s;    -ms-transition: transform .3s;    -o-transition: transform .3s;    transition:transform .3s;}
.news-pic:hover{ -webkit-box-shadow:1px 3px 8px rgba(83, 83, 83, .5); -moz-box-shadow:1px 3px 8px rgba(83, 83, 83, .5); box-shadow:1px 3px 8px rgba(83, 83, 83, .5); 
      -webkit-transform: translateY(-5px);    -moz-transform: translateY(-5px);    -ms-transform: translateY(-5px);    -o-transform: translateY(-5px);    transform: translateY(-5px);}

.news-hot .time{ width:75px; height:75px; display:block; text-align:center; color:#848484; float:left; margin-right:8px}
.news-hot .time em{font-size:50px; line-height:55px; display:block}
.news-hot  h2{ font-size:20px; line-height:40px; color:#000 }
.news-hot p{ height:48px; overflow:hidden; line-height:24px; }
.news-hot li{ border-bottom:1px solid #d4d4d4; padding:10px 0}
.news-hot li:last-child{ border-bottom:0px }
.news-hot li{ * border-bottom:expression(this.nextSibling==null?'0px':'1px');margin-right:expression(this.nextSibling==null?'0px':'1px');* padding-top:expression(this.nextSibling==null?'0px':'10px');padding-top:expression(this.nextSibling==null?'0px':'10px');}
.news-hot li:nth-last-child(1){ border-bottom:0px}
.news-hot li:first-child +li+ li{ border-bottom:0px}
.news-hot li:first-child{padding-top:0}
.news-hot li:hover{ background-color:#fbfafa}
.news-float {overflow:hidden; }
.news-float li{ float:left; width:550px; margin:10px 100px 10px 0;-webkit-transition: transform .3s;    -moz-transition: transform .3s;    -ms-transition: transform .3s;    -o-transition: transform .3s;    transition:transform .3s;}
.news-float li.clear{  margin-right:0}
.news-float img{ width:265px; height:175px; float:left; margin-right:10px}
.news-float h2{ font-size:20px; line-height:30px; height:60px;  color:#000;white-space:normal}
.news-float p{ height:120px; overflow:hidden; }
.news-float li:hover{   -webkit-transform: translateY(-5px);    -moz-transform: translateY(-5px);    -ms-transform: translateY(-5px);    -o-transform: translateY(-5px);    transform: translateY(-5px);}

.newspic-list-type3{ overflow:hidden}
.newspic-list-type3 ul li{padding:15px 0;border-bottom:1px dotted #adadad; min-height:115px; _height:115px;display:block; position:relative}
.newspic-list-type3 ul li:hover{background-color:#fdfdfd}
.newspic-list-type3 .npic img{ width:180px; height:115px; margin-right:15px; float:left; border:1px solid #e2e2e2}
.newspic-list-type3 h2{ color:#474747;margin:1px 0 4px 0; color:#000;white-space:normal; font-size:18px }
.newspic-list-type3 span{ color:#d9a777}
.newspic-list-type3 p{ font-size:14px; height:48px;  overflow:hidden; margin-top:4px}
.newspic-list-type3 .share{ position:absolute; top:15px; right:0px;}


/* 设计师 */
.bg_desgin{background: url(../images/bg_desgin_01.jpg) repeat center top;min-height:807px; position:absolute; width:100%; top:0px ;left:0px; z-index:-9; min-width:1265px}
@media (min-width: 1921px){.bg_desgin{ min-height:930px;background: url(../images/bg_desgin_01.jpg) no-repeat; background-size:100% 100%; position:absolute; width:100%; top:0px ;left:0px;z-index:-9}}
.desgin{ overflow:hidden;  }
.desgin ul li{ float:left}
.desgin .left{ width:45%; float:left;}
.desgin .right{ width:50%; float:right; border-left:1px solid #4a4a4a}
.desgin .right img{width:410px; height:410px; border-radius:1000px; margin-left:40px}
.desgin .user{ overflow:hidden; margin:20px 0}
.desgin .user .head{ width:100px; height:100px; float:left; margin-right:15px }
.desgin .user .head img{ width:100%; height:100%; border-radius:100px;display:none;}
.desgin .user h1{ color:#dd7428; font-size:34px; font-weight:bold; margin-top:20px}
.desgin .user h1 span{ color:#fff;  font-weight: normal; font-size:16px; margin-left:10px}
.desgin .left .intro{ color:#fff; overflow:hidden; height:96px; margin-bottom:15px}
.desgin .left h2{ color:#dd7428;}
.desgin .left .list p{ display:block; margin:0px; color:#fff}
.desgin .left .list { height:72px; overflow:hidden}

/* 设计师创作 */
.bg_desgin-news{height:500px;margin-top:50px;margin-bottom:30px;}

.desgin-news { background-color:#fff; padding:30px ; width:1140px;  overflow:hidden }
.desgin-news .content h1 img{ margin:0px 0 55px 0;}
.desgin-news .content h2{ color:#000; font-size:24px; margin-bottom:20px;}
.desgin-news .video{ width:500px;height:325px;margin-right:17px;float:left; overflow:hidden; position:relative;  }
.desgin-news .video img{ width:500px; height:325px;transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; -o-transition-duration: .5s;}
.desgin-news .video:hover img{transform: scale(1.09);}
.desgin-news .video:hover i img{transform: scale(1.00);}
.desgin-news .video i{ position:absolute; top:120px; left:210px; }
.desgin-news .video i img{ height:76px; width:76px}
.desgin-news .content{ float:right; width:600px; }

.video-list{ overflow:hidden}
.video-list li{width:290px; height:240px; float:left;margin:20px 10px 10px 0; }
.video-list h2,.video-list h2 a{ font-size:16px; text-align:center; color:#000; line-height:35px}
.video-list a:hover h2{ background-color:#d9a777; color:#fff}
.video-list .video{ width:290px; height:200px; overflow:hidden; position:relative;  }
.video-list .video img{ width:290px; height:200px;transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; -o-transition-duration: .5s;}
.video-list .video:hover img{transform: scale(1.09);}
.video-list .video:hover i img{transform: scale(1.00);}
.video-list .video i{ position:absolute; top:60px; left:100px; }
.video-list .video i img{ height:76px; width:76px}
.video-list .clear{ margin-right:0px}


/* 设计展示*/
.bg_desgin-show{background: url(../images/bg_desgin_03.jpg) repeat center top;height:920px; }
@media (min-width: 1921px){.bg_desgin-show{ height:920px;background: url(../images/bg_desgin_03.jpg) no-repeat; background-size:100% auto; }}

.desgin-show{ overflow:hidden; padding-top:100px; height:820px}
.desgin-show h1{ position:absolute; top:80px; left:325px}
.desgin-show .left{ width:480px; float:left; margin-top:240px; position:relative; overflow:hidden}
.desgin-show .left img{width:480px; height:480px;transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; -o-transition-duration: .5s;}
.desgin-show .left .no{width:480px; height:480px; background-image:url(../images/bg_mark02.png);position:absolute; top:0px ; left:0px;display:none }
.desgin-show .left .no h3{ width:90%; font-size:20px; text-align:center; color:#fff; display:block; margin:220px 10px 0px 10px; }
.desgin-show .left:hover .no{ display: block}
.desgin-show .left:hover img{transform: scale(1.09);}

.desgin-show .right{ width:720px; height:720px; float:left;}
.desgin-show .product li{ width:240px; height:240px; overflow:hidden; float:left; position:relative}
.desgin-show .product li img{width:240px; height:240px;transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; -o-transition-duration: .5s;}
.desgin-show .product li .no{width:240px; height:240px; background-image:url(../images/bg_mark02.png);position:absolute; top:0px ; left:0px;display:none }
.desgin-show .product li .no h3{ width:90%; font-size:16px; text-align:center; color:#fff; display:block; margin:100px 10px 0px 10px; }
.desgin-show .product li:hover .no { display: block}
.desgin-show .product li:hover img{transform: scale(1.09);}

/* 设计产品*/
.desgin-product{  width:1230px; }
.desgin-product .product {overflow:hidden;}
.desgin-product .product li{ width:275px; height:350px; float:left;margin:15px;border:1px solid #e5e5e5;  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.07);   -webkit-transition: transform .3s;    -moz-transition: transform .3s;    -ms-transition: transform .3s;    -o-transition: transform .3s;    transition:transform .3s;}
.desgin-product .product li a{width:275px; height:350px; display:block }
.desgin-product .product li img{ width:275px; height:275px;}
.desgin-product .product li h2{ font-size:18px; padding:5px 10px; color:#000}
.desgin-product .product li span{ color:#d9a777; font-size:18px; padding:0 10px }
.desgin-product .product li a:hover h2{ color:#fff;}
.desgin-product .product li a:hover span{color:#fff;}
.desgin-product .product li:hover{ color:#fff;background-color:#d9a777; -webkit-box-shadow:1px 3px 8px rgba(83, 83, 83, .5); -moz-box-shadow:1px 3px 8px rgba(83, 83, 83, .5); box-shadow:1px 3px 8px rgba(83, 83, 83, .5); 
  -webkit-transform: translateY(-5px);    -moz-transform: translateY(-5px);    -ms-transform: translateY(-5px);    -o-transform: translateY(-5px);    transform: translateY(-5px);}
/* 设计分类两列
.desgin-product .sort{overflow:hidden;}
.desgin-product .sort li{ width:590px; height:250px;overflow:hidden; float:left;margin:15px 10px; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.07);   -webkit-transition: transform .3s;    -moz-transition: transform .3s;    -ms-transition: transform .3s;    -o-transition: transform .3s;    transition:transform .3s;}
.desgin-product .sort li a{width:590px; height:250px; display:block }
.desgin-product .sort li img{width:590px; height:250px;transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; -o-transition-duration: .5s}
.desgin-product .sort li:hover{ color:#fff;background-color:#d9a777; -webkit-box-shadow:1px 3px 8px rgba(83, 83, 83, .5); -moz-box-shadow:1px 3px 8px rgba(83, 83, 83, .5); box-shadow:1px 3px 8px rgba(83, 83, 83, .5); }
.desgin-product .sort li:hover img{transform: scale(1.09);}*/

/* 设计分类单列*/
.desgin-product .sort{overflow:hidden;}
.desgin-product .sort li{ width:1200px; height:250px;overflow:hidden; float:left;margin:15px 10px; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.07);   -webkit-transition: transform .3s;    -moz-transition: transform .3s;    -ms-transition: transform .3s;    -o-transition: transform .3s;    transition:transform .3s;}
.desgin-product .sort li a{width:1200px;height:250px; display:block }
.desgin-product .sort li img{width:1200px; height:250px;transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; -o-transition-duration: .5s}
.desgin-product .sort li:hover{ color:#fff;background-color:#d9a777; -webkit-box-shadow:1px 3px 8px rgba(83, 83, 83, .5); -moz-box-shadow:1px 3px 8px rgba(83, 83, 83, .5); box-shadow:1px 3px 8px rgba(83, 83, 83, .5); }
.desgin-product .sort li:hover img{transform: scale(1.09);}

/* 设计展示修改*/
.bg_desgin-show02{background: url(../images/bg_desgin_05.jpg) repeat center top;height:920px; }
@media (min-width: 1921px){.bg_desgin-show02{ height:920px;background: url(../images/bg_desgin_05.jpg) no-repeat; background-size:100% auto; }}
 /* 我要定制*/
 .bg_desgin-form{background: url(../images/bg_desgin_04.jpg) repeat center top;height:750px; }
@media (min-width: 1921px){.bg_desgin-form{ height:750px;background: url(../images/bg_desgin_04.jpg) no-repeat; background-size:100% auto; }}

.desgin-form{ width:430px; height:500px;  background-image:url(../images/bg_mark03.png); float:right; margin:100px 0px 0 0;}
.desgin-form .form{ width:310px; margin:50px auto }
.desgin-form .form input,.desgin-form .form select{ background-color:#eaeaea; color:#000; border:0px; font-size:16px; width:290px; padding:13px 10px; margin-bottom:15px}
.desgin-form .form select{width:310px; }
.desgin-form .form .btn{width:310px; background-color:#d9a777; color:#fff; font-size:18px; line-height:46px; border-radius:5px;padding:0px}
.desgin-form .form .btn:hover{ background-color:#d09e6e;cursor: pointer }

/* 加盟 */
.bg-join{background: url(../images/bg_join.jpg) repeat center top;min-height:883px; position:absolute; width:100%;min-width:1265px; top:0px ;left:0px; z-index:-9}
@media (min-width: 1921px){.bg-join{ min-height:883px;background: url(../images/bg_join.jpg) no-repeat; background-size:100% 100%; position:absolute; width:100%; top:0px ;left:0px;z-index:-9}}
.join-head{ height:783px;}
/* 品牌优势*/
.bg-join-advantage{background: url(../images/bg_join07.jpg) repeat center top;height:700px;min-width:1265px }
@media (min-width: 1921px){.bg-join-advantage{ height:700px;background: url(../images/bg_join07.jpg) no-repeat; background-size:100% auto; }}

.join-advantage { width:1220px; overflow:hidden}
.join-advantage .advantage{ width:265px; height:350px; float:left; margin:10px 10px; background-color:#fff; padding:10px;box-shadow: 0 0px 0px rgba(0, 0, 0, 0.07);   -webkit-transition: transform .3s;    -moz-transition: transform .3s;    -ms-transition: transform .3s;    -o-transition: transform .3s;    transition:transform .3s;}
.join-advantage .advantage h2{ text-align:center}
.join-advantage .advantage h2 img{ display:block; margin:10px auto}
.join-advantage .advantage h2 span{ font-size:14px; display:block; margin:10px 0} 
.join-advantage .advantage .no{background-color:#d9a777;border-radius:100px; font-size:16px; text-align:center; padding:9px; width:150px; color:#fff; margin:10px auto; display:none }
.join-advantage .advantage p{ height:140px}
.join-advantage .advantage p.clear{ height:120px}
.join-advantage .advantage:hover .no{ display:block}
.join-advantage .advantage:hover{ height:370px;-webkit-box-shadow:1px 3px 8px rgba(83, 83, 83, .5); -moz-box-shadow:1px 3px 8px rgba(83, 83, 83, .5); box-shadow:1px 3px 8px rgba(83, 83, 83, .5);       -webkit-transform: translateY(-5px);    -moz-transform: translateY(-5px);    -ms-transform: translateY(-5px);    -o-transform: translateY(-5px);    transform: translateY(-5px);}

 /* 品牌推广*/
.join-influence{background: url(../images/bg_join02.jpg) repeat center top;height:600px;min-width:1265px}
@media (min-width: 1921px){.join-influence{ height:600px;background: url(../images/bg_join02.jpg) no-repeat; background-size:100% auto; }}
.influence{ height:600px; margin-top:60px}
.join-influence h4{font-size:16px;}
 
  /* 品牌荣誉*/
.honor{ overflow:hidden; height:680px }
.honor .left{ float:left; width:320px}
.honor .right{ float:right; width:790px}
.honor li{ margin:0 0 12px 0 }

 /* 加盟店*/
.join-store{background: url(../images/bg_join04.jpg) no-repeat center top;height:820px;min-width:1265px  }
@media (min-width: 1921px){.join-store{ height:820px;background: url(../images/bg_join04.jpg) no-repeat; background-size:100% auto; }}
.join-store .store{ height:820px; margin-top:60px}
.join-store .store a{ display:block; height:820px; width:1200px; margin:0 auto}
 /* 加盟流程*/
.join-flow-ad{background: url(../images/bg_join05.jpg) no-repeat center top;height:200px;min-width:1265px  }
@media (min-width: 1921px){.join-flow-ad{ height:200px;background: url(../images/bg_join05.jpg) no-repeat; background-size:100% auto; }}

.join-store .store{ height:820px; margin-top:60px}
.join-flow{ overflow:hidden;margin-bottom:100px}
.join-flow .list{ width:21%; padding:0 1.9%; float:left; border-right:1px dotted #E5E5E5;}
.join-flow h2{ color:#d9a777; font-weight:bold; font-size:26px}
.join-flow h3{ font-size:20px;background-color:#d9a777; color:#fff; text-align:center; width:100%; border-radius:100px; line-height:40px; margin:10px 0 30px 0}

 /* 我要加盟*/
 .bg-join-form{background: url(../images/bg_join06.jpg) repeat center top;height:650px; width:100% ;min-width:1265px}
@media (min-width: 1921px){.bg_desgin-form{ height:650px;background: url(../images/bg_join06.jpg) no-repeat; background-size:100% auto; }}

.bg-join-form .left{ width:400px; float:left; margin:50px 0 0 200px}

.join-form{ width:430px; height:400px;  background-image:url(../images/bg_mark03.png); float:right; margin:100px 100px 0 0;}
.join-form .form{ width:310px; margin:50px auto }
.join-form .form input,.join-form .form select{ background-color:#eaeaea; color:#000; border:0px; font-size:16px; width:290px; padding:13px 10px; margin-bottom:15px}
.join-form .form select{width:310px; }
.join-form .form .btn{width:310px; background-color:#d9a777; color:#fff; font-size:18px; line-height:46px; border-radius:5px;padding:0px}
.join-form .form .btn:hover{ background-color:#d09e6e;cursor: pointer }
.bg-join-form .news-list-type1 li a{ color:#fff}
.bg-join-form .tel{ margin:10px 0 30px 0}

 /* 加盟店列表*/
.join-shop {}
.join-shop ul{overflow:hidden;   margin-bottom:20px;}
.join-shop li{ width:290px; height:240px; float:left;margin:20px 25px 10px 0; background:#fff; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.07);   -webkit-transition: transform .3s;    -moz-transition: transform .3s;    -ms-transition: transform .3s;    -o-transition: transform .3s;    transition:transform .3s;}
.join-shop li a{width:290px; height:200px; display:block }
.join-shop li img{ width:290px; height:200px; }
.join-shop li h2{ font-size:16px; line-height:20px; color:#000; text-align:center}
.join-shop li a:hover h2{ color:#fff;}
.join-shop li:hover{ color:#fff;background-color:#d9a777; -webkit-box-shadow:1px 3px 8px rgba(83, 83, 83, .5); -moz-box-shadow:1px 3px 8px rgba(83, 83, 83, .5); box-shadow:1px 3px 8px rgba(83, 83, 83, .5); 
      -webkit-transform: translateY(-5px);    -moz-transform: translateY(-5px);    -ms-transform: translateY(-5px);    -o-transform: translateY(-5px);    transform: translateY(-5px);}
.join-shop .clear{ margin-right:0px}




 /* 首页*/
.home-slide{width:1px;}
.wbg{width:100%; height:48px; background:url(../images/wuyan.jpg) repeat-x top; clear:both}

/* 首页宣传*/
.bg-home-intor{width:1200px; margin:0 auto;min-width:1265px; background:url(../images/index_pinpai_bg.png) no-repeat  top;}
.bg-home-intor h1{ width:1200px;margin:50px auto 0px auto;}
.index_pinpai{width: 1200px; height: 9px; margin:0 auto; background:url(../images/line_bg.jpg) repeat-x center top; }
.home-intor{ height:780px;}
.home-intor h2{ float:left; margin:5px 30px 30px 10px; font-weight:bold; font-size:18px; color:#d9a777; }
.home-intor .video { margin:0px 0 20px 270px;background: no-repeat center center; height:335px; width:770px; background-size:100% auto;box-shadow: 0 0px 0px rgba(0, 0, 0, 0.07);   -webkit-transition: transform .3s;    -moz-transition: transform .3s;    -ms-transition: transform .3s;    -o-transition: transform .3s;    transition:transform .3s;}
.home-intor .video .icon img{padding:25px 0 0 25px}
.home-intor .video:hover{ -webkit-box-shadow:1px 3px 8px rgba(83, 83, 83, .5); -moz-box-shadow:1px 3px 8px rgba(83, 83, 83, .5); box-shadow:1px 3px 8px rgba(83, 83, 83, .5); 
      -webkit-transform: translateY(-5px);    -moz-transform: translateY(-5px);    -ms-transform: translateY(-5px);    -o-transform: translateY(-5px);    transform: translateY(-5px);}
.home-intor .intor .part01{ overflow:hidden;}
.home-intor .intor {margin-left:270px;}
.home-intor .intor p{ font-size:16px; line-height:28px; text-indent:32px; margin:10px 0}
.home-intor .intor ul{ overflow:hidden }
.home-intor .intor ul li{font-size: 13px; width:24.55%; margin:10px 0 0 0; color:#d9a777; text-align:center; float:left}
.home-intor .intor ul li img{ display:block; margin:10px auto}
/* 首页新闻 */
.home-news{ width:1200px; height:700px; margin:0 auto}
.home-news .pic{background: no-repeat center center; width:600px; height:270px; display:block; overflow:hidden;}
.home-news .pic img{ width:600px ; height:auto;display:block;transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; -o-transition-duration: .5s;}

.home-news li{ overflow:hidden}
.home-news li div{ float:left; width:600px}
.home-news li .content{ padding:20px 0px 0px 20px; width:580px}
.home-news li h2{ color:#000}
.home-news li h5{ color:#c7956b; margin:10px 0 20px 0}
.home-news li p{ height:96px; overflow:hidden;  }
.home-news .more2{line-height:24px;  color:#c7956b;padding:10px 0}
.home-news li:hover{ background:#fff}
.home-news li:hover img{transform: scale(1.09);}

/* 首页定制设计 */
.home-desgin{overflow:hidden; width: 1200px; margin: 0 auto; padding: 60px 0 50px 0;}
.home-desgin .left{
	width:50%;
	height:830px;
	float:left;
	background: url(../images/img_home_desgin.jpg) no-repeat right top;
}
.home-desgin .right{ width:49.5%; float:left; }
.home-desgin .right .content{ width:550px; height:800px;padding:30px 0 0 50px}
.home-desgin .right .content p{line-height:20px}

.home-desgin .product { overflow:hidden; margin:20px auto}
.home-desgin .product li{ width:250px; height:250px; margin:10px 20px 5px 0 ; overflow:hidden; float:left; position:relative}
.home-desgin .product li img{width:250px; height:250px;transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; -o-transition-duration: .5s;}
.home-desgin .product li .no{width:250px; height:250px; background-image:url(../images/bg_mark02.png);position:absolute; top:0px ; left:0px;display:none }
.home-desgin .product li .no h3{ width:90%; font-size:16px; text-align:center; color:#fff; display:block; margin:100px 10px 0px 10px; }
.home-desgin .product li:hover .no { display: block}
.home-desgin .product li:hover img{transform: scale(1.09);}
.home-desgin .btn{width:250px; height:46px; display:block; text-align:center; background-color:#d9a777; color:#fff; font-size:18px; line-height:46px; border-radius:5px; margin:20px auto}
.home-desgin .btn:hover{background-color:#cb9058}
.home-desgin .form .btn:hover{ background-color:#d09e6e;cursor: pointer }




/* 首页我要加盟 */
.bg-home-join{background: url(../images/bg_home_02.jpg) repeat center top;height:880px; width:100% ;min-width:1265px}
@media (min-width: 1921px){.bg-home-join{ height:880px;background: url(../images/bg_home_02.jpg) no-repeat; background-size:100% auto; }}
.bg-home-join h1{ margin-top:20px}
.home-join{ width:400px; height:400px;  background-image:url(../images/bg_mark03.png); float:right; margin:40px 0 0 0;padding:50px 30px 0 30px;}
.home-join h2{ text-align:center; font-weight:bold;position:relative;}
.home-join h2 img{position:absolute;top:2px;}
.home-join em{ color:#000; text-align:center; display:block; font-size:16px; margin:20px 0}
.home-join ul{ overflow:hidden}
.home-join ul li{ width:49.5%; float:left; border-right:1px solid #dedff1; text-align:center; font-size:20px}
.home-join ul li img{ display:block; margin:10px auto}
.home-join ul li.clear{ border:0px}
.home-join ul li.clear a{ color:#000;}
.home-join .btn{width:300px; height:46px; display:block; text-align:center; background-color:#c9001c; color:#fff; font-size:18px; line-height:46px; border-radius:5px; margin:40px auto}
.home-join .btn:hover{background-color:#e0001f}

/* 首页友情链接*/
.bg-home-link{ background:url(../images/bg_feet.png); height: 220px;}
.bg-home-linkname{width:1210px; margin:0 auto; font-size: 16px;color: #fff; font-weight: bold; height: 30px; line-height: 30px;}
.home-link{ width:1210px; margin:0 auto; padding:20px 0;}
.index_diqu{border-bottom: 1px solid #fff;}
.home-link ul li{float: left; width: 80px;}
.home-link a{color: #fff; }
.home-link a:hover{color: #c7956b; }

.home-shop{ width:1260px; margin:0 auto; padding-bottom:70px;} 
.home-shop .sort { overflow:hidden; }
.home-shop .sort li{ width:220px; height:295px; float:left;margin:15px; background:#fff; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.07);   -webkit-transition: transform .3s;    -moz-transition: transform .3s;    -ms-transition: transform .3s;    -o-transition: transform .3s;    transition:transform .3s;}
.home-shop .sort li a{width:220px; height:295px; display:block }
.home-shop .sort li img{ width:220px; height:220px;}
.home-shop .sort li h2{ font-size:16px; line-height:40px; color:#000; text-align:center}
.home-shop .sort li span{font-size:16px; line-height:30px; color:#710407; text-align:center; display: block;}
.home-shop .sort li a:hover h2{ color:#fff;}
.home-shop .sort li:hover{ color:#fff;background-color:#d9a777; -webkit-box-shadow:1px 3px 8px rgba(83, 83, 83, .5); -moz-box-shadow:1px 3px 8px rgba(83, 83, 83, .5); box-shadow:1px 3px 8px rgba(83, 83, 83, .5); 
      -webkit-transform: translateY(-5px);    -moz-transform: translateY(-5px);    -ms-transform: translateY(-5px);    -o-transform: translateY(-5px);    transform: translateY(-5px);}

.text-red{ color:#d6190f}
.text-green{ color:#75bb3a}	  
.text-orange{ color:#fc6f23}
.text-purple{ color:#9b7cd7}
.text-c{ text-align:center}