/* 通用 */
.innerboxA{
	width: 1000px;
	margin: 0 auto;
}
.fl{
    float: left;
}
.fr{
    float: right;
}


body{
    overflow-x: hidden;
    min-width: 1000px;
    background: #fefefe}
.content{
    width: 1000px;
    margin: 0 auto;
    min-width: 1000px;}
.top{
    width: 100%;
    height: 120px;
}
.zg_top{
    width: 100%;
    height: 790px;
     position: relative;
     z-index: 10;}

.zg_top_content{position: relative;}
 .zg_logo{
    float: left;
    margin:21px 0 0 0}

.zg_toplist{
    width:300px ;
    height: 40px;
    float: left;
    margin-top: 32px;
    z-index: 10px;}
.zg_toplist li a{
    font:bold 16px/16px "Microsoft Yahei";
    color: #222222;
} 
.zg_toplist li a:hover{
    color: #ff4a00;
}
.zg_number{
    display: block;
    float: right;
    width: 170px;
    height: 70px;
    padding-top: 28px}
.zg_number img{
    float: left;
    margin-right: 10px}
.zg_number a{
    display: block;
    font:bold 20px/20px "Microsoft Yahei";
    color: #ff4a00;
    margin-top: 3px
}
.zg_top_class{
    font: 16px/16px "Microsoft Yahei";
    margin: 32px 20px 0 20px;
    position: relative;
    float: left;
    color: #222222}
.zg_top_class p{
    font:bold 16px/16px "Microsoft Yahei";
    color: #222222;cursor: pointer;
}
.zg_top_class .on{
    color: #ff4a00;
}
.list1{
    width: 842px;
    height:47px ;
    background: url('../images/zg_top_class_list.png')no-repeat top center;
    position: absolute;
    top:30px;left: 0;}
.list2{
        width: 320px;
        height:47px ;
        background: url('../images/zg_top_class_list2.png')no-repeat top center;
        position: absolute;
        top:30px;left: 0;
        display: none;
    }
.list3{
    width:202px;
    height:47px ;
    background: url('../images/zg_top_class_list3.png')no-repeat top center;
    position: absolute;
    top:30px;left: 0;
    display: none;
}
.zg_top_class_list .up{
    position: absolute;
    top: -25px;
    left: 70px;
}
.zg_top_class .down{
    width: 13px;
    height: 8px;
    position: absolute;
    top:5px;right: -18px}
.zg_top_class_list .down{
    position: absolute;
    top: -8px;
    left: 30px;}
.special{
    position: absolute;
    top:-8px;left:28px;}
.zg_top_class_listul li{
float: left;
}
.zg_top_class_listul li a{
    display: inline-block; 
    float: left;
    font: 12px/54px "Microsoft Yahei";
    padding:0 6px 0 6px;
    color:#222222}
.zg_top_class_listul li a:hover{
    color:#fa8c4a;
}
.zg_toplist>p{
    display: block;
    float: left;}
.zg_toplist li{
    float: left;margin-left: 36px;
    color: #222222;
    display: block}

.zg_banner{
    width: 100%;
    height: 700px;
    position: relative;
}
.bannerBox .hd{
    position: relative;
}
.bannerBox .hd ul{
    position: absolute;
    top: 580px;
    left: 450px;
    z-index: 210;
}
.bannerBox .hd ul li{
    display:block; 
    width:14px;
    height:14px;
    border-radius:14px;
    margin-right:10px;
background: #ffffff;
    float: left;
    cursor: pointer;
}
.bannerBox .hd ul li.on{
    width: 74px;
    background: #08b5d5;
}
.zg_top_content{position: relative;
z-index: 10000;}
.zg_logo{
    float: left;
    margin:21px 0 0 0
}      
.bannerBox{
    position: absolute;
    left: 0;top: 0;
    width: 100%;
    height: 638px;
}
.bannerBox .bd ul li{
    width: 100%;
    vertical-align: middle;
    cursor: pointer;
}



.banner1{
    display: block;
    background: url('../images/banner1.jpg') no-repeat center bottom;
    width: 100%;
    height: 700px;
    overflow: hidden;
    z-index: 100;
}

.banner1_in{
    display: block;
    background: url('../images/banner1_in.jpg') no-repeat center bottom;
    width: 1000px;
    height: 700px;

    z-index: 100;
    position:relative;}

.banner1_pic1{
    position: absolute;
    left:-77px;
    top: 82px;

}
.banner1_in>div{
    background: url('../images/banner1_2.png') no-repeat center bottom;
    width: 630px;
    height: 75px;
    position: absolute;
    left: 183px;
    top: 447px;
}
.banner1_in>div p{
    font: 30px/75px "Microsoft Yahei";
    color: #ffffff;
    text-align: center;
}
.banner1_in>div p span{
    color:#ff327f;
}
.banner1_btn{
    display: block;
    background: #fe6192;
    width:330px ;
    height: 60px;
    position: absolute;
    left: 90px;
    top: 472px;
    font: 24px/60px "Microsoft Yahei";
    color: #ffffff;
    text-align: center;

}


.banner2{
    display: block;
    background: url('../images/banner2.jpg') no-repeat center bottom;
    width: 100%;
    height: 700px;
    overflow: hidden;
    z-index: 100;}
.banner2_in{
    display: block;
    background: url('../images/banner2_in.jpg') no-repeat center bottom;
    width: 1000px;
    height: 700px;
    z-index: 100;
    position: relative;
}
.banner2_pic1{
    position: absolute;
    left: 34px;
    top: 124px;
   
}
.banner2_pic2{
    background: url('../images/banner2_2.png') no-repeat center bottom;
    position: absolute;
    left: 131px;
    top: 358px;
    width: 400px;
    height: 73px;
}
.banner2_pic2 p{
    font: 28px/28px 'Microsoft Yahei';
    color: #fff;
    margin: 17px 0 0 75px
}
.banner2_in>p{
    color: #fe6b39;
    font: 26px/26px 'Microsoft Yahei';
    position: absolute;
    top: 444px;
    left: 190px;
}
.banner2_in>p span{
    color: #fe6b39;
    font:bold 26px/26px 'Microsoft Yahei';
}
.banner2_in .from{
    background: url('../images/banner2_frombg.png') no-repeat center bottom;
    position: absolute;
    right: 0px;
    top: 100px;
    width: 301px;
    height: 399px;
}
.banner2_in .from h3{
    margin-top: 36px;
    text-align: center;
    color: #ffffff;
    font: 20px/20px 'Microsoft Yahei'; 
}
.banner2_in .from div{
    width: 250px;
    height: 46px;
    background: #ffffff;
    border-radius: 5px;
    margin-top: 20px;

}
.banner2_in .from div input{
    width: 230px;
    height: 45px;
    border: none;
    outline: none;
    color: #858c9c;
    font: 14px/45px 'Microsoft Yahei'; 
    margin-left: 12px
}
.banner2_in .from form{
    margin: 5px 0 0 25px
}
.banner2_in .from p{
    color: #8d8e8e;
    font: 12px/12px 'Microsoft Yahei'; 
    margin: 12px 0 28px 0px
}
.banner2_in .from p span{
    float: left;
    color: #fc804d;
    margin:  3px 7px 0 0;
}
.banner2_in .from .ban_frombtn{
margin: 0;
background: url('../images/ban_frombtn.png') no-repeat center bottom;
width: 250px;
height: 48px;
color: #ffffff;
    font: 18px/48px 'Microsoft Yahei'; 
    text-align: center;
    cursor: pointer;
}
.banner2_in .from .ban_frombtn:hover{
    background: #8247db;
    width: 250px;
    height: 48px;
    border-radius: 48px;
}

.banner2 input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #858c9c;
    font: 14px/45px 'Microsoft Yahei'; 
  }
  .banner2 input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #858c9c;
    font: 14px/45px 'Microsoft Yahei'; 
  }
  .banner2 input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #858c9c;
    font: 14px/45px 'Microsoft Yahei'; 
  }
  .banner2 input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #858c9c;
    font: 14px/45px 'Microsoft Yahei'; 
  }



