html,body,dl,dt,dd,ol,ul,li,p,span,em,cite,del,a,img,h1,h2,h3,h4,h5,h6,object,pre,code,form,fieldset,legend,
pre,input,select,textarea,blockquote,q,table,caption,thead,tbody,tfoot,th,td,button,label {margin:0;padding:0; -webkit-tap-highlight-color:transparent;line-height: 1em;}
body
{
    background: #ffffff;
    color: #000000;
    /*font-family: 'Microsoft YaHei';*/
    overflow-x: hidden;
    font-family: font2;
}
ul,ol{
    list-style: none;
}
a{
    text-decoration: none;
    color:#000000;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline: none;
    border: none;
}
input
{
    -webkit-appearance:none;
    border-radius: 0;
    font-family: 'microsoft yahei', arial;
    letter-spacing: 2px;
    outline: none;
}
textarea
{
    letter-spacing: 2px;
}
.none
{
    display: none!important;
}
.block
{
    display: block!important;
}
.left
{
    float: left;
}
.right
{
    float: right!important;
}
/*清除浮动代码*/
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
.w1200
{
    width: 1200px;
    margin: 0 auto;
}
.special_box img
{
    display: block;
    width: 100%;
    height: auto;
}
.w50
{
    width: 50%;
}
.w55
{
    width: 55%;
}
.w45
{
    width: 45%;
}
.w100
{
    width: 100%;
    margin: 0 auto;
}

.relative
{
    position: relative;
}




