@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:top; display:inline-block}
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;}
img{ display:inline-block; vertical-align:top}
.dot-bottom {
    width: 0;
    height: 0;
    border-top: 15px solid #00a000;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}  
.dot-left {
    width: 0;
    height: 0;
    border-left: 15px solid #47abc3;
    border-bottom: 15px solid transparent;
    border-top: 15px solid transparent;
} 
body {
    color: #000;
}
.wrap{
	max-width: 1680px;
	min-width: 1200px;
	margin:0 auto;
}
.contxt{ margin:0 auto; width:1200px;}
.btncon{ text-align:center; padding:50px 0}
.btncon .btn{position:relative;display:inline-block; padding:0 35px;  height:76px; line-height:70px;font-size:30px;  color:#fff; background:#f74d4d; border-radius:76px; box-shadow:2px 2px 5px rgba(0,0,0,0.1);animation:movement 2.5s cubic-bezier(0.39, 0.66, 0.57, 1) infinite;-webkit-animation:movement 2.5s cubic-bezier(0.39, 0.66, 0.57, 1) infinite}
.btncon .btn1{position:relative; margin-right:50px;display:inline-block; padding:0 35px; height:76px; line-height:70px;font-size:30px;  color:#fff; background:#7979d7; border-radius:76px; box-shadow:2px 2px 5px rgba(0,0,0,0.1);animation:movement 2.5s cubic-bezier(0.39, 0.66, 0.57, 1) infinite;-webkit-animation:movement 2.5s cubic-bezier(0.39, 0.66, 0.57, 1) infinite}
.btncon .btn:hover{}



.titlecon{padding:42px 0 42px 0;position:relative;color:#4f55cb; text-align:center; }
.titlecon .tt1{}
.titlecon .tt3{ width:958px; height:70px; line-height:70px; font-size:}
.titlecon .tt2{ height:31px;display: box;              /* OLD - Android 4.4- */
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.titlecon .tt2 .l{-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  width: 20%;               /* For old syntax, otherwise collapses. */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
 height:1px; overflow:hidden; border-bottom:2px solid #4f55cb; transform:translateY(8px)}
 .titlecon .tt2 .r{-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  width: 20%;               /* For old syntax, otherwise collapses. */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
 height:1px; overflow:hidden; border-bottom:2px solid #fff; transform:translateY(8px)}
.titlecon .tt2 .m{ padding:0 5px;} 
 
.banner{ width:100%; height:896px; background:url(../images/banner.jpg) center 0 no-repeat}

.banner .contxt{ height:896px; position:relative}
.banner .contxt .ban1{ position:absolute; width:160px; left:590px; top:128px;}
.banner .contxt .ban2{ position:absolute; width:665px; left:68px; top:184px;animation-delay:0.3s;-webkit-animation-delay:0.3s}
.banner .contxt .ban3{ position:absolute; width:733px; left:47px; top:355px;animation-delay:0.6s;-webkit-animation-delay:0.6s}
.banner .contxt .ban4{ position:absolute; width:294px; left:240px; top:672px;animation-delay:0.9s;-webkit-animation-delay:0.9s}

.part1{ padding:82px 0 50px 0}
.part1 .fl{ padding-left:32px;}
.part1 .fr{width:605px;}
.part1 .fr .tt{ font-size:45px; color:#333399; line-height:45px; padding:10px 0 58px 0}
.part1 .fr .txt{ font-size:20px; line-height:36px; padding-bottom:35px;}

.part2{ width:100%; height:770px; background:url(../images/p2.jpg) center 0 no-repeat}
.part2 .contxt{ height:770px; position:relative}
.part2 .contxt .p1{ color:#fff; font-size:20px; line-height:32px; padding:15px 80px 50px 80px;}
.part2 .contxt .p2{ width:100%;}
.part2 .contxt .p2 .list{ float:left; display:inline; margin-left:82px;}

.part3 .p1{ width:100%; height:324px; position:relative; background:url(../images/p3_2.gif) center 0 no-repeat}
.part3 .p1 .txt{ position:absolute; width:452px; left:40px; top:40px; font-size:18px; line-height:32px;}
.part3 .p1 .txt b{ color:#2bb4be}
.part3 .p2{ margin-top:30px; position:relative; width:100%; height:508px; background:url(../images/p3.jpg) center 0 no-repeat}
.part3 .p2 .video{ position:absolute; width:490px; height:378px; left:40px; top:50px; background:#000}
.part3 .p2 .video span{ position:absolute; left:50%; top:50%; margin-left:-39px; margin-top:-39px;}
.part3 .p2 .txt{ position:absolute; left:530px; top:138px; width:402px; height:255px; background:#7770cd}
.part3 .p2 .txt p{ padding:30px 30px 0 30px; color:#fff; font-size:18px; line-height:32px;}
.part3 .p2 .txt span{ position:absolute; width:421px; right:-30px; bottom:30px;animation-iteration-count:1}

.part4{ width:100%; overflow:hidden; background:#393978}
.p4slide{ width:1200px; height:735px; position:relative; margin:0 auto; background:#525180}
.p4slide .bd li{ width:100%; height:735px; position:relative}
.p4slide .bd li .bpic{ position:absolute; width:477px; height:640px; border:15px solid #fff;  left:34px; top:34px;}
.p4slide .bd li .bpic span{ position:absolute; left:0; top:50px; border-radius:0 35px 35px 0; background:rgba(102,102,204,0.8); width:218px; height:70px; text-align:center; line-height:70px; font-size:36px; color:#fff;}
.p4slide .bd li .yuan{ position:absolute; height:152px; font-size:48px; color:#fff; left:565px; top:30px;}
.p4slide .bd li .yuan .txt{ display:inline-block; padding-top:10px; line-height:58px;}
.p4slide .bd li .yuan .txt span{ font-size:70px; color:#ffcc00}
.p4slide .bd li .yuan img{ border-radius:50%}
.p4slide .bd li .btn{ position:absolute; width:189px; right:20px; top:30px}
.p4slide .bd li .sm{ width:648px; height:456px; box-sizing:border-box; padding:15px; border:15px solid #fff; left:526px; top:208px; position:absolute;}
.p4slide .bd li .sm .fl{ width:293px;}
.p4slide .bd li .sm .fr{ width:293px;}
.p4slide .bd li .sm .pic{ width:100%; height:360px;}
.p4slide .bd li .sm .name{ font-size:20px; line-height:20px;text-align:center; padding:10px 0 0 0; color:#fff;}
.p4slide .bd li .sm .name img{vertical-align:middle}

.p4slide .prev{ position:absolute; left:20px; top:350px; cursor:pointer}
.p4slide .next{ position:absolute; right:20px; top:350px; cursor:pointer}

.part5{ width:100%; height:1070px; background:url(../images/p5_1.jpg) center 0 no-repeat}
.part5 .contxt{ height:1070px; position:relative}
.part5 .contxt .txt{ position:absolute; left:450px; top:505px; width:298px; height:298px; padding:66px 10px 0px 30px; color:#fff; font-size:24px; line-height:30px; box-sizing:border-box; border-radius:50%; background:rgba(8,172,178,0.9)}
.part5 .contxt .txt .f1{ font-size:30px;}
.part5 .contxt .txt .f2{ font-size:36px;}
.part5 .contxt .btncon{ position:absolute; left:346px; bottom:0}

.part6{ width:100%; height:950px; background:url(../images/p6.jpg) center 0 no-repeat;}
.part6 .txt{ padding:0 55px; color:#fff; font-size:18px; line-height:32px;}

.part7{ width:100%; height:984px; background:url(../images/p7.jpg) center 0 no-repeat}
.part7 .listbox{ margin:0 auto; width:1080px; overflow:hidden}
.part7 .listbox .list{ width:100%; margin-bottom:30px;}
.part7 .listbox .list .j{ position:absolute; width:34px; top:30px}
.part7 .listbox .list .txt{ display:inline-block; width:675px; border-radius:20px; position:relative;color:#fff; line-height:32px; font-size:20px;}
.part7 .listbox .list .txt p{ padding:15px; }
.part7 .listbox .list:nth-of-type(odd) .txt{ background:#666666;margin-left:34px;}
.part7 .listbox .list:nth-of-type(odd) .j{ left:-34px;}

.part7 .listbox .list:nth-of-type(even){ text-align:right}
.part7 .listbox .list:nth-of-type(even) .txt{ background:#009999;margin-right:34px; text-align:left}
.part7 .listbox .list:nth-of-type(even) .j{ right:-34px;}

.part7 .listbox .list .img{ vertical-align:top; border-radius:50%; width:140px; height:140px;}

.videoBox{position: fixed;width:100%;height: 100%;background:rgba(0,0,0,0.8); left:0;top:0; z-index: 999;display: none;}
.videoBox.show{display: block;}
.videoBox .videoPlay{width: 600px;height:300px;background-color: #714386;position: absolute;left:50%;margin-left:-300px;top:50%;transform: translateY(-50%);}
.videoBox .close{position: absolute;right:20px;top:20px;width:52px;  cursor: pointer; }
@keyframes movement {
    0% {
        -webkit-transform: translate(0px,-3px);
        transform: translate(0px,-3px);
    }
    25% {
        -webkit-transform: translate(3px,6px);
        transform: translate(3px,6px);
    }
    50% {
        -webkit-transform: translate(6px,10px);
        transform: translate(6px,10px);
    }
    75% {
        -webkit-transform: translate(8px,0px);
        transform: translate(8px,0px);
    }
    100% {
        -webkit-transform: translate(0px,-3px);
        transform: translate(0px,-3px);
    }
}
@-webkit-keyframes movement {
    0% {
        -webkit-transform: translate(0px,-3px);
        transform: translate(0px,-3px);
    }
    25% {
        -webkit-transform: translate(3px,6px);
        transform: translate(3px,6px);
    }
    50% {
        -webkit-transform: translate(6px,10px);
        transform: translate(6px,10px);
    }
    75% {
        -webkit-transform: translate(8px,0px);
        transform: translate(8px,0px);
    }
    100% {
        -webkit-transform: translate(0px,-3px);
        transform: translate(0px,-3px);
    }
}