/* 选项�? */
.part1{
   width: 100%;
    height: 1092px;
    background: url('../images/part1.jpg') no-repeat center bottom;

}
.part1_in{
    width: 1000px;
    height: 1092px;
    background: url('../images/part1_in.jpg') no-repeat center bottom;
    position: relative;
}
.part1_tit{
    width: 677px;
    height: 72px;
    background: url('../images/p1_tit.png') no-repeat center bottom;
    margin: 0 auto;
    font: 50px/72px  'Microsoft Yahei';
    color: #333;
}
.part1_tit h1{
    font: 50px/72px  'Microsoft Yahei';
    color: #ff1f73;
    float: left;
    margin-left: 35px;
}
.part1_in>h3{
    font: 24px/52px 'Microsoft Yahei';
    color: #555;
    text-align: center;
    padding-bottom: 37px;
}
.opc{
    width: 244px;
    background: #fff;
    border-radius: 3px;
    padding: 0 28px 30px;
    display: inline-block;
}
.opc img{
    display: block;
    margin: 0 auto;
}
.opc h4{
    font: bold 18px/52px  'Microsoft Yahei';
    color: #333;
    text-align: center;
    padding-bottom: 7px;
}
.opc a{
    display: inline-block;
    width: 113px;
    height: 36px;
    border: 1px solid #d1d8e3;
    border-radius: 16px;
    color: #333;
    text-align: center;
    font:bold 12px/36px  'Microsoft Yahei';
}
.opc a{
    width: 113px;
    height: 36px;
    border: 1px solid #d1d8e3;
    border-radius: 16px;
    color: #333;
}
.opc a:hover{
    position: relative;
    color: #4493cf;
    transform: translate(0,-6px);
    -webkit-transform: translate(0,-6px);
    transition-property: height;
    transition-duration: 1s;
    transition-timing-function: linear;

}
.opc span{
    display: block;
    height: 15px;
}
.opcA{
    position: absolute;
    left: 350px;
    top: 180px
}
.opcB{
    position: absolute;
    top: 260px;
}
.opcC{
    position: absolute;
    top: 260px;
    left: 700px;
}
.opcD{
    position: absolute;
    top: 522px;
    left: 350px;
}
/* 按钮 */
.opcbtn{
    width: 730px;
    height: 60px;
    position: absolute;
    top: 863px;
    left: 336px;
}
.opcbtn a{
    display: inline-block;
    width: 320px;
    height: 60px;
    border-radius: 30px;
    color: #fff;
    font: 24px/60px 'Microsoft Yahei';
    text-align: center;
}
.opcbtnA{
    margin-right: 80px;
    background: -webkit-linear-gradient(left,#0bf5b8 15%,#22cdc1 40%,#4493cf 75%,#773be4 100%);
}
.opcbtnA:hover{

    background: #8247db;
}
/* 调研 */

/*水波�?*/

.water {
    float: left;
    position: relative;
    width: 200px;
    height: 200px;
    background-color: rgb(118, 218, 255);
    border-radius: 50%;
    /*margin:200px auto 0;*/
    overflow: hidden;
}
.water:before,.water:after{
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    top: 0;
    left: 50%;
    background-color: rgba(255, 255, 255, .4);
    border-radius: 45%;
    transform: translate(-50%, -70%) rotate(0);
    animation: rotate 6s linear infinite;
    z-index: 10;
}

.water:after {
    border-radius: 47%;
    background-color: rgba(255, 255, 255, .9);
    transform: translate(-50%, -70%) rotate(0);
    animation: rotate 10s linear -5s infinite;
    z-index: 20;
}
@keyframes rotate {
    50% {
        transform: translate(-50%, -70%) rotate(180deg);
    } 100% {
          transform: translate(-50%, -70%) rotate(360deg);
      }
}
.danA{
    font:bold 24px/24px 'Microsoft Yahei';
    text-align: center;
    text-shadow: #f64976 5px 5px 10px;
}
.ulC{
    float: left;
    margin-bottom:50px ;
}
.ulC li{
    float: left;
    width: 200px;
    height: 200px;
    margin-left: 36px;
}
.ulC li h3{
    width: 200px;
    margin: 50px auto 0;

    z-index: 666;
    position: absolute;


}
.ulC li p{
    width: 200px;
    margin: 130px auto 0 ;
    float: left;
    position: absolute;
    color: #fff;
    text-align: center;
    z-index: 666;
    font: 20px/20px 'Microsoft Yahei';
}
.ulC li p span{
    font-weight: bold
}
.ulC li .water{
    overflow: hidden;
}
.pink{
    background: #f64976;
    border: 2px solid #f64976;
}
.pinkAA{
    color: #f64976;
}
.blue{
    background: #2a8feb;
    border: 2px solid #2a8feb;
}
.blueAA{
    color:#2a8feb;
    text-shadow: #2a8feb 5px 5px 10px;
}
.qing{
    background: #24bcc9;
    border: 2px solid #24bcc9;
}
.qingAA{
    color:#24bcc9;
    text-shadow: #24bcc9 5px 5px 10px;
}
.zii{
    background: #565abe;
    border: 2px solid #565abe;
}
.ziAA{
    color:#565abe;
    text-shadow: #565abe 5px 5px 10px;
} 


.research .innerboxA{
    height: 776px;
    background: url(../images/top/research.jpg) no-repeat;
    position: relative;
}
.research>.innerboxA>h3{
    font: 24px/52px 'Microsoft Yahei';
    color: #555;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 24px;
}
/* h3共用 */
/*.danA{*/
    /*height: 66px;*/
    /*/!*padding-top: 57px;*!/*/
    /*margin-top: 60px;*/
    /*margin-left: 40px;*/

    /*font: 24px/24px 'Microsoft Yahei';*/
    /*text-align: center;*/
    /*position: absolute;*/
    /*z-index: 60;*/
/*}*/
.shuangA{
    height: 90px;
    padding-top:33px;
    font: 24px/30px 'Microsoft Yahei';
    text-align: center;
    z-index: 100000;
}
.water p{
    margin-top: 100px;
    font: 20px/32px 'Microsoft Yahei';
    color: #fff;
    text-align: center;
}
.search li{
    width: 210px;
    height: 210px;
    float: left;
}
.search{
    display: flex;
    justify-content: space-between;
    margin-bottom: 35px;
}
/* 背景 */
/*.water .a{*/
    /*/!*color: #f64976;*!/*/
    /*background: url(../images/top/research1.jpg) no-repeat;*/
/*}*/
/*.search .b{*/
    /*color: #2a8feb;*/
    /*background: url(../images/top/research2.jpg) no-repeat;*/
/*}*/
/*.search .c{*/
    /*color: #24bcc9;*/
    /*background: url(../images/top/research3.jpg) no-repeat;*/
/*}*/
/*.search .d{*/
    /*color: #555abe;*/
    /*background: url(../images/top/research4.jpg) no-repeat;*/
/*}*/
.searchbtn{
    width: 360px;
    height: 60px;
    position: absolute;
    top: 646px;
    left: 336px;
    font: 24px/60px 'Microsoft Yahei';
    border: 2px solid #6b2bcb;
    color: #6b2bcb;
    border-radius: 60px;
    text-align: center
}


.searchbtn:hover{
    border: 2px solid #6b2bcb;
    color: #fff;
    background: #6b2bcb;
}

/* zjp */
.warpB{
    width: 1000px;
    margin: 0 auto;
}
.total{
    width: 100%;
    height: 1719px;
    background: url("../images/zjp/back.jpg") no-repeat center top;
}
.Btop img{
    display: block;
    margin-left: 45px;
    padding-top: 74px;
}
.Btop p{
    font: 24px "Microsoft Yahei" ;
    color: #ffffff;
    margin:24px 0  40px 307px;
}
.total .Bdiv1{
    overflow: hidden;
    padding-bottom: 6px;
}
.Bdiv1_left{
    width: 240px;
    height: 175px;
    background: #222c5c;
    border-radius: 5px 0px 0px 5px;
    float: left;
}
.Bdiv1_left p{
    font: 20px "Microsoft Yahei";
    color:#fff;
    text-align: center;
}
.Bdiv1_left>img{
    display: block;
    margin-top: 38px;
    margin-left: 91px;
    padding-bottom: 23px;
}
.Bdiv1_right{
    width: 730px;
    height: 149px;
    background: #1d2754;
    float: left;
    padding-left: 30px;
    padding-top: 26px;
    border-radius: 0px 5px 5px 0px;
}
.Bdiv1_right>p{
    font: 14px "Microsoft Yahei";
    line-height: 26px;
    color:#ffffff;
    width: 571px;
    padding-bottom: 8px;
    display: inline-block;
    float: left;
    padding-right: 44px;
}
.Bdiv1_right>img{
    display: block;
    margin-top: 20px;
}

/*�?二块*/
.Bdiv1_left2{
    width: 240px;
    height: 160px;
    background: #222c5c;
    border-radius: 5px 0px 0px 5px;
    float: left;
}
.Bdiv1_right2{
    width: 730px;
    height: 134px;
    background: #1d2754;
    float: left;
    padding-left: 30px;
    padding-top: 26px;
    border-radius: 0px 5px 5px 0px;
}
.Bdiv1_left2>img{
    display: block;
    margin-top: 30px;
    margin-left: 91px;
    padding-bottom: 23px;
}
.Bdiv1_left2 p{
    font: 20px "Microsoft Yahei";
    color:#fff;
    text-align: center;
}
.Bdiv1_right2>p{
    font: 14px "Microsoft Yahei";
    line-height: 30px;
    color:#ffffff;
    width: 571px;
    padding-bottom: 8px;
    display: inline-block;
    float: left;
    padding-right: 44px;
}
.Bdiv1_right2>img{
    display: block;
    margin-top: 20px;
}
/*�?三块*/

.Bdiv1_left3{
    width: 240px;
    height: 240px;
    background: #222c5c;
    border-radius: 5px 0px 0px 5px;
    float: left;
}
.Bdiv1_right3{
    width: 730px;
    height: 220px;
    background: #1d2754;
    float: left;
    padding-left: 30px;
    padding-top: 20px;
    border-radius: 0px 5px 5px 0px;
}
.Bdiv1_left3>img{
    display: block;
    margin-top: 57px;
    margin-left: 91px;
    padding-bottom: 23px;
}
.Bdiv1_left3 p{
    font: 20px "Microsoft Yahei";
    color:#fff;
    text-align: center;
}
.Bdiv1_right3>p{
    font: 14px "Microsoft Yahei";
    line-height: 30px;
    color:#ffffff;
    width: 571px;
    padding-bottom: 8px;
    display: inline-block;
    float: left;
    padding-right: 44px;
}
.Bdiv1_right3>img{
    display: block;
    margin-top: 49px;
}
/*以上�?�?*/
.Bdiv1_left4{
    width: 240px;
    height: 215px;
    background: #222c5c;
    border-radius: 5px 0px 0px 5px;
    float: left;
}
.Bdiv1_right4{
    width: 730px;
    height: 196px;
    background: #1d2754;
    float: left;
    padding-left: 30px;
    padding-top: 20px;
    border-radius: 0px 5px 5px 0px;
}
.Bdiv1_left4>img{
    display: block;
    margin-top: 57px;
    margin-left: 91px;
    padding-bottom: 23px;
}
.Bdiv1_left4 p{
    font: 20px "Microsoft Yahei";
    color:#fff;
    text-align: center;
}
.Bdiv1_right4>p{
    font: 14px "Microsoft Yahei";
    line-height: 30px;
    color:#ffffff;
    width: 571px;
    padding-bottom: 8px;
    display: inline-block;
    float: left;
    padding-right: 44px;
}
.Bdiv1_right4>img{
    display: block;
    margin-top: 56px;
}
/*以上�?�?*/

.Bdiv1_left5{
    width: 240px;
    height: 245px;
    background: #222c5c;
    border-radius: 5px 0px 0px 5px;
    float: left;
}
.Bdiv1_right5{
    width: 730px;
    height: 225px;
    background: #1d2754;
    float: left;
    padding-left: 30px;
    padding-top: 20px;
    border-radius: 0px 5px 5px 0px;
}
.Bdiv1_left5>img{
    display: block;
    margin-top: 71px;
    margin-left: 91px;
    padding-bottom: 23px;
}
.Bdiv1_left5 p{
    font: 20px "Microsoft Yahei";
    color:#fff;
    text-align: center;
}
.Bdiv1_right5>p{
    font: 14px "Microsoft Yahei";
    line-height: 30px;
    color:#ffffff;
    width: 571px;
    padding-bottom: 8px;
    display: inline-block;
    float: left;
    padding-right: 44px;
}
.Bdiv1_right5>img{
    display: block;
    margin-top: 55px;
}
/*以上�?�?*/

.Bdiv1_left6{
    width: 240px;
    height: 290px;
    background: #222c5c;
    border-radius: 5px 0px 0px 5px;
    float: left;
}
.Bdiv1_right6{
    width: 730px;
    height: 266px;
    background: #1d2754;
    float: left;
    padding-left: 30px;
    padding-top: 24px;
    border-radius: 0px 5px 5px 0px;
}
.Bdiv1_left6>img{
    display: block;
    margin-top: 98px;
    margin-left: 91px;
    padding-bottom: 23px;
}
.Bdiv1_left6 p{
    font: 20px "Microsoft Yahei";
    color:#fff;
    text-align: center;
}
.Bdiv1_right6>p{
    font: 14px "Microsoft Yahei";
    line-height: 26px;
    color:#ffffff;
    width: 571px;
    padding-bottom: 8px;
    display: inline-block;
    float: left;
    padding-right: 44px;
}
.Bdiv1_right6>img{
    display: block;
    margin-top: 79px;
}
/*以上�?�?�?�?*/

.total .Butten a{
    display: block;
    margin: 0 auto;
    font: 24px "Microsoft Yahei";
    color: #ffffff;
    text-align: center;
    width: 300px;
    height: 60px;
    line-height: 60px;
    border-radius: 30px;
    background: -webkit-linear-gradient(left, #07fcb6 40%, #763de4 100%);
    margin-top: 41px;
}
.total .Butten a:hover{
    background:#8a53dd 
}
/*按钮1*/
.cap img{
    display: block;
    margin: 153px 0 0 160px;
}
.cap p{
    font: 24px "Microsoft Yahei";
    color: #555555;
    margin-top: 14px;
    margin-left: 258px;
}
/**/
.main{
    height: 623px;
    margin-top: 52px;
    position: relative;
}
.main_right{
    position: relative;
    top: 10px;
    width: 656px;
    height: 428px;
    background:#fff;
    float: left;
}
.main_right p{
    display: none;
}
.main_right .aaa{
    display: inline-block;
}
.main_right .bt{
    display: block;
    margin-top: 41px;
}
.main_right h6{
    display: none;
    height: 34px;
    line-height: 34px;
    text-align: left;
    font: 20px "Microsoft Yahei";
    margin-top: 22px;
    color: #5a6074;
}
.main_right p{
    line-height: 28px;
    text-align: left;
    font: 16px "Microsoft Yahei";
    color: #5a6074;
    margin-top: 12px;
    padding-bottom: 62px;
}


.Butten2{
    position: absolute;
    top: 493px;
    left: 336px;
}
.Butten2 a{
    display: block;
    bottom: -120px;
    /*top: 81px;*/
    font-size: 24px;
    font-family:"Microsoft Yahei" ;
    color: #fff;
    color: black\0;
    text-align: center;
    width: 320px;
    height: 60px;
    line-height: 60px;
    border-radius: 30px;
    background: -webkit-linear-gradient(left, #07fcb6 40%, #763de4 100%);
}
.Butten2 a:hover{
    background:#8a53dd 
}
.main_left{
    width: 344px;
    height: 623px;
    float: left;
    position: relative;
}
.main_left img{
  
    margin-top: -105px;
    margin-left: 16px;
}
.main_left .tec2{
    margin-top: -115px;
   
}
.main_left .tec3{
    margin-top: -116px;
    margin-left: -5px;

}
.main_left .tec4{
    margin-top: -109px;

}
.main_left .tec5{
    margin-top: -105px;
    margin-left: 6px;
 
}
#switcher{
    height: 120px;
    position: absolute;
    top: 290px;
    left: 345px;
}
#switcher li{
    float: left;
    margin-right: 25px;
    border: 2px solid #ffffff;
}

#switcher .on {
    border: 2px solid blue;
    border-image: -webkit-linear-gradient(#aa83f7,#8399f9)50 50 ;
    border-image: -ms-linear-gradient(#aa83f7,#8399f9)50 50 ;
}





.main_left .Butten3 p{
    width: 270px;
    height: 90px;
    font-size: 36px;
    line-height: 90px;
    font-family: "Microsoft Yahei";
    font-style: italic;
    text-align: center;
    color: #fff;
    border-radius: 0 45px 45px 0;
    background: -webkit-linear-gradient(left, #ab83f7 20%, #8499f9 70%);
}
.Butten3{
    position: absolute;
    top: 351px;
    left: 0px;
}
.Butten3 p{
    display: none;
}
.Butten3 .bbb{
    display: inline-block;
}
/*
.Bheader{
    margin-top: 75px;
    margin-left: 45px;
}

.Btitle li{
    overflow: hidden;
    padding-bottom: 6px;
}
.Btitle_left{
    width: 240px;
    background: #222c5c;
    border-radius: 5px 0 0 5px;
    font: 20px "Microsoft Yahei";
    color:#fff;
    float: left;
}
.Btitle_left>img{
    display: block;
    margin-top: 38px;
    margin-left: 91px;
    padding-bottom: 23px;
}
.Btitle_left>p{
    text-align: center;
}
.Btitle_right{

    width: 730px;
    background: #1d2754;
    border-radius: 0px 5px 5px 0px;
    float: left;
    padding-top: 26px;
    padding-left: 30px;
    padding-bottom: 23px;
}
.Btitle_right p{
    color: #c5c8e6;
    font: 14px "Microsoft Yahei";
    line-height: 26px;
    width: 571px;
    padding-bottom: 8px;
    display: inline-block;
    float: left;
}
.Btu1{
    float: right;
    margin-right: 31px;
    margin-top: 20px;
}*/

/*ZR*/
.fl{
    float: left;
}
.fr{
    float:right;
}
.dpbC{
    display: block;
}
.zr{
    width: 100%;
    background: #121a41;
    overflow: hidden;
}

.bgLc:hover.tcC1{
    display: block;
}

.paginationC {
    position: absolute;
    z-index: 20;
    bottom: 10px;
    width:100%;
    text-align: center;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #555;
    margin: 0 5px;
    opacity: 0.8;
    border: 1px solid #fff;
    cursor: pointer;
}
.swiper-active-switch {
    background: #fff;
}




/*主体4*/
.zr4{
    width: 100%;
    background: url(../images/fuli_bg.jpg) no-repeat center;
    height: 626px;
    overflow: hidden;
}
.tcC{
    width: 1035px;
    margin: 0 auto;
    position: absolute;
}
.bg3C{
    width: 1020px;
}
.zr4 li{
    float: left;
    width: 120px;
    height: 240px;
    background-color: #fff;
    margin-right: 6px;
    box-shadow: #e4e5ee 0 0 10px;
    position: relative;
}
.zr4 li img{
    margin: 60px 0 20px 13px
}
.zr4 li p{
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    color: #333;
}
.zr4 li div{
   position: absolute;
   top: -43px;
   left: -16px;
   z-index: 10;
    padding-top:33px ;
    width:153px ;
    height: 297px;
    background: linear-gradient(0deg, #0af7b7, #8247db);
    display: none;
    cursor: pointer;
}
.zr4 .on div{
    display: block;
}
.zr4 li div h2{
    text-align: center;
    font-size: 24px;
    line-height: 45px;
    color: #ffffff;
}
.zr4 li div span{
    margin: 0 auto;
    display: block;
    width: 120px;
    border: 2px solid #997be9;
}
.zr4 li div p{
    margin: 0 auto;
    width: 120px;
    margin-top:22px ;
    margin-bottom:30px ;
    color: #ffffff;
    font-size: 16px;
}
.zr4 li div a{
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    display: block;
    width: 95px;
    height: 30px;
    margin: 0 auto;
    border: 1px solid #ffffff;
}
.topC{
    width: 1000px;
    margin: 0 auto;
}
.topC img{
    display: block;
    margin: 0 auto;
    padding-top: 64px;
    padding-bottom: 61px;
}
.bg3Cy{
    
    width: 1000px;
    margin: 0 auto;
}
.topBtC{
    display: block;
    margin: 65px auto 63px;
    width: 316px;
    height: 56px;
    border-radius:30px;
    border: 2px solid #8247db;
    text-align: center;
    line-height: 56px;
    font-size: 24px;
    color: #8247db
}

.topBtC:hover{
    background: #8247db;
    color: #ffffff
}
/*主体3*/
.zr3{
    width: 1000px;
    height: 660px;
    margin: 0 auto;
    /*border: 1px solid #000;*/
    position: relative;
    overflow: hidden
}
.bt3C{
    display: block;
    height: 69px;
    margin: 71px auto 14px;
}
.zr3 p{
    font-size: 24px;
    line-height: 24px;
    color: #555;
    text-align: center;
    margin-bottom: 36px;
}

#rTc{
    position: absolute;
    right: 0;
    bottom: 37px;
}
#lT1c{
    position: absolute;
    top:211px;
    left: 0;
}
#lT2c{
    position: absolute;
    left: 0;
    bottom: 37px;
}
#lT3c{
    position: absolute;
    left: 253px;
    bottom: 37px;
}
#rTc .hd{
   position: relative; 
}
#rTc .hd ul{
    position: absolute;
    top: 142px;
    left: 127px;
    z-index: 10;
}
#rTc .hd ul li{
    width: 8px;
    height: 8px;
    margin-right: 10px;
    border-radius: 8px;
    background: #b1b1b3;
    float: left;
    cursor: pointer;
}
#rTc .hd ul .on{
    width: 16px;
    background: #ffffff;
}
#rTc .bd {
    height: 410px;
  
}
#rTc .bd ul{
    height: 410px;
    
    overflow: none

}
#rTc .bd li{
    position: relative;
    padding-top: 20px
}
#rTc .bd span{
    display: block;
    width: 240px;
    height: 154px;
    background: url("../images/zr3_span.png") no-repeat center;
    position: absolute;
    top: -10px;
    left: 30px;
    padding: 25px 15px 0 15px;
    font:16px/30px "Microsoft Yahei";
    color: #ffffff;
  
}
#rTc .bd .lou{
    width: 497px;
    height: 400px;
    background: url("../images/lou.jpg") no-repeat center;
}
#rTc .bd .jiaoshi{
    width: 497px;
    height: 400px;
    background: url("../images/jiaoshi.jpg") no-repeat center;
}
#rTc .bd .shitang{
    width: 497px;
    height: 400px;
    background: url("../images/shitang.jpg") no-repeat center;
}
#rTc .bd .sushe{
    width: 497px;
    height: 400px;
    background: url("../images/sushe.jpg") no-repeat center;
}
/*主体2*/
.zr2{
    width: 100%;
    height: 760px;
    background: url("../images/zr/ZR01_33.jpg") no-repeat center;
    background-size: 1920px 762px;
    margin: 0 auto;
    /*border: 1px solid red;*/
}
.jbbtC{
    box-shadow: 0px 0px 15px 0px #dcdcf9;
    background: linear-gradient(45deg, #0af7b7, #8247db);
    width: 316px;
    height: 57px;
    border-radius:30px;
    margin: 0 auto;
}
.jbbtC:active{
    background: #7739e6;
}
.jbbtC a{
    display: block;
    width: 316px;
    height: 57px;
    color: #ffffff;
    text-align: center;
    line-height: 57px;
    font-size: 24px;

}
.jbbtC a:hover{
    background:#8a53dd ;
    border-radius: 57px
}
.bgC{
    width: 1000px;
    height: 700px;
    margin: 0 auto;
    /*border: 1px solid #000;*/
    position: relative;
}
.bMc{
    width: 400px;
    height: 450px;
    background: #ffffff;
    position: absolute;
    right: 0;
    bottom: 62px;
    border-radius:10px;
    box-shadow: 0px 0px 15px 1px #999;
}
.bMc h2{
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    margin-top:53px ;
    margin-bottom:30px ;
}
.bMc span{
    display: block;
    width: 300px;
    height: 1px;
    background: #ecedf1;
    margin: 0 auto;
}
.bMc ul{
    width: 300px;
    margin: 0 auto;
}
.bMc ul li{
    border-bottom:1px solid #ecedf1 ;
}
.bMc ul li input{
    display: block;
    height: 60px;
    width: 300px;
}
.bMc ul .textC{
    margin-bottom:40px ;
}
.lqC{
    box-shadow: 0px 0px 15px 1px #dcfef5;
    background: linear-gradient(45deg, #07fcb6, #1dc8cd);
    width: 300px;
    height: 53px;
    border-radius:30px;
    margin: 0 auto;
    display: block;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    line-height: 53px;
}
.lqC:active{
    background: linear-gradient(45deg, #09e5a7, #0bc4c6);
}
#ljC{
    position:absolute;
    bottom:228px ;
    left: 20px;
    color: #fff;
    font-size: 18px;
}
#lj1C{
    position:absolute;
    bottom:134px ;
    left: 34px;
    color: #fff;
    font-size: 18px;
}
#lj2C{
    position:absolute;
    bottom:63px ;
    left: 140px;
    color: #fff;
    font-size: 20px;
}
#lj3C{
    position:absolute;
    bottom:122px ;
    left: 303px;
    color: #fff;
    font-size: 16px;
}
#lj4C{
    position:absolute;
    bottom:190px ;
    left: 203px;
    color: #fff;
    font-size: 20px;
}
.bt1C{
    position:absolute;
    top:273px ;
    left: 33px;
}
.bt2C{
    position:absolute;
    top:344px ;
    left: 137px;
}
/*页脚*/
.ewmC{
    width: 1000px;
    overflow: hidden;
   
    display: flex;
}
.telC{
    margin-top:79px ;
    margin-bottom: 51px;
}
.telC1{
    margin-top:96px ;
    margin-left:15px ;
}
.ewmC li{
    float: left;
    justify-content: center;
}
.ewmC li .wzC{
    text-align: left;
    font-size: 16px;
    line-height: 28px;
    margin-left: 10px;
    margin-top: 25px;
    color: #fff;
}
.ewmC li img{
    float: left;
}
.zr span{
    display: block;
    width: 1000px;
    height: 1px;
    background: #8188aa;
    margin-bottom:39px ;
    margin-top:46px ;
}
.bottomC{
    width: 1000px;
   
    background: #121a41;
    overflow: hidden;
    margin: 0 auto;
}
.bottomC li{
    float: left;
    margin: 0 auto;
    color: #8188aa;
}
.bottomC li a{
    text-align: center;
    margin: 0 auto;
    color: #8188aa;
}
.bottomC .smC{
    text-align: center;
    font-size: 14px;
    line-height: 50px;
    color: #8188aa;
    margin-bottom:62px ;
}
.sMingC{
    width: 1000px;
    overflow: hidden;
}
.sMc a{
    float: left;
    display: block;
    font-size: 14px;
    line-height: 14px;
    margin: 0 5px 0;
    color: #8188aa;
    border-right:1px solid #8188aa ;
    padding-right: .1rem
}
.sMc .last{
  border: none
}
.sMc{
   margin-left: 194px
}
.btC{
    margin-top: 80px;
    margin-right: 11px;
    float: right;
    width: 172px;
    height: 55px;
    border-radius:30px;
    border: 2px solid #ffffff;
}
.btC a{
    display: block;
    width: 172px;
    height: 59px;
    color: #ffffff;
    text-align: center;
    line-height: 59px;
    font-size: 24px;
}
.tpCC{
    position: absolute;
    top: 210px;
    left: 400px;
}

