@charset "utf-8";
/* CSS Document !important*/

html,body{ padding:0px; margin:0px; width:100%; height:100%; min-height:100%; font-size:14px;font-family:Verdana,Microsoft Yahei; color:#666; background:#fff; text-align:left;}
*{margin:0;padding:0; border:0px;}
ul{list-style: none;}
.Table{border-collapse:collapse;border-spacing:0;}
img{ display:block; overflow:hidden;}
em,th,u,i{font-style:normal;font-weight:normal;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%;}
::selection{background-color:#040922;color:#fff}
::-moz-selection{background-color:#040922;color:#fff}
/*::-webkit-scrollbar{width:10px;height:10px;overflow:visible}
::-webkit-scrollbar-track{background-color:#f7f7f7;border:1px solid #e0e0e0}
::-webkit-scrollbar-track:hover{background-color:#f5f5f5}
::-webkit-scrollbar-thumb{background-color:#c2c2c2;min-height:25px;min-width:25px;border:1px solid #b7b7b7}
::-webkit-scrollbar-thumb:hover{background-color:#999;border-color:#999}
::-webkit-scrollbar-thumb:active{background-color:#6E6E6E;border-color:#6E6E6E}*/
/*  body  */
body{ min-width: 320px; -webkit-tap-highlight-color: rgba(0,0,0,.1);}
a{color:#006eb9;text-decoration:none; transition: all 0.3s ease-out 0s;cursor: pointer;}
a:hover{color:#006eb9; text-decoration:none; transition: all 0.3s ease-out 0s; }
/*  调试样式  */
.fL{float:left;}
.fR{float:right;}
.dN{display:none;}
.dB{display:block;}
.aC{text-align:center;}
.aL{text-align:left;}
.aR{text-align:right;}
a,area {blr:expression(this.onFocus=this.blur()) }
a:focus {outline:none;}
.blank0{clear:both;display:block;font-size:1px;visibility:hidden;height:0;line-height:0;}
.blank5{clear:both;display:block;font-size:1px;overflow:hidden;height:5px;}
.blank8{clear:both;display:block;font-size:1px;overflow:hidden;height:8px;}
.blank10{clear:both;display:block;font-size:1px;overflow:hidden;height:10px;}
.blank12{clear:both;display:block;font-size:1px;overflow:hidden;height:12px;}
.blank13{clear:both;display:block;font-size:1px;overflow:hidden;height:13px;}
.blank14{clear:both;display:block;font-size:1px;overflow:hidden;height:14px;}
.blank15{clear:both;display:block;font-size:1px;overflow:hidden;height:15px;}
.blank18{clear:both;display:block;font-size:1px;overflow:hidden;height:18px;}
.blank20{clear:both;display:block;font-size:1px;overflow:hidden;height:20px;}
.blank25{clear:both;display:block;font-size:1px;overflow:hidden;height:25px;}
.blank28{clear:both;display:block;font-size:1px;overflow:hidden;height:28px;}
.blank42{clear:both;display:block;font-size:1px;overflow:hidden;height:42px;}
.blank30{clear:both;display:block;font-size:1px;overflow:hidden;height:30px;}
.blank35{clear:both;display:block;font-size:1px;overflow:hidden;height:35px;}
.blank40{clear:both;display:block;font-size:1px;overflow:hidden;height:40px;}
.blank50{clear:both;display:block;font-size:1px;overflow:hidden;height:50px;}
.blank60{clear:both;display:block;font-size:1px;overflow:hidden;height:60px;}
.blank70{clear:both;display:block;font-size:1px;overflow:hidden;height:70px;}
.blank80{clear:both;display:block;font-size:1px;overflow:hidden;height:80px;}
.blank100{clear:both;display:block;font-size:1px;overflow:hidden;height:100px;}
.none{ display:none}
.Limg{ background:url(../images/login.gif) no-repeat center}
.containter{ width:90%; max-width:1185px; margin:auto}
.maxwidth{ width:90%;_width:1185px; max-width:1185px; margin:auto;}
.text-center{ text-align:center; width:100%}
.bodybox{ width:100%; height:100%; position:relative; float:left;}
.wapshow{ display:none !important;}
.pcshow{ display:block !important;}
#wapshow{ display:none !important;}
#pcshow{ display:block !important;}
.clear-b{ clear:both; float:inherit}
.language-icon{ padding-left: 35px !important; background: url(../images/icon_language.png) 14px 50%; background-size: 18px; background-repeat: no-repeat; }
.language-icon:hover{ background-color: rgba(255,255,255,0.2) !important;}
.language-icon:hover + .language-list{ display: block;}
.enfont{font-family: 'OpenSansLight',Microsoft Yahei,Verdana}

.but-b{ background-color:#27adef; color:#fff}
.but-b:hover{ background-color:#4fc5ff} 
.banner img, .banner-d img {
    width: 100%;
}
table.table tr:nth-child(2n) {
    background-color: #fff;}
table.table tr:nth-child(2n+1) {
    background-color: #F5F5F5;
}
table.table td,table.table th {
    vertical-align: text-top;
    border: 1px solid #f0f0f0;
    padding: 6px 15px 6px 6px;
}
.auto{}
.m30 {padding: 20px 0;}
.img100{width: 100%}
.containter  thead{background: #846200;color: #FFF;margin-top: 20px;}

.containter table{text-align: center;
line-height: 20px;}
    .Head-box .dhbox .dh>li .sudbox dt i a {
        width: 95%;
        height: auto;
    }

    .Head-box .dhbox .dh>li .sudbox dt i a img {
        width: 100%;
    }

    .Head-box .dhbox .dh>li .sudbox dt i a p {
        width: auto;
        margin: 0 auto;
        text-align: center;
    }

    .ib {
        width: 24%;
        display: inline-block;
        position: relative;
        top: 0;
    }

    .Head-box .dhbox .dh>li.mage-menu .pcshow .list_1 .dt-box>dt dl i {
        width: 95%;
        display: block;
        margin: 0 auto;
    }

    .Head-box .dhbox .dh>li .sudbox dt i a p {
        line-height: 16px;
    }

    .Head-box .dhbox .dh>li.mage-menu .pcshow .dt-box>dt dl .ib>a {
        margin: 10px auto 0px;
        width: 80px;
        color: #fff;
        border-radius: 3px;
        padding: 0px 12px;
        overflow: hidden;
        border: 0;
    }

    .Head-box .dhbox .dh>li.mage-menu .pcshow .dt-box>dt:hover dl:hover a {
        color: #666;
    }

    .Head-box .dhbox .dh>li.mage-menu .pcshow .dt-box>dt:hover dl:hover .ib>a {
        color: #ffffff;
    }

    .Head-box .sy_login .user {
        float: left;
    }

    .Head-box .sy_login .coupon {
        height: 80px!important;
        float: left;
    }

    .Head-box .sy_login .coupon .img-coupon {
        width: 32px;
        float: left;
        padding-top: 26px;
    }

    .Head-box .sy_login .coupon p {
        position: fixed;
        top: 56px;
        background: #fff;
        border: 1px solid #666;
        color: #666;
        border-radius: 5px;
        padding: 0px 10px;
        line-height: 16px;
        display: none;
    }

    .Head-box .sy_login .coupon:hover p {
        display: block;
    }

    .Head-box .dhbox .dh>li.mage-menu .pcshow .dt-box>dt dl {
        z-index: 9999;
    }

    @media screen and (max-width: 980px) {
        .Head-box .sy_login .coupon .img-coupon {
            padding-top: 16px;
        }
    }


.now{
    position: absolute;
    right: 0;
    top: -40px;
    z-index: 9;
    line-height: 32px;
}
.now a{
    color: #fff;
    font-size: 12px;
    font-family:'微软雅黑';
    opacity: 0.7;
    filter:alpha(opacity=70);
    transition:opacity 0.3s;
}
.now a:hover{
    opacity: 1;
    filter:alpha(opacity=100);
}
.now i{
    width: 7px;
    height: 7px;
    background: url(../images/pro21.png) no-repeat center;
    margin: 0 5px 0 7px;
    display: inline-block;
}
.w1400{
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    width: 92%;
}
.mb10{margin-bottom: 10px;}
.m50{margin: 50px 0}
.fline{border:1px solid #e9e9e9;-moz-box-shadow:3px 2px 9px #e9e9e9; -webkit-box-shadow:3px 2px 9px #e9e9e9; box-shadow:3px 2px 9px #e9e9e9;}
.ctxt.text h3{ height:18px; line-height:18px; padding-bottom:30px; font-size:20px; color:#000; text-align:center; font-weight:normal}
.but-red {
  /*background: #fff;*/
  /*border: 1px solid red!important;*/
  color: #666!important;
  font-size: 14px!important;
}
.but-red-s {
  padding: 2px 10px!important;
}
.list-3-box{ width:100%;}
.list-3-box li{ width:33.333%; float:left;}
.list-2-box{ width:100%;}
.list-2-box li{ width:50%; float:left;}
.list-t-box { width:100%; display: flex; }
.list-t-box li{ flex: 1; }
.list-t-box li:first-child { margin-right: 10px; }
.list-t-box li div img{ width:100%;}

#scrollToTop{ display:none}

.bzzx ,.row a.bzzx{ width:auto; border:1px solid #e4e4e4; display:block; text-align:center; margin-bottom:20px; padding:10px 0; background:#f7f7f7; color:#006EB9; font-size:15px}
.bzzx:hover,.row a.bzzx:hover{ color:#fff; background:#006EB9}

.videoshow-box{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; text-align:center; background:rgba(0,0,0,0.6);  z-index: 2147483647;}
.videoshow-box:after{ content: " "; display: inline-block; width: 0; height: 100%; overflow: hidden; vertical-align: middle;}
.videoshow-box .closefilter{ z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.videoshow-box .vidobox{ position: relative; display: inline-block; width: 70%; max-width: 1000px; vertical-align: middle;}
.videoshow-box .vidobox .bnr{ background:#F9F9F9;  height:420px; width:100%; margin:auto; border-radius:5px; overflow:hidden;}
.videoshow-box .vidobox .bnr .bnrbox{ position: relative; line-height: 0;}
.videoshow-box .vidobox .bnr .bnrbox img{max-width: 300px;margin: 0 auto;padding-bottom: 20px;}
.videoshow-box .vidobox .Close{ position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; cursor: pointer; background: url(../images/fancybox_sprite.png) 0 0 no-repeat; background-size: 38px;}

#loading{ position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; font-size:16px; color:#17723A}
#loading img{ margin:auto; margin-bottom:15px; margin-top:22%; width:25%; max-width:399px; min-width:250px;}

.language_hide{display: none;}

.Head-box{ position:absolute; left:0; top:0; z-index:1001; width:100%; background:rgba(0,0,0,0.28);}

.Head-box.active{ background: #000;}
.Head-box a.logo{ width:250px; height:32px; display:block; position:absolute; top:6px;}
.Head-box a.logo img{}
.Head-box .menu-ctn{ margin: 0;}
.Head-box .dhbox{ height:80px; width:100%; color:#fff;}
.Head-box .dhbox .dh{ padding-left:350px;}
.Head-box .dhbox .dh.show{ display: block !important;}
.Head-box .dhbox .dh>li{ float:left; position:relative; z-index:15; -webkit-transition: all ease .2s; transition: all ease .2s;}
.Head-box .dhbox .dh>li .dha { color:#fff; display:block; height:80px; line-height:80px; padding:0px 14px; font-size:14px; cursor:pointer; text-decoration:none; -webkit-transition: all ease .2s; transition: all ease .2s;}

.Head-box .dhbox .dh>li .dha>span{ padding-left:8px; font-family:"Arial"; font-size:15px}
.Head-box .dhbox .dh>li .dha>i{padding-left:3px; -webkit-transition: all ease .2s; transition: all ease .2s;}
.Head-box .dhbox .dh>li .dha>i.active{ -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.Head-box .dhbox .en{ height:34px; line-height:34px; padding:0px 18px; font-size:14px; position:absolute; right:0; top:13px; font-family:Arial, Helvetica, sans-serif}
.Head-box .dhbox .dh>li.ok .dha{ background-color:rgba(255,255,255,0.2); }
.Head-box .dhbox .dh>li.ok .sudbox{ display: block;}
/*.Head-box .dhbox .dh>li .sudbox:hover a{ color:#d0cece;}*/
.Head-box .dhbox .dh>li .sudbox{box-sizing: border-box; border:1px solid #e5e5e5;  margin-bottom: 0;background-color:rgba(255,255,255,0.95); position:absolute; left:0; top:80px; font-size:15px; display:none;padding-bottom:10px;}
.Head-box .dhbox .dh>li .sudbox dt{ width:200px;}
.Head-box .dhbox .dh>li .sudbox dt a,.Head-box .dhbox .dh>li .sudbox dt span{ box-sizing: border-box; display:block; height:40px;  color:#232323;line-height:40px; font-size:14px; width:80%; margin:auto;transition: all 0s ease-out 0s; text-decoration:none; cursor:pointer;font-weight: 200;}
.Head-box .dhbox .dh>li .sudbox dt a.text_moon { position: relative; }
.Head-box .dhbox .dh>li .sudbox dt a.text_moon::after { position: absolute; color: #3586a3; top: -5px; left: 102px; }
.Head-box .dhbox .dh>li .sudbox dt a i,.Head-box .dhbox .dh>li .sudbox dt span i{ float:right;line-height:62px;}
/*.Head-box .dhbox .dh>li .sudbox dt:hover{ background:#207dab;}*/
.Head-box .dhbox .dh>li .sudbox dt:hover>a{color:#207dab;}
.Head-box .dhbox .dh>li .sudbox dt i:hover>span{color:#207dab;}
.Head-box .dhbox .dh>li .sudbox dd{ position:absolute; top:0; right:0; width:650px; height:420px; border-left:1px solid #dfdfdf; color:#232323; text-align:center; display:none;}
.Head-box .dhbox .dh>li .sudbox dd.ok{ display:block}
.Head-box .dhbox .dh>li .sudbox dd img{ width:100%;}
.Head-box .dhbox .dh>li .sudbox dd  p{ display:block; width:80%; margin:auto; line-height:20px; text-align:center}
.Head-box .dhbox .dh>li .sudbox dd  a.more-nr{ margin:auto; font-size:16px; color:#8fc31e; text-decoration:underline; line-height:40px}
.Head-box .dhbox .dh>li .sudbox dd  a.more-nr i{ margin-left:5px;transition: all 0.3s ease-out 0s;}
.Head-box .dhbox .dh>li .sudbox dd  a.more-nr:hover i{ margin-left:10px;transition: all 0.3s ease-out 0s;}
.Head-box .dhbox .dh>li .prodh{ left:-160px; width:940px; height:420px}
.Head-box .dhbox .dh>li.mage-menu{position:static;}
.Head-box .dhbox .dh>li.mage-menu .pcshow .sudbox{width:100%;background-color: rgba(255,255,255,1);border-bottom: 1px solid #868383;}
.Head-box .dhbox .dh>li.mage-menu .pcshow .dt-box{width:90%;max-width: 1185px;margin:auto;min-height: 260px;padding-top: 10px; box-sizing: content-box;}
.Head-box .dhbox .dh>li.mage-menu .pcshow .dt-box>dt{margin-left: 170px;width:140px;}
.Head-box .dhbox .dh>li.mage-menu .pcshow .dt-box>dt>a{padding-left: 12px;width:140px;margin-left: 0;}
.Head-box .dhbox .dh>li.mage-menu .pcshow .dt-box>dt dl{display: none;position: absolute;top: 0;margin-left: 135px;width: 69%;max-width: 883px;min-height: 200px;}
.Head-box .dhbox .dh>li.mage-menu .pcshow .dt-box>dt:first-child dl{display: initial;}
.Head-box .dhbox .dh>li.mage-menu .pcshow .dt-box>dt dt>a{line-height: 25px;height:25px;}
.Head-box .dhbox .dh>li.mage-menu .pcshow .dt-box>dt dt:first-child a{font-size: 24px;line-height: 40px;height: 40px;margin-bottom: 14px;}
.Head-box .dhbox .dh>li.mage-menu .pcshow .dt-box>dt dl i{cursor:pointer;position:relative;margin-left:3%!important;top:0;width:18%;margin-top: 26px;display:inline-block;}
.Head-box .dhbox .dh>li.mage-menu .pcshow .list_3 .dt-box>dt dl i{cursor:pointer;position:relative;margin-left:3%!important;top:0;width:18%;margin-top: 26px;display:inline-block;}
.Head-box .dhbox .dh>li.mage-menu .pcshow .dt-box>dt dl i:first-child{margin-left:0%;}
.Head-box .dhbox .dh>li.mage-menu .pcshow .dt-box>dt dl more{display: inline-block;position: absolute;bottom: 0;left: 75%;width:120px;top: 0;margin-top: auto;margin-bottom: auto;height: 40px;}
.Head-box .dhbox .dh>li.mage-menu .pcshow .dt-box>dt dl more>img{width: 12px;display: inline-block;vertical-align: middle;}
.Head-box .dhbox .dh>li.mage-menu .pcshow .dt-box>dt dl more>a{display: inline-block;margin-left: 4px;font-size:13px;color:#27adef !important;;}
.Head-box .dhbox .dh>li.mage-menu .pcshow .dt-box>dt dl more>a:hover{color:#27adef !important;}
.Head-box .dhbox .dh>li.mage-menu .pcshow .dt-box>dt dl i>span{width:100%;text-align: center;}
.Head-box .dhbox .dh>li.mage-menu .pcshow .dt-box>dt dl i>img{width:100%;}
.Head-box .dhbox .dh>li.mage-menu .pcshow .dt-box>dt dl>a{ position:absolute;margin: auto 0 auto 0;width:auto;top:76%;bottom:0;right:83.4%;color: #fff;border-radius: 3px;padding: 0px 12px;overflow: hidden;border: 0;}
.Head-box .dhbox .dh>li.mage-menu .pcshow .dt-box>dt:hover .Head-box .dhbox .dh>li.mage-menu .pcshow .dt-box>dt dl{display: none;}
.Head-box .dhbox .dh>li.mage-menu .pcshow .dt-box>dt:hover dl{display: initial;}
.Head-box .dhbox .dh>li.mage-menu .pcshow .dt-box>dt:hover dt>a{}
.Head-box .dhbox .dh>li.mage-menu .pcshow .dt-box>dt:hover dl a:hover{color:red;}
.Head-box .dhbox .dh>li.mage-menu .pcshow .dt-box>dt:hover dl:hover>a{color:#fff;}
.Head-box .dhbox .dh>li.mage-menu .pcshow .dt-box>dt:hover dl>a:hover{background-color:#4fc5ff}
.dla{height:580px;}
.dlb{height:280px;}
.Head-box .language-list{
    margin-bottom: 0;
    background-color: rgba(255,255,255,0.95);
    position: absolute;
    left: 0;
    top: 80px;
    font-size: 15px;
    display: none;
}

.language-top{
    display: block;
}

.language-right{
    margin:auto;
}

.Head-box  .language-list dt{
    width:180px;
}

.Head-box .dhbox .sy_login  .language-span {
    box-sizing: border-box;
    color:#666666;
    cursor:pointer;
    display:block;
    font-size:14px;
    font-weight:200;
    height:40px;
    line-height:40px;
    margin:auto;
    text-decoration:none;
    transition:all 0s ease-out 0s;
    width:80%;
}

.Head-box .dhbox .sy_login  .language-span:hover{color:#207dab;}

.Head-box .language-top{
    position:relative;
    display:inline-block;
}

.Head-box .language-list:hover{display: block;}

a.language-mask.language-icon.language-right{
    margin-left:0px;
}

.Head-box .language-mask{
    display:block;
    padding:0px 7.2px;
}

.Head-box .dhbox .dh>li.mage-menu .pcshow .dt-box>dt:hover dt:hover a{color:#207dab;}
.Head-box .sy_login{ float:right;height:80px; line-height:80px;}
.Head-box .sy_login a{ margin-left:10px; color:#fff}
/*.Head-box .sy_login a:hover{ color:#fff}*/
.Head-box .sudshow i.fa-angle-down{ display:inline-block}

.Headsub-box{ background:rgba(255,255,255,0.7);height:44px; line-height:44px; position:absolute;top:80px; left:0; width:100%; z-index:9}
.Headsub-box ul{ margin-left: 170px;}
.Headsub-box ul li{ display:inline-block; float:left\9}
.Headsub-box ul li a{ color:#333; font-size:14px; border-right:0px solid #999999; padding:0px 10px}
.Headsub-box ul li a:hover{color:#006eb9;}
.Headsub-box ul li:last-child a{ border:0; padding-right:0}
.Headsub-box p{ float:left; color:#333;line-height:43px;}
.Headsub-box p>a{ color:#333; display:inline; width:50px; font-size:16px}
.Headsub-box p>a:hover,.Headsub-box p>a.active{color:#207dab;}

.Head-boxen .dhbox .dh>li .dha{ font-size:14px; padding:0px 18px;}
.Head-boxen .dhbox .dh>li .sudbox dt a{font-size:13px;}
.Head-boxen .dhbox .sy_login a{font-size:14px;}

@media screen and (max-width: 1287px){
	.Head-box .dhbox .dh>li .dha{ padding:0px 10px; }
	.Head-boxen .dhbox .dh>li .dha{ font-size:13px; padding:0px 12px;}
	.Head-boxen .dhbox .sy_login a{ font-size:12px;}
  .Head-box .dhbox .dh>li .sudbox dt a, .Head-box .dhbox .dh>li .sudbox dt span {font-size: 13px;}
  .Head-box .dhbox .dh>li.mage-menu .dt-box>dt dt:first-child a{font-size: 20px;line-height: 40px;height: 40px;margin-bottom: 14px;}
}
@media screen and (max-width: 1150px){

	.Head-box .dhbox .dh>li .dha{ padding:0px 3px; font-size:13px;}
	.Head-boxen .dhbox .dh>li .dha{ font-size:12px; padding:0px 14.4px;}
	.Head-box .sy_login a{ margin-left:3px}
    .Head-box .language-mask{padding:0px 1.2px;}
  .language-icon {background: url(../images/icon_language.png) 5px 50% no-repeat;padding-left: 18px !important;background-size: 10px;}
}

@media screen and (max-width: 1100px){

	.Head-boxen .dhbox .dh>li .dha{ padding:0px 10.6px;}
    .Head-box .language-mask{padding:0px 1.2px;}
}
@media screen and (max-width: 1050px){

	.Head-boxen .dhbox .dh>li .dha{ padding:0px 8.4px;}
    .Head-box .language-mask{padding:0px 1.2px;}

}
@media screen and (max-width: 1020px){

	.Head-boxen .dhbox .dh>li .dha{ padding:0px 5.7px;}
    .Head-box .language-mask{padding:0px 1.2px;}

}


@media screen and (max-width: 980px){
    .language_hide{display: block;}
    .Head-box .language-top{
        display: none;
    }
	.Head-box .dhbox .dh>li .dha{ color:#ccc; display:block; height:80px; line-height:80px; padding:0px 6px; font-size:14px; cursor:pointer; text-decoration:none}
}
/*@media screen and (max-height: 670px){
	.videoshow-box .vidobox{  margin-top:5%;}
}*/

.Headsub-box ul li.active a{ color:#006eb9}


.Headsub-box ul li a.but-b,.Headsub-box p a.but-b,.jon_text .text>a.but-b{ font-size: 14px;color:#fff; padding:0px 10px; border-radius:3px; padding:5px 10px; overflow:hidden}
/*.pagination>li>a, .pagination>li>span {padding: 5px 15px !important;}*/

.sy_hr{ height:1px; overflow:hidden; background:#e3e3e3; width:100%; margin:20px 0px;}


.sy_indbt{ width:100%; position:relative; }
.sy_indbt b{ font-size:18px; display:block; padding:30px 0px; padding-top:0; font-weight:normal; color:#000}

.ctxt{margin: 20px 0 0 0}
.ctxt .mtxt h3{color: #000;margin: 20px 0;}
.ctxt .mtxt img{width: 100%}
.ctxt .mtxt p{margin-bottom: 10px; text-indent: 2em;font-size: 16px;color: #000;}
.ctxt .mtxt ul {margin-left: 30px;}
.ctxt .mtxt ul li p{text-indent: 0em;}
.ctxt .mtxt ul li a{text-decoration: underline;}
ul.sy_box_l3{ width:100%;margin:0;padding:0; border:0px;}
ul.sy_box_l3>li{display:block; width:33.333%; float:left;list-style:none; position:relative}
.li4 li{width: 16.5%!important;}
ul.sy_box_l3>li a{ text-decoration:none; color:#333; display:block}
ul.sy_box_l3>li a b{ color:#333;transition: all 0.3s ease-out 0s;}
ul.sy_box_l3>li a:hover b,ul.sy_box_l3>li a:hover{ color:#006eb9;transition: all 0.3s ease-out 0s;}

.sy_picsbox li>div.li{ display:block; width:92%; margin:auto; margin-bottom: 20px;}
.sy_picsbox li>div.li b{ font-size:16px; font-weight:500; line-height:40px;}
.sy_picsbox li>div.li p{ color:#969696}
.sy_picsbox li>div.li .sy_img{ width:100%;overflow:100%; overflow:hidden; position:relative;}
.sy_picsbox li>div.li .sy_img img{ width:100%;}
.sy_picsbox a{ color:#000}
.sy_picsbox a:hover{ color:#006eb9}

.sy_video li>div.li .sy_img>b{ position:absolute; width:100%; left:0; bottom:0; background:rgba(0,0,0,0.5); height:30px; line-height:30px; color:#fff; font-size:14px;}
.sy_video li>div.li .sy_img>b>a{ width:90%; margin-left:5%}
.sy_video li>div.li a{ color:#fff}

.sy_indnews li .sy_t{ display:block; height:100%; width:1px; overflow:hidden; background:#e3e3e3; position:absolute; top:0; right:2.5%}
.sy_indnews div.li{ width:92%; margin:auto; display:block; padding-bottom:26px;}
.sy_indnews a:hover b{ color:#000}
.sy_indnews div.li>div.sy_img{ float:left; width:30%; overflow:hidden;}
.sy_indnews div.li>div.sy_nr{ float:left; width:70%;}
.sy_indnews div.li>div.sy_nr b{ display:inline-block; padding-left:6%; font-weight:normal; line-height:20px; margin-top:-3px}
.sy_indnews div.li>div.sy_nr .p{
      padding-left: 6%;
    line-height: 16px;
    height: 32px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.sy_indnews div.li>div.sy_nr span{ display:inline-block; padding-left:6%; color:#969696; font-size:12px; padding-top:6px}
.sy_indnews h1{width:92%; margin-left:4%}
.sy_indnews li:nth-child(1)>div{ border:0}
.sy_indnews li:nth-child(1) div.li{ margin-right:8%}
.sy_indnews li:nth-child(1) h1{ margin-left:0%}
.sy_indnews li:nth-child(3) div.li{ margin-left:8%;}
.sy_indnews li:nth-child(3) h1{ margin-left:8%}
.sy_indnews li:nth-child(3) .sy_t{ height:0}
.sy_indnews li:nth-child(2) .sy_t{ right:-1%}

.sy_indnews li.sy_n160 div.li{float:left}
.sy_indnews li.sy_n160 div.li .sy_img,.sy_indnews li.sy_n160 div.li .sy_nr,.sy_indnews li.sy_n160 div.li .sy_nr img{ float:none; width:100%; }
.sy_indnews li.sy_n160 div.li .sy_nr b{ font-size:16px; line-height:35px; padding:0; padding-top:5px}
.sy_indnews li.sy_n160 div.li .sy_nr p{ margin-top: 15px; font-size: 14px; text-indent: 2em;margin-bottom: 15px; color: #666; width:100%; padding:0;text-align:justify; text-justify:inter-ideograph; line-height:21px}
.sy_indnews li.sy_n160 a{ color:#333;}
.sy_indnews li.sy_n160 a:hover{ color:#006EB9;}

.sy_img{ width:100%; overflow:hidden; position:relative;}
.sy_img img{ width:100%;}
.sy_img img.sy_pic{ position:absolute; top:0; left:0;}
.sy_img i{ font-size:60px; line-height:53px; text-align:center; width:50px; height:50px; position:absolute; color:#000; left:43%; top:38%; opacity:0.5; background:rgba(255,255,255,0.5); border-radius:50px; overflow:hidden}

.hadh{ transform : scale(1);  transition: all 0.3s ease-out 0s;}
.hadh:hover{transform : scale(1.1); transition: all 0.4s ease-out 0s; }

.sy_footer{ position:relative;}
.sy_footer,.sy_f_fdh,.sy_f_bq{ background:#2e2e2e; width:100%;}
.sy_footer.en .sy_contact{ margin-top: 60px;}
.sy_f_fdh{ background:#4c4c4c}
.sy_f_fdh ul{ padding:50px 0px; width:85%; float:left}
.sy_f_fdh li{ float:left; width:13.66%}
.sy_f_fdh li:nth-child(5),.sy_f_fdh li:nth-child(6){width: 20%}
.sy_f_fdh li dl dt{ color:#ccc; font-weight:500; padding-bottom: 12px}
.sy_f_fdh li dl dd a{ font-size:14px; color:#808080; line-height:28px}
.sy_f_fdh li dl dd a:hover{ text-decoration:underline}
.ensyfooter .sy_f_fdh ul{ padding:50px 0px; width:100%;}
.sy_f_bq img{ width:28px; height:34px; display:inline-block; overflow:hidden; margin:0; padding:0; margin-bottom:-15px}
.sy_f_bq{ overflow:hidden}

.sy_f_fdh .sy_contact{ float: right; min-width: 145px; margin-top: 50px; color: #207dab; text-align: center;}
.sy_f_fdh .sy_contact b{ display: inline-block; margin-bottom: 6px; font-size:23px; font-weight:800}
.sy_f_fdh .sy_contact a{ display:block; color:#ccc; width: 145px; height: 42px; margin-top: 25px; line-height: 42px; background:#207dab; border-radius: 21px; overflow:hidden;}
.sy_f_fdh .sy_contact .service-time{ color: #808080;}
.sy_f_fdh .sy_contact a i{ margin-right:8px}
.sy_f_fdh .sy_contact a:hover{ color:#fff; text-decoration:none; }

.sy_f_bq{ height:56px; line-height:56px;}
.sy_f_bq .copyright-text{ float: left; margin:0; padding:0; font-size:13px; line-height: 56px;}
.sy_f_bq a{ color:#777; margin-left:10px}
.social-ctn{ float: right; font-size:14px; line-height: 56px;}
.social-ctn .fa{ width: 20px; margin-left: 22px !important; color: #999; font-size: 18px; text-align: center; vertical-align: middle; -webkit-transition: color ease .2s; transition: color ease .2s;}
.social-ctn>a:first-child .fa{ margin-left: 0;}
.social-ctn .fa:hover{ color: #ccc;}
.social-ctn .social-link{ margin: 0;}
.sy_cnen{ position:absolute; position:absolute; right:35px; top:0px; z-index:10}
.sy_cn i{ display:inline-block; width:18px; height:12px; background:url(../images/gq-1.png) no-repeat; margin-right:5px}
.sy_en i{ display:inline-block; width:18px; height:12px; background:url(../images/gq-2.png) no-repeat; margin-right:5px}

.more{ font-size:15px; color:#a07e21; text-align:center; width:126px; height:33px; line-height:33px; background:url(../images/more.png) no-repeat; display:inline-block; text-align:center; font-family:Arial, Helvetica, sans-serif; margin-top:25px}
.more i{margin-left:0px; transition: all 0.3s ease-out 0s;}
.more:hover i{ margin-left:10px;transition: all 0.3s ease-out 0s;}

.more2{ font-size:15px; color:#a07e21; text-align:center; width:132px; height:44px; line-height:44px; background:url(../images/more2.png) no-repeat; display:inline-block; text-align:center; font-family:Arial, Helvetica, sans-serif; margin-top:25px}
.more2 i{margin-left:0px; transition: all 0.3s ease-out 0s;}
.more2:hover i{ margin-left:10px;transition: all 0.3s ease-out 0s;}

.listda div.li img.sy_pic {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 120%;
    margin-left: -9%;
    margin-top: -6%;
}

/*支付窗口*/
.dialog_layer_v2 {
    border: 1px solid #DADDE0;
    font-size: 14px; width:80%;max-width:480px; margin:auto; margin-top:16%;
}
.modal-in { animation: 0.15s ease 0s normal none 1 running modal-in;}
.payboxts{ left: 0px; top:0; position: fixed; width:100%; height:100%; z-index: 1000; background:rgba(0,0,0,0.5); display:none}
.dialog_layer_v2 .dialog_layer_main {
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    position: relative;
}
.dialog_layer_v2 {
    font-size: 14px;
}
.dialog_layer_v2 .dialog_layer_title {
    height: 50px;
    border-bottom: 1px solid #DADDE0;
    position: relative;
}
.dialog_layer_v2 .dialog_layer_title h3 {
    float: left;
    height: 50px;
    color: #212A31;
    overflow: hidden;
    margin: 0px;
    padding-left: 20px;
    font-weight:400;
    font-size: 16px;
    line-height: 50px;
}
.dialog_layer_v2 .dialog_layer_title .close {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 45px;
    color: #A2A2A2;
    float: right;
}
.dialog_layer_v2 .dialog_layer_title .close i {
    position: absolute;
    top: 12px;
    right: 20px;
    font: 18px Tahoma; display:none
}
.dialog_layer_v2 .dialog_layer_cont {
    line-height: 20px;
    padding: 20px;
    background: #FFF none repeat scroll 0% 0%;
    font-size: 14px;
    min-height: 60px;
}
.dialog_layer_v2 .dialog_layer_ft {
    padding: 15px 0px;
    border-top: 1px solid #DADDE0;
    position: relative;
    text-align: center;
    background-color: #F0F4F7;
}
.dialog_layer_v2 .dialog_layer_ft .btn {
    font-size: 12px;
    font-weight: normal;
    margin: 0px 7px;
    padding: 6px 20px;
    color: #FFF;
}
.btn_blue, .btn_blue_loading {
    border: 1px solid #0064B6;
    background: #0071CE none repeat scroll 0% 0%;
    text-decoration: none;
}
.dialog_layer_v2 .dialog_layer_ft .btn_white_2 {
    color: #0071CE;
}
.btn_white_2 {
    border: 1px solid #D1D2D3;
    border-radius: 3px;
    background: #FCFCFC none repeat scroll 0% 0%;
    color: #0071CE;
    text-decoration: none;
}

.feedback-container{
  padding: 0 15px 15px;
  text-align: left;
}
.feedback-container .feedback-group{
  margin-bottom: 10px;
}
.feedback-container .feedback-group .group-title{
  margin-bottom: 5px;
  line-height: 20px;
  font-weight: 500;
  font-size: 13px;
}
.feedback-container .feedback-group .group-input,
.feedback-container .select-container .select-title{
  box-sizing: border-box;
  display: block !important;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s, -webkit-transform ease .2s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s, transform ease .2s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s, transform ease .2s;
}
.feedback-container .feedback-group .group-imply{
  display: inline-block;
}
.feedback-container .feedback-imply{
  position:relative;
}
.feedback-container .feedback-hover{
  position:absolute;
  font-size: 8px;
  box-shadow: 2px 2px 2px #eee;
  border:1px solid #eee;
  line-height: normal;
  top:-113%;
  left:25%;
  width:67%;
  height:81px;
  background: white;
  display: none;
}
.feedback-container .feedback-hover{
  position:absolute;
  font-size: 8px;
  box-shadow: 2px 2px 2px #eee;
  border:1px solid #eee;
  line-height: normal;
  top:-113%;
  left:25%;
  width:67%;
  height:81px;
  background: white;
  display: none;
}
.feedback-container .feedback-hover1{
  top:-69.3%;
  left:56%;
  height:42px;
  width:117%;
}
.feedback-container .changeLine{
  text-indent: 13px;
}
.feedback-container .feedback-group .group-hover{
  text-align: center;
  line-height: 14px;
  margin-bottom: 5px;
  margin-left: 5px;
  width:14px;
  height:14px;
  display: inline-block;
  border-radius:7px;
  background: #27adef;
  color:white;
  font-size: 14px;
  margin-left: 5px;
  cursor: pointer;
}
.feedback-container .feedback-group .group-hover:hover + .feedback-hover{
  display: inline-block;
}
.feedback-container .feedback-group .feedback-true{
  position:relative;
  top:1px;
  left:1px;
  background-image: url('../images/correct.png');
  background-position: 97% 41%;
  background-repeat: no-repeat;
  background-size: 16px 16px;
}
.feedback-container .feedback-group .feedback-true1{
  position:relative;
  top:1px;
  left:1px;
  background-image: url('../images/correct.png');
  background-position: 94% 41%;
  background-repeat: no-repeat;
  background-size: 16px 16px;

}
.feedback-container .feedback-group .feedback-false{
  position:relative;
  top:1px;
  left:1px;
  background-image: url('../images/error.png');
  background-position: 97% 46%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
}
.feedback-container .feedback-group .feedback-false1{
  position:relative;
  top:1px;
  left:1px;
  background-image: url('../images/error.png');
  background-position: 94% 46%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
}
.feedback-container .feedback-group .feedback-warn{
  line-height: normal;
  text-indent:10px;
  color: red;
}

.feedback-container .feedback-group .btn.disabled{
  opacity: .65;
  cursor: default;
}
.feedback-container .feedback-group .group-input.error{
  border: 1px solid red !important;
}
.feedback-container .feedback-group.success,
.feedback-container .feedback-group.error{
  display: none;
  color: #5cb85c;
  text-align: center;
  margin-bottom: 0;
  line-height: 1.4em;
}
.feedback-container .feedback-group.error{
  color: #d9534f;
}
.feedback-container .feedback-group.success .fa,
.feedback-container .feedback-group.error .fa{
  margin-right: 6px;
}
.feedback-container .error-shake{
  -webkit-animation: shakeInput .2s infinite;
  animation: shakeInput .2s infinite;
}
.feedback-container .select-container .select-title{
  box-sizing: border-box;
  font-weight: 500;
  box-shadow: none;
  cursor: pointer;
  -webkit-user-select: none;
}
.feedback-container .select-container .select-title.active{
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.feedback-container .select-container{
  position: relative;
}
.feedback-container .select-container .select-list{
  position: absolute;
  z-index: 10;
  top: 34px;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 0;
  overflow-y: hidden;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-sizing: border-box;
  -webkit-transition: all ease .2s;
  transition: all ease .2s;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 5px rgba(0,0,0,.2);
  box-shadow: 0 1px 5px rgba(0,0,0,.2);
}
.feedback-container .select-container .select-list.active{
  opacity: 1;
  height: 200px;
  overflow-y: auto;
}
.feedback-container .select-container .select-item{
  height: 30px;
  padding: 0 15px;
  line-height: 30px;
  font-size: 13px;
  cursor: pointer;
}
.feedback-container .select-container .select-item.active,
.feedback-container .select-container .select-item:hover{
  background: #118bf5;
  color: #fff;
}
.feedback-container .feedback-group textarea.group-input{
  height: auto;
}
.feedback-container .feedback-group .group-input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.feedback-container .feedback-group .btn {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.feedback-container .feedback-group .btn-primary{
  display: block;
  margin: 0 auto;
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.feedback-container .feedback-group .fa-caret-down{
  position: absolute;
  top: 10px;
  right: 10px;
}
.feedback-option-closer{
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@-webkit-keyframes shakeInput {
  0%{
    -webkit-transform: translate3d(0, 0, 0);
  }
  25%{
    -webkit-transform: translate3d(5px, 0, 0);
  }
  50%{
    -webkit-transform: translate3d(0, 0, 0);
  }
  75%{
    -webkit-transform: translate3d(-5px, 0, 0);
  }
  100%{
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@keyframes shakeInput {
  0%{
    transform: translate3d(0, 0, 0);
  }
  25%{
    transform: translate3d(5px, 0, 0);
  }
  50%{
    transform: translate3d(0, 0, 0);
  }
  75%{
    transform: translate3d(-5px, 0, 0);
  }
  100%{
    transform: translate3d(0, 0, 0);
  }
}
.loading-spinner{
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  text-align: center;
  background: rgba(0, 0, 0, .3);
}
.loading-spinner:after{
  content: " ";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  overflow: hidden;
}
.spinner {
  display: inline-block;
  vertical-align: middle;
}
.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #e8e8e8;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

/*here*/
.here{ background:url(../images/home.gif) no-repeat left; padding-left:28px; text-transform:capitalize;}
.here a{ color:#717171;font-size:12px; text-transform:capitalize; padding-top:2px; display:inline-block}
.here a:hover{ color:#9CC813}
.here span{ font-family:"宋体"; padding:0px 5px; font-size:11px;}
/*正文*/
.lm_title { margin-bottom:10px; clear:both; overflow:hidden; _zoom:1; padding-bottom:20px;}
.lm_title h1 { font:700 18px/20px "Microsoft YaHei", "SimHei", "SimSun"; text-align:left; padding:0; margin:0px auto; background:none; color:#333333; width:auto; line-height:30px}
.lm_title p { color:#999; line-height:20px; margin:7px 0 0; text-align:left; border-bottom:1px solid #ebebeb; padding-bottom:15px}
.lm_title p a{ text-decoration:underline}
.lm_title_l { text-align:left; padding-left:38px }
.addpage{}
.addpage ul{ width:auto; border-top:1px solid  #009FB9;}
.addpage ul li{text-align:left; border-bottom:1px solid  #009FB9}
.addpage ul li a{display:block; font-size:12px; text-decoration:none; padding:20px 0px; margin:0px; background:url(../images/ico-footerb.png)  no-repeat 94% center / 6px 10px; }
.addpage ul li a.a1{}
.addpage ul li a.a2{}
.addpage ul li a span{ display:none}
.clear{clear:both; height: 0; line-height: 0; font-size: 0}
.clearfix:before,.clearfix:after{display:table;content:" "}
.clearfix:after{clear:both;}
:before.:after{-webkit-box-sizing: border-box; */-moz-box-sizing: borde;/* box-sizing: border-box; */}
.back{ text-align:right}
.back a{ display:inline-block; border:1px solid  #009FB9; padding:10px 20px; font-size:12px; color:#009FB9}
.back a:hover{ border:1px solid #9CC813; color:#fff; background:#9CC813; transition: background 0.25s ease-out 0s;}
#wznr_jj{ background:#f0f8d8; border:1px  dashed #9CC813; font-size:12px; padding:10px; margin-bottom:10px; line-height:18px; margin:0px 8px; color:#666666}
.nynr-box{ width:auto; text-align:left; }
.nynr{ line-height:24px; margin:0px auto; position:relative; width:95%; margin:auto; font-size:14px; text-align:justify; text-justify:inter-ideograph; margin-bottom:10px}
.nynr img{
      width:auto; *width:auto!important;*width:auto;
      background:url(../images/loading.gif) no-repeat left top;
      height:auto; display:inline-block;
      max-width:100%;height:auto;
      zoom:expression( function(elm) {
        if (elm.width>750) {
        var oldVW = elm.width; elm.width=750;
        elm.height = elm.height*(750 /oldVW);
      }
      elm.style.zoom = '1';
      }(this));
}
.nrh2{ font-size:19px; font-weight:bold;}
.nynr li{ list-style:inherit}
.nynr ul,.nynr ol{ padding:0px 20px}
.nynr hr{ border-top:1px solid #EEEEEE; }
.share{ width:90%; margin:auto; border-top:1px solid #eee; padding-bottom:50px; padding-top:10px;}
.share .bdsharebuttonbox{ float:right;}

.termsbox{ width:100%; margin:auto;position: relative; background: #FFF none repeat scroll 0% 0%; border-radius: 3px;box-shadow: 0px 0px 3px rgba(57, 113, 191, 0.3); margin-top:120px}
.termsbox .nr{ padding:30px}
.termsbox .nr p{ margin-bottom:20px}

.selectTdClass{background-color:#edf5fa !important}
/*table.noBorderTable td,table.noBorderTable th,table.noBorderTable caption{border:1px dashed #ddd !important}
table{margin-bottom:10px;border-collapse:collapse;display:table;}
td,th{padding: 5px 10px;border: 1px solid #DDD;}
caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}
th{border-top:1px solid #BBB;background-color:#F7F7F7;}
table tr.firstRow th{border-top-width:2px;}
.ue-table-interlace-color-single{ background-color: #fcfcfc; } .ue-table-interlace-color-double{ background-color: #f7faff; }
td p{margin:0;padding:0;}
*/
/*分页*/
.pagebox{ position:relative; height:60px}
.pagebox .tablepage{color:#889952;border-right:1px solid #889952; position:absolute; top:0; right:0}
.pagebox .tablepage tr td{ padding-right:0px}
.pagebox a{ display:inline-block; width:40px; height:38px; line-height:38px; text-align:center; color:#889952; font-family:Arial; font-size:14px; border:1px solid #889952; border-right:0px; font-weight:bold; font-family:"宋体"}
.pagebox a:hover{ text-decoration:none; cursor:pointer; background:#183624; color:#fff;border:1px solid #183624;border-right:0px;transition: background 0.25s ease-out 0s;}
.pagebox a.phoverok{ color:#889952; text-decoration:none; font-weight:bold;border:1px solid #fff; border-left:1px solid #889952; border-right:0px}
.pagebox{vertical-align:top;}
.pagebox a.onec{ border-left:0px solid #fff;}

#FPages{font-family:Arial, Helvetica, sans-serif; text-align:center;background:#ececec; color:#1E3B23; width:40px; height:38px; border:1px solid #b8bdc2; font-size:14px;}
#FPages:hover{ color:#000;border:1px solid #9CC813;}
#Pagesgo{ border:1px solid #889952; width:40px; height:38px; font-size:14px; font-family:Arial, Helvetica, sans-serif; background:#889952; color:#FFFFFF; display:block}
#Pagesgo:hover{ border:1px solid #1C3923; background:#1C3923; color:#FFFFFF}
.pagebox .sle a{ border:0px; border-left:1px solid #889952}
.pagebox .tablepage td, .pagebox .tablepage th {  padding: 0px 0px; margin:0;border: 0px solid #DDD;}

/*搜索页-------------------------------------------------------*/
.indnr_box{text-align:center; margin:0 auto;}
.ssr{ text-align:left; width:100%; padding-bottom:15px;}
.ssr li{border-bottom:1px dotted #dedede;  padding:10px 0px; font-size:16px; line-height:18px }
.ssr li a{ color:#0000CC;text-decoration:underline; font-family:"宋体"}
.ssr img{ display:inline}
.ssr .bt{ font-size:12px; font-weight:bold;text-indent:0em;}
.ssr div{ height:25px;}
.ssr li p{ font-size:12px; display:block; width:90%; padding-top:5px; color:#000;text-align:justify; text-justify:inter-ideograph;}
.ssr li span{ font-size:12px; color:#008000}
.resea{ width:100%; height:auto;*height:auto!important;*height:350px; min-height:350px;}
.sarchh1{font:700 20px/25px "Microsoft YaHei", "SimHei", "SimSun"; padding:0; margin:5px 0 0; height:25px; background:none; text-align:left; padding-left:48px; padding-bottom:20px}

/*留言*/
.jlbox{}
.jlbox .JLbt{ font-weight:bold; width:100px; text-align:right; padding-right:10px}
.jlbox table{ width:642px}
.jlbox table tr td{ text-align:left; padding:2px 0px}
.jlbox .JLinput,textarea{ width:170px; height:24px; line-height:24px; border:1px solid #CCCCCC; padding:0px 5px;}
.jlbox .JLinput:hover,textarea:hover{  border:1px solid #666666;}
.jlbox textarea{ height:80px; width:500px}

.message-box{width:500px; line-height:30px; padding-left:15px}
.message-box .input{ border:1px solid #d0cfd0; padding:0px 5px; height:33px; line-height:33px;width:200px}
.message-box .input:hover{border:1px solid #f9b552;}
.message-box i{ color:#F00}
.message-box .button{ width:72px; height:35px; line-height:35px; cursor:pointer; background:#572917; border:0px; color:#FFF; font-size:14px; font-weight:bold;}
.message-box .button:hover{ background:#F60}
.cbt{ font-size:16px; font-weight:bold; color:#572917; background:#eeeeee; padding:8px; text-indent:8px;}

/*网站地图----------------------------*/
.sitmap{ float:left; width:24%; line-height:28px; text-align:left; height:300px}
.sitmap h3{ padding-bottom:10px}
.sitmap h3 a{ font-weight:bold; color:#000; font-size:14px;}
.sitmap h3 a:hover{ font-weight:bold; color:#000; text-decoration:underline;}
.NY_title{ padding:38px 130px; border-bottom:1px solid #ebeae7; text-align:left}
.NY_title h3{ font-size:30px; padding-bottom:10px; color:#312d25; text-transform:uppercase}
.sitmap li{ border-bottom:1px solid #dedede; margin:0px 5px}

.textB {
    font-weight: bold;
    color: #060;
}
.newInfor {
    line-height: 12px;
    color: #090;
    text-decoration: none;
}

.emailbox{ padding-top:30px}
.emailbox .input{ border:1px solid #ccc; height:35px; line-height:35px; width:100%; margin:5px 0px; border-radius:5px; overflow:hidden; text-indent:20px; color:#183624}
.emailbox .button div{ background:#C60; color:#fff; padding:5px 0px; text-align:center; width:100px; margin-top:15px; margin-bottom:15px; cursor:pointer; border-radius:5px; overflow:hidden}
.emailbox .button div:hover{ background:#693}

#topcontrol{ z-index:1000;}
#topcontrol div{ width:50px; height:50px; line-height:45px; text-align:center; background:rgba(0,0,0,0.6); color:#fff; font-size:2em; border-radius:50px; overflow:hidden; bottom:20px}

.v-h5{ font-size:20px; display:block; padding:30px; padding-top:0; margin-top:58px}
.v-weixin li{ float: left; width: 45%;}
.v-weixin li:first-child{ margin-right: 10%;}
.v-weixin img{ max-width: 100%}
.v-weixin li p{ font-size: 16px; line-height: 40px; margin-bottom: 10px;}

.page{ text-align:center;}
.page ul li{ height:30px; line-height:30px;width:40px; margin:0; border:#ddd 1px solid; border-right:none; color:#006eb9; display:inline-block; cursor:pointer;}
.page ul li a{ width:100%; height:100%; display:block; width:40px; color:#006eb9;}
.page ul li:first-child{ border-radius:5px 0 0 5px;}
.page ul li:last-child{ border-radius:0 5px 5px 0; border-right:#ddd 1px solid;}
.page ul li:hover{ background:#006eb9;}
.page ul li:hover a{ color:#fff;}
.page ul li.ok{ background:#006eb9;}
.page ul li.ok a{ color:#fff;}
.page ul li.active,.page ul li.active,.page ul li.active span{background:#006eb9; color:#fff}


.sbuybox{ width:100%;}
.sbuybox div{ width:50%; float:left}
.numname{ height:35px; line-height:35px; float:left}
/*#buynum{ padding-left:20px}*/
#buynum div,#buynum input{ float:left;height:35px; line-height:35px}
#buynum input{ border-left:0; border-right:0;}
#buynum div{
    border: 1px solid #CCC;
    box-shadow: none;
    display: inline-block;
    padding: 0px 6px;
    text-align: center;
    width: 45px;
    font-size: 1em; background:#F4F4F4; cursor:pointer;
}

.Indiegogo{ display:none}
.sbuy_l div{width:33.333%;}
.sbuy_l div.Indiegogo{ display:block}

.sbuy_l .btn-lg, .btn-group-lg > .btn{padding: 10px 0px; width:97%}

.nricon{ width:100%;}
.nricon li{ float:left; width:25%; text-align:center; padding-bottom:80px}
.nricon li div{ width:100%; max-width:192px; margin:auto;}
.nricon li div img{ width:100%}
.nricon li b{ font-weight:normal; font-size:16px;display:block;height:44px;}

/* PICTURE ANIMATION
 ================================================== */
.ani-imagedown-ctn{
  -webkit-animation: ani-imagedown ease 60s;
  animation: ani-imagedown ease 60s;
}
@-webkit-keyframes ani-imagedown {
  0%{
      -webkit-transform: translate(0, -140px) scale(1.2);
  }
  100%{
      -webkit-transform: translate(0, 0) scale(1);
  }
}
@keyframes ani-imagedown {
  0%{
      transform: translate(0, -140px) scale(1.2);
  }
  100%{
      transform: translate(0, 0) scale(1);
  }
}
.ani-imageup-ctn{
  -webkit-animation: ani-imageup ease 60s;
  animation: ani-imageup ease 60s;
}
@-webkit-keyframes ani-imageup {
  0%{
      -webkit-transform: translate(0, 140px) scale(1.2);
  }
  100%{
      -webkit-transform: translate(0, 0) scale(1);
  }
}
@keyframes ani-imageup {
  0%{
      transform: translate(0, 140px) scale(1.2);
  }
  100%{
      transform: translate(0, 0) scale(1);
  }
}

@media screen and (max-width: 980px){
  .ani-imagedown-ctn{
    -webkit-animation: ani-imagedown ease 40s;
    animation: ani-imagedown ease 40s;
  }
  @-webkit-keyframes ani-imagedown {
    0%{
        -webkit-transform: translate(0, -30px) scale(1.1);
    }
    100%{
        -webkit-transform: translate(0, 0) scale(1);
    }
  }
  @keyframes ani-imagedown {
    0%{
        transform: translate(0, -30px) scale(1.1);
    }
    100%{
        transform: translate(0, 0) scale(1);
    }
  }
  .ani-imageup-ctn{
    -webkit-animation: ani-imageup ease 40s;
    animation: ani-imageup ease 40s;
  }
  @-webkit-keyframes ani-imageup {
    0%{
        -webkit-transform: translate(0, -30px) scale(1.1);
    }
    100%{
        -webkit-transform: translate(0, 0) scale(1);
    }
  }
  @keyframes ani-imageup {
    0%{
        transform: translate(0, -30px) scale(1.1);
    }
    100%{
        transform: translate(0, 0) scale(1);
    }
  }

}

/* SLIDER LOADER
 ================================================== */
.sloading{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  /*background:#333;*/
  background-size:100%;
}



.sloading > div {
    text-align: center;
    width: 65px;
    height: 20px;
    position: absolute;
    z-index:10000;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -10px;
    font-size: 2px;
}

.sloading > div > span {
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 7px;
    margin: 10px auto;
    background: #FFFFFF;
    -moz-border-radius: 35px;
    -moz-animation: bubblingG 0.6s infinite alternate;
    -webkit-border-radius: 35px;
    -webkit-animation: bubblingG 0.6s infinite alternate;
    -ms-border-radius: 35px;
    -ms-animation: bubblingG 0.6s infinite alternate;
    -o-border-radius: 35px;
    -o-animation: bubblingG 0.6s infinite alternate;
    border-radius: 35px;
    animation: bubblingG 0.6s infinite alternate;
}

.sloading > div > #span_1 {
    -moz-animation-delay: 0.36s;
    -webkit-animation-delay: 0.36s;
    -ms-animation-delay: 0.36s;
    -o-animation-delay: 0.36s;
    animation-delay: 0.36s;
}

.sloading > div > #span_2 {
    -moz-animation-delay: 0.18s;
    -webkit-animation-delay: 0.18s;
    -ms-animation-delay: 0.18s;
    -o-animation-delay: 0.18s;
    animation-delay: 0.18s;
}

.sloading > div > #span_3 {
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
}

@-moz-keyframes bubblingG {
    0% {
        width: 7px;
        height: 7px;
        background-color:#FFFFFF;
        -moz-transform: translateY(0);
    }

    100% {
        width: 18px;
        height: 18px;
        background-color:#00aeef;
        -moz-transform: translateY(-15px);
    }
}

@-webkit-keyframes bubblingG {
    0% {
        width: 7px;
        height: 7px;
        background-color:#FFFFFF;
        -webkit-transform: translateY(0);
    }

    100% {
        width: 18px;
        height: 18px;
        background-color:#00aeef;
        -webkit-transform: translateY(-15px);
    }

}

@-ms-keyframes bubblingG {
    0% {
        width: 7px;
        height: 7px;
        background-color:#FFFFFF;
        -ms-transform: translateY(0);
    }

    100% {
        width: 18px;
        height: 18px;
        background-color:#00aeef;
        -ms-transform: translateY(-15px);
    }

}

@-o-keyframes bubblingG {
    0% {
        width: 7px;
        height: 7px;
        background-color:#FFFFFF;
        -o-transform: translateY(0);
    }

    100% {
        width: 18px;
        height: 18px;
        background-color:#00aeef;
        -o-transform: translateY(-15px);
    }

}

@keyframes bubblingG {
    0% {
        width: 7px;
        height: 7px;
        background-color:#FFFFFF;
        transform: translateY(0);
    }

    100% {
        width: 18px;
        height: 18px;
        background-color:#00aeef;
        transform: translateY(-15px);
    }

}
.product-desc .nav li a{color:#555 !important;}
.product-desc .nav li.active a{color:#0099e6 !important;}
/*common=========*/

/*.section p, a , span {
    font-size: 12px;
}*/
.main-container {
    background-color: #fff;
    overflow: hidden;
    position: relative;
}
.main-container .mo {
    display: none;
}
section.b-bg p{
    color:#fff;
}
section.b-bg h2 {
    color: #fff;
}
section.w-bg p{
    color: #666;
}
section.w-bg h2 {
    color: #333;
}
.pa-ty1 .text {
    display: inline-block;
}
.pa-ty1 .text>p{
    font-size: 36px;
    display: block;
    text-align: right;
    color: #443f3b;
}
.pa-ty1>h1 {
    font-size: 72px;
    font-weight: 100;
    line-height: 1.6em;
    color:#eec8a1;
    font-family: "lantingsc";
}
.pa-ty2 .text>p {
    font-size: 16px;
    line-height: 1.5em;
    max-width: 37%;
    margin: auto;
}
.pa-ty2.left .text>p,.pa-ty2.right .text>p {
    max-width: 45%;
}
.header .pa-ty2 .text>h2 {
    font-size: 50px;
}
.royole_cn .header .pa-ty2 .text>h2 {
    font-family: "lantingsc";
}
.pa-ty2 .text>h2 {
    font-size: 36px;
    font-weight: 100;
    line-height: 1.4em;
    margin-bottom: 0.4em;
}
.section {
    width: 100%;
    position: relative;
    padding-bottom: 53%;
    z-index: 1;
    overflow: hidden;
}
.section.bg {
    padding-bottom: 0;
}
.section .bg-box {
    position: relative;
    overflow: hidden;
}
.section .bg-box img {
    width: 100%;
}
.section .content {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
}
.section.header .content,.section-2.header .content {
    margin-top: 124px;
}
.section.header .content .top {
    top: 0;
}
.section .content.C {
    top: 50%;
}
.section .content.C .C{
    transform: translate(0,-50%);
}
.section .content.C .T{
    top:-50%;
}
.section .content.C .B{
    bottom: 50%;
}
.section .content.top {
    top: 0;
}
.section .intro {
    width: 100%;
}
.section .intro.center {
    top: 36%;
}
.section .intro.top {
    padding-top: 3%;
}
.section .intro.bottom {
    position: absolute;
    bottom: 0;
}
.section .intro.left {
    width: 50%;
    float: left;
    margin-left: 3%;
}
.section .intro.right {
    width: 50%;
    float: right;
    margin-right: 3%;
}
section .intro.left .text>p,section .intro.right .text>p{
    text-align: left;
}
section .icon .table-box {
    display: table;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}
section .icon .table-row {
    display: table-row;
}
section .icon .table-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
section .icon .box{
    margin: auto;
}
section .icon .cell {
    padding: 10px 18px;
}
section .icon .cell img {
    margin: auto;
    height:50%;
}
section .show img{
    width: 100%;
}
.section .show.top {
    margin-top: 3%;
}
.section .show.bottom {
    position: absolute;
    bottom: 0;
    width:100%;
}
.section .show.left {
    position: absolute;
    width: 50%;
}
.section .show.right {
    position: absolute;
    right: 0;
    width: 50%;
}
.section.guide {
    background-color: #e5e5e5;
    padding-bottom: 0;
}
.section.guide {
    height: 125px;
}
.section.guide p {
    color: #207dab;
    text-align: center;
    font-size: 14px;
    line-height: 125px;
}
.section-2{
  width: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.section-2 .content{
    width:100%;
    height:100%;
    text-align: center;
    overflow: auto;
    zoom: 1;
}
.section-2 .content .show.right{
    float:right;
    width:50%;
}
.section-2 .content .show.left{
    float:left;
    width:50%;
}
.section-2 .content .intro.left{
    width: 50%;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    margin-left: 8%;
}
.section-2 .content .intro.right{
    width: 50%;
    position: absolute;
    right:0;
    top: 50%;
    transform: translate(0,-50%);
}
.section-2.header .content.divide .intro.right,.section-2.header .content.divide .intro.left{
    transform: translate(0,-25%);
}
/*intro=======*/
.section.i-1{
    padding-bottom: 0;
}
.section.i-1 figure.bg {
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
    background-image: url("../images/1-10.jpg");
}
.section.i-1 figure.lite_bg {
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
    background-image: url("../images/1-10.jpg");
}
.section.i-1,.section.i-2,.section.i-3 {
    background-color: #101010;
}
.section.i-1 .intro {
    padding-top: 20px;
    position: relative;
    z-index: 1;
}
.section.i-1 .text{
  width:62%;
} 
.section.i-1 .text img{
  width:100%;
}
.section.i-1 .content {
    position: relative;
}
.section.i-1 a {
    position: absolute;
    color:#eec8a1;
    margin-top: -5%;
    font-size:16px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    z-index: 4;
}

.section.i-1 a img{
    width:10%;
    margin:auto;
    border-radius: 100%;
}
.section.i-1 a img:hover{
    -moz-transform:scale(1.1,1.1);
    -webkit-transform:scale(1.1,1.1);
    -o-transform:scale(1.1,1.1);
    transform:scale(1.1,1.1);
}
.section.i-1 .show {
    margin-top: -13%;
    position: relative;
    z-index: 3;
}
.section.i-1 .show img {
    width: 33%;
    margin: auto;
}
.section.i-1 .show img.lite_img{
  width: 10%;
}
.section.i-1 .icon{
    color:#bfbfbf;
    max-width: 60%;
    margin: auto;
    text-align: justify;
    max-width: 900px;
    margin-top: 7.6%;
}
.section.i-1 .icon p{
    color:#bfbfbf;
}
.section.i-1 .icon p:first-child{
    font-size: 16px;
    line-height: 25px;
}
.section.i-1 .icon>p{
  width: 98%;
  margin: auto;
}
.section.i-2 .bg-box img.cover {
    position: absolute;
    top: 0;
}
.section.i-2 .intro{
    padding-top: 8%;
}
.section.i-2 .show img {
    width: 38%;
    margin: auto;
}
.section.i-3 .text p{
      max-width: 26% !important;
}
.section.i-3 .show{
    margin-top: -13%;
    margin-left: 6%;
}
.section.i-3 .show img {
    width: 29%;
}
.section.i-4 .intro{
    margin-left: 0%;
}
.section.i-4 .cell img{
  height:100%;
}
.section.i-7 {
    overflow: hidden;
    z-index: 2;
}
.section.i-7 .show {
    margin-top: 0;
    z-index: 2;
    left: 10%;
}
.section.i-7 .show img {
    width: 58%;
    margin:auto
}
.section.i-7 .pulse {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.section.i-7 .pulse li {
    background: rgb(0, 0, 0);
    border-radius: 100%;
    width: 31%;
    position: absolute;
    height: 37%;
    left: 30%;
    top: 50%;
}
.section.i-8 .show img {
    width: 63%;
}
.section.i-10 .show img {
    width: 41%;
    margin-left: 12%;
}
.section.i-11 .intro{
  transform: translate(0,-25%);
}
.section.i-11 .show{
  transform: translate(0,17%);
}
.section.i-12 .bg-box video {
    width: 100%;
}
.section.i-12 .bg-box.pc{
    background-color: black;
}
.section.i-12 .grey-cover{
  position: absolute;
  width:100%;
  height:100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index:2;
}
.section.i-12 .content{
  z-index: 3;
}
.section.i-13{
    padding-bottom:0;
}
.section.i-13 .content{
    position:relative;
}
.section.i-13 .show{
    margin-top: 16px;
}
/*vision====*/
.section-2.v-1 .intro{
    margin-right: 8%;
}
.section-2.v-1 .show{
  margin-left: 5%;
}
.section-2.v-1 .show img {
    width: 82%;
    margin-top: 50px;
}
.section.v-1-1 .show{
    width:56%;
}
.section.v-1-1 .show-1 img{
    width: 57%;
    float: right;
    margin-top: -31%;
}
.section.v-2 .bg-box img.cover {
    position: absolute;
    top: 0;
}
.section.v-3{
    padding-bottom:0;
}
.section.v-3 .content{
    position:relative;
}
.section.v-3 .show{
    margin-top: 16px;
}
.section.v-3 .show img{
    width: 79%;
    margin: auto;
}
.section.v-4{
    padding-bottom:0;
    padding-top: 6%;
}
.section.v-4 .intro .text>p{
    max-width: 47%;
}
.section.v-4 .content{
    position:relative;
}
.section.v-4 .show{
    margin-top: 16px;
}
.section.v-4 .show img {
    width:78%;
    margin: auto;
}
.section.v-6 {
    background-color: #eee;
}
.section.v-6 .content {
    position: relative;
}
.section.v-6 span img {
    width: 100%;
}
.section.v-6 .focus .images .image.focus-01 {
    background-image: url('../images/vision6_cn.jpg');
    z-index: 400
}
.royole_en .section.v-6 .focus .images .image.focus-01 {
    background-image: url('../images/6_en.jpg');
    z-index: 400
}
.section.v-6 .focus .images .image.focus-02 {
    background-image: url('../images/6-2.jpg');
    z-index: 300
}
.section.v-6 .focus .images .image.focus-03 {
    background-image: url('../images/6-3.jpg');
    z-index: 200
}
.section .focus {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.section .focus .images {
    width: 50%;
    z-index: 500
}
.section .focus .images, .section .focus .images .image {
    position: absolute;
    top: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000
}
.section .focus .images .image {
    width: 100%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 50% center;
    overflow: hidden;
}
.section .focus .images.fixed {
    position: fixed;
    /*width: calc(50% - 30px)*/
}
.section .focus .text-box {
    max-width: 100%;
}
.section .focus .text {
    position: relative;
    top: 50%;
    transform: translate(0,-50%);
}
.section .focus .text>span {
  font-size: 12px;
  color: #a0a0a0;
  margin-top: 40px;
  display: inline-block;
  width: 45%;
  text-align: justify;
}
/*sound===*/
.section-2.s-1 .show{
    margin-right: 4%;
}
.section-2.s-1 .show img {
    width: 72%;
}
.section-2.s-1 .content{
    padding-top: 50px;
}
.section.s-2 {
    background-color: #eee;
}
.section.s-2 .focus .images .image.focus-01 {
    background-image: url('../images/sound2-1.png');
    z-index: 400
}
.section.s-2 .focus .images .image.focus-02 {
    background-image: url('../images/2-2.png');
    z-index: 300
}
.section.s-2 .focus .images .image.focus-03 {
    background-image: url('../images/2-3.png');
    z-index: 200
}
.section.s-2 .content {
    position: relative;
}
.section.s-2 span {
    font-size: 12px;
    color: #a0a0a0;
    margin-top: 16%;
    display: inline-block;
}
.section.s-2 span img {
    width: 11%;
}
.section.s-3 .pulse {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.section.s-3 .pulse li {
    background-color: #fff3eb;
    border-radius: 100%;
    width: 96%;
    position: absolute;
    height: 96%;
    right: 7%;
    top: 0;
}
.section.s-4 {
    background: #eee;
}
.section.s-4 .show img {
    width: 55%;
    margin-left: 50%;
}
/*design=====*/
.section-2.d-1 .content {
    margin-top: 0;
}
.section.d-2 .show img {
    width: 65%;
    margin-left: 15%;
}
.section.d-3 .show img {
    width: 34%;
}
.section.d-4{
  background-color: #f2f2f2;
}
.section.d-4 .content{
    position:relative;
}
.section.d-4 .intro{
    top: 49%;
}

.section.d-5,.section.d-6{
    padding-top: 6%;
}
.section.d-5 .intro{
    margin-top: 4%;
}
.section.d-6-1{
  background-color: #f0f0f1;
}
.section.d-7 .show{
    height: 48%;
}
.section.d-7 .show img{
  width: 91%;
  position:absolute;
  display:none;
}
.section.d-7 .show ul{
  margin-top: 55%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  left: 0;
  right: 0;
  width: 270px;
  width: calc(180px + 9%);
}
.section.d-7 .show ul>li{
  float: left;
  padding: 2px 20px;
  margin-left: 20px;
  background-color: #e0dfdf;
}
.section.d-7 .show ul>li.active{
    background-color: #9c9999;
}
/*system====*/
.section-2.sy-1 .content{
  padding-top: 50px;
}
.section-2.sy-1 .intro{
    margin-left: 8%;
}
.section-2.sy-1 .show {
    margin-right: 7%;
}
.section.sy-1-1{
  background: #f2f2f2;
}
.section.sy-1-1 .show{
  margin-right: 4%;
}
.section.sy-4 .show{
    width: 58%;
}
.section.sy-4 .intro{
   margin-left: 0;
}
.section.sy-4 .mark img, .section.sy-4 .mark p, .section.sy-4 .mark .mark-f {
    float: left;
}
.section.sy-4 .mark {
    width: 55%;
    margin: auto;
    border-bottom: 1px solid #bbb8b8;
    border-top: 1px solid #bbb8b8;
    padding: 14px 0;
    margin-top: 15px;
}
.section.sy-4 .mark-1 {
    width: 45%;
    min-width: 133px;
    margin-right: 3%;
}
.section.sy-4 .mark-1 p:first-child {
    font-size: 14px;
}
.section.sy-4 .mark-1 img {
    width: 33%;
}
.section.sy-4 .mark-1 p:first-child {
    padding: 7% 0px 1% 6%;
}
.section.sy-4 .mark-1 p:last-child {
    padding: 0 0 0 6%;
}
.section.sy-4 .mark-2{
    width: 52%;
    margin-top: 3%;
}
.section.sy-4 .mark-2 img{
    width:48%;
}
.section.sy-4 .mark-2 img:last-of-type{
    margin-left: 4%;
}
.section.sy-4 .mark-2 p{
    margin-top: 4px;
}
.section-2.sy-6 .show{
    margin-top: 50px;
}
.section-2.sy-6 .show-box{
  max-width: 1185px;
  margin: auto;
  width: 78%;
}
.section-2.sy-6 .show-col{
    position: relative;
    width: 28%;
    float: left;
    margin-right: 5%;
}
.section-2.sy-6 .show-col p{
    margin-top:8px;
}
.section-2.sy-6 .show-col .gif, .section-2.sy-6 .show-col canvas {
    width: 100%;
    margin: auto;
    border: #eee solid 16px;
    border-radius: 100%;
    display: inline-block;
}
.section-2.sy-6 .show-col canvas {
    border: #fff solid 16px;
    display: table-cell;
}
.section-2.sy-6 .show-col .gif-play{
  position: absolute;
  z-index: 3;
  width: 22%;
  margin-left: 46%;
  margin-top: 44%;
}
.section-2.sy-6 .intro{
    margin: 50px 0;
}
.section-2.sy-6 .show>p>span {
    display: inline-block;
    padding: 2% 10.5% 0% 10.5%;
    font-size: 14px;
}
.section.sy-7 .show{
    top: -30%;
    left: 54%;
}
.section.sy-7 .show img:first-child {
    width: 55%;
    position: absolute;
    z-index: 2;
}
.section.sy-7 .show img:last-child {
    width: 6%;
    padding-left: 36.5%;
    margin-top: 63.3%;
    position: absolute;
    z-index: 1;
}
/*移动端*/
.mobile {
    overflow-x: hidden;
}

.mobile .container-fluid {
    padding: 0 !important;
}

.mobile section {
    padding-bottom: 15%;
}

.mobile .icon .col-xs-3 .pull-right {
    margin-right: -10px;
}

.mobile .icon .col-xs-3 .pull-left {
    margin-left: -10px;
}

.mobile .icon .col-xs-3:first-child .icon-box {
    margin-right: -40px;
}

.mobile .icon .col-xs-3:last-child .icon-box {
    margin-left: -40px;
}
.mobile .row.icon .col-xs-12 .col-xs-3 img {
  width: 80%;
  height: auto;
  margin: 0 auto;
}
.mobile .row.icon .col-xs-12 .col-xs-3 p {
  text-align: center;
  font-size: 12px;
  padding-top: 5px;
}
@media only screen and (min-width: 460px) and (max-width: 768px) {
  .mobile .row.icon .col-xs-12 .col-xs-3 img {
      width: 50%;
      height: auto;
      margin: 0 auto;
  }
  .mobile .row.icon .col-xs-12 .col-xs-3 p {
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
  }
}

.mobile section.header {
    padding-top: 20px;
    margin-top: 124px;
}
.mobile section.header h2{
  font-size: 32px;
  font-family: "lantingsc";
}
.mobile .sy_f_fdh li dl dt{
  padding-top: 0px;
}
.mobile .show .show-box img {
    width: 100%;
    margin: auto;
}

.mobile .head h2 {
    margin-left: 6%;
    margin-right: 6%;
    width: 88%;
    font-size: 28px;
    font-weight: 200;
    line-height: 1.2em;
    color:#333;
}

.mobile .head h1 {
    font-weight: 200;
    line-height: 1.2em;
    color: #f2ca93;
}
.mobile .intro{
    margin-top: 25px;
}
.mobile .text {
    margin-top: 25px;
}

.mobile .row.icon {
    margin-top: 30px;
}

.mobile .icon .icon-box img {
    margin: auto;
    height: 52px;
}

.mobile .icon .icon-box p {
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
}

.mobile section.i-1 figure.bg {
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
    background-image: url("../images/1-8.jpg");
}
.mobile section.i-1 figure.lite_bg {
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
    background-image: url("../images/1-8.jpg");
}

.mobile section.i-1,.mobile section.i-3, .mobile section.d-1 {
    padding-top: 0;
}
.mobile section.i-1 .hero{
    padding-top: 19px;
}
.mobile section.i-1 .hero h1 {
    font-size: 102px;
    color: #44403a;
}
.mobile section.i-1 .hero p {
    font-size: 15px;
    color:#4c4740;
    margin-top: 6px;
}
.mobile section.i-1 .play{
      margin-top: 96%;
      position: absolute;
      color: #7d5444;
      font-size: 14px;
      margin-left: auto;
      margin-right: auto;
      left: 0;
      right: 0;
      z-index: 4;
      width: 68px;
}
.mobile section.i-1 .show {
    position: absolute;
    width: 100%;
    max-width: 320px;
    margin: auto;
    left: 0;
    right: 0;
}

.mobile section.i-1 .show-box {
    position: absolute;
    margin-top: -21px;
} 

.mobile section.i-1 .intro {
    padding-top: 428px;
}

.mobile section.i-1 .text p,.mobile section.i-1 .icon p,.mobile section.i-2 .head h2,.mobile section.i-2 .text p{
  color: #fff;
}
.mobile section.i-1,.mobile section.i-2{
  background-color: #101010;
}
.mobile section.v-1 .show-box img{
    max-width: 388px;
}
.mobile section.v-9 .show-box img{
    max-width: 414px;
}

@media screen and (min-width: 1920px){

}
@media screen and (max-width: 1440px) {
    .pa-ty1 .text>p {
        font-size: 28px;
    }
    /*.pa-ty1 .text>p:first-child {
        font-size: 286px;
    }*/
    .pa-ty2 .text>p{
        max-width:56%;
    }
    .pa-ty2.left .text>p,.pa-ty2.right .text>p {
        max-width: 55%;
    }
    .section .focus .text>span {
        width: 55%;
    }
    .section.i-1 .show img{
        width: 36%;
    }
    .section.i-1 .show img.lite_img{
      width: 10%;
    }
    .section.v-4 .bg-box img {
        margin-top: 18%;
    }
    .section.d-4 .pa-ty2 .text>p {
        max-width: 70% !important;
    }
}
@media screen and (max-width: 1280px) {
    .pa-ty1 .text>p {
        font-size: 24px;
    }
    /*.pa-ty1 .text>p:first-child {
        font-size: 275px;
    }*/
    .header .pa-ty2 .text h2 {
        font-size: 38px;
    }
    .pa-ty2 .text h2 {
        font-size: 32px;
    }
    .pa-ty2 .text>p{
        max-width:59%;
    }
    .pa-ty2.left .text>p,.pa-ty2.right .text>p {
        max-width: 60%;
    }
    .section .focus .text>span {
        width: 60%;
    }
    .section.i-1 .show img {
        width: 40%;
    }
    .section.i-1 .show img.lite_img{
      width: 10%;
    }
    .section.i-2 .show img {
        width: 32%;
    }
    .section.v-4 .bg-box img {
        margin-top: 22%;
    }
}
@media screen and (max-width: 980px) {
    .pa-ty1 .text>p {
        font-size: 19px;
    }
    /*.pa-ty1 .text>p:first-child {
        font-size: 210px;
    }*/
    .pa-ty1 h1{
        font-size: 54px;
    }
    .header .pa-ty2 .text h2 {
        font-size: 36px;
    }
    .pa-ty2 .text h2 {
        font-size: 30px;
    }
    .pa-ty2 .text>p{
        max-width:65%;
    }
    .pa-ty2.left .text>p,.pa-ty2.right .text>p {
        font-size: 13px;
        max-width: 68%;
    }
    .section .focus .text>span {
        width: 68%;
    }
    .section .icon .table-cell {
        vertical-align: text-top;
    }
    .section.header .content,.section-2.header .content  {
        margin-top: 53px;
    }
    .section.i-1 .intro {
        padding-top: 25px;
    }
    .section.i-1 .show{
        margin-top: -17%;
    }
    .section.i-1 .show img {
        width: 48%;
    }
    .section.i-1 .show img.lite_img{
      width: 10%;
    }
    .section.i-1 .icon {
        max-width: 70%;
    }
    .section.guide .pc{
        height: 72px;
    }
    .section.guide .pc p {
        line-height: 72px;
    }
    .mobile section.header {
        margin-top: 44px;
    }
}
/*移动端布局开启*/
@media screen and (max-width: 767px) {
    .pa-ty1 .text>p {
        font-size: 17px;
    }
    /*.pa-ty1 .text>p:first-child {
        font-size: 144px;
    }*/
    .pa-ty1 h1{
        font-size: 40px;
    }
    .pa-ty2.left .text>p,.pa-ty2.right .text>p {
        font-size: 12px;
    }
    .header .pa-ty2 .text h2 {
        font-size: 30px;
    }
    .pa-ty2 .text h2 {
        font-size: 27px;
    }
    .section.guide {
        height: 88px;
    }
    .section.guide p {
        line-height: 88px;
    }
    .section .content.newline {
        position: relative;
        padding-top: 1%;
        padding-bottom: 6%;
    }
    .section .content.newline .intro {
        width: 100%;
        max-width: 100%;
        margin-top: 0;
        position: relative;
    }
    .section .content.newline .intro p {
        color: #000;
    }
    .section .content.newline .intro .text>p{
        width: 90%;
        text-align: justify;
        max-width: 90%;
        margin: auto;
    }
    .section .content.newline .icon .box {
        width: 90%;
    }
    .main-container .mo {
        display: initial;
    }
    .main-container .pc {
        display: none;
    }
    .section .icon {
        margin-top: 3%;
    }
    .section.i-1 .show img {
        width: 56%;
    }
    .section.i-1 .show img.lite_img {
      width: 10%;
    }
    .section.v-4 .bg-box img {
        margin-top: 0;
    }
    .section.v-5 .icon {
        max-width: 90%;
    }
    .section.v-5 .icon img {
        width: 12%;
    }

}
@media screen and (max-width: 520px) {
    .pa-ty1 .text>p {
        font-size: 15px;
    }
    /*.pa-ty1 .text>p:first-child {
        font-size: 115px;
    }*/
    .pa-ty1 h1{
        font-size: 32px;
    }
}
@media screen and (max-width: 375px) {
    .pa-ty1 .text>p {
        font-size: 14px;
    }
    /*.pa-ty1 .text>p:first-child {
        font-size: 78px;
    }*/
    .pa-ty1 h1{
        font-size: 20px;
    }
}
.ani-imagescale-ctn {
    -webkit-animation: ani-imagescale ease 46s;
    animation: ani-imagescale ease 46s;
}
.ring1 {
    animation: ani-ring cubic-bezier(0, 0.95, 0.45, 1) 4s infinite;
}
.ring2 {
    animation-name: ani-ring;
    animation-delay: 0.5s;
    animation-duration: 3.5s;
    animation-iteration-count: infinite;
}
.ring3 {
    animation: ani-ring1 cubic-bezier(0, 0.66, 1, 0.3) 1s infinite;
}
.ani-come{
  animation-name: ani-come;
  animation-duration: 3.2s;
}
.ani-come-1 {
    animation-name: ani-come-1;
    animation-duration: 2s;
}
.ani-come-4 {
    animation-name: ani-come-4;
    animation-duration: 2s;
}
.ani-come-5{
  animation-name: ani-come-5;
  animation-duration: 2s;
}
.ani-come-7{
  animation-name: ani-come-7;
  animation-duration: 2s;
}
.ani-come-6{
  animation-name: ani-come-6;
  animation-duration: 2s;
}
.ani-come-2 {
    animation-name: ani-come-2;
    animation-duration: 2.2s;
}
.ani-come-3 {
    animation-name: ani-come-3;
    animation-duration: 3s;
}
@-webkit-keyframes ani-imagescale {
    0% {
        -webkit-transform: scale(1.6, 1.6);
    }
    100% {
        -webkit-transform: scale(1, 1);
    }
}
@keyframes ani-imagescale {
    0% {
        transform: scale(1.6, 1.6);
    }
    100% {
        transform: scale(1, 1);
    }
}
@keyframes ani-ring {
    0% {
        opacity: 0.15;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(5);
    }
}
@keyframes ani-ring1 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1);
    }
}
@keyframes ani-come-1 {
    0% {
        opacity: 0;
        transform: translate(0, -80px);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}
@keyframes ani-come-4 {
    0% {
        opacity: 0;
        transform: translate(0, 80px);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}
@keyframes ani-come-5 {
    0% {
        opacity: 0;
        transform: translate(0, -50%);
    }
    100% {
        opacity: 1;
        transform: translate(0, -25%);
    }
}
@keyframes ani-come-7 {
    0% {
        opacity: 0;
        transform: translate(0, -40px);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}
@keyframes ani-come-6 {
    0% {
        opacity: 0;
        transform: translate(0, -80%);
    }
    100% {
        opacity: 1;
        transform: translate(0, -50%);
    }
}
@keyframes ani-come-2 {
  0% {
      opacity: 0;
  }
  80% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}
@keyframes ani-come-3 {
  0% {
      opacity: 0;
  }
  82% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}
@keyframes ani-come{
  0%{
    background:#101010;
  }
  90%{
    background:#101010;
  }
  100%{
    background:#fff;
  }
}



.side-bar a,.chat-tips i {background: url(../images/right_bg.png) no-repeat;}
.side-bar {width: 66px;position: fixed;bottom: 15%;right: 25px;font-size: 0;line-height: 0;z-index: 100;}
.side-bar a {width: 66px;height: 66px;display: inline-block;background-color: #ddd;margin-bottom: 2px;}
.side-bar a:hover {background-color: #669fdd;}
.side-bar .icon-qq {background-position: 0 -62px;}
.side-bar .icon-chat {background-position: 0 -130px;position: relative;}
.side-bar .icon-chat:hover .chat-tips {display: block;}
.side-bar .icon-blog {background-position: 0 -198px;}
.side-bar .icon-mail {background-position: 0 -266px;}
.side-bar .icon-totop {background-position: 0 -334px;}
.chat-tips {padding: 20px;border: 1px solid #d1d2d6;position: absolute;right: 78px;top: -55px;background-color: #fff;display: none;}
.chat-tips i {width: 9px;height: 16px;display: inline-block;position: absolute;right: -9px;top: 80px;background-position:-88px -350px;}
.chat-tips img {width: 138px;height: 138px;}