@charset "utf-8";
.tb80{ padding: 80px 0; }
.trans{ transition: all .3s ease; }
.lazy {
    display: block !important;
    background: url(../images/loading.gif) 50% 50% no-repeat;
}
/*Header*/
.header {
    height: 100px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    transition: all .3s ease;
}
.header-in {
    width: 95%;
    margin: 35px auto;
    height: 30px;
    transition: all .3s ease;
}
.header .logo {
    float: left;
    margin-left: 10px;
}
.header-in .logo img {
    width: 140px;
    transition: all .3s ease;
}
.head-nav {
    position: absolute;
    max-width: 1200px;
    right: 120px;
    display: none;
}
.head-nav li {
    float: left;
    margin-left: 54px;
}
.head-nav a {
    font-size: 16px;
    color: #000;
    line-height: 30px;
}
.header .meun-off {
    float: right;
    margin-right: 10px;
}
.header .meun-off span {
    width: 23px;
    height: 2px;
    background-color: #000;
    display: block;
    margin: 6px auto;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.nav {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.9);
    display: none;
}
.nav ul {
    margin: 0 auto;
    width: 50%;
    text-align: center;
    height: 500px;
    position: absolute;
    top: 50%;
    margin-top: -250px;
    left: 50%;
    margin-left: -25%;
}
.nav ul li a {
    display: block;
    height: 80px;
    overflow: hidden;
    margin: 10px 0;
}
.nav ul li span {
    display: block;
    font-size: 48px;
    line-height: 80px;
    text-transform: uppercase;
    color: #e9e7e8;
    font-weight: lighter;
    transition: all .3s ease;
    overflow: hidden;
}
.nav .nav-tel {
    position: absolute;
    left: 2%;
    bottom: 2%;
}
.nav .close-xs {
    display: block;
    position: absolute;
    top: 4%;
    right: 4%;
    width: 42px;
    transition: all .5s ease;
}
.nav .close-xs img {
    width: 42px;
    transition: all .5s ease;
}
/** header-small **/
.header.header-small{
    height: 60px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;
    transition: all .3s ease;
}
.header.header-small .logo img{ width: auto; height: 25px;margin-top: 6px;}
.header.header-small .header-in{margin: 15px auto}
.header.header-small .head-nav{ display: block; }
.nav .close-xs img:hover{ -webkit-transform: rotate(180deg);transform: rotate(180deg); }
.nav ul li:hover span.en{ margin-top: -80px; }
/*Slides*/
.banner{width:100%;position:relative;z-index:1;overflow:hidden}
.banner .bd ul{width:100%!important}
.banner .bd li{width:100%!important;height:500px;background-position:center 0;background-attachment:fixed;background-repeat:no-repeat;min-width:1200px}
.banner .bd li a{display:block;width:1400px;margin:0 auto;height:100%}
.banner .hd{position:fixed;left:0;top:480px;z-index:1;width:100%;overflow:hidden}
.banner .hd ul{text-align:center}
.banner .hd ul li{cursor:pointer;display:inline-block;zoom:1;width:10px;height:10px;margin:5px;overflow:hidden;font-size:0;background-color:#fff;border-radius:50%}
.banner .hd ul .on {background-color: #ff0;}
/** arrow **/
.banner .arrow {position:absolute; top:25%; margin-top:0; width:100px; height:50%; padding:0;cursor: pointer;}
.banner .arrow span,.banner .arrow span:after,.banner .arrow span:before {position:absolute; top:50%; height:2px; background-color:#fff; border-radius:1px; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition:all .4s ease; transition:all .4s ease }
.banner .arrow span {margin-top:-1px; width:0 }
.banner .arrow span:after,.banner .arrow span:before {content:""; width:30px }
.banner .arrow.btn-prev span {left:50%; margin-left:-10px }
.banner .arrow.btn-prev span:before {left:0; bottom:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:left; -ms-transform-origin:left; transform-origin:left }
.banner .arrow.btn-prev span:after {left:0; top:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:left; -ms-transform-origin:left; transform-origin:left }
.banner .arrow.btn-next span {right:50%; margin-right:-10px }
.banner .arrow.btn-next span:before {right:0; bottom:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:right; -ms-transform-origin:right; transform-origin:right }
.banner .arrow.btn-next span:after {right:0; top:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:right; -ms-transform-origin:right; transform-origin:right }
.banner .arrow:hover span { width:40px; }
.banner .arrow:hover.btn-prev span { margin-left:-20px; }
.banner .arrow:hover.btn-next span { margin-right:-20px; }
.banner .btn-next { right:2.1%; }
.banner .btn-prev { left:2.1%; }
/*FooterSTART*/
.footer:after{ display: block;content: "";clear: both; }
.footer{ position: relative;z-index: 10; }
.footer .container{ width: 75%; }
/** table **/
.footer .outer{ padding: 40px 0 0; }
.footer .outer .head{ margin-bottom: 30px; }
.footer .outer .head a{ color: #fff;font-size: 16px;margin-right: 20px;border-bottom: 2px solid transparent;padding-bottom: 5px;cursor: pointer; }
.footer .outer .head a.on{ border-bottom-color: #fff; }
.footer .outer .flist{ display: none; }
.footer .outer .flist:first-child{ display: block; }
.footer .outer .flist a{ float: left; display: block; color: #fff;margin: 0 30px 10px 0;
    text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
}
/** top **/
.footer-top{ padding: 60px 0 100px; }
.footer-top .fleft{ width: 190px; }
.footer-top .fleft p{ font-size: 16px; margin-top: 60px;color: #999;line-height: 28px; }
.footer-top .fcenter{ width: calc(100% - 322px); }
.footer-top .fcenter ul{ width: 66%;margin: 0 auto; }
.footer-top .fcenter ul li{
    float: left;
    width: 50%;
    margin-bottom: 60px;
}
.footer-top .fcenter ul li:nth-of-type(n+3){ margin-bottom: 0; }
.footer-top .fcenter ul li h6{ color: #fff;font-size: 16px;padding-bottom: 10px; }
.footer-top .fcenter ul li p{ color: #999; }
.footer-top .fcenter ul li p.stro{ color: #d58026;font-weight: bold;font-size: 30px; }
.footer-top .fright{ width: 132px;text-align: center; }
.footer-top .fright p{ color: #fff;font-size: 16px;padding-bottom: 20px; }
.copyright{ height: 79px;line-height: 79px;border-top: 1px solid #323232; }
.copyright span,.copyright span a{ color: #999; }
.copyright .fnav a{ padding-left: 20px;color: #999; }
.copyright span a:hover,
.copyright .fnav a:hover{ color: #fff; }
/*FooterNED*/
/*++------------------------
/*++  Plate-Module
/*++------------------------*/
/** page-a **/
.page-a .text-info h5{ font-size: 36px;color: #000;margin-bottom: 40px;font-weight: lighter; }
.page-a .remark{ color: #9fa0a0;line-height: 28px; }
/** design-works **/
.design-works{width:95%;margin:0 auto;position:relative;z-index:10;background-color:#fff}
.design-works .warp-type{height:50px;position:relative;margin-bottom:25px}
.design-works .warp-type p{font-size:18px;width:1080px;line-height:50px;position:absolute;left:50%;margin-left:-540px;z-index:0}
.design-works .warp-type p a{ color: #000;font-weight: bold; }
.design-works .warp-type-list{float:right;position:absolute;z-index:11;right:0}
.design-works .warp-type-list .active{color:#000;font-size:18px}
.design-works .warp-type-list a{display:inline-block;margin-right:25px;line-height:50px;color:#888889;font-size:16px}
.design-works ul li{width:33.333333%;float:left;position:relative;overflow:hidden}
.design-works ul li img{width:100%;height:auto;display:block}
.design-works .case-summary{opacity:0;width:90%;height:90%;background:url(../images/black.png) repeat;top:0;left:0;position:absolute;padding:5%;transition:all .4s ease}
.design-works .case-summary .remark{ position: relative;width:100%;height: 100%; }
.design-works .case-summary p{color:#f9f9f9;position:absolute;left:0;font-size:18px}
.design-works .case-summary .p2{bottom:30px;font-size:16px}
.design-works .case-summary span{font-size:24px}
.design-works .case-more{position:relative;display:block;color:#b9b9b9;width:231px;height:50px;transition:all .5s cubic-bezier(.215,.61,.355,1) 0s;border-radius:0;text-align:center;text-indent:0;line-height:50px;font-size:13px;border:none;margin:100px auto 0;}
.design-works .case-more i{font-size:18px;text-indent:-10px;line-height:50px;transition:all ease-out .3s;color:#fff;display:inline-block;opacity:0;font-style:normal}
.design-works .case-more:after{content:"";display:block;width:210px;height:42px;border:1px solid #d9d9d9;position:absolute;bottom:2px;z-index:2;margin-left:10px;transition:all .2s ease 0s}
.case-more:hover{color: #333}
.design-works .case-more:hover:after{transform: scale(1.1,1.1);border: 1px solid #e0e0e0;}
.design-works .case-more:hover i{color: #333;text-indent: 10px;opacity: 1}
.design-works .warp-type p a:hover{ color: #000; }
.design-works .warp-type-list a:hover{color: #000}
.design-works ul li:hover .case-summary{opacity: 1;}
.design-works ul li:hover img{transform: scale(1.1);}
/** article **/
.article-b{ padding: 120px 0; position: relative;background: #fff; z-index: 10; }
.article-b .container{ width: 75%; }
.article-lists .lis{ float: left; width: calc((100% / 4) - 22.5px);margin-right: 30px; }
.article-lists .lis:last-child{ margin-right: 0; }
.article-lists .lis .cover-img img{ display: block;width: 100%; }
.article-lists .lis h5{ font-size: 20px;color: #333;font-weight: lighter;padding: 35px 0 20px; }
.article-lists ul li{ line-height: 30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.article-lists ul li:hover a{ color: #000; }
/** contactus **/
.contactus,.contactus .remark{ height: 850px; }
.contactus{ position: relative;
    background-position: center 0;
    background-attachment: fixed;
    background-repeat:no-repeat;
    text-align: center;
    z-index: 10; }

.contactus .remark{ display: flex;justify-content: center;flex-direction: column; color: #fff; }
.contactus .remark h5{ font-size: 46px; }
.contactus .remark .subtit{ font-size: 28px;font-weight: lighter;padding: 10px 0 40px; }
.contactus .case-more{position:relative;display:block;color:#b9b9b9;width:215px;height:50px;transition:all .5s cubic-bezier(.215,.61,.355,1) 0s;
    text-align:center;text-indent:0;line-height:45px;font-size:13px;margin: 0 auto;background: #fff;}
.contactus .case-more i{font-size:18px;text-indent:-10px;line-height:50px;transition:all ease-out .3s;color:#fff;display:inline-block;opacity:0;font-style:normal}
.contactus .case-more:hover{color: #333}
.contactus .case-more:hover i{color: #333;text-indent: 10px;opacity: 1}
.contactus .code-img img{ padding: 100px 0 10px; }
/** partner **/
.partner{ position: relative; padding: 120px 0;background: #fff;z-index: 10; }
.partner .container{ width: 75%; }
.partner h5{ font-size: 36px;color: #333;text-align: center;font-weight: lighter;padding-bottom: 90px; }
.partner ul li{
    float: left;
    width: calc((100% / 5) - 24px);
    margin-right: 30px;
}
.partner ul li:last-child{ margin-right: 0; }
.partner ul li h6{ font-size: 20px;color: #333;padding-bottom: 25px; }
.partner ul li a{ display: block;margin-bottom: 10px; }
.partner ul li a:hover{ color: #000; }
/*++---------------------------
/*++  内容开始
/*++---------------------------*/
.style-b{ width: 100%; }
.hg20-color{ height: 20px;clear: both;background:#f7f7f7; }
.back-color{ width: 100%;background:#f7f7f7; }
.back-white{ background: #fff; }
.nbanner .container{ position: relative;height: 100%; }
.nbanner a{ position: relative; display: block;width: 100%;min-height: 250px; }
.nbanner .text{ position: absolute;bottom: 60px;left: 0; }
.nbanner .text h5{ font-size: 48px;font-weight: bold;color: #fff;padding-top: 8px; }
.nbanner .text p{ font-size: 18px;color: rgba(255,255,255,.8); }
.box-content:after{ display: block;content: "";clear: both; }
.box-content{ padding: 20px 0 35px; }
/** cover-img **/
.cover-img img{ display: block;max-width: 100%; }
/** curr-right **/
.curr-right{ float: left;line-height: 90px; }
.curr-a a:last-child{ color: #000; }
/*+---------------
/*+  Content
/*+---------------*/
.detail{ padding:25px 0; }
.detail p{ color: #666;line-height: 24px; }
.detail img{max-width: 100%;vertical-align:middle;}
/** N-ttile **/
.comm-n-title .name { font-size: 25px;color: #333; }
.comm-title .subtitle { color: #333; }
/*+---------------
/*+  About lists
/*+---------------*/
.about-us{ padding: 100px 0 0; }
.about-us .cons img{ display: block;width: 100%; }
.about-us .cons .remark{ width: 75%;margin: 0 auto;padding: 100px 0; }
.about-us .cons .remark h5,
.about-us .cons .remark .remark-txt{ float: left; width: 50%; }
.about-us .cons .remark h5{ font-size: 24px;font-weight: lighter; }
.about-us .cons .remark p{ color: #999;line-height: 28px; }
.about-us .cons .remark p.txten{ padding-top: 25px }
/*+---------------
/*+  case lists
/*+---------------*/
.clists.design-works{ margin-top: 150px; }
/** Detail **/
.case-read,.case-read .left,.case-read li{color:#fbfbfb}
.case-read{width:90%;margin:0 auto;padding:100px 0}
.case-read-top{height:450px;background:#1d4ba0;padding:70px 0;color:#fff}
.case-read-top .left{float:left;width:36%;text-align:right;font-size:18px;font-weight: bold;}
.case-read-top .right{float:right;width:40%;margin-right:11%;position:relative;height:100%}
.case-read-top .right p{font-size:16px;margin-bottom:18px;line-height:25px}
.case-read-top .right ul{position:absolute;bottom:0}
.case-read-top .right ul li{font-size:12px;line-height:24px}
.case-content{ padding-bottom: 100px;color: #333; }
.case-content img{width:100%!important;height:auto!important;display:block}
/** case_about **/
.recomm-txt{padding:105px 0 60px;text-align:center;}
.recomm-txt h5{font-size:26px;margin-bottom:10px;color:#5f6061;}
.recomm-txt .reen{font-size:19px;margin-bottom:15px;color:#5f6061;}
/*+---------------
/*+  Elegant Demeanor
/*+---------------*/
.fengcai-list ul li{width: 285px;float: left;text-align: center;margin:20px 20px 0 0;}
.fengcai-list ul li:nth-of-type(4n){ margin-right: 0; }
.fengcai-list ul li img{width: 100%; max-width:285px;height:auto;}
.fengcai-list ul li p{height: 40px;line-height: 40px;}
.fengcai-list.inside ul li{ margin: 0 20px 20px 0; }
.fengcai-list.inside ul li:nth-of-type(4n){ margin-right: 0; }
/*+---------------
/*+  Article
/*+---------------*/
.news{width:1070px;margin:0 auto;padding:100px 0 50px;}
.news-type,.news-type ul,.news-type ul li{height:60px;}
.news-type{margin-bottom:20px;}
.news-type h3{float:left;font-size:30px;width:15%;font-weight:lighter;}
.news-type ul{width:85%;float:right;overflow:hidden}
.news-type ul li{float:left;color:#898989}
.news-type ul li a{line-height:60px;padding:0 20px;color:#898989;}
.news-type ul li:hover a{ color: #000;text-decoration: underline; }
.news-type ul li:last-child em{ display: none; }
/** news-list **/
.news-list{ padding-bottom:25px; }
.news-list li{ padding:40px 0;border-bottom:1px solid #eee; }
.news-list li .imgs{ float:left;width:360px;overflow:hidden; }
.news-list li .imgs img{ display:block;width:100%; }
.news-list li .news-summary{ float:right;width:49%;margin-right:130px; }
.news-list li .news-summary h4{ color:#0f0b09;margin-bottom:30px;font-size:16px; }
.news-list li .news-summary .syl{ margin-bottom:30px;font-size:22px;color:#0f0b09; }
.news-list li .news-summary span{ margin-bottom:50px;display:block;line-height:28px; }
.news-list li .news-summary .more{ text-decoration:underline;font-size:16px; }
.news-list li .imgs:hover img{ transform:scale(1.2); }
/** Detail **/
.article-show{ padding: 100px 0;background: #fafafa; }
.article-show .container{ width: 75%;margin-top: 35px; }
.article-show .subcate{
    float: right;
    text-align: center;
    line-height: 90px;
}
.article-show .subcate a{ padding: 0 15px;color: #898989; }
.article-show .subcate em:last-child{ display: none; }
.article-show .subcate a:hover{ color: #000; }
.article-show .sleft{ width: calc(77% - 30px); }
.article-show .sleft .title{padding: 20px 50px;background: #fff;}
.article-show .title{display: flex;align-items: center;}
.article-show .title .title-con{ flex: 8; }
.article-show .title h1{ font-size: 30px;color: #333;padding-bottom: 5px; }
.article-show .title p{ color: #666;font-size: 13px; }
.article-show .title p span{ padding-right: 20px; }
.article-show .code{ flex: 1; width: 120px;text-align: center; }
.article-show .code img{ border: 1px solid #ebebeb;padding: 5px; }
.article-show .code p{ color: #666;padding-top: 5px; }
.article-show .content{
    padding: 30px 50px;
    background: #fff;
    margin-top: 15px;
}
.article-show .content img{ display: block; max-width: 100%;height: auto !important; }
/** right **/
.article-show .sright{ width: 23%; }
.article-show .rtit{ font-size:16px; height: 59px;line-height: 59px;border-bottom: 1px solid #ebebeb;padding: 0 25px; }
.article-show .rtit a{ float: right;font-size: 14px;color: #999; }
.hot-case ul{ padding: 0 25px 25px; }
.hot-case ul li{ float: left; width: 48%;margin-top: 20px;text-align: center; overflow: hidden; }
.hot-case ul li:nth-of-type(even){ float: right; }
.hot-case ul li img{ display: block;width: 100%; }
.hot-case ul li h5{ color: #666;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-top: 10px; }
.hot-case ul li:hover h5{ color: #000; }
/** hot-news **/
.hot-news ul{ padding: 15px 25px 25px; }
.hot-news ul li{ line-height: 35px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.hot-news ul li:hover a{ color: #000; }
/** tool **/
.news-tool{ padding: 30px 50px; }
.ico-share{width:28px;height:26px;display:block;background-position:2px -231px}
.icons{background-image:url(../images/icons.png);background-repeat:no-repeat}
#share{width:28px;height:26px;float:right;position:relative;z-index:99}
.share{width:28px;height:26px;display:block}
.share-list{width:100px;padding:10px 20px;background:#363636;position:absolute;right:0;top:32px;border-radius:8px;opacity:0;-webkit-transition:all .2s linear;transition:all .2s linear}
.share-list li a{height:24px;line-height:24px;display:block;padding-left:34px;color:#fff;font-size:14px;position:relative}
.share-list li .icons{width:24px;height:24px;display:block;position:absolute;left:0;top:50%;margin-top:-12px}
.share-list li .ico-weixin{background-position:-60px 0}
.share-list li .ico-xlwb{background-position:-100px 0}
.share-list li .ico-txwb{background-position:-140px 0}
.share-list li .ico-douban{background-position:-180px 0}
.share-list li .ico-tieba{background-position:-220px 0}
.share .jiathis_style .jtico{text-align:initial!important;overflow:initial!important;display:initial!important;
    height:38px!important;line-height:38px!important;padding-left:initial!important;background:initial!important;cursor:initial!important}
.share .jiathis_style .jiathis_separator,.share .jiathis_style .separator{margin:initial}
.share .bdshare-button-style0-16 .bds_more,.share .bdshare-button-style0-16 a{background:0 0!important}
.share:hover .share-list{opacity:1}
.share ul li:hover a{color:#ffe514}
.news-tool-right li{position:relative;height:32px;float:left;margin:0 7px;transform:scale(.7);-webkit-transform:scale(.7)}
.news-tool-right li .icons{display:block;width:26px;height:26px}
.news-tool-right #prev a{background-position:0 -155px}
.news-tool-right #close a{background-position:0 -114px}
.news-tool-right #next a{background-position:0 -194px}
/*+---------------
/*+  Contactus
/*+---------------*/
.contact-list{ padding: 100px 0; }
.contact_ny:after,
.contactus-order:after{ display: block;content: "";clear: both; }
.contactus-order{ border-bottom: 1px solid #eee;padding-bottom: 50px; margin-bottom: 60px; }
.contactus-order:last-child{ border-bottom: 0;margin-bottom: 0;padding-bottom: 0; }
.contact_ny ul li{ float: left;width:390px;height: 65px;padding: 20px 10px 0 0; }
.contact_ny ul li i { float: left;display: inline-block;width: 65px;height: 65px;margin-right: 9px;
    background: url(../images/contact.png) no-repeat 0 0; }
.contact_ny ul li h5 { color: #333;padding-top: 8px; }
.contact_ny ul li:nth-of-type(2) i { background-position: -322px 0; }
.contact_ny ul li:nth-of-type(3) i { background-position: -574px 0; }
/** Map **/
.head-tit{margin:0 0 20px;padding-bottom:15px;border-bottom: 1px solid #f0f0f0;font-size:16px;color:#333;}
#allmap{height: 450px;overflow: hidden;}
.Map{height: 450px;}
#maps{width: 100%;height: 450px;}
#maps .info-title{color: white;font-size: 14px;background-color: rgba(0,155,255,0.8);line-height: 26px;padding: 0px 0 0 6px;font-weight: lighter;letter-spacing: 1px}
#maps .info-content{padding: 4px;color: #666666;line-height: 23px;}
#maps .info-content img{float: left;margin: 3px;}
#maps .amap-adcombo-close{ background:#000 url(../images/mapclose.png) center center no-repeat !important; }
/** Feedback **/
.contact-form{ position: relative; }
.contact-form .form-action li{ width: 302px;float: left;border-bottom: 1px solid #e8e8e8;margin-bottom: 45px;margin-right: 110px; }
.contact-form .form-action li:nth-of-type(3),
.contact-form .form-action li.textarea{margin-right: 0}
.contact-form .form-action li label{color: #fff;}
.contact-form .form-action input[type=text]{ width: 99%;padding-left: 5px;height: 36px;border: 0;}
.contact-form .form-action li.textarea{width: 100%;}
.contact-form .form-action textarea{ width: 100%;height: 20px;border: 0;outline: none;resize:none; }
.contact-form .form-action input[type=submit]{display:block;width: 158px;height: 43px;border:1px solid #eee;color:#000;
    background:#fff;cursor: pointer;font-size: 14px;margin:0 auto;}
.contact-form .form-action span.error-hide{ position: absolute;bottom: 50px;left: 0;margin-left: 0; }
/*+---------------
/*+  Pages
/*+---------------*/
.pager{position:relative;width:100%;color:#0f0b09;line-height:30px;padding:30px 0;font-size:24px;text-align:center;height:26px}
.pager a{text-decoration:none;height:26px;line-height:26px;display:inline-block;font-size:13px;color:#999;width:26px;transition:all .2s ease-out;margin-right:5px}
.pager a.curr,.pager a:hover{color:#333}
.pager .curr:after,.pager a:hover:after{width:10px}
.pager a:after{display:block;margin:2px auto;width:0;height:1px;background-color:#d4d4d4;content:""}
/*+------------------
/*+  Prev-Next
/*+------------------*/
.Pre-Next {height: 62px;position: relative;overflow: hidden;}
.Pre-Next p{ display: inline-block; }
.Pre-Next span{ display: none; }
.Pre-Next a{ text-indent: -999999px; }
.Pre-Next .page-prev a{background:url(../images/zuo.png) no-repeat;display:block;position:absolute;width:20%;height:50px;top:14px}
.Pre-Next .page-next a{background:url(../images/zuo.png) no-repeat;display:block;position:absolute;width:20%;height:50px;right:0;top:14px;transform:rotateY(180deg)}
.Pre-Next .return img{ display: block; margin: -20px auto 0; }
/*+---------------
/*+  dropload
/*+---------------*/
.dropload-down,.dropload-up{position:relative;height:0;overflow:hidden;font-size:12px;-webkit-transform:translateZ(0);transform:translateZ(0)}
.dropload-down{height:50px}
.dropload-load,.dropload-noData,.dropload-refresh,.dropload-update{height:50px;line-height:50px;text-align:center;color:#000}
.dropload-load .loading{display:inline-block;height:15px;width:15px;border-radius:100%;margin:6px;border:2px solid #666;border-bottom-color:transparent;vertical-align:middle;-webkit-animation:rotate .75s linear infinite;animation:rotate .75s linear infinite}
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0)}
    50%{-webkit-transform:rotate(180deg)}
    100%{-webkit-transform:rotate(360deg)}
}
@keyframes rotate{0%{transform:rotate(0)}
    50%{transform:rotate(180deg)}
    100%{transform:rotate(360deg)}
}