#tagscloud {
    width: 500px;
    height: 300px;
    position: relative;
    font-size: 22px;
    color: #808396;
    top: 380px;
    text-align: center;
}
#tagscloud a{position:absolute;top:0px;left:0px;color:#ffffff;font-family:"Microsoft Yahei";text-decoration:none;margin:0 10px 15px 0;line-height:18px;text-align:center;white-space:nowrap;}
#tagscloud a:hover{color:#49d2d5;}
#tagscloud .tagc1{left:180px;}
#tagscloud .tagc2{left:280px;}
#tagscloud .tagc3{left:206px;}
#tagscloud .tagc4{left:100px;}
#tagscloud .tagc5{left:44px;}



/* 000 */

.zg_footer{
    width: 100%;
    height: 630px;
    background: #121a41;
    overflow: hidden;}

.zg_footer .top{

    height: ;

}

.zg_footer .top div{

    float: left;

  }

  .zg_footer .top .left{

    margin-top: 46px

  }

  .zg_footer .top .cent{

    width: 280px;

    margin-top: 46px

  }

  .zg_footer .top .cent p{

    color:#fff; font-size:12px;font-family:"Microsoft Yahei"; 

    text-align: center;

    letter-spacing: 15px;

    margin-top: 12px;

    margin-left: 10px

  }

  .zg_footer .top .cent p em{

    letter-spacing: 1px;

    display: inline-block;

    margin-right: 15px;

  

  }

  .zg_footer .top .cent span{

    display: block;

    text-align: center;

    color:#fff; font-size:16px;font-family:"Microsoft Yahei"; 

    margin-top: 5px;

    letter-spacing: 2px;

  

  }

  .zg_footer .top .cent .p2{

    width: 255px;

    text-align: left;

  }

  .zg_footer .top .cent .p2 span{

  float: left;

    width: 40px;

    height: 1px;

    background: #fff;

  margin:7px 5px 0  8px

  }

  .zg_footer .top .cent .p2 .r{

    float: right;

    margin: 0;

    margin-top: 8px

  }

  .zg_footer .top .cent .p2{

    letter-spacing: 5px;

    margin-top: 8px

  }

  

  

  

  .zg_footer .top .right{

    height: 95px;

    width: 800px;



    margin-top: 54px;

    padding-left: 25px;

    position: relative;

  }

  .zg_footer .top .right span{

    float: left;

    color:#ffffff; font-size:22px;font-family:"Microsoft Yahei";font-weight: bold;

    margin: -4px 5px 0 0

  }

  .zg_footer .top .right img{

  position: absolute;

  top: 3px;

  left: 80px;

  }

  .zg_footer .top .right em{

    display:inline-block;

    margin-top: -17px;

    color:#fff; font-size:14px;font-family:"Microsoft Yahei";line-height: 25px;text-indent:81px

  }





