@charset "utf-8";
body{margin:0px;padding:0px;font-size:15px;line-height:30px;font-family:"微软雅黑",Arial, Helvetica, sans-serif;color:#111;background:#fff;}
body,html,ul,li,dl,dt,dd,ol,th,td,form,h1,h2,h3,h4,h5,h6,img,p,input,button,select,textarea,img,a,span{margin:0px;padding:0px;}
img{vertical-align:top;border:0;}
button,select,textarea{outline:none}
textarea{resize:none}
ul,li{list-style-type:none;}
.clear{ clear:both;}
a{color:#111; text-decoration:none;}
a:hover{color:#00a3e7;}

@font-face {
  font-family: "responsivenav";
  src:url("../../../css/new/fonts/responsivenav.eot");
  src:url("../../../css/new/fonts/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("../../../css/new/fonts/responsivenav.ttf") format("truetype"),
    url("../../../css/new/fonts/responsivenav.woff") format("woff"),
    url("../../../css/new/fonts/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}


/*精 f1、佳 f2、荐 f3*/
.f1{color:#ff7200}
.f2{color:#f34242}
.f3{color:#ffa904}

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

.nav-toggle{display:none;}

.clearfix:before,.clearfix:after{content: ""; display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}

.sitename{padding:15px 0;}
.sitename h2{height:52px;line-height:52px;font-size:48px; color:#131313;overflow:hidden;}
.sitename h2 font{font-weight:normal;color:#464646;}
.sitename span{display:block;height:16px;line-height:20px;}
.sitename span a{color:#464646;}

.a_wd_full{width:100%;}
.a_wd,.main100{width:95.505618%; margin-left:auto; margin-right:auto;}

.title{padding:10px; border-bottom:1px solid #eee; background:#f9f9f9; overflow:hidden;}
.title h3{float:left;font-size:18px;}
.title span{float:right;}
.title h4{font-size:18px;}
.main_margin10{margin-bottom:22px;}

.nav_100{width:100%; background:#111;line-height:40px;overflow:hidden;}
.nav_100 li{float:left;height:40px;line-height:40px;width:100px;text-align:center;}
.nav_100 li a{color:#ffffff; display:block;}
.nav_100 li.hover,.nav_100 li:hover{background:#00a3e7;}
.nav_100 li.limit_w{142px; background:#ff7200;}
.nav ul li{background:none;}
.nav ul li a{padding:0; font-size:13px;}

pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;/*pre自动换行*/}

/*分页*/
.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;}

.a963top{height:30px;line-height:30px;overflow:hidden;background:url(../images/header.gif) repeat-x}
.a963top .toplogin{float:left;}
.a963top .topleft{float:right;font-size:12px;}
.a963top .topleft a{font-size:12px;padding:0 5px;}

.main_left{width:25.7352941%;}
.design_mz{border:1px solid #eee;}
.face,.face_top,.face_right .face_right1,.face_right .face_right2,.face_contart{border-bottom:1px solid #eee;}

.face_left{width:40.2298851%;float:left; padding:2.8735632%; border-right:1px solid #eee;}
.face_pic{width:100%; height:0; padding-bottom:114.2857143%; overflow:hidden;}
.face_pic img{width:100%;}

.face_right{width:53.7356322%;float:left; font-size:14px; line-height:24px;}
.face_right img{vertical-align:middle;}
.face_right h3,.face_right .face_right1{padding:0 10px;}
.face_right h3{padding-top:10px; font-size:21px;}
.face_right .face_right1{padding-bottom:10px;}
.face_right .face_right2,.face_right .face_share,.face_button,.face_contart{padding:12px 10px;}
.face_right .face_share{padding-right:5px;}
.face_right .face_right1 span.arte{margin-left:10px; color:#999;}
.face_button a,.face_button a:hover{display:inline-block; padding:5px 20px; background:#00a3e7; border-radius:3px; color:#fff;}
.face_button a.hover{background:#ff7200; margin-left:20px;}
.face_contart ul{float:left; width:50%;}
.face_contart ul li{padding-left:18px;}
.face_contart ul li.tel{background:url(../images/des_face_03.gif) no-repeat left;}
.face_contart ul li.phone{background:url(../images/des_face_04.gif) no-repeat left;}
.face_contart span{float:right; width:50%;background:url(../images/des_face_05.gif) no-repeat left;}
.face_contart span a{padding-left:18px;}
.face_contart span img{vertical-align:middle;}

.my_auout{padding:10px; padding-top:0;}
.design_mome p{word-wrap:break-word; padding-top:10px}
.design_mome p a{color:#00a3e7; margin-left:5px;}
.design_mome p.workstype_style a{color:#333333}

.left_title{background:#f9f9f9; border:1px solid #eee; padding:10px;}
.left_title h3{font-size:21px; font-weight:normal; float:left;}
.left_title span{float:right; margin-top:5px;}

.main_left .main_padding{padding:0 10px; border:1px solid #eee; border-top:0;}
.left_list{padding:10px 0}
.left_list li{line-height:30px;overflow:hidden; white-space:nowrap;}
.left_list li a{background:url(../images/item_01.gif) left center no-repeat;padding-left:10px;}

.left_pic{padding:10px 0; width:103.6585366%; margin-left:-3.6585366%;}
.left_pic li{width:16.4705882%;float:left;margin-left:3.5294118%;padding:10px 0; font-size:12px;}
.left_pic li .left_pic_img{width:100%;height:0; padding-bottom:116.6666667%;overflow:hidden;}
.left_pic li .left_pic_img img{width:100%;}
.left_pic li .left_pic_text{text-align:center;}
.left_pic li .left_pic_text a{display:block;overflow:hidden; white-space:nowrap;}
.left_pic li .left_pic_text span{color:#999; line-height:16px; display:block;}

.left_pic li.photo{padding:0; white-space:nowrap; overflow:hidden;}

.main_right{width:72.7941176%; overflow:hidden;}
.border_solid{border:1px solid #eee;}

.Label_Classification{height:30px;line-height:30px;font-size:12px;color:#999; padding:10px;}
.Label_Classification a{padding:0 4px 0 0; color:#999999;}
.Label_Classification span,.Label_Classification a{font-size:12px;}
.right_text_pic{ text-align:center;padding:10px 0 20px 0;}
.right_text_pic img{width:82.6446281%;}
.right_text{line-height:24px; padding:10px;}
.right_text p{text-indent:18px;}
.Postedon_read_Comments{line-height:34px;overflow:hidden; padding:10px;}
.Postedon_read_CommentsL{float:left;color:#999;}
.Postedon_read_CommentsL font{color:#00a3e7;}
.Postedon_read_CommentsR{float:right;}
.Postedon_read_CommentsR a{color:#00a3e7;}

/*底部滚动图片*/
.ScrCont{height:114px;position:relative;overflow:hidden;}
.ScrCont ul{position:absolute;left:0;top:0;}
.ScrCont li{float:left;width:229px;height:114px; overflow:hidden;margin-right:20px;}

.foot_Links{background:#e7e7e7;}
.foot_Links ul{padding:8px 15px;}
.foot_Links li{line-height:24px;float:left;padding-right:12px;white-space:nowrap;}

.celebrity_name{height:30px; padding:0 15px; color:#999; overflow:hidden; line-height:30px;}
.NameScroll{position: relative;}
.NameScroll_ul{position:absolute; left:0; top:0; margin-left:95px;}

/*关于about*/
.main_padding10{padding:15px;}
.about{padding:20px;}
.about dl{margin-bottom:25px;}
.about h2{color:#DA251D;font-size:18px;margin-bottom:10px;}

/*作品案例 works*/
.works dl{border-bottom:1px dashed #eee;padding:15px 0;position:relative;}
.works dl dt{width:14.0625%; float:left; overflow:hidden; text-align:center;}
.works dl dt .allsitebox{width:100%; height:0; padding-bottom:85.1851852%; overflow:hidden;}
.works dl dt .allsitebox img{width:100%;}
.works dl dd{width:84.375%; float:right;}
.works dl dd .allsiteinformation1{line-height:32px; overflow:hidden;font-size:16px;}
.works dl dd .allsiteinformation1 span{color:#999;padding-left:12px; font-size:13px;}
.works dl dd .allsiteinformation1 font{padding:0 5px;}
.works dl dd .allsiteinformation2{height:22px;line-height:22px; overflow:hidden; color:#999;}
.works dl dd .allsiteinformation2 span{padding-right:20px;}
.works dl dd .allsiteinformation2 span a{color:#999;}
.works dl dd .allsiteinformation3{line-height:28px; overflow:hidden;}
.works dl dd .allsiteinformation3 a,.works dl dd .allsiteinformation2 span a:hover{color:#00a3e7;}
.works dl dd .allsiteinformation3 a:hover{text-decoration:underline;}

.works dl.nonepic_designernewslist dd{width:100%;}
.works dl.nonepic_designernewslist dd .allsiteinformation3{line-height:28px;overflow:hidden;}

/*客户留言*/
.Comment dl dt span{color:#999; margin-top:5px; display:block;}
.Comment dl dd h1{font-size:13px; font-weight:normal;}
.Comment dl dd h1 b{color:#999; font-weight:normal;}
.Comment dl dd em{margin-top:10px; display:block;}

#message{margin-top:20px;}
.message{}
.message dl{border-bottom:1px dashed #e3e3e3;padding:15px 0;width:98%;}
.message dl dd{width:100%;padding-left:15px;}
.message dl dd .allsiteinformation1{height:32px;line-height:32px;font-weight:bold; overflow:hidden;font-size:14px;}
.message dl dd .allsiteinformation1 a{text-decoration:underline;}
.message dl dd .allsiteinformation1 span{color:#999;padding-left:12px;font-size:12px;}
.message dl dd .allsiteinformation1 font{padding-left:5px;}
.message dl dd .allsiteinformation3{line-height:28px;}
.message dl dd .allsiteinformation3 a{text-decoration:underline;color:#00F;}

/*最近访客更多*/
.visitorbox ul li{float:left;width:55px;margin-right:15px;text-align:center;padding-bottom:25px;}
.visitorbox ul li .imgbox{width:55px;height:78px;overflow:hidden;}
.visitorbox ul li .imgbox img{width:55px;}
.visitorbox ul li .dename{line-height:20px;height:20px;overflow:hidden;}
.visitorbox ul li .dename a{font-size:12px;}
.visitorbox ul li .vtime{font-size:12px;}

.main_right .works iframe{width:100%; height:1030px;}

.backToTop{opacity:0.3;filter:alpha(opacity=30);position:absolute;right:0px;display:none;cursor:pointer;background:url(../../../images/backToTop.gif) no-repeat center center;width:45px;height:45px;}
.backToTop.hover{opacity:1.0;filter:alpha(opacity=100);}

/*页脚*/
.mz_footer{line-height:40px;text-align:center;background:#111;color:#fff;}
.mz_footer a{color:#fff; margin:0 8px;}
.mz_footer span{margin:0 10px;}
.footer_nav_must{line-height:38px;background:#eee;text-align:center;}
.footer_nav_must a{margin:0 5px;}
.footerright{padding:10px 0;text-align: center;width: 100%;font-size:12px; color:#999;}
.footerright a{color:#999; margin-right:10px;}
.footerright a:hover{color:#00a3e7;}
.footerpic{margin-bottom:15px;text-align:center;width:100%;}
.footerpic img{padding:0 10px}

/*在线客户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 (min-width:768px) and (max-width:979px){
.nav_100 li{width:80px;}
}

@media (max-width:767px){
.fl,.fr{float:none;}
.left_hide,.ScrCont{display:none;}
.main_left{width:100%;}
.main_right{width:100%;}

.share_box .bdsharebuttonbox em{text-align:left;}

.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:50px; right:10px;
  overflow: hidden;
  width: 40px;
  height: 50px;
  float: right;
  display: block;
  margin:0;
}
.nav-toggle:before{
  color: #444; /* Edit this to change the icon color */
  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";
}

.sitename h2{height:52px;line-height:52px;font-size:36px;}

.works dl dt{width:100%; float:none;}
.works dl dt .allsitebox{height:auto; padding-bottom:0;}
.works dl dd{width:100%; float:none;}
.works dl dd .allsiteinformation1{font-size:20px; margin-top:10px;}

.main_right .works iframe{height:1130px;}
}

@media (max-width:640px){
.main_right{font-size:16px;}
.title h4,.title h3{font-size:20px;}
.mz_footer,.footer_nav_must,.foot_Links,.celebrity_name{display:none;}
.lim_float_icon{display:none;}
}

@media (max-width:480px){
.main_right .works iframe{height:1470px;}
}

@media (max-width:320px){
.face_left{width:39.2298851%;}
.main_right .works iframe{height:1620px;}
.share_box .bdsharebuttonbox a{margin:0 5px;}
}