@import url("/template/default/wap/css/foundation.css");
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(/themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/template/default/wap/fonts/k3k702zokiljc3wvjuplzhhcuogz7vygh680lgh-uxm.woff) format('woff'); }
html, body { padding: 0; margin: 0; }
body { background-color: #ffffff; font-family: 'Open Sans'; font-size: 14px; line-height: 22px; color: #333; -webkit-text-size-adjust: none; }
body * { text-shadow: none; }
h1, h2, h3, h4, h5, h6 { line-height: 1; color: #330; font-weight: bold; margin: 20px 0 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: 'Open Sans'; font-weight: normal; }
h1, h2, h3 { font-size: 18px; }
h5, h6 { font-size: 14px; }
h4 { font-size: 15px; }
pre { font-size: 12px; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; }
#page nav { display: none; }
#header, .header, #footer { background: #fff; font-size: 16px; font-weight: bold; color: #fff; text-align:left; line-height: 51px; height: 51px; padding: 0 20px;}
.subHeader, .subFooter { background-color: #412210; font-size: 15px; color: #fff; text-align: center; line-height: 40px; height: 40px; padding: 0 10px; position: relative; width: 100%; }
.subHeader a{ color:#fff;}

.subHeader i.i-small { position: absolute; left: 16px !important; top: 11px !important; margin: 0px; }
#header .ma{ background:url(/template/default/wap/images/bq1.png) no-repeat; display: block; width:26px; height:19px; position: absolute; top:14px; right:20px; }
#header a.backBtn { background:url(/template/default/wap/images/bq2.png) no-repeat; display: block; width:40px; height:21px; position: absolute; top:15px; right: 0px; left: inherit; }
#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.svg img {    height: 40px;margin-top:5px;float:left}
#Logo.svg i{float:left;font-style: normal;}
.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; }
/*********** ICONS */
.i-pane { width: 65px; height: 65px; position: relative; float: left; border-radius: 50%; text-align: center; margin-right: 15px; }
.i-pane.i-blue { background-color: #587eac; }
.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("/template/default/wap/images/icons.svg") no-repeat left top; display: inline-block; position: relative; }
/*i.i-phone { width:72px; height:72px; background: url(/template/default/wap/fonts/phoneicon.svg) no-repeat left top; top: 50%; left:50%; margin: -36px 0px 0px -65px; }*/
i.i-phone { width: 72px; height: 72px; background-position: 0px 0px; top: 50%; left: 50%; margin: -36px 0px 0px -65px; }
i.i-flexible { width: 72px; height: 72px; background-position: -72px 0px; top: 50%; left: 50%; margin: -36px 0px 0px -65px; }
i.i-neat { width: 72px; height: 72px; background-position: -144px 0px; top: 50%; left: 50%; margin: -36px 0px 0px -65px; }
i.i-home { width: 72px; height: 72px; background-position: 0px -72px; top: 50%; left: 50%; margin: -36px 0px 0px -65px; }
i.i-about { width: 72px; height: 72px; background-position: -72px -72px; top: 50%; left: 50%; margin: -36px 0px 0px -65px; }
i.i-blog { width: 72px; height: 72px; background-position: -144px -72px; top: 50%; left: 50%; margin: -33px 0px 0px -65px; }
i.i-shortcodes { width: 72px; height: 72px; background-position: 0px -144px; top: 50%; left: 50%; margin: -36px 0px 0px -65px; }
i.i-gallery { width: 72px; height: 72px; background-position: -72px -144px; top: 50%; left: 50%; margin: -36px 0px 0px -65px; }
i.i-contact { width: 72px; height: 72px; background-position: -144px -144px; top: 50%; left: 50%; margin: -36px 0px 0px -65px; }
i.i-home.i-small { width: 19px; height: 19px; background:url(/template/default/wap/images/bq3.png) no-repeat center; top: 3px; }

i.i-ny.i-small { width: 19px; height: 19px; top: 3px; left: 3px; filter: alpha(opacity:20); opacity: 0.2; -moz-opacity: 0.2; -khtml-opacity: 0.2;}

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; }
a.explorePane { text-decoration: none; }
.explorePane { width: 33.3333%; float: left; padding: 1%; border-bottom: 1px solid #DDD; text-align: center; text-decoration: none; }
.explorePane.middle { border-left: 1px solid #DDD; border-right: 1px 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: #233241; }
.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: #233241; }
.o-page .mm-ismenu { background: #0E1419 !important; }
.o-page .mm-list > li { background-color: #0e1419; color: #FFF; }
.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 #233241; border-left: 1px solid #233241; }
.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: #0e1419; color: #fff; }
.o-page .mm-menu .mm-list > li.mm-selected i.i-small { background:url(/template/default/wap/images/bq3.png) no-repeat left; width:18px; height:19px;}
.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; }
.o-team .o-team-person.opacity50 { opacity: 0.5; }
.o-team .o-team-person.opacity50.active { opacity: 1; }
.o-team .o-team-person { width: 32%; margin-top: 10px; margin-left: 1%; text-align: center; float: left; margin-bottom: 20px; }
.o-team .o-team-person:hover { cursor: pointer; }
.o-team .o-team-person > 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: 16px; color: #0e1419; margin: 10px 0px 0px 0px; }
.o-team .o-team-person .h-line50 { border-bottom: 1px solid #dcdee0; margin: 10px 0px; width: 50%; position: relative; display: inline-block; }
.o-team .o-team-person p { font-size: 12px; 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: 16px; color: #0e1419; margin: 10px 0px 20px 0px; }
.o-person-details p { font-size: 12px; 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: 14px; 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; }
/*********************************************************************************** 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 */
.o-buttons { padding: 5px 10px; font-size: 12px; color: #fff !important; margin: 3px; text-decoration: none !important; display: inline-block; }
.o-buttons.b-big { padding: 10px 20px; font-size: 16px; }
.o-buttons:hover { text-decoration: none; }
.o-buttons.blue { background: #587eac; }
.o-buttons.blue:hover { background: #233241; }
.o-buttons.red { background: #ff7a73; }
.o-buttons.red:hover { background: #c14f4c; }
.o-buttons.green { background: #9eb74e; }
.o-buttons.green:hover { background: #707c2c; }
.o-buttons.orange { background: #e0af50; }
.o-buttons.orange:hover { background: #c68a2a; }
.notifications { padding: 20px; position: relative; margin-bottom: 20px; font-size: 13px; }
.notifications i { background: url("/template/default/wap/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; }
.socialMedia { padding: 10px 0px 0px 0px; display: inline-block; width: 100%; text-align: center; }
.socialMedia.scl-grey { background-color: #233241; }
.socialMedia a { background: url("/template/default/wap/images/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; }

.yous .w1100{position: relative;}

.ys h4{text-align: center;color: #666;font-size:12px;line-height: 20px;}
.ys li{float: left;width:84%;margin-bottom: 2%;margin-left: 8%;margin-right:8%;margin-top: 3%;}
.ys li img{width:100%;}
.ys li h6{color: #e70012;
    font-size: 18px;display: block;     overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 30px;}
.ys li p{color: #333;line-height: 24px;font-weight: normal;    display: -webkit-box;height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}





.wx li{    width: 44%;
    margin-left: 3%;
    margin-right: 3%;
    float: left;
    margin-bottom: 3%;}

.wx1{text-align: center;}
.wx2{text-align: left;margin-top: 12px;}

.sjnav ul li a{color: #fff;text-align: center;display: block;line-height: 35px;}
.about{width: 84%;margin-bottom: 2%;margin-left: 8%;margin-right: 8%; padding-top:5%;clear:both;}
.about h5 a{color: #333;font-size:22px;text-align: center;font-weight: bold;text-transform:uppercase;margin-bottom: 5%;display: block;}
.about p{line-height: 24px;color: #999;text-indent: 2rem;}
.about .more{    width: 127px;
    height: 30px;
    background: #333333;
    color: #fff;
    display: block;
    line-height: 30px;
    text-align: center;
    border-radius: 30px;margin: auto;
    margin-top: 20px;}

.gyBox h4{    font-size: 16px;
    font-weight: bold;
    line-height: 32px;
    text-align: center;}










    /*point*/
.point .w1100{position:relative;}
.point .pointtop{width: 540px;height: 50px;line-height: 50px;position: absolute;top:-25px;z-index: 2;right: 0px;
padding-left: 60px;background:#e70012 url(../images/call.jpg) no-repeat center left;}
.point .pointtop strong{color: #fff;font-size: 20px;}
.point .pointtop span{float: right;padding-right: 15px;color: #fff;font-size: 15px;}
.point .pointtop span i{font-weight: bold;font-style: normal;}
.point ul{padding-top:20px;}
.point ul li{padding-left:90px;width: 90%;margin:auto;padding-bottom: 15px;}
.point ul li a{color: #e70012;font-size:16px;font-weight:bold;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.point ul li p{color: #959595;font-size:12px;line-height: 22px;}
.point ul li:nth-child(1){background: url(/template/default/wap/images/t1.jpg) no-repeat center left;}
.point ul li:nth-child(2){background: url(/template/default/wap/images/t2.jpg) no-repeat center left;}
.point ul li:nth-child(3){background: url(/template/default/wap/images/t3.jpg) no-repeat center left;}
.point ul li a:hover{text-decoration:underline;}
.point ul li:hover:nth-child(1){background: url(/template/default/wap/images/t11.jpg) no-repeat center left;}
.point ul li:hover:nth-child(2){background: url(/template/default/wap/images/t22.jpg) no-repeat center left;}
.point ul li:hover:nth-child(3){background: url(/template/default/wap/images/t33.jpg) no-repeat center left;}



.lc .w1100{position:relative;}

.lc{background: #f0f0f0;}
.lc h3{color: #333333;font-size: 24px;text-align: center;}
.lc h4{color: #333333;font-size: 14px;text-align: center;font-weight: normal;margin-bottom:15px;}
.lc li{float: left;margin-bottom: 20px;width:50%;height: 96px;}
.lc li:nth-child(5n){margin-right: 0px;}
.lc li:nth-child(1){background: url(/template/default/wap/images/lc1.jpg) no-repeat center center;}
.lc li:nth-child(2){background: url(/template/default/wap/images/lc2.jpg) no-repeat center center;}
.lc li:nth-child(3){background: url(/template/default/wap/images/lc3.jpg) no-repeat center center;}
.lc li:nth-child(4){background: url(/template/default/wap/images/lc4.jpg) no-repeat center center;}
.lc li:nth-child(5){background: url(/template/default/wap/images/lc5.jpg) no-repeat center center;}
.lc li:nth-child(6){background: url(/template/default/wap/images/lc6.jpg) no-repeat center center;}
.lc li:nth-child(7){background: url(/template/default/wap/images/lc7.jpg) no-repeat center center;}
.lc li:nth-child(8){background: url(/template/default/wap/images/lc8.jpg) no-repeat center center;}
.lc li:nth-child(9){background: url(/template/default/wap/images/lc9.jpg) no-repeat center center;}
.lc li:nth-child(10){background: url(/template/default/wap/images/lc10.jpg) no-repeat center center;}
.lc li a{color:#444;line-height: 96px;margin-left: 80px;}
.lc li a:hover{color: #e70012}
.lc .more{width: 294px;margin:auto;margin-top:40px;}
.lc .more a{width:127px;height: 30px;background: #333333;color: #fff;display: block;line-height: 30px;text-align: center;
border-radius: 30px;margin-left: 10px;margin-right:10px;float: left;}
.lc .more a:hover{background: #e70012}









/*要改色彩的处所*/
.sjnav ul li{width: 33.3%;float: left;height: 35px;line-height: 35px;background: #7c7b83}





















/*留言*/
/* 留言*/
.inxliuyan {
    width: 90%;
    margin:30px auto 0;
}
.inxGBook_Name {
    height: 40px;
    width: 100%;
    padding-left: 10px;
    float: left;
    color: #9f9f9f;
    margin-top:-1px;
    border-radius: 5px;
    border:solid 1px #ccc;
}
.inxFkPhone {
    height: 40px;
    width: 100%;
    padding-left: 10px;
    float: left;
    color: #9f9f9f;
    margin-top:-1px;
    border-radius: 5px;
    border:solid 1px #ccc;
}
.inxFktitle {
    height: 40px;
    width:100%;
    padding-left: 10px;
    float: left;
    color: #9f9f9f;
    margin-top:-1px;
    border-radius: 5px;
    border:solid 1px #ccc;
}
.inxMessContent {
    width: 100%;
    height: 90px;
    color: #9f9f9f;
    padding-left: 10px;
    line-height:40px;
    margin-top:-1px;
    border-radius: 5px;
    border:solid 1px #ccc;
}
.inxsubmi {
    width: 45%;
    height: 40px;
    cursor: pointer;
    border-radius: 5px;
    border:none;
    background: #333;
    text-align:  center;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    transition:all 0.5s;
    margin-top: 30px;
    float: left;
}
.inxrest {
    width:45%;
    height: 40px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    background: #1c1c1c;
    text-align:  center;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    transition:all 0.5s;
      margin-top: 30px;
      float: right;
}
.inxgook_001 {
    height: 40px;
margin-bottom: 20px;

}
.inxgook_002 {
    height: 40px;margin-bottom: 20px;
}
.inxgook_003 {
    height: 40px;
margin-bottom: 20px;


}
.inxgook_004 {
    height: 90px;


}



.xinp{width: 90%;margin:auto;}
.xinp p{line-height: 35px;color: #666;}<!--耗时1768479657.058秒-->