﻿body {font-size: 16px; line-height: 24px; font-family:"微软雅黑"; color: #3E8E8D; background:#DCF4F2;}
*{ margin:0; padding:0;}
a {text-decoration:none;color: #3E8E8D;}
a:hover {text-decoration: none; color:#009E5A; }
ul,ol {list-style:none;}
img{border:0;}
.clear{ clear:both;}
.allcontainer{width: 100%; min-width: 1400px;}
.allcontainer img{ max-width: 100%; }
.m_banner{ display: none; }
.line_h{ display: none;}

.container{ width:1400px; margin:0 auto;}

.big_bg0{width:100%; height:1397px; background:url(allbg_0.png) no-repeat top;}
.big_bg2{width:100%; height:1559px; background:url(allbg_1.png) no-repeat top;}
.big_bg3{width:100%; height:1988px; background:url(allbg_3.png) no-repeat top;}
.banner{ width:100%; height:710px; background:url(banner.png) no-repeat top; text-align: center; margin-top: -1240px;}
.icon_1{ text-align: center; width: 100%; margin-bottom: 50px;}


.nav_1{ width: 1400px; height: 380px; overflow: hidden; margin: 0 auto ;background:url(bg1.png) no-repeat left; position: relative; }

.tpbox{ width: 206px; height: 290px;  cursor: pointer;}
.tpbox .imgs{width: 206px;height: 266px;}
.tpbox p{margin:-65px auto 9px auto; display: block; text-align: center; }
.tpbox p span{ color: #FF917D; font-style: normal}
.tpbox .bt{width:140px; height: 38px; background: #51A8AF; color: #fff; display: block; font-style: normal; line-height: 38px;text-align: center; margin:-20px auto 0 auto;} 

.tpbox:nth-child(1) {background:url(tp_1.png) no-repeat top; position: absolute; top: 80px; right:630px;}
.tpbox:nth-child(2) {background:url(tp_2.png) no-repeat top;position: absolute; top: 80px; right: 420px;}
.tpbox:nth-child(3) {background:url(tp_3.png) no-repeat top;position: absolute; top: 80px; right: 210px;}
.tpbox:nth-child(4) {background:url(tp_4.png) no-repeat top;position: absolute; top: 80px; right: 0;}


.jmu_box{ position: absolute; top:10px; left: 560px; width: 300px;height: 40px;background: #FFFFFF; border-radius: 5px; overflow: hidden;}
.jmu_box span{width: 100px;height: 40px;background: #51A8AF; text-align: center; line-height: 40px; color: #fff; display: block; float: left;}
.jmu_box .jmu{ width: 180px; height: 20px; line-height: 20px; margin: 10px 0 0 10px; border: none; outline: none; }
.jmu_name{ font-size: 24px; display: block; width: 20px; height: 60px; color: #888; top: 118px; position: absolute; left: 270px; line-height: 28px; }



.nav_2{ width: 1400px; margin: -1500px auto 40px auto;}
.nav_2left{ float: left; background:url(bg2.png) no-repeat top; width: 1026px; height: 491px;}
.nav_2left ul{ padding: 65px 10px 65px 30px;}
.nav_2left ul li{ width: 45%; line-height: 26px; padding: 17px 0; float: left; border-bottom: 1px dashed #080102; margin: 0 2%;}



.nav_2right{width: 354px;height: 428px; float: right; background:url(bg2b.png) no-repeat top; padding-top: 63px; text-align: center; }
.nav_2rightimg img{ width: 275px; height: 275px; overflow: hidden; margin: auto;}
.icon_bg{ width: 209px; height: 33px; line-height: 33px; text-align: center; margin: -30px auto 20px auto;  background:url(icon_2a.png) no-repeat top;font-weight: bold;font-size: 18px; }


.nav_3{ width: 1322px; height: 715px; margin: 0 auto 100px auto;background:url(bg3.png) no-repeat top; padding: 70px 60px 0 60px;}
.nav_3left{ width: 560px; height: 550px; float: left; overflow: hidden;}
.focusBox1 { width: 100%;}
.focusBox1 .swiper-slide { background-position: center;background-size: cover; width: 340px; height: 550px;}
.focusBox1 .swiper-button-next{ position:absolute;width:60px;height: 60px;z-index: 10;cursor: pointer;background: url(right.png) no-repeat center;top:44%; right: 0; }
.focusBox1 .swiper-button-prev{ position:absolute; width:60px;height: 60px;z-index: 10;cursor: pointer;background: url(left.png) no-repeat center;top:44%; left: 0; }




.nav3_right{margin-top: 90px; float: right; width: 720px; }
.nav3_right dl{ position: relative; width: 720px;height: 400px; }
.nav3_right dl i{ position: absolute; background: rgba(0, 0, 0, 0.6) url(playbtn.png) no-repeat center; position: absolute; display: block; top: 0; width: 720px;height: 400px;}
.nav3_right dl img{width: 720px;height: 400px;}
.nav3_right dl dt{width: 720px;height: 40px;background: #51A8AF; line-height: 40px; text-align: center; overflow: hidden;display: block; top: 320px; color: #fff; position: absolute; }


.nav_4{width: 1222px; height: 660px; margin: -2030px auto 70px auto;background:url(bg4.png) no-repeat bottom; padding: 0 90px;}
.nav_4left{ float: left; width: 730px;height: 410px; }
.nav_4left img{width: 720px;height: 400px; border: 5px solid #FADF86;}
.focusBox2 { width: 100%;}
.focusBox2 .swiper-pagination-bullet{ background:#51A8AF;width:10px; height:10px; filter: alpha(opacity=100); opacity: 1.0;border-radius:4px;}
.focusBox2 .swiper-pagination-bullet-active{ background:#FADF86; width:10px; height:10px;filter: alpha(opacity=100); opacity: 1.0;}

.nav_4right{ float: right; padding-right: 10px; width: 450px; height: 330px; color: #E1FCE9; overflow: auto; margin-top: 130px;}
.nav_4right::-webkit-scrollbar-thumb{background:#A0C09E; border-radius: 2px;}
.nav_4right::-webkit-scrollbar {width: 4px;}

.nav_5{width: 1400px; margin: 0 auto 70px auto;}
/*.nav_5 dl{ float: left; width: 335px;height: 596px; margin-right: 20px;}
.nav_5 dl img{width: 335px;height: 596px;}
.nav_5 dl:nth-child(4n) { float: right; margin: 0;}*/
.pvcbox2{ width:1300px; margin: auto; padding: 0 50px }
.pvcbox2 img{width: 100%;height: 100%;}
.pvcbox2 .swiper-button-next{ position:absolute;width:60px;height: 60px;z-index: 10;cursor: pointer;background: url(right.png) no-repeat center;top:44%; right: 0; }
.pvcbox2 .swiper-button-prev{ position:absolute; width:60px;height: 60px;z-index: 10;cursor: pointer;background: url(left.png) no-repeat center;top:44%; left: 0; }


.nav_6{width: 1400px; margin: 0 auto 70px auto;}
.nav_6left{ float: left; width:690px;}
.nav_6left dl{width: 650px; height: 100px; background: #EBF7FA; padding: 20px; overflow: hidden;}
.nav_6left dt{ font-size: 18px; }
.nav_6left dd{border-bottom: 1px dotted #5AA7A6; padding-bottom: 15px;color: #8C8C8C;}



.nav_6right{ float: right; width: 690px;}
.nav_6b {background: #EBF7FA; }
.nav_6b img{ width: 690px;height: 283px; }



.bottombg{ width:100%;text-align: center; padding-bottom: 20px; }
.bottom_sbj{ display:none;}
.tt{ width: 100%; min-width: 1400px; display: block; background:#fff;}



@media only screen and (max-width: 540px){
.tt{ display: none; }
}