.flex_left{
    background:url("../images/flex_left.png") no-repeat center bottom;
    width: 163px;
    height:429px ;
  /*  overflow: hidden;*/
    position: fixed;
    left: 10px;
    top: 20%;
    z-index: 1000;
    padding-top: 38px;

}

.flex_left>p{
    display: block;
    width: 50px;
    font: 24px/26px "Microsoft Yahei";
    color: #ffffff;
    float: left;
    margin-top: 39px;
}
.flex_left>span{
    display: block;
    width: 78px;
    font:bold 24px/26px "Microsoft Yahei";
    color: #fcff00;
    float: left;
    margin:50px -4px 0 19px;
    
}
.flex_left ul{
margin-top: 104px;
}
.flex_left ul li a,.flex_left ul li{
    display: block;
    margin-top: 11px;
    width: 163px;
    height: 40px;
    text-align: center;
    font:bold 16px/40px "Microsoft Yahei";
    color: #ffffff;
}
.flex_left ul li span{
    display: inline-block;
    font:bold 20px/40px "Microsoft Yahei";
    color: #fcff00;

}
.flex_left ul li p{
    font:bold 16px/40px "Microsoft Yahei";
    color: #ffffff;
}
.flex_left ul .last{
    margin-top: 13px;
}

.flex_left .right{
    width: 44px;
    height: 160px;  
    background: url(../images/flex_right.png) no-repeat center;
    position: absolute;
    top: 196px;
    left: 172px;
    cursor: pointer;
}

