*{margin: 0;padding: 0;}
body{position: relative;}
.clear{clear:both}
.top_box{width:100%;height:60px;border-bottom:#bbbbbb 1px solid;}
.top{width:1180px;height:60px;margin: auto;position:relative;}
.nav_box{list-style:none;overflow:hidden;position: absolute;top:0;}
.nav{width:80px;height:36px;font-size:14px;line-height:36px;font-family: "微软雅黑";text-align: center;margin-top:12px;float:left;margin-right:24px;position: relative;}
.nav a{text-decoration:none;color:#263147;display: block;}
.nav_top{width:0;height:2px;background-color: #186194;position: absolute;top:0;left: 0;-webkit-transition:0.4s all ease;transition:0.4s all ease;}
.nav_left{width:2px;height:0;background-color: #186194;position: absolute;bottom:0;left:0;-webkit-transition:0.4s all ease;transition:0.4s all ease;}
.nav_bottom{width:0;height:2px;background-color:#186194;position:absolute;bottom:0;right:0;-webkit-transition:0.4s all ease;transition:0.4s all ease;}
.nav_right{width:2px;height:0;background-color: #186194;position: absolute;top:0;right: 0;-webkit-transition:0.4s all ease;transition:0.4s all ease;}
.nav:hover .nav_top{width:80px;}
.nav:hover .nav_left{height:36px;}
.nav:hover .nav_bottom{width:80px;}
.nav:hover .nav_right{height:36px;}
.nav a:hover{color:#186194;}
.nav:nth-of-type(4){margin-right:394px;}
.nav:nth-of-type(8){margin-right:0px;}
#logo{width:220;height:60px;background-position: center;background-repeat: no-repeat;}

/*rught_link部分*/
.right_link_box{position:absolute;top: 288px;right:10px;width:150px;z-index:1;}
.right_link{height:40px;background:rgba(255,255,255,.2);border-radius:20px;width:40px;overflow: hidden;margin-right: 0px;position: absolute;right:0;}
.right_link:nth-of-type(1){top:0;}
.right_link:nth-of-type(2){top:55px;}
.right_link:nth-of-type(3){top:105px;}
.link_ico{width:40px;height:40px;background-position: center;background-repeat: no-repeat;float:left;}
.link_txt{font-family: "微软雅黑";color:#fff;line-height:40px;font-size: 12px;display:block;height:40px; float:left;width:100px;overflow: hidden;position:relative;position: absolute;left:40px;}
.link_txt a{color:#FFFFFF;text-decoration: none;}
.right_link:hover{width:150px; -webkit-transition:all 0.5s ease;transition:all 0.5s ease;} 
.right_link:nth-of-type(2):hover{width:110px; -webkit-transition:all 0.5s ease;transition:all 0.5s ease;} 
.right_link:nth-of-type(3):hover{width:110px; -webkit-transition:all 0.5s ease;transition:all 0.5s ease;} 
/*rught_link部分*/

/*left_control部分*/
.left_control_box{width:20px;height:142px;position:absolute;top: 288px;left:10px;z-index:1;}
.left_control{width:20px;height:20px;background-repeat: no-repeat;background-position: center;margin-top:22px;}
.left_control:nth-of-type(1){margin-top:0;}
/*left_control部分*/

/*ani部分*/
.direction{width:62px;height:62px;position:absolute;bottom:5%;left:50%;margin-left:-31px;-webkit-animation:dirtion 2s linear infinite;animation:dirtion 2s linear infinite;z-index:1;cursor:pointer}
.ani_box{width:100%;background-color:#263147;overflow:hidden;}
.change_box{-webkit-transition:1.5s all ease;transition:1.5s all ease;}
.ani{width:100%;background-position: center;background-repeat: no-repeat;background-size:cover;position: relative;z-index:0;overflow: hidden;}

/*ani01部分*/
.pro_01{width:545px;height:346px;left:10%;top:26%;position: absolute;-webkit-animation:pro_01 1.5s ease;animation:pro_01 1.5s ease;}
.txt01_box{width:545px;height:346px;right:12%;top:38%;position: absolute;}
.txt01_box img:nth-of-type(1){-webkit-animation:txt01_1 3s ease;nimation:txt01_1 3s ease;}
.txt01_box img:nth-of-type(2){margin-left: 10px;-webkit-animation:txt01_2 3s ease;animation:txt01_2 3s ease;}
/*ani01部分*/

/*ani02部分*/
.pro_02{width:316px;height:353px;left:22%;top:26%;position: absolute;-webkit-animation:pro_01 1.5s ease;animation:pro_01 1.5s ease;}
.txt02_box{width:264px;height:100%;background-color:rgba(0,0,0,.6); right:14%; top:0; position: absolute;padding-left:30px;-webkit-animation:txt02_box 2s ease;animation:txt02_box 2s ease;}
.txt02_box a{width: 150px;height:34px;display: block;}
.txt02_box img:nth-of-type(1){margin-top:80%;-webkit-animation:txt02-1 3.2s ease;animation:txt02-1 3.2s ease;}
.txt02_box img:nth-of-type(2){-webkit-animation:txt02-2 3.2s ease;animation:txt02-2 3.2s ease;}
.txt02_box img:nth-of-type(3){-webkit-animation:txt02-3 3.2s ease;animation:txt02-3 3.2s ease;}
.txt02_box a{-webkit-animation:txt02-4 3.2s ease;animation:txt02-4 3.2s ease;}
.txt02_box img,.txt02_box a{margin-top:26px;}
/*ani02部分*/

/*ani03部分*/
.ani03_title{width: 123px;height:61px;position: absolute;left: 50%;margin-left:-62px;top:10%;-webkit-animation:ani03_title .5s ease;animation:ani03_title .5s ease;}
.case_box{width:1112px;height:350px;margin: auto;margin-top:14%;position: relative;}
.case{width:240px;height:150px;overflow: hidden;}
.case:nth-of-type(1){position:absolute;top:0;left:0;-webkit-animation:case01 2s ease;animation:case01 2s ease;}
.case:nth-of-type(2){position:absolute;top:0;left:290px;-webkit-animation:case02 2s ease;animation:case02 2s ease;}
.case:nth-of-type(3){position:absolute;top:0;left:580px;-webkit-animation:case03 2s ease;animation:case03 2s ease;}
.case:nth-of-type(4){position:absolute;top:0;left:870px;-webkit-animation:case04 2s ease;animation:case04 2s ease;}
.case:nth-of-type(5){position:absolute;top:200px;left:0;-webkit-animation:case05 2s ease;animation:case05 2s ease;}
.case:nth-of-type(6){position:absolute;top:200px;left:290px;-webkit-animation:case06 2s ease;animation:case06 2s ease;}
.case:nth-of-type(7){position:absolute;top:200px;left:580px;-webkit-animation:case07 2s ease;animation:case07 2s ease;}
.case:nth-of-type(8){position:absolute;top:200px;left:870px;-webkit-animation:case08 2s ease;animation:case08 2s ease;}
.case_img{position:absolute;top:0;left:0;-webkit-transition: all .5s ease;transition: all .5s ease;}
.black{width:240px;height:150px;background-color:rgba(2,20,33,.6);position: absolute;top:0;left:0;display:none;}
.black a{width:144px;color:#FFFFFF;font-family: "微软雅黑";line-height:30px;font-size:18px;text-align: center;display: block;margin: auto;margin-top:60px;text-decoration: none;}
.case:hover .black{display: block;}
.case:hover .case_img{transform:scale(1.2);}

/*ani04部分*/
.ani04_content{width:1180px;height:430px;margin: auto;margin-top:8%;-webkit-animation:ani04_content 2.5s ease;animation:ani04_content 2.5s ease;}
.ani04_left{width:590px;height:100%;background-color:rgba(255,255,255,.8);float: left;}
.gyby{width:128px;height:32px;background-repeat:no-repeat;background-position:center;margin-top: 26px;margin-left:24px;}
.gs_img{width:524px;height:200px;margin-left:24px;margin-top:22px;}
.gs_txt{width:524px;margin-left:24px;display:block;color:#090909;font-size:12px;font-family:"微软雅黑";line-height:30px;margin-top:22px;}

.ani04_right{width:590px;height:100%;float:right;}
.lianxi{width:164px;height:44px;background-repeat:no-repeat;margin-left: 54px;margin-top:14px;}
.txt_box{margin-left: 54px;margin-top:22px;float:left;}
.mark{font-size:14px;color:#FFFFFF;font-family: "微软雅黑";display:block;}
.txt_enter{background:none;border:#FFFFFF 1px solid; color:#FFFFFF;font-size:14px;line-height:28px;font-family:"微软雅黑";width:230px;margin-top:10px;border-radius:3px;padding-left:5px;}
#submit,#reset{width:150px;height:30px;border:none;border-radius:3px;font-size:14px;font-family:"微软雅黑";color:#FFFFFF;margin-top:30px;}
#submit{background:#58aae4;margin-left:100px;}
#reset{background: #8f8f8f;margin-left:110px;}


.copyright{background-color:rgba(0,0,0,.6);width:100%;height:40px;position:absolute;bottom:0;}
.copyright p{font-size:12px;line-height:40px;color:#FFFFFF;display:block;}
.copyright p:nth-of-type(1){float: left;margin-left:30px;}
.copyright p:nth-of-type(2){float: right;margin-right:30px;}
.copyright p:nth-of-type(2) a{color:#FFFFFF;text-decoration:none;}
.copyright p a:hover{color:#58AAE4;}