@charset "gb2312";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure{margin:0;padding:0;} 
body { font: 14px/1.8 "Microsoft Yahei",verdana; font-weight:100; position:relative}
div{margin:0;padding:0;background-position:0;}
form{margin: 0px; padding:0px;}
a{ text-decoration:none}
img{border:none;}
ul,dl,li{list-style-type: none;}
.clear{ clear:both}
.marnone{ margin:0px;}
.fl{ float:left}
.fr{ float:right}
.disnone{ display:none;}
.ie6fixedTL{position:fixed;left:0;top:0}
.ie6fixedBR{position:fixed;right:0;bottom:0}



.overlay-figure {
position: relative;
/*
You can safely give the entire complex a size, or just a width or height. If a
size isn't specified then the overlay-figure-content element's size defines
the overall size (i.e. the IMG element defines the overall size).

width: 480px;
height: 320px;
*/
display: table;

}

.overlay-figure-content {
width: 100%;
height: 100%;
-webkit-transform: scale(1.1) translateZ(0);
-moz-transform: scale(1.1) translateZ(0);
transform: scale(1.1) translateZ(0);
-webkit-transition: -webkit-transform 0.3s ease 0.25s;
-moz-transition:    -moz-transform 0.3s ease 0.25s;
transition:         transform 0.3s ease 0.25s;
}

/*ÉèÖÃͼƬ´óС*/
.overlay-figure:hover
.overlay-figure-content {
-webkit-transform: scale(1.1) translateZ(0);
-moz-transform: scale(1.1) translateZ(0);
transform: scale(1.1) translateZ(0);
}
/*.overlay-figure:hover
.overlay-figure-content {
-webkit-transform: scale(0.95) translateZ(0);
-moz-transform: scale(0.95) translateZ(0);
transform: scale(0.95) translateZ(0);
}*/

.overlay-figure-content > img {
display: block;
width:100%; height:100%
}

.overlay-figure-background {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0;
background-image: linear-gradient(to bottom, rgba(0,0,0, 0.5), rgba(0,0,0, 0.85));
}

.overlay-figure:hover
.overlay-figure-background {
opacity: 1;
}

.overlay-figure-caption {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
font-family: adobe-clean, 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: white;
opacity: 0;
-webkit-transition: opacity ease 0.25s;
-moz-transition: opacity ease 0.25s;
transition: opacity ease 0.25s;
}

.overlay-figure:hover
.overlay-figure-caption {
opacity: 1;
}

.overlay-figure-caption
.contents {
display: table;
width: 100%;
height: 100%;
}

.overlay-figure-caption
.contents-stack {
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 5%;
}

.overlay-figure-caption
.title {
display: block;
margin-bottom: 0px;
opacity: 0;
-webkit-transform: translateY(-100%) translateZ(0);
-moz-transform: translateY(-100%) translateZ(0);
transform: translateY(-100%) translateZ(0);
-webkit-transition: -webkit-transform 0.3s ease 0.25s, opacity 0.15s ease 0.25s;
-moz-transition:    -moz-transform 0.3s ease 0.25s, opacity 0.15s ease 0.25s;
transition:         transform 0.3s ease 0.25s, opacity 0.15s ease 0.25s;
font-weight:100; font-family:"΢ÈíÑźÚ"; font-size:16px; letter-spacing:1px;font-weight:bold;

}

.overlay-figure:hover 
.title {
opacity: 1;
-webkit-transform: translateY(0) translateZ(0);
-moz-transform: translateY(0) translateZ(0);
transform: translateY(0) translateZ(0);
}

.overlay-figure
.separator {
display: block;
margin: 12px;
margin-left: auto;
margin-right: auto;
height: 1px;
width: 90%;
background-color: white;
-webkit-transform: scaleX(0) translateZ(0);
-moz-transform: scaleX(0) translateZ(0);
transform: scaleX(0) translateZ(0);
-webkit-transition: -webkit-transform 0.25s ease 0.25s;
-moz-transition:    -moz-transform 0.25s ease 0.25s;
transition:         transform 0.25s ease 0.25s;
}

