html{overflow-x:hidden;}
body{margin:0px auto;padding:0px;color:#000;font-size:12px;font-family:'Microsoft YaHei','Arial';line-height:24px;background-color:#fff;}
a:link{color:#000;text-decoration:none;}        
a:visited{color:#000;text-decoration:none;}
a:hover{color:#000;text-decoration:none;}
img{border:none;}
div,ul,li,h1,h2,h3,p,dl,dt,dd{margin:0px;padding:0px;}
li{list-style:none; }
div,ul,li,dl,dt,dd{overflow:hidden;display:block;}

.wrap{width:1000px;margin:0px auto;}
.clear{height:10px;margin:0px;padding:0px;clear:both;}
.l{float:left;display:block;}
.r{float:right;display:block;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.fb{font-weight:bold;}
.fi{font-style:italic;}
.yh{font-family:Microsoft Yahei;}
.ari{font-family:Arial;}

.messagebox{width:100%;position:fixed;left:0px;top:35%;text-align:center;z-index:9999;}
.messagebox .msg{display:inline-block;background:url(../images/opacity75.png);overflow:hidden;
    border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;line-height:20px;
    text-align:center;padding:10px 20px 10px 20px;color:#fff;font-size:16px;
}

/*电脑版顶部*/
.top{
    position:fixed;
    /*height:60px;*/
    height:150px;
    top:0px;
    left:0px;
    background-color:#fff;
    width:100%;
    z-index:100;
}
.top .logo{
    float:left;
    /*margin-left:30px;*/
    margin-left:60px;
    margin-top: 63px;
}
.top .logo a{height:25px;display:block;padding:18px 0px 16px 0px;overflow:hidden;}
.top .logo img{
    /*width:345px;*/
    height:45px;
}
.top .share{
    float:right;
    height:16px;
    /*margin:22px 30px 0px 0px;*/
    margin:60px 162px 0px 0px;
}
.top .share a{display:block;width:20px;height:16px;overflow:hidden;float:left;margin:0px 0px 0px 10px;}
.top .share a.weixin{background:url(../images/weixin.png);background-size:20px 16px;}
.top .share a.sina{background:url(../images/sina.png);background-size:20px 16px;}
.top .clear{
    /*border-top:solid 1px #333;*/
    height:1px;
    margin:0px 30px 0px 30px;
}

/*手机版顶部*/
.phone_top{position:fixed;height:40px;top:0px;left:0px;background-color:#fff;width:100%;z-index:100;display:none;}
.phone_top .logo{float:left;position:absolute;left:15px;top:0px;z-index:10;}
.phone_top .logo.micro{position:absolute;left:15px;top:0px;}
.phone_top .logo a{height:20px;display:block;padding:10px 0px 10px 0px;overflow:hidden;}
.phone_top .logo img{height:20px;}
.phone_top .pagename{width:100%;height:40px;line-height:40px;text-align:center;position:absolute;top:0px;left:0px;font-size:16px;font-weight:bold;z-index:2;}
.phone_top .clear{border-bottom:solid 1px #333;height:39px;margin:0px 15px 0px 15px;}

.p_menu_link{width:20px;height:17px;display:none;overflow:hidden;
                        position:fixed;top:13px;right:15px;z-index:999;
                        transition:all 200ms;-moz-transition:all 200ms;-webkit-transition:all 200ms;-o-transition:all 200ms;
}
.p_menu_link span{width:20px;height:3px;background-color:#333;display:block;position:absolute;
                  transition:all 500ms;-moz-transition:all 500ms;-webkit-transition:all 500ms;-o-transition:all 500ms;}
.p_menu_link.on{}
.p_menu_link.on span.i1{left:0px;top:1px;}
.p_menu_link.on span.i2{left:0px;top:7px;}
.p_menu_link.on span.i3{left:0px;top:13px;}
.p_menu_link.off{}
.p_menu_link.off span.i1{left:0px;top:7px;transform:rotate(-45deg);}
.p_menu_link.off span.i2{left:20px;top:7px;opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0);}
.p_menu_link.off span.i3{left:0px;top:7px;transform:rotate(45deg);}


/*电脑版左侧目录*/
.menu{
    position:fixed;
    width:153px;
    /*top:60px;*/
    /*left:30px;*/
    top:150px;
    left:70px;
    background-color:#fff;
    z-index:90;
}
.menu .item{
    /*border-bottom:solid 1px #333;*/
    height:43px;position:relative;
            transition:height 500ms;
            -moz-transition:height 500ms;/* Firefox 4 */
            -webkit-transition:height 500ms;/* Safari and Chrome */
            -o-transition:height 500ms;/* Opera */
}
.menu .item a{display:block;overflow:hidden;}
.menu .item a span{display:block;overflow:hidden;
                     transition:all 500ms;-moz-transition:all 500ms;-webkit-transition:all 500ms;-o-transition:all 500ms;
}
.menu .item a span.en{
    font-size:12px;
    font-family:Arial;
    /*text-transform:lowercase;*/
    text-transform:capitalize;
}
.menu .item a span.cn{font-size:12px;opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0);letter-spacing:1px;}

.menu .item a.p{height:43px;line-height:43px;}
.menu .item a.p span{height:43px;line-height:43px;}
.menu .item a.p:hover span.en{height:0px;}
.menu .item a.p:hover span.cn{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}

.menu .item a.sel{background:url(../images/li.png) no-repeat 0px center;font-weight:bold;padding:0px 0px 0px 10px;}

.menu .item .submenu{width:90px;position:absolute;top:100px;right:0px;
                     opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0);
                     transition:all 1000ms;-moz-transition:all 1000ms;-webkit-transition:all 1000ms;-o-transition:all 1000ms;
}
.menu .item .submenu a{height:25px;line-height:25px;padding:0px 0px 0px 10px;}
.menu .item .submenu a span{height:25px;line-height:25px;}
.menu .item .submenu a:hover span.en{height:0px;}
.menu .item .submenu a:hover span.cn{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}

.menu .item.work{height:117px;}
.menu .item.work a.p{width:70px;}
.menu .item.work .submenu{top:9px;opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}

/*手机版右侧目录*/
.phone_menu{position:fixed;width:100%;height:100%;z-index:200;display:none;}
.phone_menu .p_tm{position:absolute;width:100%;height:100%;top:0px;right:0px;z-index:1;background-color:#000;opacity:0.67;}
.phone_menu .p_menu{position:absolute;width:100px;height:100%;top:0px;right:0px;background-color:#fff;padding:40px 15px 0px 15px;z-index:20;}
.phone_menu .p_menu .item{border-bottom:solid 1px #333;min-height:50px;position:relative;}
.phone_menu .p_menu .item a{display:block;overflow:hidden;float:right;width:100%;}
.phone_menu .p_menu .item a span{display:block;overflow:hidden;text-align:right;
                     transition:all 500ms;-moz-transition:all 500ms;-webkit-transition:all 500ms;-o-transition:all 500ms;
}
.phone_menu .p_menu .item a span.en{font-size:14px;font-family:Arial;}
.phone_menu .p_menu .item a span.cn{font-size:14px;opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0);}

.phone_menu .p_menu .item a.p{height:50px;line-height:50px;font-size:14px;}
.phone_menu .p_menu .item a.p span{height:50px;line-height:50px;}
.phone_menu .p_menu .item a.p:hover span.en{height:0px;}
.phone_menu .p_menu .item a.p:hover span.cn{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}

.phone_menu .p_menu .item a.sel{/*background:url(../images/li.png) no-repeat right center;padding:0px 10px 0px 0px;*/font-weight:bold;}

.phone_menu .p_menu .item .submenu{width:100%;height:0px;
                                   opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0);
                                   transition:all 1000ms;-moz-transition:all 1000ms;-webkit-transition:all 1000ms;-o-transition:all 1000ms;
}
.phone_menu .p_menu .item .submenu a{height:35px;line-height:35px;padding:0px 0px 0px 0px;clear:both;}
.phone_menu .p_menu .item .submenu a span{height:35px;line-height:35px;font-size:12px;}
.phone_menu .p_menu .item .submenu a:hover span.en{height:0px;}
.phone_menu .p_menu .item .submenu a:hover span.cn{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}

.phone_menu .p_menu .item.work .submenu{height:155px;opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}

.phone_menu .p_menu .share{height:16px;position:fixed;right:20px;bottom:20px;}
.phone_menu .p_menu .share a{display:block;width:20px;height:16px;overflow:hidden;float:left;margin:0px 0px 0px 10px;}
.phone_menu .p_menu .share a.weixin{background:url(../images/weixin.png);background-size:20px 16px;}
.phone_menu .p_menu .share a.sina{background:url(../images/sina.png);background-size:20px 16px;}

/*版权信息*/
.copyright{
    position:fixed;
    color:#b3b3b3;
    font-size:12px;
    /*left:30px;*/
    left:70px;
    bottom:76px;
    font-family:Arial/*Calibri*/;
    line-height:12px;
}

/*加载*/
.cover{background:#fff url(../images/loadinfo.gif) no-repeat center center;position:fixed;
       top:65px;left:240px;
       width:100%;height:100%;z-index:999999;background-size:60px 60px;}
.cover.phone{background-size:30px 30px;left:0px;top:0px;}

/*二维码*/
.float_weixin{width:100%;height:100%;position:fixed;z-index:9999;display:none;}
.float_weixin .tm{width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:1;opacity: 0;background-color:#000;
                  transition:all 500ms;}
.float_weixin .qrcode{width:310px;height:310px;
                      position:absolute;top:100px;left:50%;margin-left:-155px;z-index:2;transition:all 600ms;opacity: 0;
}
.float_weixin .qrcode img{width:100%;height:100%;}
.float_weixin .qrcode.phone{width:150px;height:150px;margin-left:-75px;}
.float_weixin.on{}
.float_weixin.on .tm{opacity: 0.67;}
.float_weixin.on .qrcode{top:76px;opacity: 1;}

/*主要面板*/
.prism_panel{
    position:absolute;
    /*top:60px;*/
    top:150px;
    left:269px;
    font-size:12px;
    line-height:30px;
}
.prism_panel.phone{line-height:30px;top:40px;left:15px;font-size:12px;}

.prism_panel h1{padding:83px 0px 20px 0px;height:20px;line-height:20px;display:block;font-family:'Microsoft YaHei';font-size:12px;font-weight:bold;}
.prism_panel.phone h1{padding:20px 0px 10px 0px;height:30px;line-height:30px;font-size:14px;}

/*作品面板*/
.work_pnl{width:100%;top:16px;position:relative;min-height:200px;}
.work_pnl li{width:300px;height:200px;background-color:#f7f7f7;position:absolute;top:100%;left:45%;transition: all 500ms ease;opacity: 0;}
.work_pnl li.last{}
.work_pnl li a{width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:10;display:block;opacity: 0;}
.work_pnl li .cvr{width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:1;display:block; 
                  background-color:#000;opacity: 0;transition:all 500ms;    
}
.work_pnl li .cn{width:100%;height:30px;line-height:30px;text-indent:16px; position:absolute;left:0px;top:30px;z-index:2;color:#fff;font-size:14px;
                 white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; -moz-binding: url('ellipsis.xml#ellipsis');overflow:hidden;
                 display:block;opacity: 0;transition:all 500ms;
}
.work_pnl li .en{width:100%;height:20px;line-height:20px;text-indent:16px; position:absolute;left:0px;top:70px;z-index:2;color:#fff;font-size:12px;
                 white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; -moz-binding: url('ellipsis.xml#ellipsis');overflow:hidden;
                 display:block;opacity: 0;transition:all 500ms;
}
.work_pnl li .time{width:100%;height:30px;line-height:30px;text-indent:16px; position:absolute;left:0px;bottom:-5px;z-index:2;color:#fff;font-size:12px;
                   display:block;opacity: 0;transition:all 500ms;
}
.work_pnl li .time_line{width:8px;height:1px;background-color:#fff;position:absolute;left:16px;bottom:45px;z-index:2;
                        display:block;opacity: 0;transition:all 500ms;
}
.work_pnl li img{width:100%;height:100%;/*opacity: 1;transition:all 500ms;*/}

.work_pnl li:hover .cvr{opacity: 0.85;} 
.work_pnl li:hover .cn{opacity: 1;top:10px;} 
.work_pnl li:hover .en{opacity: 1;top:40px;}
.work_pnl li:hover .time{opacity: 1;bottom:6px;}
.work_pnl li:hover .time_line{opacity: 1;bottom:35px;}
.work_pnl li:hover img{/*opacity:0.5;*/}

.prism_panel.phone .work_pnl li{width:300px;height:200px;float:left;margin:0px 15px 15px 0px;}
.prism_panel.phone .work_pnl li.last{margin:0px 0px 15px 0px;float:right;}

/*作品展示*/
.workshow{width:100%;}
.workshow h1{padding:57px 0px 20px 0px;height:20px;line-height:20px;}
.workshow .photo{margin:0px 0px 0px 0px;height:597px;}
.workshow .photo ul{min-width:100000px;height:100%;}
.workshow .photo ul li{float:left;margin-right:20px;height:100%;background-color:#f0f0f0;}
.workshow .photo ul li img{height:100%;/*opacity: 0.5;transition:all 500ms;*/}
.workshow .photo ul li:hover img{/*opacity: 1;*/}
.workshow .photo ul li.sel img{/*opacity: 1;*/}
.workshow .thumb{margin:20px 0px 0px 0px;height:30px;}
.workshow .thumb ul{min-width:2000px;}
.workshow .thumb ul li{float:left;margin-right:3px;height:30px;background-color:#f0f0f0;min-width:20px;}
.workshow .thumb ul li img{height:100%;opacity: 0.4;transition:all 500ms;min-width:20px;}
.workshow .thumb ul li:hover img{opacity: 1;}
.workshow .thumb ul li.sel img{opacity: 1;}
.workshow .info{height:20px;margin:20px 0px 0px 0px;position:relative;padding:0px 0px 30px 0px;}
.workshow .info a{float:left;height:20px;background:url(../images/ico_info.png) no-repeat 0px 0px;background-size:20px 20px;
                  padding:0px 0px 0px 30px;line-height:20px;font-size:12px;font-weight:600;
}
.workshow .info span{width:1px;height:2px;background-color:#000;display:block;overflow:hidden;position:absolute;top:20px;left:68px;
                     opacity: 0;transition:all 500ms;}
.workshow .info.sel span{opacity: 1;left:28px;width:76px;}
.workshow .work_introduction{position:absolute;top:0px;left:0px;width:100%;height:750px;display:none;background-color:#fff;z-index:999;}
.workshow .work_introduction .intro_zoom{line-height:30px;width:400px;font-size:12px;line-height:30px;text-align:justify;text-justify:inter-ideograph;}
.workshow .work_introduction .intro_zoom p{padding:0px;margin:0px;text-align:justify;text-justify:inter-ideograph;}
.workshow .work_introduction a.close{width:30px;height:30px;display:block;overflow:hidden;position:absolute;top:47px;right:25px;transition:all 200ms;}
.workshow .work_introduction a.close span{width:20px;height:3px;background-color:#666;display:block;overflow:hidden;position:absolute;top:15px;left:5px;}
.workshow .work_introduction a.close span.i1{transform:rotate(-45deg);}
.workshow .work_introduction a.close span.i2{transform:rotate(45deg);}
/*.workshow .work_introduction a.close:hover{transform:rotate(90deg);}*/

/*作品显示手机版*/
.prism_panel.phone .workshow h1{padding:20px 0px 10px 0px;height:30px;line-height:30px;}
.prism_panel.phone .workshow .info{position:absolute;top:22px;right:0px;margin:0px 0px 0px 0px;}
.prism_panel.phone .workshow .info a{background-size:14px 14px;background-position:8px 3px;font-weight:lighter;}
.prism_panel.phone .workshow .info span{display:none;}
.prism_panel.phone .workshow .work_introduction{height:100%;}
.prism_panel.phone .workshow .work_introduction a.close{top:10px;right:-5px;}
.prism_panel.phone .workshow .work_introduction .intro_zoom{width:100%;font-size:12px;}

/*轮播图片*/
.show_pics{margin:0px 0px 0px 0px;width:100%;display:none;position:relative;}
.show_pics ul{width:100%;height:100%;position:absolute;left:0px;top:0px;}
.show_pics ul li{width:100%;height:100%;float:left;}
.show_pics ul li img{width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;}
.show_pics .cur_num{width:100%;height:60px;line-height:60px;text-align: center;color: #000;font-size:12px;position:absolute;left:0px;bottom:0px;}

/*thinking内容页*/
.newsshow{width:100%;}
.newsshow .newsbody{padding:0px 0px 0px 0px;min-width:20000px;}
.newsshow .newsbody .item{float:left;width:400px;height:510px; margin:0px 38px 0px 0px;font-size:12px;
                          line-height:30px;text-align:justify;text-justify:inter-ideograph;
}
.newsshow .newsbody .item p{text-align:justify;text-justify:inter-ideograph;margin:0px;padding:0px;}
.newsshow .newsbody .item img{max-width:100%;}
.newsshow .arrow{height:25px;background-color:#fff;padding:40px 30px 10px 0px;}
.newsshow .arrow a{width:25px;height:25px;display:block;overflow:hidden;background-image:url(../images/arrow.png);background-repeat:no-repeat;}
.newsshow .arrow a.prev{float:left;background-position:0px -2px;}
.newsshow .arrow a.next{float:right;background-position:0px -32px;}

.prism_panel.phone .newsshow .newsbody{width:100%;min-width:100px;}
.prism_panel.phone .newsshow .newsbody .item{width:100%;margin:0px 0px 30px 0px;height:auto;line-height:30px;font-size:12px;}
.prism_panel.phone .newsshow .arrow{display:none;}

/*关于我们*/
.about{width:100%;}
.about .aboutbody{
    padding:0px 0px 0px 0px;
    /*min-width:20000px;*/
}
.about .aboutbody .item{float:left;width:400px;height:510px; margin:0px 38px 0px 0px;font-size:12px;
                          line-height:30px;text-align:justify;text-justify:inter-ideograph;
}
.about .aboutbody .item p{text-align:justify;text-justify:inter-ideograph;margin:0px;padding:0px;}
.about .arrow{height:25px;background-color:#fff;padding:40px 30px 10px 0px;}
.about .arrow a{width:25px;height:25px;display:block;overflow:hidden;background-image:url(../images/arrow.png);background-repeat:no-repeat;}
.about .arrow a.prev{float:left;background-position:0px -2px;}
.about .arrow a.next{float:right;background-position:0px -32px;}

.about .aboutbody .item.team{}
.about .aboutbody .item.team dl{width:400px;margin:0px 0px 40px 0px;position:relative;overflow:hidden;padding:0px;}
.about .aboutbody .item.team dl dt{width:145px;float:left;}
.about .aboutbody .item.team dl dt img{width:100%;float:left;}
.about .aboutbody .item.team dl dd{width:231px;font-size:12px;line-height:24px;height:100%;
                                   position:absolute;top:0px;right:0px;}
.about .aboutbody .item.team dl dd .nm{width:91%;height:12px;line-height:12px;position:absolute;top:0px;left:9%;background-color:#fff;z-index:5;}
.about .aboutbody .item.team dl dd .dis{width:91%;max-height:100%;position:absolute;top:29px;left:9%;z-index:4;display:none;}
.about .aboutbody .item.team dl dd .d_link{width:10px;height:10px;overflow:hidden;display:block;
                        position:absolute;top:1px;left:0px;z-index:7;
                        /*transition:all 200ms;-moz-transition:all 200ms;-webkit-transition:all 200ms;-o-transition:all 200ms;*/
}
.about .aboutbody .item.team dl dd .d_link span{width:10px;height:2px;background-color:#333;display:block;position:absolute;
                  /*transition:all 500ms;-moz-transition:all 500ms;-webkit-transition:all 500ms;-o-transition:all 500ms;*/}
.about .aboutbody .item.team dl dd .d_link.on{}
.about .aboutbody .item.team dl dd .d_link.on span.i1{left:0px;top:4px;}
.about .aboutbody .item.team dl dd .d_link.on span.i2{left:0px;top:4px;transform:rotate(90deg);}
.about .aboutbody .item.team dl dd .d_link.off{}
.about .aboutbody .item.team dl dd .d_link.off span.i1{left:0px;top:4px;}
.about .aboutbody .item.team dl dd .d_link.off span.i2{left:0px;top:4px;transform:rotate(0deg);opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0);}


.about .aboutbody .item.office{width:auto;}
.about .aboutbody .item.office li{height:432px;float:right;margin:0px 20px 0px 0px;}
.about .aboutbody .item.office img{height:432px;}

.prism_panel.phone .aboutbody{width:100%;min-width:100px;}
.prism_panel.phone .aboutbody .item{width:100%;margin:0px 0px 0px 0px;height:auto;min-height:10px;font-size:12px;line-height:30px;}
.prism_panel.phone .aboutbody .item.team{margin:0px 0px 0px 0px;}
.prism_panel.phone .aboutbody .item.team h1{display:none;}
.prism_panel.phone .aboutbody .item.team dl{width:100%;margin:30px 0px 0px 0px;clear:both;}
.prism_panel.phone .aboutbody .item.team dl dt{width:36%;}
.prism_panel.phone .aboutbody .item.team dl dd{width:58%;font-size:12px;line-height:30px;}

.prism_panel.phone .aboutbody .item.office{width:100%;margin:20px 0px 0px 0px;}
.prism_panel.phone .aboutbody .item.office li{width:100%;clear:both;margin:0px 0px 3px 0px;height:auto;}
.prism_panel.phone .aboutbody .item.office li img{width:100%;height:auto;}

.prism_panel.phone .arrow{display:none;}

/*联系我们*/
.contact{width:400px;}
.contact .contactzoom{font-size:12px;line-height:30px;/*height:510px;*/}
.contact .contactzoom p{margin:0px;padding:0px;}

.prism_panel.phone .contact{width:100%;}
.prism_panel.phone .contact .contactzoom{font-size:12px;line-height:30px;}

.c_width_diy{
    margin-top: 0px;
    width: 100%;
}

.dy_content_area{
    width: 100%;
    margin: 0 auto;
}

.dy_item{
    width: 30%;
    margin: 10px;
    float: left;
    cursor: pointer;
}

.dy_item_img{
    width: 100%;
    height: 150px;
}

.dy_item_text{
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
}