@import url("foundation.css");@font-face{font-family: 'microsoft yahei';font-style: normal;font-weight: 400;src: local('Open Sans'), local('OpenSans'), url(fonts/OpenSans.woff) format('woff');}
@font-face{font-family: 'Open Sans';font-style: normal;font-weight: 700;src: local('Open Sans Bold'), local('OpenSans-Bold'), url(fonts/OpenSans-Bold.woff) format('woff');}
html, body{padding: 0;margin: 0;}
body{background-color: #ffffff;font-family: 'microsoft yahei';font-size: 18px;line-height: 22px;color: #333;-webkit-text-size-adjust: none;}
body *{text-shadow: none;padding-top: 0px;}
h1, h2, h3, h4, h5, h6{line-height: 1;color: #330;font-weight: bold;margin: 10px 0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td, textarea, input{font-family: 'microsoft yahei';font-weight: normal;}
h1, h2, h3{font-size: 18px;}
h4{font-size: 15px;}
h5{font-size: 14px;}
h6{font-size: 13px;}
p{margin: 0 0 10px 0;}
a, a:link, a:active, a:visited, a:hover{color: #e7cb71;text-decoration: none;}
pre{font-size: 18px;width: 100%;overflow: auto;-webkit-overflow-scrolling: touch;}
.clear{clear:both}
.center{text-align:center;}
#page nav{display: none;}
#header{position:fixed;top:0px;width:100%;z-index:999;}
#header,
.header,
#footer{background: #262626;font-size: 18px;font-weight: bold;color: #fff;text-align: center;line-height: 51px;height: 51px;padding: 0 50px;}
.subHeader{margin-top:51px;}
.subHeader a{color:#fff;text-decoration:none;}
.subHeader, .subFooter{background-color:#e7cb71;font-size: 15px;color: #fff;text-align: center;line-height: 40px;height: 40px;padding: 0 10px;position:relative;width: 100%;}
.subHeader i.i-small{position: absolute;left: 16px !important;top: 11px !important;margin: 0px;}
#header a,
.header a{background: url('fonts/icons.svg') no-repeat -21px -303px;display: block;width: 40px;height: 40px;position: absolute;top: 5px;left: 10px;}
#header a.backBtn{background: url('fonts/icons.svg') no-repeat -97px -303px;display: block;width: 40px;height: 40px;position: absolute;top: 5px;right: 0px;left: inherit;}
#header a.friends,
.header a.friends{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVNJREFUeNq01jFLAzEYxvH2UBCxiIiDUhzcdXCyIk5ufgUXLR37JdxcXBxcuwmOOtml0EKpo04iWIpIQREVEVFLjf9AhoC9e3O5uxd+lMLdPU1yedO8UiqXdQWO122ghi4+8IwGqiiId+uRCHbxqsLrFHNRz5ACSnhTch1EPScQpnIH0w7TWcGiz5rouS45rtkMVnxCJrAQ4yUq+oT8YhAjZOAT8oWHGCE9nxC9H64cA15w4xOiW0HbfErVNhvUa8c3cecQcoZv3xA9z+fCNbe4SNq7jvEUMaUnuE/au7SjkHbSR1G637ULh73Kn+gn7cIBttELGckQh9Jo8iMOrSksYx2b2MKk8FuvUUcHl/9GbiWuooYu3pVf/eARLZQxbp8na2YR0659e+HLmM/geN+z98lSRv8hZu2QQkYh+kzKjZkvHdPahymH6DNp5Cucev0JMAAkKj0NEoYBJwAAAABJRU5ErkJggg==);}
#header a.right,
.header a.right{left: auto;right: 10px;}
#content,
.content{padding: 10px;}
/*********************/@media all and (min-width: 900px){html, body{height: 100%;}
#menu{/*background: #eee;*/}
#page{min-height: 100%;}
/* hide open-button*/a[href="#menu"]{/*display: none !important;*/}}
#Logo{height: 41px;display: inline-block;padding-top: 10px;line-height: 40px;}
#Logo.svg{padding:0px;}
#Logo.svg a{background:none;display:block;width:123px;position:relative;top:0;left: 0;}
#Logo.svg img{/* top: 0px;*/line-height:51px;position: relative;margin-top: 6px;}
#Logo img{max-height:40px;}
.bannerPane{text-align:center;overflow: hidden;}
.bannerPane img{}
h3.title, h4.title{border-bottom:1px solid #eee;padding-bottom:10px;}
h2.title{font-weight: bold;margin-bottom:20px;}
.row h3.title, .row h2.title , .row h4.title{margin-top:0px;}
.title_header{width:100%;padding:25px 0px 20px;text-align:center;}
.title_header .title{color: #333;font-size: 2rem;margin:0px;}
.title_header .subtitle{width:100%;color: #6E6E6E;font-size:1.2rem;margin:0px;}
/*********** ICONS*/
.W50{width:50%;float:left;position:relative;padding-bottom:0;overflow:hidden;padding:0.2rem;}
.i-panefx{width:100%;position:relative;text-align:center;overflow:hidden;box-shadow: 0px 0px 5px rgba(0,0,0,0.2);background:#fff;}
.W50 h4{text-align:center;}
.W50 h4 a{color:#666;}
.i-pane{width:45px;height:45px;position:relative;float: left;border-radius: 50%;text-align: center;margin:0px auto;background:#e7cb71 !important;}
.i-pane.i-blue{background-color:#f2f2f2;}
.i-pane.i-green{background-color:#9eb74e;}
.i-pane.i-orange{background-color:#e0af50;}
.i-pane.i-red{background-color:#ff7a73;}
.c-blue{color: #587eac;}
.c-green{color: #9eb74e;}
.c-orange{color: #e0af50;}
.c-red{color: #ff7a73;}
i{background: url("fonts/icons.svg") no-repeat left top;display:inline-block;position:relative;}
/*i.i-phone{width:72px;height:72px;background: url(fonts/phoneicon.svg) no-repeat left top;top: 50%;left:50%;margin: -36px 0px 0px -65px;}*/i.i-phone{width:52px;height:52px;background-position: 0px 0px;top: 50%;left:50%;margin: -36px 0px 0px -65px;}
i.i-flexible{width:52px;height:52px;background-position: -72px 0px;top: 50%;left:50%;margin: -36px 0px 0px -65px;}
i.i-neat{width:52px;height:52px;background-position: -144px 0px;top: 50%;left:50%;margin: -36px 0px 0px -65px;}
i.i-home{width:52px;height:52px;background-position: 0px -72px;top: 50%;left:50%;margin: -36px 0px 0px -65px;}
i.i-about{width:52px;height:52px;background-position: -72px -72px;top: 50%;left:50%;margin: -36px 0px 0px -65px;}
i.i-blog{width:52px;height:52px;background-position: -144px -72px;top: 50%;left:50%;margin: -33px 0px 0px -65px;}
i.i-shortcodes{width:52px;height:52px;background-position: 0px -144px;top: 50%;left:50%;margin: -36px 0px 0px -65px;}
i.i-gallery{width:52px;height:52px;background-position: -72px -144px;top: 50%;left:50%;margin: -36px 0px 0px -65px;}
i.i-contact{width:52px;height:52px;background-position: -144px -144px;top: 50%;left:50%;margin: -36px 0px 0px -65px;}
i.i-home.i-small{width:19px;height:19px;background-position: -9px -225px;top: 3px;}
i.i-about.i-small{width:19px;height:19px;background-position: -49px -225px;top: 3px;left: 3px;}
i.i-blog.i-small{width:19px;height:19px;background-position: -82px -225px;top: 3px;}
i.i-shortcodes.i-small{width:20px;height:19px;background-position: -116px -225px;top: 3px;}
i.i-gallery.i-small{width:20px;height:19px;background-position: -152px -225px;top: 3px;}
i.i-contact.i-small{width:20px;height:19px;background-position: -188px -225px;top: 3px;}
i.i-comments.i-small{width:16px;height:16px;background-position: -28px -388px;top: 3px;margin:0px 5px 0px 5px;}
i.i-author.i-small{width:16px;height:16px;background-position: -100px -388px;top: 3px;margin:0px 5px 0px 5px;}
i.i-calendar.i-small{width:16px;height:16px;background-position: -172px -388px;top: 3px;margin:0px 5px 0px 5px;}
i.i-small{margin: 0px 10px 0px 0px;left: 0px;}
.mainIconPane{display:inline-block;margin-bottom: 15px;}
.mainIconPane h4{margin: 0px 0px 5px;}
.mainIconPane p{color:#979797;font-size:13px;}
.exploreSiteFullPane{padding: 5px;}
.exploreSiteFullPane h5{color:#666;}
a.explorePane{text-decoration:none;}
.explorePane{width: 25%;float: left;padding: 1%;border-bottom: 1px solid #f6f6f6;text-align: center;text-decoration:none;border-right: 1px solid #f6f6f6;}
.explorePane:nth-child(4n){border-right: 0px solid #DDD;}
.explorePane .i-pane{float:none;margin:0px;display: inline-block;}
.explorePane:active .i-pane, .explorePane:focus .i-pane, .explorePane:hover .i-pane, .explorePane.active .i-pane{background-color: #e7cb71;}
.explorePane:active, .explorePane:focus, .explorePane:hover{cursor:pointer;}
.block{font-size:14px;/* font-weight:bold;*/background-color:#f1f2f4;text-align:center;padding:15px;border-top:1px solid #ccd2d8;border-bottom: 1px solid #ccd2d8;color:#e7cb71;}
.o-page .mm-ismenu{background: #262626 !important;}
.o-page .mm-list > li{color: #e7cb71;}
.o-page .mm-menu.mm-vertical .mm-list .mm-panel{padding: 0px 0px 0px 40px !important;background-color: #0E1419 !important;}
.o-page .mm-menu.mm-vertical .mm-list .mm-panel li{background-color: #0E1419;border-bottom: 1px solid #e7cb71;border-left: 1px solid #e7cb71;}
.o-page .mm-menu > .mm-list{padding:0px;}
.o-page .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
.o-page .mm-menu .mm-list > li.mm-selected > span{background: #e7cb71;color: #0E1419;}
.o-page .mm-menu .mm-list > li.mm-selected i.i-small{background-position-y: -260px;}
.o-page .mm-menu.mm-hassearch > .mm-panel{padding-top: 50px;}
.o-page .mm-menu .mm-search input{border: 0px;background: rgba(0, 0, 0, 0);color: rgba(255, 255, 255, 0.6);}
.o-page .mm-menu li.mm-noresults{text-align: center;font-size: 15px;display: none;padding: 10px;}
.o-page .mm-list > li > a,
.o-page .mm-list > li > span{line-height: 30px;padding: 10px 10px 10px 15px;text-decoration: none;}
.o-page .mm-list > li > a:hover{background: rgba(0, 0, 0, 0.1);}
.o-page .mm-list a.mm-subopen{padding:0px;}
.o-page .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after{top: 20px;}
.o-page .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen{height:50px;}
.o-page .mm-list a.mm-subclose{padding-top: 30px !important;}
/*********************************************************************************** ABOUT*/.o-team{display: inline-block;text-align:center;}
.o-team .o-team-person.opacity50{opacity: 0.5;}
.o-team .o-team-person.opacity50.active{opacity: 1;}
.o-team .o-team-person{width: 48%;margin-top:10px;margin-left: 1%;text-align: center;float:left;margin-bottom: 0px;}
.o-team .o-team-person:hover{cursor: pointer;}
.o-team .o-team-person > a img{max-width:80%;border-radius: 50%;padding:3px;background: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
.o-team .o-team-person h4{font-size: 18px;color:#0e1419;margin:10px 0px 0px 0px;}
.o-team .o-team-person .h-line50{border-bottom: 1px solid #dcdee0;margin: 4px 0px;width: 50%;position: relative;display: inline-block;}
.o-team .o-team-person p{font-size: 18px;color:#949494;margin-top: 0px;line-height: 1;}
.o-team .o-team-person .o-person-content{display:none;}
.o-person-details img{width:100%;}
.o-person-details h4{font-size: 18px;color:#0e1419;margin:10px 0px 20px 0px;}
.o-person-details p{font-size: 18px;color:#949494;margin-top: 0px;line-height: 1;}
.o-person-details .a-skills{margin-bottom: 0px;border-bottom: 1px solid #DDD;padding-bottom: 10px;}
.chart{position: relative;display: inline-block;width: 110px;height: 110px;margin-top: 20px;margin-bottom: 50px;text-align: center;}
.chart canvas{position: absolute;top: 0;left: 0;}
.percent{display: inline-block;font-size: 30px;color: #777;z-index: 2;}
.percent:after{content: '%';margin-left: 0.1em;font-size: .8em;}
.angular{margin-top: 100px;}
.angular .chart{margin-top: 0;}
/*********************************************************************************** BLOG*/article{padding-top:30px;margin-bottom:30px;border-top:1px solid #eee;}
article:first-child{border-top:0px;margin-top:0px;padding-top:0px;}
article h3 a, article h2 a{text-decoration:none !important;font-weight:bold;}
article h3 a:hover, article h2 a:hover{text-decoration:none;}
article p{}
article div.a-meta{font-size:11px;}
article div.a-meta > a{text-decoration:none;}
article img{width:100%;}
.article-comments{}
.article-comments > ul{padding:5px;}
.article-comments > ul li{list-style:none;border-bottom: 1px solid #DDD;padding-bottom: 10px;margin-bottom: 10px;}
.article-comments > ul li img{max-width:60px;padding:2px;background-color:#fff;border-radius:50%;float:left;border: 1px solid #DDD;margin: 10px 10px 10px 0px;}
.article-comments > ul li p.c-a-name{font-size: 18px;margin:0px;}
.article-comments > ul li p{margin:0px;}
.article-comments > ul li .comment-date{font-size:12px;}
.article-comments > ul li p.desc{color:#999;}
.article-comments > ul > li > ul{padding-left:5px;}
.article-comments > ul > li > ul > li{background-color: #EEEFF1;padding: 5px 10px;margin-top: 10px;margin-bottom:0px;}
/*imglist*/.imglist{width:100%;position:relative;}
.imglist ul{display:block;position:relative;}
.imglist ul li{float:left;width:49%;margin-bottom:10px;margin-left:2%;overflow:hidden;display:block;box-shadow:0 0 5px #aaa;-webkit-box-shadow: 0 0 5px #aaa;-moz-box-shadow: 0 0 5px #aaa;-o-box-shadow: 0 0 5px #aaa;padding:5px;}
.imglist ul li:nth-child(2n-1){margin-left:0;}
.imglist ul li a{width:100%;margin:0;padding:0;text-decoration:none;}
.imglist ul li img{width:100%;}
.imglist ul li .img_a{position:relative;display:block;overflow:hidden;height:0px;padding-bottom:65%;}
.imglist ul li .img_a div{position:absolute;bottom:0;left:0;width:100%;background:#000;color:#FFF;padding-left:4px;opacity: 0.5;}
/*imglist*//*textlist*/.textlist{width:100%;position:relative;}
.textlist ul{display:block;position:relative;}
.textlist ul li{width:100%;}
.textlist ul li a{width:100%;margin:0;padding:0;text-decoration:none;}
.textlist ul li .a-meta{font-size:11px;text-align:right;}
/*textlist*//*show*/.content img{max-width:100%;text-align:center;}
#textarea_f{margin:0px 0px 40px 0px;font-size:14px;font-family:"微软雅黑";line-height:2 !important;}
#textarea_f .profrom{min-height:140px;height:auto !important;height:140px;overflow:visible;border:1px solid #ddd;border-bottom:none;margin-top:20px;font-size:16px;}
#textarea_f .profromh{width:100%;min-height:34px;height:auto !important;height:34px;overflow:visible;border-bottom:1px solid #ddd;line-height:30px;font-size:14px;}
/* #textarea_f .profromhl{width:39%;height:30px;float:left;line-height:30px;border-right:1px solid #ddd}*//* #textarea_f .profromhr{width:61%;height:30px;float:right;line-height:30px;}*/#textarea_f .profromhl{line-height:30px;border-bottom:1px solid #ddd;font-size:14px;}
#textarea_f .profromhr{line-height:30px;font-size:14px;}
.preNext li,.preNext a{line-height: 30px;font-size:16px;}
#textarea{font-size:14px;}
#textarea p{font-size:14px;line-height:28px;}
/*show*//*列表分页*/.page_info{text-align:center;margin:10px 0;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{line-height:30px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin:20px 0 10px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 15px;margin:0 1px;text-decoration:none;margin-bottom:10px;}
.page_list a.on{color:#fff;border:1px solid #e7cb71;background:#e7cb71;}
/*列表分页*//*********************************************************************************** Gallery*/div.gallery-row:after{clear: both;content: ".";display: block;height: 0;visibility: hidden;}
div.gallery-item.big-item{float: left;width: 50%;}
div.gallery-item{float: left;width: 33.33333333%;}
div.gallery-item a{display: block;margin: 3px;border: 1px solid #fff;color: #FFF;}
div.gallery-item img{display: block;width: 100%;height: auto;}
/*********************************************************************************** Contact*/.contactForm{}
.contactForm label{width:100%;margin-top:10px;float: left;}
.contactForm label .required{color:red;}
.contactForm #ContactName{background-color: #EBECEF;border: 1px solid #D7D9DB;padding: 3px 10px;height: 30px;color: #555;width: 90%;outline: none;}
.contactForm #ContactEmail{background-color: #EBECEF;border: 1px solid #D7D9DB;padding: 3px 10px;height: 30px;color: #555;width: 90%;outline: none;}
.contactForm #ContactMessage{background-color: #EBECEF;border: 1px solid #D7D9DB;padding: 10px;color: #555;width: 90%;outline: none;min-height: 80px;}
.contactForm #SubmitContact{background-color: #4D7EA2;color: #FFF;padding: 10px 15px;border: none;text-transform: uppercase;cursor:pointer;margin-bottom: 10px;}
.contactForm #SubmitContact:hover{background-color: #245070;}
/*********************************************************************************** Shortcodes*/#content .con_cat{width:100%;height:5rem;overflow-x:scroll;margin-left: auto;margin-right: auto;position: relative;z-index:1;}
#content .con_cat_s{width:250%;}
#content .con_cat a{float:left;display:block;width:auto;padding:.2rem 1rem;}
.o-buttons{font-size:1.3rem;color:#fff !important;margin:1%;text-decoration:none !important;display:inline-block;width:30%;text-align:center;}
.o-buttons.b-big{padding: 10px 20px;font-size: 18px;}
.o-buttons:hover{text-decoration:none;}
.o-buttons.blue{background: #587eac;}
.o-buttons.blue:hover{background: #e7cb71;}
.o-buttons.none{background:#none;border:1px #e7cb71 solid;color:#e0af50 !important;}
.o-buttons.none:hover{background: #e7cb71;color:#fff !important;}
.o-buttons.red{background: #ff7a73;}
.o-buttons.red:hover{background: #c14f4c;}
.o-buttons.gray{background: #ddd;color:#666 !important}
.o-buttons.gray:hover{background: #ccc;}
.o-buttons.green{background: #9eb74e;}
.o-buttons.green:hover{background: #707c2c;}
.o-buttons.orange{background: #e0af50;}
.o-buttons.orange:hover{background: #c68a2a;}
.o-buttons.golden{background: #e7cb71;}
.o-buttons.golden:hover{background: #baa55f;}
.notifications{padding:20px;position: relative;margin-bottom: 20px;font-size: 13px;}
.notifications i{background: url("../images/icons.png") no-repeat left top;display: inline-block;width:21px;height: 21px;position: absolute;right: 20px;top:50%;margin-top: -11px;}
.notifications.error{background-color: #feeeee;color:#e85252;}
.notifications.error i{background-position: -18px -900px;}
.notifications.success{background-color: #e8fce8;color:#4c9b4c;}
.notifications.success i{background-position: -46px -900px;}
.notifications.warning{background-color: #fff8ee;color:#e5a30e;}
.notifications.warning i{background-position: -71px -900px;width: 25px;}
.notifications.info{background-color: #f6f6f6;color:#3c96af;}
.notifications.info i{background-position: -102px -900px;}
.notifications.yc{background-color: #fafafa;color:#e7cb71;}
.notifications.yc span{display:block;text-align:right;}
.notifications.yc i{background-position: -102px -900px;}
.socialMedia{padding: 10px 0px;display: inline-block;width: 100%;text-align: center;}
.socialMedia.scl-grey{background-color:#262626;color: #e7cb71;}
.socialMedia a{background: url("fonts/icons.svg") no-repeat left top;text-indent: -9999px;overflow: hidden;display: inline-block;margin-right: 5px;}
.socialMedia a{width:26px;height: 26px;color: rgba(0, 0, 0, 0);}
.socialMedia a:hover{opacity: 0.9;}
/** Color socials ICONS **/.socialMedia a.ico-facebook{background-position: -16px -436px;}
.socialMedia a.ico-twitter{background-position: -43px -436px;}
.socialMedia a.ico-linkedin{background-position: -68px -436px;}
.socialMedia a.ico-gplus{background-position: -94px -436px;}
.socialMedia a.ico-youtube{background-position: -120px -436px;}
.socialMedia a.ico-tumblr{background-position: -146px -436px;}
.socialMedia a.ico-pinterest{background-position: -172px -436px;}
.socialMedia.scl-grey a.ico-facebook{background-position: -16px -465px;}
.socialMedia.scl-grey a.ico-twitter{background-position: -43px -465px;}
.socialMedia.scl-grey a.ico-linkedin{background-position: -68px -465px;}
.socialMedia.scl-grey a.ico-gplus{background-position: -94px -465px;}
.socialMedia.scl-grey a.ico-youtube{background-position: -120px -465px;}
.socialMedia.scl-grey a.ico-tumblr{background-position: -146px -465px;}
.socialMedia.scl-grey a.ico-pinterest{background-position: -172px -465px;}
#loader{background: rgba(88, 126, 172, 0.85);bottom: 0;height: 100%;left: 0;position: absolute;right: 0;top: 0;width: 100%;z-index: 9999;}
#loaderInner{left: 50%;margin: -50px 0 0 -62px;position: absolute;top: 50%;color: #fff;font-size: 25px;}
#loaderInner p{margin-left: 22px;font-size: 17px;}
.line{border-bottom: 1px dashed #eee;margin:0px auto 10px auto;width:100%;clear: both;}
#indexPage #mslider{height:300px;width:100%;position:relative;overflow:hidden}
#indexPage #mslider ul li{width:100%;height:300px;display:block;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}
#indexPage #mslider ul li a{width:100%;height:100%;display:block;position: relative;bottom: 0px;}
#indexPage #mslider ul li div{padding:20px 20px;}
#indexPage #mslider ul li p{width:100%;color:#fff;text-align:center;padding: 6px 0px;display: block;line-height: 10px;}
#indexPage #mslider ul li p.title{font-size:1.5rem;}
#indexPage #mslider ul li p.subtitle{font-size:1.2rem;height:1.4rem;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
#projectlist .wrapper{margin-left:3%;padding:0}
#projectlist .projectitem{width:47%;height:auto;float:left;position:relative;margin-bottom:3%;margin-right:3%}
#projectlist .projectitem a{display:block;overflow:hidden;text-align:center;}
#projectlist .projectitem a img{width:100%;height:auto;transition:all ease-out .3s}
#projectlist .projectitem a span{color: #666;font-size:1.4rem;}
#newslist .newstitem{border-bottom: rgba(0, 0, 0, 0.07) 1px solid;padding-left:15px;padding-right:15px;}
#newslist .newstitem:hover{background-color:#F7F7F7;}
#newslist .newsbody .title{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:100%;height:3rem;line-height:3rem;font-size:1.4rem;color:#333;margin:0px;}
#newslist .newsbody .description{width:100%;height:40px;line-height:20px;font-size:1.3rem;color:#999999;overflow:hidden;margin-top:0px}
.serviceitem{border-bottom:1px solid rgba(0, 0, 0, .08);}
.serviceitem{padding-bottom: 20px;padding-top: 20px;border-bottom:#eeeeee 1px solid;}
.serviceitem a{display:block;width:100%;height:100%}
.serviceitem img{width:120px;height:75px;float:left;}
.serviceitem div{text-align:center;margin-left:130px}
.serviceitem div p{text-align:left}
.serviceitem div p.title{color:#444444;font-size:14px;height:32px;line-height:32px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.serviceitem div p.description{color:#868686;font-size:12px;line-height:18px;height:38px;overflow:hidden;width:100%;margin-top:-3px;}



.bq{width:100%;line-height:2rem;text-align:center;margin:0 auto;text-align:center;color:#999;background:#262626;margin-top:0;}
.xf{position:fixed;width:100%;background:rgba(0,0,0,.8);text-align:center;bottom:40px;height:2rem;font-size:13px;line-height:2rem;color:#fff;}
.xf a{color:#fff;}


.wxh{font-weight:bold;color:#000;background:#dcbe5e;padding:0 .8rem;}
#Mask{width:100%;display: block;color:#dcbe5e;}
#Mask .Mask_txt{width:100%;max-width:600px;text-align:center;top:2rem;line-height:1.6rem;}
#Mask .mask_p{width:100%;max-width:600px;text-align:center;bottom:0px;}
#Mask .Mask_txt img{width:100%;}
#Mask .Mask_txt h3{font-weight: bold;margin-bottom: 1rem;}
#Mask .Mask_txt p:nth-of-type(1){margin-bottom: .6rem;}

.bottom_box{position: fixed;bottom: 0;background:#000;width: 100%;font-size: 0.26rem;padding: 0.54rem 0.1rem;left: 0;z-index: 99999;display:block !important;}
.bottom_menu{max-width:640px;margin:0 auto;}
.bottom_menu ul{margin:0;padding:0;}
.bottom_menu li{float:left;border-right:1px solid #333;width:32%;text-align:center;padding:0 .3rem;list-style-type:none;}
.bottom_menu li:last-child{border-right:none;}
.bottom_menu li:nth-child(3){width:35%;vertical-align:middle;padding:0;}
.bottom_menu li a{color:#fff;font-size:1.6rem;font-weight:normal;}
.bottom_menu li a.weixin_btn{position:relative !important;background:none;box-shadow:none;color:#e7cb71;}

.bottom_menu li i{margin-right:.2rem;}
.bottom_menu li i img{width:1.8rem;vertical-align:middle;margin-top:-0.3rem;z-index:999;}

.bottom_box_con{max-width:640px;margin:0 auto;padding:0 10px;position:relative;}
.bottom_box_con p{font-size: 0.8rem;color: #fff;}
.weixin_btn{position:absolute;right:0px;top:0px;background: #e7cb71;color: #fff;border-radius: 0.1rem;text-align: center;box-shadow: 0 0.01rem 0.03rem 0 #449a4a;display: block;width:7rem;font-size:.8rem;line-height:1rem;padding:0.1rem;margin:0 auto;} 
.weixin_btn1{background:#dcbe5e;color: #fff;border-radius:1.8rem;text-align: center;box-shadow: 0 0.1rem 0.3rem 0 #bec3bf;display: block;width:100%;font-size:1.2rem;padding:0.5rem;margin:1rem auto;}
.weixin_btn span{background:none;padding:0px;}
/* .weixin_btn, .go_weixin_box{animation: weixin_btn 1.5s 0.5s infinite;-webkit-animation: weixin_btn 1.5s 0.5s infinite;-moz-animation: weixin_btn 1.5s 0.5s infinite;-ms-animation: weixin_btn 1.5s 0.5s infinite;-o-animation: weixin_btn 1.5s 0.5s infinite;}  */
@keyframes weixin_btn{0%{transform: scale(1);}
18%{transform: scale(1.1);}
32%{transform: scale(1);}
48%{transform: scale(1.1);}
64%{transform: scale(1);}
80%{transform: scale(1.1);}
100%{transform: scale(1);}}
@-webkit-keyframes weixin_btn{0%{-webkit-transform: scale(1);}
18%{-webkit-transform: scale(1.1);}
32%{-webkit-transform: scale(1);}
48%{-webkit-transform: scale(1.1);}
64%{-webkit-transform: scale(1);}
80%{-webkit-transform: scale(1.1);}
80%{-webkit-transform: scale(1.1);}
100%{-webkit-transform: scale(1);}}
@-moz-keyframes weixin_btn{0%{-moz-transform: scale(1);}
18%{-moz-transform: scale(1.1);}
32%{-moz-transform: scale(1);}
48%{-moz-transform: scale(1.1);}
64%{-moz-transform: scale(1);}
80%{-moz-transform: scale(1.1);}
100%{-moz-transform: scale(1);}}
@-o-keyframes weixin_btn{0%{-o-transform: scale(1);}
18%{-o-transform: scale(1.1);}
32%{-o-transform: scale(1);}
48%{-o-transform: scale(1.1);}
64%{-o-transform: scale(1);}
80%{-o-transform: scale(1.1);}
100%{-o-transform: scale(1);}}
@-ms-keyframes weixin_btn{0%{-ms-transform: scale(1);}
18%{-ms-transform: scale(1.1);}
32%{-ms-transform: scale(1);}
48%{-ms-transform: scale(1.1);}
64%{-ms-transform: scale(1);}
80%{-ms-transform: scale(1.1);}
100%{-ms-transform: scale(1);}}
@keyframes go_weixin_box{0%{transform: scale(1);}
18%{transform: scale(1.1);}
32%{transform: scale(1);}
48%{transform: scale(1.1);}
64%{transform: scale(1);}
80%{transform: scale(1.1);}
100%{transform: scale(1);}}
@-webkit-keyframes go_weixin_box{0%{-webkit-transform: scale(1);}
18%{-webkit-transform: scale(1.1);}
32%{-webkit-transform: scale(1);}
48%{-webkit-transform: scale(1.1);}
64%{-webkit-transform: scale(1);}
80%{-webkit-transform: scale(1.1);}
80%{-webkit-transform: scale(1.1);}
100%{-webkit-transform: scale(1);}}
@-moz-keyframes go_weixin_box{0%{-moz-transform: scale(1);}
18%{-moz-transform: scale(1.1);}
32%{-moz-transform: scale(1);}
48%{-moz-transform: scale(1.1);}
64%{-moz-transform: scale(1);}
80%{-moz-transform: scale(1.1);}
100%{-moz-transform: scale(1);}}
@-o-keyframes go_weixin_box{0%{-o-transform: scale(1);}
18%{-o-transform: scale(1.1);}
32%{-o-transform: scale(1);}
48%{-o-transform: scale(1.1);}
64%{-o-transform: scale(1);}
80%{-o-transform: scale(1.1);}
100%{-o-transform: scale(1);}}
@-ms-keyframes go_weixin_box{0%{-ms-transform: scale(1);}
18%{-ms-transform: scale(1.1);}
32%{-ms-transform: scale(1);}
48%{-ms-transform: scale(1.1);}
64%{-ms-transform: scale(1);}
80%{-ms-transform: scale(1.1);}
100%{-ms-transform: scale(1);}}


/*---------      弹出效果       ---------*/
.zz{width:100%;height:100%;left:0;top:0;z-index:100000000;position:fixed;background:rgba(0,0,0,0.5);}
.black_overlay{  display: none;  position:fixed;  top: 0%;  left: 0%;  width: 100%;  height: 100%; background: url(../images/overlay.png) repeat;  z-index:100000002; _position:absolute;  _width:1423px;  _height:700px; _margin:0 auto;} 

.white_content{  display: none;  position:fixed;/* width:750px; padding:15px;  */ padding:3px; width:86%;  max-width:420px;/* height:572px; margin-top:-300px;*/ top:20%;  left:50%; margin-left:-43%; background-color:#fff; border-radius:5px; border: 1px solid #efefef;  z-index:100000003; _width:1440px; _height:700px; overflow:hidden;
animation:white_content 1s;
-webkit-animation:white_content 1s;
-moz-animation:white_content 1s;
-o-animation:white_content 1s;}
@keyframes white_content{
0% { opacity:0;}
90% { opacity:0.9;}
100% { opacity:1;}
}
@-webkit-keyframes white_content{
0% { opacity:0;}
90% { opacity:0.9;}
100% { opacity:1;}
}
@-moz-keyframes white_content{
0% { opacity:0;}
90% { opacity:0.9;}
100% { opacity:1;}
}
@-o-keyframes white_content{
0% { opacity:0;}
90% { opacity:0.9;}
100% { opacity:1;}
} 
.white_content_div{/* width:750px; */ width:100%; /*height:572px;*/ overflow:hidden; background-color:#fff; border-radius:3px;}
.dgsp{ padding-bottom:6%;}
.dgsptop{ width:100%; overflow:hidden;}
.dgsptop img{ width:6%; float:right;}
.dgspbot{ width:100%; overflow:hidden; text-align:center; line-height:2.3em;}
.dgspbot h4 span{ display:inline-block; background:#b32323;margin: 0 1%;padding: 0.3% 3%;color: #fff;border-radius: 6px; line-height:1.8em;}
.dgspbot h3{ color:#b32323;}