@charset "utf-8";
/*===========公共样式===========*/
body{margin:0px auto;padding:0px;font-size:13px;line-height:26px;font-family:"微软雅黑",Arial, Helvetica, sans-serif;color:#111;}
body,html,ul,li,dl,dt,dd,ol,th,td,form,h1,h2,h3,h4,h5,h6,img,p{margin:0px;padding:0px;border:none;}
img{vertical-align:top;border:none;}
input,button,select,textarea{outline:none}
textarea{resize:none}
ul,li{list-style-type:none;}
a{color:#111;text-decoration:none;}
a:hover{color:#00a3e7;text-decoration:none;}
.clear{ clear:both;height:0;overflow:hidden;font-size:0;}
input,select,button{font:14px Verdana,Arial,Tahoma;vertical-align:middle;}

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
*html .clearfix {zoom:1;}
*+html .clearfix {zoom:1;}

.nav-toggle{display:none;}

.up_t{margin-top:20px;}
.up_t_1{margin-top:30px;}
.fl{float:left;}
.fr{float:right;}

/*===========顶部样式===========*/
.mz_header{height:68px; background:#4c4c4c;width:100%;}
.mz_header980{width:980px;margin:auto;}
.mz_header980 h1{width:256px;height:67px;float:left;}

.business_center{
float:left;
height:36px;
line-height:36px;
overflow:hidden;
padding-left:35px;
padding-top:30px;
width:525px;
}
.business_center{float:left;}
.business_center ul{height:36px; line-height:36px;}
.business_center ul li{float:left;padding-right:6px;font-size:12px;}
.business_center ul li a{color:#fff;}
.business_center ul li a:hover{ text-decoration:underline;}

.header_landing{width:164px;float:right;height:36px;margin-top:30px;}
.header_landing a{color:#ccc;}

/*===========导航样式===========*/
.c_nav ul li{font-size:16px;float:left; background:none;}
.c_nav ul li a{display:block;cursor:pointer; padding:0 22px; color:#111;}
.c_nav ul li a.hover,.c_nav li a:hover{color:#00a3e7;}

.banner{overflow:hidden;clear:both;float:none;height:0; padding-bottom:26%; position:relative;}
.banner img{width:100%;}
.banner .bg{background:#000;width:100%;position:absolute;height:0; padding-bottom:6.5%;overflow:hidden;left:0;bottom:0;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3; z-index:1;}
.banner .title{width:100%;padding:0px;height:0; padding-bottom:6.5%;text-align:right;padding-right:10px; position:absolute; bottom:0;left:0; color:#fff; z-index:10;}
.banner .title h1{font-family:微软雅黑,黑体;font-size:30px;font-weight:normal;line-height:40px;padding-right:10px;}
.banner .title .sitelink{font-family:微软雅黑,黑体;font-size:16px;font-weight:normal;line-height:25px;padding-right:10px;}
.banner .title .sitelink a{color:#fff;}

/*===========内容===========*/
.clear{ clear:both; height:0; overflow:hidden; font-size:0;}

/*===========左边菜单===========*/
.pright{width:27%;overflow:hidden;}
.mz_smbox .mz_sm li{line-height:40px;border-bottom:1px solid #eee; text-indent:40px; font-size:14px;}
.mz_smbox .mz_sm li a{display:block;}
.mz_smbox .mz_sm li a:hover,.mz_smbox .mz_sm .click,.mz_smbox .mz_sm .click a{background:#00a3e7; color:#fff;}

/*===========联系样式===========*/
.mz_contact dl.register{background:url(../images/contactus_02.gif) no-repeat 2px 3px; padding-left:40px;}
.mz_contact dl.register dt a{display:inline-block; padding:4px 15px; margin-right:5px; background:#00a3e7; color:#fff;}
.mz_contact dl.register dt a.liuy{background:#999;}
.mz_contact dl.register dd{margin-top:10px;}

.pathinfobox{border-bottom:1px solid #ccc; overflow:hidden; padding-bottom:12px;}
.pathinfobox h1{font-size:26px;color:#333;font-weight:normal; float:left;}
.pathinfobox h1 span{color:#b1b1b1; font-family:Arial, Helvetica, sans-serif;font-size:12px;padding-left:6px;}
.pathinfobox .pathinfo{float:right; padding-top:5px; line-height:20px;}
.pleft{width:70%; overflow:hidden;}

/*===========公司简介===========*/
.companyProfiles{line-height:28px; text-indent:24px;color:#666666;padding-top:10px;}
.companyProfiles a{color:#00a3e7}

/*===========首页设计作品===========*/
.tp_index_list{padding-top:10px;}
.tp_index_list_text ul{padding-top:10px;}
.tp_index_list_text ul li{line-height:24px;height:24px;overflow:hidden;font-size:14px;background:url(ico-2.gif) no-repeat left center;padding-left:15px;}
.tp_index_list_text ul li .mz_left{width:490px;height:24px;overflow:hidden;float:left;}
.tp_index_list_text ul li a{color:#754c20;}
.tp_index_list_text ul li span.mz_date{float:right;color:#666666;}

/*===========友情链接===========*/
.mz_flinkti{color:#999;}
.mz_flinkti a{margin-right:10px;}


/*===========底部样式===========*/
.mz_footer{text-align:center;background:#f9f9f9; padding:10px 0; color:#999;}
.mz_footer a{color:#999;}
.mz_footer a:hover{color:#00a3e7;}

/*===========留言===========*/
.message_board{padding-top:10px;background:url(../images/designerbj2.gif) left bottom no-repeat;}
.message_board dl{padding-top:10px;}
.message_board dl dd input.mz_bbs_input{width:515px;height:26px;border-width:1px;border-style:solid;border-color:#999999;padding:0 0 0 5px;}
.message_board dl dd textarea{width:510px;height:110px;border-width:1px;border-style:solid;border-color:#999999;font-size:12px;padding:5px;}
.message_board_buttom{padding:10px 0 20px 0;}
.message_board_buttom input{width:170px;height:30px;border:1px solid #999;background:#fff;font-weight:bold;font-size:14px;cursor:pointer;color:#000; background:url(message_board_buttom.gif) repeat-x;}

.leave_word{width:100%;}
.leave_word_border{border-bottom:1px dotted #eee;padding:12px 0;}
.leave_word1{height:32px;line-height:32px;overflow:hidden;}
.leave_word1 .leave_word3{float:left;width:550px;font-weight:bold;}
.leave_word1 a{font-weight:bold;color:#000;}
.leave_word1 a:hover{text-decoration:underline;}
.leave_word1 span{float:right;font-size:12px;}
.leave_word2{line-height:26px;color:#666;font-size:14px;}

/*===========公司动态样式===========*/
.mz_connection li{line-height:40px; border-bottom:1px dashed #eee;}
.mz_connection li p{width:85%; float:left; overflow:hidden; white-space:nowrap;}
.mz_connection li span{float:right; overflow:hidden; text-align:right;}

.mz_connection .title h3{font-size:16px; font-weight:normal;}
/*===========公司简介样式===========*/
.content{padding-top:15px;}
.content p{padding:20px 0 0 0; text-indent:18px; line-height:24px;}

.mz_contact ul{width:80%; margin-left:auto; margin-right:auto;}
.mz_contact li{line-height:40px;}

/*详细显示页*/
.leave_word .mz_show_title{height:30px;line-height:30px;text-align:center; font-size:20px; width:710px;clear:both;padding-top:20px;font-family:微软雅黑,黑体; overflow:hidden;}
.mz_info{text-align:center;height:18px;line-height:18px;font-size:12px;}
.mz_info small{font-style:normal;font-size:12px;}
.leave_word .mz_intro{border:1px solid #ddd; background:#F8F8F8;padding:10px;color:#666;line-height:20px;margin:15px 0 0 0;}
.mt1{margin:10px 0;display:none;}
.mt1 dl.tbox dt{background:#EBEBEB;border:1px solid #DEDEDE;clear:both;height:30px;line-height:30px;overflow:hidden;}
.mt1 dl.tbox dt strong{float:left;padding-left:10px;}

.mt1 dl.tbox dt span{float:right;padding-right:10px;}
.dcmp_title{line-height:32px;height:32px;}
.dcmp_stand{height:32px; vertical-align:middle; display:table-cell;}
.dcmp_stand label img{vertical-align:middle;}
.dcmp-content textarea{width:700px;height:150px;}
.dcmp-mood{height:35px; line-height:35px;display:table-cell;vertical-align:middle;}
.dcmp-mood strong{float:left;}
.dcmp-mood ul{float:left;}
.dcmp-mood ul li{float:left;}
.dcmp-mood ul li img{vertical-align:middle;}

/*设计团队*/
.item{border-bottom:1px dotted #eee; padding:20px 0;}
.item .imgbox{text-align:center;width:18.5714286%; overflow:hidden;float:left;}
.item .imgbox a{display:block; width:100%; height:0; padding-bottom:123.0769231%;}
.item .imgbox img{width:100%;}
.item .dtbox{float:right;width:78.5714286%;}
.item .dtbox h2{font-size:18px; font-weight:normal;}
.item .dtbox .mz_design_introduce{color:#999; padding:5px 0;}
.item .dtbox .mz_design_introduce a{color:#00a3e7;}
.item .dtbox .mz_design_introduce a:hover{text-decoration:underline;}
.item .dtbox .dinfo{color:#999;}
.item .dtbox .dinfo span{color:#00a3e7; margin-right:10px;}

/*设计作品页面样式*/
.leave_word .works{width:22.8571429%;float:left; overflow:hidden;}
.leave_word .works a{display:block; width:100%; height:0; padding-bottom:75%;}
.leave_word .works img{width:100%;}
.leave_word .works_bx{width:74.2857143%; float:right; color:#999;}
.leave_word .works_bx h2{font-size:16px; font-weight:normal;}
.leave_word .works_bx ul li span{margin-right:15px;}
.works_content{padding:5px 0;}
.works_content a{color:#00a3e7;}
.works_content a:hover{text-decoration:underline;}

/*学术文章*/
.viewbox{}
.viewbox .dtbox1{padding:12px 0;border-bottom:1px dotted #999999}
.viewbox .dtbox1 h2{height:32px;line-height:32px; overflow:hidden;}
.viewbox .dtbox1 h2 .date1{float:left;width:570px; overflow:hidden;font-size:14px;}
.viewbox .dtbox1 h2 .date{float:right;font-weight:normal;font-size:12px;}

.viewbox .dtbox1_content{line-height:28px;color:#666;}

.dtbox1_content1{height:32px;line-height:32px;}
.dtbox1_content1 .right{float:left;}
.dtbox1_content1 .read{ float:right;}



/*顶一下，踩一下*/
.newdigg{width:406px;height:51px;margin:8px auto;clear:both;overflow:hidden;padding-left:8px;display:none;}
.diggbox{width:195px;height:51px;float:left;margin-right:8px;overflow:hidden;cursor:pointer;}
.diggbox .digg_act{font-size:14px;float:left;line-height:31px;text-indent:32px;height:29px;overflow:hidden;font-weight:bold;}
.diggbox .digg_num{float:left;line-height:29px;text-indent:5px;}
.diggbox .digg_percent{width:180px;clear:both;padding-left:10px;overflow:hidden;}
.diggbox .digg_percent .digg_percent_bar{width:100px;height:7px;background:#E8E8E8;border-right:1px solid #CCC;float:left;overflow:hidden;margin-top:3px;}
.diggbox .digg_percent .digg_percent_num{font-size:10px;float:left;padding-left:10px;}
.diggbox .digg_percent .digg_percent_bar span{display:block;height:5px;overflow:hidden;background:#000;}
.newdigg .digg_good{background:url(newdigg-bg.png) left top no-repeat;}
.newdigg .digg_bad{background:url(newdigg-bg.png) right top no-repeat;}
.newdigg .digg_good .digg_act{color:#C30;}
.viewbox .newdigg .digg_good .digg_num{color:#C63;}
.newdigg .digg_bad .digg_act{color:#36C;}
.newdigg .digg_bad .digg_num{color:#39C;}

/*分页样式*/
.pagelinks{text-align:center;font-size:14px;line-height:20px; padding:20px 0}
.pagelinks a{height:20px;border:1px solid #ddd;display:inline-block;padding:5px 8px;vertical-align:middle;overflow:hidden; border-radius:5px;}
.pagelinks span{color:#fff;font-weight:bold;border:1px solid #00a3e7; background:#00a3e7;border-radius:5px;height:20px;display:inline-block;padding:5px 8px;vertical-align:middle;overflow:hidden;}

/*收费标准*/
.price{}
.price table{border:2px solid #000;}
.price table thead tr td{font-weight:bold;font-size:14px;line-height:32px;padding-left:10px;}
.price table thead tr.last td{border-bottom:1px solid #000;}
.price table tbody tr.last td tr.last td{border-bottom:none;}
.pleft table tbody tr.last td.last table tbody tr td{border-bottom:1px solid #000;}
.pleft table tbody tr td.last table tbody tr.last td,.pleft table tbody tr.last td{border-bottom:0}
.price table tbody td{line-height:32px;padding:0 10px;}
.price table tr td{font-size:12px;}
.price table tr td table{border:none}
.price table tr.last td{border-bottom:none;}
.price table tr td.last{border-right:none;}
.price table tr{}
.price table tr td{border-right:1px solid #000;border-bottom:1px solid #000;}
.price1{width:300px;}
.price1 span{font-weight:bold}
.price2{width:207px;}
.price3{width:121px;}
.price .title{font-size:14px;}
.priceContent{line-height:22px;}

.com_title{display:none;}

/*底部导航*/
.footer_logo{width:94px; margin-right:10px; float:left;}
.footer_right{float:left;font-size:12px;}
.footer_nav li{position:relative; float:left; margin-right:10px; line-height:20px;}
.footer_nav li img{vertical-align:middle;}
.footer_nav li.site_nav{z-index:9000; width:80px; padding-right:0;}
.footer_nav li.site_nav span{cursor:pointer; z-index:10000; display:block; text-align:center;}
.footer_nav li:hover > span{border:1px solid #ddd; border-top-color:#fff; background:#fff url(../images/icon_nav_03.gif) no-repeat 5px 6px; position:absolute; z-index:10000; width:98%;}
.footer_nav li div{position:absolute; bottom:100%; left:0; z-index:9999; background:#fff; border:1px solid #ddd; width:600px; display:none; text-align:left; line-height:24px;}
.footer_nav li:hover > div{opacity:1; padding:20px; display:block;}
.footer_nav li div dl{float:left; padding:0 20px; border-left:1px solid #e8e8e8; overflow:hidden; height:0;}
.footer_nav li:hover > div dl{overflow:visible; height:140px;}
.footer_nav li div dl a{margin:0;}
.footer_nav li div dl dt{font-size:16px; color:#00a3e7;}
.footer_nav li div dl.nav_wd_3{padding-left:0; border:0;}
.footer_nav li div dl.nav_wd_2{width:210px; padding-right:20px;}
.footer_nav li div dl.nav_wd_2 dd{float:left; margin-right:15px;}

/*在线客户800*/
.lim_float_icon{width:65px; height:90px;}
.lim_float_icon a{display:block; width:65px; height:90px; background:url(https://www.a963.com/statics/images/online_kefu.png) no-repeat;}
.lim_float_icon #live800iconlink img{width:100%; display:none;}

@media only screen and (min-width: 1200px){
.a_wd{width:1000px; margin-left:auto; margin-right:auto;}
.a_wd_full{width:100%;}
}

@media (min-width:768px) and (max-width:979px){
.a_wd{width:96%; margin-left:auto; margin-right:auto;}
.c_nav ul li a{padding:0 4px}
.design_content_right dl.register dt a{padding:2px 5px; margin-right:2px;}
}

@media (max-width:767px){
.a_wd{width:96%; margin-left:auto; margin-right:auto;}
.c_nav{line-height:30px; background:#00a3e7;}
.c_nav ul li a{padding:0 6px; color:#fff;}
.c_nav ul li a.hover,.c_nav li a:hover{color:#fff8bc;}

/*.js .nav{clip:rect(0 0 0 0); max-height:0; position:absolute; display:block; overflow:hidden;}
.nav{top:0; width:100%; position:relative;display:none;}
.nav ul li{width:100%; display:block;}
.nav.opened{max-height: 9999px}
.nav a:hover{background:transparent}
.nav .active a:hover{color:#fff; background:rgba(0,0,0, .3)}
.nav-toggle{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  text-indent: -999px;
  position:absolute; top:-10px; right:10px;
  overflow: hidden;
  width: 40px;
  height: 50px;
  float: right;
  display: block;
  margin:0; z-index:99999;
}
.nav-toggle:before{
  color: #444; 
  font-family: "responsivenav";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 28px;
  text-transform: none;
  position: absolute;
  content: "\2261";
  text-indent: 0;
  text-align: center;
  line-height: 65px;
  speak: none;
  width: 100%;
  top: 0;
  left: 0;
}
.nav-toggle.active:before{
  font-size: 24px;
  content: "\78";
}*/
}

@media (max-width:640px){
body{font-size:15px;}
.fr,.fl{float:none;}
.com_title{display:block; padding-top:15px;}
.com_title h1{font-weight:normal; font-size:24px;}
.pathinfobox h1{font-size:18px;}
.mz_smbox .mz_sm li{float:left; width:25%; font-size:16px; text-indent:0; text-align:center;}
.banner .bg,.banner .title{display:none;}
.pright,.pleft{width:100%;}
.pleft{margin-top:20px;}
.mz_connection li p{width:77%;}
.mz_flinkti{display:none;}
.item .imgbox{width:28.5714286%;}
.item .dtbox{width:68.5714286%;}
.leave_word .works{width:32.8571429%;}
.leave_word .works_bx{width:64.2857143%;}
.mz_contact ul{width:98%;}
.leave_word .works{width:100%; float:none;}
.leave_word .works a{height:auto; padding-bottom:0;}
.leave_word .works_bx{width:100%; float:none;}
.leave_word .works_bx h2{font-size:18px; margin-top:10px;}

.footer_nav li div{width:285px; left:-160px;}
.footer_nav li:hover > div{padding:10px;}
.footer_nav li div dl{padding:0 10px;}
.footer_nav li div dl.nav_wd_2{padding-right:10px; width:190px;}
.footer_nav li div dl.nav_wd_2 dd{margin-right:10px;}
.footer_nav li:hover > span{background-position:5px 8px;}
.footer_nav li:click > div{opacity:1; padding:20px; display:block;}
.footer_nav li div dl.nav_wd_1{border:0; padding-left:0;}
.lim_float_icon{display:none;}
}

@media (max-width:320px){
.footer_nav li div{width:290px; left:-110px;}
}