@charset "utf-8";
/*通用css*/
html{font-size: 62.5%;}
*{margin:0;padding:0;list-style:none;font-size:1.6rem; line-height:27px;font-family: "SimSun";}
body {font-family: "SimSun";font-size: 1.6rem;margin:0;padding:0;width: 100%;height: 100%; overflow-x:hidden; color:#666666; background:#ffffff;}
div{ border:0px;margin:0;padding:0;}
img{border:0; border:none; margin:0; padding:0; display: block;}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
.l{ text-align:left;}
.r{ text-align:right;}
.c{text-align:center;}
.clear{clear:both; height:0px;}
a:link { text-decoration:none; color:#666666;}
a:visited { text-decoration:none; color:#666666;}
a:hover { text-decoration: none; color:#222222;}
.wt{ text-decoration:none; color:#ffffff;}
.wt:link { text-decoration:none; color:#ffffff;}
.wt:visited { text-decoration:none; color:#ffffff;}
.wt:hover { text-decoration: none; color:#ffffff;}
.Validform_right{color: #09b59f;}
.Validform_wrong{color: #ff5f05;}
input,button,select,textarea{outline:none}
textarea{resize:none}
.close{display: none;}
/*阴影 css*/
.yiny{ background: #ffffff; border-radius: 10px; box-shadow: 0px 2px 15px -7px #000000;}
/*index css*/
.section1 {background-image:url('../img/bg01.jpg');}
.section2 {background-image:url('../img/bg02.jpg');}
.section2_bg {background-image:url('../img/bg03.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.section4 {background-image:url('../img/bg13.jpg');}
.section {background-repeat:no-repeat;background-position:left;background-size: cover;background-position: center; overflow: hidden;}
p.title { position: relative; top: 35%; font: 700 40px "Microsoft Yahei"; color: #fff; text-align: center;}
#nav_no{width: 100%;height: 80px; background: #fff; position: fixed;z-index: 999;top:-80px}
#nav_no_main{width: 1000px;height: 80px; margin: 0 auto;}
.nav_no_main_l{width: 174px;height: 67px; margin-top: 6px;}
.nav_no_main_r{width: 720px; margin-left: 100px;}
.nav_no_main_r li a{width: 120px; line-height: 80px; color: #4a4a4a; display: block;}
.nav_no_main_r li a:hover{color: #004ca0;}
.nav_no_main_r li ul {width: 120px; background: #fff; border-radius: 4px; margin-top: 5px;}
.nav_no_main_r li ul li {width: 120px; height: 45px; border-bottom: 1px solid #cccccc;}
.nav_no_main_r li ul li a {width: 120px; line-height: 45px; background: #fff;}
.nav_no_main_r li ul li a:hover {color: #fff; background: #004ca0;}
.nav_no_main .down:hover{display:block;}


#section1_top{width: 40%; position: absolute; z-index: 99;transition: all 2s ease-out;}
#section1_bot{width: 40%; position: absolute; z-index: 98;transition: all 2.5s ease-out;}
#section1_top_main{width: 100%; position: absolute; z-index: 100;}
#section1bg1{width: 100%;height: 100%; position: absolute; z-index: 1;transition: all 3s ease-out; top 0px; background-image:url('../img/bg27.png');background-repeat:no-repeat;background-position:left;background-size: cover;background-position: center;}
#section1bg2{width: 100%;height: 100%; position: absolute; z-index: 2;transition: all 4s ease-out; top 0px; background-image:url('../img/bg28.png');background-repeat:no-repeat;background-position:left;background-size: cover;background-position: center;}
#section1bg3{height: 100%;position: absolute; z-index: 3; left: 0px; top: 0px;}
#section1bg4{height: 100%;position: absolute; z-index: 4; right: 0px; top: 0px;}
#section1bg5{width: 50%;position: absolute; z-index: 4;top: 0px; left: 50%;margin-left: -25%;}
.section1_top_top{width: 7%; position: absolute; z-index: 200; cursor:pointer;}
#section1_top_top1{left: 50%;margin-left: -39%; top:30%;}
#section1_top_top2{left: 50%;margin-left: -39%; top:60%;}
#section1_top_top3{left: 50%;margin-left: 30%; top:25%;}
#section1_top_top4{left: 50%;margin-left: 32%; top:45%;}	
#section1_top_top5{left: 50%;margin-left: 30%; top:65%;}
.section1_top_topa{width: 100%;position: absolute;z-index: 999; -webkit-animation:myfirst1 3s;-webkit-animation:myrotate1 3s infinite linear;}
.section1_top_topb{width: 86%;position: absolute; left:50%; top:50%; margin-left: -43%; margin-top: -43%; -webkit-animation:myrotate2 2s infinite linear;}
.section1_top_topc	{width: 80%; height: 80%; position: absolute; left:50%; top:50%; margin-left: -40%; margin-top: -40%; background-size: 100%;opacity:0.8}

#section1_top_top1top{position: absolute; z-index: 200;left: 50%; width: 300%; top:55%; margin-left: 100%;opacity:0;}
#section1_top_top2top{position: absolute; z-index: 200;left: 50%; width: 300%; top:60%; margin-left: 100%;opacity:0;}
#section1_top_top3top{position: absolute; z-index: 200;right: 50%; width: 300%; top:60%; margin-right: 100%;opacity:0;}
#section1_top_top4top{position: absolute; z-index: 200;right: 50%; width: 300%; top:60%; margin-right: 100%;opacity:0;}	
#section1_top_top5top{position: absolute; z-index: 200;right: 50%; width: 300%; top:60%; margin-right: 100%;opacity:0;}


@-webkit-keyframes myrotate1{/* Safari and Chrome */
    form {transform:rotate(0deg);}    
    to    {transform:rotate(360deg);}
}
@-webkit-keyframes myrotate2{/* Safari and Chrome */
    form {transform:rotate(0deg);}    
    to    {transform:rotate(-360deg);}
}


#loding{background: #ffffff;width: 100%;position: absolute;z-index: 9999;}


#section2_bg_f{text-align: right; overflow: hidden;}
#section2_tiao{position: absolute; z-index: 99;}
.section2_top{width: 90%; position: absolute; margin-top:2%; left: 50%; margin-left: -45%; z-index: 100;}
.section2_top div div:nth-child(1){color:#000000; font-size: 3rem; display:block;}
.section2_top div div:nth-child(2){color:#000000; font-size: 1.6rem; padding-top: 15px;}
.section2_top a{color:#0099ff; font-size: 1.6rem;}

#section3a {width: 36%; position: absolute; z-index: 100; left:-15%; bottom: 0px; opacity:0;}
#section3b {width: 24%; position: absolute; z-index: 101; left:91%; bottom: 0px; opacity:0;}

#section3c {width: 100%; height: 100%; background-image:url('../img/bg05.jpg'); position: absolute; z-index: 99;top:0px;opacity:0;}
#section3d {width: 100%; height: 100%; background-image:url('../img/bg06.jpg'); position: absolute; z-index: 98;top:0px;opacity:0;}
#section3e {width: 100%; height: 100%; background-image:url('../img/bg07.jpg'); position: absolute; z-index: 97;top:0px;opacity:0;}

#section_tiao {width: 236px; position: absolute; z-index: 102; left:50%;margin-left: -118px; top:75%}
#section_tiao>img:nth-child(1) {float: left; cursor: pointer;}
#section_tiao>img:nth-child(2) {float: left; margin-left: 10px; cursor: pointer;}
#section_tiao>img:nth-child(3) {float: left; margin-left: 10px; cursor: pointer;}
.section3text{ position: absolute; z-index: 103; left:15%; top:-10%;opacity:0;}
.section3text>div:nth-child(1){color:#000000; font-size: 3rem; display:block;}
.section3text>div:nth-child(2){color:#000000; font-size: 1.6rem; padding-top: 15px;}


#section4_main{width: 74%;position: absolute; left: 50%; margin-left: -32%;top:20%;}
#section4_main img{position: absolute;}
#section4_main #section4_main01{width: 30%; top:12%;left: 10%;opacity:0;}
#section4_main #section4_main02{width: 30%; top:12%; left: 25%;opacity:0;}
#section4_main #section4_main03{width: 30%; top:12%;left: 39.5%;opacity:0;}
#section4_main #section4_main04{width: 30%; top:12%;left: 54.5%;opacity:0;}
#section4_main #section4_main05{width: 13%; top:51.5%;left: 69.4%;opacity:0;}
#section4_main #section4_main06{width: 13%; top:27%;left: 75.8%;opacity:0;}
#section4_main #section4_main07{width: 7.2%; top:12%;left: 81%;opacity:0;}
#section4_main #section4_main08{width: 13%; top:59%;left: 77.4%;opacity:0;}
#section4_main #section4_main09{width: 14.8%; top:27%;left: 81%;opacity:0;}
#section4_main #section4_main10{width: 31.2%; top:4.5%;left: 25.1%;opacity:0;}
#section4_main #section4_main11{width: 33.8%; top:81.6%;left: 30.2%;opacity:0;}
#section4_main #section4_main12{width: 28.8%; top:-44%;left: 26.9%;opacity:0;}


#section5_main{width: 100%; height: 35%;border-bottom: 1px solid #e1e1e1; position:absolute; z-index:1; top: 0px;}
#section5_main01{width: 4%; position:absolute; z-index:2; left: 50%; margin-left: -20%; top: 0%; opacity:0;}
#section5_main02{width: 4%; position:absolute; z-index:3; left: 50%; margin-left: -2%; top: 0%; opacity:0;}
#section5_main03{width: 4%; position:absolute; z-index:4; left: 50%; margin-left: 17%; top: 0%; opacity:0;}
#section5_main04{width: 20%; position:absolute; z-index:5; top: 60%; left: 50%; margin-left: -35%; opacity:0;}
#section5_main05{width: 20%; position:absolute; z-index:6; top: 60%; left: 50%; margin-left: -10%; opacity:0;}
#section5_main06{width: 20%; position:absolute; z-index:7; top: 60%; left: 50%; margin-left: 15%; opacity:0;}
#section5_main07{width: 100%; font-size: 3rem; position:absolute; z-index:8; color:#00000; text-align: center; top:-5%; opacity:0;}

.section6{background: #243342;}
#section6_main_top{width: 1130px; height: 80%; margin: 0 auto;}
#section6_main_bot{width: 100%; height: 20%;text-align: center; color: #fff; background: #162029; padding-top: 4%;}
#section6_main_top a,#section6_main_top ul,#section6_main_top li{text-align: left; color: #fff;font-size: 14px;}
#section6_main_top>ul>li{margin-right: 48px;}
#section6_main_top>ul>li>a{font-size: 16px;}
#section1_top_bot{
            background-image: url(../img/danao.png);
            background-size:100%;
            width:82.4%;
            height:62.6%;
            position: absolute;
            z-index: 99;
            top:50%;
            left:50%;
            margin-top: -27.3%;
            margin-left: -41.2%;
            -webkit-animation: auto-circle 0.5s step-end infinite;
        }

        @-webkit-keyframes auto-circle{
            0%{
            	/*background-image: url(img/1.png);*/
              background-position-y:0%;
            }
            10%{
            	/*background-image: url(img/2.png);*/
              background-position-y:100%;
            }
            20%{
            	/*background-image: url(img/3.png);*/
              background-position-y:200%;
            }
            30%{
            	/*background-image: url(img/4.png);*/
              background-position-y:300%;
            }
            40%{
            	/*background-image: url(img/5.png);*/
              background-position-y:400%;
            }
            50%{
            	/*background-image: url(img/6.png);*/
              background-position-y:500%;
            }
            60%{
            	/*background-image: url(img/7.png);*/
              background-position-y:600%;
            }
            70%{
            	/*background-image: url(img/8.png);*/
              background-position-y:700%;
            }
            80%{
            	/*background-image: url(img/9.png);*/
              background-position-y:800%;
            }
            90%{
            	/*background-image: url(img/10.png);*/
              background-position-y:900%;
            }

        }


.banner{width: 100%; background: #869eb3; height: 300px; margin-top: 80px;}
/*联系我们*/
.map{width: 880px; height: 500px; margin: 30px auto;}
#main{min-height: 500px;}