@charset "utf-8";

/* CSS Document */

.header{background:url(images/header_db.png) left bottom repeat-x #174592;padding-top:15px;padding-bottom:13px;}

.header .left{width:500px;padding-top:27px;float:left;}

.header .right{width:480px;text-align:right;margin-right:20px;float:right;}

.navbg{background:#052f75;height:50px;border-bottom:1px solid #2a5fb6;}

.nav{width:1000px;margin:0 auto;}

.nav li{float:left;width:125px;height:50px;line-height:50px;color:#ffffff;position:relative;z-index:1000;}

.nav li:hover{background:url(images/nav.png) left top repeat-x;}

.nav a{color:#ffffff;font-size:18px;display:block;width:125px;height:50px;text-align:center;line-height:50px;}

.nav a:hover{color:#ffffff;}

.nav li:hover .subnav{display:block;z-index:2;position:absolute;left:0;top:50px;}

.nav .subnav{background:url(images/nav1.png) left top repeat;position:absolute;left:0;top:50px;width:170px;display:none;}

.nav .subnav li{width:155px;height:35px;line-height:35px;color:#ffffff;background:none;border-bottom:1px dashed #337ee4;margin-left:7px;}

.nav .subnav a{color:#ffffff;text-align:left;padding-left:10px;width:140px;font-size:14px;line-height:35px;height:35px;background:url(images/nav2.png) right center no-repeat;}

.banner {width: 100%;height: 480px;position: relative;}

.banner .list {width: 100%;height: 480px;overflow: hidden;position: relative;z-index: 1;margin:0;padding:0;}

.banner .list li {height: 480px;left: 0;position: absolute;top: 0;width: 100%;}

.banner .list li.bg1 {background:#0680cf;}

.banner .list li.bg1 .text1{position:absolute;left:0;top:108px;z-index:2;width:645px;height:161px;animation:img1 1s ease-out;-webkit-animation: img1 1s ease-out;}

.banner .list li.bg1 .text2{position:absolute;left:0;top:330px;z-index:2;width:217px;height:55px;animation:img2 0.7s ease-out;-webkit-animation: img2 0.7s ease-out;}

.banner .list li.bg1 .text3{position:absolute;right:0px;top:58px;z-index:1;width:397px;height:358px;animation:img3 1s ease-in;-webkit-animation:img3 1s ease-in;}

@keyframes img1{0% { left:-200px; transform:rotate(-180deg);} 100% { left:0px; transform:rotate(0deg);}}

@-webkit-keyframes img1{0% {left:-200px; -webkit-transform:rotate(-180deg);} 100% {left:0px; -webkit-transform:rotate(0deg);}}

@keyframes img2{0% {left:-350px; opacity:0.3;} 100% {left:0px; opacity:1;}}

@-webkit-keyframes img2{0% {left:-350px; opacity:0.3;} 100% {left:0px; opacity:1;}}

@keyframes img3{0% {right:-350px; opacity:0.3;} 100% {right:0px; opacity:1;}}

@-webkit-keyframes img3{0% {right:-350px; opacity:0.3;} 100% {right:0px; opacity:1;}}

.banner .list li.bg2 {background:#4cc5fe;}

.banner .list li.bg2 .text1{position: absolute;left: 315px;top:0px;z-index:1;width:403px;height:137px;animation:img2_1 0.5s ease-out;-webkit-animation:img2_1 0.5s ease-out;}

.banner .list li.bg2 .text2{position: absolute;left: 190px;top: 160px;z-index:2;width:626px;height:54px;animation:img2_2 0.5s ease-out;-webkit-animation:img2_2 0.5s ease-out;}

.banner .list li.bg2 .text3{position: absolute;left: 0px;top: 235px;z-index:2;width:1000px;height:240px;animation: img2_3 1.1s ease-out; -webkit-animation: img2_3 1.1s ease-out;}

@keyframes img2_1 { 0% {transform:rotate(150deg);} 100% { transform:rotate(0deg);}}

@-webkit-keyframes img2_1 { 0% { -webkit-transform:rotate(150deg);} 100% { -webkit-transform:rotate(0deg);}}

@keyframes img2_2 { 0% {transform:rotate(280deg);} 100% { transform:rotate(0deg);}}

@-webkit-keyframes img2_2 { 0% { -webkit-transform:rotate(280deg);} 100% { -webkit-transform:rotate(0deg);}}

@keyframes img2_3 { 20%{ transform:rotateY(180deg);} 90% { transform:rotateY(0deg);}}

@-webkit-keyframes img2_3 { 20%{ transform:rotateY(180deg);} 90% { transform:rotateY(0deg);}}

.banner .list li.bg3 {background:url(images/banner3_1.png) center center repeat;}

.banner .list li.bg3 .text1{position: absolute;left: 0px;top: 90px;z-index: 1;width:515px;height:247px;}

.banner .list li.bg3 .text2{position: absolute;right:0;top: 30px;z-index: 2;width:347px;height:409px;}

@keyframes img3_1 { 0% {top:-200px;opacity:0.3;}100% {top:90;opacity:1;}}

@-webkit-keyframes img3_1 { 0%{top:-200px;opacity:0.3;}100% {top:90;opacity:1;}}

@keyframes img3_2 { 0% {top:-100px;opacity:0;}100% {top:30px;opacity:1;}}

@-webkit-keyframes img3_2 { 0% {top:-100px;opacity:0;}100% {top:30px;opacity:1;}}

.banner .container {margin: 0 auto;width: 1000px !important;position: relative;}

.banner .btn {left: 50%;margin-left: -280px;position: absolute;top: 410px;z-index: 100;}

.banner .btn li {background: none repeat scroll 0 0 #fff;cursor: pointer;float: left;height: 5px;margin-left: 3px;text-indent: -999em;width: 50px;}

.banner .btn li.hover {background: none repeat scroll 0 0 #fc3;}

/*第一屏结束*/

.zt1{width:1000px;height:325px;position:relative;margin:40px auto;}

.zt1 img:hover{box-shadow:2px 2px 2px #333333;-moz-box-shadow:2px 2px 2px #333333;-webkit-box-shadow:2px 2px 2px #333333;}

.zt1_1{position:absolute;left:0;top:0;width:186px;height:104px;}

.zt1_2{position:absolute;left:196px;top:0;width:186px;height:104px;}

.zt1_3{position:absolute;left:392px;top:0;width:186px;height:104px;}

.zt1_4{position:absolute;left:0;top:110px;width:186px;height:104px;}

.zt1_5{position:absolute;left:196px;top:110px;width:186px;height:104px;}

.zt1_6{position:absolute;left:392px;top:110px;width:186px;height:104px;}

.zt1_7{position:absolute;left:0;top:220px;width:186px;height:104px;}

.zt1_8{position:absolute;left:196px;top:220px;width:186px;height:104px;}

.zt1_9{position:absolute;left:392px;top:220px;width:186px;height:104px;}

.zt1_10{position:absolute;left:586px;top:0px;width:120px;height:213px;}

.zt1_11{position:absolute;left:586px;top:220px;width:120px;height:104px;}

.zt1_12{position:absolute;left:714px;top:0px;width:286px;height:104px;}

.zt1_13{position:absolute;left:714px;top:109px;width:286px;height:215px;}

.zt2{width:1000px;margin:0px auto;}

.zt2_1{width:185px;float:left;margin-right:20px;}

.zt2_1_1{background:url(images/zt2.png) left center no-repeat;padding-left:50px;font-size:30px;color:#000000;height:45px;line-height:40px;}

.zt2_1 p{color:#313131;font-size:14px;line-height:28px;margin-top:10px;}

.zt2_2{width:795px;float:right;margin-top:30px;}

.zt2_2 ul li{width:234px;height:147px;float:left;margin:10px 0 10px 30px;}

.zt3{background:url(images/zt3.jpg) center center no-repeat #002c70;margin:45px 0;height:565px;}

.zt3 .w1000{position:relative;}

.zt3 .h100{height:100px;}

.zt3_1{background:url(images/zt3.png) left center no-repeat;padding-left:50px;font-size:30px;color:#ffffff;height:40px;line-height:35px;position:absolute;left:5px;top:50px;}

.zt3_2{font-size:14px;color:#ffffff;line-height:28px;position:absolute;left:5px;top:110px;}

.zt3_3{text-align:right;padding-top:10px;}

.zt3_3 li{display:inline-block;margin-left:5px;}

.zt4{background:url(images/zt4.png) left center no-repeat;width:950px;padding-left:50px;font-size:30px;color:#000000;height:45px;line-height:40px;margin:0 auto;}

/*如何选择，查看更多*/

.jiuyeH{line-height:34px;height:34px;margin-top:35px;}

.jiuyeH li{display:block;float:left;text-align:center;font-size:14px;font-weight:bold}

.jiuyeH01{width:160px;background:#06f;color:#fff}

.jiuyeH02{width:100px;background:#ddd;color:#06f}

.jiuyeH03{width:110px;background:#06f;color:#fff}

.jiuyeH04{width:110px;background:#ddd;color:#06f}

.jiuyeH05{width:240px;background:#06f;color:#fff}

.jiuyeH06{width:150px;background:#ddd;color:#06f}

.jiuyeH07{width:130px;background:#06f;color:#fff}

.jiuyeC{margin:5px 0}

#jiuyeTxt{height:100px;overflow:hidden}

.cds_track {position: absolute;background:#eee;right:0px;top: 0px;width:21px;height: 100%;cursor: pointer;/*滚动条背景*/}

.jiuyeF{line-height:12px;height:12px;overflow:hidden}

.jiuyeF li{display:block;float:left;text-align:center;font-size:4px;font-weight:bold}

.jiuyeF01{width:160px;background:#06f;color:#fff}

.jiuyeF02{width:100px;background:#ddd;color:#06f}

.jiuyeF03{width:110px;background:#06f;color:#fff}

.jiuyeF04{width:110px;background:#ddd;color:#06f}

.jiuyeF05{width:240px;background:#06f;color:#fff}

.jiuyeF06{width:150px;background:#ddd;color:#06f}

.jiuyeF07{width:130px;background:#06f;color:#fff}

.jiuyeC01{width:150px;text-align:left;padding-left:10px}

.jiuyeC02{width:80px;text-align:left;padding-left:20px}

.jiuyeC03{width:110px;}

.jiuyeC04{width:110px;}

.jiuyeC05{width:220px;text-align:left;padding-left:20px}

.jiuyeC06{width:150px;}

.jiuyeC07{width:110px;text-align:left;padding-left:20px}

/*如何选择，查看更多*/

.zt5{background:url(images/zt5.png) left center no-repeat;width:950px;padding-left:50px;font-size:30px;color:#000000;height:45px;line-height:40px;margin:40px auto;}

.zt6{background:url(images/zt6.png) left center no-repeat;width:950px;padding-left:50px;font-size:30px;color:#000000;height:45px;line-height:40px;margin:40px auto;}

.zt6 span{font-size:14px;color:#626262;}

.zt7{background:url(images/zt7.png) left top no-repeat;padding-left:340px;width:660px;height:665px;margin:0 auto;font-size:14px;color:#313131;}

.zt8{background:#0066ff;margin:40px 0;padding:20px 0;}

.zt8_1{width:365px;position:relative;color:#ffffff;float:left;}

.zt8_1_1{font-size:14px;color:#ffffff;background:#eb0a0a;padding-left:7px;overflow:hidden;height:30px;line-height:30px;}

.zt8_1_1 ul li{overflow:hidden;height:30px;line-height:30px;}

.zt8_1_2{display:block;position:absolute;left:215px;top:110px;border:1px solid #ffffff;height:30px;line-height:30px;font-size:16px;color:#ffffff;padding:0 20px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;}

.zt8_1_2:hover{color:#ffffff;}

.zt8_2{width:610px;float:right;}

.zt8_2_1{font-size:24px;color:#ffffff;}

.zt8_2_2{margin-top:25px;font-size:16px;color:#ffffff;position:relative;}

.zt8_2_2 .minput{width:166px;padding-left:4px;height:26px;margin-bottom:15px;}

.zt8_2_2 .msubmit{background:url(images/zt8.png) center center no-repeat;border:none;position:absolute;right:30px;top:5px;width:66px;height:66px;cursor:pointer;}

.zt9{width:1000px;font-size:30px;color:#000000;height:40px;line-height:40px;margin:40px auto 20px;}

.zt10{width:945px;padding-left:55px;font-size:16px;color:#000000;line-height:30px;margin:0 auto;}

.zt10_1{cursor:pointer;}

.zt10_1_1{color:#0066ff;font-size:18px;}

.zt10_1 p{display:none;}
.dysp{width:1000px;margin:20px auto;}
.dysp li{width:240px;margin-right:4px;float:left;}
.dysp li .pic{background:#000000;display:block;width:242px;height:200px;}
.dysp li p{font-size:12px;color:#349cfd;border-bottom:1px solid #349cfd;height:39px;line-height:39px;}
.dysp_tit{text-align:center;font-size:30px;margin-top:20px;margin-bottom:20px;}
.dysp_con{text-indent:2em;font-size:16px;line-height:25px;overflow:hidden;}
.dysp_con a{float:right;color:#333333;font-size:14px;}