/* CSS Document */

/*通用页面样式、顶部*/
* { margin:0; padding:0; list-style-image: none;list-style-type: none;}
html{-webkit-text-size-adjust:none;}
body {background-color: #FAFAFA;font-family: "微软雅黑";}
img { border:none;}
.fix {clear:both;height: 1px;font-size: 0px;background-color: #FAFAFA;}
::selection {
    color: #333;
    background: #ffe74f;
}

/*浏览器滚动条*/
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:0px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/*首页顶部导航*/
.topk {height: 100px;position: fixed;z-index: 1000;width: 100%;background-image: url(https://www.thinkingdesign.cn/App/Tpl/Home/Default/Public/image/two_top_bj.png);background-repeat: repeat;}
.top {height: 70px;padding-top: 30px;width: 2060px;margin-right: auto;margin-left: auto;background-position: bottom;}
.logo {height: 40px;width: 126px;float: left;padding-left: 30px;}
.logo a {text-decoration: none;display: block;height: 40px;width: 46px;background-image: url(https://www.thinkingdesign.cn/App/Tpl/Home/Default/Public/image/web_logo.png);background-size: 121px 40px;background-repeat: no-repeat;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);background-position: left;}
.logo a:hover {height: 40px;width: 121px;background-image: url(https://www.thinkingdesign.cn/App/Tpl/Home/Default/Public/image/web_logo.png);background-repeat: no-repeat;}
.nav {height: 28px;float: right;width: 101px;padding-right: 30px;padding-top: 6px;}
.nav_dhrs {height: 28px;width: 28px;float: right;}
.nav_dhrs a {text-decoration:none;display: block;height: 28px;width: 28px;background-image: url(https://www.thinkingdesign.cn/App/Tpl/Home/Default/Public/image/pd_nav_book.png);background-size: 28px 28px;background-repeat: no-repeat;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);opacity:10;}
.nav_dhrs a:hover {text-decoration: none;background-image: url(https://www.thinkingdesign.cn/App/Tpl/Home/Default/Public/image/pd_nav_book.png);background-repeat: no-repeat;opacity:0.80;}
.nav_design {height: 28px;width: 28px;float: right;}
.nav_design a {text-decoration:none;display: block;height: 28px;width: 28px;background-image: url(https://www.thinkingdesign.cn/App/Tpl/Home/Default/Public/image/pd_nav_design.png);background-size: 28px 28px;background-repeat: no-repeat;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);opacity:10;}
.nav_design a:hover {text-decoration: none;background-image: url(https://www.thinkingdesign.cn/App/Tpl/Home/Default/Public/image/pd_nav_design.png);background-repeat: no-repeat;opacity:0.80;}
.nav_x {height: 28px;width: 45px;float: right;}

/*焦点图*/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  { outline: none; }

.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0;padding: 0;list-style: none;}
.flexslider a img { outline: none; border: none; }
.flexslider {margin: 0;padding: 0;}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%;display: block;border-radius:12px 12px 12px 12px;}

/* Clearfix for the .slides element */
.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
/* Theme Styles */
.flexslider {position: relative;zoom: 1;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
/* Edit it if you want */
.flex-container {width: 1680px;margin-right: auto;margin-left: auto;padding-top: 40px;padding-right: 30px;padding-left: 30px;}
.flexslider .slides { zoom: 1; }
/* Direction Nav */
.flex-direction-nav a {display: block;position: absolute;margin: -17px 0 0 0;top: 50%;cursor: pointer;text-indent: -9999px;z-index: 9999;background-color: #82d344;background-image: -webkit-gradient(linear, left top, left bottom, from(#82d344), to(#51af34));background-image: -webkit-linear-gradient(top, #82d344, #51af34);background-image: -moz-linear-gradient(top, #82d344, #51af34);background-image: -o-linear-gradient(top, #82d344, #51af34);background-image: linear-gradient(to bottom, #82d344, #51af34);}
/* Control Nav */
.img_time {position: absolute;width: 34px;bottom: 20px;text-align: center;z-index: 500;}
.img_time a {text-decoration: none;display: block;height: 16px;width: 16px;background-image: url(https://www.thinkingdesign.cn/App/Tpl/Home/Default/Public/image/img_time.png);background-size: 16px 16px;background-repeat: no-repeat;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);opacity: 0.70;float: right;}
.img_time a:hover {height: 16px;width: 16px;background-image: url(https://www.thinkingdesign.cn/App/Tpl/Home/Default/Public/image/img_time.png);background-repeat: no-repeat;opacity:10;}

.flexslider .flex-control-nav {position: absolute;width: 100%;bottom: 22px;text-align: center; z-index: 999;} 
.flex-control-nav li {display: inline-block;zoom: 1;}
.flex-control-paging li a {display: block;cursor: pointer;text-indent: -9999px;width: 10px;height: 10px;margin: 0 7px;background-color: #222222 \9;background-color: #FFFFFF;opacity:0.40;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.flex-control-paging li a.flex-active {background-color: #FFF;opacity:1.00;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
/* Captions */
.flexslider .slides p {display: block;position: absolute;left: 0;bottom: 0;padding: 0 5px;margin: 0;font-family: Helvetica, Arial, sans-serif;font-size: 12px;font-weight: bold;text-transform: uppercase;line-height: 20px;color: white;background-color: #222222;background: rgba(0,0,0, .9);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}

/*作品集、工作室、关于我*/
@font-face
{
font-family: Langdon;
src: url('https://www.thinkingdesign.cn/App/Tpl/Home/Default/Public/font/Langdon.otf')
}
@font-face
{
font-family: BrandonText-Black;
src: url('https://www.thinkingdesign.cn/App/Tpl/Home/Default/Public/font/BrandonText-Black.otf')
}

.central_k {width: 2000px;padding-right: 30px;padding-left: 30px;margin-right: auto;margin-left: auto;}
.central {height: 440px;padding-top: 20px;}

.design_work {width: 49.5%;float: left;border-radius: 12px;}
.design_work a {background-color: #FFF;text-decoration: none;display: block;height: 270px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);font-family: BrandonText-Black;font-size: 60px;color: #333;text-align: center;letter-spacing: -2px;line-height: 50px;padding-top: 170px;border-radius:12px;box-shadow: 0 10px 30px rgba(0,0,0,.02);}
.design_work a:hover {text-decoration: none;background-color: #FFF;box-shadow: 0 10px 30px rgba(0,0,0,.07);font-size: 62px;color: #333;border-radius:12px;transform:translateY(-5px);}

.design_studio {width: 49.5%;float: right;border-radius: 12px;}
.design_studio a {background-color: #FFF;text-decoration: none;display: block;height: 270px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);font-family: BrandonText-Black;font-size: 60px;color: #333;text-align: center;letter-spacing: -2px;line-height: 50px;padding-top: 170px;border-radius:12px;box-shadow: 0 10px 30px rgba(0,0,0,.02);}
.design_studio a:hover {text-decoration: none;background-color: #FFF;box-shadow: 0 10px 30px rgba(0,0,0,.07);font-size: 62px;color: #333;border-radius:12px;transform:translateY(-5px);}

.design_book {width: 49.5%;float: left;border-radius: 12px;}
.design_book a {background-color: #FFF;text-decoration: none;display: block;height: 270px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);font-family: BrandonText-Black;font-size: 60px;color: #333;text-align: center;letter-spacing: -2px;line-height: 50px;padding-top: 170px;border-radius:12px;box-shadow: 0 10px 30px rgba(0,0,0,.02);}
.design_book a:hover {text-decoration: none;background-color: #FFF;box-shadow: 0 10px 30px rgba(0,0,0,.07);font-size: 62px;color: #333;border-radius:12px;transform:translateY(-5px);}


.design_me {height: 440px;width: 49.5%;float: right;background-color: #FFF;border-radius: 12px;box-shadow: 0 10px 30px rgba(0,0,0,.02);}
.about_me {padding-right: 60px;padding-left: 60px;padding-top: 70px;}
.about_me dd.me_top {width: 100%;font-size: 0px;margin-right: auto;margin-left: auto;}
.about_me dd.me_top img {width: 100%;border-radius: 100px;}
.about_me dd.me_top a {display: block;height: 120px;width: 120px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);margin-right: auto;margin-left: auto;border-radius: 100px;box-shadow: 0 0 10px rgba(2,2,2,.08);}
.about_me dd.me_top a:hover {text-decoration: none;box-shadow: 0 4px 20px rgba(3,3,3,.2);transform:translateY(-5px);}
.about_me dd.contact {height: 100px;padding-top: 40px;font-family: Helvetica;font-size: 12px;color: #888888;display: block;width: 300px;margin-right: auto;margin-left: auto;}
.contact_email {width: 140px;height: 30px;float: left;color: #888;background-color: #F1F1F1;background-image: url(https://www.thinkingdesign.cn/App/Tpl/Home/Default/Public/image/contact_email.png);background-size: 14px 11px;background-repeat: no-repeat;background-position: 14px 10px;border-radius: 15px;line-height: 30px;text-indent: 35px;font-family: "微软雅黑";font-weight:bold}
.contact_phone {width: 140px;height: 30px;float: right;color: #888;background-color: #F1F1F1;background-image: url(https://www.thinkingdesign.cn/App/Tpl/Home/Default/Public/image/contact_phone.png);background-size: 12px 13px;background-repeat: no-repeat;background-position: 15px 9px;border-radius: 15px;line-height: 30px;text-indent: 35px;font-family: "微软雅黑";font-weight:bold}


.about_me dd.weixin {width: 33%;height: 34px;float: left;}
.about_me dd.weixin a {display: block;height: 34px;width: 34px;background-image: url(https://www.thinkingdesign.cn/App/Tpl/Home/Default/Public/image/index_weixin.png);background-size: 34px 34px;background-repeat: no-repeat;background-position: center center;border-radius: 4px;margin-right: auto;margin-left: auto;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
.about_me dd.weixin a:hover {text-decoration: none;background-image: url(https://www.thinkingdesign.cn/App/Tpl/Home/Default/Public/image/index_weixin.png);background-repeat: no-repeat;background-position: center center;border-radius: 4px;opacity:0.60;}
.about_me dd.weibo {width: 33%;height: 34px;float: left;}
.about_me dd.weibo a {display: block;height: 34px;width: 34px;background-image: url(https://www.thinkingdesign.cn/App/Tpl/Home/Default/Public/image/index_weibo.png);background-size: 34px 34px;background-repeat: no-repeat;background-position: center center;border-radius: 4px;margin-right: auto;margin-left: auto;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
.about_me dd.weibo a:hover {text-decoration: none;background-image: url(https://www.thinkingdesign.cn/App/Tpl/Home/Default/Public/image/index_weibo.png);background-repeat: no-repeat;background-position: center center;border-radius: 4px;opacity:0.60;}
.about_me dd.qq {width: 33%;height: 34px;float: left;}
.about_me dd.qq a {display: block;height: 34px;width: 34px;background-image: url(https://www.thinkingdesign.cn/App/Tpl/Home/Default/Public/image/index_qq.png);background-size: 34px 34px;background-repeat: no-repeat;background-position: center center;border-radius: 4px;margin-right: auto;margin-left: auto;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
.about_me dd.qq a:hover {text-decoration: none;background-image: url(https://www.thinkingdesign.cn/App/Tpl/Home/Default/Public/image/index_qq.png);background-repeat: no-repeat;background-position: center center;border-radius: 4px;opacity:0.60;}

/*版权信息*/
.copyright_k {width: 2060px;margin-right: auto;margin-left: auto;background-color: #FAFAFA;}

.copyright {height: 70px;padding-top: 35px;margin-right: 30px;margin-left: 30px;}
.copyright_z {float: left;}
.copyright_z dd.copyright_wz {height: 50px;font-family: "微软雅黑";font-size: 12px;color: #CCC;float: left;padding-right: 30px;overflow: hidden;}
.copyright_z dd.copyright_wz a {-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);font-family: "微软雅黑";font-size: 12px;color: #666666;line-height: 45px;text-decoration: none;}
.copyright_z dd.copyright_wz a:hover {text-decoration: none;color: #999999;}
.copyright_z dd.m_icon {height: 50px;font-family: "微软雅黑";font-size: 12px;color: #666;float: left;width: 51px;text-align: right;line-height: 45px;}
.copyright_z dd.m_icon a {text-decoration: none;color: #666;background-image: url(https://www.thinkingdesign.cn/App/Tpl/Home/Default/Public/image/m_icon.png);background-size: 9px 13px;background-repeat: no-repeat;background-position: left center;display: block;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);opacity: 0.99;}
.copyright_z dd.m_icon a:hover {text-decoration: none;color: #666;background-image: url(https://www.thinkingdesign.cn/App/Tpl/Home/Default/Public/image/m_icon.png);background-size: 9px 13px;background-repeat: no-repeat;no-repeat;opacity:0.7;}

.copyright_icon {height: 32px;float: left;}
.copyright_icon dd.c_wkun_logo {width: 77px;height: 32px;float: left;}
.copyright_icon dd.c_wkun_logo a {display: block;height: 32px;width: 77px;background-image: url(https://www.thinkingdesign.cn/App/Tpl/Home/Default/Public/image/web_logo_db.png);background-size: 77px 32px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);opacity: 0.5;background-repeat: no-repeat;background-position: center center;}
.copyright_icon dd.c_wkun_logo a:hover {text-decoration: none;background-image: url(https://www.thinkingdesign.cn/App/Tpl/Home/Default/Public/image/web_logo_db.png);opacity:0.9;}
.copyright_icon dd.c_wxk_logo {width: 125px;height: 32px;float: left;padding-right: 30px;}
.copyright_icon dd.c_wxk_logo a {display: block;height: 32px;width: 126px;background-image: url(https://www.thinkingdesign.cn/App/Tpl/Home/Default/Public/image/wxk_black.png);background-size: 125px 32px;background-repeat: no-repeat;background-position: center center;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);opacity:0.5;}
.copyright_icon dd.c_wxk_logo a:hover {text-decoration: none;background-image: url(https://www.thinkingdesign.cn/App/Tpl/Home/Default/Public/image/wxk_black.png);opacity:0.9;}

.copyright_y {height: 40px;padding-top: 10px;float: right;}
.hda {float: right;height: 30px;}
.hda a {display: block;height: 30px;background-image: url(https://www.thinkingdesign.cn/App/Tpl/Home/Default/Public/image/hda_icon.png);background-size: 30px 30px;background-repeat: no-repeat;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);background-position: left center;color: #666;font-family: "微软雅黑";font-size: 12px;padding-left: 36px;text-decoration: none;line-height: 16px;}
.hda a:hover {text-decoration: none;background-image: url(https://www.thinkingdesign.cn/App/Tpl/Home/Default/Public/image/hda_icon.png);opacity: 0.7;}

.flipboard {float: right;height: 30px;width: 167px;padding-right: 30px;}
.flipboard a {display: block;height: 30px;width: 167px;background-image: url(https://www.thinkingdesign.cn/App/Tpl/Home/Default/Public/image/identity.png);background-position: left top;}
.flipboard a:hover {text-decoration: none;background-image: url(https://www.thinkingdesign.cn/App/Tpl/Home/Default/Public/image/identity.png);background-position: left bottom;}
.copyright_c {height: 78px;padding-right: 30px;padding-left: 30px;}
.copyright_certificate {height: 32px;font-family: "微软雅黑";font-size: 12px;color: #999999;line-height: 32px;}
.copyright_certificate a {text-decoration:none;color: #999999;}
.copyright_certificate a:hover {text-decoration: none;color: #888888;}
.statistics {height: 15px;font-family: Verdana;font-size: 11px;color: #EAEAEA;position: fixed;bottom: -20px;}
.statistics a { color:#EAEAEA; text-decoration:none;}
.statistics a:hover {text-decoration:none;}

/*自适应解决方案*/
@media screen and (max-width: 2080px) {
.top {height: 70px;padding-top: 30px;width: 1740px;margin-right: auto;margin-left: auto;}
.flex-container {width: 1680px;margin-right: auto;margin-left: auto;}
.central_k {width: 1680px;padding-right: 30px;padding-left: 30px;margin-right: auto;margin-left: auto;}
.copyright_k {width: 1740px;}
.section{width:1680px;}
}

@media screen and (max-width: 1800px) {
.top {height: 70px;padding-top: 30px;width: 1450px;margin-right: auto;margin-left: auto;}
.flex-container {width: 1390px;margin-right: auto;margin-left: auto;}
.central_k {width: 1390px;padding-right: 30px;padding-left: 30px;margin-right: auto;margin-left: auto;}
.copyright_k {width: 1450px;}
.section{width:1390px;}

@media screen and (max-width: 1510px) {
.top {height: 70px;padding-top: 30px;width: 1270px;margin-right: auto;margin-left: auto;}
.flex-container {width: 1210px;margin-right: auto;margin-left: auto;}
.central_k {width: 1210px;padding-right: 30px;padding-left: 30px;margin-right: auto;margin-left: auto;}
.copyright_k{width: 1270px;}
.section{width:1210px;}

@media screen and (max-width: 1330px) {
.top {height: 70px;padding-top: 30px;width: 1220px;margin-right: auto;margin-left: auto;}
.flex-container {width: 1160px;margin-right: auto;margin-left: auto;}
.central_k {width: 1160px;padding-right: 30px;padding-left: 30px;margin-right: auto;margin-left: auto;}
.copyright_k{width: 1220px;}
.section{width:1160px;}
}

@media screen and (max-width: 1260px) {
.top {height: 70px;padding-top: 30px;width: 980px;margin-right: auto;margin-left: auto;}
.flex-container {width: 920px;margin-right: auto;margin-left: auto;}
.central_k {width: 920px;padding-right: 30px;padding-left: 30px;margin-right: auto;margin-left: auto;}
.copyright_k,.section {width: 980px;}
.section{width:920px;}
}