@charset "utf-8";
.clear{clear:both;}
*{font-family:'Conv_MyriadPro-Regular';}
#keymain{font-size:16px;margin-top:20px;}
#keymain .maes{padding:10px 0 10px 10px;float:left;}
#keymain .maes .maesleft{float:left;width:685px;border:#CCC 1px solid;background-color:#EAEAEA;height:80px;}
.texttm{width:669px;}
.textm{width:669px;border:0;height:32px;font-size:16px;color:#333;font-family:Arial;padding:10px;}
#keymain .maes .maesleft .maeslm{float:left;width:680px;height:23px;background-color:#EAEAEA;padding-top:3px;text-align:right;}
#keymain .maes .maesleft .maeslms_left{float:left;padding:0 10px;height:23px;font-weight:bold;font-size:14px;line-height:23px;color:#999;}
#keymain .maes .maesleft .maeslms{float:right;padding:0 10px;height:23px;font-weight:bold;font-size:14px;line-height:23px;color:#999;}
#keymain .maes .maesright{width:220px;float:left;height:80px;vertical-align:text-bottom;}
#keymain .maes .maesright .pic a{float:left;height:80px;margin:0 10px;border:#CCC 1px solid;}
#keymain .maes .maesright .pic a:hover{border:#29447E 1px solid;}
#keymain .maes .maesright .zai{border:#CCC 1px solid;background:url(../images/zai.jpg);width:109px;height:80px;float:left;}
#keymain .maes .maesright .zai .zai2{float:left;height:20px;width:109px;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:bold;padding-top:58px;}
#keymain .maesask{padding:5px 0 0 0;float:left;border:#CCC 1px solid;}
#keymain .maesask .maesleft{float:left;width:550px;height:120px;}
#keymain .maesask .maesright{width:210px;float:left;height:80px;vertical-align:text-bottom;}
#keymain .maesask .maesright .pic a{float:left;height:80px;margin:0 10px;border:#CCC 1px solid;}
#keymain .maesask .maesright .pic a:hover{border:#29447E 1px solid;}
#keymain .maesask .maesright .zai a{float:left;height:47px;border:#CCC 1px solid;background:url(../images/zai.jpg);width:47px;padding-left:60px;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:bold;padding-top:33px;}
#keymain .maesask .maesright .zai a:hover{border:#29447E 1px solid;}
#keymain .keytitle{padding:8px 0 0 10px;}
#keymain .keytitle h1{font-size:18px;margin:0;}
#keymain .keycontent{padding:0 10px 10px 10px;line-height:20px;}
#keymain .titlenav{padding:5px 0 5px 8px;background-color:#EFEFEF;font-size:18px;}
#keymain .titlenav h2{font-size:18px;display:inline;}
/* #keymain .prolist{width:370px;float:left;width:30%;margin-left:1%;margin-right:1%;} */
#keymain .promain{border:1px solid #CCC;margin:10px 0;background-color:#FFf;float:left;width:100%;}
#keymain .promain .boxtop{padding:10px 0 10px 10px;overflow:hidden;}
#keymain .promain .boxtop .pic{width:40px;height:40px;float:left;border:#CCC 1px solid;}
#keymain .promain .boxtop .proname{float:left;padding:0 0 0 10px;width:90%;}
#keymain .promain .boxtop .proname a{font-size:13px;font-weight:bold;color:#555;text-decoration:none;}
#keymain .promain .boxtop .proname a:hover{color:#333;}
#keymain .promain .boxtop .date{float:left;padding:5px 0 0 10px;height:15px;font-family:Arial;color:#999;}
#keymain .promain .boxbot{float:left;overflow:hidden;word-break:hyphenate;border-top:#CCC 1px solid;width:100%;}
#keymain .promain .boxbot .protitle{float:left;font-size:13px;font-weight:bold;color:#29447E;line-height:30px;padding-left:10px;}
#keymain .promain .boxbot .protext{float:left;font-size:14px;font-weight:bold;color:#555;overflow:hidden;word-break:hyphenate;line-height:20px;padding:2%;width:100%;height: auto!important;}
#keymain .promain .boxbot .propic{float:left;}
#keymain .promain .proother{float:left;height:30px;background-color:#EBEBEB;padding-top:10px;padding-left:10px;}
#keymain .promain .boxtop .inquiry{float:left;}
#keymain .promain .boxtop .inquiry a{background:url(../images/inquiry.jpg) no-repeat;width:70px;padding:2px 0 6px 0;text-decoration:none;color:#FFF;text-align:center;float:left;}
#keymain .promain .boxtop .inquiry a:visited{background:url(../images/inquiry.jpg) no-repeat;width:70px;padding:2px 0 6px 0;text-decoration:none;color:#FFF;text-align:center;float:left;}
#keymain .promain .boxbottom{padding:0 0 10px 10px;}
#keymain .promain .boxbottom .proimg{float:left;border:1px solid #CCC;}
#keymain .promain .boxbottom .prosell{float:left;margin:5px 0 0 15px;line-height:22px;width:520px;}
#keymain .promain .boxbottom .prosell a{color:#555;text-decoration:none;}
#keymain .promain .boxbottom .prosell a:visited{color:#555;text-decoration:none;}
#keymain .promain .boxbottom .prosell a:hover{color:#E60000;text-decoration:none;}
#keymain .aboutkey{padding:5px 0 15px 10px;font-size:11px;}
#keymain .aboutkey a{margin:0 0 0 3px;color:#000;text-decoration:none;}
#keymain .aboutkey a:visited{margin:0 0 0 3px;color:#555;text-decoration:none;}
#keymain .aboutkey a:hover{color:#E60000;text-decoration:none;}
.page{text-align:right;padding:10px 5px 0 0;}
.keyfootbutton{display:block;width:1002px;margin:0 auto;text-align:center;cursor:pointer;}
.footblog{width:1002px;margin:0 auto;height:0;background:#FFF;overflow:hidden;text-align:left;font-size:11px;}
.footblog a{text-decoration:none;}
.footblog .boxleft{width:240px;padding:30px 0 0 10px;float:left;}
.footblog .boxleft .navtitle{background:#f3f3f3;padding:0 0 0 5px;}
.footblog .boxleft .title{padding:2px 0 0 0;}
.footblog .boxleft .title ul{margin:0;padding:0;}
.footblog .boxleft .title ul li{list-style-type:none;padding:3px 0 0 4px;line-height:18px;height:18px;}
.footblog .boxleft .title ul li a:link{padding:3px 0 3px 0;}
.footblog .boxleft .title ul li a:visited{padding:3px 0 3px 0;}
.footblog .boxright{width:750px;float:left;}
.footblog .boxright .blogtitle{text-align:center;padding:3px 0 3px 0;font-family:'Trebuchet MS',Arial,Helvetica,sans-serif;font-size:16px;font-weight:bold;}
.footblog .boxright .blogtitle a{font-family:'Trebuchet MS',Arial,Helvetica,sans-serif;font-size:16px;font-weight:bold;}
.footblog .boxright .blogtitle a:hover{font-family:'Trebuchet MS',Arial,Helvetica,sans-serif;font-size:16px;font-weight:bold;}
.footblog .boxright .blogtitle a:visited{font-family:'Trebuchet MS',Arial,Helvetica,sans-serif;font-size:16px;font-weight:bold;}
.nodate{text-align:center;}.footblog .boxright .blogwriter{text-align:center;}
.prolist{width:48%;margin-right:2%;float:left;}
.prolist:nth-child(2n){margin-right:0;}
.footblog .boxright .blogmessage{padding:0 0 0 10px;}
@media screen and(max-width:670px){
  #keymain .prolist{width:45%;}
}
@media screen and(max-width:450px){
  #keymain .prolist{width:90%;}
}