.flex_left .right .on{
    display: none
}

.flex_left .right img{
    position: absolute;
    top: 125px;
    left: 15px;
    display: block
}


.fix_right {

    width: 316px;
  
    background: url(../images/flex_r.png) no-repeat center;
  
    height: 55px;
  
    padding: 12px 0px;
  
    position: fixed;
  
    right: 0px;
  
    top: 150px;
  
    text-align: center;
  
    font-size: 20px;
  
    line-height: 55px;
  
    color: #fff;
  
    overflow: hidden;
  
    z-index: 1000;
  
  }
  
  .fix_right p {
  
    width: 100%;
  
    height: 100%;
  
    overflow: hidden;
  
    position: relative;
  
    padding-left:30px;
  
  }
  
  .fix_right p:after {
  
    content: "";
  
    background: #fff;
  
    position: absolute;
  
    width: 316px;
  
    height: 316px;
  
    left: 0px;
  
    left: 0;
  
    top: 0;
  
    bottom: 0;
  
    opacity: 0;
  
    margin: auto;
  
    border-radius: 50%;
  
    transform: scale(1);
  
    animation: 1s btn ease-in-out infinite;
  
  }
  
  @keyframes btn {
  
    0% {
  
      transform: scale(0);
  
      opacity: 1;
  
    }
  
    100% {
  
      transform: scale(1);
  
      opacity: 0;
  
    }
  
  }
  
  @-webkit-keyframes btn {
  
    0% {
  
      transform: scale(0);
  
      opacity: 1;
  
    }
  
    100% {
  
      transform: scale(1);
  
      opacity: 0;
  
    }
  
  }