/* CSS Document */
*{margin: 0;padding:0;font-size: 16px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,a,button,select{margin:0;padding:0;}
button{border:none;}
body{
    background: #fff url(../images/banner-bj_02.png);
}
ol,ul,li{list-style:none;}
a{text-decoration:none;outline:none; color:#333; cursor:pointer;}
a:hover{text-decoration:none;}
a img,img{border:none;}
div,ul,dl,header{ margin:0;}
html{-webkit-text-size-adjust:none; overflow-x:hidden;} 
img{
    margin: 0;
    padding:0;
}
.clearFix:after{ content:''; display:block; clear:both;}
.clear{ clear:both;}
.fl{
    float: left;
}
.fr{
    float: right;
}
.banner{
    margin: 2px auto 0 auto;
    width: 100%;
    min-width: 1000px;
    vertical-align: top;
    font-size: 100%;
    height: auto;
    max-width: 1920px;
}
.banner a{
    display: inline-block;
    width: 100%;
    min-width: 960px;
    vertical-align: top;
    font-size: 100%;
    height: auto;
}
.banner a img{
    width: 100%;
    height: 100%;
    vertical-align:bottom;
    display:block
}
/*第一块开始*/
.con_1{background-image:url(../images/bg.jpg);width:100%;height:977px;}
.con_top{width: 100%;height: auto;
    padding-top:40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box;}
.con_top h2{background:#6a69f5;border-radius:42px;color:#FFF;font-size:36px;font-weight:300px;line-height:65px;width:850px;height: 65px;margin:0px auto;text-align:center;letter-spacing: 2px;
}
.triangle{display:block; height:0px; width:0px; border:20px solid #000; border-color:#6a69f5 transparent transparent transparent; border-style:solid dashed dashed dashed; line-height:0px;margin:0 auto;}
.con_top a{display:block;font-size:18px;text-align:center;color: #666;}




.con_middle{width:1040px;height:585px;margin:0 auto;text-align:center;
    margin-top: 55px;
overflow: hidden;}
.con_middle .middle_top{width:200px;height:230px;
    margin:0 auto 50px auto;}
.con_middle .middle{
    width:100%;
    height:140px;
    float:left;
    margin:45px auto 0 auto;
}

.middle_1{
    /*background-color:#499FFF;*/
    width:100%;
    height:50px;
    line-height: 50px;
    text-align:center;
    margin:0 auto;
    color: #499fff;
    /*background-color: #499fff;*/
    padding-right: 27px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box;
    font-size:24px;
    text-align: right;
    font-weight: bold;
}
.middle_bottom .middle_1{
    text-align: left;
    padding-left:20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box;
}

 /* .middle_1 p{
 
    width: 100%;
    color: #fff;
    line-height: 32px;
    text-align: center;
 } */
.con_middle .middle .middle_1 p.p_special{
    width: 105px;
    height: 35px;
    border:1px solid #fff;
    margin: 0 auto;
}

.con_middle .middle .middle_2{
    width:100%;
height: 140px;
/*background-color: #fff;*/
/*border:1px dashed #cfcfd0;*/
border-top: 0;
margin:0 auto;
/*padding-top: 25px;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box;
    text-align: center;
    font-size: 18px;color:#333;
    line-height: 30px;
}
.con_middle .middle .purple{background-color:#66F;}
.con_middle .middle .orange{background-color:#F90;}
.con_middle .middle_bottom{
    width:200px;
    height:100%;
    position: relative;
    left:800px;
    top:-595px;
}
.middle-special1{
    margin:45px 0 0 20px !important;
}
.middle-special2{
    margin:45px 0 0 55px !important;
}
.middle-special3{
    margin:45px 0 0 20px !important;
}
.ttl1-3{
    display: block;
    width: 310px;
    height: 60px;
    margin:50px auto 0 auto;
    background-color: #f98d00;
}

.ttl1-3 p{
    width: auto;
    text-align: left;
    font-size:24px;
    color: #fff;
    float: left;
    text-indent: 50px;
    height: 60px;
    line-height: 60px;
}
.ttl1-3 span{
    display: inline-block;
    width: 34px;
    height: 39px;
    background: url(../images/JianTou.png) no-repeat 0 0;
    background-size: 100%;
    float: right;
    margin-right: 45px;
    margin-top: 10px;
}

/*第一块结束*/
/*第二块开始*/
.con_2{width:100%;height:850px;}


.con_middle2{
    width: 1000px;
    height: 400px;
    margin: 55px auto 0 auto;
}
.middle2{
    width: 300px;
    height: 400px;
    position: relative;
}
.ttl2-txt2{
    background-color: rgb( 254, 175, 67 );
    box-shadow: 1.5px 2.598px 4px 0px rgb( 43, 142, 253 );
    position: absolute;
    left: 15px;
    top: 0px;
    width: 66px;
    height: 66px;
    z-index: 123;
    display: block;
    font-size: 48px;
    color: #fff;
    font-weight: bold;
    line-height: 66px;
    text-align: left;
    text-indent: 15px;
}
.middle_top2{
    width: 100%;
    height: 120px;
    background-color: #499fff;
    margin-top: 23px;
}
.half-circle{
    height:100px;width:300px;background:#4298f9;border-radius:0 0 80% 80%;
}
.ttl2-txt3{
    width: 100%;
    height: 120px;
    line-height: 120px;
    text-align: center;
    font-size: 30px;
    color: #fff;
    position: absolute;
    top:22px;
}
.middle_bottom2{
    width: 100%;
    height: 240px;
    margin-top: 10px;
    border:1px dashed #bababa;
    padding:30px 20px 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box;
}
.middle_bottom2 p{
    width: 100%;
    line-height: 30px;
    color: #333;
    font-size: 18px;
    text-align: justify;
}
.middle_bottom2 p span{
    width: 20px;
    height: 20px;
    display: inline-block;
    border:1px solid #333; 
    border-radius: 50%;
    margin-right: 5px;
    line-height: 20px;
    text-align: center;
}
.middle2-1{
    margin: 0 49.5px;
}
.middle2-1 .middle_top2{
    background-color: #8882f7;
}
.middle2-1 em.ttl2-txt2{
    box-shadow: 1.5px 2.598px 4px 0px rgb( 136, 130, 247 );
}
.middle2-1 .half-circle{
    height:100px;width:300px;background:#7e78ec;border-radius:0 0 80% 80%;
}
.middle2-2 .middle_top2{
    background-color: #1fcca5;
}
.middle2-2 em.ttl2-txt2{
    box-shadow: 1.5px 2.598px 4px 0px rgb( 31, 204, 165 );
}
.middle2-2 .half-circle{
    height:100px;width:300px;background:#18c09a;border-radius:0 0 80% 80%;
}
.ttl2-3 p{
    text-indent: 35px;
}
/*第二块结束*/

.con_3{background-image:url(../images/bg_03.jpg);height:995px;width:100%;}

.con_top .orange{display:block;background-color:#f98d00;}
.con_3 .con_top .triangle{display:block; height:0px; width:0px; border:20px solid #000; border-color:#f98d00 transparent transparent transparent; border-style:solid dashed dashed dashed; line-height:0px;margin:0 auto;}	
.con_top3-1 p{
    color: #fff;
}


.con_middle_3{width:1000px;margin:40px auto 0 auto;}
.middle_top_3{width:100%;margin:0 auto;}

.middle_top_3 table{width:100%;height:300px;margin:0 auto;border:0;}

.middle_top_3 table td{
    border-bottom:1px dashed #8882f7;
    border-left: 1px dashed #8882f7;
    text-align:center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box}
.middle_top_3 table .tr_two .tr_two_1{
    border-right: 1px dashed #8882f7;
    box-sizing: border-box;
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box;
}
.middle_top_3 table td .td_div{text-align:left;padding: 0 20px;}

table tr{
    background-color: #fff;
}
table .tr_first{background-color:#8882f7;}
table .td_first{width:180px;line-height:24px;}
table .tr_first td{
    font-size: 24px;
    color: #fff;
}
.ttl3-bit1{
    width: 100%;
    height: 290px;
    margin-top: 25px;
    overflow: hidden;
}
.ttl3-bit_1{
    width: 100%;
    height: 137px;
    margin-bottom: 15px;
    position: relative;
}
.ttl3-bit-pic{
    width: 305px;
    height: 137px;
    vertical-align: top;
    font-size: 0;
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
}
.ttl3-bit-pic img{
    width: 100%;
    height: 100%;
}
.ttl3-bit-txt{
    width: 305px;
    height: 137px;
    position: absolute;
    z-index: 101;
    left: 0;
    top: 0;
}
.ttl3-bit-txt1{
    width: 164px;
    height: 36px;
    background-color: rgb( 255, 212, 0 );
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    color: #601011;
    margin: 18px auto 10px auto;
}
.ttl3-bit-txt2{
    width: 100%;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}
.ttl3-bit-txt3{
    width: 710px;
    height: 132px;
    background-color: rgb( 255, 255, 255 );
    box-shadow: 0px 4px 0px 0px rgb( 204, 204, 204 );
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
}
.ttl3-bit-txt3 p{
    width: 645px;
    line-height: 30px;
    text-align: justify;
    font-size: 18px;
    color: #333;
    float: right;
    margin: 23px 25px 0 0;
}
/*第三块结束*/
.con_4{
    width: 100%;
    height: 1056px;
    background: url(../images/bg_04.jpg);
    max-width: 1920px;
    
    margin: 0 auto;
    background-position: center;
}

.con_4 .empty{margin:100px auto 0 auto;width:1000px;height:530px;}


.con_4 .empty .con_middle_4{width:500px;height:530px;text-align:right;float: right;overflow: hidden;}


.con_4 .empty .con_middle_4 .middle_4{width:500px;height:110px;text-align:center;margin-bottom: 30px;}
.con_4 .img_{float:left;}
.con_4 .font_{float:left;width:400px;text-align:left;line-height:25px;color:#666;margin-left:15px;}
.con_4 .font_ h1{font-size:18px;color:#666;display:block; border-bottom:1px solid #666;width:120px;margin:5px 0px;}

.ttl4-1 p{
    text-indent: 25px;
}
.ttl4-1 span{
    margin-right: 30px;
}




.con_5{width:100%;height:905px;background-color: #f1f4f7;}
.con_middle_5{width:1000px;margin:55px auto 0 auto;height: 715px;}
.middle_top_5{
    width: 100%;height: 210px;
}
.middle_5{
    width: 320px;
    height: 210px;
    margin-right: 19px;
}
.middle_5-bit{
    margin-right: 0;
}

.middle_5_1{font-size:24px;width:320px;text-align:center;height:55px;color:#FFF;margin-bottom:0px; line-height:55px; margin-bottom: 5px;background: #499fff;}
.middle_5_2 {background-color:#FFF;width:320px;height:145px;line-height:30px;text-align:left;padding-left:20px;padding-top:12px;
box-sizing: border-box;
-moz-box-sizing: border-box;  
-webkit-box-sizing: border-box; 
-o-box-sizing: border-box; 
-ms-box-sizing: border-box;
}
.purple{
    background-color: #8882f7;
}
.orange{
    background-color: #feaf43;
}
.ttl5-3{
    width: 1000px;
    height: 258px;
    margin-top: 45px;
}

    .swiper-container555 {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-slide555 {
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
.ttl5-bit3{
    width: 900px;
    height: 258px;
    margin: 0 auto;
    position: relative;
}
.ttl5-bit3-pic1{
    width: 258px;
    height: 258px;
    vertical-align: top;
    font-size: 0;
    position: absolute;
    top:0;
    left: 44px;
    z-index: 2;
}
.ttl5-bit3-pic1 img{
    width: 100%;
    height: 100%;
}
.ttl5-bit3-pic2{
    width: 250px;
    height: 130px;
    background: url(../images/ttl5-1_05.png) no-repeat 0 0;
    background-size: 100%;
    margin-left: 250px;
}

.ttl5-bit3-txt{
    width: 375px;
    height: 258px;
    position: absolute;
    right: 0;
    top:0;
}
.ttl5-bit3-txt-1{
    width: 100%;
    height: 65px;
    line-height: 65px;
    text-align: left;
    font-size: 20px;
    color: #333;
}
.ttl5-bit3-txt-1 span{
    font-size: 36px;
    margin-right: 15px;
}
.ttl5-bit3-txt-2{
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: left;
    font-size: 24px;
    color: #333;
}
.ttl5-bit3-txt-3{
    width: 50px;
    height: 3px;
    background-color: #499fff;
    margin: 12px 0 15px 0;
}
.ttl5-bit3-txt-4{
    width: 100%;
    line-height: 30px;
    text-align: justify;
    font-size: 18px;
    color: #333;
}

.swiper-button-next555,.swiper-button-prev555{position:absolute;top:50%;width:35px;height:50px;margin-top:-25px;z-index:10;cursor:pointer;-moz-background-size:35px 50px;-webkit-background-size:35px 50px;background-size:35px 50px;background-position:center;background-repeat:no-repeat}.swiper-button-next555.swiper-button-disabled,.swiper-button-prev555.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-prev555,.swiper-container-rtl .swiper-button-next555{background-image:url(../images/ttl5-2_03.png);left:0;right:auto}
.swiper-button-next555,.swiper-container-rtl .swiper-button-prev555{background-image:url(../images/ttl5-2_05.png);right:0;left:auto}

.ttl5-last{
    margin: 50px auto 0 auto;
}



.con_6{width:100%;
height: 710px;
}
.con_6 .con_middle{/*border:1px solid #0FF;*/height:360px;}
.con_6 .con_middle .middle_top{height:55px;
width: 815px;}
.con_6 .con_middle .middle{width:225px;height:55px;text-align:center;margin-right:69.5px;border:1px solid #989898;
box-sizing: border-box;
-moz-box-sizing: border-box;  
-webkit-box-sizing: border-box; 
-o-box-sizing: border-box; 
-ms-box-sizing: border-box;}
.con_6 .con_middle .last_middle{margin-right:0px;}
.con_6 .con_middle .middle .left{float:left;}
.con_6 .con_middle .middle .letf_bit6_1{
    width: 63px;
    height: 40px;
    vertical-align: top;
    font-size: 0;
    margin: 7px 15px 0 10px;
}
.con_6 .con_middle .middle .letf_bit6_1 img{
    width: 100%;
    height: 100%;
}
.con_6 .con_middle .middle .letf_bit6_2{
    width: 75px;
    height: 40px;
    vertical-align: top;
    font-size: 0;
    margin: 7px 15px 0 15px;
}
.con_6 .con_middle .middle .letf_bit6_2 img{
    width: 100%;
    height: 100%;
}
.con_6 .con_middle .middle .letf_bit6_3{
    width: 76px;
    height: 40px;
    vertical-align: top;
    font-size: 0;
    margin: 7px 15px 0 10px;
}
.con_6 .con_middle .middle .letf_bit6_3 img{
    width: 100%;
    height: 100%;
}
.con_6 .con_middle .middle .right{float:left;text-align:center;}
.con_6 .con_middle .middle .right p{font-size:24px;text-align:center;color:#666;height: 53px;line-height: 53px;}
.con_6 .slide{width:1000px;/*border:1px solid #C30;*/}
.ttl6-2{
    width: 1000px;
    height: 185px;
	margin:0 auto;
}
.str_wrap img{
    margin-right: 10px;
}

.ttl6-last{
    margin: 0 auto;
}
.ttl6-last p{
    text-indent: 70px;
}
.ttl6-last span{
    margin-right: 60px;
}


.ttl6-2 .box{
    width: 1000px;
    height: 185px;
    margin: 0 auto;
    overflow: hidden !important;
    position: relative;
}
.ttl6-2 .box ul{
    width: 400%;
    height: 185px;
    position: absolute;
    overflow: hidden !important;
    top: 0;
    left: 0;
}
.ttl6-2 .box ul li{
    list-style: none;
    float: left;
    margin-right: 10px;
}
.ttl6-2 .box ul li img{
    /*vertical-align: middle;*/
    width: 317px;
    height: 185px;
}
.title-12 .txt-bit-txt{
    font-size: 34px !important;
}