/*首页*/
.index_banner
{
    width: 100%;
    overflow: hidden;
}
@media screen and (max-width: 370px) {
    .index_banner
    {
        width: 100%;
        height:177.5px ;
        overflow: hidden;
    }
}
.flexslider{position:relative;height: 100%;width: 100%;overflow:hidden;z-index: 66;background: #fdf5e0}
.slides{position:relative;z-index:1;height: 100%;width: 100%}
.slides li{height:100%;width: 100%;position: relative;background-size: 100% 100%}
.slides li a{display: block;width: 100%;height: 100%}
/*.slides li a img{display: block;width: 100%;height: 100%}*/
.slides li a img{display: block;height: 100%;margin: 0 auto;max-width: 100%}
.flex-control-nav{position:absolute;bottom:12.5px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:13.5px;height:2.5px;margin:0  3px;*display:inline;zoom:1;}
.flex-control-nav a{cursor:pointer;display:inline-block;zoom:1;width:100%;height:100%;margin-right: 6px;overflow:hidden;background:#fff;line-height:999px;}/*background:url(../images/dot.png) right 0 no-repeat;*/
.flex-control-nav .flex-active{background: #f7de0f}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%;height: 30px}
.flex-direction-nav li{width: 50%;float: left;height: 30px}
.flex-direction-nav li a{display:block;width:46px;height:140px;overflow:hidden;cursor:pointer;position:absolute;}
/*.flex-direction-nav li a.flex-prev{left:5%; background:url(../images/banner_arrow_left1.png) center center no-repeat ;border-radius: 5px 0 0 5px}*/
/*.flex-direction-nav li a.flex-next{right:5%; background:url(../images/banner_arrow_right1.png) center center no-repeat;border-radius: 0 5px 5px 0}*/
/*.flex-direction-nav li a.flex-prev:hover{left:5%; background:url(../images/banner_arrow_left2.png) center center no-repeat ;}*/
/*.flex-direction-nav li a.flex-next:hover{right:5%; background:url(../images/banner_arrow_right2.png) center center no-repeat;}*/


.slides_zizi
{
    position: absolute;
    width: 94%;
    padding: 20px 3%;
    background: rgba(0,0,0,0.5);
    color: #ffffff;
    bottom: 0;
    left: 0;
}



/*首页的banner图*/

#yxh_article{ width: 100%; }
.slider_box{height:633px;overflow:hidden;position:relative;width:1920px;margin-left: -360px}
.mask{height:100px;overflow:hidden;opacity:0.7;filter:alpha(opacity:70);width:100%;position:absolute;left:0;bottom:0;z-index:1;}
.silder_con{overflow:hidden;position:absolute;}
.silder_panel{width:1920px;height:633px;overflow:hidden;float:left;position:relative;}
.silder_panel img{width:1920px;height:633px;display:block;overflow:hidden;overflow:hidden}
.silder_nav li{float:left;padding:0px;border:1px solid #fff;margin:2px;display:inline;position:relative;}
.silder_nav li.current{border:3px solid #a8c470;margin:10px 4px;}
.silder_nav li,.silder_nav img{display:block;width:100px;height:36px;overflow:hidden;}
/*.slider_box a.prev,.slider_box a.next{display:block;width:25px;height:44px; overflow:hidden;z-indent:9;position:absolute;cursor:pointer;margin:340px 0 0 0;opacity: 1!important;color: transparent}*/
.slider_box a.prev,.slider_box a.next{display:block;width:300px;height:100%; overflow:hidden;z-indent:9;position:absolute;cursor:pointer;margin:0px 0 0 0;opacity: 0!important;color: transparent;
    webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.slider_box a.prev:hover
{
    opacity: 1!important;
    webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.slider_box a.next:hover
{
    opacity: 1!important;
    webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

/*.slider_box a.prev{left:360px;background: url("../images/prev.png") no-repeat;background-size: 100% 100%}*/
.slider_box a.prev{left:360px;background: url("../images/prev.png") no-repeat center left;background-size: 25px 44px;}
/*.slider_box a.next{right:360px;background: url("../images/next.png") no-repeat;background-size: 100% 100%}*/
.slider_box a.next{right:360px;background: url("../images/next.png") no-repeat center right;background-size: 25px 44px;}
.dec{float:none;height:100px;bottom:100px;right:10px;overflow:hidden;z-index:9;position:absolute;display:none ;width: 1200px;margin: 0 auto}
.dec li{margin-top:20px;float:left;display:inline;}
#yxh_article:hover .dec
{
   display: block;
}

/*banner图上面的表单*/
.banner_post
{
    /*padding: 13px 0 13px  205px;*/
    padding:13px  20px;
    background: rgba(0,0,0,0.5);
    position: absolute;
    bottom: 25px;
    z-index: 666;
    width: 894px;
    left: 133px;

}
.banner_post1
{
    color: rgba(255,255,255,0.8);
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 8px;
    text-indent: 25px;
}
.banner_post .clearfloat
{
    padding-left: 25px;
}

.banner_post2
{
    width: 280px;
    height: 40px;
    font-size: 14px;
    color: #000;
    text-indent: 25px;
    border: 1px solid #716f70;
    margin-right: 30px;
    display: block;
    float: left;
}

.banner_post3
{
    width: 220px;
    border: 1px solid #f8c301;
    background: #f8c301;
    text-align: center;
    line-height: 38px;
    font-family:'microsoft yahei', arial;
    font-size: 20px;
    cursor: pointer;
    -webkit-animation: banner_post3S  1.4s ease-in  infinite;

}
@-webkit-keyframes banner_post3S {
    0% {-webkit-transform: scale(1);}
    50% {-webkit-transform:scale(0.95);}
    100% {-webkit-transform: scale(1);}
}
.paddingA
{
    padding: 64px 0;
}
.paddingB
{
    padding: 40px 0;
}
/*首页*/
.index_box
{
    width: 100%;
}
.index_box li
{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.index_box li a
{
    display: block;
    width: 100%;
}

.index_box li .index_box_img
{
    position: absolute;
    top: 0;
    left: 0;
}
.index_box li:hover  .index_box_img
{
    -webkit-animation: fangda  1s ease-in  both;
}
.index_box_text
{
    position: relative;
    color: #ffffff;
}
.Boutique
{
    position: absolute;
    top: 0;
    left: 355px;
    width: 155px;
    display: block;
}
.right  .index_box_text
{
    text-indent: 18%;
}

.index_box_text1
{
   font-size: 76px;
   line-height: 64px;
}
.index_box_text2
{
    font-size: 52px;
    font-weight:normal;
    line-height: 52px;
    margin: 15px 0;
}

.index_box_text3
{
    font-size: 27px;
    line-height: 27px;

}


/*底部的样式*/
.bottom
{
    padding: 45px 0 60px 0;
    background: #1f1a17;
    overflow: hidden;
}
.bottomL
{
    width: 735px;
    float: left;
}

.bottomL_type
{
    overflow: hidden;
}
.bottomL_type li
{
    float: left;
    width: 150px;
    height: 50px;
    background: #f8c301;
    text-align: center;
    color: #523800;
    cursor: pointer;
    margin-right: 3px;
}
.bottomL_type li:hover
{
    background: url("../images/bottom_type.jpg") no-repeat!important;
    background-size: 100% 100%!important;
}
.bottomL_typeSelect
{
    background: url("../images/bottom_type.jpg") no-repeat!important;
    background-size: 100% 100%!important;
}
.bottomL_type .bottomL_type1
{
    font-family: 'microsoft yahei';
    font-size: 16px;
    line-height: 16px;
    margin: 14px auto 5px auto;
}
.bottomL_type .bottomL_type2
{
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    margin-left: -100%;
    margin-top: -8px;
    font-family: 'microsoft yahei', arial;
    /*font-size: 12px;*/
}
.bottomL_type .bottomL_type2  span
{
    font-size: 16px;
    line-height: 16px;
}

.bottomL_show
{
    width: 100%;
    height: 140px;
    background: url("../images/bottom_type_bj.jpg") repeat-x bottom;
    background-size:auto ;
    margin-top: 3px;
}

.bottomL_showA
{
    overflow: hidden;
    padding: 25px 0 15px 0;
}
.bottomL_showA li
{
    width:-webkit-calc(50% - 66px);
    width:-moz-calc(50% - 66px);
    width:calc(50% - 66px);
    float: left;
    padding: 5px 34px 5px 32px;
    font-size: 14px;
    line-height: 14px;
}
.bottomL_showA li a
{
    display: block;
    color: #ffffff;
    overflow:hidden; /*超出的部分隐藏起来。*/
    white-space:nowrap;/*不显示的地方用省略号...代替*/
    text-overflow:ellipsis;/* 支持 IE */
}

.bottomL_showB
{
    width:-webkit-calc(100% - 66px);
    width:-moz-calc(100% - 66px);
    width:calc(100% - 66px);
    font-size: 14px;
    overflow: hidden;
    padding: 25px 33px 15px 33px;
    text-align: justify;
}
.bottomL_showB a
{
    color: #ffffff;
    padding-right: 10px;
    margin-bottom:8px;
    display: inline-block;
}


.bottomR
{
    width: 133px;
    height: 133px;
    overflow: hidden;
    float: right;
    margin-top: 53px;
}
.bottomR img
{
    display: block;
    width: 100%;
    height: 100%;
}
.bottom_Y
{
    background: #f8c301;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    vertical-align: middle;
    font-family: 'microsoft yahei', arial;
}
.bottom_Y img
{
    vertical-align: middle;
    margin: 0 5px;
}
.bottom_Y span
{
    margin: 0 5px;
}

/*底部浮起来的样式*/
.difuA
{
    width: 196px;
    height: 140px;
    background: url("../images/mansongA.png") no-repeat;
    background-size: 100% 100%;
    position: fixed;
    z-index: 999;
    left: 0;
    bottom: 0;
    cursor: pointer;
}
.difuA p
{
    font-size: 14px;
    color: #ffffff;
    position: absolute;
    bottom: 10px;
    line-height: 14px;
    text-indent: 31px;
}
.difuB
{
    background: rgba(0,0,0,0.5);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    /*display: none;*/
}
.difuB .w1200
{
    position: relative;
}
.difuB1
{
    height: 140px;
    float:left;
    display: block;
    margin-right: 120px;
}
.difuB2
{
    width: 280px;
    height: 36px;
    border: 1px solid #ffffff;
    background: #0000;
    color: #ffffff;
    text-indent: 25px;
    border-radius: 47px;
    font-size: 16px;
    font-family: 'microsoft yahei', arial;
    margin-right: 40px;
    margin-top: 51px;
}

.difuB2:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
}

.difuB2::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
}

.difuB2:-ms-input-placeholder,
.difuB2:-ms-input-placeholder {
    color: #fff;
}

.difuB2::-webkit-input-placeholder,
.difuB2::-webkit-input-placeholder {
    color: #fff;
}
.difuB3
{
    width: 130px;
    height: 36px;
    border: 1px solid #f9c402;
    background: #f9c402;
    color: #0b123c;
    border-radius: 47px;
    font-size: 16px;
    font-family: 'microsoft yahei', arial;
    margin-right: 40px;
    font-weight: bold;
    margin-top: 51px;
    cursor: pointer;
}
.difu_close
{
    width: 26px;
    display: block;
    position: absolute;
    top: 20px;
    right: 60px;
}

/*———————在线客服的悬浮—*/
.service
{
   width: 100px;
   height: 235px;
    padding: 174px 28px 0  57px;
    position: fixed;
    top: 50%;
    margin-top: -204px;
    right: 0;
    background: url("../images/servicebj.gif") no-repeat;
    background-size: 100% 100%;
    z-index: 999;
}
.service_btn
{
   width: 100%;
}
.service_btn li
{
    margin-bottom: 10px;
}
.service_btn li a
{
    display: block;
    width: 59px;
    padding: 1px;
    height: 59px;
    border-radius: 60px;
    background: #e83518;
    margin: 0 auto;
    position: relative;
}

.service_btn li a img
{
    height: 32px;
    display: block;
    margin: 14px  auto;

}
.service_btn  li .service_btn2
{
    display: none!important;
}
.service_btn li a:hover
{
    background: #f4ce00!important;
}
.service_btn li:hover a
{
    background: #f4ce00!important;
}

.service_btn li:hover .service_btn2
{
    display: block!important;
}
.service_btn li:hover .service_btn1
{
    display: none!important;
}

.service_btn_text
{
    text-align: center;
    position: absolute;
    width: 100%;
    height: 46px;
    padding-top: 15px;
    background: #f4ce00;
    color: #333;
    top: 0;
    left: 0;
    border-radius: 50%;
    display:none;
    transition: all 2s ease 0s;
    font-size: 13px;
}
.service_btn li:hover .service_btn_text
{
    display: block;
}



/*电脑端的栏目*/
.pc_top
{
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    webkit-transition: all .8s ease-in;
    -moz-transition: all .8s ease-in;
    -o-transition: all .8s ease-in;
    transition: all .8s ease-in;
}
.logo
{
    width:258px;
    height: 55px;
    float : left;
    margin-top: 22px;
    webkit-transition: all .8s ease-in;
    -moz-transition: all .8s ease-in;
    -o-transition: all .8s ease-in;
    transition: all .8s ease-in;
}
.logo img
{
    display: block;
    width: 100%;
    height: 100%;
}
.pc_topR
{
    float: right;
    text-align: right;
    font-size: 37px;
    line-height: 30px;
    vertical-align: middle;
    width: 200px;
    color: #ffffff;
    margin-top: 35px;
    webkit-transition: all .8s ease-in;
    -moz-transition: all .8s ease-in;
    -o-transition: all .8s ease-in;
    transition: all .8s ease-in;
}
.pc_topR img
{
    display: inline-block;
    height: 30px;
    vertical-align: middle;
    margin-right: 2px;
}

.nav
{
    width: 576px;
    float: left;
    font-family: 'microsoft yahei', arial;
    margin-left: 100px;
    webkit-transition: all .8s ease-in;
    -moz-transition: all .8s ease-in;
    -o-transition: all .8s ease-in;
    transition: all .8s ease-in;
}
.nav li
{
    width: 95px;
    height: 100px;
    float: left;
    text-align: center;
    transform:skewX(-20deg);
    -webkit-transform:skewX(-20deg);  /*兼容-webkit-引擎浏览器*/
    -moz-transform:skewX(-20deg);/*兼容-moz-引擎浏览器*/
    margin-right: 1px;
    webkit-transition: all .8s ease-in;
    -moz-transition: all .8s ease-in;
    -o-transition: all .8s ease-in;
    transition: all .8s ease-in;
}
.nav li a
{
    display: block;
    color: #343b19;
    width: 100%;
    padding-top: 40px;
    height: 60px;
    font-size: 16px;
    webkit-transition: all .8s ease-in;
    -moz-transition: all .8s ease-in;
    -o-transition: all .8s ease-in;
    transition: all .8s ease-in;
}
.nav li a span
{
    transform:skewX(20deg);
    -webkit-transform:skewX(20deg);  /*兼容-webkit-引擎浏览器*/
    -moz-transform:skewX(20deg);/*兼容-moz-引擎浏览器*/
    display: inline-block;
}
.navSelect
{
    font-weight: bold;
}
.nav li a:hover
{
    font-weight: bold;
}
.nav-bj1
{
    background: #f8c301;
}
.nav-bj2
{
    background: #e95378;
}
.nav-bj3
{
    background: #a8c470;
}
.nav-bj4
{
    background: #deb37e;
}
.nav-bj5
{
    background: #31718c;
}
.nav-bj6
{
    background: #816041;
}
.color-fff
{
    color: #ffffff!important;
}
.color-e85c81
{
    color: #e85c81!important;
}
.color_275f95
{
    color: #275f95!important;
}
.color-3581a5
{
    color: #3581a5;
}
.color_fdd100
{
    color: #fdd100!important;
}
.color_5fa777
{
    color: #5fa777!important;
}
.navFour1
{
    height: 24px!important;
}
.navFour2
{
    padding-top: 0!important;
    text-indent: -5px;
}
.pc_topH
{
    width: 100%;
    height: 100px;
    webkit-transition: all .8s ease-in;
    -moz-transition: all .8s ease-in;
    -o-transition: all .8s ease-in;
    transition: all .8s ease-in;
}

/*这是滚动条离开头部的样式*/
.add_pc_top
{
    webkit-transition: all .8s ease-in;
    -moz-transition: all .8s ease-in;
    -o-transition: all .8s ease-in;
    transition: all .8s ease-in;
    background:rgba(0,0,0,0.5);
}

.add_pc_top .logo
{
   margin-top: 7px;
    webkit-transition: all .8s ease-in;
    -moz-transition: all .8s ease-in;
    -o-transition: all .8s ease-in;
    transition: all .8s ease-in;
}
.add_pc_top  .pc_topR
{
    margin-top: 19px;
    webkit-transition: all .8s ease-in;
    -moz-transition: all .8s ease-in;
    -o-transition: all .8s ease-in;
    transition: all .8s ease-in;
}
.add_pc_top .nav li
{
    height: 70px!important;
    webkit-transition: all .8s ease-in;
    -moz-transition: all .8s ease-in;
    -o-transition: all .8s ease-in;
    transition: all .8s ease-in;
}
.add_pc_top .nav li a
{
    padding-top: 30px!important;
    height: 40px!important;
    webkit-transition: all .8s ease-in;
    -moz-transition: all .8s ease-in;
    -o-transition: all .8s ease-in;
    transition: all .8s ease-in;
}
.add_pc_top  .nav li .navFour1
{
    height: 20px!important;
    padding-top: 25px!important;
    webkit-transition: all .8s ease-in;
    -moz-transition: all .8s ease-in;
    -o-transition: all .8s ease-in;
    transition: all .8s ease-in;
}

.add_pc_top  .nav li .navFour2
{
    padding-top: 0!important;
    webkit-transition: all .8s ease-in;
    -moz-transition: all .8s ease-in;
    -o-transition: all .8s ease-in;
    transition: all .8s ease-in;
}

/*内页页面标头*/
.page_type
{
    padding: 50px 0 40px 0;
    color: #ffffff;
}
.page_type .page_type1
{
    font-size: 64px;
    line-height: 64px;
}
.page_type .page_type2
{
    font-size: 50px;
    line-height: 50px;
    margin: 10px auto 12px auto;
}
.page_type .page_type3
{
    font-size: 28px;
    line-height: 28px;
}


/*关于我们*/
.about_bj
{
    width: 1920px;
    margin-left: -360px;
    height:263px;
    background: url("../images/about_bj.jpg") no-repeat;
    background-size: 100% 100%;
}
.home
{
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    margin-left: -11px;
}

.home a
{
    color: #ffffff;
    display: inline-block;
    margin-left: 6px;
    padding: 0 5px;
    font-family: 'microsoft yahei', arial;
}
.home span
{
    display: inline-block;
    letter-spacing: -6px;
}

.about_type
{
    overflow: hidden;
    width: 1012px;
    margin: 20px auto 0 auto;

}
.about_type li
{
    width: 230px;
    height: 160px;
    border: 4px solid #ffcc00;
    float: left;
    margin-right: 15px;
}
.about_type li a
{
    display: block;
    padding: 46px 0 0 20px;
    width:-webkit-calc(100% - 20px);
    width:-moz-calc(100% - 20px);
    width:calc(100% - 20px);
    height:-webkit-calc(100% - 46px);
    height:-moz-calc(100% - 46px);
    height:calc(100% - 46px);
    color: #ffcc00;
}
.about_type li .about_type1
{
    font-size: 20px;
    margin-bottom: 3px;
}
.about_type li .about_type2
{
    font-size: 24px;
    margin-top: 6px;
    font-family: 'microsoft yahei', arial;
}

.about_type li:hover
{
    background: #ffcc00;
    webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.about_type li:hover a
{
    color: #383433!important;
    webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.about_typeSelect
{
    background: #ffcc00;
}
.about_typeSelect  a
{
    color: #383433!important;

}


/*我的位置的定位*/
.dz_bj
{
    width: 1200px;
    height:800px;
    background: url("../images/dz_bj.jpg") no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.dz_box
{
    position: absolute;
    width: 200px;
    height: 111px;
    background: url("../images/dz_box.png") no-repeat;
    background-size: 100% 100%;
}
.dz_box:hover
{
    -webkit-animation: shangxia .3s ease-in  both;
}
.dz_boxA
{
     width: 100%;
    text-align: center;
    font-size: 24px;
    font-family: 'microsoft yahei', arial;
    margin: 11px auto 7px auto;
}
.dz_boxB
{
    width: 150px;
    height: 24px;
    display: block;
    margin: 0 auto 7px auto;
    outline: none;
    border: none;
    text-indent: 10px;
    background: transparent;
}
.dz_boxC
{
    width: 150px;
    height: 24px;
    display: block;
    margin: 0 auto;
    outline: none;
    border: none;
    text-indent: 10px;
    background: transparent;
    cursor: pointer;
}



.dz_box1
{
    top: 40px;
    left: 430px;
}
.dz_box2
{
    top: 200px;
    right: 345px;
}
.dz_box3
{
    bottom: 150px;
    right: 130px;
}
.dz_box4
{
    bottom: 5px;
    right: 395px;
}
.dz_box5
{
    bottom: 140px;
    left: 355px;
}
.dz_box6
{
    top: 290px;
    left: 100px;
}


/*企业简介*/
.wdjj_box
{
    width: 100%;
    height: auto;
    position: relative;
}
.wdjj_box_img img
{
    display: block;
    width: 100%;
}
.wdjj_box_text
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: rgba(0,0,0,0.5);
    padding-top: 30px;
}
.wdjj_box_text p
{
    color: #ffffff;
    font-size: 16px;
    line-height: 22px;
    text-align: justify;
    margin-bottom: 20px;
}

/*我的故事*/
.story_box
{
    width: 100%;
    padding: 115px 0 165px 0;
    background: url("../images/story_bj.jpg") no-repeat bottom #ffffff;
    background-size: 100% auto;
}
.story_boxA
{
    text-align: center;
    font-size: 50px;
    margin-bottom: 70px;
}
.story_boxA  b
{
    padding-bottom: 10px;
    border-bottom: 5px solid #000000;
}
.story_box_img
{
    display: block;
    width: 100%;
    margin-top: 13px;
}

/*———————设计师列表*/
.Designer_one
{
    width: 100%;
    height: auto;
}
.Designer_one img
{
    display:block;
    width: 100%;
    /*height: 100%;*/
}
.zanyue
{
    position: absolute;
    top: 115px;
    right: 0;
    width: 230px;
}
.zanyue1
{
    float: left;
    width: 176px;
    height: 58px;
    cursor: pointer;
}
.zanyue1:hover
{
    -webkit-animation: shangxia  .3s ease-in  both;
}
.zanyue1 img
{
    display: block;
    width: 100%;
    height: 100%;
}
.zanyue2
{
    clear: both;
    width: 100%;
    padding-top: 10px;
    cursor: pointer;
}
.zanyue2 .zanyue2A
{
    width: 175px;
    height: 53px;
    line-height: 53px;
    font-size: 26px;
    background: #f8c301;
    border-radius: 53px;
    text-align: center;
    color: #383431;
    vertical-align: middle;
    float: left;
    webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.zanyue2 .zanyue2A:hover
{
    background: #fff000;
    webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.zanyue2 .zanyue2A img
{
    display: inline-block;
    height: 30px;
    margin-top: -2px;
    vertical-align: middle;
}
.zanyue2A .xin1
{
    display: none;
}
.zanyue2A .xin2
{
    display: none!important;
}
.add_zanyue2A .xin2
{
    display: inline-block!important;
}
.add_zanyue2A .xin1
{
    display: none!important;
}
.zanyue2 .huo
{
    float: right;
    height: 60px;
    margin-top: -7px;
}

.meng
{
   position: fixed;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.7);
    top: 0;
    left: 0;
    z-index: 9999;
}
.yuyue_box
{
    position: relative;
   overflow: hidden;
    /*top: 50%;*/
    margin: 0 auto;
    width: 666px;
    /*height: 400px;*/
    border-radius: 10px;
    background: url("../images/diaodeng.png") no-repeat #ffffff;
    background-size: 160px auto;
    background-position: 0  70px;

}
.yuyue_box_bbb
{
    background: #d59d23;
    padding: 20px 0;
    margin-bottom: 48px;

}
.yuyue_box_close
{
    /*position: absolute;*/
    /*top: 0px;*/
    /*right: -0px;*/
    display: block;
    width: 40px;
    margin: 20px auto 0 auto;
    cursor: pointer;
}
.tb
{
    position: relative;
    top: 50%;
    margin-top: -250px;
}
.design
{
    display: block;
    height: 35px;
    margin: 0px auto 0px auto;
}
.yuyue_box_text
{
    /*background: url("../images/yuyue_bj.png");*/
    background: #feefd3;
    background-size: 100% 100%;
    width: 350px;
    height: 60px;
    border: 2px solid #ffffff;
    display: block;
    font-size:20px;
    border-radius: 10px;
    margin: 35px auto 0 auto;
    text-indent: 40px;
}
.yuyue_box_submit
{
    width: 177px;
    height: 50px;
    /*background: url("../images/yueta_btn1.png") no-repeat;*/
    background: #d59d23;
    background-size: 100% 100%;
    outline: none;
    border: none;
    display: block;
    margin: 35px auto 50px auto;
    cursor: pointer;
    border-radius: 10px;
    color: #ffffff;
    font-size: 18px;
}













.Designer_bottom
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.Designer_bottom1
{
    width: 1200px;
    margin: 0 auto 25px auto;

}
.Szp_box
{
    overflow: hidden;
    width: 1010px;
    margin: 0 auto;
}
.Szp_box li
{
    width: 192px;
    height: 144px;
    margin-right: 10px;
    float: left;
}
.Szp_box li img
{
    display: block;
    width: 100%;
    height: 100%;
}
.Szp_box li:hover  img
{
    -webkit-animation: fangda  1s ease-in  both;
}
.biaoqian
{
    color: #ffffff;
    width: 1000px;
    margin: 0 auto;
}
.biaoqian span
{
    padding: 10px 30px;
    line-height: 20px;
    font-size: 20px;
    border-radius: 40px;
    display: inline-block;
    border: 3px solid #999999;
    margin: 12px 12px 0 0;
	background-color: #9999;
}
.xx
{
    height: 116px;
    overflow: hidden;
}
.js_biaoqian
{
    width: 1200px;
    color: #3b342c;
}
.Designer_bottom2
{
    width: 700px;
    margin: 0 auto;
}
.Designer_bottom2  span
{
    display: block;
    float: left;
    width: 350px;
    padding-top: 10px;
    height: 68px;
    line-height: 68px;
    color: #ffffff;
    font-size: 24px;
    text-align: center;
    cursor: pointer;
}
.span_Select
{
    background: url("../images/Designer_bottom_bj.png") no-repeat;
    background-size: 100% 100%;
}
.Designer_bottom2  span:hover
{
    background: url("../images/Designer_bottom_bj.png") no-repeat;
    background-size: 100% 100%;
}


/*设计师的列表*/
.Designer_list
{
   /*overflow: hidden;*/
    width: 1240px;
    padding-top: 10px;
}
.Designer_list li
{
    margin-right: 40px;
    width: 372px;
    height: 279px;
    position: relative;
    margin-top: 35px;
    background: #bf9f62;
    float: left;
}
.Designer_list li .Designer_listImg
{
    width: 100%;
    height: 100%;
    position: relative;
    top: -10px;
    left: -10px;
}
.Designer_list li .Designer_listImg img
{
    display: block;
    width: 100%;
    height: 100%;
}

.Designer_listA
{
    position: absolute;
    bottom: 20px;
    width: 188px;
    right: 28px;
    z-index: 66;
}
.Designer_listA .Designer_listA1
{
    width: 92px;
    height: 32px;
    cursor: pointer;
    float: left;
    margin-right: 4px;
}
.Designer_listA .Designer_listA1 img
{
    display: block;
    width: 100%;
}
.Designer_listA .Designer_listA1:hover
{
    -webkit-animation: shangxia  .3s ease-in  both;
}
.Designer_listA .Designer_listA2
{
    color: #383433;
    font-size: 14px;
    background: #f8c303;
    width: 92px;
    height: 30px;
    line-height: 30px;
    float: left;
    text-align: center;
    border-radius: 32px;
    vertical-align: middle;
    cursor: pointer;
}
.Designer_listA .Designer_listA2:hover
{
    background: #fff000;
    webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.Designer_listA .Designer_listA2 img
{
    display: inline-block;
    height: 15px;
    vertical-align: middle;
    margin-right: 2px;
    margin-top: -2px;
}
.Designer_listA2  .xin2
{
    display: none!important;
}

.add_zan  .xin1
{
    display: none!important;
}
.add_zan  .xin2
{
   display: inline-block!important;
}

.Designer_present
{
    position: absolute;
    top: -10px;
    left: -10px;
    background: rgba(0,0,0,0.7);
    z-index: 33;
    width: 312px;
    height: 189px;
    padding: 40px 30px 50px 30px;
    /*display: none;*/
    opacity: 0;
    webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.Designer_present a
{
    color: #ffffff;
    display: block;
    width: 100%;
    height: 100%;
}
.Designer_present1A
{
    width: 80px;
    float: left;
    display: block;
    line-height: 26px;
}
.Designer_present1B
{
    width: 232px;
    float: left;
    display: block;
    line-height: 26px;
}

.Designer_list li:hover .Designer_present
{
    opacity: 1;
    webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
/*设计师详情页面*/
.js
{
    position: relative;
    /*margin-top: -45px;*/
    height: 75px;
    top: -45px;
}
.js img
{
    display: inline-block;
    height: 130px;
    margin-right: 5px;
}
.js_title
{
    text-align: center;
    position: relative;
    font-size: 35px;
    line-height: 40px;
    margin: 65px auto 70px auto;
}
.js_title span
{
    background: #feefda;
    padding: 0 60px;
    position: relative;
    z-index: 2;
}
.js_title b
{
    font-family: 'Noto Serif', 'Noto Serif CJK SC', 'Noto Serif CJK', 'Source Han Serif SC', 'Source Han Serif', source-han-serif-sc, serif;
    font-weight: bold;
    font-size: 40px;
}

.case_js_title  span
{
    background: #fdf5e0;
    color: #9c9da1;
}
.case_js_title  b
{
    color: #3c3a3b;
}
.js_titleLine
{
    width: 100%;
    height: 2px;
    background: #8c8070;
    top: 20px;
    position: absolute;
}
.photo_title img
{
    display: block;
    height: 110px;
    display: none;
}
.photo_title
{
    margin-bottom: 40px;
}

.photo_banner
{
    width: 1000px;
    height: 750px;
    position: relative;
    margin-bottom: 90px;
    margin: 0 auto 90px auto;
}
.photo_banner .flex-direction-nav li a.flex-prev{left:5%; background:url(../images/banner_arrow_left1.png) top center no-repeat;background-size:auto 80px;}
.photo_banner .flex-direction-nav li a.flex-next{right:5%; background:url(../images/banner_arrow_right1.png) top center no-repeat;background-size:auto 80px;}
.photo_banner .flex-control-nav
{
    display: none;
}

.fang
{
    width: 355px;
    height: 355px;
    background: #bf9f62;
    position: absolute;
}
.fang1
{
    left: -35px;
    bottom: -35px;
}
.fang2
{
    right: -35px;
    top: -35px;
}
.fang3
{
    right: -35px;
    bottom: -35px;
}

.upload_box
{
   line-height: normal;
}
.upload_box p
{
    line-height: normal;
}
.upload_box span
{
    line-height: normal;
}
.upload_box b
{
    line-height: normal;
}
.upload_box i
{
    line-height: normal;
}
.upload_box a
{
    line-height: normal;
}
.upload_box img
{
    /*display: block;*/
    max-width: 100%;
}


.more_img
{
    height: 30px;
    padding-top: 40px;
}
.more_img img
{
    display: block;
    height: 30px;
    margin: 0 auto;
    cursor: pointer;
}
/*工艺的列表*/
.color_383431
{
    color: #383431!important;
}
.Technology
{
    position: relative;
}

.Technology_list li
{
   position: relative;
}
.Technology_list li .Technology_img
{
    display: block;
    width: 100%;
}

.Technology_text
{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(255,255,255,0.5);
    padding: 40px 0 35px 0;
    color: #3c3b37;
    font-size: 18px;
    line-height: 24px;
    text-align:justify;
    font-family: 'microsoft yahei', arial;
}


/*材料的位置*/
.material_box
{
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    overflow-x: auto;
    width: 1210px;

}
.material_list
{
    width: 1210px;
    margin: 50px auto 60px auto;
}
.material_list li
{
   width: 225px;
    height: 70px;
    float: left;
    margin-right: 15px;
    text-align: center;
    font-family: 'microsoft yahei', arial;
    font-size: 40px;
}
.material_list li a
{
    display: block;
    width: 100%;
    height: 100%;
    line-height: 70px;
    border: 1px solid #383431;
}


.material_jiantou
{
    position: absolute;
    top: 66px;
    display: block;
    height: 40px;
    cursor: pointer;
    display: none;
}
.material_box:hover .material_jiantou
{
    display: block;
}
.material_prev
{
   left: 0;
}
.material_next
{
  right: 15px;
}

.material_banner
{
    width: 1920px;
    height: 757px;
    position: relative;
    margin-left: -360px;
}
.material_banner .flex-direction-nav li a.flex-prev{left:5%;background:url(../images/prev1.png) top center no-repeat;background-size:auto 80px;}
.material_banner .flex-direction-nav li a.flex-next{right:5%; background:url(../images/next1.png) top center no-repeat;background-size:auto 80px;}
.material_banner .flex-control-nav
{
    display: none;
}
.material_banner .flex-direction-nav {
    position: absolute;
    z-index: 3;
    width: 1200px;
    top: 50%;
    height: 30px;
    left: 360px;
}

.material_textbj
{
    width: 100%;
    height: 200px;
    background: url("../images/material_textbj.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: 50px;
    z-index: 100;
}
.material_text
{
    height: 100%;
    line-height: 200px;
    text-indent: 150px;
    color: #ffffff;
    font-size: 80px;
    vertical-align: middle;
}
.material_text  .guoqi
{
    display: inline-block;
    height: 80px;
    vertical-align: middle;
    margin-top: -5px;
}



.wytw
{
    width: 230px;
    height: 66px;
    background: #3ea3b5;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    line-height: 66px;
    color: #ffffff;
    margin-top: 40px;
    margin-bottom: 70px;
}

/*案例的列表*/
.case_list
{
    width: 100%;
}
.case_list li
{
    width: 100%;
    height: auto;
    position: relative;
}
.case_list_img img
{
    display: block;
    width: 100%;
    height: auto;
}
.case_box1
{
    height: 100%;
}
.case_box
{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}
.case_boxA
{
    display: block;
    width: 100%;
    height: 100%;
}
.case_jiashao
{
    margin-top: 140px;
    float: right;
     width: 640px;
    height: 380px;
    padding: 75px 120px 0 0;
    background: url("../images/case_jiashaobj.png") no-repeat;
    background-size: 100% 100%;
    color: #444549;
}
.case_jiashao:hover
{
    background: url("../images/case_jiashaobj.png") no-repeat rgba(255,255,255,0.2);
    box-shadow: 5px 5px 35px rgba(0,0,0,0.4);
    background-size: 100% 100%;
}
.case_jiashao1
{
   display: block;
    width: 100%;
    text-align: right;
    height: 30px;
    line-height: 30px;
}
.case_jiashao1 img
{
    margin-top: -50px;
}
.case_jiashao2
{
    text-align: right;
    font-size: 70px;
    font-weight: bold;
}
.case_jiashao3
{
    font-size: 40px;
    text-align: right;
    margin-top: 3px;
    font-family: 'Noto Serif', 'Noto Serif CJK SC', 'Noto Serif CJK', 'Source Han Serif SC', 'Source Han Serif', source-han-serif-sc, serif;
}
.case_jiashao4
{
    display: block;
    text-align: right;
    font-weight: bold;
    margin-top: 20px;
    font-size: 50px;

}
.case_jiashao5
{
    text-align: right;
    font-family: 'microsoft yahei', arial;
    font-size: 20px ;
    margin-top: 20px;
	margin-left: 40px;
}
.yuanquan
{
    width: 110px;
    height: 117px;
    background: url("../images/yuanquan.png") no-repeat;
    background-size: 100% 100%;
    text-align: center;
    line-height: 117px;
    float: right;
}

/*案例的类别*/
.case_type
{
   width: 1242px;
    margin-bottom: 30px;
}

.case_type  li
{
    width: 175px;
    text-align: center;
    font-size: 24px;
    border: 1px solid #d8b10e;
    font-family: 'microsoft yahei', arial;
    float: left;
    margin-right: 30px;
    margin-bottom: 5px;
}
.case_type  li a
{
   display: block;
    width: 100%;
    line-height: 55px;
    height: 55px;
    color: #31314e;
    webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.case_type li:hover  a
{
    background: #31718c!important;
    color: #ffffff!important;
    webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.case_typeSelect  a
{
    background: #484443!important;
    color: #ffffff!important;
}
.case_wq
{
    width: 250px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background: #e45074;
    color: #ffffff;
    font-size: 42px;
    margin-bottom: 40px;
    font-family: 'microsoft yahei', arial;
}


.fenyeA a
{
    display: block;
    width: 60px;
    height: 36px;
    border: 1px solid #20211c;
    text-align: center;
    line-height: 36px;
    float: left;
    font-size: 18px;
    margin-right: 15px;
    font-family: 'microsoft yahei', arial;
    margin-bottom: 10px;
}
.fenyeA span
{
    display: block;
    float: left;
    width: 70px;
    height: 58px;
    font-size: 50px;
    line-height: 30px;
    margin-right: 20px;
}
.fenyeA a:hover
{
    background: #e45074!important;
    color: #ffffff!important;
    border: 2px solid #e45074!important;
    webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.fenyeASelect
{
    background: #e45074!important;
    color: #ffffff!important;
    border: 2px solid #e45074!important;
}
.ceyice
{
    position: fixed;
    left: 0;
    top: 50%;
    height: 440px;
    width: 272px;
    margin-top: -220px;
}
.ceyice img
{
   display: block;
    width: 100%;
    height: 100%;
}


/*第二种分页样式*/

.fenyeB
{
   text-align: center;
    margin-bottom: 65px;
}
.fenyeB a
{
    display: inline-block;
    width: 166px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    color: #ffffff;
    background: #f8c301;
    font-size: 20px;
    margin:0 6px ;
    webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.fenyeB a:hover
{
    background: #383431;
    webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
/*第三种分页样式*/
.fenyeC
{
    margin:100px auto 55px auto;
    width: 814px;
}
.fenyeC1
{
    width: 393px;
    float: left;
    margin: 0 7px;
}
.fenyeC11
{
   display: block;
    text-align: center;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    font-family: 'microsoft yahei', arial;
}
.fenyeC12
{
    position: relative;
    width: 100%;
    height: 295px;
}
.fenyeC12 .fenyeC121
{
   display: block;
    width: 100%;
    height: 100%;
}
.fenyeC12 .fenyeC121 img
{
    display: block;
    width: 100%;
    height: 100%;
}

.fenyeC122
{
   display: block;
    padding: 18px 0  18px 85px ;
    background: rgba(0,0,0,0.5);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 308px;
    color: #ffffff;
}
.fenyeC122 .fenyeC122A
{
    font-size: 18px;
    font-weight: bold;
    overflow:hidden; /*超出的部分隐藏起来。*/
    white-space:nowrap;/*不显示的地方用省略号...代替*/
    text-overflow:ellipsis;/* 支持 IE */
}
.fenyeC122 .fenyeC122B
{
   font-size: 18px;
    margin-top:8px;
    overflow:hidden; /*超出的部分隐藏起来。*/
    white-space:nowrap;/*不显示的地方用省略号...代替*/
    text-overflow:ellipsis;/* 支持 IE */
}


/*新闻资讯的列表*/
.zixun_list
{
   overflow: hidden;
   margin-top: 45px;
}
.zixun_list li
{
    margin-bottom: 40px;
}

.zixun_listL
{
   width:280px;
    height: 210px;
    float: left;
    overflow: hidden;
}
.zixun_listL img
{
    display: block;
    width: 100%;
    height: 100%;
}
.zixun_listR
{
    width: 440px;
    float: right;
}

.zixun_listR1
{
    display: block;
    width: 100%;
    font-size: 26px;
    color: #383431;
    font-family: 'microsoft yahei', arial;
    padding-bottom: 10px;
}
.zixun_listR2
{
    display: block;
    width: 100%;
    height: 150px;
    font-size: 16px;
    margin-bottom: 10px;
    color: #383431;
    line-height: 25px;
    text-align: justify;
    font-family: 'microsoft yahei', arial;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden;
}
.zixun_listR3
{
    font-size: 14px;
    line-height: 14px;
    margin-left: -15px;
}
.zixun_listR3 span
{
    font-family: 'microsoft yahei', arial;
    padding: 0 10px ;
    border-right: 1px solid #656565;
    color: #656565;
}
.zixun_list li:hover .zixun_listL img
{
    -webkit-animation: fangda  .8s ease-in  both;
}
.zixun_list li:hover .zixun_listR1
{
    color: #31718c;
}
/*资讯详情的页面样式*/
.contentL
{
   width: 750px;
    float: left;
}
.contentL_name
{
    text-align: center;
    color: #383431;
    font-size: 40px;
    line-height: 40px;
    margin: 35px auto 16px auto;
}
.contentL_introduce
{
    margin:  0 auto 40px auto;
    text-align: center;
    font-family: 'microsoft yahei', arial;
    font-size:18px;
    color: #636363;
}
.contentL_introduce span
{
    padding: 0 10px;
}
.contentR
{
    width: 390px;
    float: right;
}
.content_postA
{
    width: 390px;
    height: 173px;
    background: url("../images/content_postA.png") no-repeat;
    background-size: 100% 100%;
}
.content_postB
{
    height: 220px;
    width: 302px;
    padding: 15px 44px  20px 44px ;
    background: #bdb7ac;
}

.content_postB11
{
    width: 140px;
    height: 45px;
    border: 2px  solid #e7bf2c;
    outline: none;
    float: left;
    padding: 0;
}
.content_postB12
{
    width: 140px;
    height: 41px;
    border: 2px  solid #e7bf2c;
    outline: none;
    text-indent: 5px;
    float: right;
}
.content_postB2
{
    width: 298px;
    border: 2px  solid #bdb7ac;
    outline: none;
    height: 41px;
    text-indent: 5px;
    margin-top: 8px;
}

.content_postB3
{
    width: 128px;
    height:42px;
    text-align: center;
    font-size: 22px;
    background: #3b342c;
    margin: 20px  auto 0 auto;
}
.content_postB3 input
{
    display: block;
    width: 100%;
    height: 100%;
    background: #ffeb00;
    outline: none;
    border: none;
    position: relative;
    top: -2px;
    left: -2px;
    cursor: pointer;
    font-size: 18px;
    font-family: 'microsoft yahei', arial;
}


.content_title
{
    font-size: 26px;
    color: #30728c;
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #483c2c;
    margin-top: 10px;

}
.tj_top
{
    position: relative;
    margin: 10px 0;
}
.tj_topImg
{
    width: 390px;
    height: 183px;
    overflow: hidden;
}
.tj_topImg img
{
   display: block;
    width: 100%;
    height: 100%;
}
.tj_topText
{
    width: 90%;
    padding: 0 5%;
    text-align:center;
    background: rgba(0,0,0,0.5);
    position: absolute;
    bottom: 0;
    left: 0;
    height: 46px;
    line-height: 46px;
    color: #ffffff;
    overflow:hidden; /*超出的部分隐藏起来。*/
    white-space:nowrap;/*不显示的地方用省略号...代替*/
    text-overflow:ellipsis;/* 支持 IE */
}
.tj_list li
{
    overflow:hidden; /*超出的部分隐藏起来。*/
    white-space:nowrap;/*不显示的地方用省略号...代替*/
    text-overflow:ellipsis;/* 支持 IE */
    font-size: 16px;
    line-height: 28px;
    font-family: 'microsoft yahei', arial;
}

.tj_list li a span
{
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: #383431;
    position: relative;
    top: -3px;
    margin-right: 5px;
}
.rmbq
{
   margin-bottom: 60px;
}
.rmbq a
{
    padding: 10px 15px;
    border: 1px solid #544734;
    line-height: normal;
    display: inline-block;
    margin-right: 10px;
    margin-top: 15px;
}
/*资讯封面页*/
.zx_title
{
    font-family: 'microsoft yahei', arial;
    font-size: 35px;
    line-height: 67px;
    margin-top: 45px;
    margin-bottom: 20px;
    border-bottom: 1px solid #6f6655;
}
.zx_title .zx_titleL
{
   width: 50%;
    float: left;
}
.zx_title  .zx_titleL  span
{
    color: #8d8a91;
    display: inline-block;
    margin-left: 10px;
}
.zx_titleR
{
    width: 50%;
    float: right;
    text-align: right;
    font-size: 16px;
    color: #666;
    line-height: 67px;
}
.zx_titleR:hover
{
    color: #31718c;
}
.columnA
{
    width: 821px;
    float: left;
}
.columnA li
{
    width: 267px;
    height: 200px;
    overflow: hidden;
    position: relative;
    float: left;
}
.columnA li:first-child
{
    width: 545px;
    height: 409px;
    overflow: hidden;
    position: relative;
    float: left;
    margin-right: 9px;
}
.columnA li:last-child
{
  margin-top: 9px;
}

.columnA_img
{
    width: 100%;
    height: 100%;
}
.columnA_img img
{
    display: block;
    width: 100%;
    height: 100%;
}
.columnA li:hover .columnA_img img
{
    -webkit-animation: fangda  .8s ease-in  both;
}
.columnA_text
{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 12px 5%;
    width: 90%;
    overflow:hidden; /*超出的部分隐藏起来。*/
    white-space:nowrap;/*不显示的地方用省略号...代替*/
    text-overflow:ellipsis;/* 支持 IE */
    background: rgba(0,0,0,0.5);
    color: #ffffff;
    text-align: center;
}
.columnB
{
    font-family: 'microsoft yahei', arial;
    float: right;
    width: 345px;
}
.columnB li
{
    border-bottom: 1px solid #bbae9d;
}
.columnB .columnB1
{
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 18px;
    padding: 14px 0;
    webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
}
.columnB11
{
    display: block;
    width: 35px;
    float: left;
    font-weight: bold;
    webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
}
.columnB22
{
    width: 310px;
    float: right;
    overflow:hidden; /*超出的部分隐藏起来。*/
    white-space:nowrap;/*不显示的地方用省略号...代替*/
    text-overflow:ellipsis;/* 支持 IE */
    webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
}

.columnB2
{
   display: none;
    width: 100%;
    margin-bottom: 13px;
    webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
}
.columnB2 img
{
    margin-top: 15px;
    height: 97px;
    margin-left: 45px;

}


.columnBSelect .columnB1
{
    background: #f8c301;
    webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
}
.columnBSelect .columnB11
{
    display: block;
    width: 50px;
    float: left;
    text-align: right;
    webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
}

.columnBSelect .columnB22
{
    width: 290px;
    float: right;
    overflow:hidden; /*超出的部分隐藏起来。*/
    white-space:nowrap;/*不显示的地方用省略号...代替*/
    text-overflow:ellipsis;/* 支持 IE */
    text-decoration: underline;
    webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
}
.columnBSelect .columnB2
{
    display: block;
    width: 100%;
    webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
}

.columnB li:hover .columnB1
{
    background: #f8c301;
    webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
}
.columnB li:hover .columnB11
{
    display: block;
    width: 50px;
    float: left;
    text-align: right;
    webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
}
.columnB li:hover .columnB22
{
    width: 290px;
    float: right;
    overflow:hidden; /*超出的部分隐藏起来。*/
    white-space:nowrap;/*不显示的地方用省略号...代替*/
    text-overflow:ellipsis;/* 支持 IE */
    text-decoration: underline;
    webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
}
.columnB li:hover .columnB2
{
    display: block;
    width: 100%;
    webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
}


/*第三种资讯列表*/
.columnC
{
    padding: 18px 34px;
    background: #8f8a91;
    width:1132px ;
}
.columnC1
{
    overflow: hidden;
    float: left;
}

.columnC_title
{
    width: 160px;
    margin-right: 14px;
    padding-top: 6px;
    float: left;
    cursor: pointer;
    border-top: 4px solid transparent;
    margin-bottom: 20px;
}
.columnC_title:hover
{
    border-top: 4px solid #efc31c;
}
.columnC_titleSelect
{
    border-top: 4px solid #efc31c;
}
.columnC_title span
{
  display: block;
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #ffffff;
    background: #a1979f;
    font-size: 20px;
}



.columnC2
{
    width:540px;
    float: left;
}
.columnC2L
{
    width: 230px;
    float: left;
}
.columnC2L .columnC2L_img
{
   display: block;
    width: 100%;
    height: 173px;
    overflow: hidden;
}
.columnC2L .columnC2L_img img
{
    display: block;
    width: 100%;
    height: 100%;
}
.columnC2L_text
{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
    overflow:hidden; /*超出的部分隐藏起来。*/
    white-space:nowrap;/*不显示的地方用省略号...代替*/
    text-overflow:ellipsis;/* 支持 IE */
    margin-top: 13px;
}
.columnC2L:hover  .columnC2L_img  img
{
    -webkit-animation: fangda  .8s ease-in  both;
}
.columnC2L:hover  .columnC2L_text
{
    color: #feefda;
}
.columnC2R
{
    width:290px;
    float: right;
}
.columnC2R li a
{
   display: block;
    width: 100%;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    overflow:hidden; /*超出的部分隐藏起来。*/
    white-space:nowrap;/*不显示的地方用省略号...代替*/
    text-overflow:ellipsis;/* 支持 IE */
}
.columnC2R li a:hover
{
    color: #feefda;
}
.columnC2R li a span
{
   display: inline-block;
    width: 5px;
    height: 6px;
    background: #ffffff;
    position: relative;
    top: -2px;
    margin-right: 5px;
}
.columnD
{
    margin-bottom: 65px;
}
/*第四种页面资讯列表*/
.columnDL
{
    overflow: hidden;
    width: 765px;
    float: left;
}
.columnDL li
{
    width: 225px;
    float: left;
    font-family: 'microsoft yahei', arial;
    margin-right: 30px;
}
.columnDL li:hover  .columnDL_img img
{
    -webkit-animation: fangda  1s ease-in  both;
}
.columnDL li .columnDL_img
{
    width: 100%;
    height: 169px;
    display: block;
    overflow: hidden;
}
.columnDL li .columnDL_img img
{
    display: block;
   width: 100%;
    height: 100%;
}
.columnDL_name
{
    display: block;
    width: 100%;
    font-size: 18px;
    padding: 7px 0;
    text-align: center;
    overflow:hidden; /*超出的部分隐藏起来。*/
    white-space:nowrap;/*不显示的地方用省略号...代替*/
    text-overflow:ellipsis;/* 支持 IE */
}
.columnDL_text
{
    display: block;
    overflow:hidden; /*超出的部分隐藏起来。*/
    white-space:nowrap;/*不显示的地方用省略号...代替*/
    text-overflow:ellipsis;/* 支持 IE */
    font-size: 16px;
    line-height: 22px;
}
.columnDL_text span
{
   display: inline-block;
    width: 5px;
    height: 5px;
    background: #383431;
    position: relative;
    top: -2px;
    margin-right: 8px;
}

.columnDR
{
    width:410px;
    float: right;
    font-family: 'microsoft yahei', arial;
}


.columnDR_text
{
    display: block;
    font-size: 16px;
    line-height: 22px;
    height: 22px;
    padding: 1px 0;
}
.columnDR_text:hover
{
    color: #816041;
}
.columnDR_text span
{
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #383431;
    position: relative;
    margin-right: 8px;
}
.columnDR_text b
{
    font-weight: normal;
    overflow:hidden; /*超出的部分隐藏起来。*/
    white-space:nowrap;/*不显示的地方用省略号...代替*/
    text-overflow:ellipsis;/* 支持 IE */
    display: inline-block;
    width:-webkit-calc(100% - 110px);
    width:-moz-calc(100% - 110px);
    width:calc(100% - 110px);
    position: relative;
    top: 5px;
}
.columnDR_text font
{
   display: inline-block;
    width: 95px;
    text-align: right;
}

/*案例详情的列表*/
.shiping
{
    width: 800px;
    height:470px ;
    position: relative;
    margin: 0 auto 50px auto;
}
.zhiwu
{
    position: absolute;
    bottom: 0;
    left: -190px;
}
.deng
{
    position: absolute;
    top: -90px;
    right: -153px;
}
.Case-storyAL
{
    width: 600px;
    height: 450px;
    position: relative;
    margin-bottom: 60px;
}
.Case-storyAL img
{
    position: relative;
    z-index: 2;
}
.jiao
{
    width: 180px;
    height: 180px;
    background: #dab96a;
    position: absolute;
    z-index: 1;
}
.jiaoT
{
    top:-20px;
    right: -20px;
}
.jiaoB
{
    bottom:-20px;
    left: -20px;
}

.Case-storyAR
{
    width: 545px;
    margin-top: -20px;
}
.Case-storyARtype1
{
    width: 270px;
    height: 62px;
    text-align: center;
    line-height: 70px;
    background: #8d867c;
    font-size: 22px;
    color: #ffffff;
    cursor: pointer;
}
.Case-storyARtype1:hover
{
    background: url("../images/story_bj.png") no-repeat;
    background-size: 100% 100%;
}
.Case-storyARtype1Select
{
    background: url("../images/story_bj.png") no-repeat;
    background-size: 100% 100%;
}

.h410
{
    height: 410px;
    overflow-y: auto;
}
.pingjia
{

    /*margin-top: -20px;*/


}
.pingjia li
{
    margin-top: 15px;
}
.pingjia li .pingjia1
{
    overflow:hidden; /*超出的部分隐藏起来。*/
    white-space:nowrap;/*不显示的地方用省略号...代替*/
    text-overflow:ellipsis;/* 支持 IE */
}
.pingjia li .pingjia1 .pingjia1_img
{
   width: 54px;
    height: 54px;
    border-radius: 54px;
    border: 1px solid #a9a59a;
    vertical-align: middle;
    margin-right: 10px;
}
.pingjia li .pingjia1 .pingjia1_name
{
    vertical-align: middle;
    font-size: 20px;
}
.pingjia2
{
    margin-top:11px;
    font-size: 20px;
    /*overflow:hidden; *//*超出的部分隐藏起来。*/
    /*white-space:nowrap;*//*不显示的地方用省略号...代替*/
    /*text-overflow:ellipsis;*//* 支持 IE */
    line-height: 30px;
}

.toB
{
    display: block;
    margin: 20px auto ;
}
.pingjia .toB
{
    display: none;
}
.Case-storyB
{
    width: 470px;
    padding: 150px   0 0 130px;
}
.Case-storyB1
{
    padding-bottom: 40px;
}
.Case-storyB1 span
{
    font-size: 34px;
    line-height: 34px;
    padding-bottom: 5px;
    border-bottom: 3px dashed #0c0a0b;
}
.Case-storyB2
{
    /*overflow:hidden; *//*超出的部分隐藏起来。*/
    /*white-space:nowrap;*//*不显示的地方用省略号...代替*/
    /*text-overflow:ellipsis;*//* 支持 IE */
    color: #282725;
    font-size: 24px;
    line-height: 40px;
    text-align: justify;
    font-family: 'microsoft yahei', arial;
}
.Case-storyB2 i
{
    font-size: 40px;
    font-weight: bold;
    line-height: 40px;
    margin-right: 10px;
    display: inline-block;
    position: relative;
    top: 5px;
}
.Case-storyALCase-storyAL
{
    width: 560px;
}


.Case-storyB_type
{
    width: 705px;
    margin:0px auto 5px auto;
}
.Case-storyB_type1
{
    width:350px;
    text-align: center;
    height: 60px;
    line-height: 70px;
    font-size: 22px;
    color: #ffffff;
    cursor: pointer;
    background: #858384;
}
.Case-storyB_type1:hover
{
    background: url("../images/story_bj2.png") no-repeat;
    background-size: 100% 100%;
}
.Case-storyB_type1Select
{
    background: url("../images/story_bj2.png") no-repeat;
    background-size: 100% 100%;
}



/*——————————————————————————————————————————————————————————————————————————————业绩展示的图片轮播*/
.prood_1_main{ width:100%; height:233px; overflow:hidden;margin: 0px 0 80px auto}
.left{ float:left;}
.width1{ width:1193px; margin:0 auto; position:relative;}
.container{ width:1193px;}
.slidebox .lslide{position:relative;z-index: 10;top: 0;left: 0; width: 100%; padding-bottom: 45px;}
.slidebox .lslide .bd li{ position: relative; overflow:hidden; float: left; width: 25%; height: 240px;}
.col-lg-12{ width:100%; float:left;}
.lslide{ width:100%; float:left;  position:absolute;  }
.lslide li{ width:310px; height:233px; margin:0px 19px; float:left; background:#fff; text-align:center;position: relative}
.lslide .bd li .proe_tu1gs{ width:310px; height:233px; float:left; overflow:hidden;}
.lslide .bd li .proe_tu1gs  img{width: 100%;height:100%;display: block}
.lslide .bd li .proe_tu2gs{display:inline; padding: 10px 20px; font-size:16px;text-align: center;position: absolute;bottom: 0;width: 270px;left: 0;color: #ffffff;background: rgba(47,46,46,0.3); display:-webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;

}
.lslide .bd li .proe_tu3gs{ width:auto; float:left; background:#e5e5e5; line-height:30px; padding:0 25px; margin:5px 0 0 50px; border-radius:50px; display:inline;transition-duration:300ms;}
.lslide .bd li:hover .proe_tu3gs{ background:#ed6e07; color:#fff;}
.lslide span{position: absolute;top: 73px;cursor: pointer;}
.lslide .prev{left: 35px;}
.lslide .next{right: 35px;}
.lslide li img{ max-width:100%;}
.tempWrap{width:1040px !important;margin: 0 auto 0 auto;}




/*图集*/
.tuji_title
{
    margin-bottom: 30px;
}
.tuji_title .tuji_title1
{
    width: 200px;
    overflow: hidden;
}
.tuji_title .tuji_title1 i
{
    font-size: 60px;
    line-height: 60px;
    display: block;
    width: 100%;
    text-align: center;
}
.tuji_title .tuji_title1 p
{
    font-size: 60px;
    line-height: 40px;
    padding-bottom: 20px;
    display: block;
    width: 100%;
    font-style:italic
word-break:break-all;  word-wrap:break-word;
}
.tuji_title2
{
    width: 110px;
    padding-top: 45px;
    color: #ffffff;
    font-size: 55px;
    line-height: 60px;
    background: #dab96a;
    margin-left: 10px;
    text-align: center;
}
.marB
{
    margin-bottom: 90px;
}







.wdjj_banner
{
    position: relative;
}
.wdjj_banner  .flex-direction-nav{display: none}
.wdjj_banner:hover  .flex-direction-nav{display: block}
.wdjj_banner  .flex-direction-nav li a.flex-prev{left:10%; background:url(../images/banner_arrow_left1.png) top center no-repeat;background-size:auto 130px;}
.wdjj_banner  .flex-direction-nav li a.flex-next{right:10%; background:url(../images/banner_arrow_right1.png) top center no-repeat;background-size:auto 130px;}
.wdjj_banner  .flex-control-nav
{
    display: none;
}

.wdjj_text
{
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,0.5);
    color: #ffffff;
    bottom: 0;
    left: 0;
    padding:30px 0 20px 0 ;
    font-size: 16px;
    line-height: 22px;
}



/*案例详情左边*/
.LLL
{
    /*width: 360px;*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 420px;*/

    width: 240px;
    position: fixed;
    left: 0;
    top: 90px;
    z-index: 999;
}

.LLLA
{
    background: rgba(238,238,238,0.8);
    overflow: hidden;
}
.LLLA_title
{
    font-size: 20px;
    width: 120px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #fdd100;
    margin: 20px auto 20px auto;
}

.LLLA_list
{
    width: 220px;
    margin: 0 auto;
}
.LLLA_list li
{
   width: 210px;
    height:158px ;
    border: 5px solid #484443;
    border-top: none;
    margin-bottom: 10px;
}
.LLLA_list li a
{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.LLLA_list li a img
{
    display: block;
    width: 100%;
    height: 100%;
}

.LLLA_list li a p
{
    width: 90%;
    padding: 10px 5%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    bottom: 0;
    left: 0;
    color: #ffffff;
    font-size: 14px;
    line-height: 18px;
}

.LLLB
{
    margin-top: 20px;
    /*padding: 40px 50px;*/
    padding: 10px;
    background: rgba(72,68,67,0.6);;
}
.LLLB1
{
    color: #ffffff;
    width: 220px;
    height: 36px;
    border: 1px solid #fff;
    background: #dab96a;
    text-indent: 10px;
    margin-bottom: 20px;
    font-size: 16px;
    outline: none;
    border: none;
}
.LLLB2
{
    display: block;
    width: 130px;
    height: 36px;
    background: #fdd100;
    color: #2d334b;
    font-size: 16px;
    margin: 0 auto;
    outline: none;
    border: none;
}



















/*——————————————————————————————————————————————————这是要放在底部的样式*/
/*图片放大的样式*/
.fangda
{
    -webkit-animation: fangda  1s ease-in  both;
}
@-webkit-keyframes fangda {
    0% {-webkit-transform: scale(1);}
    100% {-webkit-transform: scale(1.1);}
}
@-webkit-keyframes suofang {
    0% {opacity: 0.8;-webkit-transform: scale(1);}
    50% {opacity: 1;-webkit-transform:scale(0.9);}
    100% {opacity: 0.8;-webkit-transform: scale(1);}
}
@-webkit-keyframes shangxia {
    0%{opacity:1;-webkit-transform:translate(0,-3px);}
    100%{opacity:1;-webkit-transform:translate(0,0);}
}
@-webkit-keyframes upupup {
    0%{opacity:1;-webkit-transform:translate(0,60px);}
    100%{opacity:1;-webkit-transform:translate(0,0);}
}
@-webkit-keyframes  opacity {
    0%{opacity: 0.8}
    30%{opacity: 0.6}
    60%{opacity: 0.8}
    100%{opacity: 1}
}


.difuBT
{
    -webkit-animation: difuBT  .5s ease-in  both;
}
@-webkit-keyframes difuBT {
    0%{opacity:1;-webkit-transform:translate(0,200px);}
    100%{opacity:1;-webkit-transform:translate(0,0);}
}
.difuBB
{
    -webkit-animation: difuBB  .5s ease-in  both;
}
@-webkit-keyframes difuBB {
    0%{opacity:1;-webkit-transform:translate(0,0);}
    100%{opacity:1;-webkit-transform:translate(0,200px);}
}




/*字体开始*/
@font-face
{
    font-family: font1;
    src:url(../fonts/accid.ttf);

    /*src: url('../fonts/accid.eot'); *//* IE9 兼容模式 */
    /*src: url('../fonts/accid.eot?#iefix') format('embedded-opentype'); *//* IE6-IE8 */
    /*url('../fonts/accid.woff') format('woff'), *//**//* 现代浏览器 */
    /*url('../fonts/accid.ttf')  format('truetype'),  Safari, Android, iOS*/
    /*url('../fonts/accid.svg#grablau') format('svg'); *//**//* Legacy iOS */
}

.font1 {
    font-family: font1;
}



@font-face
{
    font-family: font1IE;
    src: url('../fonts/accid.eot'); /* IE9 兼容模式 */
    src: url('../fonts/accid.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */
    url('../fonts/accid.ttf')  format('truetype'),  Safari, Android, iOS
}

.font1IE {
    font-family: font1IE;
}



/*细一点——微软雅黑*/
@font-face
{
    font-family: font2;
    src:url(../fonts/Microsoft%20YaHei%20UI%20Light.ttf);

    src: url('../fonts/Microsoft%20YaHei%20UI%20Light.eot'); /* IE9 兼容模式 */
    src: url('../fonts/Microsoft%20YaHei%20UI%20Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('../fonts/Microsoft%20YaHei%20UI%20Light.ttf')  format('truetype'), /* Safari, Android, iOS */

}

.font2 {
    font-family: font2;
}

/*粗一点——微软雅黑*/
.font2C
{
    font-family: 'microsoft yahei';
}
@font-face
{
    font-family: font3;
    src:url(../fonts/proximanova-extrabold.otf)
}

.font3 {
    font-family: font3;
}
@font-face
{
    font-family: font4;
    src:url(../fonts/mnjzz.ttf)
}

.font4 {
    font-family: font4;
}
/*简体字*/
@font-face
{
    font-family: font5;
    src:url(../fonts/jtz.OTF)
}

.font5 {
    font-family: font5;
}
/*new的字体*/
@font-face
{
    font-family: font6;
    src:url(../fonts/DUI__.TTF)
}

.font6 {
    font-family: font6;
    font-size: 30px;
}
/*中国龙豪行书*/
@font-face
{
    font-family: font7;
    src:url(../fonts/DUI__.TTF)
}

.font7 {
    font-family: font7;
}
/*字体结束*/


.height116
{
    height: 116px;
    overflow: hidden;
}
.height600
{
    height: 600px;
    overflow: hidden;
}
.height750
{
    height: 750px;
}
.heightAuto
{
    height: auto;
}


.case_list1 li:nth-child(n+9)
{
   display: none;
}
.case_list2 li:nth-child(n+17)
{
    display: none;
}
.case_list3 li:nth-child(n+25)
{
    display: none;
}

.rotate90
{
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); 	/* IE 9 */
    -moz-transform:rotate(180deg); 	/* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg);
}


.yeyeye
{
    width: 100%;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #474443;
    margin-bottom: 40px;
}
.yeyeye .yeyeyeA
{
    margin-top: 15px;
}
.yeyeye .yeyeyeA span
{
    font-weight: bold;
}
.yeyeye .yeyeyeA a
{
    color: #3f3627;
}
.yeyeye .yeyeyeA a:hover
{
    color: #e95378;
}







/*2019-4-15添加留言动态的css*/
.exhibition_box
{
    width:600px;
    margin: 0  0 30px 285px;
}
.exhibition
{
    width: 270px;
    height: 62px;
    text-align: center;
    line-height: 70px;
    background: #8d867c;
    font-size: 22px;
    color: #ffffff;
    cursor: pointer;
    float: left;
    margin-right: 30px;
}
.exhibition:hover
{
    background: url("../images/story_bj.png") no-repeat;
    background-size: 100% 100%;
}
.exhibitionSelect
{
    background: url("../images/story_bj.png") no-repeat;
    background-size: 100% 100%;
}
.exhibitionL
{
    width: 715px;
    float: left;
    /*height: 500px;*/
    background: #f9f9f9;
}

.pingjia_show
{
    width: 673px;
    padding:10px 20px;
    background: #fff;
    border: 1px solid #d8d8d8;
}
.exhibitionLA
{
    padding-bottom: 5px;
    border-bottom: 1px dashed  rgba(225,197,131,0.7);
}
.exhibitionLA .exhibitionLA1
{
    font-size: 40px;
    color: rgba(225,197,131,0.7);
    display: block;
    width: 100%;
    height: 56px;
    line-height: 56px;
    font-weight: bold;
}
.exhibitionLA .exhibitionLA2
{
    font-size: 18px;
    color: #444444;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
}

/*评价*/
.pingjia_showA
{

    overflow: hidden;
    height: 275px;
    height: 412px;
    /*margin-top: -20px;*/
}
.pingjia_showA li
{
    margin-top: 16px;
    overflow: hidden;
}
#downpalyA li
{
    margin-top: 10px;
}
.pingjia_showA li .pingjia_showA1
{
    overflow:hidden; /*超出的部分隐藏起来。*/
    white-space:nowrap;/*不显示的地方用省略号...代替*/
    text-overflow:ellipsis;/* 支持 IE */
}
.pingjia_showA li .pingjia_showA1  .pingjia_showA1_img
{
    width: 46px;
    height: 46px;
    border-radius: 46px;
    border: 1px solid #a9a59a;
    vertical-align: middle;
    margin-right: 10px;
}
.pingjia_showA li .pingjia_showA1  .pingjia_showA1_name
{
    vertical-align: middle;
    font-size: 18px;
}
.pingjia_showA2
{
    margin-top:11px;
    font-size: 16px;
    /*overflow:hidden; *//*超出的部分隐藏起来。*/
    /*white-space:nowrap;*//*不显示的地方用省略号...代替*/
    /*text-overflow:ellipsis;*//* 支持 IE */
    line-height: 22px;
}


.pingjia_showAR .pingjia_showA1
{
    margin-top: 12px;
}
.pingjia_showAR .pingjia_showA2
{
    margin-top: 12px;
}
.pingjia_showAL
{
    width:60px;
    float: left;
    padding-right: 20px;
    border-right: 1px dotted #a9a59a;
}
.pingjia_showAL .pingjia_showAL1
{
    width: 46px;
    height: 46px;
    overflow: hidden;
    border-radius: 46px;
    border: 1px solid #a9a59a;
}
.pingjia_showAL .pingjia_showAL1 img
{
    display: block;
    width: 100%;
    height: 100%;
}
.pingjia_showAL .pingjia_showAL2
{
    line-height: 30px;
    font-size: 14px;
    overflow:hidden; /*超出的部分隐藏起来。*/
    white-space:nowrap;/*不显示的地方用省略号...代替*/
    text-overflow:ellipsis;/* 支持 IE */
}
.pingjia_showAR
{
    width:-webkit-calc(100% - 100px);
    width:-moz-calc(100% - 100px);
    width:calc(100% - 100px);
    float: right;
}





.exhibitionR
{
    width: 413px;
    float: right;
    height: 504px;
    background: #fff;
    border: 1px solid #d8d8d8;
    padding:10px 20px;
}
.exhibitionR1
{
    width: 390px;
    margin: 0 auto;
    padding-top: 20px;
}
.exhibitionR1 p
{
    color: #8d867c;
    height: 22px;
    line-height: 22px;
}

.exhibitionR1_ma
{
    width: 310px;
    height: 310px;
    margin: 10px auto 5px auto;
}
.exhibitionR1_ma img
{
    display: block;
    width: 100%;
    height: 100%;
}
.exhibitionR13
{
    color: #444444!important;
    text-align: center;
}
.exhibitionR2
{
    margin-top: 16px;
}
.exhibitionR21
{
    position: relative;
}
.go_login
{
    margin-top: 11px;
    float: right;
    font-size:14px;
    height: 24px;
    line-height: 24px;
    padding: 0 15px;
    border-radius: 12px;
    border: 1px solid #e1c583;
    font-weight: normal;
    color: #e1c583;
    transition: all .3s ease-in .2s;
    cursor: pointer;
}
.go_login:hover
{
    background: #e1c583;
    color: #ffffff;
}
.exhibitionR21  img
{
    width: 46px;
    height: 46px;
    border-radius: 46px;
    border: 1px solid #ead6a8;
    vertical-align: middle;
    margin-right: 10px;
}
.exhibitionR21 span
{
    font-size: 18px;
    color: #555;
}
.exhibitionR12
{
    color: #666;
    height: 22px;
    line-height: 22px;
    margin: 5px auto 15px auto;
}
.exhibitionR_lian
{
    width: 260px;
    margin: 40px auto 0;
}
.exhibitionR_lian li
{
    float: left;
    width: 50%;
    text-align: center;
}
.exhibitionR_lian li img
{
    display: block;
    width: 60px;
    margin: 0 auto 8px;
}
.exhibitionR_lian li p
{
    color: #333333;
}
.shuru_box
{
    padding: 10px;
    border: 1px solid #d8d8d8;
}
.textarea-block{position:relative;}
.textarea-item{width:100%;height:210px;resize:none;color:#333;border: none;outline: none;font-size: 14px;line-height: 22px;font-family: 'microsoft yahei', arial}
.textarea-count{position:absolute;bottom:0px;right:0;color:#666;font-size: 14px;}
.textarea-btn{margin-top:10px;}

.exhibitionR_btn
{
    display: block;
    width: 100px;
    margin: 20px auto 0;
    clear: both;
}
.exhibitionR_btn input
{
    display: block;
    height: 36px;
    width: 140px;
    text-align: center;
    border-radius: 20px;
    background: #e1c583;
    color: #ffffff;
    font-size: 16px;
    outline: none;
    border: 1px solid #e1c583;
    cursor: pointer;
    transition: all .3s ease-in .2s;

}
.exhibitionR_btn input:hover
{
    color: #e1c583;
    background: #ffffff;
}
.clickA_show,.clickB_show
{
    margin-bottom: 60px;
}

.border_bottom
{
    padding-bottom: 10px;
    margin-bottom: 21px;
    border-bottom: 1px dashed  rgba(225,197,131,0.7);
}

.loginShow
{
    width: 540px;
    height: 280px;
    border-radius: 4px;
    background: #fff;
    padding: 12px 20px;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    margin-left: -270px;
    top: 50%;
    margin-top: -140px;
}
.CL-close
{
    z-index: 10;
    position: absolute;
    width: 11px;
    height: 11px;
    cursor: pointer;
    text-align: center;
    line-height: 10px;
    right: 21px;
    top: 21px;
    font-size: 30px;
    color: #999;
    display: inline-block;
    padding: 10px;
}
.CL-title
{
    position: relative;
    text-align: center;
}
.CL-title span
{
    display: inline-block;
    font-size: 20px;
    color: #000;
    line-height: 28px;
    padding-top: 30px;
}
.login-tip
{
    padding-top: 12px;
    text-align: center;
    font-size: 14px;
    color: #17A1FF;
    line-height: 22px;
}


/*个人简介*/
.my_profile
{
    background: #ffffff;
    width: 1000px;
    margin: 0 auto;
    position: relative;
    min-height: 500px;
}
.profile_box
{
    height: 480px;
    /*width: 960px;*/
    overflow-y: auto;
    background: #f9f9f9;
    z-index: 666;
    position: relative;
    padding: 10px 50px;
}
.profile_boxA li
{
    border-bottom: 1px dashed #e8d4a6;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 0;
}
.profile_boxA li .profile_boxAL
{
    width: 120px;
    padding-right: 5px;
    float: left;
    height: 24px;
    line-height: 24px;
}
.profile_boxA li .profile_boxAL img
{
    vertical-align: middle;
    height: 24px;
    margin-right: 8px;
}
.profile_boxA li .profile_boxAR
{
    width: 770px;
    float: left;
    color: #555;
    line-height: 24px;
}
/*设计师里面的滚动问答*/
.h406
{
    height: 406px;
    overflow: hidden;
}
.h453
{
    max-height: 453px;
    overflow: hidden;
    margin-bottom: 60px;
}
.shejiwenda li
{
    margin: 10px auto;
}
.shejiwenda1
{
    font-size: 18px;
    font-weight: bold;
}
.shejiwenda1 .shejiwenda1L
{
    width: 35px;
    float: left;
    line-height: 24px;
}
.shejiwenda1 .shejiwenda1R
{
    width: 1165px;
    float: right;
    line-height: 24px;
}
.font_normal
{
    font-weight: normal!important;
}
.shejiwenda_btn
{
    height: 36px;
    line-height: 36px;
    width: 180px;
    text-align: center;
    border-radius: 20px;
    background: #bf9f62;
    color: #ffffff;
    font-size: 16px;
    outline: none;
    border: 1px solid #bf9f62;
    cursor: pointer;
    margin: 10px auto;
    margin: 50px auto;
    transition: all .3s ease-in .2s;
}
.shejiwenda_btn:hover
{
    background: #fff;
    color: #bf9f62;
}

.put_questions
{
    background: #ffffff;
    width: 1130px;
    margin: 30px auto ;
    position: relative;
}
.put_questions_box
{
    height: 520px;
    /*width: 960px;*/
    overflow-y: auto;
    background: #f9f9f9;
    z-index: 666;
    position: relative;
    padding: 10px 50px;
}

.mar_T20
{
    margin-top: 20px;
}





.info_num
{
    width: 26px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #FFFFFF;
    border-radius: 26px;
    background-color: #F10106;
    position: absolute;
    right: -1px;
    z-index: 9999;
    margin-top: -66px;
    color: #FAFAFA;
    text-align: center;
    font-size: 14px;
    -webkit-animation-name:'ripple';/*动画属性名，也就是我们前面keyframes定义的动画名*/
    -webkit-animation-duration: .8s;/*动画持续时间*/
    -webkit-animation-timing-function: ease; /*动画频率，和transition-timing-function是一样的*/
    -webkit-animation-delay: 0s;/*动画延迟时间*/
    -webkit-animation-iteration-count: infinite;/*定义循环资料，infinite为无限次*/
    -webkit-animation-direction: alternate;/*定义动画方式*/
}


@keyframes ripple {
    0% {
        transform: scale(0.9);
        opacity: 0.7;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}



/*2019-6-12修改问答的列表*/
.axb_wd
{

}
.axb_wd li
{
    border-bottom: 1px solid #8c8070;
    padding: 15px 0 ;
    overflow: hidden;
}
.axb_wd .axb_wd1
{
    width: 100px;
    float: left;
    padding-right: 30px;
    border-right: 1px dotted  #8c8070;
}
.axb_wd .axb_wd1 .axb_wd11
{
   width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    float: none;
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
    margin: 0 auto;
}
.axb_wd .axb_wd1 .axb_wd11 img
{
    display: block;
    width: 100%;
    height: 100%;
}
.axb_wd .axb_wd1 .axb_wd12
{
    width: 100%;
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    overflow:hidden; /*超出的部分隐藏起来。*/
    white-space:nowrap;/*不显示的地方用省略号...代替*/
    text-overflow:ellipsis;/* 支持 IE */
}
.axb_wdR
{
    width:-webkit-calc(100% - 170px);
    width:-moz-calc(100% - 170px);
    width:calc(100% - 170px);
    float: right;

}
.axb_wd .axb_wd2
{
    /*padding: 8px 0 ;*/
    margin-top: 15px;
}
.axb_wd .axb_wd2 .axb_wd2L
{
    width: 30px;
    float: left;
}
.axb_wd .axb_wd2 .axb_wd2L img
{
   display: block;
    width: 100%;
    height: 100%;
}
.axb_wd .axb_wd2 .axb_wd2R
{
    width:-webkit-calc(100% - 40px);
    width:-moz-calc(100% - 40px);
    width:calc(100% - 40px);
    float: right;
    line-height: 24px;
    margin-top: 3px;
    font-weight: bold;
    color: #444;
}




/*设计师和案例列表添加搜索*/
.list_sousou_box
{
    width: 320px;
    position: absolute;
    top: 50px;
    right: 0;
    background: #FFFFFF;
    padding: 10px;
    border-radius: 5px;
}
.sheji_sousou
{
    border: 2px solid rgb(168, 196, 112);
    border-radius: 5px;
}
 .list_sousou1
{
    width:240px;
    display: block;
    background: transparent;
    border: none;
    outline: none;
    float: left;
    height: 36px;
    line-height: 36px;
     text-indent: 10px;
    font-size: 14px;
     color: #333333;
}
.list_sousou2
{
    display: block;
    background:url("../images/list_sousou.png") no-repeat center rgba(168, 196, 112,1);
    background-size: 26px 26px;
    outline: none;
    border: none;
    width: 60px;
    height: 36px;
    float: right;
    cursor: pointer;
}
.list_sousou2:hover
{
    background:url("../images/list_sousou.png") no-repeat center rgba(168, 196, 112,0.8);
    background-size: 26px 26px;
}




.anli_sousou
{
    border: 2px solid rgba(253, 209, 0,1);
    border-radius: 5px;
}
.list_sousou3
{
    display: block;
    background:url("../images/list_sousou.png") no-repeat center rgba(253, 209, 0,1);

    background-size: 26px 26px;
    outline: none;
    border: none;
    width: 60px;
    height: 36px;
    float: right;
    cursor: pointer;
}
.list_sousou3:hover
{
    background:url("../images/list_sousou.png") no-repeat center rgba(253, 209, 0,0.8);
    background-size: 26px 26px;
}




.jinping_sousuo
{
    border: 2px solid  rgba(43, 79, 129,1);
    border-radius: 5px;
}
.list_sousou4
{
    display: block;
    background:url("../images/list_sousou.png") no-repeat center  rgba(43, 79, 129,1);
    background-size: 26px 26px;
    outline: none;
    border: none;
    width: 60px;
    height: 36px;
    float: right;
    cursor: pointer;
}
.list_sousou4:hover
{
    background:url("../images/list_sousou.png") no-repeat center  rgba(43, 79, 129,0.8);
    background-size: 26px 26px;
}





/*设计师列表添加名字*/
.add_sjs1
{
    position: absolute;
    color: #969593;
    top: 20px;
    left:15px;
    z-index: 1;
}

.add_sjs2
{
    transform-origin:0% 0%; /*定元素的基点位置*/
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    color: #a8c470;
    font-size: 26px;
    z-index: 1;
    position: absolute;
    top: 30px;
    left: 75px;
    font-weight: bold;
}
.add_sjs3
{
    color: #a8c470;
    font-size: 26px;
    z-index: 1;
    position: absolute;
    top: 40px;
    left: 54px;
    width: 30px;
    line-height: 30px;
}