html,body{width:100%;height:100%;}
body{background-size:cover}
body a{transition:.5s all;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;-ms-transition:.5s all;text-decoration:none}
h1,h2,h3,h4,h5,h6{margin:0;font-family:Abel,sans-serif}
p{margin:0}
label,ul{margin:0;padding:0}
body a:hover{text-decoration:none}
a{color:#333;text-decoration:none}
a:focus,a:hover{color:#333;text-decoration:underline}
.bg{background:#fff}
img{max-width:100%;}
input:focus,textarea:focus{outline: none; }

/*-- main --*/
.app-main {width: 100%;max-width: 750px;margin: 0 auto;padding-top:115px;}
.header {padding:0;width:100%;max-width:750px;margin:0 auto;height:72px;z-index: 999;background:#454543;position: fixed;top:0;}
.logo {text-align: left;}
.logo h1 {margin:0;padding:10px;}
.logo h1 a {display: block;width:196px;text-decoration:none;}
.logo img{max-width:160px;max-height:48px;}
.header .menu-icon{position: absolute;top:16px;right:12px;width:40px;z-index:99;}
.menu-button{position:relative;z-index:1000;padding:0;border:none;font-size:28px;color:#999999;background:transparent;outline:none;margin:0;}

.top-nav li{display:block;}
.top-nav li.menu-title{font-size:1.4rem;padding:1em 0.8em;text-align:left;color:#4D4D4D;border-bottom:1px solid #4D4D4D;text-transform:none;background:#E6E6E6;font-family:'Abel', sans-serif;-webkit-transform:translate3d(0,500px,0);-moz-transform:translate3d(0,500px,0);-o-transform:translate3d(0,500px,0);-ms-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0);}
.show-menu li.menu-title{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.top-nav li a{font-size:1.1em;color:#4D4D4D;font-weight:300;-webkit-transition:.5s all;-moz-transition:.5s all;transition:.5s all;outline:none;text-decoration:none;}
ul.nav-sub li a {font-size: 1em;padding-left: 3.5em;}
.top-nav li a:hover,.top-nav li a.active {color: #B08558;}
.top-nav i.glyphicon {margin-right: 10px;font-size: .9em;}
.top-nav a.menu span.glyphicon {font-size: .8em;margin-left: 1.5em;top: 2px;}
ul.nav-sub {display: none; } 

/*-- Menu --*/
.menu-wrap{position:fixed;z-index:1001;top:0;left:0;width:185px!important;height:100%!important;background:#E6E6E6;-webkit-transform:translate3d(-320px,0,0);-moz-transform:translate3d(-320px,0,0);-o-transform:translate3d(-320px,0,0);-ms-transform:translate3d(-320px,0,0);transform:translate3d(-320px,0,0);-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;transition:transform .4s;-webkit-transition-timing-function:cubic-bezier(.7,0,.3,1);-moz-transition-timing-function:cubic-bezier(.7,0,.3,1);transition-timing-function:cubic-bezier(.7,0,.3,1);overflow-y:auto!important}
.icon-list{height:400px!important;-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);margin-bottom:1.5em}
.icon-list a{display:block;padding:.8em 2em;-webkit-transform:translate3d(0,500px,0);-moz-transform:translate3d(0,500px,0);-o-transform:translate3d(0,500px,0);-ms-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0)}
.icon-list a:nth-child(2){-webkit-transform:translate3d(0,1000px,0);-moz-transform:translate3d(0,1000px,0);-o-transform:translate3d(0,1000px,0);-ms-transform:translate3d(0,1000px,0);transform:translate3d(0,1000px,0)}
.icon-list a:nth-child(3){-webkit-transform:translate3d(0,1500px,0);-moz-transform:translate3d(0,1500px,0);-o-transform:translate3d(0,1500px,0);-ms-transform:translate3d(0,1500px,0);transform:translate3d(0,1500px,0)}
.icon-list a:nth-child(4){-webkit-transform:translate3d(0,2000px,0);-moz-transform:translate3d(0,2000px,0);-o-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
.icon-list a:nth-child(5){-webkit-transform:translate3d(0,2500px,0);-moz-transform:translate3d(0,2500px,0);-o-transform:translate3d(0,2500px,0);-ms-transform:translate3d(0,2500px,0);transform:translate3d(0,2500px,0)}
.icon-list a:nth-child(6){-webkit-transform:translate3d(0,3000px,0);-moz-transform:translate3d(0,3000px,0);-o-transform:translate3d(0,3000px,0);-ms-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
.show-menu .menu-wrap{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .8s;-moz-transition:-moz-transform .8s;transition:transform .8s;-webkit-transition-timing-function:cubic-bezier(.7,0,.3,1);-moz-transition-timing-function:cubic-bezier(.7,0,.3,1);transition-timing-function:cubic-bezier(.7,0,.3,1)}
.show-menu .icon-list,.show-menu .icon-list a{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .8s;-moz-transition:transform .8s;transition:transform .8s;-webkit-transition-timing-function:cubic-bezier(.7,0,.3,1);-moz-transition-timing-function:cubic-bezier(.7,0,.3,1);transition-timing-function:cubic-bezier(.7,0,.3,1)}
.show-menu .icon-list a{-webkit-transition-duration:.9s;-moz-transition-duration:.9s;transition-duration:.9s}
.show-menu .content::before{opacity:1;-webkit-transition:opacity .8s;-moz-transition:opacity .8s;transition:opacity .8s;-webkit-transition-timing-function:cubic-bezier(.7,0,.3,1);-moz-transition-timing-function:cubic-bezier(.7,0,.3,1);transition-timing-function:cubic-bezier(.7,0,.3,1);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

/*Close*/
.close-button{width:1em;height:1em;position:absolute;right:1em;top:.5em;overflow:hidden;text-indent:1em;font-size:1.1em;border:none;background:0 0;color:transparent;outline:0;z-index:999}
.close-button::after,.close-button::before{content:'';position:absolute;width:3px;height:100%;top:0;left:7px;background:#4D4D4D}
.close-button::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.close-button::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
/*---------//menu end---------*/

.fnav{ position:fixed; display:none;bottom:0;margin:0 auto;min-width:320px; max-width:750px; width:100%; height:5rem; background:#D60D1F;z-index:99;padding:4px 0;}
.fnav ul{list-style: none;}
.fnav li{ width:25%; float:left; height:42px; position:relative;}
.fnav li:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#104880;}
.fnav li a{ display:block; text-align:center; color:#fff; font-size:1.2rem; height:100%; font-family:"Microsoft YaHei";}
.fnav li a:hover{ background:url(/mobile/Images/Common/fbg.jpg) no-repeat center top; background-size:100% 100%;}
.fnav li em{ display:block; width:1.6rem; margin:0 auto 0.4rem; padding-top:6px;}
.fnav li em img{ display:block; width:100%;}

.bodyer{position:relative;margin:0 auto;max-width:750px}
.footer{margin:0 auto;max-width:750px;padding:1.6rem 1rem;background:#454543;text-align:center;color:#CDCDCD;border-top:1px #EEE solid}
.footer .flogo{padding-bottom:10px;}
.footer-text{color:#CDCDCD;text-align:center;line-height:1.8rem;font-size:1rem;}
.footer-text a{color:inherit;}
.footer .crpt{color:#CDCDCD;text-align:center;}
.footer .crpt a{color:#333}
.footer .crpt a:hover{color:#CDCDCD}
.footer .powered{display:none;}

.m-scrolltop{position:fixed;right:16px;bottom:64px;display:block;overflow:hidden;padding:0;width:0;height:0;outline:0;border:none;border-radius:2px;border-radius:50%;background:#B08558;box-shadow:0 3px 5px rgba(0,0,0,.5);cursor:hand;-webkit-transition:all .3s cubic-bezier(.25,.25,0,1);-moz-transition:all .3s cubic-bezier(.25,.25,0,1);-o-transition:all .3s cubic-bezier(.25,.25,0,1);transition:all .3s cubic-bezier(.25,.25,0,1);-webkit-tap-highlight-color:transparent;-ms-transition:all .3s cubic-bezier(.25,.25,0,1);z-index:1000;}
.m-scrolltop:hover{background-color:#B08558;box-shadow:0 3px 10px rgba(0,0,0,.5),0 3px 15px rgba(0,0,0,.5);text-decoration:none}
.m-scrolltop::before{position:absolute;top:50%;left:50%;width:0;border-radius:100%;background:#B08558;content:"\20";-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.m-scrolltop:active::before{padding-top:120%;width:120%;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;-ms-transition:all .2s ease-out}
.m-scrolltop.active{width:40px;height:40px}
.m-scrolltop span{display:block;color:#fff;font-size:25px}
.m-scrolltop,.m-scrolltop::before{background-image:url(../fonts/top-arrow.svg);background-position:center 50%;background-repeat:no-repeat}

/*-- //banner--*/
/*----home---*/
.page-home .app-main{padding-top:72px;}
.ifocus{width:100%;max-width:750px;padding:0;}
.ifocus .swiper-wrapper .swiper-slide{background-position:center center;background-repeat: no-repeat;}
.ifocus .swiper-pagination-bullet{width:6px;height:6px;border-radius: 6px;background:#FFF;opacity:.8; transition: width 0.3s ease-in-out;}
.ifocus .swiper-container-horizontal>.swiper-pagination-bullets,.ifocus .swiper-pagination-custom, .swiper-pagination-fraction{bottom:30px;}
.ifocus .swiper-pagination-bullet-active {background: #B08558;width: 12px;}
.ifocus .swiper-button-prev,.ifocus .swiper-button-next{display:none;}

.homepage .bodyer{margin:0 auto;padding:0 3px;}
.bodyer .isection{margin:20px auto 0;}
.isection .hder{text-align: center;}
.hder{position: relative;}
.hder .more{position: absolute;right:6px;line-height:24px;bottom:0;text-align:right;}
.hder .more a{display:inline-block;}

.isection .hd{padding:0 0 20px;text-align:center;}
.isection .hd h3{font-size:1.6rem;}
.isection .hd .sub{font-size:.7rem;color:#333;}
.isection .ft{text-align: center;}
.lnk-btn-more{display: inline-block;padding:6px 36px;font-size:12px;color:#9C9C9C;border:1px #D8D8D8 solid;border-radius: 3px;}
.lnk-btn-more:hover{color:#D90A1E;border-color:#D90A1E;}

.ipros{margin-top:50px;}
.ipros .hd{display:none;}
.ipros .bd{padding:0;}

.icates{margin:auto auto;display:flex;flex-wrap:wrap;align-content: space-between;width:100%;list-style: none;}
.icates li{width:50%;margin-bottom:14px;text-align: center;box-sizing: border-box;padding:0 2px 0 8px;}
.icates li a{display: block;height:100%;position: relative;}
.icates li .cover{width:100%;overflow: hidden;}
.icates li .cover img{width:100%;}
.icates li h5{height:4rem;line-height:4rem;text-align:center;font-size:1.3rem;font-weight:400;}

.iabout{margin-top:40px;width:100%;}
.iabout .container{padding:0;}
.iabout h3{width:100%;height:48px;background:url(/upfiles/comm/m-i-about-tit.png) center 0 no-repeat;text-indent:-400px;overflow: hidden;}
.iabout .bd{line-height:2;padding:40px 10px 0;font-size:12px;}
.iabout .bd img{max-width:100%;}
@media(max-width:750px){
    .iabout .container .bd{padding:20px 10px 0;}
}

.inews{margin:40px auto 0;width:96%;padding-bottom:40px;}
.inews .hd h3{background:url(/upfiles/comm/m-inews-h.png) center 0 no-repeat;height:50px;text-indent:-1000px;overflow: hidden;}
.inews .bd{overflow:hidden;margin-top:20px;}
.inews .bd ul{padding:0;margin:0;overflow: hidden;list-style: normal;table-layout:fixed;word-break:break-all;}
.inews-list ul li{list-style: none;margin-bottom:34px;}
    .inews-item .thd{border-bottom:1px #C4C4C4 solid;padding:0 0 8px;}
    .inews-item .thd h5{font-size:1.2rem;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#222;box-sizing:border-box;max-width:100%;}
    .inews-item .thd .date{margin-top:6px;line-height:20px;color:#A9A9A9;font-size:1.2rem;}    
    .inews-item .txt{color:#A9A9A9;margin-top:12px;font-size:12px}
.inews .ft{margin-top:15px;}
/*Pager Style*/
.pagers{text-align:center;}
.pagers a,.pagers .cpb,.pagers span{display:inline-block;height:28px;line-height:28px;padding:0 10px;color: #444; margin-right:6px;text-decoration:none;border-radius:4px;background:#B08558;color:#FFF;}
.pagers a:hover{background:#EEE;color:#222;text-decoration:none;cursor:pointer;}
.pagers span.cpb {background:#B08558;color: #EEE;font-weight:bold;}
.pagers span.disabled{color:#999;background:#EEE;}

.xcont{line-height:2rem;;font-size:1rem;}
.xcont a{font-size:12px;}
.xcont a:hover{text-decoration:none;}
.xcont p {margin: 0 0 0.8em;line-height: inherit;}
.xcont ul { margin: 1em 0; padding-left: 30px; }
.xcont li,.xcontent ul li {list-style-type: disc; line-height:22px; }
.xcont ol { margin: 1em 0; padding-left: 40px; }
.xcont ol li {list-style-type: decimal; line-height:22px; }
.xcont table { border-collapse: separate; border-spacing: 1px; white-space: normal; }
.xcont td { padding: 5px; margin: 8px; line-height: normal; line-height:22px; }
.xcont em { font-style: italic; }
.xcont pre { margin: 8px; }
.xcont h2{font-size:1.3rem;font-weight:700;margin:1.2rem 0 .8rem;padding:0 0 0 12px;position: relative;color:#B08558;}
.xcont h2::before{display:block;position:absolute;left:0;top:4px;width:6px;height:1.4rem;background:#B08558;content: "\20";}
.xcont h3{font-size:15px;font-weight:700;margin:18px 0 6px;padding:0 0 10px 0;position: relative;}
.xcont h3::before{display:none;position:absolute;left:0;bottom:12px;width:16px;height:16px;background:#B08558;content: "\20";}
.xcont h4{font-size:14px;margin:18px 0 6px;padding:0;font-weight: 700;}
.xcont img{max-width:100%;}
.xcont table {max-width: 100%;*width:100%;border-spacing: 0;border-collapse:collapse;}
.xcont td {border: 1px solid #ccc;line-height: 20px;font-size: 12px;font-family: Arial, Helvetica, Tahoma, Verdana, Sans-Serif;}

/*------page common-------*/
.banner{min-height: 180px;background-position:center center;background-repeat:no-repeat;background-size: cover;}
@media(max-width:640px){
    .banner{min-height: 132px;}
}
.ui-loc{line-height: 35px; padding-left: 12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;border-bottom:1px solid #d9d9d9; box-shadow:0 1px #fff; position:relative; background:#FFF;color:#999;}
.ui-loc i.fa{color:#444;}
.ui-loc a{color:#444;}

.app-main ::-webkit-scrollbar {width:3px;height:3px;}
.app-main ::-webkit-scrollbar-track {border-radius: 0px;background:#ccc;}
.app-main ::-webkit-scrollbar-thumb {border-radius:3px;background:#c5a36e;}
.app-main ::-webkit-scrollbar-thumb:hover {border-radius:3px;background:#c5a36e;}

.subnav{height:42px;line-height:42px;background:#E6E6E6;color:#333;border-top:0px #CBCDCC solid;text-align:center;overflow: hidden;z-index:1000;position: fixed;width:100%;top:72px;overflow-y: hidden;overflow-x: auto;max-width:750px;}
.subnav ul{clear:both;list-style: none;margin:0;display:flex;flex-wrap: nowrap;padding:0 16px;box-sizing: border-box;}
.subnav ul li{display:inline-block;font-size:14px;}
.subnav ul li a{display: block;height:100%;padding:0 10px;color:inherit;}
.subnav ul li.actived{color:#B08558;}
.subnav ul li.actived a{font-weight:700;color:#B08558}

.subnav.scrollnav{height:3.6rem;line-height:3.6rem;overflow:hidden;padding:0 16px;box-sizing: border-box;}
.scrollnav .swiper-slide {padding:0;width:auto;color:#4D4D4D;font-size:1.2rem;}
.scrollnav .swiper-slide a{display: block;height:100%;padding:0 10px;color:inherit;}
.scrollnav .actived{font-weight:bold;color:#B08558}

.pwrap{margin-top:1.4rem;}
.pwrap .phead{margin-bottom:32px;position: relative;padding:15px 0 0;text-align: center;}
.pwrap .phead h2{position:relative;width: 100%;margin: 0;font-size:1.5rem;}
.pwrap .phead .sub-title{margin-top:0;font-size:14px;color:#ACACAC}
.pbody{padding:0;}

.pcont{color:#444;padding:0 2%;box-sizing: border-box;}
.pcont .hder{padding:0;line-height:3.6rem;border-bottom:1px #eee solid;}
.pcont .hder h2{font-size:1.5rem;}
.pcont .bder{padding:1.2rem 0 1.5rem;}
.pcont section{width:100%;margin:0;}
.pcont section h2{color:#444;margin:2.2rem 0 1.6rem;}
.pcont section p{color:inherit;color:#ACACAC;}

/*Mobile Top TitleBar*/
.tbar{position: fixed;height:44px;min-height: 44px;left:0;top:0;right:0;z-index:1000;background: #efefef url(../images/header-bg.png?v=2) repeat-x 0 0;    background-size: 100% 44px;border-bottom: 1px solid #bfbfbf;border-width: 0 0 1px 0;text-align:center;line-height:44px;}
.tbar.trans{background:none;border:none;}
.tbar h1.title{margin: 0 50px;text-align: center;height: 44px;line-height: 44px;font-size: 16px;}
.tbar .lft{position: absolute;width: 40px;height: 44px;}
.tbar .plus{position: absolute;right: 0;top: 0;width: 40px;height: 44px;overflow: hidden;}
.tbar .cwsfont{font-size:28px;color:#85878A;line-height:44px;}

/*---about---*/
.about img{max-width:100%!important;}
.about-s1{width:100%;background:url(/upfiles/banner/about.jpg) center 0 no-repeat;background-size:cover;text-align: center;}
.about-s1 .container{padding:50px 0;}
.about-s1 .mtxt{margin:0 auto;padding:40px 15px 0;line-height:2.5;color:#EFEFEF;text-align: left;font-size:12px;}

.about-culture{margin-top:40px;text-align: center;}
.about-culture .bd{margin-top:30px;padding:0 15px;}
.about-culture .bd .grp{margin-bottom:30px;}
.about-culture .bd h5{margin:0 0 6px;color:#111;font-size:14px;}
.about-culture .bd p{margin-bottom:0;font-size:12px;}
.about-culture .cite-img{margin-top:30px;}

.about-office{width:100%;margin:40px auto 0;text-align: center;padding-bottom:30px;}
.about-office img{width:100%;}
.office-slide{position: relative;padding-bottom:30px;}
.office-slide-cont{margin:0;padding:0 8px;}
.swiper-container.office-slide-imgs {width: 100%;height: 100%;}
.office-slide-imgs .swiper-slide{text-align: center;font-size: 18px;margin:0 10px 0 0;}
.office-slide-imgs .swiper-slide img{width:100%;}

.about-certs{margin:50px auto 0;}
.about-certs .hd{text-align: center;}
.about-certs .bd{padding:30px 0 40px;}
.certs-a,.certs-b{display:flex;flex-wrap: wrap;justify-content: space-between;list-style: none;}
.certs-a li{width:50%;text-align: center;margin:0 0 16px;box-sizing: border-box;}
.certs-a li .pic img{border-width:3px 6px 3px 6px;border-color:#CDCDCD;border-style: solid; }
.certs-a li p{display:none;margin-top:6px;padding:0 12px;}
.certs-a li a{display:block;height:100%;}
.certs-a li a:hover .pic img{border-color:#C29C73; }

.certs-b{margin-top:0;}
.certs-b li{width:48%;text-align: center;text-align: center;padding:0 12px 0 16px;margin-bottom:16px;box-sizing: border-box;}
.certs-b li img{max-width:100%;}
/*article*/
.page-h2{padding:6px 8px;line-height:36px;border-bottom:1px #eee solid;}
.page-h2 h2{font-size:14px;}

.ui-atc{padding:0 0 30px;}
.mod-atcs{padding:16px 3% 10px;}

.mod-atc{padding:0 0 18px 0;background:#FFF;margin-bottom:20px;border-bottom:1px #eee solid;overflow: hidden;}
.mod-atc .thumb{width:100%;height: 160px;overflow:hidden;}
.mod-atc .thumb img{position:relative;z-index:10;width:100%;height:100%;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;transition:all 1s}
.mod-atc a:hover .thumb img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.1)}
.mod-atc .info{background-color: #fff;padding: 0;}
.mod-atc .info h5{font-size: 1.2rem;font-weight:400;color: #222;}
.mod-atc .info a{color:inherit;text-decoration:none}
.mod-atc .info a:hover{color:#2663A6;text-decoration:underline;}
.mod-atc .info .txt{line-height: 20px;padding-top: 8px;color: #767676;font-size:12px;}
.mod-atc .info .tms{font-size: 12px;color: #808080;margin-top:8px;}
.mod-atc .date{background:#D3D3D3;width:54px;height:54px;border-radius:5px;padding:5px;text-align:center;color:#fff;line-height:22px;transition:all .7s;}

.ui-atcs .pagerbox{clear:both;margin-top:20px; padding:12px 0;}

.article{background:#FFF;position: relative;padding: 20px 15px 30px;}
.article h2.title {margin-bottom: 10px;line-height: 1.4;font-weight: 700;font-size: 1.4rem;}
.article .metas {line-height: 2em;font-size:12px;color:#999;}
.article .metas em {font-style: normal;}
.article .atc-fter{margin-top:18px;}
.article .prevnext{line-height:28px;}
.article .prev,.article .next{height:32px;line-height:32px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
/*Article Pic LIst*/
.mod-pics{display:flex;flex-wrap: wrap;justify-content: space-between;align-content:space-between;list-style: none;}
.mod-pics.cols-2 li{width:48%;}
.mod-pics.cols-3 li{width:32%;}
.mod-pics li{box-sizing: border-box;margin-bottom:1.5rem;}
.mod-pics li a{display:block;}
.mod-pics li img{display: block;width: 100%;padding:3px;border: 1px solid #ccc;}
.mod-pics li h5{text-align: center;font-size: 1.1rem;color: #4a4a4a;line-height: 3rem;height:3rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding:0 1rem;font-weight:400;}


/*product*/
.pro-catlogs{padding:20px 0;}
ul.acc-cates{padding:0;margin:0;font-size:1em;line-height:0.5em;list-style:none;border:1px #E1E1E1 solid;border-radius:6px;}
ul.acc-cates>li{position: relative;border-bottom:1px #E1E1E1 solid;}
ul.acc-cates>li.open{background-color:#fbfbfb; background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e1e1e1)); background-image: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1); background-image: -moz-linear-gradient(top, #fbfbfb, #e1e1e1); background-image: -o-linear-gradient(top, #fbfbfb, #e1e1e1); background-image: -ms-linear-gradient(top, #fbfbfb, #e1e1e1); background-image: linear-gradient(top, #fbfbfb, #e1e1e1); }
ul.acc-cates li h5{color:#666;font-weight:400;text-align:left;height: 45px;padding-left: 36px;line-height: 45px;font-size:16px}
ul.acc-cates a.view{display:block;position:absolute;right:10px;top:0;width:45px;height:45px;background:url(../images/href_icon.png) center center no-repeat;background-size:50%;text-indent:-200px;overflow: hidden;}
ul.acc-cates ul{margin:0;padding:0;display:none;list-style: none;background:#FFF;}
ul.acc-cates ul li{margin:0;padding:0;height:40px;line-height:40px;border-bottom:1px solid #e1e1e1;padding-left:45px;position:relative;white-space:nowrap;overflow:hidden;}
ul.acc-cates ul li::before{content:"\20";overflow:hidden;position:absolute;left:28px;top:17px;z-index:7;width:0;height:0;border-width:3px;border-style:solid;transform: roate(45deg);-webkit-transform: rotate(45deg);border-color: #555 #555 transparent transparent;}
ul.acc-cates ul li::after{content:"\20";overflow:hidden;position:absolute;left:28px;top:18px;z-index:8;width:0;height:0;border-width:2px;border-style:solid;transform: roate(45deg);-webkit-transform: rotate(45deg);border-color: #fff #fff transparent transparent;}
ul.acc-cates ul li a{display:block;height:100%;font-size:14px;font-weight:normal;outline:0;}
ul.acc-cates ul li a:hover{color:#675C7C;}
ul.acc-cates ul ul li a{color:silver;padding-left:40px;}
ul.acc-cates ul ul li a:hover{background-color:#D3CEB8;color:#675C7C;}
ul.acc-cates span.updown{display:block;position:absolute;left:12px;top:0;height:45px;line-height:45px;width:14px;overflow: hidden;font-size:14px;}


.ui-pros{margin:0 3%;}
.pros-list{position:relative;overflow:hidden;padding:30px 0;}
.pros-list ul{display:flex;flex-wrap:wrap;justify-content: space-between;list-style: none;}
.pros-list ul li{width:48%;text-align:center;margin-bottom: 12px;}
.pros .pic{border:1px #EEE solid;padding:1px;}
.pros .pic img{width:100%;}
.pros .tit {padding:0 1rem;height:3rem;font-size:1rem;line-height: 3rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.ui-pros .pagerbox{padding-bottom:30px;}

.app-full{width:100%;height:100%;}
.ui-pros-slide{width:100%;height:100%;max-width:750px; margin:0 auto;background:#000;}
.ui-pros-slide .pros-list .pros .info{display:none;}
.ui-pros-slide .pros-list{width:100%;height:100%;max-width:750px; margin:0 auto;overflow: hidden;}

.product{padding:30px 0 0}
.pro-basic{position:relative;padding:0 8px;box-sizing: border-box;}
.product h1{display:inline-block;margin:0;padding:0 40px;line-height:32px;font-size:12px;font-weight:400;border:1px #A4A4A4 solid;border-radius:20px;color:#999;}
.product .media{text-align:center;width:100%;margin: 0 auto;background:#EFEFEF;vertical-align: middle;display:flex;align-items: center; justify-content: center;}
.product .media img{max-width:100%;}

.pro-body{margin-top:20px;}
.pro-body .xcont{display:none;padding:0 10px;color:#999;}

.product .prevnext{margin-top:40px;padding-bottom:40px;text-align:center;line-height:2rem;}
.product .prev,.product .next{display:inline-block;width:68px;height:19px;margin:0 10px;}
.product .prev .none,.product .next .none{display:block;width:68px;height:19px;text-indent: -300px;overflow: hidden;}
.product .prev a,.product .next a{display: block;width:100%;height:100%;text-indent:-1000px;overflow: hidden;}
.product .prev a,.product .prev .none{background:url(../images/btn_prev.png) 0 0 no-repeat;}
.product .prev a:hover{background:url(../images/btn_prev_on.png) 0 0 no-repeat;}
.product .next a,.product .next .none{background:url(../images/btn_next.png) 0 0 no-repeat;}
.product .next a:hover{background:url(../images/btn_next_on.png) 0 0 no-repeat;}

/*works*/
.works{padding:0;}
.pics{display:flex;flex-wrap: wrap;justify-content: space-between; margin:0;box-sizing: border-box;list-style: none;}
.pics .item{padding:0;width:48%;max-width:374px;max-height:386px;margin:0 0 28px 0;}
.pics .item:nth-child(2n){margin-right:0;}
.pics .item:hover{border:0px #F00 solid;box-shadow: 1px 1px 5px rgba(0,0,0,0.5);}
.pics .cover{width:100%;max-width:374px;max-height:272px;margin:0 auto;text-align:center;overflow:hidden;vertical-align:middle;display:table-cell;*display:block;*font-size:120px;*font-family:Arial;text-align:center;}
.pics .cover img{display:block;width:100%;}
.pics .cover a{display:block;height:100%;}
.pics .tit{margin:0;padding:0 10px;height:2.6rem;line-height:2.6rem;font-size:1rem;color:#333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight:400;text-align: center}
.pics .tit a{font-size:inherit;color:inherit;}
.pics a:hover .tit{color:#DB0B1E;}

.page-works .thead{text-align:center;padding:1.5rem 0 1rem;}
.page-works .thead h3{display:inline-block;margin:0;line-height:20px;font-size:1.5rem;font-weight:700;color:#444;}
.photos{width: 100%;margin: 0 auto 20px;padding:20px 0 0;}
.pics-scroll{margin:0 auto; position:relative; overflow:hidden;}
.pics-scroll .hd{ width:100%; height:12px;  position:absolute; z-index:1; bottom:10px; text-align:center;  }
.pics-scroll .hd ul{ display:inline-block; height:9px; padding:2px 5px; background-color:rgba(255,255,255,0.7);
    -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;list-style:none;}
.pics-scroll .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.pics-scroll .hd ul .on{ background:#FE6C9C;  }
.pics-scroll .bd{position:relative; z-index:0;min-height:200px;}
.pics-scroll .bd li{min-height: 200px;text-align: center;}
.pics-scroll .bd li img{width:100%;background:url(../images/loading.gif) center center no-repeat;  }
.pics-scroll .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }


.works-widget h3{height:36px;font-size:18px;margin-bottom:20px;color:#999;}
.wg-pics{display:flex;flex-wrap: wrap;box-sizing: border-box;}
.wg-pics .item{padding:0;*float:left;width:258px;height:286px;margin:0 50px 28px 0;}
.wg-pics .item:nth-child(4n){margin-right:0;}
.wg-pics .item:hover{border:0px #F00 solid;box-shadow: 1px 1px 5px rgba(0,0,0,0.5);}
.wg-pics .cover{width:258px;height:190px;margin:0 auto;text-align:center;overflow:hidden;vertical-align:middle;display:table-cell;*display:block;*font-size:120px;*font-family:Arial;text-align:center;}
.wg-pics .cover a{display:block;height:100%;}
.wg-pics .cover img{display:block;width:100%;height:auto;max-height:100%}
.wg-pics .tit{margin:0;padding:6px 12px;height:24px;line-height:24px;font-size:16px;color:#333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.wg-pics .tit a{font-size:inherit;color:inherit;}
.wg-pics .txt{padding:0 12px;height:48px;line-height:24px;color:#9A9A9A;box-sizing: border-box;}


/*Contact*/
.page-contact .bodyer{padding-top:0;}
.contact{padding:30px 8px 0;}
.contact h2{margin:0;}
.contact .info{margin-top:20px;}
.contact .info img{max-width:100%;}
.contact .map{margin-top:15px;}
.contact .maps{width:100%;height:400px;border: 1px #CCC solid;}
.BMap_Marker label{padding:2px 5px!important;border-radius: 3px;}

/*Recruit*/
.campus{margin-top:50px;width:100%;background:#454543;padding:40px 0 50px;}
.campus h3{margin:0;padding:0 8px;}

.campus .cite{margin:32px 12px 0;border-bottom:1px #D4D4D2 solid;padding-bottom:32px;font-size:1.1rem;}
.campus .cite .cover{text-align: center;}
.campus .cite .cover img{max-width: 100%;}
.campus .cite .txt{flex:1;color:#F5F5F5;padding:30px 8px 0;line-height:1.6;text-indent:2.2rem;}
.campus .cite .txt p{text-indent:2.2rem;}
.campus .remark{margin:0 12px;border-top:1px #D4D4D2 solid;padding:30px 8px 0;color:#F5F5F5;line-height:2.4;}

.jobs-s{color:#F5F5F5;padding:30px 20px 0;}
.jobs-s ul{list-style: none;}
.jobs-s ul li{margin-bottom:30px;}
.jobs-s ul li h5{font-size:1.3rem;font-weight:700;color:#FFFFFF;}
.jobs-s ul li .txt{margin-top:6px;font-size:1.1rem;}

.social{margin-top:50px;padding:20px 8px 0;}
.social h3{padding-bottom:15px;}
.jobs{margin:0;}
.jobs dl{background:#EFEFEF;margin-bottom:20px;padding:20px 20px;color:#6F6F6F;list-style: none;}
.jobs dl dt{font-size:1.3rem;font-weight:700;color:#000;}
.jobs dl dd{margin:10px 0 0;font-size:1.1rem;}
.jobs dl dd .basic{padding:0 0 10px;}
.jobs dl dd .prof{margin:0}
.jobs dl dd .prof h5{width:80px;font-size:1.2rem;font-weight:600;}
.jobs dl dd .prof .xcont{margin-top:8px;font-size:inherit;line-height:1.8;}
.jobs dl dd .prof .xcont p{margin:0;text-indent:-24px;padding-left:25px;}
.jobs dl:hover{background:#454543;color:#F5F5F5;}
.jobs dl:hover dt{color:#FFF;}

/*Join*/
.page-joins{margin:0 auto;}
.joins-s1{background:url(/upfiles/content/m-join-s1-bg.jpg) center 0 no-repeat;background-size:cover;padding:20px 0 30px;}
.joins-s1 .demo{padding:0 8px;}
.joins-s1 .demo img{max-width: 100%;text-align: center;}
.joins-s1 .bd h3{margin-top:16px;text-align: center;}
.joins-s1 .bd .mtxt{margin-top:26px;padding:0 12px;font-size:12px;color:#000;}
.joins-s1 .bd .mtxt p{text-indent:24px;margin-bottom:14px;line-height:1.5;}

.joins-s2{width:100%;background:url(/upfiles/content/joins-s2-bg.png) center 0 repeat #454543;padding:30px 0 50px;}
.joins-s2-demo{padding:0 8px;}
.joins-s2 .row-one{margin-top:30px;padding:0 12px;}
.joins-s2 .row-one h3{margin:0;}
.joins-s2 .row-one .mtxt{margin-top:20px;padding:0;font-size:12px;color:#E9E9E7;}
.joins-s2 .row-one .mtxt p{margin-bottom:8px;}

.joins-s2 .row-two{margin-top:30px;padding:0 12px;}
.joins-s2 .row-two .col-l .mtxt{margin-top:20px;padding:0;font-size:12px;color:#E9E9E7;}
.joins-s2 .row-two .col-l .mtxt p{margin-bottom:14px;}
.joins-s2 .row-two .col-r{padding-top:10px;text-align: center;}
.joins-s2 .row-two .col-r img{max-width:100%;}

.joins-s2 .row-three{margin:30px 12px 0;padding-top:40px;border-top:1px #9B9B99 solid;}
.joins-s2 .row-three .hd{padding:0;}
.joins-s2 .row-three .bd{margin-top:42px;text-align: center;}

.joins-support{margin:50px auto 0;text-align: center}
.joins-support .bd{margin-top:30px;padding:0 8px;}
.joins-support .item{margin-bottom:40px;}

.joins-require{width:100%;background:#EFEFEF;padding:30px 8px;margin:0 auto;display: flex;}
.joins-require .demo{width:400px;margin-right:30px;}
.joins-require .info{position: relative; padding:0;box-sizing: border-box;}
.joins-require .info .mtxt{margin-top:30px;font-size:12px;}
.joins-require .info .mtxt h5{margin-bottom:16px;font-size:14px;line-height:28px;padding-bottom:6px;border-bottom:1px #828282 solid;box-shadow: 0 1px 0 #CCC;}
.joins-require .info .mtxt p{margin-bottom:10px;padding-left:1.5rem; font-size:inherit;text-indent:-1.5rem;line-height:1.8;}
.joins-require .info .ebrand{display:none;position: absolute;right:10px;top:0;}
@media(max-width:640px){
    .joins-require{display: auto;}
    .joins-require .demo{display:none;}
}

.joins-enroll{margin:0 auto;width:100%;padding:30px 8px;background:url(/upfiles/content/m-joins-enroll.jpg) center 0 no-repeat;background-size: cover; box-sizing: border-box;}
.joins-enroll .joins-form{width:100%;margin:0 auto;background:#EFEFEF;border-radius:3px;padding:30px 10px;box-sizing: border-box;}
.joins-form h3{height:45px;background:url(/upfiles/content/m-enroll-h.png) center 0 no-repeat;text-indent: -1000px;overflow: hidden;}
.joins-form .e-tips{margin-top:20px;line-height:30px;text-align: center;font-size:12px;}
.joins-form .e-tips p{font-size:inherit;}
.joins-form .e-tel{font-size:22px;color:#A0876D}
.join-tips{margin-top:18px;text-align: center;color:#FF0000;font-size:13px}


.joins-shops{margin:50px auto 0;background:#FFF;width:100%;padding-bottom:3rem;}
.joins-shops .hd{text-align: center;}
.joins-shops .bd{margin-top:40px;}
.shops{display:flex;justify-content: space-between;flex-wrap: nowrap;padding:0 20px;}
.shops li{margin:0;width:575px;text-align: center;}
.shops li img{width:100%;}
.shops-pager{margin-top:90px;}

.shops-slide{position: relative;padding-bottom:40px;}
.shops-slide-cont{margin:0;padding:0 20px;}
.swiper-container.shops-slide-imgs {width: 100%;height: 100%;}
.shops-slide-imgs .swiper-slide{text-align: center;font-size: 18px;margin:0 10px 0 0;}
.shops-slide-imgs .swiper-slide img{width:100%;}
.shops-item{cursor: pointer;}
.shops-item:hover,.shops-item.on{background:#956C50;}
.mat-switcher{width:100%;bottom:10px;}
.swiper-pagination.mat-switcher .swiper-pagination-bullet{width:6px;height:6px;border-radius: 6px;margin:0 2px;color:#000;border:1px #FFF solid;background: #CCC;overflow: hidden;opacity:1;}
.swiper-pagination.mat-switcher .swiper-pagination-bullet-active {border:1px #B08558 solid;color:#000;background: #B08558;}
.imat-prev,.imat-next{display:none;width:35px;height:45px;position:absolute;top:224px;margin-top:-14px;cursor:pointer;z-index:9;}

.sct-vrs{padding:40px 0 50px;}
.sct-vrs .bd{width: 100%;height: 100%;padding:0 20px;}
.vrs-slide{padding:0 0 40px;}
.vrs .item{width:48%;text-align: center;}
.vrs .item .cover{width:100%;overflow: hidden;}
.vrs .item img{max-width:100%;min-height: 100%;object-fit: cover;-webkit-transition:all 500ms;-moz-transition:all 500ms;-ms-transition:all 500ms;transition:all 500ms}
.vrs .item h5{padding:0 12px;margin-top:10px;font-size:13px;font-weight:normal;}
.vrs .item:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}

.vrs-switcher{width:100%;bottom:10px;}
.swiper-pagination.vrs-switcher .swiper-pagination-bullet{width:6px;height:6px;border-radius: 6px;margin:0 2px;color:#000;border:1px #FFF solid;background: #CCC;overflow: hidden;opacity:1;}
.swiper-pagination.vrs-switcher .swiper-pagination-bullet-active {border:1px #B08558 solid;color:#000;background: #B08558;}


.feedback{margin-top:30px;}
.feedform{padding:30px 0 0;}
.feedform .feedform-bd{margin:0;}
.feedform .feedform-meta{width:100%;}
.feedform .feedform-cont{margin-top:1px;}
.feedform .feedform-btm{text-align:center;margin-top:40px;}

.feedform .form-row{margin-bottom:18px;}
.feedform .form-row.col2{margin:0}
.feedform .form-row.col2 .formitem{width:98%;margin-bottom:18px;}
.feedform .formitem{position: relative;}
.feedform .formitem label{display:block;position:absolute;left:10px;top:14px;width:52px;font-size:12px;color:#222;}
.feedform .formitem label i{padding-right:4px;}
.feedform .formitem div{width:100%;}
.feedform .formitem input{border:none;width:100%;height:42px;line-height:42px;background: #F5F5F5;padding:12px 0 12px 62px;box-sizing: border-box;border:1px #373737 solid;border-radius: 5px;}
.feedform .formitem textarea{width:100%;height:140px;border:none;background: #F5F5F5;padding:10px 10px 10px 50px;box-sizing:border-box;border:1px #373737 solid;border-radius: 5px;}
.feedform .form-dist{background: #F5F5F5;padding:12px 0 12px 60px;box-sizing: border-box;border:1px #373737 solid;border-radius: 5px;}
.feedform .select-dist{padding-left:0;}
.feedform .select-dist select{display:block;background:#EDEDED;height:28px;border:1px #EDEDED solid;margin-bottom:12px;}

.btn-submit{padding:8px 76px;background:#B08558;border:1px #B08558 solid;border-radius:6px;cursor: pointer;font-size:16px;color:#FFF;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #B1B1B1;} 
input:-moz-placeholder, textarea:-moz-placeholder {color: #B1B1B1;} 
input::-moz-placeholder, textarea::-moz-placeholder {color: #B1B1B1;} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #B1B1B1; }
.Validform_checktip{display:block;position: absolute;right:10px;top:14px;color:#B08558;}
@media(min-width:486px){
    .feedform .form-row.col2{display:flex;flex-wrap: nowrap;justify-content: space-between;}
    .feedform .form-row.col2 .formitem{width:49%;}
    .feedform .select-dist select{display:inline-block;margin-right:12px;margin-bottom:0;background:transparent;border:none;}
    
}




.page-design{margin:0;}
.page-design .app-main{padding-top:72px;}
.design-slogan{padding:4px 0 0;}
.design-slogan .inn{width:99%;margin:0 auto;border:1px #CCC solid;text-align: center;padding:30px 20px;box-sizing: border-box}
.design-slogan .txt{margin-top:24px;font-size:12px;}

.design-svc{margin:40px 0 0;}
.design-svc .inn{width:100%;margin:0 auto;}
.design-svc .intro{font-size:12px;padding:0 12px;text-align:center;}
.design-svc .intro p span{color:#C4A480;font-weight:700;}
.design-svc .img{margin-top:25px;padding:0 12px;}
.design-svc .img img{max-width:100%;}

.design-apply{margin-top:30px;padding-bottom:60px;}
.design-apply .inn{margin:0 auto;}
.design-apply .inn .hd{background:#E7E7E7;box-sizing: border-box;padding:20px 20px 30px;}
.design-apply .tips{margin-top:12px;font-size:12px;}
.design-apply .inn .bd{flex:1px;box-shadow: 0px 0px 8px #CCC;box-sizing: border-box;}

.applyform{padding:30px 12px 50px;}
.applyform .form-row{position: relative;margin-bottom:8px;font-size:14px;}
.applyform .form-row label{display:block;color:#222;font-size:inherit;}
.applyform .form-row div{width:100%;margin-top:6px;}
.applyform .form-row input{width:100%;height:32px;line-height:32px;color: #444;padding:0 6px;box-sizing: border-box;border:1px #ABACAB solid;}
.applyform .form-row select{margin-right:12px;height:32px;line-height:32px;color: #444;border:1px #ABACAB solid;margin-bottom:12px;}
.applyform .form-btm{margin-top:27px;}
.applyform .btn-submit{width:100%;padding:8px 0;text-align:center;background:#D2A367;border-radius:3px;cursor: pointer;font-size:14px;color:#FFF;border:none;}
.applyform .Validform_checktip{display:block;position: absolute;right:2px;top:6px;color:#B08558;}

/*-------------------other plugin---------------------*/
.lb-data .lb-number{padding:10px 0 8px!important;color:#9B9B9B!important;}