#header {-webkit-box-shadow:0 1px 8px rgba(0,0,0,0.4);box-shadow:0 1px 8px rgba(0,0,0,0.4);position: relative;z-index:99}

.nav {margin-top:9px;font-size:14px;padding:8px 0 8px 0;border-bottom:1px solid #bbb;color:#666;text-align:right;position:relative;}
.nav a {color:#aaa;}
.nav .navbox {position:absolute;right:0;top:10px;}
.pageframe {margin-top:20px}
.pagename h2 {text-align:center;font-size:18px;width:180px;margin:0 auto;border-bottom:2px solid #fcc334;padding-bottom:2px;margin-bottom:25px}
.pagename .submenu {width:700px;margin:0 auto;overflow:hidden;}
.pagename .submenu li {float:left;width:25%;}
.pagename .submenu a {font-size:14px;color:#666;display:block;border-radius:6px;background:#f2f2f2;padding:5px 8px;margin:0 auto;text-align:center;width:90px;}
.pagename .submenu a.current,.pagename .submenu a:hover {background:#005b85;color:#fff;}
.aboutframe .content {margin-top:30px;line-height:180%;font-size:14px;padding:10px;}

.aboutframe {margin-top:20px;display: table;width:100%;padding-bottom:30px;}
.aboutframe .left {display: table-cell;width: 25%;vertical-align:top;background:#f5f5f5;}
.aboutframe .right {display: table-cell;width: 75%;vertical-align:top;}
.aboutframe .aboutbox {margin-left:40px;}
.aboutframe .article {padding: 20px 0}
.categoryframe dt {height: 50px;line-height: 50px;background: #ef5712;color: #fff;font-size:16px;font-weight:600;padding:5px 30px}
.categoryframe dd {line-height:52px;line-height: 52px;padding-left: 15px;position: relative;}
.categoryframe dd:hover {background: #c4e8f9;}
.categoryframe dd a {color: #666;display: block;}
.categoryframe a:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 28px;
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.contact {padding:50px 20px 20px 20px;}
.contact .left {float:left;width:600px;}
.content .right {float:right;}
.contact .left h2 {font-size:18px;margin-bottom:10px}
.contact .left li {padding:5px 0;font-size:14px;color:#666;}
.contact .dt {margin-top:30px;}
.contact .dt h3 {border-bottom:1px dashed #efefef;width:100%;padding:10px 0;margin-bottom:30px}
.contact .mapbox {position:relative;width:98%;height:700px;margin:0 auto;}
.contact .mapbox #contact_maps {width:100%;height:700px;margin:0 auto;}
.contact .mapbox .dhmask {}
.contact .mapbox .dhmask .slideclose {height:36px;width:20px;border:1px solid #ddd;border-right:1px solid #fff;position:absolute;z-index:9;background:#fff;top:232px;right:0;}
.contact .mapbox .dhmask .slideclose a {display:block;background:url(/images/maparrow.png) 0 -54px no-repeat;width:20px;height:20px;margin-top:8px;}
.contact .mapbox .dhmask .slideclose a:hover {background-position:0 -140px}
.contact .mapbox .dhmask .slideclose a.open {background-position:0 -10px}
.contact .mapbox .dhmask .slideclose a.open:hover {background-position:0 -96px}
.contact .mapbox .mapmask {background:#fff;width:260px;height:680px;position:absolute;z-index:8;right:0;top:0;display:none;border:1px solid #ddd;padding:10px;overflow-y:auto;}
.contact .mapbox .mapmask .close {text-align:right;padding-bottom:10px}
.contact .mapbox .mapmask .close a {color:#666;font-size:12px}
.contact .mapbox .mstype {overflow:hidden;padding-left:1px;}
.contact .mapbox .mstype a {float:left;font-size:14px;display:inline;width:84px;text-align:center;margin:0 0 0 -1px;border:1px solid #dadbda;background:#f5f5f5;color:#333;line-height:28px;position:relative;}
.contact .mapbox .mstype a:hover,.contact .mapbox .mstype .selected {border:1px solid #005b85;background:#c4e8f9;color:#005b85;z-index:2;}
.contact .mapbox .mstype .selected {color:#005b85;}
.contact .mapbox .msbox {margin:10px 0;font-size:14px;padding-left:40px;background:url(/images/mapdot.jpg) no-repeat;}
.contact .mapbox .msbox li {height:40px;line-height:40px}
.contact .mapbox .msbox li #state {background:#fff;height:20px;padding:3px 6px;width:160px;}
.contact .mapbox .msbox li #state:hover{color:#999;}
.contact .mapbox .msbox li .txt {border:1px solid #ccc;box-shadow:1px 1px 1px #DDD inset;border-color:#bbb #ddd #ddd #bbb;outline:none;}
.contact .mapbox .msbox li .err {border:1px solid #f00;}
.contact .mapbox .msbox li #state:focus{border-color:#67A1E2;box-shadow:none;}
.contact .mapbox .msbox li #sbn {display:inline-block;width:98px;height:28px;border:1px solid #186106;background:#005b85;line-height:28px;text-align:center;color:#fff;}
.contact .mapbox .BMap_bubble_content {font-size:12px;} 
.contact .mapbox .BMap_bubble_content h4 {font-size:16px;}
.contact .mapbox .BMap_bubble_content .mleft {float:left;width:220px;}
.contact .mapbox .BMap_bubble_content .mright {float:right;width:120px;}
.contact .mapbox .BMap_bubble_content .mdh {margin-top:8px}
.contact .mapbox .BMap_bubble_content .mdh input {padding:2px;width:200px;}
.contact .mapbox .BMap_bubble_content .mdh button {margin:8px 8px 0 0;}
.curriculum {padding:20px 0;}
.news {overflow:hidden;margin-bottom:50px;margin-top:30px}
.news .pagelist,.productlist .pagelist {float: right;}
.news .list {padding:20px;}
.news .list li {border-bottom:1px dashed #ddd;padding:10px 0;overflow:hidden;display:flex;}
.news .list li .pic {float:left;width:200px;height:150px;overflow:hidden;margin-right:20px}
.news .list li .pic img {height:150px}
.news .list li h3 {font-size:16px;color:#222;width:100%;position:relative;}
.news .list li h3 span {font-size:14px;font-weight:normal;color:#ccc;position:absolute;right:10px;top:0;}
.news .list li .intro {position:relative;float:left;width:100%;}
.news .list li .nc {padding:10px 0;font-size:12px;color:#888;line-height:170%}
.news .list li .btn {font-size:14px;color:#fff;background:#005b85;width:100px;height:30px;line-height:30px;border-radius:20px;text-align:center;}
.news .list li.haspic .intro {}
.news .list li h3 a {color:#222}
.news .list li .btn a {color:#fff;}
.news .newcnr {margin-top:50px;}
.news .newcnr h2 {font-size:18px;text-align:center;}
.news .newcnr .attr {padding:10px 0;font-size:12px;color:#999;text-align:center;}
.news .newcnr .content {font-size:14px;line-height:180%;padding:10px;border-bottom:1px dashed #aaa;color:#666;}
.news .newcnr .page {margin-top:20px;font-size:12px;}
.news .newcnr .page .pre {float:left;width:49.5%}
.news .newcnr .page .next {float:right;width:49.5%;text-align:right;}
.news .newcnr .page a {color:#666;}
.productlist .list {display: flex;justify-content: start;width: 100%;flex-wrap: wrap;}
.productlist .list li {width: 28.33%;padding: 2%;text-align: center;}
.productlist .list li .item {width:80%;margin:0 auto;line-height:150%;}
.productlist .list li img {width:100%;height:100%;}
.productlist .list li a {color: #666;}


.feedback li {padding:10px;display: table;}
.feedback li .fl {display: table-cell;width: 70px;}
.feedback li .fr {display: table-cell;} 
.feedback input[type='button'] {width:120px;height:40px;line-height:40px;background: #005b85;color: #fff;border: none;}
.feedback input[type='text'] {width: 300px;height: 30px;line-height: 30px;border: 1px solid #555;}
.feedback #tips {color: #f00}