.overlay-figure:hover
.separator {
-webkit-transform: scaleX(1) translateZ(0);
-moz-transform: scaleX(1) translateZ(0);
transform: scaleX(1) translateZ(0);
}

.overlay-figure-caption 
.text {
font-family:"΢ÈíÑźÚ";
letter-spacing:0.5px;
padding-top:8px;
font-size:14px;
text-align:center;
display: block;
margin-top: -10px;
opacity: 0;
-webkit-transform: translateY(100%) translateZ(0);
-moz-transform: translateY(100%) translateZ(0);
transform: translateY(100%) translateZ(0);
-webkit-transition: -webkit-transform 0.3s ease 0.25s, opacity 0.15s ease 0.25s;
-moz-transition:    -moz-transform 0.3s ease 0.25s, opacity 0.15s ease 0.25s;
transition:         transform 0.3s ease 0.25s, opacity 0.15s ease 0.25s;
}

.overlay-figure:hover
.text {
opacity: 1;
-webkit-transform: translateY(0) translateZ(0);
-moz-transform: translateY(0) translateZ(0);
transform: translateY(0) translateZ(0);
}

/*½éÉÜ*/
.zixun3{ width:100%; height:262px; padding-top:70px;}
.liaojie1 a{ width:134px; border:solid 1px #be9e7f; color:be9e7f; text-align:center; line-height:26px; margin:0 auto; height:26px; font-size:13px; color:#be9e7f; display:block}
.liaojie1 a:hover{ background: #be9e7f; color:#fff;}
.guanzhu{ width:903px; height:221px; margin:0 auto}
.tubiao1{ width:80px; height:81px; background:url(../images/zuanshi.png)  center top no-repeat; display:block; margin:0 auto;opacity:1;-webkit-animation:orangeOut 0.1s ease;animation:orangeOut 0.1s ease;}
.tubiao2{ width:80px; height:81px; background:url(../images/jiangbei.png) center top no-repeat; display:block; margin:0 auto;opacity:1;-webkit-animation:orangeOut 0.1s ease;animation:orangeOut 0.1s ease;}
.tubiao3{ width:80px; height:81px; background:url(../images/wuxing.png) center top  no-repeat; display:block; margin:0 auto;opacity:1;-webkit-animation:orangeOut 0.1s ease;animation:orangeOut 0.1s ease;}
.tubiao1:hover{ width:80px; height:81px; background:url(../images/zuanshih.png) center top  no-repeat; display:block; margin:0 auto;opacity:1;
-webkit-animation:orangeIn 0.3s ease;
animation:orangeIn 0.3s ease;}
.tubiao2:hover{ width:80px; height:81px; background:url(../images/jiangbeih.png) center top  no-repeat; display:block; margin:0 auto;opacity:1;
-webkit-animation:orangeIn 0.3s ease;
animation:orangeIn 0.3s ease;}
.tubiao3:hover{ width:80px; height:81px; background:url(../images/wuxingh.png) center top  no-repeat; display:block; margin:0 auto;opacity:1;
-webkit-animation:orangeIn 0.3s ease;
animation:orangeIn 0.3s ease;}

@-webkit-keyframes orangeIn {
0% {
-webkit-transform:scale(0.8);
-ms-transform:scale(0.8);
transform:scale(0.8);
opacity:0
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
opacity:1
}
}
@-moz-keyframes orangeIn {
0% {
-webkit-transform:scale(0.8);
-ms-transform:scale(0.8);
transform:scale(0.8);
opacity:0
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
opacity:1
}
}
@-ms-keyframes orangeIn {
0% {
-webkit-transform:scale(0.8);
-ms-transform:scale(0.8);
transform:scale(0.8);
opacity:0
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
opacity:1
}
}
@keyframes orangeIn {
0% {
-webkit-transform:scale(0.8);
-ms-transform:scale(0.8);
transform:scale(0.8);
opacity:0
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
opacity:1
}
}

@-webkit-keyframes orangeOut {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
opacity:1
}
100% {
-webkit-transform:scale(0.8);
-ms-transform:scale(0.8);
transform:scale(0.8);
opacity:0
}
}
@-moz-keyframes orangeOut {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
opacity:1
}
100% {
-webkit-transform:scale(0.8);
-ms-transform:scale(0.8);
transform:scale(0.8);
opacity:0
}
}



