@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;font-weight: normal;}body,button,input,select,textarea{-webkit-text-size-adjust:none;font:12px/1.5 Arial,microsoft yahei,sans-serif}h1,h2,h3,h4,h5,h6{font-size:100%}address,cite,dfn,em,var{font-style:normal}ul,ol,li{list-style:none}a{text-decoration:none}legend{color:#000}fieldset,img{border:0;vertical-align:top;}section,article,aside,header,footer,nav,dialog,figure{display:block;}figure{margin:0;}button,input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}.clear{display:block;height:0;overflow:hidden;clear:both}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}a:link,a:visited{text-decoration:none}a:hover,a:active{text-decoration:underline}a{blr:expression_r(this.onFocus=this.blur())}a{outline:none;}.none{display:none;}.block{display:block;}.noBg{background:none !important;}.noBd{border:none !important;}.noPd{padding:0 !important;}
*,*:before,*:after{box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body { position:relative; color:#848484; background:#fff; }
a { color: inherit; }
a:hover { text-decoration:none;color: #be6900;transition:color .5s;-webkit-transition:color .5s;-moz-transition:color .5s;}
.wrap { position:relative; width:1200px; margin:0 auto; clear:both; }
.header,.container,.footer { position:relative; margin:0 auto; }
.fl { float: left !important;}
.fr { float: right !important;}

.nav-box { position: absolute; top: 0; left: 0; width: 100%; height:137px;z-index:66;    background: rgba(255,255,255,.5); }
.logo { float:left; width:160px; overflow:hidden; padding:6px 0; }
.logo img{height: 120px;}

.nav { float:right; height:137px; padding-top:17px;}
.nav li { position:relative; float:left; margin-left:70px; }
.nav li>a { height:36px; color:#333;position: relative; font-size: 16px; line-height: 36px; text-align:center; padding: 20px 0;-webkit-transition: 0.3s ease;transition: 0.3s ease; border-top: 4px solid transparent; border-bottom: 4px solid transparent;}
.nav li:hover>a,.nav li.current>a {border-top: 4px solid #873074; border-bottom: 4px solid #873074; padding: 6px 0;}
.nav li a.dropDown:after{content: "";position: absolute;width: 9px;height: 5px;display: block;left: 50%; opacity: 0;transition: .3s;-webkit-transition:.3s;   bottom: -9px;margin-left: -4px;background: url(../images/arr-down.png);}
.nav li:hover a.dropDown:after,.nav li.current a.dropDown:after{opacity: 1;}
.nav li dl{position: absolute;opacity: 0;    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.4);    box-shadow: 0 1px 4px rgba(0,0,0,.4); visibility: hidden; width: 110px;left: 50%;margin-left: -55px;text-align: center;color: #fff;background: #873074; font-size: 12px;    top: 55px;   z-index: 666;}
.nav li dl dt{width: 100%;position: absolute;top: -15px;height: 15px;}
.nav li dl dd{line-height: 35px;border-bottom: 1px solid #d39c60;}
.nav li dl dd:last-child{border:none;}
.nav li dl dd a{display: block;}
.nav li dl dd:hover a{background: #6e0056;color: #fff;}
.nav li:hover dl{transition-delay: 3s;-webkit-transition-delay: 3s; transition: .3s; -webkit-transition:.3s; visibility: visible;opacity: 1;top: 50px;}

/* search */

.search-form {  margin-bottom:17px; overflow:hidden; }
.search-form .tel{  font-size: 14px;  margin-right: 20px; line-height: 23px; float: right;  color: #333;padding-left: 76px;position: relative;}
.search-form .tel .tel-1{margin-right: 10px;}
.search-form .tel .mess{position: absolute;top: 2px;left: 0;line-height: 20px;}
.search-form .tel span {
   line-height: 22px;height: 22px;
    font-size: 18px;vertical-align: bottom;
    color: #873074; }
.search-form .search{
    float: right; position: relative;  width: 203px;  height: 27px; }
.search-form .search .search-btn{  position: absolute;background: url("../images/search.png") no-repeat ; width: 16px;  height: 16px;
    right: 0;cursor:pointer;outline:none;border:none;
    top: 5px;
    display: block; }
.search-form .search .search-btn:hover{background-image: url("../images/search-h.png")}
.search-input { float: left;border-radius: 13px; padding:2px 10px; width:177px; height:25px; line-height:25px; border:1px dashed #747068;outline: none;background: transparent;}
.search-input:focus{border:1px solid #ba7100;}
.flag-lang{float: right;margin-right: 20px;font-size: 16px;color: #333;}
.footer { background:#000000;width: 100%;height: 28px;color: #666666;font-size: 12px;line-height: 28px;text-align: center;}
.footer a{display: inline-block;}
.footer a img{padding: 4px 6px 0 18px;}

.copyright { clear:both; padding:12px 0 90px; height:122px; line-height:20px; color:#fff; }
.copyright a { color:#fff; }

.footer .tj { position:absolute; bottom:15px; right:0;}
.top {  position:fixed; _position:absolute; right:100px; bottom:100px; width:51px; height:51px; background:url(../images/mb-top.jpg) no-repeat; cursor:pointer; z-index:99; }

.banner { position:relative; width:100%; height:100%; overflow: hidden;}
.banner .bd { position:relative;left:50%; width:1920px;margin-left:-960px;text-align: center; }
.banner .bd li,.banner .bd li a { display:block; width:100%; height:100%; }
.banner .hd { position:absolute; bottom:50px; left:50%; width:1200px; margin-left:-600px; height:15px; text-align:center; }
.banner .hd li { display:inline-block; width:21px; height:21px; margin:0 8px; background:url(../images/mb-bannerbtn.png) no-repeat; text-indent:-999em; overflow:hidden; cursor:pointer; }
.banner .hd li.on { background:url(../images/mb-bannerbtn-on.png) no-repeat; }
.banner img {-webkit-transition:1.5s ease-in-out;transition:1.5s ease-in-out;opacity: 1;width:  1920px;}
.banner .hover img {opacity:.6;}
.banner .slide-click {height: 57px;position: absolute;width: 1200px;margin:-28px 0 0 -600px ;top: 50%;left: 50%;}
.banner .prev,.banner .next{display: inline-block;width: 58px;height: 57px;position: absolute;top: 50%;margin-top: -28px;}
.banner .prev{background: url("../images/prev.png") no-repeat;left: 0px;-webkit-animation: floatLeft infinite 2s;animation: floatLeft infinite 2s;}
.banner .next{background: url("../images/next.png") no-repeat;right: 0px;-webkit-animation: floatRight infinite 2s;animation: floatRight infinite 2s;}
.banner .prev:hover{background-image:url("../images/prev-h.png") }
.banner .next:hover{background-image:url("../images/next-h.png") }
/*bound*/
.search-bound{position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;z-index:9999;}
.search-bound.is-vis{opacity: 1;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.bound-con {position: relative;width:340px;margin:300px auto;height:145px;background: #FFF;border-radius: .4rem .4rem .4rem .4rem;text-align: center;-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;font-size: 26px;padding-top: 38px}
.bound-close{ position: absolute;right:30px;bottom:25px; z-index: 10;width:auto;display: block;font-size:18px;}
.is-vis .bound-con {-webkit-transform:scale(1);transform:scale(1);}
/* 侧边悬浮 */
.icon {position: fixed;right: 0;top: 50%;z-index: 33;    margin-top: -125px;}
.icon li {position: relative;height: 62px;margin-bottom: 2px;border-radius: 6px 0 0 6px;width: 62px;}
.icon li:after {cursor: pointer;z-index: 33;content: '';    background: #873074 url(../images/icon.png) no-repeat 3px 3px;   background-size: 90%; width: 62px;height: 100%;position: absolute;top: 0;right: 0;border-radius: 6px 0 0 6px;}
.icon .s2:after {background-position: 3px -53px;}
.icon .s3:after {    background-position: 3px -112px;}
.icon .s4:after {    background-position: 3px -171px;}
.icon li.mail:after {background-position: 3px -238px;}
.icon li a {display: block;height: 100%;color: #fff;}
.icon img {position: absolute;right: -150px;-webkit-transition:.5s;transition:.5s;z-index: 0;}
.icon .s3:hover img {right: 80px;}
.icon li>a {position: relative;z-index: 55;}
.icon p {white-space:nowrap;line-height: 62px;background: #6e0056;font-size: 18px;    padding: 0 22px 0 11px;color: #fff;position: absolute;right: -150px;border-radius: 6px 0 0 6px;}
.icon li:hover p {right: 50px;-webkit-transition:.5s;transition:.5s;}
.icon li:hover:after {background-color: #6e0056;}
@-webkit-keyframes floatLeft {
    0% {
        opacity: .7;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }

    50% {
        opacity: 1;
        -webkit-transform: translateX(-.1rem);
                transform: translateX(-.1rem);
    }

    100% {
        opacity: .7;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}
@keyframes floatLeft {
    0% {
        opacity: .7;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }

    50% {
        opacity: 1;
        -webkit-transform: translateX(-.1rem);
                transform: translateX(-.1rem);
    }

    100% {
        opacity: .7;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}
@-webkit-keyframes floatRight {
    0% {
        opacity: .7;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }

    50% {
        opacity: 1;
        -webkit-transform: translateX(.1rem);
                transform: translateX(.1rem);
    }

    100% {
        opacity: .7;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}
@keyframes floatRight {
    0% {
        opacity: .7;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }

    50% {
        opacity: 1;
        -webkit-transform: translateX(.1rem);
                transform: translateX(.1rem);
    }

    100% {
        opacity: .7;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}