@charset "utf-8";
/*全局样式*/
body { margin: 0px; font-family: "微软雅黑"; background-color: #fff; overflow-x: hidden; min-width: 1160px; }
ul, ol, dl, li, dt, dd, p, h1, h2, h3, h4, h5, h6, form { margin: 0px; padding: 0px; }
ul { list-style-type: none; }
* { margin: 0px; padding: 0px; }
a { text-decoration: none; color: #000; }
img { border: none }
#header { height: 70px; background-color: #191919; }
.header_nr { width: 1060px; margin: 0 auto; height: 70px; }
.header_nr1 { width: 1060px; margin: 0 auto; height: 70px; }
.logo { float: left; margin-top: 12px; position: relative; z-index: 999; }
.logo_txt { float: left; width: 240px; color: #b18346; margin-top: 15px; height: 40px; line-height: 40px; position: relative; z-index: 999; }
.nav { float: right; margin-top: 18px; width: 650px; }
#navul li { float: left; width: 105px; height: 34px; position: relative; text-align: center; line-height: 34px; display: block; z-index: 99 }
#navul .nav_z:hover { color: #b18247 }
#navul li .nav_z.guding { color: #b18247 }
#navul li a:link, #navul li a:visited { color: #FFFFFF; }
#navul li ul { display: none; position: absolute; z-index: 10000; top: 34px; border-bottom: none; padding-top: 17px; left: 0 }
#navul li ul li { display: block; width: 105px; float: none; margin-right: 0px; height: 34px; position: relative; line-height: 34px; font-size: 16px; }
#navul li.navmoon { width: 105px; height: 34px; line-height: 34px; }
#navul li.navmoon a { color: #fff; display: block }
#navul li.navmoon ul { display: block; }
#navul li.navmoon ul a { width: 105px; height: 34px; line-height: 34px; display: block }
#navul li.navmoon ul a:hover { color: #FFFFFF; background-color: #b18247 }
#navul li ul li .box1 {
    position: absolute;
}
#navul li ul li .box1-list{ display:none;
    position: absolute;
    left: 85px;
    top: -15px;
    }
@media only screen and (max-width:990px){
    #navul li ul li . box1{ left: 0 !important; }
}

.flexslider { position: relative; height: 500px; overflow: hidden; }
.slides { position: relative; z-index: 1; }
.slides li { height: 500px; }
.flex-control-nav { position: absolute; bottom: 25px; z-index: 2; width: 100%; text-align: center; }
.flex-control-nav li { display: inline-block; *display:inline;
zoom: 1; line-height: 99px }
.flex-control-nav a { display: inline-block; line-height: 5px; overflow: hidden; width: 80px; height: 5px; *display:inline;
zoom: 1; background-color: #fff; cursor: pointer; margin-right: 15px; margin-left: 15px; border-radius: 5px; line-height: 99px }
.flex-control-nav .flex-active { background-position: 0 0; background-color: #b18247 }
.flex-direction-nav { position: absolute; z-index: 3; width: 100%; top: 45%; }
.flex-direction-nav li a { display: block; width: 75px; height: 74px; overflow: hidden; cursor: pointer; position: absolute; }
.flex-direction-nav li a.flex-prev { left: 100px; background: url(/official/temp/default/images/index1_03.png) center center no-repeat; }
.flex-direction-nav li a.flex-next { right: 100px; background: url(/official/temp/default/images/index1_05.png) center center no-repeat; }
#main { }
.main_cp1 { height: 500px; width: 1000px; margin: 0 auto }
.main_cp1_nr { float: left; margin-top: 100px; }
.main_cp1_nr1 { float: left; margin-right: 40px; width: 190px; }
.main_cp1_nr1_tp { width: 190px; height: 190px; background-color: #f5f5f5; border-radius: 190px; text-align: center; }
.main_cp1_nr1_tp:hover { background-color: #ac8046; display: block; cursor: pointer; transition: all 0.1s ease 0.1s; -webkit-transition: all 0.1s ease 0.1s; -moz-transition: all 0.1s ease 0.1s; }
.main_cp1_nr1_bt { text-align: center; font-size: 20px; color: #333333; margin-top: 45px; }
.main_cp1_nr1_nr { text-align: center; font-size: 14px; color: #666666; margin-top: 15px; }
.main_cp1_nr2 { float: left; margin-right: 40px; width: 190px; margin-left: 40px; }
.main_cp1_nr3 { float: left; margin-right: 40px; width: 190px; margin-left: 40px; }
.main_cp1_nr4 { float: left; width: 190px; margin-left: 40px; }
 @-webkit-keyframes index_dh1 { 16.65% {
 -webkit-transform: translateY(8px);
 transform: translateY(8px);
}

 33.3% {
 -webkit-transform: translateY(-6px);
 transform: translateY(-6px);
}
 49.95% {
 -webkit-transform: translateY(4px);
 transform: translateY(4px);
}
 66.6% {
 -webkit-transform: translateY(-2px);
 transform: translateY(-2px);
}
 83.25% {
 -webkit-transform: translateY(1px);
 transform: translateY(1px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
@keyframes index_dh1 { 16.65% {
 -webkit-transform: translateY(8px);
 transform: translateY(8px);
}
 33.3% {
 -webkit-transform: translateY(-6px);
 transform: translateY(-6px);
}
 49.95% {
 -webkit-transform: translateY(4px);
 transform: translateY(4px);
}
 66.6% {
 -webkit-transform: translateY(-2px);
 transform: translateY(-2px);
}
 83.25% {
 -webkit-transform: translateY(1px);
 transform: translateY(1px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
.index_dh1:hover, .index_dh1:focus, .index_dh1:active { -webkit-animation-name: index_dh1; animation-name: index_dh1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
 @-webkit-keyframes index_dh2 { 16.65% {
 -webkit-transform: translateY(8px);
 transform: translateY(8px);
}
 33.3% {
 -webkit-transform: translateY(-6px);
 transform: translateY(-6px);
}
 49.95% {
 -webkit-transform: translateY(4px);
 transform: translateY(4px);
}
 66.6% {
 -webkit-transform: translateY(-2px);
 transform: translateY(-2px);
}
 83.25% {
 -webkit-transform: translateY(1px);
 transform: translateY(1px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
@keyframes index_dh2 { 16.65% {
 -webkit-transform: translateY(8px);
 transform: translateY(8px);
}
 33.3% {
 -webkit-transform: translateY(-6px);
 transform: translateY(-6px);
}
 49.95% {
 -webkit-transform: translateY(4px);
 transform: translateY(4px);
}
 66.6% {
 -webkit-transform: translateY(-2px);
 transform: translateY(-2px);
}
 83.25% {
 -webkit-transform: translateY(1px);
 transform: translateY(1px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
.index_dh2:hover, .index_dh2:focus, .index_dh2:active { -webkit-animation-name: index_dh2; animation-name: index_dh2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
 @-webkit-keyframes index_dh3 { 16.65% {
 -webkit-transform: translateY(8px);
 transform: translateY(8px);
}
 33.3% {
 -webkit-transform: translateY(-6px);
 transform: translateY(-6px);
}
 49.95% {
 -webkit-transform: translateY(4px);
 transform: translateY(4px);
}
 66.6% {
 -webkit-transform: translateY(-2px);
 transform: translateY(-2px);
}
 83.25% {
 -webkit-transform: translateY(1px);
 transform: translateY(1px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
@keyframes index_dh3 { 16.65% {
 -webkit-transform: translateY(8px);
 transform: translateY(8px);
}
 33.3% {
 -webkit-transform: translateY(-6px);
 transform: translateY(-6px);
}
 49.95% {
 -webkit-transform: translateY(4px);
 transform: translateY(4px);
}
 66.6% {
 -webkit-transform: translateY(-2px);
 transform: translateY(-2px);
}
 83.25% {
 -webkit-transform: translateY(1px);
 transform: translateY(1px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
.index_dh3:hover, .index_dh3:focus, .index_dh3:active { -webkit-animation-name: index_dh3; animation-name: index_dh3; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
 @-webkit-keyframes index_dh4 { 16.65% {
 -webkit-transform: translateY(8px);
 transform: translateY(8px);
}
 33.3% {
 -webkit-transform: translateY(-6px);
 transform: translateY(-6px);
}
 49.95% {
 -webkit-transform: translateY(4px);
 transform: translateY(4px);
}
 66.6% {
 -webkit-transform: translateY(-2px);
 transform: translateY(-2px);
}
 83.25% {
 -webkit-transform: translateY(1px);
 transform: translateY(1px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
@keyframes index_dh4 { 16.65% {
 -webkit-transform: translateY(8px);
 transform: translateY(8px);
}
 33.3% {
 -webkit-transform: translateY(-6px);
 transform: translateY(-6px);
}
 49.95% {
 -webkit-transform: translateY(4px);
 transform: translateY(4px);
}
 66.6% {
 -webkit-transform: translateY(-2px);
 transform: translateY(-2px);
}
 83.25% {
 -webkit-transform: translateY(1px);
 transform: translateY(1px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
.index_dh4:hover, .index_dh4:focus, .index_dh4:active { -webkit-animation-name: index_dh4; animation-name: index_dh4; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
.function-a { height: 630px; background-color: #f5f5f5; position: relative; overflow: hidden; clear: both; }
.index1-text1, .index1-text2, .index1-text3, .index1-text4 { width: 480px; left: 50%; color: #fff; }
.index1-text1, .index1-text2, .index1-text3, .index1-text4 { width: 480px; }
.index1-text1 { top: 275px; font-size: 50px; text-align: right; color: #333333; font-weight: normal }
.index1-text1 a { color: #333333; }
.index1-text1 a:hover { color: #b18247; }
.index1-text2 { top: 360px; color: #666666; font-size: 30px; text-align: right; }
.index1-text3 { top: 472px; color: #666666; font-size: 14px; text-align: right; }
.index1-text4 { top: 525px; color: #666666; font-size: 14px; text-align: right; }
.index1-text4 a { padding-right: 18px; color: #666666; background-image: url(/official/temp/default/images/index_30.png); background-repeat: no-repeat; background-position: right; }
.index1-text4 a:hover { color: #b18247; background-image: url(/official/temp/default/images/index_31.png); background-repeat: no-repeat; background-position: right; padding-right: 33px; }
.index1-text1, .index1-text2, .index1-text3, .index1-text4, .index1-tp1 { display: none; position: absolute; z-index: 22; }
.index1-tp1 { width: 100%; height: 600px; z-index: 100; background: url(/official/temp/default/images/index_27.jpg) no-repeat center top; display: none; left: 0%; bottom: 120px; overflow: hidden; z-index: 21; }
.ka-animate1 { animation-name: ka1; animation: ka1 0.5s alternate; -moz-animation: ka1 0.5s alternate; -webkit-animation: ka1 0.5s alternate; }
@keyframes ka1 { 0% {
top:165px;
opacity:0;
}
100% {
top:275px;
opacity:1;
}
}
@-webkit-keyframes ka1 { 0% {
top:165px;
opacity:0;
}
100% {
top:275px;
opacity:1;
}
}
@-moz-keyframes ka1 { 0% {
top:165px;
opacity:0;
}
100% {
top:275px;
opacity:1;
}
}
.ka-animate2 { animation-name: ka2; animation: ka2 0.5s alternate; -moz-animation: ka2 0.5s alternate; -webkit-animation: ka2 0.5s alternate; }
@keyframes ka2 { 0% {
left:80%;
opacity:0;
}
100% {
left:50%;
opacity:1;
}
}
@-webkit-keyframes ka2 { 0% {
left:80%;
opacity:0;
}
100% {
left:50%;
opacity:1;
}
}
@-moz-keyframes ka2 { 0% {
left:80%;
opacity:0;
}
100% {
left:50%;
opacity:1;
}
}
.ka-animate3 { animation-name: ka3; animation: ka3 1.5s alternate; -moz-animation: ka3 1.5s alternate; -webkit-animation: ka3 1.5s alternate; }
@keyframes ka3 { 0% {
left:80%;
opacity:0;
}
100% {
left:50%;
opacity:1;
}
}
@-webkit-keyframes ka3 { 0% {
left:80%;
opacity:0;
}
100% {
left:50%;
opacity:1;
}
}
@-moz-keyframes ka3 { 0% {
left:80%;
opacity:0;
}
100% {
left:50%;
opacity:1;
}
}
.ka-animate4 { animation-name: ka4; animation: ka4 1.5s alternate; -moz-animation: ka4 1.5s alternate; -webkit-animation: ka4 1.5s alternate; }
@keyframes ka4 { 0% {
top:555px;
opacity:0;
}
100% {
top:525px;
opacity:1;
}
}
@-webkit-keyframes ka4 { 0% {
top:555px;
opacity:0;
}
100% {
top:525px;
opacity:1;
}
}
}
@-moz-keyframes ka4 { 0% {
top:555px;
opacity:0;
}
100% {
top:525px;
opacity:1;
}
}
.ka-animate5 { animation-name: ka5; animation: ka5 0.5s alternate; -moz-animation: ka5 0.5s alternate; -webkit-animation: ka5 0.5s alternate; }
 @keyframes ka5 { from {
left:-20%;
opacity:0;
}
to { left: 0%; opacity: 1; }
}
@-webkit-keyframes ka5 { from {
left:-20%;
opacity:0;
}
to { left: 0%; opacity: 1; }
}
@-moz-keyframes ka5 { from {
left:-20%;
opacity:0;
}
to { left: 0%; opacity: 1; }
}
.function-b { height: 630px; background-color: #ffffff; position: relative; overflow: hidden; clear: both; }
.index2-text1, .index2-text2, .index2-text3, .index2-text4 { width: 480px; right: 51%; color: #fff; }
.index2-text1, .index2-text2, .index2-text3, .index2-text4 { width: 480px; }
.index2-text1 { top: 275px; font-size: 50px; text-align: left; color: #333333; font-weight: normal }
.index2-text1 a { color: #333333; }
.index2-text1 a:hover { color: #b18247; }
.index2-text2 { top: 360px; color: #666666; font-size: 30px; text-align: left; }
.index2-text3 { top: 472px; color: #666666; font-size: 14px; text-align: left; }
.index2-text4 { top: 525px; color: #666666; font-size: 14px; text-align: left; }
.index2-text4 a { color: #666666; background-image: url(/official/temp/default/images/index_30.png); background-repeat: no-repeat; background-position: 87px; float: left; width: 290px; }
.index2-text4 a:hover { color: #b18247; background-image: url(/official/temp/default/images/index_31.png); background-repeat: no-repeat; background-position: 87px; float: left; width: 290px; }
.index2-text1, .index2-text2, .index2-text3, .index2-text4, .index2-tp1 { display: none; position: absolute; z-index: 22; }
.index2-tp1 { width: 100%; height: 630px; right: 0%; z-index: 100; background: url(/official/temp/default/images/index_35.png) no-repeat center top; display: none; bottom: 0px; overflow: hidden; z-index: 21; }
.kb-animate1 { animation-name: kb1; animation: kb1 0.5s alternate; -moz-animation: kb1 0.5s alternate; -webkit-animation: kb1 0.5s alternate; }
@keyframes kb1 { 0% {
top:165px;
opacity:0;
}
100% {
top:275px;
opacity:1;
}
}
@-webkit-keyframes kb1 { 0% {
top:165px;
opacity:0;
}
100% {
top:275px;
opacity:1;
}
}
@-moz-keyframes kb1 { 0% {
top:165px;
opacity:0;
}
100% {
top:275px;
opacity:1;
}
}
.kb-animate2 { animation-name: kb2; animation: kb2 0.5s alternate; -moz-animation: kb2 0.5s alternate; -webkit-animation: kb2 0.5s alternate; }
@keyframes kb2 { 0% {
right:80%;
opacity:0;
}
100% {
right:51%;
opacity:1;
}
}
@-webkit-keyframes kb2 { 0% {
right:80%;
opacity:0;
}
100% {
right:51%;
opacity:1;
}
}
@-moz-keyframes kb2 { 0% {
right:80%;
opacity:0;
}
100% {
right:51%;
opacity:1;
}
}
.kb-animate3 { animation-name: kb3; animation: kb3 1.5s alternate; -moz-animation: kb3 1.5s alternate; -webkit-animation: kb3 1.5s alternate; }
@keyframes kb3 { 0% {
right:80%;
opacity:0;
}
100% {
right:51%;
opacity:1;
}
}
@-webkit-keyframes kb3 { 0% {
right:80%;
 opacity:0;
}
100% {
right:51%;
opacity:1;
}
}
@-moz-keyframes kb3 { 0% {
right:80%;
opacity:0;
}
100% {
right:51%;
opacity:1;
}
}
.kb-animate4 { animation-name: kb4; animation: kb4 1.5s alternate; -moz-animation: kb4 1.5s alternate; -webkit-animation: kb4 1.5s alternate; }
@keyframes kb4 { 0% {
top:585px;
opacity:0;
}
100% {
top:525px;
opacity:1;
}
}
@-webkit-keyframes kb4 { 0% {
top:585px;
opacity:0;
}
100% {
top:525px;
opacity:1;
}
}
}
@-moz-keyframes kb4 { 0% {
top:585px;
opacity:0;
}
100% {
top:525px;
opacity:1;
}
}
.kb-animate5 { animation-name: kb5; animation: kb5 0.5s alternate; -moz-animation: kb5 0.5s alternate; -webkit-animation: kb5 0.5s alternate; }
 @keyframes kb5 { from {
right:-20%;
opacity:0;
}
to { right: 0%; opacity: 1; }
}
@-webkit-keyframes kb5 { from {
right:-20%;
opacity:0;
}
to { right: 0%; opacity: 1; }
}
@-moz-keyframes kb5 { from {
right:-20%;
opacity:0;
}
to { right: 0%; opacity: 1; }
}

.function-c { height: 630px; background-color: #f5f5f5; position: relative; overflow: hidden; clear: both; }
.index3-text1, .index3-text2, .index3-text3, .index3-text4 { width: 480px; left: 50%; color: #fff; }
.index3-text1, .index3-text2, .index3-text3, .index3-text4 { width: 480px; }
.index3-text1 { top: 275px; font-size: 50px; text-align: right; color: #333333; font-weight: normal }
.index3-text1 a { color: #333333; }
.index3-text1 a:hover { color: #b18247; }
.index3-text2 { top: 360px; color: #666666; font-size: 30px; text-align: right; }
.index3-text3 { top: 472px; color: #666666; font-size: 14px; text-align: right; }
.index3-text4 { top: 525px; color: #666666; font-size: 14px; text-align: right; }
.index3-text4 a { padding-right: 18px; color: #666666; background-image: url(/official/temp/default/images/index_30.png); background-repeat: no-repeat; background-position: right; }
.index3-text4 a:hover { color: #b18247; background-image: url(/official/temp/default/images/index_31.png); background-repeat: no-repeat; background-position: right; padding-right: 33px; }
.index3-text1, .index3-text2, .index3-text3, .index3-text4, .index3-tp1 { display: none; position: absolute; z-index: 22; }
.index3-tp1 { width: 100%; height: 600px; z-index: 100; background: url(/official/temp/default/images/index_27.jpg) no-repeat center top; display: none; left: 0%; bottom: 120px; overflow: hidden; z-index: 21; }
.ka-animate1 { animation-name: ka1; animation: ka1 0.5s alternate; -moz-animation: ka1 0.5s alternate; -webkit-animation: ka1 0.5s alternate; }

.function-d { height: 630px; background-color: #ffffff; position: relative; overflow: hidden; clear: both; }
.index4-text1, .index4-text2, .index4-text3, .index4-text4 { width: 480px; right: 51%; color: #fff; }
.index4-text1, .index4-text2, .index4-text3, .index4-text4 { width: 480px; }
.index4-text1 { top: 275px; font-size: 50px; text-align: left; color: #333333; font-weight: normal }
.index4-text1 a { color: #333333; }
.index4-text1 a:hover { color: #b18247; }
.index4-text2 { top: 360px; color: #666666; font-size: 30px; text-align: left; }
.index4-text3 { top: 472px; color: #666666; font-size: 14px; text-align: left; }
.index4-text4 { top: 525px; color: #666666; font-size: 14px; text-align: left; }
.index4-text4 a { color: #666666; background-image: url(/official/temp/default/images/index_30.png); background-repeat: no-repeat; background-position: 87px; float: left; width: 290px; }
.index4-text4 a:hover { color: #b18247; background-image: url(/official/temp/default/images/index_31.png); background-repeat: no-repeat; background-position: 87px; float: left; width: 290px; }
.index4-text1, .index4-text2, .index4-text3, .index4-text4, .index4-tp1 { display: none; position: absolute; z-index: 22; }
.index4-tp1 { width: 100%; height: 630px; right: 0%; z-index: 100; background: url(/official/temp/default/images/index_35.png) no-repeat center top; display: none; bottom: 0px; overflow: hidden; z-index: 21; }
.kb-animate1 { animation-name: kb1; animation: kb1 0.5s alternate; -moz-animation: kb1 0.5s alternate; -webkit-animation: kb1 0.5s alternate; }

.function-hangye { background-color: #f5f5f5; position: relative; clear: both;padding: 40px 20px 30px 20px;overflow: hidden; height:420px; }
.function-hangye_list { width: 100% !important; margin: 0 auto;background: #f6f6f6;}
.function-hangye .row{ margin:40px 0px 10px 0px;  text-align: center; color: #333333; font-size: 40px;}
.function-hangye ul.ulrow{margin:30px auto; width: 1050px; text-align:center;}
.function-hangye ul li {
    width: 250px;
    margin:5px;
    background:#fff;
    min-height:1px;
    float:left;
}
.function-hangye ul li img
{
    width: 250px;
}
.function-hangye ul li h4
{
 text-align:center;   
 height:50px;
 line-height:50px;
 
}


.function-xiangmu { position: relative; clear: both;padding: 40px 20px 30px 20px;overflow: hidden; height:420px; }
.function-xiangmu_list { width: 100% !important; margin: 0 auto;}
.function-xiangmu .row{ margin:40px 0px 10px 0px;  text-align: center; color: #333333; font-size: 40px;}
.function-xiangmu ul.ulrow{margin:30px auto; width: 1050px; text-align:center;}
.function-xiangmu ul li {
    width: 250px;
    margin:5px;
    background:#fff;
    min-height:1px;
    float:left;
}
.function-xiangmu ul li img
{
    width: 250px;
}
.function-xiangmu ul li h4
{
    text-align:center;   
    height:50px;
    background:#f5f5f5;
    line-height:50px;
}

.function-patent { background-color: #f5f5f5; position: relative; clear: both;padding: 40px 20px 30px 20px;overflow: hidden; height:620px; }
.function-patent_list { width: 100% !important; margin: 0 auto;background: #f6f6f6;}
.function-patent .row{ margin:40px 0px 10px 0px;  text-align: center; color: #333333; font-size: 40px;}
.function-patent ul.ulrow{margin:30px auto; width: 1050px; text-align:center; }
.function-patent ul li {
    width: 155px;
    margin:5px;
    background:#f5f5f5;
    min-height:1px;
    float:left;
    text-align:center;
}
.function-patent ul li img {
    width: 155px;
    border:2px solid #774b18;
    height:210px;
    border-radius: 4px;
}

.function-patentall { position: relative; clear: both;padding: 40px 20px 30px 20px;overflow: hidden; height:820px; }
.function-patentall_list { width: 100% !important; margin: 0 auto;background: #f6f6f6;}
.function-patentall .row{ margin:40px 0px 10px 0px;  text-align: center; color: #333333; font-size: 40px;}
.function-patentall ul.ulrow{margin:30px auto; width: 1050px; text-align:center; }
.function-patentall ul li {
    width: 155px;
    margin:5px;
    min-height:1px;
    float:left;
    text-align:center;
}
.function-patentall ul li img {
    width: 155px;
    border:2px solid #774b18;
    height:210px;
    border-radius: 4px;
}
.page-position 
{
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    background: #f5f5f5;
    margin-bottom:50px;
}
.page-position .plocation
{
    margin:0px auto;width:1025px;
    text-align:left;
}
.page-position a {
    text-decoration: none;
    color: #666;    cursor: pointer;
    font-size:16px;
}

.industry { background-color: #f5f5f5; position: relative; clear: both;padding: 20px 20px 40px 20px;overflow: hidden;  }
.industry_list { width: 100% !important; margin: 0 auto;background: #f6f6f6;}
.industry .row{ margin:40px 0px 10px 0px;  text-align: center; color: #333333; font-size: 40px;}
.industry ul.ulrow{margin:30px auto; width: 1050px; text-align:center;}
.industry ul li {
    width: 320px;
    margin:5px;
    background:#fff;
    min-height:1px;
    float:left;
}
.industry ul li h4
{
 text-align:center;   
 height:50px;
 line-height:50px;
 
}
.function_news { background-color: #fff; width: 100%;position: relative; clear: both; padding: 20px 20px 40px 20px;overflow: hidden;}
.function_news .row{ margin:40px 0px 10px 0px;  text-align: center; color: #333333; font-size: 40px;}
.function_news .wrap {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    z-index: 1;
}
.function_news li {
    padding: 35px 0;
    border-bottom: 1px solid #dbdbdb;
    position: relative;
    height:185px;
    overflow:hidden;
}
.function_news li img {
    float: left;
    width: 300px;
    height: 180px;
    margin-right: 50px;
}
.function_news p.title {
    font-size: 22px;
    line-height: 45px;
    height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.function_news p.info {
    line-height: 30px;
    padding-top: 10px;
    font-size: 16px;
    color: #626262;
    height: 90px;
    overflow: hidden;
    margin-bottom:14px;
}
.function_news a.news_a {
    border: 1px solid #eeeeee;
    padding: 6px 29px;
    border-radius: 40px;
}
.function_news .news_a:hover {
     background:#b08247;
     color:#fff;
    border: 0px solid #eeeeee;
}
.function_news p.info span {
    float: right;
    border: 1px solid #dbdbdb;
    background: url(/official/temp/default/images/ntime.png) no-repeat center 14px;
    height: 30px;
    width: 85px;
    padding-top: 35px;
    font-size: 12px;
    text-align: center;
    border-radius: 4px;
    margin: 10px 0 0 35px;
}

.function_news_gray { background-color: #f5f5f5; width: 100%;position: relative; clear: both; padding: 20px 20px 40px 20px;overflow: hidden;}
.function_news_gray .row{ margin:40px 0px 10px 0px;  text-align: center; color: #333333; font-size: 40px;}
.function_news_gray .wrap {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    z-index: 1;
}
.function_news_gray li {
    padding: 35px 0;
    border-bottom: 0px solid #dbdbdb;
    position: relative;
    height:185px;
    overflow:hidden;
}
.function_news_gray li img {
    float: left;
    width: 320px;
    height: 180px;
    margin-right: 30px;
}
.function_news_gray p.title {
    font-size: 22px;
    line-height: 35px;
    height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.function_news_gray p.info {
    line-height: 30px;
    padding-top: 5px;
    font-size: 16px;
    color: #626262;
    height: 90px;
    overflow: hidden;
}
.function_news_gray p.info span {
    float: right;
    border: 1px solid #dbdbdb;
    background: url(/official/temp/default/images/ntime.png) no-repeat center 14px;
    height: 30px;
    background-color:#fff;
    width: 85px;
    padding-top: 35px;
    font-size: 12px;
    text-align: center;
    border-radius: 4px;
    margin: 10px 0 0 35px;
}


.function_news_nav{ background-color: #fff; width: 100%;position: relative; clear: both; padding: 20px 20px 0px 20px;overflow: hidden;
}
.function_news_nav .wrap {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    z-index: 1;
}
.news-nav 
{
    float:right;
    margin-right: 6px;
    text-align: center;
    font-size: 16px;
}
.news-nav ul.news-column {
    display: block;
    background: #f5f5f5;
    height: 50px;
}
.news-nav .news-column li {
    line-height: 50px;
    float: left;
    display: list-item;
    text-align: left;
}

.news-nav .news-column li a {
    padding-left: 35px;
    padding-right: 15px;
    text-indent: 10px;
    display: block;
}
.news-nav li a:hover, .news-nav li.active a {
    color: #be8247;
}
.function_news_hot{background-color: #fff; width: 100%;position: relative; clear: both; padding: 20px 20px 10px 20px;overflow: hidden;}
.function_news_hot .wrap {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    z-index: 1;
    border-bottom: 1px solid #dbdbdb;
}
.function_news_hot p.bimg {
    width: 100%;
    height: 258px;
    overflow: hidden;
    display: block;
    margin-bottom: 15px;
}
.function_news_hot p.title {
    font-size: 22px;
    line-height: 35px;
    height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.function_news_hot p.title span {
    color: #fff;
    display: inline-block;
    background: #e63520;
    padding: 0 8px;
    border-radius: 4px;
    margin-right: 10px;
    font-size: 20px;
}
.function_news_hot a, .function_news_hot a:link, .function_news_hot a:visited {
    color: #484848;
    text-decoration: none;
}
.function_news_hot p.info {
    line-height: 30px;
    padding-top: 5px;
    font-size: 16px;
    color: #626262;
    height: 90px;
    overflow: hidden;
}
.function_news_hot p.info span {
    float: right;
    border: 1px solid #dbdbdb;
    background: url(/official/temp/default/images/ntime.png) no-repeat center 14px;
    height: 30px;
    width: 85px;
    padding-top: 35px;
    font-size: 12px;
    text-align: center;
    border-radius: 4px;
    margin: 10px 0 0 35px;
}

.function_news_info { background-color: #fff; width: 100%;position: relative; clear: both; padding: 10px 20px 40px 20px;overflow: hidden;}
.function_news_info .wrap {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    z-index: 1;
}
.function_news_info .content-left {
    width: 73%;
}
.function_news_info .content-right {
    width: 23%;
}
.function_news_info .fl {
    float: left;
}
.function_news_info .fr {
    float: right;
}
.function_news_info .article-body h1 {
    border-top: 2px solid #c39c6b;
    line-height: 50px;
    padding: 10px 0;
    font-size: 24px;
    border-bottom: 1px solid #dbdbdb;
}
.function_news_info .article-body ul li{ line-height:45px; height:45px; font-size:14px;}
.function_news_info .article-body p {
    line-height: 26px;
    padding-bottom: 15px;
    font-size: 16px;
    color: #626262;
    text-indent: 2em;
}
.function_news_info .article-body p.pubinfo {
    text-indent: 0;
    font-size: 14px;
    line-height:43px;
}
.function_news_info .article-body .wznr {
    padding: 10px 0px 50px 0px;
    width: 100%;
}

.function_news_info .content-right .activities {
    padding: 20px auto;
    border: 1px solid #797879;
}
.function_news_info .content-right h3 {
    font-size: 14px;
    color: #b48346;
    line-height: 25px;
    padding-top: 10px;
}
.function_news_info .content-right h3 .title {
    font-family: Microsoft Yahei,"","Times New Roman";
    font-size: 22px;
    line-height: 32px;
    -webkit-transition: all 0.6s;
    transition-property: background;
}
.function_news_info .pt25 {
    padding: 10px;
}
.function_news_info .activities li {
    padding: 15px 0px;
    text-align:center;
    border-top: 1px solid #dbdbdb;
}
.function_news_info .activities li a {
    color: #2a2a2a;
}
.function_news_info .activities li a img {
    border-radius: 4px;
}
.function_news_info img.t_block {
    display: block;
    max-width: 100%;
    _width: 100%;
    height: auto;
    margin: 0 auto;
}
.function_news_info .activities li p {
    font-size: 16px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.function_news_info .mt10 {
    margin-top: 10px;
}


.function_news_info .ercode
{
    margin:10px auto;    
    width:200px;
    text-align:center;
    line-height:30px;
}

.function_news_info .ercode img
{
    border:0px;
     width:200px;
     height:200px;   
}

.function_news_info .ercode span
{
    font-size:14px;
    color:#b48346;
}
.soft-list 
{
    margin:20px 0px 40px 0px;
    overflow: hidden;
    padding: 20px 15px 0;
    background-color: #fff;
}

.soft-list .item {
    position: relative;
    overflow: hidden;
    zoom: 1;
    padding: 12px 0 14px 0px;
    border-bottom: 1px dotted #ccc;
}
.soft-list .compare {
    position: absolute;
    left: 0;
    top: 75px;
    padding-left: 20px;
    line-height: 22px;
    cursor: pointer;
}
.soft-list .item .pic {
    _display: inline;
    float: left;
    margin: 8px 0 0 -65px;
    border: 1px solid #eee;
}
.soft-list .soft-header {
    padding: 4px 0;
    zoom: 1;
    overflow: hidden;
    line-height: 24px;
}
.soft-list .soft-header .soft-title {
    font: bold 14px/24px Arial;
}
.soft-list .soft-summary {
    overflow: hidden;
    zoom: 1;
    line-height: 24px;
}
.soft-list .soft-summary .down-link {
    float: right;
    color: #fff;
	background: #a5cd4e; /* Old browsers */
	background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* IE10+ */
	background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* W3C */
	display: inline-block;
    position: relative;
    padding: 0 20px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(255,255,255,.22);
    font: bold 12px/25px Arial, sans-serif;
    border-radius: 6px;
    cursor: pointer;
}

.soft-list .soft-summary .soft-infor {
    overflow: hidden;
    zoom: 1;
    padding: 1px 0 0;
}
.soft-list .text {
    width: 608px;
    height: 24px;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.soft-list .soft-summary span {
    float: left;
    padding: 0 7px 0 0;
    color: #999;
}
/*
.function-d { height: 800px; background-color: #f5f5f5; position: relative; overflow: hidden; clear: both; }
.index4-text1, .index4-text2, .index4-text3, .index4-text4 { width: 480px; left: 50%; color: #fff; }
.index4-text1, .index4-text2, .index4-text3, .index4-text4 { width: 480px; }
.index4-text1 { top: 275px; font-size: 50px; text-align: right; color: #333333; font-weight: normal }
.index4-text1 a { color: #333333; }
.index4-text1 a:hover { color: #b18247; }
.index4-text2 { top: 360px; color: #666666; font-size: 30px; text-align: right; }
.index4-text3 { top: 430px; color: #666666; font-size: 14px; text-align: right; }
.index4-text4 { top: 510px; color: #666666; font-size: 14px; text-align: right; background-image: url(/official/temp/default/images/index_30.png); background-repeat: no-repeat; background-position: right; }
.index4-text4 a { padding-right: 18px; color: #666666; background-image: url(/official/temp/default/images/index_30.png); background-repeat: no-repeat; background-position: right; }
.index4-text4 a:hover { color: #b18247; background-image: url(/official/temp/default/images/index_31.png); background-repeat: no-repeat; background-position: right; padding-right: 33px; }
.index4-text1, .index4-text2, .index4-text3, .index4-text4, .index4-tp1 { display: none; position: absolute; z-index: 22; }
.index4-tp1 { width: 100%; height: 688px; z-index: 100; background: url(/official/temp/default/images/index_39.jpg) no-repeat center top; display: none; left: 0%; bottom: 0px; overflow: hidden; z-index: 21; }
.kc-animate1 { animation-name: kc1; animation: kc1 0.5s alternate; -moz-animation: kc1 0.5s alternate; -webkit-animation: kc1 0.5s alternate; }*/
@keyframes kc1 { 0% {
top:165px;
opacity:0;
}
100% {
top:275px;
opacity:1;
}
}
@-webkit-keyframes kc1 { 0% {
top:165px;
opacity:0;
}
100% {
top:275px;
opacity:1;
}
}
@-moz-keyframes kc1 { 0% {
top:165px;
opacity:0;
}
100% {
top:275px;
opacity:1;
}
}
.kc-animate2 { animation-name: kc2; animation: kc2 0.5s alternate; -moz-animation: kc2 0.5s alternate; -webkit-animation: kc2 0.5s alternate; }
@keyframes kc2 { 0% {
left:80%;
opacity:0;
}
100% {
left:50%;
opacity:1;
}
}
@-webkit-keyframes kc2 { 0% {
left:80%;
opacity:0;
}
100% {
left:50%;
opacity:1;
}
}
@-moz-keyframes kc2 { 0% {
left:80%;
opacity:0;
}
100% {
left:50%;
opacity:1;
}
}
.kc-animate3 { animation-name: kc3; animation: kc3 1.5s alternate; -moz-animation: kc3 1.5s alternate; -webkit-animation: kc3 1.5s alternate; }
@keyframes kc3 { 0% {
left:80%;
opacity:0;
}
100% {
left:50%;
opacity:1;
}
}
@-webkit-keyframes kc3 { 0% {
left:80%;
opacity:0;
}
100% {
left:50%;
opacity:1;
}
}
@-moz-keyframes kc3 { 0% {
left:80%;
opacity:0;
}
100% {
left:50%;
opacity:1;
}
}
.kc-animate4 { animation-name: kc4; animation: kc4 1.5s alternate; -moz-animation: kc4 1.5s alternate; -webkit-animation: kc4 1.5s alternate; }
@keyframes kc4 { 0% {
top:555px;
opacity:0;
}
100% {
top:510px;
opacity:1;
}
}
@-webkit-keyframes kc4 { 0% {
top:555px;
opacity:0;
}
100% {
top:510px;
opacity:1;
}
}
}
@-moz-keyframes kc4 { 0% {
top:555px;
opacity:0;
}
100% {
top:510px;
opacity:1;
}
}
.kc-animate5 { animation-name: kc5; animation: kc5 0.5s alternate; -moz-animation: kc5 0.5s alternate; -webkit-animation: kc5 0.5s alternate; }
 @keyframes kc5 { from {
left:-20%;
opacity:0;
}
to { left: 0%; opacity: 1; }
}
@-webkit-keyframes kc5 { from {
left:-20%;
opacity:0;
}
to { left: 0%; opacity: 1; }
}
@-moz-keyframes kc5 { from {
left:-20%;
opacity:0;
}
to { left: 0%; opacity: 1; }
}
#hezuo_hz { background-color: #fff; width: 100% }
#hezuo {  margin: 0 auto; width: 1000px;  }
.hezuo_bt { text-align: center; color: #333333; font-size: 40px; padding-top: 80px; }
.hezuo_nr { float: left; margin-top: 50px;padding-bottom:80px; }
.hezuo_nr img { width: 190px; height: 60px; margin-top: 10px; margin-left: 5px; margin-right: 5px; }
#footer { height: 385px; background-color: #2b2c32; }
.footer_nr { margin: 0 auto; width: 1000px; padding-top: 50px; }
.footer_nr_lx { float: left; color: #FFF; font-size: 12px; width: 290px; }
.footer_nr_lx h2 { color: #FFF; font-size: 18px; font-weight: normal; margin-top: 8px; }
.footer_nr_lx_nr { float: left; color: #FFF; font-size: 12px; margin-top: 12px; line-height: 26px; }
.footer_nr_lx_nr ul { float: left; }
.footer_nr_lx_nr li a { color: #FFF; }
.footer_nr_lx_nr li a:hover { color: #b18247; }
.footer_nr_lx1 { float: left; color: #FFF; font-size: 12px; width: 140px; margin-left: 25px; margin-right: 25px; }
.footer_nr_lx1 h2 { color: #FFF; font-size: 18px; font-weight: normal; margin-top: 8px; }
.footer_nr_lx1 h2 a { color: #FFF; }
.footer_nr_lx1 h2 a:hover { color: #b18247; }
.footer_ewm { float: right; margin-top: 8px; }
.footer_ewm img { margin-left: 30px; }
#dibu { background-color: #333333; height: 70px; line-height: 70px; text-align: center; color: #FFF }
#dibu img { vertical-align: middle; margin-right: 5px; }
.qq_lx { position: fixed; right: 8%; top: 50%; z-index: 999 }
.qq_lx img { border-radius: 5px; }
#banner { background-repeat: no-repeat; background-position: center; height: 500px; }
.about_nav { height: 60px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e5e5e5; float: left; width: 100%; background-color: #FFF; position: relative; z-index: 99999 }
.about_nav_nr { margin: 0 auto; width: 1200px; }
.about_nav_1 { float: left; width: 155px; margin-left: 35px; margin-right: 35px }
.about_nav_1 a { float: left; width: 120px; background-repeat: no-repeat; background-position: 15px 19px; font-size: 18px; color: #999999; height: 57px; padding-left: 60px; line-height: 57px; }
.about_nav_1 a:hover { float: left; width: 120px; background-repeat: no-repeat; background-position: 15px 19px; font-size: 18px; color: #b18247; height: 57px; padding-left: 60px; line-height: 57px; }
.about_nav_1 .active a { float: left; width: 120px; background-repeat: no-repeat; background-position: 15px 19px; font-size: 18px; color: #b18247; height: 57px; padding-left: 60px; line-height: 57px; }
.about_nav_2 { float: left; width: 155px; margin-left: 35px; margin-right: 35px }
.about_nav_2 a { float: left; width: 120px; background-repeat: no-repeat; background-position: 15px 19px; font-size: 18px; color: #999999; height: 57px; padding-left: 60px; line-height: 57px; }
.about_nav_2 a:hover { float: left; width: 120px; background-repeat: no-repeat; background-position: 15px 19px; font-size: 18px; color: #b18247; height: 57px; padding-left: 60px; line-height: 57px; }
.about_nav_3 { float: left; width: 155px; margin-left: 35px; margin-right: 35px }
.about_nav_3 a { float: left; width: 120px; background-repeat: no-repeat; background-position: 15px 19px; font-size: 18px; color: #999999; height: 57px; padding-left: 60px; line-height: 57px; }
.about_nav_3 a:hover { float: left; width: 120px; background-repeat: no-repeat; background-position: 15px 19px; font-size: 18px; color: #b18247; height: 57px; padding-left: 60px; line-height: 57px; }
.about_nav_4 { float: left; width: 155px; margin-left: 35px; margin-right: 35px }
.about_nav_4 a { float: left; width: 120px; background-repeat: no-repeat; background-position: 15px 19px; font-size: 18px; color: #999999; height: 57px; padding-left: 60px; line-height: 57px; }
.about_nav_4 a:hover { float: left; width: 120px; background-repeat: no-repeat; background-position: 15px 19px; font-size: 18px; color: #b18247; height: 57px; padding-left: 60px; line-height: 57px; }
.about_nav_5 { float: left; width: 155px; margin-left: 35px; margin-right: 35px }
.about_nav_5 a { float: left; width: 120px; background-repeat: no-repeat; background-position: 15px 19px; font-size: 18px; color: #999999; height: 57px; padding-left: 60px; line-height: 57px; }
.about_nav_5 a:hover { float: left; width: 120px; background-repeat: no-repeat; background-position: 15px 19px; font-size: 18px; color: #b18247; height: 57px; padding-left: 60px; line-height: 57px; }
.about_nav_nr .active .about_nav_11 { float: left; width: 120px; background-repeat: no-repeat; background-position: 15px 19px; font-size: 18px; color: #b18247; height: 57px; padding-left: 60px; line-height: 57px; }
.about_nav_nr .active .about_nav_22 { float: left; width: 120px; background-repeat: no-repeat; background-position: 15px 19px; font-size: 18px; color: #b18247; height: 57px; padding-left: 60px; line-height: 57px; }
.about_nav_nr .active .about_nav_33 { float: left; width: 120px; background-repeat: no-repeat; background-position: 15px 19px; font-size: 18px; color: #b18247; height: 57px; padding-left: 60px; line-height: 57px; }
.about_nav_nr .active .about_nav_44 { float: left; width: 120px; background-repeat: no-repeat; background-position: 15px 19px; font-size: 18px; color: #b18247; height: 57px; padding-left: 60px; line-height: 57px; }
.about_nav_nr .active .about_nav_55 { float: left; width: 120px; background-repeat: no-repeat; background-position: 15px 19px; font-size: 18px; color: #b18247; height: 57px; padding-left: 60px; line-height: 57px; }
#main1 { }/* background-image: url(/official/temp/default/images/about_20.jpg);*/
.about { width: 1000px; margin: 0 auto; height: 800px; padding-top: 70px; }
.about_bt { float: left; margin-top: 30px; width: 1000px; text-align: center; color: #2b2c32; font-size: 32px; }
.about_nr { float: left; margin-top: 60px; color: #666; font-size: 14px; width: 1000px; }
.zizhi_zz { width: 100%; height: 800px; background-color: #eeeeee }
.jiaru_zz { width: 100%; background-color: #eeeeee; padding-bottom: 100px; float: left }
.jiaru { width: 1000px; margin: 0 auto; }
.zizhi { width: 1000px; margin: 0 auto; }
.zizhi_bt { float: left; margin-top: 130px; width: 1000px; text-align: center; color: #2b2c32; font-size: 32px; }
.zizhi_bt1 { float: left; margin-top: 20px; width: 1000px; text-align: center; color: #666666; font-size: 20px; }
.zizhi_nr { float: left; margin-top: 75px; width: 1000px; }
.zizhi_nr_lf { float: left; margin-left: 188px; margin-top: 25px; }
.zizhi_nr_rg { float: left; margin-left: 50px; width: 430px; line-height: 30px; color: #666666; font-size: 12px }
.zizhi_nr_rg h2 { margin-bottom: 3px; font-size: 18px; font-weight: normal; margin-top: 25px; }
.news { width: 1083px; margin: 0 auto; }
.news_nr { float: left; margin-top: 75px; margin-bottom: 80px; }
.news_nr_xx { float: left; margin-top: 30px; height: 445px; width: 261px; margin-left: 50px; margin-right: 50px; }
.news_nr_xx_tp { float: left; }
.news_nr_xx_tp img { width: 261px; height: 261px; border-radius: 261px; }
.news_nr_xx_wz { margin-top: 15px; text-align: center; font-size: 24px; color: #666666; line-height: 36px; float:left }
.news_nr_xx a { color: #666666; }
.news_nr_xx a:hover { color: #b18247; }

.news_nr_xx_new { float: left; height: 339px; width: 298px; margin: 0px 1px; }
.news_nr_xx_new_tp {width: 208px;
    height: 208px;
    margin: 45px 0px 0px 45px;}
.news_nr_xx_new_tp img { width: 200px; height: 200px; }
.news_nr_xx_new_wz { margin-top: 15px; width:100%; text-align: center; font-size: 16px; color: #666666; line-height: 36px; float:left }
.news_nr_xx_new a { color: #666666; }
.news_nr_xx_new a:hover { color: #b18247; }

.news_more { width: 1083px; margin-top: 50px; float: left }
.news_more a { width: 150px; height: 46px; text-align: center; color: #b18247; font-size: 14px; line-height: 46px; border: 1px solid #b18247; display: block; float: left; border-radius: 6px; margin-left: 466px; }
.news_more a:hover { width: 150px; height: 46px; text-align: center; color: #b18247; font-size: 14px; line-height: 46px; border: 1px solid #b18247; display: block; float: left; border-radius: 6px; margin-left: 466px; background-color: #b18247; color: #FFF }
.jiaru_nr { float: left; margin-top: 75px; width: 1000px; background-color: #FFF; border: 1px solid #CCC; }
.jiaru_nr_xx { margin: 10px; }
.jiaru_nr_bt { background-color: #b18247; color: #f5f5f5; font-size: 18px; height: 40px; line-height: 40px; }
.jiaru_nr_lb { color: #666; font-size: 18px; height: 50px; line-height: 50px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #b18247; }
.jiaru_nr_bt tr td, .jiaru_nr_lb tr td { padding-left:10px; }
.jiaru_nr_xx a .jiaru_nr_lb tr td { color: #666;}
.jiaru_nr_xx a .jiaru_nr_lb tr td:hover { color: #b18247; }
.jiaru_nr_lb_xx { background-color: #f9f9f9; font-size: 12px; line-height: 24px; padding-top: 15px; padding-bottom: 15px; }
.intro_cxcp_nr_fy { text-align: center; margin-top: 60px; margin-bottom: 0px; width: 1083px; float: left; }
.intro_cxcp_nr_fy a { border: 1px solid #DBDBDB; margin-right: 6px; margin-left: 6px; padding-right: 9px; padding-bottom: 6px; padding-left: 9px; font-size: 14px; color: #999; padding-top: 6px; }
.intro_cxcp_nr_fy a:hover { background-color: #b18247; color: #FFF; }
.intro_cxcp_nr_fy .guding { background-color: #b18247; color: #FFF; }
.anlishu { background-color: #b18247; height: 220px; color: #FFF }
.anlishu_nr { width: 1050px; margin: 0 auto }
.anlishu_nr_xx1 { float: left; color: #FFF; font-size: 30px; text-align: center; margin-top: 38px; width: 350px; }
.anlishu_nr_xx1 span { color: #FFF; font-size: 70px; text-align: center; }
.anlishu_nr_xx1 i { color: #FFF; font-size: 70px; font-style: normal; }
.anlishu_nr_xx2 { float: left; color: #FFF; font-size: 30px; text-align: center; margin-top: 38px; width: 350px; }
.anlishu_nr_xx2 span { color: #FFF; font-size: 70px; text-align: center; }
.anlishu_nr_xx2 i { color: #FFF; font-size: 70px; font-style: normal; }
.anlishu_nr_xx3 { float: left; color: #FFF; font-size: 30px; text-align: center; margin-top: 38px; width: 350px; }
.anlishu_nr_xx3 span { color: #FFF; font-size: 70px; text-align: center; }
.anlishu_nr_xx3 i { color: #FFF; font-size: 70px; font-style: normal; }
.anli { width: 1230px; margin: 0 auto; }
.anli_bt { float: left; margin: 60px 0px 20px 0px; width: 1230px; text-align: center; color: #2b2c32; font-size: 50px; }
.anli_nr { float: left; margin-left: 5px; margin-right: 5px; margin-top: 20px; cursor: pointer; position: relative }
.anli_nr img { width: 290px; height: 200px; }
.anli_nr span { position: absolute; float: left; left: 0px; top: 0px; background-image: url(/official/temp/default/images/tm.png); z-index: 99; width: 290px; height: 180px; text-align: center; line-height: 35px; font-size: 16px; color: #fff; padding-top: 15px; padding-bottom: 5px; display: none; transition: all 5s ease 5s; -webkit-transition: all 5s ease 5s; -moz-transition: all 5s ease 5s; }
.anli_nr span img { width: 128px; height: 128px; }
.anli_nr:hover span { display: block; transition: all 5s ease 5s; -webkit-transition: all 5s ease 5s; -moz-transition: all 5s ease 5s; }
#main2 { width: 1000px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; background-color: #FFF; border-radius: 5px; }
.xiangqing { float: left }
.xiangqing_bt { float: left; text-align: center; margin-top: 50px; width: 1000px; font-size: 46px; color: #333333; }
.xiangqing_nr { color: #333333; font-size: 16px; float: left; width: 880px; line-height: 26px; padding-top: 40px; padding-right: 60px; padding-bottom: 60px; padding-left: 60px; }
.xiangqing_nr img { min-width: 880px !important; }
.hzfa_nav { height: 69px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e5e5e5; float: left; width: 100%; background-color: #FFF; position: relative; z-index: 99999 }
.hzfa_nav_nr { margin: 0 auto; width: 1150px; }
.hzfa_nav_1 { float: left; width: 180px; margin-left: 103px; margin-right: 103px }
.hzfa_nav_1 a { float: left; background-image: url(../images/xmfa1.png); background-repeat: no-repeat; background-position: 15px 16px; font-size: 22px; color: #999999; height: 68px; padding-left: 60px; line-height: 67px; padding-right: 30px }
.hzfa_nav_1 a:hover { float: left; background-image: url(../images/xmfa1_1.png); background-repeat: no-repeat; background-position: 15px 16px; font-size: 22px; color: #b18247; height: 68px; padding-left: 60px; line-height: 67px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #b18247; padding-right: 30px }
.hzfa_nav_2 { float: left; width: 180px; margin-left: 101px; margin-right: 101px }
.hzfa_nav_2 a { float: left; background-image: url(../images/jsys1.png); background-repeat: no-repeat; background-position: 15px 16px; font-size: 22px; color: #999999; height: 68px; padding-left: 60px; line-height: 67px; padding-right: 30px }
.hzfa_nav_2 a:hover { float: left; background-image: url(../images/jsys1_1.png); background-repeat: no-repeat; background-position: 15px 16px; font-size: 22px; color: #b18247; height: 68px; padding-left: 60px; line-height: 67px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #b18247; padding-right: 30px }
.hzfa_nav_3 { float: left; width: 180px; margin-left: 101px; margin-right: 101px }
.hzfa_nav_3 a { float: left; background-image: url(../images/fwzc1.png); background-repeat: no-repeat; background-position: 15px 16px; font-size: 22px; color: #999999; height: 68px; padding-left: 60px; line-height: 67px; padding-right: 30px }
.hzfa_nav_3 a:hover { float: left; background-image: url(../images/fwzc1_1.png); background-repeat: no-repeat; background-position: 15px 16px; font-size: 22px; color: #b18247; height: 68px; padding-left: 60px; line-height: 67px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #b18247; padding-right: 30px }
.hzfa_nav_nr .active .hzfa_nav_11 { float: left; background-image: url(../images/xmfa1_1.png); background-repeat: no-repeat; background-position: 15px 16px; font-size: 22px; color: #b18247; height: 68px; padding-left: 60px; line-height: 67px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #b18247; padding-right: 30px }
.hzfa_nav_nr .active .hzfa_nav_22 { float: left; background-image: url(../images/jsys1_1.png); background-repeat: no-repeat; background-position: 15px 16px; font-size: 22px; color: #b18247; height: 68px; padding-left: 60px; line-height: 67px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #b18247; padding-right: 30px }
.hzfa_nav_nr .active .hzfa_nav_33 { float: left; background-image: url(../images/fwzc1_1.png); background-repeat: no-repeat; background-position: 15px 16px; font-size: 22px; color: #b18247; height: 68px; padding-left: 60px; line-height: 67px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #b18247; padding-right: 30px }
.hzfa_cp1 { height: 720px; width: 820px; margin: 0 auto }
.hzfa_cp1_nr { float: left }
.hzfa_cp1_nr1 { float: left; margin-right: 55px; width: 200px; }
.hzfa_cp1_nr1_tp { width: 170px; height: 170px; background-color: #fff; border-radius: 170px; text-align: center; border: 2px solid #b18247; margin-left: 15px; }
.hzfa_cp1_nr1_tp:hover { background-color: #ac8046; display: block; cursor: pointer; transition: all 0.1s ease 0.1s; -webkit-transition: all 0.1s ease 0.1s; -moz-transition: all 0.1s ease 0.1s; }
.hzfa_cp1_nr1_bt { text-align: center; font-size: 30px; color: #333333; margin-top: 45px; }
.hzfa_cp1_nr1_nr { text-align: center; font-size: 14px; color: #666666; margin-top: 15px; }
.hzfa_cp1_nr1_bt a { color: #333333; }
.hzfa_cp1_nr1_nr a { color: #666666; }
.hzfa_cp1_nr1_bt a:hover { color: #b18247; }
.hzfa_cp1_nr1_nr a:hover { color: #b18247; }
.hzfa_cp1_nr2 { float: left; margin-right: 55px; width: 200px; margin-left: 55px; }
.hzfa_cp1_nr3 { float: left; margin-left: 55px; width: 200px; }
 @-webkit-keyframes hzfa_dh1 { 16.65% {
 -webkit-transform: translateY(8px);
 transform: translateY(8px);
}
 33.3% {
 -webkit-transform: translateY(-6px);
 transform: translateY(-6px);
}
 49.95% {
 -webkit-transform: translateY(4px);
 transform: translateY(4px);
}
 66.6% {
 -webkit-transform: translateY(-2px);
 transform: translateY(-2px);
}
 83.25% {
 -webkit-transform: translateY(1px);
 transform: translateY(1px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
@keyframes hzfa_dh1 { 16.65% {
 -webkit-transform: translateY(8px);
 transform: translateY(8px);
}
 33.3% {
 -webkit-transform: translateY(-6px);
 transform: translateY(-6px);
}
 49.95% {
 -webkit-transform: translateY(4px);
 transform: translateY(4px);
}
 66.6% {
 -webkit-transform: translateY(-2px);
 transform: translateY(-2px);
}
 83.25% {
 -webkit-transform: translateY(1px);
 transform: translateY(1px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
.hzfa_dh1:hover, .hzfa_dh1:focus, .hzfa_dh1:active { -webkit-animation-name: index_dh1; animation-name: index_dh1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
 @-webkit-keyframes hzfa_dh2 { 16.65% {
 -webkit-transform: translateY(8px);
 transform: translateY(8px);
}
 33.3% {
 -webkit-transform: translateY(-6px);
 transform: translateY(-6px);
}
 49.95% {
 -webkit-transform: translateY(4px);
 transform: translateY(4px);
}
 66.6% {
 -webkit-transform: translateY(-2px);
 transform: translateY(-2px);
}
 83.25% {
 -webkit-transform: translateY(1px);
 transform: translateY(1px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
@keyframes hzfa_dh2 { 16.65% {
 -webkit-transform: translateY(8px);
 transform: translateY(8px);
}
 33.3% {
 -webkit-transform: translateY(-6px);
 transform: translateY(-6px);
}
 49.95% {
 -webkit-transform: translateY(4px);
 transform: translateY(4px);
}
 66.6% {
 -webkit-transform: translateY(-2px);
 transform: translateY(-2px);
}
 83.25% {
 -webkit-transform: translateY(1px);
 transform: translateY(1px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
.hzfa_dh2:hover, .hzfa_dh2:focus, .hzfa_dh2:active { -webkit-animation-name: hzfa_dh2; animation-name: hzfa_dh2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
 @-webkit-keyframes hzfa_dh3 { 16.65% {
 -webkit-transform: translateY(8px);
 transform: translateY(8px);
}
 33.3% {
 -webkit-transform: translateY(-6px);
 transform: translateY(-6px);
}
 49.95% {
 -webkit-transform: translateY(4px);
 transform: translateY(4px);
}
 66.6% {
 -webkit-transform: translateY(-2px);
 transform: translateY(-2px);
}
 83.25% {
 -webkit-transform: translateY(1px);
 transform: translateY(1px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
@keyframes hzfa_dh3 { 16.65% {
 -webkit-transform: translateY(8px);
 transform: translateY(8px);
}
 33.3% {
 -webkit-transform: translateY(-6px);
 transform: translateY(-6px);
}
 49.95% {
 -webkit-transform: translateY(4px);
 transform: translateY(4px);
}
 66.6% {
 -webkit-transform: translateY(-2px);
 transform: translateY(-2px);
}
 83.25% {
 -webkit-transform: translateY(1px);
 transform: translateY(1px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
.hzfa_dh3:hover, .hzfa_dh3:focus, .hzfa_dh3:active { -webkit-animation-name: hzfa_dh2; animation-name: hzfa_dh2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
.hzfa_cp1_bt { text-align: center; width: 820px; float: left; margin-top: 80px; margin-bottom: 50px; font-size: 56px; color: #333 }
.index-advantage-wrap { padding-top: 100px; background-color: #cfa972; height: 900px; position: relative; }
.avt-box-wraps { width: 1008px; background-image: url(/official/temp/default/images/bg.jpg); background-repeat: no-repeat; margin-top: 70px; margin-right: auto; margin-bottom: 0; margin-left: auto; }
.avt-box-wraps .avt-box-wrap { position: relative; z-index: 2; display: inline-block; width: 100%; height: 250px; overflow: hidden; text-align: center; }
.avt-box-wraps .avt-box-wrap + .avt-box-wrap { border-top: 1px solid #f2e8d9; }
.js_xx1 { float: left; text-align: center; width: 200px; color: #FFF; margin-top: 20px; margin-top: 20px; }
.js_xx1 h2 { font-size: 18px; font-weight: normal }
.js_xx2 { float: left; text-align: center; width: 200px; color: #FFF; margin-top: 20px; margin-top: 0px; }
.js_xx2 h2 { font-size: 18px; font-weight: normal }
.js_xx3 { float: left; text-align: center; width: 200px; color: #FFF; margin-top: 20px; margin-top: 35px; }
.js_xx3 h2 { font-size: 18px; font-weight: normal }
.js_xx4 { float: left; text-align: center; width: 200px; color: #FFF; margin-top: 20px; margin-top: 0px; }
.js_xx4 h2 { font-size: 18px; font-weight: normal }
.js_xx5 { float: left; text-align: center; width: 200px; color: #FFF; margin-top: 20px; margin-top: 20px; }
.js_xx5 h2 { font-size: 18px; font-weight: normal }
.js_xx6 { float: left; text-align: center; width: 200px; color: #FFF; margin-top: 20px; margin-top: 0px; }
.js_xx6 h2 { font-size: 18px; font-weight: normal }
.avt-box-wraps .avt-box-wrap + .avt-box-wrap .avt-box.avt-box-left { bottom: auto; top: 72px; }
.avt-box-wraps .avt-box-wrap + .avt-box-wrap .avt-box.avt-box-right { bottom: auto; top: 72px; }
.avt-box-wraps .avt-box { position: absolute; display: inline-block; width: 357px; height: 357px; text-align: center; vertical-align: top; background-color: #cfa972; }
.avt-box-wraps .avt-box.avt-box-left { left: -178px; bottom: 72px; }
.avt-box-wraps .avt-box.avt-box-left:hover { background-color: #cfa972; }
.avt-box-wraps .avt-box.avt-box-right { right: -177px; bottom: 72px; }
.avt-box-wraps .avt-box.avt-box-right:hover { background-color: #cfa972; }
.avt-box-wraps .avt-box[data-pos="1"] { padding-top: 18px; padding-left: 18px; left: 73px; top: 73px; transform: rotate(45deg); transform-origin: 50% 50% 0px; }
.avt-box-wraps .avt-box[data-pos="2"] { z-index: 2; padding-top: 170px; padding-left: 170px; bottom: 73px; left: 325px; border: 1px solid #f2e8d9; transform: rotate(45deg); transform-origin: 50% 50% 0px; }
.avt-box-wraps .avt-box[data-pos="3"] { padding-top: 18px; padding-left: 18px; right: 74px; top: 72px; transform: rotate(45deg); transform-origin: 50% 50% 0px; }
.avt-box-wraps .avt-box[data-pos="4"] { padding-top: 170px; padding-left: 170px; left: 72px; bottom: 71px; transform: rotate(45deg); transform-origin: 50% 50% 0px; }
.avt-box-wraps .avt-box[data-pos="5"] { padding-top: 18px; padding-left: 18px; z-index: 2; top: 72px; left: 325px; border: 1px solid #f2e8d9; transform: rotate(45deg); transform-origin: 50% 50% 0px; }
.avt-box-wraps .avt-box[data-pos="6"] { padding-top: 170px; padding-left: 170px; right: 74px; bottom: 72px; transform: rotate(45deg); transform-origin: 50% 50% 0px; }
.avt-box-wraps .avt-box .avt-content { position: absolute; width: 200px; height: 200px; text-align: center; transform: rotate(-45deg); transform-origin: 50% 50% 0px; }
.avt-box-wraps .avt-box .avt-btn:hover { color: #fff; background-color: #cfa972; border: 1px solid #f2e8d9; }
.avt-box-wraps .avt-box:hover { background-color: transparent; }
.js_xx { float: left; text-align: center; width: 200px; color: #FFF; margin-top: 20px; }
.js_xx h2 { font-size: 18px; font-weight: normal }
.js_xx_xq { font-size: 13px; margin-top: 10px; line-height: 24px; float: left }
.jishu_cp1_bt { text-align: center; width: 1008px; margin-top: 80px; margin-bottom: 50px; font-size: 56px; color: #fff; margin: 0 auto }
.fwzc_zc { background-color: #f5f5f5; width: 100%; padding-bottom: 80px; }
#fwzc1 { margin: 0 auto; width: 1010px; }
.fwzc_bt { text-align: center; color: #333333; font-size: 56px; padding-top: 100px; }
.fwzc_nr { float: left; margin-top: 30px; }
.fwzc_nr_tp { width: 325px; margin-bottom: 30px; margin-left: 5px; margin-right: 5px; text-align: center; font-size: 18px; color: #333333; float: left; line-height: 62px; }
.cbly1-a { height: 580px; position: relative; overflow: hidden; clear: both; background-image: url(/official/temp/default/images/cb_01.jpg); background-repeat: no-repeat; background-position: center; top: -80px }
.cbly1-text1, .cbly1-text2 { width: 650px; right: 41%; color: #fff; }
.cbly1-text1 { top: 275px; font-size: 50px; text-align: left; color: #fff; font-weight: normal }
.cbly1-text2 { top: 350px; color: #eeeeee; font-size: 30px; text-align: left; }
.cbly1-text1, .cbly1-text2, .cbly1-tp1 { display: none; position: absolute; z-index: 22; }
.cbly1-tp1 { width: 588px; height: 504px; z-index: 100; background: url(/official/temp/default/images/cb1_03.png) no-repeat right top; display: none; right: 16%; bottom: 0px; overflow: hidden; z-index: 21; }
.cbly1-animate1 { animation-name: cbly1-a; animation: cbly1-a 0.5s alternate; -moz-animation: cbly1-a 0.5s alternate; -webkit-animation: cbly1-a 0.5s alternate; }
@keyframes cbly1-a { 0% {
top:165px;
opacity:0;
}
100% {
top:275px;
opacity:1;
}
}
@-webkit-keyframes cbly1-a { 0% {
top:165px;
opacity:0;
}
100% {
top:275px;
opacity:1;
}
}
@-moz-keyframes cbly1-a { 0% {
top:165px;
opacity:0;
}
100% {
top:275px;
opacity:1;
}
}
.cbly1-animate2 { animation-name: cbly1-b; animation: cbly1-b 0.5s alternate; -moz-animation: cbly1-b 0.5s alternate; -webkit-animation: cbly1-b 0.5s alternate; }
@keyframes cbly1-b { 0% {
right:80%;
opacity:0;
}
100% {
right:41%;
opacity:1;
}
}
@-webkit-keyframes cbly1-b { 0% {
right:80%;
opacity:0;
}
100% {
right:41%;
opacity:1;
}
}
@-moz-keyframes cbly1-b { 0% {
right:80%;
opacity:0;
}
100% {
right:41%;
opacity:1;
}
}
.cbly1-animate3 { animation-name: cbly1-c; animation: cbly1-c 0.5s alternate; -moz-animation: cbly1-c 0.5s alternate; -webkit-animation: cbly1-c 0.5s alternate; }
 @keyframes cbly1-c { from {
right:0%;
opacity:0;
}
to { right: 16%; opacity: 1; }
}
@-webkit-keyframes cbly1-c { from {
right:0%;
opacity:0;
}
to { right: 16%; opacity: 1; }
}
@-moz-keyframes cbly1-c { from {
right:0%;
opacity:0;
}
to { right: 16%; opacity: 1; }
}
.cbly2-b { height: 960px; background-color: #eeeeee; position: relative; overflow: hidden; clear: both; }
.cbly2-text1, .cbly2-text2 { width: 480px; left: 52%; color: #fff; }
.cbly2-text1 { top: 332px; font-size: 50px; text-align: right; color: #333333; font-weight: normal }
.cbly2-text2 { top: 430px; color: #666666; font-size: 16px; text-align: right; line-height: 26px; }
.cbly2-text1, .cbly2-text2, .cbly2-tp1 { display: none; position: absolute; z-index: 22; }
.cbly2-tp1 { width: 100%; height: 827px; z-index: 101; background: url(/official/temp/default/images/cb_04.png) no-repeat center top; display: none; left: 0%; bottom: 0px; overflow: hidden; z-index: 21; }
.cbly2-animate1 { animation-name: cbly2-a; animation: cbly2-a 0.5s alternate; -moz-animation: cbly2-a 0.5s alternate; -webkit-animation: cbly2-a 0.5s alternate; }
@keyframes cbly2-a { 0% {
top:200px;
opacity:0;
}
100% {
top:332px;
opacity:1;
}
}
@-webkit-keyframes cbly2-a { 0% {
top:200px;
opacity:0;
}
100% {
top:332px;
opacity:1;
}
}
@-moz-keyframes cbly2-a { 0% {
top:200px;
opacity:0;
}
100% {
top:332px;
opacity:1;
}
}
.cbly2-animate2 { animation-name: cbly2-b; animation: cbly2-b 0.5s alternate; -moz-animation: cbly2-b 0.5s alternate; -webkit-animation: cbly2-b 0.5s alternate; }
@keyframes cbly2-b { 0% {
left:80%;
opacity:0;
}
100% {
left:52%;
opacity:1;
}
}
@-webkit-keyframes cbly2-b { 0% {
left:80%;
opacity:0;
}
100% {
left:52%;
opacity:1;
}
}
@-moz-keyframes cbly2-b { 0% {
left:80%;
opacity:0;
}
100% {
left:52%;
opacity:1;
}
}
.cbly2-animate3 { animation-name: cbly2-c; animation: cbly2-c 0.5s alternate; -moz-animation: cbly2-c 0.5s alternate; -webkit-animation: cbly2-c 0.5s alternate; }
 @keyframes cbly2-c { from {
left:-15%;
opacity:0;
}
to { left: 0%; opacity: 1; }
}
@-webkit-keyframes cbly2-c { from {
left:-15%;
opacity:0;
}
to { left: 0%; opacity: 1; }
}
@-moz-keyframes cbly2-c { from {
left:-15%;
opacity:0;
}
to { left: 0%; opacity: 1; }
}
#main4 { margin-top: -80px; }
.cbly3-c { height: 960px; background-color: #000; position: relative; overflow: hidden; clear: both; }
.cbly3-text1, .cbly3-text2 { width: 50%; right: 25%; color: #fff; }
.cbly3-text1 { top: 150px; font-size: 50px; text-align: center; color: #fff; font-weight: normal }
.cbly3-text2 { top: 250px; color: #eeeeee; font-size: 16px; text-align: center; line-height: 30px; }
.cbly3-text1, .cbly3-text2, .cbly3-tp1 { display: none; position: absolute; z-index: 22; }
.cbly3-tp1 { width: 100%; height: 546px; z-index: 100; background: url(/official/temp/default/images/cb_10.jpg) no-repeat center top; display: none; right: 0%; bottom: 30px; overflow: hidden; z-index: 21; }
.cbly3-animate1 { animation-name: cbly3-a; animation: cbly3-a 0.5s alternate; -moz-animation: cbly3-a 0.5s alternate; -webkit-animation: cbly3-a 0.5s alternate; }
@keyframes cbly3-a { 0% {
top:0px;
opacity:0;
}
100% {
top:150px;
opacity:1;
}
}
@-webkit-keyframes cbly3-a { 0% {
top:0px;
opacity:0;
}
100% {
top:150px;
opacity:1;
}
}
@-moz-keyframes cbly3-a { 0% {
top:0px;
opacity:0;
}
100% {
top:150px;
opacity:1;
}
}
.cbly3-animate2 { animation-name: cbly3-b; animation: cbly3-b 0.5s alternate; -moz-animation: cbly3-b 0.5s alternate; -webkit-animation: cbly3-b 0.5s alternate; }
@keyframes cbly3-b { 0% {
right:80%;
opacity:0;
}
100% {
right:25%;
opacity:1;
}
}
@-webkit-keyframes cbly3-b { 0% {
right:80%;
opacity:0;
}
100% {
right:25%;
opacity:1;
}
}
@-moz-keyframes cbly3-b { 0% {
right:80%;
opacity:0;
}
100% {
right:25%;
opacity:1;
}
}
.cbly3-animate3 { animation-name: cbly3-c; animation: cbly3-c 1.5s alternate; -moz-animation: cbly3-c 1.5s alternate; -webkit-animation: cbly3-c 1.5s alternate; }
@keyframes cbly3-c { 0% {
bottom:-30px;
opacity:0;
}
100% {
bottom:30px;
opacity:1;
}
}
 @-webkit-keyframes cbly3-c { 0% {
bottom:-30px;
opacity:0;
}
100% {
bottom:30px;
opacity:1;
}
}
 @-moz-keyframes cbly3-c { 0% {
bottom:-30px;
opacity:0;
}
100% {
bottom:30px;
opacity:1;
}
}
.cbly4-d { height: 938px; position: relative; overflow: hidden; clear: both; background-image: url(/official/temp/default/images/cb_13.jpg); background-repeat: no-repeat; background-position: center; }
.cbly4-text1, .cbly4-text2 { width: 480px; left: 52%; }
.cbly4-text1 { top: 375px; font-size: 50px; text-align: right; color: #333333; font-weight: normal }
.cbly4-text2 { top: 475px; color: #666666; font-size: 16px; text-align: right; line-height: 26px; }
.cbly4-text1, .cbly4-text2, .cbly4-tp1, .cbly4-tp2 { display: none; position: absolute; z-index: 22; }
.cbly4-tp1 { width: 100%; height: 744px; z-index: 100; background: url(/official/temp/default/images/cb1_07.png) no-repeat center top !important; display: none; left: 0%; bottom: 0px; overflow: hidden; z-index: 21; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="/official/temp/default/images/cb1_07.png");
}
.cbly4-animate1 { animation-name: cbly4-a; animation: cbly4-a 0.5s alternate; -moz-animation: cbly4-a 0.5s alternate; -webkit-animation: cbly4-a 0.5s alternate; }
@keyframes cbly4-a { 0% {
top:200px;
opacity:0;
}
100% {
top:375px;
opacity:1;
}
}
@-webkit-keyframes cbly4-a { 0% {
top:200px;
opacity:0;
}
100% {
top:375px;
opacity:1;
}
}
@-moz-keyframes cbly4-a { 0% {
top:200px;
opacity:0;
}
100% {
top:375px;
opacity:1;
}
}
.cbly4-animate2 { animation-name: cbly4-b; animation: cbly4-b 0.5s alternate; -moz-animation: cbly4-b 0.5s alternate; -webkit-animation: cbly4-b 0.5s alternate; }
@keyframes cbly4-b { 0% {
top:600px;
opacity:0;
}
100% {
top:475px;
opacity:1;
}
}
@-moz-keyframes cbly4-b { 0% {
top:600px;
opacity:0;
}
100% {
top:475px;
opacity:1;
}
}
@-moz-keyframes cbly4-b { 0% {
top:600px;
opacity:0;
}
100% {
top:475px;
opacity:1;
}
}
.cbly4-animate3 { animation-name: cbly4-c; animation: cbly4-c 0.5s alternate; -moz-animation: cbly4-c 0.5s alternate; -webkit-animation: cbly4-c 0.5s alternate; }
 @keyframes cbly4-c { from {
left:-20%;
opacity:0;
}
to { left: 0%; opacity: 1; }
}
@-webkit-keyframes cbly4-c { from {
left:-20%;
opacity:0;
}
to { left: 0%; opacity: 1; }
}
@-moz-keyframes cbly4-c { from {
left:-20%;
opacity:0;
}
to { left: 0%; opacity: 1; }
}
.cbly5-e { height: 960px; position: relative; overflow: hidden; clear: both; background-image: url(/official/temp/default/images/cb_11.jpg); background-repeat: no-repeat; background-position: center; }
.cbly5-text1 { width: 30%; right: 35%; color: #fff; }
.cbly5-text1 { top: 200px; font-size: 50px; text-align: center; color: #fff; font-weight: normal }
.cbly5-text1 { display: none; position: absolute; z-index: 22; }
.cbly5-tp1 { width: 1000px; color: #fff; margin: 0 auto; padding-top: 360px; display: none }
.cbly5-tp1_xx { text-align: center; float: left; font-size: 17px; line-height: 50px; width: 200px; margin-bottom: 100px; }
.cbly5-animate1 { animation-name: cbly5-a; animation: cbly5-a 0.5s alternate; -moz-animation: cbly5-a 0.5s alternate; -webkit-animation: cbly5-a 0.5s alternate; }
@keyframes cbly5-a { 0% {
top:100px;
opacity:0;
}
100% {
top:200px;
opacity:1;
}
}
@-webkit-keyframes cbly5-a { 0% {
top:100px;
opacity:0;
}
100% {
top:200px;
opacity:1;
}
}
@-moz-keyframes cbly5-a { 0% {
top:100px;
opacity:0;
}
100% {
top:200px;
opacity:1;
}
}
.cbly5-animate2 { animation-name: cbly5-b; animation: cbly5-b 1.5s alternate; -moz-animation: cbly5-b 1.5s alternate; -webkit-animation: cbly5-b 1.5s alternate; }
@keyframes cbly5-b { 0% {
 opacity:0;
}
100% {
 opacity:1;
}
}
@-webkit-keyframes cbly5-b { 0% {
 opacity:0;
}
100% {
 opacity:1;
}
}
@-moz-keyframes cbly5-b { 0% {
 opacity:0;
}
100% {
 opacity:1;
}
}
.ybly1-a { height: 580px; position: relative; overflow: hidden; clear: both; background-image: url(/official/temp/default/images/yb_01.jpg); background-repeat: no-repeat; background-position: center; top: -80px }
.ybly1-text1, .ybly1-text2 { width: 330px; left: 55%; color: #fff; display: none; position: absolute; z-index: 22; }
.ybly1-text1 { top: 275px; font-size: 50px; text-align: left; color: #fff; font-weight: normal }
.ybly1-text2 { top: 375px; color: #eeeeee; font-size: 30px; text-align: left; }
.ybly1-text1, .ybly1-text2 { }
.ybly1-animate1 { animation-name: ybly1-a; animation: ybly1-a 0.5s alternate; -moz-animation: ybly1-a 0.5s alternate; -webkit-animation: ybly1-a 0.5s alternate; }
 @keyframes ybly1-a { 0% {
top:165px;
opacity:0;
}
100% {
top:275px;
opacity:1;
}
}
@-webkit-keyframes ybly1-a { 0% {
top:165px;
opacity:0;
}
100% {
top:275px;
opacity:1;
}
}
@-moz-keyframes ybly1-a { 0% {
top:165px;
opacity:0;
}
100% {
top:275px;
opacity:1;
}
}
.ybly1-animate2 { animation-name: ybly1-b; animation: ybly1-b 0.5s alternate; -moz-animation: ybly1-b 0.5s alternate; -webkit-animation: ybly1-b 0.5s alternate; }
@keyframes ybly1-b { 0% {
left:80%;
opacity:0;
}
100% {
left:55%;
opacity:1;
}
}
@-webkit-keyframes ybly1-b { 0% {
left:80%;
opacity:0;
}
100% {
left:55%;
opacity:1;
}
}
@-moz-keyframes ybly1-b { 0% {
left:80%;
opacity:0;
}
100% {
left:55%;
opacity:1;
}
}
.ybly2-b { height: 960px; background-color: #fff; position: relative; overflow: hidden; clear: both; }
.ybly2-text1, .ybly2-text2 { width: 50%; right: 32%; color: #333; }
.ybly2-text1 { top: 470px; font-size: 50px; text-align: left; color: #333; font-weight: normal }
.ybly2-text2 { top: 570px; color: #666; font-size: 16px; text-align: left; line-height: 30px; }
.ybly2-text1, .ybly2-text2, .ybly2-tp1 { display: none; position: absolute; z-index: 22; }
.ybly2-tp1 { width: 100%; height: 900px; z-index: 100; background: url(/official/temp/default/images/yb_04.png) no-repeat center top; display: none; right: 0%; bottom: 0px; overflow: hidden; z-index: 21; }
.ybly2-animate1 { animation-name: ybly2-a; animation: ybly2-a 0.5s alternate; -moz-animation: ybly2-a 0.5s alternate; -webkit-animation: ybly2-a 0.5s alternate; }
@keyframes ybly2-a { 0% {
top:365px;
opacity:0;
}
100% {
top:470px;
opacity:1;
}
}
@-webkit-keyframes ybly2-a { 0% {
top:365px;
opacity:0;
}
100% {
top:470px;
opacity:1;
}
}
@-moz-keyframes ybly2-a { 0% {
top:365px;
opacity:0;
}
100% {
top:470px;
opacity:1;
}
}
.ybly2-animate2 { animation-name: ybly2-b; animation: ybly2-b 0.5s alternate; -moz-animation: ybly2-b 0.5s alternate; -webkit-animation: ybly2-b 0.5s alternate; }
@keyframes ybly2-b { 0% {
right:80%;
opacity:0;
}
100% {
right:32%;
opacity:1;
}
}
@-webkit-keyframes ybly2-b { 0% {
right:80%;
opacity:0;
}
100% {
right:32%;
opacity:1;
}
}
@-moz-keyframes ybly2-b { 0% {
right:80%;
opacity:0;
}
100% {
right:32%;
opacity:1;
}
}
.ybly2-animate3 { animation-name: ybly2-c; animation: ybly2-c 0.5s alternate; -moz-animation: ybly2-c 0.5s alternate; -webkit-animation: ybly2-c 0.5s alternate; }
 @keyframes ybly2-c { from {
right:-26%;
opacity:0;
}
to { right: 0%; opacity: 1; }
}
@-webkit-keyframes ybly2-c { from {
right:-26%;
opacity:0;
}
to { right: 0%; opacity: 1; }
}
@-moz-keyframes ybly2-c { from {
right:-26%;
opacity:0;
}
to { right: 0%; opacity: 1; }
}
.ybly3-c { height: 960px; position: relative; overflow: hidden; clear: both; background-image: url(/official/temp/default/images/yb_07.jpg); background-repeat: no-repeat; background-position: center; }
.ybly3-text1, .ybly3-text2 { width: 480px; left: 51%; }
.ybly3-text1 { top: 355px; font-size: 50px; text-align: right; color: #fff; font-weight: normal }
.ybly3-text2 { top: 455px; color: #eee; font-size: 16px; text-align: right; line-height: 26px; }
.ybly3-text1, .ybly3-text2, .ybly3-tp1, .ybly3-tp2 { display: none; position: absolute; z-index: 22; }
.ybly3-tp1 { width: 100%; height: 680px; z-index: 100; background: url(/official/temp/default/images/yb1_03.png) no-repeat center top; display: none; left: 0%; bottom: 100px; overflow: hidden; z-index: 21; }
.ybly3-animate1 { animation-name: ybly3-a; animation: ybly3-a 0.5s alternate; -moz-animation: ybly3-a 0.5s alternate; -webkit-animation: ybly3-a 0.5s alternate; }
@keyframes ybly3-a { 0% {
top:200px;
opacity:0;
}
100% {
top:355px;
opacity:1;
}
}
@-webkit-keyframes ybly3-a { 0% {
top:200px;
opacity:0;
}
100% {
top:355px;
opacity:1;
}
}
@-moz-keyframes ybly3-a { 0% {
top:200px;
opacity:0;
}
100% {
top:355px;
opacity:1;
}
}
.ybly3-animate2 { animation-name: ybly3-b; animation: ybly3-b 0.5s alternate; -moz-animation: ybly3-b 0.5s alternate; -webkit-animation: ybly3-b 0.5s alternate; }
@keyframes ybly3-b { 0% {
left:80%;
opacity:0;
}
100% {
left:51%;
opacity:1;
}
}
@-webkit-keyframes ybly3-b { 0% {
left:80%;
opacity:0;
}
100% {
left:51%;
opacity:1;
}
}
@-moz-keyframes ybly3-b { 0% {
left:80%;
opacity:0;
}
100% {
left:51%;
opacity:1;
}
}
.ybly3-animate3 { animation-name: ybly3-c; animation: ybly3-c 0.5s alternate; -moz-animation: ybly3-c 0.5s alternate; -webkit-animation: ybly3-c 0.5s alternate; }
 @keyframes ybly3-c { from {
left:-20%;
opacity:0;
}
to { left: 0%; opacity: 1; }
}
@-webkit-keyframes ybly3-c { from {
left:-20%;
opacity:0;
}
to { left: 0%; opacity: 1; }
}
@-moz-keyframes ybly3-c { from {
left:-20%;
opacity:0;
}
to { left: 0%; opacity: 1; }
}
.ybly4-d { height: 960px; background-color: #fff; position: relative; overflow: hidden; clear: both; }
.ybly4-text1, .ybly4-text2 { width: 50%; right: 25%; color: #666; }
.ybly4-text1 { top: 115px; font-size: 50px; text-align: center; color: #333; font-weight: normal }
.ybly4-text2 { top: 215px; color: #666; font-size: 16px; text-align: center; line-height: 30px; }
.ybly4-text1, .ybly4-text2, .ybly4-tp1 { display: none; position: absolute; z-index: 22; }
.ybly4-tp1 { width: 100%; height: 960px; z-index: 100; background: url(/official/temp/default/images/yb_10.jpg) no-repeat center top; display: none; right: 0%; bottom: 0px; overflow: hidden; z-index: 21; }
.ybly4-animate1 { animation-name: ybly4-a; animation: ybly4-a 0.5s alternate; -moz-animation: ybly4-a 0.5s alternate; -webkit-animation: ybly4-a 0.5s alternate; }
@keyframes ybly4-a { 0% {
top:0px;
opacity:0;
}
100% {
top:115px;
opacity:1;
}
}
@-webkit-keyframes ybly4-a { 0% {
top:0px;
opacity:0;
}
100% {
top:115px;
opacity:1;
}
}
@-moz-keyframes ybly4-a { 0% {
top:0px;
opacity:0;
}
100% {
top:115px;
opacity:1;
}
}
.ybly4-animate2 { animation-name: ybly4-b; animation: ybly4-b 0.5s alternate; -moz-animation: ybly4-b 0.5s alternate; -webkit-animation: ybly4-b 0.5s alternate; }
@keyframes ybly4-b { 0% {
right:80%;
opacity:0;
}
100% {
right:25%;
opacity:1;
}
}
@-webkit-keyframes ybly4-b { 0% {
right:80%;
opacity:0;
}
100% {
right:25%;
opacity:1;
}
}
@-moz-keyframes ybly4-b { 0% {
right:80%;
opacity:0;
}
100% {
right:25%;
opacity:1;
}
}
.ybly4-animate3 { animation-name: ybly4-c; animation: ybly4-c 1.5s alternate; -moz-animation: ybly4-c 1.5s alternate; -webkit-animation: ybly4-c 1.5s alternate; }
@keyframes ybly4-c { 0% {
bottom:-150px;
opacity:0;
}
100% {
bottom:0px;
opacity:1;
}
}
 @-webkit-keyframes ybly4-c { 0% {
bottom:-150px;
opacity:0;
}
100% {
bottom:0px;
opacity:1;
}
}
 @-moz-keyframes ybly4-c { 0% {
bottom:-150px;
opacity:0;
}
100% {
bottom:0px;
opacity:1;
}
}
.ybly5-e { height: 960px; position: relative; overflow: hidden; clear: both; background-image: url(/official/temp/default/images/yb_07.jpg); background-repeat: no-repeat; background-position: center; }
.ybly5-text1, .ybly5-text2 { width: 480px; left: 51%; }
.ybly5-text1 { top: 355px; font-size: 50px; text-align: right; color: #fff; font-weight: normal }
.ybly5-text2 { top: 455px; color: #eee; font-size: 16px; text-align: right; line-height: 26px; }
.ybly5-text1, .ybly5-text2, .ybly5-tp1, .ybly5-tp2 { display: none; position: absolute; z-index: 22; }
.ybly5-tp1 { width: 100%; height: 680px; z-index: 100; background: url(/official/temp/default/images/yb1_03.png) no-repeat center top; display: none; left: 0%; bottom: 100px; overflow: hidden; z-index: 21; }
.ybly5-animate1 { animation-name: ybly5-a; animation: ybly5-a 0.5s alternate; -moz-animation: ybly5-a 0.5s alternate; -webkit-animation: ybly5-a 0.5s alternate; }
@keyframes ybly5-a { 0% {
top:200px;
opacity:0;
}
100% {
top:355px;
opacity:1;
}
}
@-webkit-keyframes ybly5-a { 0% {
top:200px;
opacity:0;
}
100% {
top:355px;
opacity:1;
}
}
@-moz-keyframes ybly5-a { 0% {
top:200px;
opacity:0;
}
100% {
top:355px;
opacity:1;
}
}
.ybly5-animate2 { animation-name: ybly5-b; animation: ybly5-b 0.5s alternate; -moz-animation: ybly5-b 0.5s alternate; -webkit-animation: ybly5-b 0.5s alternate; }
@keyframes ybly5-b { 0% {
left:80%;
opacity:0;
}
100% {
left:51%;
opacity:1;
}
}
@-webkit-keyframes ybly5-b { 0% {
left:80%;
opacity:0;
}
100% {
left:51%;
opacity:1;
}
}
@-moz-keyframes ybly5-b { 0% {
left:80%;
opacity:0;
}
100% {
left:51%;
opacity:1;
}
}
.ybly5-animate3 { animation-name: ybly5-c; animation: ybly5-c 0.5s alternate; -moz-animation: ybly5-c 0.5s alternate; -webkit-animation: ybly5-c 0.5s alternate; }
 @keyframes ybly5-c { from {
left:-20%;
opacity:0;
}
to { left: 0%; opacity: 1; }
}
@-webkit-keyframes ybly5-c { from {
left:-20%;
opacity:0;
}
to { left: 0%; opacity: 1; }
}
@-moz-keyframes ybly5-c { from {
left:-20%;
opacity:0;
}
to { left: 0%; opacity: 1; }
}
.ydxly1-a { height: 581px; position: relative; overflow: hidden; clear: both; background-image: url(/official/temp/default/images/ydx_01.jpg); background-repeat: no-repeat; background-position: center; top: -80px; }
.ydxly1-text1, .ydxly1-text2 { width: 505px; left: 50%; }
.ydxly1-text1 { top: 250px; font-size: 50px; text-align: right; color: #fff; font-weight: normal }
.ydxly1-text2 { top: 350px; color: #eee; font-size: 30px; text-align: right; line-height: 40px; }
.ydxly1-text1, .ydxly1-text2, .ydxly1-tp1, .ydxly1-tp2 { display: none; position: absolute; z-index: 22; }
.ydxly1-tp1 { width: 100%; height: 467px; z-index: 100; background: url() no-repeat center top; display: none; left: 0%; bottom: 0px; overflow: hidden; z-index: 21; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/official/temp/default/images/ydx2_08.png");
｝
}
.ydxly1-animate1 { animation-name: ydxly1-a; animation: ydxly1-a 0.5s alternate; -moz-animation: ydxly1-a 0.5s alternate; -webkit-animation: ydxly1-a 0.5s alternate; }
@keyframes ydxly1-a { 0% {
top:200px;
opacity:0;
}
100% {
top:250px;
opacity:1;
}
}
@-webkit-keyframes ydxly1-a { 0% {
top:200px;
opacity:0;
}
100% {
top:250px;
opacity:1;
}
}
@-moz-keyframes ydxly1-a { 0% {
top:200px;
opacity:0;
}
100% {
top:250px;
opacity:1;
}
}
.ydxly1-animate2 { animation-name: ydxly1-b; animation: ydxly1-b 0.5s alternate; -moz-animation: ydxly1-b 0.5s alternate; -webkit-animation: ydxly1-b 0.5s alternate; }
@keyframes ydxly1-b { 0% {
left:80%;
opacity:0;
}
100% {
left:50%;
opacity:1;
}
}
@-webkit-keyframes ydxly1-b { 0% {
left:80%;
opacity:0;
}
100% {
left:50%;
opacity:1;
}
}
@-moz-keyframes ydxly1-b { 0% {
left:80%;
opacity:0;
}
100% {
left:50%;
opacity:1;
}
}
.ydxly1-animate3 { animation-name: ydxly1-c; animation: ydxly1-c 0.5s alternate; -moz-animation: ydxly1-c 0.5s alternate; -webkit-animation: ydxly1-c 0.5s alternate; }
 @keyframes ydxly1-c { from {
left:-20%;
opacity:0;
}
to { left: 0%; opacity: 1; }
}
 @-webkit-keyframes ydxly1-c { from {
left:-20%;
opacity:0;
}
to { left: 0%; opacity: 1; }
}
 @-moz-keyframes ydxly1-c { from {
left:-20%;
opacity:0;
}
to { left: 0%; opacity: 1; }
}
.ydxly2-b { height: 960px; background-color: #f5f5f5; position: relative; overflow: hidden; clear: both; }
.ydxly2-text1, .ydxly2-text2 { width: 50%; right: 25%; color: #666; }
.ydxly2-text1 { top: 120px; font-size: 50px; text-align: center; color: #333; font-weight: normal }
.ydxly2-text2 { top: 200px; color: #666; font-size: 16px; text-align: center; line-height: 30px; }
.ydxly2-text1, .ydxly2-text2, .ydxly2-tp1 { display: none; position: absolute; z-index: 22; }
.ydxly2-tp1 { width: 100%; height: 519px; background: url(/official/temp/default/images/ydx_04.jpg) no-repeat center top; right: 0%; bottom: 30px; overflow: hidden; z-index: 21; }
.ydxly2-animate1 { animation-name: ydxly2-a; animation: ydxly2-a 0.5s alternate; -moz-animation: ydxly2-a 0.5s alternate; -webkit-animation: ydxly2-a 0.5s alternate; }
@keyframes ydxly2-a { 0% {
top:0px;
opacity:0;
}
100% {
top:120px;
opacity:1;
}
}
@-webkit-keyframes ydxly2-a { 0% {
top:0px;
opacity:0;
}
100% {
top:120px;
opacity:1;
}
}
@-moz-keyframes ydxly2-a { 0% {
top:0px;
opacity:0;
}
100% {
top:120px;
opacity:1;
}
}
.ydxly2-animate2 { animation-name: ydxly2-b; animation: ydxly2-b 0.5s alternate; -moz-animation: ydxly2-b 0.5s alternate; -webkit-animation: ydxly2-b 0.5s alternate; }
@keyframes ydxly2-b { 0% {
right:80%;
opacity:0;
}
100% {
right:25%;
opacity:1;
}
}
@-webkit-keyframes ydxly2-b { 0% {
right:80%;
opacity:0;
}
100% {
right:25%;
opacity:1;
}
}
@-moz-keyframes ydxly2-b { 0% {
right:80%;
opacity:0;
}
100% {
right:25%;
opacity:1;
}
}
.ydxly2-animate3 { animation-name: ydxly2-c; animation: ydxly2-c 1.5s alternate; -moz-animation: ydxly2-c 1.5s alternate; -webkit-animation: ydxly2-c 1.5s alternate; }
@keyframes ydxly2-c { 0% {
bottom:-30px;
opacity:0;
}
100% {
bottom:30px;
opacity:1;
}
}
 @-webkit-keyframes ydxly2-c { 0% {
bottom:-30px;
opacity:0;
}
100% {
bottom:30px;
opacity:1;
}
}
 @-moz-keyframes ydxly2-c { 0% {
bottom:-30px;
opacity:0;
}
100% {
bottom:30px;
opacity:1;
}
}
.ydxly3-c { height: 960px; position: relative; overflow: hidden; clear: both; background-color: #d2d2d2 }
.ydxly3-text1, .ydxly3-text2 { width: 50%; right: 25%; color: #fff; }
.ydxly3-text1 { top: 120px; font-size: 50px; text-align: center; color: #333; font-weight: normal }
.ydxly3-text2 { top: 200px; color: #666; font-size: 16px; text-align: center; line-height: 30px; }
.ydxly3-text1, .ydxly3-text2, .ydxly3-tp1 { display: none; position: absolute; z-index: 22; }
.ydxly3-tp1 { width: 100%; height: 639px; background: url(/official/temp/default/images/ydx_05.jpg) no-repeat center top; display: none; right: 0%; bottom: 0px; overflow: hidden; z-index: 21; }
.ydxly3-animate1 { animation-name: ydxly3-a; animation: ydxly3-a 0.5s alternate; -moz-animation: ydxly3-a 0.5s alternate; -webkit-animation: ydxly3-a 0.5s alternate; }
@keyframes ydxly3-a { 0% {
left:80%;
opacity:0;
}
100% {
left:25%;
opacity:1;
}
}
@-webkit-keyframes ydxly3-a { 0% {
left:80%;
opacity:0;
}
100% {
left:25%;
opacity:1;
}
}
@-moz-keyframes ydxly3-a { 0% {
left:80%;
opacity:0;
}
100% {
left:25%;
opacity:1;
}
}
.ydxly3-animate2 { animation-name: ydxly3-b; animation: ydxly3-b 0.5s alternate; -moz-animation: ydxly3-b 0.5s alternate; -webkit-animation: ydxly3-b 0.5s alternate; }
@keyframes ydxly3-b { 0% {
right:80%;
opacity:0;
}
100% {
right:25%;
opacity:1;
}
}
@-webkit-keyframes ydxly3-b { 0% {
right:80%;
opacity:0;
}
100% {
right:25%;
opacity:1;
}
}
@-moz-keyframes ydxly3-b { 0% {
right:80%;
opacity:0;
}
100% {
right:25%;
opacity:1;
}
}
.ydxly3-animate3 { animation-name: ydxly3-c; animation: ydxly3-c 1.5s alternate; -moz-animation: ydxly3-c 1.5s alternate; -webkit-animation: ydxly3-c 1.5s alternate; }
@keyframes ydxly3-c { 0% {
bottom:-200px;
opacity:0;
}
100% {
bottom:0px;
opacity:1;
}
}
 @-webkit-keyframes ydxly3-c { 0% {
bottom:-200px;
opacity:0;
}
100% {
bottom:0px;
opacity:1;
}
}
 @-moz-keyframes ydxly3-c { 0% {
bottom:-200px;
opacity:0;
}
100% {
bottom:0px;
opacity:1;
}
}
.ydxly4-d { height: 960px; background-color: #f5f5f5; position: relative; overflow: hidden; clear: both; }
.ydxly4-text1, .ydxly4-text2 { width: 50%; right: 25%; color: #333; }
.ydxly4-text1 { top: 120px; font-size: 50px; text-align: center; color: #333; font-weight: normal }
.ydxly4-text2 { top: 200px; color: #666; font-size: 16px; text-align: center; line-height: 30px; }
.ydxly4-text1, .ydxly4-text2, .ydxly4-tp1 { display: none; position: absolute; z-index: 22; }
.ydxly4-tp1 { width: 100%; height: 641px; background: url(/official/temp/default/images/ydx_10.jpg) no-repeat center top; display: none; right: 0%; bottom: 0px; overflow: hidden; z-index: 21; }
.ydxly4-animate1 { animation-name: ydxly4-a; animation: ydxly4-a 0.5s alternate; -moz-animation: ydxly4-a 0.5s alternate; -webkit-animation: ydxly4-a 0.5s alternate; }
@keyframes ydxly4-a { 0% {
right:80%;
opacity:0;
}
100% {
right:25%;
opacity:1;
}
}
@-webkit-keyframes ydxly4-a { 0% {
right:80%;
opacity:0;
}
100% {
right:25%;
opacity:1;
}
}
@-moz-keyframes ydxly4-a { 0% {
right:80%;
opacity:0;
}
100% {
right:25%;
opacity:1;
}
}
.ydxly4-animate2 { animation-name: ydxly4-b; animation: ydxly4-b 0.5s alternate; -moz-animation: ydxly4-b 0.5s alternate; -webkit-animation: ydxly4-b 0.5s alternate; }
@keyframes ydxly4-b { 0% {
left:80%;
opacity:0;
}
100% {
left:25%;
opacity:1;
}
}
@-webkit-keyframes ydxly4-b { 0% {
left:80%;
opacity:0;
}
100% {
right:25%;
opacity:1;
}
}
@-moz-keyframes ydxly4-b { 0% {
left:80%;
opacity:0;
}
100% {
right:25%;
opacity:1;
}
}
.ydxly4-animate3 { animation-name: ydxly4-c; animation: ydxly4-c 1.5s alternate; -moz-animation: ydxly4-c 1.5s alternate; -webkit-animation: ydxly4-c 1.5s alternate; }
@keyframes ydxly4-c { 0% {
bottom:100px;
opacity:0;
}
100% {
bottom:0px;
opacity:1;
}
}
 @-webkit-keyframes ydxly4-c { 0% {
bottom:100px;
opacity:0;
}
100% {
bottom:0px;
opacity:1;
}
}
 @-moz-keyframes ydxly4-c { 0% {
bottom:100px;
opacity:0;
}
100% {
bottom:0px;
opacity:1;
}
}
.ydxly5-e { height: 960px; position: relative; overflow: hidden; clear: both; background-color: #d2d2d2 }
.ydxly5-text1, .ydxly5-text2 { width: 50%; right: 25%; color: #fff; }
.ydxly5-text1 { top: 120px; font-size: 50px; text-align: center; color: #333; font-weight: normal }
.ydxly5-text2 { top: 200px; color: #666; font-size: 16px; text-align: center; line-height: 30px; }
.ydxly5-text1, .ydxly5-text2, .ydxly5-tp1 { display: none; position: absolute; z-index: 22; }
.ydxly5-tp1 { width: 100%; height: 639px; background: url(/official/temp/default/images/ydx_05.jpg) no-repeat center top; display: none; right: 0%; bottom: 0px; overflow: hidden; z-index: 21; }
.ydxly5-animate1 { animation-name: ydxly5-a; animation: ydxly5-a 0.5s alternate; -moz-animation: ydxly5-a 0.5s alternate; -webkit-animation: ydxly5-a 0.5s alternate; }
@keyframes ydxly5-a { 0% {
left:80%;
opacity:0;
}
100% {
left:25%;
opacity:1;
}
}
@-webkit-keyframes ydxly5-a { 0% {
left:80%;
opacity:0;
}
100% {
left:25%;
opacity:1;
}
}
@-moz-keyframes ydxly5-a { 0% {
left:80%;
opacity:0;
}
100% {
left:25%;
opacity:1;
}
}
.ydxly5-animate2 { animation-name: ydxly5-b; animation: ydxly5-b 0.5s alternate; -moz-animation: ydxly5-b 0.5s alternate; -webkit-animation: ydxly5-b 0.5s alternate; }
@keyframes ydxly5-b { 0% {
right:80%;
opacity:0;
}
100% {
right:25%;
opacity:1;
}
}
@-webkit-keyframes ydxly5-b { 0% {
right:80%;
opacity:0;
}
100% {
right:25%;
opacity:1;
}
}
@-moz-keyframes ydxly5-b { 0% {
right:80%;
opacity:0;
}
100% {
right:25%;
opacity:1;
}
}
.ydxly5-animate3 { animation-name: ydxly5-c; animation: ydxly5-c 1.5s alternate; -moz-animation: ydxly5-c 1.5s alternate; -webkit-animation: ydxly5-c 1.5s alternate; }
@keyframes ydxly5-e { 0% {
bottom:-200px;
opacity:0;
}
100% {
bottom:0px;
opacity:1;
}
}
 @-webkit-keyframes ydxly5-e { 0% {
bottom:-200px;
opacity:0;
}
100% {
bottom:0px;
opacity:1;
}
}
 @-moz-keyframes ydxly5-e { 0% {
bottom:-200px;
opacity:0;
}
100% {
bottom:0px;
opacity:1;
}
}
#banner1 { background-color: #222222; width: 100%; height: 500px; }
#main3 { width: 1000px; margin: 0 auto; }
.hy_zxjy { margin-top: 100px; float: left; margin-bottom: 70px; }
.hy_zxjy_bt { font-size: 30px; color: #333; border-left-width: 4px; border-left-style: solid; border-left-color: #b18247; padding-left: 15px; line-height: 28px; }
.hy_zxjy_fa { margin-top: 70px }
.hy_zxjy_fa_box { width: 1000px; height: auto; overflow: hidden; }
.hy_zxjy_fa_box li { width: 250px; height: 330px; float: left; overflow: hidden; position: relative; }
.toll_img { width: 250px; height: 330px; }
.toll_info { height: 330px; vertical-align: middle; display: table-cell; }
.hy_zxjy_fa_box li .box1 { color: #666; text-decoration: none; position: absolute; top: 0; left: 0; cursor: pointer; }
.hy_zxjy_kq { width: 1000px; float: left; margin-top: 70px; }
.hy_zxjy_kq_xx { width: 250px; height: 160px; float: left; overflow: hidden; position: relative; text-align: center; color: #333333; line-height: 26px; padding-top: 40px; background-color: #f5f5f5; font-size: 16px }
.hy_zxjy_kq_xx span { font-size: 18px }
.hy_zxjy_kq_xx img { padding-bottom: 15px; }
.hy_zxjy_kq_xx1 { width: 250px; height: 160px; float: left; overflow: hidden; position: relative; text-align: center; color: #333333; line-height: 26px; padding-top: 40px; background-color: #ebebed; font-size: 16px }
.hy_zxjy_kq_xx1 span { font-size: 18px }
.hy_zxjy_kq_xx1 img { padding-bottom: 15px; }
.hy_zxjy_xt { width: 1000px; float: left; margin-top: 70px; }
.hy_zxjy_xt_xx1 { width: 460px; float: left; margin-left: 10px; }
.hy_zxjy_xt_xx2 { width: 460px; float: left; margin-left: 60px; }
.hy_zxjy_xt_xx_tp { text-align: center }
.hy_zxjy_xt_xx_bt { text-align: center; font-size: 28px; color: #333; margin-top: 20px; }
.hy_zxjy_xt_xx_bt a { color: #333; }
.hy_zxjy_xt_xx_bt a:hover { color: #b18247; }
.hy_zxjy_xt_xx_wz { text-align: center; font-size: 16px; color: #666; margin-top: 20px; line-height: 28px; }
.hy_zxjy_bn { height: 500px; position: relative; overflow: hidden; clear: both; width: 1200px; margin: 0 auto }
.tu1 { position: absolute; left: 9%; top: 170px; font-size: 50px; text-align: left; color: #fff; width: 700px; z-index: 9 }
.animated1 { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
@-webkit-keyframes img1 { 0% {
top:280px;
opacity:0;
}
100% {
top:170px;
opacity:1;
}
}
@keyframes img1 { 0% {
top:280px;
opacity:0;
}
100% {
top:170px;
opacity:1;
}
}
@-moz-keyframes img1 { 0% {
top:280px;
opacity:0;
}
100% {
top:170px;
opacity:1;
}
}
.img1 { -webkit-animation-name: img1; animation-name: img1 }
.tu2 { position: absolute; top: 250px; color: #eee; font-size: 16px; left: 9%; text-align: left; width: 700px; line-height: 26px; z-index: 9 }
.animated2 { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
@-webkit-keyframes img2 { 0% {
top:300px;
opacity:0;
}
100% {
top:250px;
opacity:1;
}
}
@keyframes img2 { 0% {
top:300px;
opacity:0;
}
100% {
top:250px;
opacity:1;
}
}
@-moz-keyframes img2 { 0% {
top:300px;
opacity:0;
}
100% {
top:250px;
opacity:1;
}
}
.img2 { -webkit-animation-name: img2; animation-name: img2 }
.tu3 { position: absolute; right: 4%; top: 40px; z-index: 8 }
.animated3 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
@-webkit-keyframes img3 { 0% {
top:400px;
opacity:0;
}
100% {
top:40px;
opacity:1;
}
}
@keyframes img3 { 0% {
top:400px;
opacity:0;
}
100% {
top:40px;
opacity:1;
}
}
@-moz-keyframes img3 { 0% {
top:400px;
opacity:0;
}
100% {
top:40px;
opacity:1;
}
}
.img3 { -webkit-animation-name: img3; animation-name: img3 }
 @mixin transition($sizing) {
 -webkit-transition:$sizing;
 -moz-transition:$sizing;
 transition:$sizing;
}
#warp { width: 800px; height: 500px; float: right; position: relative; }
.p1 { transition: all 0.5s linear; transform: translateX(0) translateY(0); cursor: pointer }


.allly1-a { height: 580px; position: relative; overflow: hidden; clear: both; background-image: url(../images/AllLIVE_01.jpg); background-repeat: no-repeat; background-position: center; top: -80px }
.allly1-text1, .allly1-text2 { width: 650px; right: 41%; color: #fff; }
.allly1-text1 { top: 275px; font-size: 50px; text-align: left; color: #fff; font-weight: normal }
.allly1-text2 { top: 350px; color: #eeeeee; font-size: 30px; text-align: left; right: 40%; }
.allly1-text1, .allly1-text2, .allly1-tp1 { display: none; position: absolute; z-index: 22; }
.allly1-tp1 { width: 529px; height: 502px; z-index: 100; background: url(../images/AllLIVE_01.png) no-repeat right top; display: none; right: 18%; bottom: 0px; overflow: hidden; z-index: 21; }
.allly1-animate1 { animation-name: allly1-a; animation: allly1-a 0.5s alternate; -moz-animation: allly1-a 0.5s alternate; -webkit-animation: allly1-a 0.5s alternate; }
@keyframes allly1-a { 0% {
top:165px;
opacity:0;
}
100% {
top:275px;
opacity:1;
}
}
@-webkit-keyframes allly1-a { 0% {
top:165px;
opacity:0;
}
100% {
top:275px;
opacity:1;
}
}
@-moz-keyframes allly1-a { 0% {
top:165px;
opacity:0;
}
100% {
top:275px;
opacity:1;
}
}
.allly1-animate2 { animation-name: allly1-b; animation: allly1-b 0.5s alternate; -moz-animation: allly1-b 0.5s alternate; -webkit-animation: allly1-b 0.5s alternate; }
@keyframes allly1-b { 0% {
right:80%;
opacity:0;
}
100% {
right:40%;
opacity:1;
}
}
@-webkit-keyframes allly1-b { 0% {
right:80%;
opacity:0;
}
100% {
right:40%;
opacity:1;
}
}
@-moz-keyframes allly1-b { 0% {
right:80%;
opacity:0;
}
100% {
right:40%;
opacity:1;
}
}
.allly1-animate3 { animation-name: allly1-c; animation: allly1-c 0.5s alternate; -moz-animation: allly1-c 0.5s alternate; -webkit-animation: allly1-c 0.5s alternate; }
 @keyframes allly1-c { from {
right:12%;
opacity:0;
}
to { right: 18%; opacity: 1; }
}
@-webkit-keyframes allly1-c { from {
right:12%;
opacity:0;
}
to { right: 18%; opacity: 1; }
}
@-moz-keyframes allly1-c { from {
right:12%;
opacity:0;
}
to { right: 18%; opacity: 1; }
}
.allly2-b { height: 960px; background-color: #eee; position: relative; overflow: hidden; clear: both; }
.allly2-text1, .allly2-text2 { width: 50%; right: 25%; color: #fff; }
.allly2-text1 { top: 150px; font-size: 50px; text-align: center; color: #333; font-weight: normal }
.allly2-text2 { top: 250px; color: #666666; font-size: 16px; text-align: center; line-height: 30px; }
.allly2-text1, .allly2-text2, .allly2-tp1 { display: none; position: absolute; z-index: 22; }
.allly2-tp1 { width: 100%; height: 632px; z-index: 100; background: url(../images/AllLIVE_04.jpg) no-repeat center top; display: none; right: 0%; bottom: 30px; overflow: hidden; z-index: 21; }
.allly2-animate1 { animation-name: allly2-a; animation: allly2-a 0.5s alternate; -moz-animation: allly2-a 0.5s alternate; -webkit-animation: allly2-a 0.5s alternate; }
@keyframes allly2-a { 0% {
top:0px;
opacity:0;
}
100% {
top:150px;
opacity:1;
}
}
@-webkit-keyframes allly2-a { 0% {
top:0px;
opacity:0;
}
100% {
top:150px;
opacity:1;
}
}
@-moz-keyframes allly2-a { 0% {
top:0px;
opacity:0;
}
100% {
top:150px;
opacity:1;
}
}
.allly2-animate2 { animation-name: allly2-b; animation: allly2-b 0.5s alternate; -moz-animation: allly2-b 0.5s alternate; -webkit-animation: allly2-b 0.5s alternate; }
@keyframes allly2-b { 0% {
right:80%;
opacity:0;
}
100% {
right:25%;
opacity:1;
}
}
@-webkit-keyframes allly2-b { 0% {
right:80%;
opacity:0;
}
100% {
right:25%;
opacity:1;
}
}
@-moz-keyframes allly2-b { 0% {
right:80%;
opacity:0;
}
100% {
right:25%;
opacity:1;
}
}
.allly2-animate3 { animation-name: allly2-c; animation: allly2-c 1.5s alternate; -moz-animation: allly2-c 1.5s alternate; -webkit-animation: allly2-c 1.5s alternate; }
@keyframes allly2-c { 0% {
bottom:-60px;
opacity:0;
}
100% {
bottom:30px;
opacity:1;
}
}
 @-webkit-keyframes allly2-c { 0% {
bottom:-60px;
opacity:0;
}
100% {
bottom:30px;
opacity:1;
}
}
 @-moz-keyframes allly2-c { 0% {
bottom:-60px;
opacity:0;
}
100% {
bottom:30px;
opacity:1;
}
}
.allly3-c { height: 960px; background-color: #000000; position: relative; overflow: hidden; clear: both; }
.allly3-text1, .allly3-text2 { width: 50%; right: 25%; color: #fff; }
.allly3-text1 { top: 150px; font-size: 50px; text-align: center; color: #fff; font-weight: normal }
.allly3-text2 { top: 250px; color: #eeeeee; font-size: 16px; text-align: center; line-height: 30px; }
.allly3-text1, .allly3-text2, .allly3-tp1 { display: none; position: absolute; z-index: 22; }
.allly3-tp1 { width: 100%; height: 552px; z-index: 100; background: url(../images/AllLIVE_08.jpg) no-repeat center top; display: none; right: 0%; bottom: 30px; overflow: hidden; z-index: 21; }
.allly3-animate1 { animation-name: allly3-a; animation: allly3-a 0.5s alternate; -moz-animation: allly3-a 0.5s alternate; -webkit-animation: allly3-a 0.5s alternate; }
@keyframes allly3-a { 0% {
right:80%;
opacity:0;
}
100% {
right:25%;
opacity:1;
}
}
@-webkit-keyframes allly3-a { 0% {
right:80%;
opacity:0;
}
100% {
right:25%;
opacity:1;
}
}
@-moz-keyframes allly3-a { 0% {
right:80%;
opacity:0;
}
100% {
right:25%;
opacity:1;
}
}
.allly3-animate2 { animation-name: allly3-b; animation: allly3-b 0.5s alternate; -moz-animation: allly3-b 0.5s alternate; -webkit-animation: allly3-b 0.5s alternate; }
@keyframes allly3-b { 0% {
left:80%;
opacity:0;
}
100% {
left:25%;
opacity:1;
}
}
@-webkit-keyframes allly3-b { 0% {
left:80%;
opacity:0;
}
100% {
left:25%;
opacity:1;
}
}
@-moz-keyframes allly3-b { 0% {
left:80%;
opacity:0;
}
100% {
left:25%;
opacity:1;
}
}
.allly3-animate3 { animation-name: allly3-c; animation: allly3-c 1.5s alternate; -moz-animation: allly3-c 1.5s alternate; -webkit-animation: allly3-c 1.5s alternate; }
@keyframes allly3-c { 0% {
bottom:-60px;
opacity:0;
}
100% {
bottom:30px;
opacity:1;
}
}
 @-webkit-keyframes allly3-c { 0% {
bottom:-60px;
opacity:0;
}
100% {
bottom:30px;
opacity:1;
}
}
 @-moz-keyframes allly3-c { 0% {
bottom:-60px;
opacity:0;
}
100% {
bottom:30px;
opacity:1;
}
}
.allly4-d { height: 960px; position: relative; overflow: hidden; clear: both; background-image: url(../images/AllLIVE_11.jpg); background-repeat: no-repeat; background-position: center; }
.allly4-text1, .allly4-text2 { width: 50%; right: 25%; color: #fff; }
.allly4-text1 { top: 150px; font-size: 50px; text-align: center; color: #333333; font-weight: normal }
.allly4-text2 { top: 250px; color: #666; font-size: 16px; text-align: center; line-height: 30px; }
.allly4-text1, .allly4-text2, .allly4-tp1 { display: none; position: absolute; z-index: 22; }
.allly4-tp1 { width: 100%; height: 539px; z-index: 100; background: url(../images/AllLIVE_04.png) no-repeat center top; display: none; right: 0%; bottom: 30px; overflow: hidden; z-index: 21; }
.allly4-animate1 { animation-name: allly4-a; animation: allly4-a 0.5s alternate; -moz-animation: allly4-a 0.5s alternate; -webkit-animation: allly4-a 0.5s alternate; }
@keyframes allly4-a { 0% {
top:0px;
opacity:0;
}
100% {
top:150px;
opacity:1;
}
}
@-webkit-keyframes allly4-a { 0% {
top:0px;
opacity:0;
}
100% {
top:150px;
opacity:1;
}
}
@-moz-keyframes allly4-a { 0% {
top:0px;
opacity:0;
}
100% {
top:150px;
opacity:1;
}
}
.allly4-animate2 { animation-name: allly4-b; animation: allly4-b 0.5s alternate; -moz-animation: allly4-b 0.5s alternate; -webkit-animation: allly4-b 0.5s alternate; }
@keyframes allly4-b { 0% {
right:80%;
opacity:0;
}
100% {
right:25%;
opacity:1;
}
}
@-webkit-keyframes allly4-b { 0% {
right:80%;
opacity:0;
}
100% {
right:25%;
opacity:1;
}
}
@-moz-keyframes allly4-b { 0% {
right:80%;
opacity:0;
}
100% {
right:25%;
opacity:1;
}
}
.allly4-animate3 { animation-name: allly4-c; animation: allly4-c 1.5s alternate; -moz-animation: allly4-c 1.5s alternate; -webkit-animation: allly4-c 1.5s alternate; }
@keyframes allly4-c { 0% {
bottom:-60px;
opacity:0;
}
100% {
bottom:30px;
opacity:1;
}
}
 @-webkit-keyframes allly4-c { 0% {
bottom:-60px;
opacity:0;
}
100% {
bottom:30px;
opacity:1;
}
}
 @-moz-keyframes allly4-c { 0% {
bottom:-60px;
opacity:0;
}
100% {
bottom:30px;
opacity:1;
}
}
.allly5-e { height: 1302px; position: relative; overflow: hidden; clear: both; background-image: url(../images/AllLIVE_bg.jpg); background-repeat: no-repeat; background-position: center; }
.allly5-text1, .allly5-text2 { width: 30%; right: 35%; color: #fff; }
.allly5-text1 { top: 200px; font-size: 50px; text-align: center; color: #fff; font-weight: normal }
.allly5-text1, .allly5-text2 { display: none; position: absolute; z-index: 22; }
.allly5-text2 { top: 860px; font-size: 50px; text-align: center; color: #fff; font-weight: normal }
.allly5-tp2 { width: 1000px; color: #fff; margin: 0 auto; padding-top: 660px; display: none }
.allly5-tp1 { width: 1000px; color: #fff; margin: 0 auto; padding-top: 360px; display: none }
.allly5-tp1_xx { text-align: center; float: left; font-size: 17px; line-height: 50px; width: 200px; margin-bottom: 100px; }
.allly5-animate1 { animation-name: allly5-a; animation: allly5-a 0.5s alternate; -moz-animation: allly5-a 0.5s alternate; -webkit-animation: allly5-a 0.5s alternate; }
@keyframes allly5-a { 0% {
top:100px;
opacity:0;
}
100% {
top:200px;
opacity:1;
}
}
@-webkit-keyframes allly5-a { 0% {
top:100px;
opacity:0;
}
100% {
top:200px;
opacity:1;
}
}
@-moz-keyframes allly5-a { 0% {
top:100px;
opacity:0;
}
100% {
top:200px;
opacity:1;
}
}
.allly5-animate2 { animation-name: allly5-b; animation: allly5-b 1.5s alternate; -moz-animation: allly5-b 1.5s alternate; -webkit-animation: allly5-b 1.5s alternate; }
@keyframes allly5-b { 0% {
 opacity:0;
}
100% {
 opacity:1;
}
}
@-webkit-keyframes allly5-b { 0% {
 opacity:0;
}
100% {
 opacity:1;
}
}
@-moz-keyframes allly5-b { 0% {
 opacity:0;
}
100% {
 opacity:1;
}
}
.allly5-animate3 { animation-name: allly5-c; animation: allly5-c 1.5s alternate; -moz-animation: allly5-c 1.5s alternate; -webkit-animation: allly5-c 1.5s alternate; }
@keyframes allly5-c { 0% {
top:760px;
opacity:0;
}
100% {
top:860px;
opacity:1;
}
}
@-webkit-keyframes allly5-c { 0% {
top:760px;
opacity:0;
}
100% {
top:860px;
opacity:1;
}
}
@-moz-keyframes allly5-c { 0% {
top:760px;
opacity:0;
}
100% {
top:860px;
opacity:1;
}
}
.allly5-animate4 { animation-name: allly5-d; animation: allly5-d 1.5s alternate; -moz-animation: allly5-d 1.5s alternate; -webkit-animation: allly5-d 1.5s alternate; }
@keyframes allly5-d { 0% {
 opacity:0;
}
100% {
 opacity:1;
}
}
@-webkit-keyframes allly5-d { 0% {
 opacity:0;
}
100% {
 opacity:1;
}
}
@-moz-keyframes allly5-d { 0% {
 opacity:0;
}
100% {
 opacity:1;
}
}


.tabalBdl
{
    background:#efeeec;
    margin:20px auto;
	border-collapse: collapse;
	border: 0px #BBDDE5 solid;/*d8dce2*/
	text-align: left;
	width: 100%;
	height:500px;
}
.tabalBdl td
{
    background:#efeeec;
	border: 1px #efeeec solid;/*d8dce2*/
	height: 30px;
	line-height:30px;
}


 .latest-news {
        height: 600px;
        width: 100%;
        background: rgba(255, 255, 255, 1);
    }
.latest-news a:hover {
        color:#c99047;
    }
.latest-news-title-layout {
        display: flex;
        flex-direction: row;
        justify-content: center;
        height:50px;
        padding-top:50px;
}

    .latest-news-title {
        height: 46px;
        font-size: 40px;
        font-family: PingFangSC-Medium;
        font-weight: 500;
        color: rgba(51, 51, 51, 1);
        line-height: 46px;
    }

    .latest-news-more {
        width: 96px;
        height: 22px;
        font-size: 16px;
        font-family: PingFangSC-Regular;
        font-weight: 400;
        color: rgba(102, 102, 102, 1);
        line-height: 42px;
        position: relative;
        left: 495px;
        top: 60px;
    }

.latest-news-more:hover
{
    color:#c99047;
}
    
    .latest-news-one {
        display: flex;
        flex-direction: row;
    }

    .latest-news-content-layout {
        display: flex;
        flex-direction: column;
        margin-left: 15px;
    }

    .latest-news-two {
        display: flex;
        flex-direction: row;
    }

    .latest-news-row {
        display: flex;
        flex-direction: row;
        margin-top: 89px;
        margin-left: 40px;
        overflow: hidden;
    }

    .latest-news-row img {
        cursor: pointer; /*让鼠标显示小手*/
        transition: 1s; /*过渡时间(缓慢放大时间)*/
    }

    .latest-news-row img:hover {
        transform: scale(1.1); /*放大*/
    }

    .latest-news-img-layout {
        width: 180px;
        height: 120px;
    }
    
     .title-row {
        width: 380px;
        height: 24px;
        font-size: 18px;
        font-family: PingFangSC-Medium;
        font-weight: 500;
        color: rgba(51, 51, 51, 1);
        line-height: 24px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        cursor: pointer;
    }

    .title-row-phone {
        width: 380px;
        height: 24px;
        font-size: 18px;
        font-family: PingFangSC-Medium;
        font-weight: 500;
        color: rgba(51, 51, 51, 1);
        line-height: 24px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
    }

    .content-row {
        width: 380px;
        height: 60px;
        font-size: 14px;
        font-family: PingFangSC-Regular;
        font-weight: 400;
        color: rgba(102, 102, 102, 1);
        line-height: 20px;
        margin-top: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .content-row:hover {
        color: #333333;
        cursor: pointer;
    }

    .content-row-phone {
        width: 380px;
        height: 60px;
        font-size: 14px;
        font-family: PingFangSC-Regular;
        font-weight: 400;
        color: rgba(102, 102, 102, 1);
        line-height: 20px;
        margin-top: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .year-row {
        width: 70px;
        height: 16px;
        font-size: 12px;
        font-family: PingFangSC-Regular;
        font-weight: 400;
        color: rgba(153, 153, 153, 1);
        line-height: 16px;
        margin-top: 10px;
    }

    .content-row-layout {
        display: flex;
        flex-direction: column;
        align-items: center;
    }


/*----------行业解决方案列表样式----------*/  
.plan_full_w { background-color: #999; }
.plan_full_w .sbtn { width: 160px; height: 48px; display: block; background-color: #00A8EC; color: #fff; line-height: 48px; margin: 30px auto 10px auto; }
.plan_full_w .sbtn:hover { color: #eee; background-color: #0390d6; }
.plan_full_w .plan_s_w { min-height: 900px; max-height: 900px; overflow: hidden; border-bottom: 10px solid #666; ; }
.plan_full_w .plan_s_w .plan_s_t_w { font-size: 16px; padding-top: 10%; padding-bottom: 30%; }
.plan_full_w #solution9 .plan_s_t_w { font-size: 16px; padding-top: 36%; padding-bottom: 30%; }
.plan_full_w .plan_s_w h1 { line-height: 48px; }
.plan_full_w .plan_s_w .plan_s_t_w .solution_text { margin-top: 30px; margin-bottom: 30px; }
.plan_full_w .plan_s_w .plan_s_t_w .solution_ck { /*! font-family: '宋体'; */ /*! font-size: 14px; */ }
.plan_full_w .plan_s_w .plan_s_t_w .solution_ck .sbtn { width: 160px; height: 48px; display: block; background-color: #00A8EC; font-size: 14px; color: #fff; line-height: 48px; margin: 0 auto; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.plan_full_w .plan_s_w .plan_s_t_w .solution_ck .sbtn:hover { color: #eee; background-color: #0390d6; }
/*----------行业解决方案列表页面动画----------*/
.active .plan_s_t_w h1, .active .plan_s_t_w .solution_ck { font-weight:normal; opacity: 1; -webkit-transition: all .3s .1s; -webkit-transition-delay: ease; -moz-transition: all .3s .1s ease; -o-transition: all .3s .1s ease; transition: all .3s .1s ease; -webkit-animation: moveDown 0.6s ease-in-out 0.2s backwards; -moz-animation: moveDown 0.6s ease-in-out 0.2s backwards; -o-animation: moveDown 0.6s ease-in-out 0.2s backwards; -ms-animation: moveDown 0.6s ease-in-out 0.2s backwards; animation: moveDown 0.6s ease-in-out 0.2s backwards; }
.active .plan_s_t_w p.solution_text { opacity: 1; -webkit-transition: all .3s .1s; -webkit-transition-delay: ease; -moz-transition: all .3s .1s ease; -o-transition: all .3s .1s ease; transition: all .3s .1s ease; -webkit-animation: moveUp 0.6s ease-in-out 0.2s backwards; -moz-animation: moveUp 0.6s ease-in-out 0.2s backwards; -o-animation: moveUp 0.6s ease-in-out 0.2s backwards; -ms-animation: moveUp 0.6s ease-in-out 0.2s backwards; animation: moveUp 0.6s ease-in-out 0.2s backwards; }
/*----------行业解决方案样式内页Banner----------*/
/*----------行业解决方案样式内页Banner----------*/
.solution_banner { height: 500px; width: 100%; background-color: #0A0406; color: #fff; text-align: center; }
.solution_banner img { background-size: cover; transform: scale(1); animation: slow_scale 12000ms 1 forwards; }
.solution_banner h3 { font-size: 58px; margin-top: 168px }
.solution_banner h4 { font-size: 28px; font-style: normal; font-weight: normal; color: #fff; margin-top: 20px; }
.solution1, .case_government_banner { background: #1E1C1D url(../images/hyfa_02.jpg) top center no-repeat; color: #fff; background-size: cover; }
.solution2, .case_education_banner { background: #1E1C1D url(../images/hyfa_03.jpg) top center no-repeat; color: #fff; background-size: cover }
.solution3, .case_finance_banner { background: #1E1C1D url(../images/hyfa_04.jpg) top center no-repeat; color: #fff; background-size: cover }
.solution4, .case_health_banner { background: #1E1C1D url(../images/hyfa_05.jpg) top center no-repeat; color: #fff; background-size: cover }
.solution5, .case_it_banner { background: #1E1C1D url(../images/hyfa_06.jpg) top center no-repeat; color: #fff; background-size: cover }
.solution6, .case_industry_banner { background: #1E1C1D url(../images/hyfa_07.jpg) top center no-repeat; color: #fff; background-size: cover }
.solution7, .case_traffic_banner { background: #1E1C1D url(../images/hyfa_08.jpg) top center no-repeat; color: #fff; background-size: cover }
.solution8, .case_retail_banner { background: #1E1C1D url(../images/hyfa_09.jpg) top center no-repeat; color: #fff; background-size: cover }
.solution1, .solution2, .solution3, .solution4, .solution5, .solution5, .solution7, .solution8 { min-height: 900px; }
.sxt12 { background: #05060B url(../images/HD612-3.jpg) no-repeat center center; background-size: cover; }
.section { min-height: 900px; overflow: hidden; }
.section h1 { font-size: 42px; line-height: 48px; margin-top: 10%; }
.section p { line-height: 28px; font-size: 15px; margin: 30px 0 40px 0; }
.text-center {
    text-align: center;
}
.dropeft {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    z-index: 0;
}
.btn_view_more {
    overflow: hidden;
    display: block;
    width: 130px;
    height: 42px;
    line-height: 42px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -ms-border-radius: 30px;
    -moz-border-radius: 30px;
    border: 1px #b18247 solid;
    font-size: 14px;
    text-align: center;
    background-color: #b18247;
    color: #fff;
    margin: 30px auto 30px auto;
}
.btn_view_more:hover {
    overflow: hidden;
    display: block;
    width: 130px;
    height: 42px;
    line-height: 42px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -ms-border-radius: 30px;
    -moz-border-radius: 30px;
    border: 1px #8c5d23 solid;
    font-size: 14px;
    text-align: center;
    background-color: #8c5d23;
    color: #fff;
    margin: 30px auto 30px auto;
}
/*----------媒体查询-行业解决方案列表页 max-990----------*/
@media screen and (max-width:990px) {
.solution1, .solution2, .solution3, .solution4, .solution5, .solution5, .solution7, .solution8 { min-height: auto; }
}
/*----------行业解决方案内页----------*/
.plan_w { color: #666 }
.plan_w h3 { margin: 10px auto 30px auto; color: #36475a;; }
/*-----案例概述-----*/
.plan_w .case_overview_w { max-width: 1200px; margin: 0px auto 0px auto; padding: 30px 30px 30px 30px; margin-top: 10px; color: #6e798b; font-size: 16px; line-height: 32px; }


/*技术顾问*/
.manage-team {
}

.manage-team .person-box {
    height: 238px;
    margin-bottom: 100px;
}

.manage-team .img-box {
    display: inline-block;
    width: 196px;
    height: 238px;
    float: left;
}

.manage-team .img-box-fr {
    float: right;
}

.manage-team .introduce {
    padding: 35px 0 0 260px;
    line-height: 1.714;
}

.manage-team .introduce-r {
    padding: 10px 240px 0 0;
}

.manage-team .introduce h3 {
    font-size: 28px;
    color: #333;
}

.manage-team .introduce .title {
    font-size: 22px;
    color: #333;
}

.manage-team .introduce .background {
    font-size: 16px;
    color: #666;
    margin-top: 20px;
}

.manage-team .img-box {
    margin: 10px 0 30px;
    padding-bottom: 20px;
    text-align: center;
}

.video_content { float: left; margin-top: 30px;  width: 400px;}
.video_content .video_w {
    position: relative;
    z-index: 1;
    margin: 10px auto;
    overflow: hidden;
}
.video_content .video_w a {
    color: #0080ff;
    text-decoration: none;
    cursor: pointer;
}
.video_content .video_w .video_list img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 100ms;
    transition: transform 200ms;
    width:100%;
    height:100%;
}
.video_content .video_w .video_list:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); -webkit-transition: -webkit-transform 100ms; transition: transform 200ms; }
.video_content .video_w .video_list:hover { color: #b18247; }
.video_content .video_w .video_list .video_text {
    position: absolute;
    z-index: 2;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #FFF;
    margin-top:30px;
}
.video_content .video_w .video_list .video_play {
    position: absolute;
    z-index: 2;
    top: 42%;
    left: 48%;
    background: url(/official/temp/default/images/play.png) no-repeat center center;
    width: 30px;
    height: 30px;
}
.video_content .video_w .video_list .list_cover {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.float_ewm {
    position: fixed;
    right: 0.6rem;
    top: 16rem;
    z-index: 9999;
}
.float_ewm .ewm {
    width: 8.84rem;
    height: 10rem;
    position: absolute;
    background: #fff;
    right: 2rem;
    top: 0;
    border-radius: 3px;
    border: 1px solid #e6e7ec;
    text-align: center;
}
.float_ewm .ewm p:nth-child(1) {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.4rem;
    font-weight: bold;
    color: #111111;
    font-size: 0.484rem;
    margin-left: 0;
}
.float_ewm .ewm p:nth-child(2) {
    margin-left: 0;
}
.float_ewm .ewm p:nth-child(2) img {
    width: 8rem;
    margin-top: 0.1rem;
    margin-left: 0;
}
.float-bottom 
{
    cursor:pointer;
    font-size: 0.42rem;
    color: #534bd9;
    width: 1.8rem;
    height: 6.8rem;
    background: #ffffff;
    text-align: center;
    position: fixed;
    right: 0.6rem;
    top: 16rem;
    display: flex;
    align-items: center;
    border: 1px solid #e6e7ec;
    flex-direction: column;
}
.float-bottom img {
    margin-top: 0.5rem;
}
.float-bottom p {
    margin: 0;
    margin-top: 6px;
}