/*


*/
.designer_ban{background: url("../images/designer.jpg") center no-repeat;width: 100%;height: 360px;position: relative;}

/*
list
*/
.designer_bg{background:#f8f9fb;width:100%;overflow:hidden}
.designer_center{width: 1300px;margin:30px auto 0;position:relative;overflow:hidden;}
.designer_center ul{overflow:hidden;position:relative}
.designer_center .desi_list{width:285px;height:500px;overflow:hidden;}
.designer_center ul li{width: 305px;height: 499px;overflow:hidden;float:left;margin: 10px;background:#fff;}
.designer_center .desi_list{width: 305px;height:500px;display:block;}
.designer_center ul li .des_name{width: 290px;height: 310px;margin:10px auto;display:block;}
.designer_center ul li .des_bot{padding:0 10px 10px 10px;overflow:hidden;color: #333;}
.designer_center ul li .des_bot p{font-size:16px;line-height:30px;margin-bottom:15px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.designer_center ul li .bg_tight_name{margin-bottom:10px;overflow:hidden;position:relative}
.designer_center ul li .bg_tight_name span{font-size:30px;display:inline-block;position:relative;width:126px}
.designer_center ul li .bg_tight_name i{display: inline-block;width: 1px;height: 20px;background: #333;position: absolute;top: 12px;left: 0;right: 10px;margin: 0 auto;}
.designer_center ul li .bg_tight_name img{width:99px;height:23px;display:inline-block;position:absolute;right:10px;top:12px}
.designer_center ul li .bg_yue{overflow:hidden;position:relative;padding-top:15px;border-top:1px dashed #d4d4d4}
.designer_center ul li .bg_yue em{width:120px;height:33px;border:1px solid #333;color:#333;text-align:center;line-height:33px;display:inline-block;margin:0 10px;border-radius:10px;font-size:15px}
.designer_center .more_list{font-size:16px;text-align:center;cursor:pointer;margin:20px 0 30px}
.designer_center ul li:hover{-moz-box-shadow: 1px 3px 30px #c3c3c3;
    -webkit-box-shadow: 1px 3px 30px #c3c3c3;
    box-shadow: 1px 3px 30px #c3c3c3;}
/*.designer_center ul li:hover .bg_yue em:nth-child(1){background: #ffa341;border: 1px solid #ffa341;color: #ffffff;}*/
.designer_center ul li .bg_yue em.on{background: #ffa341;border: 1px solid #ffa341;color: #ffffff;}
/*.designer_center ul li:hover .bg_yue em:nth-child(2){border:1px solid #333;color:#333;background: #ffffff;}*/


/*

xiang_qing

*/
.des_banner{background:#f8f9fb;width:100%;overflow:hidden}
.introduce{width:1200px;margin:0 auto;position:relative;overflow:hidden}
.des_banner .container{width:1200px;min-width:1200px;margin:20px auto}
.des_banner .container span{font-size:14px;color:#585858}
.des_banner .container a{font-size:14px;color:#585858}
.introduce_left{width:920px;float:left;position:relative;margin-bottom: 40px;}
.introduce_right{width:260px;float:right;position:relative;margin-bottom: 40px;height: 300px;background: #fff;}
.introduce .intro_img{width:295px;height:315px;position:relative;overflow:hidden}
.introduce .intro_img em{display:block;width:290px;height:310px;background:#ffba50;padding:5px 0 0 5px;margin-top:5px;margin-left:5px}
.introduce .intro_img img{width:290px;height:310px;display:block;position:absolute;top:0;left:0}
.introduce .intro_center{position:absolute;top:-10px;left:270px}
.introduce .intro_center .hui_zi{font-size: 36px;color:#eaedee;font-weight:700;display:block;margin-left: 65px;}
.introduce .intro_center .intro_center_bg{width: 525px;height:215px;background:#fff;padding:20px 60px;}
.introduce .intro_center .intro_center_bg p{font-size:16px;line-height:30px;margin-bottom: 10px;color:#333;}
.introduce .intro_center .intro_center_bg p i{color:#656565}
.introduce .intro_center .intro_tight_name{margin-bottom:10px;overflow:hidden;position:relative}
.introduce .intro_center .intro_tight_name span{font-size:30px;display:inline-block;position:relative;width:120px}
.introduce .intro_center .intro_tight_name span:after{content:'';display:inline-block;width:1px;height:20px;background:#333;margin-left:20px}
.introduce .intro_center .intro_tight_name img{width:99px;height:23px;display:inline-block;margin-left:20px}
.introduce .intro_center .intro_yue{overflow:hidden;position:relative;padding-top: 10px;}
.introduce .intro_center .intro_yue a{width:120px;height:33px;border:1px solid #333;color:#333;text-align:center;line-height:33px;display:inline-block;margin:0 4px;border-radius:10px;font-size:15px}
.introduce .intro_center .intro_yue a.on{background:#3584d3;border:1px solid #3584d3;color:#fff}
.introduce .introduce_right .wh_right_form{background:#fff;overflow:hidden;height: 300px;}
.introduce .introduce_right .wh_right_form span{background:#3584d3;display:block;width:100%;height:55px;line-height:55px;font-size: 24px;color:#fff;text-align:center;position:relative;}
.introduce .introduce_right .wh_right_form .str_input{width:240px;height:40px;margin:10px auto;position:relative}
.introduce .introduce_right .wh_right_form .str_input input{height:40px;width:235px;background:#f5f9fb;border:0;padding-left:5px;font-size:15px}
.introduce .introduce_right .wh_right_form .str_input em{position:absolute;right:10px;top:7px;color:#888}
.introduce .introduce_right .wh_right_form .str_form{background:#ffb93e;border-radius:30px;text-align:center;height:33px;line-height:33px;color:#fff;width:240px;margin:0 auto 15px;cursor:pointer}
.introduce .introduce_right .wh_right_form p{font-size:12px;text-align:center;color: #585858;}
.introduce .introduce_right .wh_right_form span:after,.introduce .introduce_right .wh_right_form span:before{position:absolute;top:27px;width: 13%;height:1px;content:' ';border-top:1px solid #fff;}
.introduce .introduce_right .wh_right_form span:before{left:3%}
.introduce .introduce_right .wh_right_form span:after{right:3%}
.introduce .introduce_right .wh_right_form .xao_bia{font-size: 14px;color: #585858;text-align: center;height: 45px;line-height: 52px;}

/*

*/
.de_case{width: 1200px;margin: 0 auto 35px;background: #ffffff;position: relative;overflow: hidden;}
.de_case .title_pu{width: 1200px;margin: 0 auto 30px;position: relative;overflow: hidden;text-align: center;}
.de_case .title_pu span{font-size: 38px;padding-top: 25px;display: block;margin-bottom: 10px;}
.de_case .title_pu i{width: 10px;height: 10px;background: #000;display: -webkit-inline-box;border-radius: 50%;margin: 6px 30px;}
.de_case .title_pu em{font-size: 16px;color: #585858;display: block;position: relative;text-align: center;}
.de_case .title_pu:after,.de_case .title_pu:before{position:absolute;top: 55px;width: 13%;height:1px;content:' ';border-top: 1px solid #4e4e4e;}
.de_case .title_pu:before{left: 20%;}
.de_case .title_pu:after{right:20%}
.de_case ul{width:100%;overflow:hidden;position:relative}
.de_case ul li{width:380px;float:left;height:280px;margin:0 10px}
.de_case ul a{display:block;width:100%}
.de_case ul a img{width:380px;height:230px;display:block}
.de_case ul a p{font-size:16px;color:#333;position:relative;overflow:hidden;height:50px;line-height:50px}
.de_case ul a p i{width:2px;height:11px;background:#3584d3;display:-webkit-inline-box;margin:0 8px 0 0}
.de_case .more_list{text-align: center;font-size: 16px;cursor: pointer;margin: 30px 0;}

.more-a{display:block;text-align:center;font-size:16px;padding:25px;}
.more-a img{width: 35px;height: 35px;display: block;margin: 0 auto;}