/* CSS Document */
#menu{position:fixed; left:10px; top:50%; margin-top:-78px; z-index:200; width:15px;}
#menu li a{width:6px; height:6px; margin-left:3px; background-color:#fff; border-radius:50%; display:block; margin-top:10px;}
#menu li.bt a{background-color:#333;}
#menu li.active a{background-color:#333; width:12px; height:12px; margin-left:0px;}
.section{clear:both; position:relative;}

.index_1{background:url(../index_img_1.jpg) center bottom no-repeat;}
.index_1_1{width:100%; max-width:960px; height:520px; position:absolute; left:50%; top:50%; margin-top:-260px; margin-left:-480px; overflow:hidden;}
.index_1_2{width:340px; margin-left:310px; height:202px; background:url(../index_one_img_1.png) 0 0 no-repeat; margin-top:-500px; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.index_1_2s{margin-top:0px;}
.index_1_3{width:100%; margin-top:60px;}
.index_1_4{width:170px; height:170px; position:relative; float:left; margin:2px 32px; cursor:pointer; display:none;}
.index_1_4_1{width:170px; height:170px; background-color:#235bab; border-radius:50%; opacity:0.6; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.index_1_4_2{width:150px; height:150px; background-color:#235bab; border-radius:50%; position:absolute; z-index:1; left:10px; top:10px; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.index_1_4_2 p{font:normal 22px/24px "微软雅黑"; color:#FFF; text-align:center; margin-top:43px;transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.index_1_4_2 p.bt{margin-top:56px;}
.index_1_4:hover .index_1_4_1{width:170px; height:170px; background-color:#fff; border-radius:50%; opacity:0.6;}
.index_1_4:hover .index_1_4_2{width:150px; height:150px; background-color:#fff; border-radius:50%; position:absolute; z-index:1; left:10px; top:10px;}
.index_1_4:hover .index_1_4_2 p{font:normal 22px/24px "微软雅黑"; color:#3b7fe0; text-align:center; margin-top:43px;}
.index_1_4:hover .index_1_4_2 p.bt{margin-top:56px;}

.index_2{width:100%; max-width:1100px; height:600px; position:absolute; left:50%; margin-left:-550px; top:50%; margin-top:-260px; z-index:1;}
.index_2_1{position:relative;}
.index_2_1 h3{font:normal 45px "微软雅黑"; color:#FFF; text-align:center; margin-left:-2500px; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.index_2_1 h3.hover{margin-left:0;}
.index_2_1 h4{width:50px; height:8px; background-color:#FFF; position:absolute; left:150%; margin-left:-25px; top:68px; margin-right:-2000px; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.index_2_1 h4.hover{left:50%;}
.index_2_2{width:100%; height:500px; margin-top:95px; position:relative; display:none;}
.index_2_2 a.prevs{position:absolute; left:0; top:160px; background:url(../index_two_img_2.png) no-repeat 0px 0px; width:42px; height:80px; cursor:pointer;}
.index_2_2 a.nexts{position:absolute; right:0; top:160px; background:url(../index_two_img_1.png) no-repeat 0px 0px; width:42px; height:80px; cursor:pointer;}
.index_2_3{width:1000px; float:left; margin-left:35px;}
.index_2_3 ul li{width:300px; margin-left:30px; height:452px; overflow:hidden;}
.index_2_3_1{width:90px; height:90px; border:solid 3px #FFFFFF; border-radius:50%; font:normal 40px/90px "微软雅黑"; color:#FFF; text-align:center; margin:0 auto; cursor:pointer; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.index_2_3_1:hover{border:solid 3px #4a8cf3; color:#4a8cf3;}
.index_2_3_2{width:100%; text-align:center; margin-top:35px; font:normal 24px/30px "微软雅黑"; color:#FFF;}
.index_2_3_3{width:100%; height:144px; overflow:hidden; text-align:center; margin-top:45px; font:normal 16px/24px "微软雅黑"; color:#FFF;}
.index_2_3_4{width:150px; background-color:#eeeeee; margin:0 auto;  margin-top:60px; font:normal 18px/40px "微软雅黑"; color:#333; text-align:center; border-radius:10px; cursor:pointer; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.index_2_3_4:hover{background-color:#2f405a; color:#fff;}

.index_3{overflow:hidden; position:relative;}
.index_3_1{width:810px; height:300px; overflow:hidden; position:absolute; left:50%; margin-left:-405px; top:50%; margin-top:-3270px; z-index:10; transition:all 0.5s; -wbkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.index_3_1s{margin-top:-270px;}
.index_3_1_1{width:275px; height:110px; margin:0 auto; background:url(../index_three_img_1.png) 0 0 no-repeat;}
.index_3_1_2{clear:both; font:normal 18px/30px "微软雅黑"; color:#333; text-align:center; width:100%; margin-top:20px; height:60px; overflow:hidden;}
.index_3_1_3{width:582px; height:84px; margin:0 auto; background:url(../index_three_img_2.png) 0 0 no-repeat; clear:both; margin-top:25px;}
.index_3_2{width:100%; position:absolute; bottom:-2000px; overflow:hidden; left:0; clear:both; height:350px; background:url(../index_three_img_3.jpg) center top no-repeat; transition:all 0.5s; -wbkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.index_3_2s{bottom:0;}
.index_3_3{width:1100px; margin:0 auto; height:100px;}
.index_3_3 li{width:243px; height:268px; margin:40px 16px 0px 16px; position:relative; float:left; overflow:hidden; cursor:pointer;}
.index_3_3 li h1.li_1{float:left; width:243px;}
.index_3_3 li h1.li_2{width:243px; height:268px; background-color:#3b7fe0; opacity:0.8; position:absolute; left:0; top:269px; z-index:2; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.index_3_3 li h1.li_3{width:243px; position:absolute; z-index:5; left:0; top:50%; margin-top:-40px; opacity:0; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.index_3_3 li h1.li_3 span.sp_1{font:normal 30px/35px "微软雅黑"; color:#FFF; width:243px; text-align:center; float:left;}
.index_3_3 li h1.li_3 span.sp_2{font:normal 20px/45px "微软雅黑"; color:#FFF; width:243px; text-align:center; float:left;}
.index_3_3 li:hover h1.li_2{top:0;}
.index_3_3 li:hover h1.li_3{opacity:1;}
.index_3_3 a.prev{position:absolute; left:10%; top:150px; background:url(../index_two_img_2x.png) no-repeat 0px 0px; width:42px; height:80px; cursor:pointer;}
.index_3_3 a.next{position:absolute; right:10%; top:150px; background:url(../index_two_img_1x.png) no-repeat 0px 0px; width:42px; height:80px; cursor:pointer;}

.index_4{width:1000px; height:660px; overflow:hidden; position:absolute; left:50%; margin-left:-500px; top:50%; margin-top:-280px;}
.index_4_0{background:url(../index_four_img_4.jpg) center bottom no-repeat;}
.index_4_1{width:356px; height:109px; margin:0 auto; background:url(../index_four_img_1.png) 0 0 no-repeat;}
.index_4_2{width:821px; height:79px; margin:0 auto; background:url(../index_four_img_3.jpg) 0 0 no-repeat; margin-top:33px;}
.index_4_2 h1 input{float:left; width:630px; height:56px; margin-left:20px; margin-top:10px; border:none; outline:none; font:normal 16px/56px "微软雅黑"; color:#666; border:solid 1px #2f405a; text-indent:15px;}
.index_4_2 h2{float:right; width:120px; height:40px; margin-right:30px; margin-top:20px; cursor:pointer;}
.index_4_3{width:1000px; height:389px; float:left; background:url(../index_four_img_2.png) 0 0 no-repeat; margin-top:50px; display:none;}
.index_4_3 a{width:150px; height:110px; display:block; float:left;}
.index_4_3 a.a_1{margin-left:120px; margin-top:50px;}
.index_4_3 a.a_2{margin-left:55px; margin-top:50px;}
.index_4_3 a.a_3{margin-left:17px; margin-top:68px;}
.index_4_3 a.a_4{margin-left:55px; margin-top:68px;}

.index_5{background:url(../index_five_img_1.jpg) center bottom no-repeat;}
.index_5_1{width:1100px; height:620px; overflow:hidden; position:absolute; left:50%; margin-left:-550px; top:50%; margin-top:-260px;}
.index_5_2{width:230px; height:110px; margin:0 auto; background:url(../index_five_img_2.png) 0 0 no-repeat; margin-top:-500px; transition:all 0.5s;}
.index_5_2s{margin-top:0;}
.index_5_3{width:1100px; float:left; clear:both; margin-top:60px; display:none;}
.index_5_4{float:left; width:345px; height:450px; background-color:#FFF; margin-left:32px;}
.bt{margin-left:0px;}
.index_5_5{width:300px; margin:0 auto; margin-top:20px;}
.index_5_5 h1{float:left; width:100%; text-align:right;}
.index_5_5 ul{width:100%; clear:both; margin-top:20px; float:left;}
.index_5_5 ul li{width:100%; height:40px; overflow:hidden; background:url(../index_five_img_6.jpg) 5px 12px no-repeat; text-indent:30px; border-bottom:dashed 1px #CCCCCC; font:normal 16px/40px "微软雅黑"; color:#333;}
.index_5_5 ul li a{color:#333;}

.index_6{width:100%; height:620px; overflow:hidden; position:absolute; left:0; top:50%; margin-top:-280px;}
.index_6_1{width:347px; height:110px; margin:0 auto; background:url(../index_six_img_1.png) 0 0 no-repeat; margin-top:-1000px; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.index_6_1s{margin-top:0;}
.index_6_2{width:1100px; margin:0 auto; margin-top:-1500px; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.index_6_2s{margin-top:0;}
.index_6_2 h1{border:solid 2px #CCCCCC; width:315px; float:left; margin:10px 20px; display:inline;}
.index_6_3{width:100%; height:255px; position:relative; clear:both; background:url(../index_six_img_2.png) center top no-repeat; display:none;}
.index_6_4{width:150px;}
.index_6_4 h1{width:100%; text-align:center; font:normal 25px/30px "微软雅黑"; color:#4c86e2;}
.index_6_4 h2{width:100%; text-align:center; font:normal 16px/30px "微软雅黑"; color:#666;}
.index_6_4_1{position:absolute; top:80px; left:50%; margin-left:-535px;}
.index_6_4_2{position:absolute; top:140px; left:50%; margin-left:-240px;}
.index_6_4_3{position:absolute; top:80px; left:50%; margin-left:85px;}
.index_6_4_4{position:absolute; top:140px; left:50%; margin-left:400px;}

.index_7{background:url(../index_seven_img_8.jpg) center bottom no-repeat; position:relative; overflow:hidden;}
.index_7_1{width:1100px; height:620px; overflow:hidden; position:absolute; left:50%; margin-left:-550px; top:50%; margin-top:-270px;}
.index_7_2{width:230px; height:110px; margin:0 auto; background:url(../index_seven_img_1.png) center top no-repeat; margin-top:-1000px; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.index_7_2s{margin-top:0;}
.index_7_3{width:1100px; float:left; clear:both; margin-top:15px; display:none;}
.index_7_3 h1{width:334px; float:left; margin-left:35px; margin-top:20px;}
.index_7_3 h1.bt{margin-left:0px;}

.index_8{width:1000px; height:400px; overflow:hidden; position:absolute; left:50%; margin-left:-500px; top:140px;}
.index_8_1{float:left; width:500px; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; margin-left:-2000px;}
.index_8_1s{margin-left:0;}
.index_8_1 h1{float:left; width:262px; margin-top:10px; height:110px; background:url(../index_eight_img_1.png) center top no-repeat;}
.index_8_1_1{float:left; width:490px; margin-top:45px; font:normal 18px/40px "微软雅黑"; color:#333;}
.index_8_1_1 span{color:#3b7fe0;}
.index_8_2{float:right; width:430px; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; margin-right:-2000px;}
.index_8_2s{margin-right:0;}
.index_8_2_1{float:left; width:400px;}
.index_8_2_1 h1{float:left; width:180px; margin-left:20px; margin-top:10px; text-align:center; font:normal 15px/40px "微软雅黑"; color:#333; background-color:#e1e1e1; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; cursor:pointer;}
.index_8_2_1 h1:hover{background-color:#3b7fe0; color:#FFF;}

.index_888888{width:1000px; height:400px; overflow:hidden; position:absolute; left:50%; margin-left:-500px; top:50%; margin-top:-180px;}

.down{width:100%; position:absolute; bottom:0px; left:0px; display:none;}
.downs{display:block;}
.down_1{width:100%; background-color:#3b7fe0; padding:20px 0;}
.down_111 h1{width:621px; height:43px; margin:0 auto; background:url(../zlyw_imgs_8.png) 0 0 no-repeat;}
.down_1 h1{width:621px; height:43px; margin:0 auto; font:normal 50px/50px "微软雅黑"; color:#FFF; text-align:center;}
.down_1 h2{width:150px; margin:0 auto; cursor:pointer; background-color:#75a4e8; border-radius:15px; font:normal 14px/40px Arial; color:#FFF; text-align:center; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.down_1 h2:hover{background-color:#2f405a;}
.down_2{width:100%; padding:20px 0;}
.down_2 h1{width:100%; text-align:center;}
.down_2 h1 a{display:inline-block; font:normal 14px/30px "微软雅黑"; color:#333; margin:5px 10px;}
.down_2 h2{width:100%; text-align:center; font:normal 14px/30px "微软雅黑"; color:#333;}


.pagenav{width:100%; height:100%; background-color:#333; position:fixed; left:0; top:-2500px; z-index:5000; transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.pagenavshow{top:0;}
.pagenav_1{width:1000px; position:absolute; height:300px; left:50%; margin-left:-500px; top:50%; margin-top:-150px;}
.pagenav_1 h1{float:left; width:25%; font:normal 18px/150px "微软雅黑"; color:#FFF; text-indent:50px;}
.pagenav_1 h1 a{color:#FFF;}
.pagenav_1 h1.syt1{background:url(../ison_1.png) 0 55px no-repeat;}
.pagenav_1 h1.syt2{background:url(../ison_2.png) 0 55px no-repeat;}
.pagenav_1 h1.syt3{background:url(../ison_3.png) 0 55px no-repeat;}
.pagenav_1 h1.syt4{background:url(../ison_4.png) 0 55px no-repeat;}
.pagenav_1 h1.syt5{background:url(../ison_5.png) 0 55px no-repeat;}
.pagenav_1 h1.syt6{background:url(../ison_6.png) 0 55px no-repeat;}
.pagenav_1 h1.syt7{background:url(../ison_7.png) 0 55px no-repeat;}
.pagenav_1 h1.syt8{background:url(../ison_8.png) 0 55px no-repeat;}


@media only screen and (max-height:768px){
    .index_3_1_2{
        font-size: 14px;
        line-height: 23px;
        height: 46px;
    }
    .index_3_1s{
        margin-top: -300px;
    }
    .index_3_2s{
        bottom: -30px;
    }
    .index_3_1_3{
        margin-top: 15px;
    }
}




