@charset "utf-8";
/* CSS Document */
/*
 * @description
 * @author GuoR
 * @Date 2019/3/11
 */
 /*通用样式*/
/*
html{
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:grayscale(100%);
filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
*/
*{margin:0; padding:0;}

body{margin:0;padding:0;font-size:12px;font-family:"微软雅黑";min-width:1200px;}
ul,ol,dl{list-style:none;}
img{border:none;}
a{text-decoration:none}
form,input{vertical-align:middle;margin:0;padding:0;border:0;}
i{ font-style:normal;}


.top{width:100%;height:1000px;background:url(../images/top.jpg)no-repeat top center;position:relative;overflow: hidden;}
.top1{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);z-index:100;margin-top:286px;margin-left:-216px;}
.top2{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);z-index:100;margin-top:302px;margin-left:70px;}
.top3{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);z-index:100;margin-top:532px;margin-left:-12px;}
.top4{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);z-index:100;margin-top:539px;margin-left:246px;}
.top1D{animation:top1 10s both infinite;}
@keyframes top1 {
    0% {transform:translate(-50%,-50%) scale(1);opacity: 0.5;left:0;}
    15%{transform:translate(-50%,-50%) scale(1);opacity: 1;left:50%;}
    20%{transform:translate(-50%,-50%) scale(1.1);}
    25% {transform:translate(-50%,-50%) scale(1);}
    55%{transform:translate(-50%,-50%) scale(1);}

   }
.top2D{animation:top2 10s both infinite;}
@keyframes top2 {
    0% {transform:translate(-50%,-50%) scale(1);opacity: 0.5;margin-top:-220px}
    20% {transform:translate(-50%,-50%) scale(1);opacity: 0.5;margin-top:-220px}
    35%{transform:translate(-50%,-50%) scale(1);opacity: 1;margin-top:302px;}
    40%{transform:translate(-50%,-50%) scale(1.1);}
    45% {transform:translate(-50%,-50%) scale(1);}
    75% {transform:translate(-50%,-50%) scale(1);}
    }
.top3D{animation:top3 10s both infinite;}
@keyframes top3 {
    0% {transform:translate(-50%,-50%) scale(1);opacity: 0.5;margin-top:1200px}
    40% {transform:translate(-50%,-50%) scale(1);opacity: 0.5;margin-top:1200px}
    55%{transform:translate(-50%,-50%) scale(1);opacity: 1;margin-top:532px;}
    60%{transform:translate(-50%,-50%) scale(1.1);}
    65% {transform:translate(-50%,-50%) scale(1);}
    95% {transform:translate(-50%,-50%) scale(1);}
    }
.top4D{animation:top4 10s both infinite;}
@keyframes top4 {
    0% {transform:translate(-50%,-50%) scale(1);opacity: 0.5;left:100%}
    60% {transform:translate(-50%,-50%) scale(1);opacity: 0.5;left:100%}
    75%{transform:translate(-50%,-50%) scale(1);opacity: 1;left:50%;}
    80%{transform:translate(-50%,-50%) scale(1.1);}
    85% {transform:translate(-50%,-50%) scale(1);}
    100%{transform:translate(-50%,-50%) scale(1);}
    }


.jianjie{width:100%;height:829px;background:url(../images/jianjie.jpg)no-repeat top center;}
.main{width:100%;height:1679px;background:url(../images/bottom.jpg)no-repeat top center;position:relative;}

.nav{width:100%;height:176px;position:relative;}
.nav1{display:block;width:421px;height:185px;position:absolute;left:50%;top:0;transform:translateX(-50%);margin-left:-315px;z-index:100;}
.nav1 .nav1_1{display:block;width:100%;height:100%;display:block;}
.nav1 .nav1_2{display:block;width:100%;height:100%;display:none;}
.nav1.hover .nav1_1{display:block;width:100%;height:100%;display:none;}
.nav1.hover .nav1_2{display:block;width:100%;height:100%;display:block;}
.nav1:hover .nav1_1{display:block;width:100%;height:100%;display:none;}
.nav1:hover .nav1_2{display:block;width:100%;height:100%;display:block;}
.nav2{width:421px;height:185px;position:absolute;left:50%;top:0;transform:translateX(-50%);margin-left:300px;z-index:100;}
.nav2 a{display:block;width:100%;height:100%;}
.nav2 .nav2_1{display:block;width:100%;height:100%;display:block;}
.nav2 .nav2_2{display:block;width:100%;height:100%;display:none;}
.nav2.hover .nav2_1{display:block;width:100%;height:100%;display:none;}
.nav2.hover .nav2_2{display:block;width:100%;height:100%;display:block;}
.nav2:hover .nav2_1{display:block;width:100%;height:100%;display:none;}
.nav2:hover .nav2_2{display:block;width:100%;height:100%;display:block;}
.main_M{width:100%;height:1163px;overflow: hidden;}
.mainM{width:1160px;height:904px;margin:182px auto 0;}
.mainM li{float:left;width:256px;height:192px;margin:0 17px 34px;box-shadow: 2px 3px 4px rgba(5,61,135,0.8);border-radius: 10px;overflow:hidden;}
.mainM li a{display:block;width:100%;height:100%;}
.mainM a img{display:block;width:100%;height:100%;}

/*分页*/
.tanchuMB{width:100%;text-align:center;height:30px;line-height:30px;font-size:18px;}
.tanchuMB li{display:inline-block;margin:0 9px;color:#d65743;}
.tanchuMB li a{color:#d65743;display:block;min-width:12px;height:30px;padding:0 9px;border-radius: 50%;border: 1px solid #d65743;}
.tanchuMB li a:hover{color:#fff;background:#d65743;}
.tanchuMB li a.tanchuMBH{color:#fff;background:#d65743;}
.tanchuMB li:nth-child(1) a{border-radius: 5px;}
.tanchuMB li:nth-child(2) a{border-radius: 5px;}
.tanchuMB li:nth-last-child(1) a{border-radius: 5px;}
.tanchuMB li:nth-last-child(2) a{border-radius: 5px;}

.bottom{width: 100%;text-align: center;font-size: 20px;color: #181e23;line-height: 160px;position: absolute;bottom: 0;left: 0;}