/*guanzhu*/
.guanzhu_li{ width:250px; text-align:center; float:left; margin-top:46px;margin-right:75px;}
.guanzhu_li .p1{ text-align:center; color:#c49664; font-size:18px;margin:15px 0 2px;}
.guanzhu_li .p2{ text-align:center; color:#898989; font-size:14px;}


.liaojie2 a{width:134px; border:solid 1px #be9e7f; color:be9e7f; text-align:center; line-height:26px; margin:0 auto; height:26; font-size:13px; margin-top:26px; color:#be9e7f; display:block}
.liaojie2 a:hover{ background: #be9e7f; color:#fff;}

/*#cbox*/
#cbox{position:relative;top:0px;width:100%;color:#fff;overflow:hidden}
#cbox a{color:#fff}
#cbox .cbox-info{position:relative;z-index:10;top:35%;width: 1200px;margin: 0 auto;}



/*head-#banner*/
#banner{position:relative;top:0px;width:100%;height:100%;background-color:#fff;color:#fff;overflow:hidden}
#banner a{color:#fff}
#sub-nav{z-index:11;position:absolute;bottom:5%;width:100%;}
#sub-nav .sub-nav-wrap{width:1100px;overflow:hidden;margin:auto}
#sub-nav ul{width:250px;line-height:80px; margin:0 auto}
#sub-nav ul li{float:left}
#sub-nav ul li a{display:block;width:16px;height:16px;color:#fff; margin:0 8px;}
#sub-nav ul li a.active span,#sub-nav ul li a:hover span{opacity:1;filter:alpha(opacity=100)}
#sub-nav ul li a span{display:inline-block;vertical-align:top;*display:inline;zoom:1;*vertical-align:middle;width:44px;height:44px;margin:20px 26px 16px 77px;opacity:0.8;filter:alpha(opacity=80)}
#sub-nav .cp1 span{background-position:-320px -283px;margin:20px 20px 16px 97px}
#sub-nav .cp2 span{background-position:-268px -283px;margin:20px 20px 16px 97px}
#sub-nav .cp3 span{background-position:-268px -283px;margin:20px 20px 16px 97px}
#sub-nav .cp4 span{background-position:-268px -283px;margin:20px 20px 16px 97px}
#banner .bg{width:100%;height:100%}
#banner .bg li{opacity:0;position:absolute;top:0;width:100%;height:100%;/*background-size:cover;*/background-attachment:fixed;background-repeat:no-repeat}
#banner .pr-info{z-index:10;position:relative;top:35%;width:100%}
#banner .pr-info ul{width:1100px;margin:auto}
#banner .pr-info li.b{width:1200px;position:absolute;top:0}
#banner .pr-info li .i-s,#banner .pr-info li .i-o{zoom:1;width:100%;text-align:center;position:absolute;top:0;opacity:0;display:none;}
#banner .pr-info li .i-o{zoom:1;padding-top:19%}
#banner .pr-info li .h400{height: 400px;}
#banner .pr-info .i-s h2{text-align:center;font-size:83px;line-height:86px}
#banner .pr-info .i-s p{display:inline-block;text-align:center;font-size:14px;line-height:24px;width:620px}
/*cp------------------------------*/
#banner .pr-info .i-s a{}
/*cp1*/
#banner .pr-info .i-s a.cp1_0{z-index:1; position:absolute;left:50%;top:-120px; margin-left:-180px;}
#banner .pr-info .i-s a.cp1_1{z-index:9; position:absolute;left:0px;}
#banner .pr-info .i-s a.cp1_2{z-index:10; position:absolute;left:150px;top:20px;}
#banner .pr-info .i-s a.cp1_3{z-index:11; position:absolute;left:300px;top:35px;}
#banner .pr-info .i-s a.cp1_4{z-index:12; position:absolute;left:450px;top:50px;}
#banner .pr-info .i-s a.cp1_5{z-index:11; position:absolute;left:600px;top:35px;}
#banner .pr-info .i-s a.cp1_6{z-index:12; position:absolute;left:780px;top:110px;}
#banner .pr-info .i-s a.cp1_7{z-index:11; position:absolute;left:860px;top:100px;}
/*cp2*/
#banner .pr-info .i-s a.cp2_1{z-index:9; position:absolute;left:0px;}
#banner .pr-info .i-s a.cp2_2{z-index:10; position:absolute;left:220px;top:20px;}
#banner .pr-info .i-s a.cp2_3{z-index:11; position:absolute;left:430px;top:35px;}
#banner .pr-info .i-s a.cp2_4{z-index:10; position:absolute;left:630px;top:20px;}
#banner .pr-info .i-s a.cp2_5{z-index:9; position:absolute;left:840px;top:0px;}
/*cp3*/
#banner .pr-info .i-s a.cp3_1{z-index:9; position:absolute;left:0px;}
#banner .pr-info .i-s a.cp3_2{z-index:10; position:absolute;left:170px;top:20px;}
#banner .pr-info .i-s a.cp3_3{z-index:11; position:absolute;left:320px;top:35px;}
#banner .pr-info .i-s a.cp3_4{z-index:12; position:absolute;left:490px;top:50px;}
#banner .pr-info .i-s a.cp3_5{z-index:11; position:absolute;left:670px;top:35px;}
#banner .pr-info .i-s a.cp3_6{z-index:10; position:absolute;left:850px;top:20px;}
/*cp4*/
#banner .pr-info .i-s a.cp4_1{z-index:9; position:absolute;left:0px;}
#banner .pr-info .i-s a.cp4_2{z-index:10; position:absolute;left:210px;top:20px;}
#banner .pr-info .i-s a.cp4_3{z-index:10; position:absolute;left:450px;top:10px;}
#banner .pr-info .i-s a.cp4_4{z-index:9; position:absolute;left:650px;top:20px;}
/*cp------------------------------*/
#banner .pr-info .i-o .download{position:relative;overflow:hidden;text-align:center;display:inline-block;width:256px;height:72px;background-position:-4px -203px}
#banner .pr-info .i-o .download:active{background-position:-4px -283px}
#banner .pr-info .i-o .download span{position:relative;top:0;display:inline-block;*display:inline;zoom:1;width:170px;height:68px;background-position:-268px -203px}
#banner .pr-info .i-o .download:active span{background:none}
#banner .pr-info .i-o .d-info{font-size:12px;line-height:24px;margin:3% 0 1%}
#banner .pr-info .i-o .m-v{text-decoration:none}
#banner .pr-info .i-o .v-gap{padding:0 12px}
#banner .bg li.twocmb,#banner .pr-info li.twocmb .i-s,#banner .pr-info li.twocmb .i-o{opacity:1;display:block; }
#banner .pr-info .m-v-panel{display:none;position:absolute;bottom:-56px;left:300px;clear:both}
#banner .pr-info .m-v-panel li{float:left;height:46px;line-height:46px}
#banner .pr-info .m-v-panel li a{display:block;padding:0 14px;color:#fff;background:url(../images/v-bg.png) top left repeat-x}
#banner .pr-info .m-v-panel li a:hover{background-image:none;background-color:#fff;color:#333}

#banner .scroll{z-index:10;position:absolute;bottom:13%;width:100%}
#banner .scroll span{display:block;width:36px;height:36px;margin:auto;background:url(../images/jiantou.png); cursor:pointer}/*cursor:pointer;-webkit-animation: jump 1s linear infinite;
animation: jump 1s linear infinite;}@keyframes jump{0%{transform:translate(0,0);-webkit-transform:translate(0,0)}40%{transform:translate(0,-10px);-webkit-transform:translate(0,-10px)}70%{transform:translate(0,5px);-webkit-transform:translate(0,5px)}100%{transform:translate(0,0;-webkit-transform:translate(0,0)}}*/
#sub-nav a{ background:url(../images/btn_off.png) center center no-repeat}
#sub-nav a.active{ background:url(../images/btn_on.png) center center no-repeat}


/**/
.clearfix:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0;}
*html.clearfix{zoom:1;}/*IE6*/
*:first-child+html.clearfix{zoom:1;}/*IE7*/

#top_nav{width:1375px; margin:0 auto}
#top_nav li{float:left;width:275px;}
#top_nav li img{width:160px;}