@charset "gb2312";
/* CSS Document */

body {margin-left: 0px;	margin-top: 0px;margin-right: 0px;margin-bottom: 0px; color:#3b3b3b; font-size:12px;}
div,ul,li,ol,table,tr,td,h1,h2,h3,h4,p{ margin:0; padding:0; list-style:none;}
img{ border:0}
@font-face {
 font-family: 'fontname';
 src: url('../font/·½ÕýÀ¼Í¤ÌغÚ.eot');
 src:  url('../font/·½ÕýÀ¼Í¤ÌغÚ.woff') format('woff'),
        url('../font/·½ÕýÀ¼Í¤ÌغÚ.TTF') format('truetype'),
        url('../font/·½ÕýÀ¼Í¤ÌغÚ.svg#fontname') format('svg');

}
.left{ float:left;}
.right{ float:right;}
.top{ width:100%x; height:75px; margin:0 auto; background-image:url(../images/mv_27.jpg);}

.menu{ width:1200px; height:88px; overflow:hidden; margin:0 auto;}
.menu_l{ float:left; width:472px; height:75px;}
.menu_r{ float:right; width:710px; height:75px;}
.menu_t{ width:710px; margin:0 auto; height:37px; line-height:37px; background-image:
url(../images/mv_27_05.png); background-repeat:no-repeat; }
.menu_t a{ display:block; width:90px; text-align:center; float:left;font-family:"΢ÈíÑźÚ", "ËÎÌå"; font-size:18px;}
.menu_r a:link{ text-decoration:none; color:#fff;}
.menu_r a:visited { text-decoration:none; color:#fff;}
.menu_r a:hover{ text-decoration:none; color:#ffa800;}

.menu_b{ display:block; width:710px; height:37px; line-height:37px; margin:0 auto;font-family:"΢ÈíÑźÚ","ËÎÌå"; font-size:18px;}
.menu_b a{ display:block; width:110px; text-align:center; float:left;font-family:"΢ÈíÑźÚ", "ËÎÌå"; font-size:18px;}

.tit{ width:1200px; height:50px; margin:0 auto; text-align:center; margin-top:20px;}
.tit a:link{  text-align:center;text-decoration:none; color:#333;font-family:"΢ÈíÑźÚ", "ËÎÌå"; font-size:24px;}
.tit a:visited { text-decoration:none; color:#595757;}
.tit a:hover{ text-decoration:none; color:#ffa800;}

.tit1{ width:1200px; height:50px; margin:0 auto; text-align:center;}
.tit1 a{width:25%;font-family: "ËÎÌå"; font-size:16px;}
.tit1 a:link{ text-decoration:none; color:#333;}
.tit1 a:visited { text-decoration:none; color:#595757;}
.tit1 a:hover{ text-decoration:none; color:#ffa800;}

.main1 { margin:0 auto; margin-top:20px;width:1200px; height:361px; }
.main1_l{ float:left; width:713px;  height:361px; overflow:hidden;}
.main1_r{float:right; margin-right:0; width:473px; height:361px; background-image:url(../images/mv_27_12.jpg); background-repeat:repeat-y;}
.main1_r a{ display:block; float:left; width:473px; overflow:hidden;}
.main1_r a:link{ height:72px; line-height:72px;text-align:center;text-decoration:none;font-family:"΢ÈíÑźÚ", "ËÎÌå"; color:#fff; font-size:18px;}
.main1_r a:visited { text-decoration:none;  color:#fff; size:18px;}
.main1_r a:hover{ text-decoration:none; color:#ffa800; height:72px;  font-size:20px; background-image:url(../images/mv_27_15.jpg);}

.ad1{ margin:0 auto; margin-top:20px; width:1200px; height:80px; overflow:hidden;}
.main2 { margin:0 auto; margin-top:20px;width:1200px; height:800px; overflow:hidden}
.main2_l{ float:left; width:880px;}
.main2_l_m{ float:left; width:880px; height:62px;}
.main2_l_c{ float:left; width:880px; height:330px; background-image:url(../images/mv_27_81.jpg); background-repeat:repeat-y; overflow:hidden;}
.main2_l_c img{ display:block; float:left;}
.main2_l_cl{ margin-left:18px; width:260px; height:390px;}
.marg{ margin:0 320px; }
.lma{ display:block; float:left; margin:10px 0px 0px 10px; background-image:url(../images/mv_27_01.jpg); background-repeat:no-repeat; width:71px; height:22px; line-height:22px; text-align:center; color:#FFF; text-decoration:none; }
.clore{ background-color:#eee;}
.lmTV{ width:260px;  margin:0 auto; margin-left:10px;}
.lmTV li{ float:left; width:100%; margin-top:13px;}
.lmTV li a:link{ text-decoration:none; color:#040000;font-size:16px;;font-family:"΢ÈíÑźÚ", "ËÎÌå"; }
.lmTV li a:visited { text-decoration:none; color:#040000;}
.lmTV li a:hover{ text-decoration:none; color:#ff0000;}
.main2_r{ float:right; width:277px;}
.main2_r img{ display:block; float:left;}
.margat{ margin:0 auto;}

.lmVI{ width:229px;  margin:0 auto; margin-left:10px;}
.lmVI li{ float:left; width:100%; height:40px; line-height:40px;background-image:url(../images/mv_27_03.jpg); background-repeat:no-repeat; padding-left:20px;}
.lmVI li a:link{ text-decoration:none; color:#040000;font-size:18px;;font-family:"΢ÈíÑźÚ", "ËÎÌå";}
.lmVI li a:visited { text-decoration:none; color:#040000;}
.lmVI li a:hover{ text-decoration:none; color:#ff0000;}

.JDbj{ margin:0 auto;width:1200px; height:50px; background:url(../images/mv_27_91.jpg) repeat-y;}
.mainJD { margin:0 auto; margin-top:20px;width:1200px; height:382px;}
.mainJD_l{ float:left;width:870px;  height:382px;}
.mainJD_r{float:right; margin-right:0; width:320px; height:382px;}
.mainZC{ margin:0 auto; width:1200px; height:400px; background:url(../images/mv_27_92.jpg) repeat-y; }
.mainZC_l{ float:left;width:50px;  height:400px; }
.mainZC ul{ float:right;width:1110px;  height:400px;}
.mainZC ul li{ float:left; width:220px; height:135px; line-height:45px;}
.mainZC ul li a{ display:block; float:left; width:100%; height:135px;} 
.mainZC ul li a span{ display:block; float:right; width:90px; height:60px; line-height:30px; margin-top:40px; text-align:center;}
.mainZC ul li b{font-size:18px;;font-family:"΢ÈíÑźÚ", "ËÎÌå";}
.mainZC ul li a:link{ text-decoration:none; color:#040000;}
.mainZC ul li a:visited { text-decoration:none; color:#040000;}
.mainZC ul li a:hover{ text-decoration:none; color:#ff0000;}


.ad2{ margin:0 auto; width:1200px; height:80px; overflow:hidden;}
.mainDSP{ margin:0 auto; width:1200px; height:480px; background:url(../images/mv_27_91.jpg) repeat-y;}
.mainDSP ul { width:1175px; margin-left:15px;}
.mainDSP ul li{ float:left; width:200px; height:410px; margin-left:32px; margin-top:20px;}
.mainDSP ul li img{ display:block; float:left;}
.mainDSP ul li span{ display:block; float:left; width:200px; height:60px; line-height:30px;text-align:center;}
.mainDSP ul li a:link{ text-decoration:none; color:#040000;font-size:14px;;font-family:"΢ÈíÑźÚ", "ËÎÌå";}
.mainDSP ul li a:visited { text-decoration:none; color:#040000;}
.mainDSP ul li a:hover{ text-decoration:none; color:#ff0000;}

.mainZH{ margin:0 auto; width:1200px; height:50px; background-color:#16273b;}
.mainZH  div{ text-align:center; width:580px; height:50px;}
.mainZTHD{ margin:0 auto; width:1200px; height500px; overflow:hidden;}


.mar{ margin:0 auto; }
.mainFH{margin:0 auto; width:1200px; height:92px; margin-top:10px; overflow:hidden;}
.mainFH div{ width:388px; height:78px; overflow:hidden;}


.mainXC{margin:0 auto;  width:1200px; height:200px; background-color:#b3b3b3; overflow:hidden;}
.mainXC img{ display:block; float:left; margin: 40px 100px 0 150px; overflow:hidden;}

.mainJB{margin:0 auto; width:1200px; height:200px; background-color:#b3b3b3; overflow:hidden;}
.mainJB img{ display:block; float:left; margin: 40px 0 0 50px; width:232px; height:84px; overflow:hidden;}




.yyds{ margin-top:30px; height:200px; width:100%; text-align:center;display:none}
.yyds a{ font-family:'΢ÈíÑźÚ','ºÚÌå' ;color:#666; text-decoration:none}
.yyds a:hover{ color:#666; text-decoration:underline;}



.epages { width:1100px;text-align: center; margin-top:60px; height:60px; padding-top:30px;}
.epages{margin:8px 0; font-family:"ËÎÌå","΢ÈíÑźÚ","ºÚÌå"; font-size:12px; color:#666;}
.epages *{vertical-align:middle;}
.epages a{padding:5px 10px 5px;border:1px solid #CCC;margin:0 5px 0 0;text-align:center;text-decoration:none; font:Arial, Helvetica, sans-serif 18px #666; color:#666}
.epages a:link{ text-decoration:none; color:#666;}
.epages a:hover{border:#666 1px solid;background:#f3f8ef;text-decoration:none;color:#F00}
.epages input{margin-bottom:0px;border:1px solid #659B28;height:15px;font:bold 12px/15px Verdana;padding-bottom:1px;padding-left:1px;margin-right:1px;color:#659B28;}


#slideshow {!important;border:0px !important; text-align:center}
#focus {width:712px; height:361px; overflow:hidden; position:relative;}
#focus ul {height:361px; position:absolute;}
#focus ul li {float:left; width:712px; height:361px; overflow:hidden; position:relative;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:712px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:712px; height:0; padding:5px 0; right:0; bottom:0; text-align:center;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:92px; height:2px; _font-size:0; margin-left:1px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:20px; height:60px; position:absolute; top:140px; background:url('../images/sprite.png') no-repeat 0 0; cursor:pointer}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}
#focus ul li .slideother { position:absolute; left:0; top:320px; width:712px; height:50px; line-height:40px; background-color: rgba(0, 0, 0, 0.4);}
#focus ul li .slideother .h12{ width:712px; text-align:center;font-size:14px; }
#focus ul li .slideother .h12 a{color:#FFF;  text-align:center; font-family:"΢ÈíÑźÚ","ºÚÌå", "ËÎÌå"; font-size:16px;  text-decoration:none;}
#focus ul li .slideother .h12 a:hover { text-decoration:underline;}



#slideshow0 {!important;border:0px !important; text-align:center}
#focus0 {width:320px; height:382px; overflow:hidden; position:relative;}
#focus0 ul {height:382px; position:absolute;}
#focus0 ul li {float:left; width:320px; height:382px; overflow:hidden; position:relative;}


#focus0 .preNext0 {width:20px; height:60px; position:absolute; top:150px; background:url('../images/sprite0.png') no-repeat 0 0; cursor:pointer}
#focus0 .pre0 {left:0;}
#focus0 .next0 {right:0; background-position:right top;}



.container { float:right; margin-right:100px; margin-top:20px;
    width: 403px;
    height: 207px;
    perspective:600px;
    position: relative;

}

.card-box {
    position: absolute;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transform: rotateY(0) translateZ(-600px);
    animation: cardRotate 20s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}

.card {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-reflect: below 15px -webkit-linear-gradient(transparent 50%, rgba(255, 255, 255, 0.3));
}

.card img {
    width: 100%;
    height: 100%;
}

.card:nth-child(1) {
    transform: rotateY(0) translateZ(600px);
}

.card:nth-child(2) {
    transform: rotateY(120deg) translateZ(600px);
}

.card:nth-child(3) {
    transform: rotateY(240deg) translateZ(600px);
}


.container1 { float:left; margin-left:100px; margin-top:20px;
    width: 403px;
    height: 207px;
    perspective:600px;
    position: relative;

}

.card-box1 {
    position: absolute;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transform: rotateY(0) translateZ(-600px);
    animation: cardRotate 20s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}

.card1 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-reflect: below 15px -webkit-linear-gradient(transparent 50%, rgba(255, 255, 255, 0.3));
}

.card1 img {
    width: 100%;
    height: 100%;
}

.card1:nth-child(1) {
    transform: rotateY(0) translateZ(600px);
}

.card1:nth-child(2) {
    transform: rotateY(120deg) translateZ(600px);
}

.card1:nth-child(3) {
    transform: rotateY(240deg) translateZ(600px);
}

@keyframes cardRotate {

    0%,
    20% {
        transform: translateZ(-700px) rotateY(0);
    }

    45% {
        transform: translateZ(-700px) rotateY(-120deg);
    }

    75% {
        transform: translateZ(-700px) rotateY(-240deg);
    }

    100% {
        transform: translateZ(-700px) rotateY(-360deg);
    }
}


.foot{  width:100%; height:316px; line-height:50px; background-image:url(../images/mv_27_144.jpg); background-position:center;}
.foot a{ color:#d9d9d9}
.foot2{width:100%;line-height:36px;  color:#d9d9d9; text-align:center; font-family:"΢ÈíÑźÚ","ºÚÌå", "ËÎÌå"; font-size:14px; height:200px; }