@charset "utf-8";
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {margin: 0; padding: 0; } 
fieldset, img {border: none; }
img{vertical-align:middle;}
ul, ol {list-style: none; }
input {padding-top: 0; padding-bottom: 0; font-family: "SimSun", "宋体"; }
select, input {vertical-align: middle; }
select, input, textarea {font-size: 12px; margin: 0; }
textarea {resize: none; }
table {border-collapse: collapse; }
body {font: 21px '微软雅黑'; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h1,h2,h3 ,h4 ,h5 ,h6{font-weight:normal; }
i,em{font-style: normal;}
a {color: #fff; text-decoration: none; }
.fl{ float:left;}
.fr{ float:right;}
.fix:after{ clear:both; content:"."; height:0px; display:block; overflow:hidden; visibility:hidden; }
.fix{*zoom:1;}

body {
    color: #fff;
}
.wrap{
	max-width: 1680px;
	min-width: 1200px;
	margin:0 auto;
}
.wrap .minkuan{ width:1200px; margin:0 auto;}
.wrap .re{ position: relative;}
.wrap .te{ text-align: center;}
.wrap .fl{ float: left;}
.wrap .fr{ float: right;}
.wrap .ov{ overflow: hidden;}
.wrap .padt45{ padding-top:45px;}
.wrap .qhs{ background:#ecf3cc;}

.wrap .zxingji-kv{ width:100%; height:887px; background:url(../images/kv.jpg) no-repeat top center;}
.wrap .zxingji-kv .minkuan{ height:100%;}
.wrap .zxingji-kv ul{ position: absolute; left: 0; width:100%; top: 62%;}
.wrap .zxingji-kv ul li{ display:inline-block; position: relative; margin:0 5px;}
.wrap .zxingji-kv ul li p{ position: absolute; width:100%; font-size: 28px; color:#030c41; left: 0; top: 0; line-height: 57px; font-weight: 600;}

.wrap .dabg{ width:100%; height:auto; background:url(../images/bg.png) repeat-y top center;}
.part-qyan{ padding:65px 0 25px;}
.part-qyan .fl{ margin-left: 55px;}
.part-qyan .txt{ width:435px; font-size: 25px;}
.part-qyan .txt p{ text-align: center; line-height: 58px; margin:45px 35px 30px 0;}
.wrap .zxingji-aa{ display:inline-block; padding:10px 50px; border:1px solid #faf0bd; color:#faf0bd; font-size: 32px; margin:0 26px;}
.wrap .zxingji-aa.onn-aa{ background:#faf0bd; color:#030c41;}
.wrap .part-qyan .zxingji-aa{ font-size: 24px; padding:12px 25px;margin:0 8px;}

/* 本例子css */
    .part1 .slideBox{ width:100%; height:860px; position:relative;padding-left: 48px; box-sizing: border-box; margin:35px 0;  }
    .part1 .slideBox .hd{overflow:hidden; position:absolute; right:5px; top:55px; z-index:1; }
    .part1 .slideBox .hd ul{ overflow:hidden; zoom:1;  }
    .part1 .slideBox .hd ul li{   width:355px;  line-height:68px; text-align:center; background:#5836ca; cursor:pointer; font-size: 24px; margin-bottom: 35px; }
    .part1 .slideBox .hd ul li.on{width:395px; }
    .part1 .slideBox .hd ul li img{ margin-left: 5px; }
    .part1 .slideBox .hd ul li span{ display:none;}
    .part1 .slideBox .hd ul li.on span{ display:inline-block;}
    .part1 .slideBox .bd{ position:relative; z-index:0;   }
    .part1 .slideBox .bd li{ zoom:1; vertical-align:middle; position: relative; width:100%; height:860px; }
    .part1 .p1-cont{ position: absolute; left: 50px; top: 32px;}
    .part1 .p1-txt{ font-size: 32px; padding:25px 0; margin-bottom: 20px;}
    .part1 .slideBox .bd li p{ font-size: 24px; line-height: 48px;}
    .part1 .slideBox .bd li .aa{ display:inline-block; padding:12px 42px; border:1px solid #fff; color:#fff; font-size: 28px; margin-top: 20px;}
    .part1 .gif{ position: absolute; top: -30px; left: 22px;}
    .part1 .p1-txt:before{ position: absolute; content:''; width:20px; height:10px; background:#fff; bottom:0; left: 0;}

.part2 .p2-1{ width:100%; height:690px; background:url(../images/p2-1.jpg) no-repeat top center; margin-top: 55px;}
.part2 .p2-1 .minkuan{ width:1355px; height:660px;}
.part2 .p2-1 .p2-txt{ position: absolute; text-align: center; width:295px; padding-top: 88px; font-weight: bold;}
.part2 .p2-1 .p2-txt h2{ font-size: 36px;  width:188px; border-bottom: 1px solid #4f557a; padding-bottom: 15px; margin:0 auto 10px;font-weight: bold;}
.part2 .p2-1 .p2-txt p{ font-size: 24px; margin-bottom: 15px; }
.part2 .p2-1 .p2-txt p span{  color:#ffe71c;}
.part2 .p2-1 .p2-txt:last-of-type{ left: 50%; bottom: 0; margin-left: -149px;}


.part3 .slideBox{ width:100%; height:468px; position:relative; padding-top: 122px; margin:45px auto 25px;}
        .part3 .slideBox .hd{ height:95px; position:absolute; left:0; top:0; z-index:1; width:100%; background:#01082c; }
        .part3 .slideBox .hd ul{  zoom:1;  }
        .part3 .slideBox .hd ul li{ display:inline-block; width:199px; height:95px;  text-align:center; cursor:pointer;background:#646ca3; padding-top: 15px; box-sizing: border-box; margin-left:-4px; overflow: hidden; }
        .part3 .slideBox .hd ul li .tu2{ display:none; margin:0 auto;}
        .part3 .slideBox .hd ul li.on{ background:#ffe29e; text-align: center; }
        .part3 .slideBox .hd ul li.on .tu1{display:none; }
        .part3 .slideBox .hd ul li.on .tu2{ display:block;}
        .part3 .slideBox .bd{ position:relative; width:1200px; height:475px; background:url(../images/p2-kk.png) no-repeat top center; z-index:0; padding:35px 38px 0; box-sizing: border-box; margin:0 auto;   }
        .part3 .slideBox .bd li{ zoom:1; vertical-align:middle; }
        .part3 .slideBox .bd li .youhui1{ float: left; width:273px; background:#fff; height:425px; position: relative; margin-right: 10px;}
        .part3 .slideBox .bd li .youhui1:last-of-type{ margin-right: 0;}
        .part3 .huantcd{ position: absolute; top: 10px; left: 10px;}
        .part3 .youhui-txt{ padding:20px 0 0 20px;}
        .part3 .slideBox .bd li .youhui1 h2{ font-size: 28px; color:#000; font-weight: bold; margin-bottom: 5px;}
        .part3 .slideBox .bd li .youhui1 p{ font-size: 54px; color:#ff3600;}
        .part3 .slideBox .bd li .youhui1 p span{ width:60px; height:60px; background:#e8e8e8; border-radius: 50%; display:inline-block; font-size: 24px; text-align: center; line-height: 60px; color:#000; vertical-align: middle; margin: -15px -5px 0 0;}
        .part3 .ljqg{ position: absolute; width:100%; height:100%; background:rgba(0,0,0,0.7); text-align: center; padding-top: 120px; box-sizing: border-box; top: 0; left: 0; display:none;}
        .part3 .slideBox .bd li .youhui1:hover .ljqg{ display:block;}
.part4 .p4-1{ width:100%; height:756px; background:url(../images/p4-1.jpg) no-repeat top center; margin:45px 0 30px;}
/* 本例子css */
    .part4 .slideBox{ width:1200px; height:250px; position:relative;margin:0 auto 50px; }
    .part4 .slideBox .bd{ position:relative; height:100%; z-index:0;margin:0 auto; width:94%;   }
    .part4 .slideBox .bd li{ zoom:1; vertical-align:middle; position: relative; float: left; margin:0 10px; }
    .part4 .slideBox .bd li p{ position: absolute; left: 0; bottom: 0; width:100%; background:rgba(0,0,0,0.7); font-size: 18px; line-height: 21px; text-align: center; padding:5px 0;}
    .part4 .slideBox .bd img{ width:356px; height:250px; display:block;  }

    /* 下面是前/后按钮代码，如果不需要删除即可 */
    .part4 .slideBox .prev,
    .part4 .slideBox .next{ position:absolute; left:-10px; top:50%; margin-top:-26px; display:block; width:40px; height:52px; background:url(../images/left.png) no-repeat; }
    .part4 .slideBox .next{ left:auto; right:-10px; background:url(../images/right.png) no-repeat; }
/* 本例子css */
    .part5 .slideBox{ width:100%; height:765px;  position:relative; padding-bottom: 55px; }
    .part5 .slideBox .hd{ overflow:hidden; position:absolute; right:10px; top:145px; z-index:1; }
    .part5 .slideBox .hd ul{ overflow:hidden; zoom:1; }
    .part5 .slideBox .hd ul li{  text-align:center;  cursor:pointer; position: relative;margin-bottom: 20px; width: 138px; height:138px;}
    .part5 .slideBox .hd ul li img{ width:100%;}
    .part5 .slideBox .hd ul li div{ width:100%; background:rgba(0,0,0,0.5); position: absolute; height:100%; left: 0; top: 0; border-radius: 50%;}
    .part5 .slideBox .hd ul li.on{border:3px solid #2485fa; border-radius: 50%; box-sizing: border-box; }
    .part5 .slideBox .hd ul li.on div{ display:none; }
    .part5 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
    .part5 .slideBox .bd li{ zoom:1; vertical-align:middle; position: relative; }
    .part5 .slideBox .bd img{   display:block;  }
    .part5 .p5-txt{ position: absolute; left: 54%; top: 50%; width:410px;}
    .part5 .p5-txt span{ display:block;  width:115px; color:#030c41; width:115px; line-height: 35px; background:#faf0bd; text-align: center; font-size: 25px;}
    .part5 .p5-txt p{ font-size: 20px; line-height: 38px; margin:10px 0 20px;}
    .part5 .p5-a{ position: absolute; left: 62%; bottom: -8%;}

.wrap .zxingji-shand{ width:100%; height:146px; background:url(../images/shand.png) no-repeat top center;}



@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -3deg);
    transform: rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 3deg);
    transform: rotate3d(0, 0, 1, 3deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -3deg);
    transform: rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -3deg);
    transform: rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 3deg);
    transform: rotate3d(0, 0, 1, 3deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -3deg);
    transform: rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.fadeInUp {
   -webkit-animation:fadeInUp 2s ease-in-out alternate forwards;
}
.tada {
   -webkit-animation:tada 2s ease-in-out alternate forwards;
}
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -10px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -10px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
  }
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}