@charset "utf-8";
/* CSS Document */
* {}
a {text-decoration: none;color: #333;padding:0;margin:0;}
ul {list-style: none;padding:0;margin:0;}
li {list-style: none;padding:0;margin:0;}
ul li {list-style: none;padding:0;margin:0;}
img {border: none;padding:0;margin:0; vertical-align:middle; max-width:100%;}
a img{border: none;padding:0;margin:0;}
input,button,select,textarea{outline:none}
textarea{resize:none}
p{padding:0;margin:0;}
body {font-family: Verdana, Arial, Helvetica, sans-serif;line-height:2; font-size:12px;color:#333;padding:0;margin:0; font-family:"微软雅黑", "宋体", "黑体";}

.main,.link,.foot { width:100%; max-width:1200px;margin:0px auto;overflow:hidden;clear:both;}
.head{ width:100%; max-width:1200px;margin:0px auto;}
.logo{ float:left;}
.menu{ float:right;}
.menu ul{ overflow:hidden; clear:both; padding-top:20px;}
.menu li{ float:left; padding:0 5px; font-size:18px;}
.menu li a{ display:block; line-height:40px; padding:0 25px;}
.menu li div{ display:none; position:absolute; top:80px; right:0; text-align:center; width:100%; z-index:99999; overflow:hidden; clear:both;}
.menu li:hover div{ display:block;}
.menu li:hover a,.menu .no{ color:#1a64bb;}
/*.menu li div p{ float:right;}*/
.menu li div p a{ float:left; margin:0 20px;}
.menu li:hover div a{ border:none; color:#fff; font-size:14px;}
.menu li div a:hover{ border:none; color:#fff; font-weight:bold;}

.img1{ display:block; position:relative; width:100%; padding-bottom:49.2%; overflow:hidden;}
.img2{ display:block; position:relative; width:100%; padding-bottom:134%; overflow:hidden;}
.img3{ display:block; position:relative; width:100%; padding-bottom:113%; overflow:hidden;}
.img4{ display:block; position:relative; width:100%; padding-bottom:75%;}
.img5{ display:block; position:relative; width:100%; padding-bottom:66.67%;overflow:hidden;}
.img6{ display:block; position:relative; width:100%; padding-bottom:100%;}
.img7{ display:block; position:relative; width:100%; padding-bottom:58.8%;}
.img8{ display:block; position:relative; width:100%; padding-bottom:139%;}
.img1 img,.img2 img,.img3 img,.img4 img,.img5 img,.img6 img,.img7 img,.img8 img{ position:absolute; top:0; left:0; width:100%; height:100%;}
.cc{ display: flex;  justify-content:center;  align-items:Center; text-align:center;}
.img1,.img2,.img3,.img4{ overflow:hidden;}
.img1 img,.img3 img{  cursor: pointer; transition: all 0.8s;}
.cc{ display: flex;  justify-content:center;  align-items:Center; text-align:center;}

.focus{margin:0 auto;overflow:hidden;position:relative; width:320px; clear:both; padding:0; margin:0;}
.focus .wrappic{height:100%;width:100%;overflow:hidden; clear:both; padding:0; margin:0;position:relative;}
.focus ol{left:0;height:100%;overflow:hidden; clear:both; padding:0; margin:0;position:absolute;top:0;width:9999px;}
.focus ol li{float:left;height:100%;width:100%; padding:0; margin:0;}
.focus ol li img{height:100%;width:100%;vertical-align:middle;}
.focus ul{/*right:10px;*/left:50%; margin-left:-30px; position:absolute; bottom:15px; z-index:99; width:60px;}
.focus ul li{background:rgba(255,255,255,0.5);border-radius:25px;cursor:pointer;display:inline;float:left;font-size:0;line-height:0;height:9px;margin-left:10px;overflow:hidden;width:9px;}
.focus ul .current{background:#fff;}

.hj{overflow:hidden; clear:both; height:10px;}
.hj2{overflow:hidden; clear:both; height:20px;}
.hj3{overflow:hidden; clear:both; height:30px;}
.pp1{ padding:2% 0;}
.pp2{ padding:3% 0;}
.pp3{ padding:4% 0;}
.clear{ overflow:hidden; clear:both;}

.tit1{ text-align:center; color:#273972;}
.nr1{  color:#8f8f8f; line-height:1.8;}
.bg1{ background:#f2f2f2;}
.tit2{ background:#273972; color:#fff; padding:1% 3%; border-radius:5px; width:94%; line-height:1.5;overflow:hidden; clear:both;}
.nr2{overflow:hidden; clear:both;}
.nr3{overflow:hidden; clear:both;}
.nr3 li{ float:left; width:46%; padding:2%; text-align:center;}

.fbg{ background:#001d4a; color:#fff;}
.ftit{ width:100%; max-width:1200px;margin:0px auto; border-bottom:1px solid #66748b;}
.ftit_p1{ float:left;}
.ftit_p2{ float:right; width:62%; padding-top:2%;}
.ftit_p2 a{ display:block; float:left; margin-left:6%; color:#fff;}

.bg2{ background:url(../images/bg2.jpg) no-repeat center; background-size:100% 100%; line-height:2; color:#fff; display: flex;
    justify-content:center;
    align-items:Center;}
.bg2 a{ color:#fff;}
.bg3{ background:url(../images/bg3.jpg) no-repeat center; background-size:100% 100%; }
.nr4{ overflow:hidden; clear:both;}
.nr4 li{ float:left; width: calc(20% - 1px); border-left:1px solid #ddd; margin:3% 0;}
.nr4 li:nth-child(5n+1){ border-left: none;}
.nr4 li a{ display:block; position: relative; width:100%; padding-bottom:50%; height:0;}
.nr4 li a img{ position: absolute; top:0; left:0; width:100%; height:100%;}

.tit3{ background:#1a64bb; padding-left:12px; color:#fff; line-height:2.5;}
.nr5{ overflow:hidden; clear:both;}
.nr5 li{ border-bottom:1px solid #ddd; line-height:2.5; padding-left:8%; font-size:14px;}
.nr5 li:hover a,.nr5 .no2{ color:#1a64bb;}
.tit4{ border-bottom:1px solid #dedede; overflow:hidden; clear:both; color:#1a64bb; line-height:2.5;}
.nr5_p1{ display:block; background:#1a64bb; color:#fff; text-align:center; padding:0 5%; border-radius:5px; float:left;}
.nr5_p2 td{ padding:1%;}
.nr5_p4{ color:#1a64bb; border-bottom:1px dotted #ddd; line-height:3;}
.nr5_p5{ color:#999;}
.nr5_p5 td{ padding:2% 0;}
.nr5_p5 input { width:100%; border:1px solid #ddd; width:calc(100% - 22px); padding:0 10px; line-height:32px;height:32px;}
.nr6 li{ overflow:hidden; clear:both; padding:3% 0; display: flex; justify-content:center; align-items:Center;}
.nr6 li:nth-child(odd){ background:#f5f6fa;}
.nr6 li:nth-child(even){ background:#fff;}
.nr6 li:nth-child(odd) .nr6_p1{ float:left;}
.nr6 li:nth-child(even) .nr6_p1{ float:right;}
.nr6 li:nth-child(odd) .nr6_p2{ float:right;}
.nr6 li:nth-child(even) .nr6_p2{ float:left;}
.nr6_p2{ text-align:center;}

.nr7{width:100%; max-width:1200px;margin:0px auto; margin-top:-5%; background:#FFF; border-radius:10px;}
.nr7_p1{ padding:3% 5%; overflow:hidden; clear:both;}
.nr7_p2{ overflow:hidden; clear:both;}
.nr7_p2 li{ float:left;}
.nr7_p3{ background:url(../images/tub1.jpg) no-repeat left center; padding-left:16px;}
.nr7_p4{ padding-left:16px;}



.nr1_p2{ overflow:hidden; clear:both;}
.nr1_p2 li{ float:left;}
.nr1_p21{ background:#fff; padding:10px; overflow:hidden; clear:both;}

.nr21_p2{ overflow:hidden; clear:both;}
.nr21_p2 li{ float:left;}
.nr21_p21{ text-align:center;overflow:hidden; clear:both;}


.nr1_p23{ color:#777; line-height:22px; height:44px; overflow:hidden;}
.nr1_p24{ color:#777; line-height:22px; height:22px; overflow:hidden; margin-top:1%;}

.pages {   margin:15px  auto; width:100%; text-align:center }
.pages a{   margin:0 3px; min-width:30px; line-height:30px; text-align:center; border:1px solid #eee; color:#fff; background:#3b67b3; padding:5px 10px;}
.pages a:hover{ background:#1d91da; color:#fff; border:1px solid #1d91da;}

.nr1_p3 li{ float:left; width:calc(50% - 16px); padding:8px;}
.nr1_p31{ display:block; text-align:center; padding-top:10px; line-height:1.5;}
.nr1_p32{overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color:#777;line-height:1.5;}
.nr1_p121{overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block;}
.nr1_p121{ display:block; text-align:left; padding-top:10px;}

.nr2_p3 li{ overflow:hidden; clear:both; padding:1% 0; border-bottom:1px solid #CCC}

.nr2_p32{ float:left;}
.nr2_p322{ color:#333; display:block; margin:0.5% 0;}

@media screen and (min-width:320px){
.tt1 {font-size:18px;}
.tt2{font-size:14px;}
.tt3{font-size:24px;}
.tt4{font-size:18px;}
.tt5{font-size:16px;}
.tt6{font-size:12px;}
.tt7{font-size:14px;}
.tt8{font-size:40px;}

}
@media screen and (min-width: 414px){
.tt1 {font-size:20px;}
.tt2{font-size:14px;}
.tt3{font-size:26px;}
.tt4{font-size:21px;}
.tt5{font-size:18px;}
.tt6{font-size:12px;}
.tt7{font-size:14px;}
.tt8{font-size:50px;}
}
@media screen and (min-width: 480px){
.tt1 {font-size:22px;}
.tt2{font-size:14px;}
.tt3{font-size:28px;}
.tt4{font-size:24px;}
.tt5{font-size:18px;}
.tt6{font-size:14px;}
.tt7{font-size:16px;}
.tt8{font-size:60px;}
}
@media screen and (min-width: 640px) {
.tt1 {font-size:24px;}
.tt2{font-size:16px;}
.tt3{font-size:32px;}
.tt4{font-size:28px;}
.tt5{font-size:20px;}
.tt6{font-size:18px;}
.tt7{font-size:16px;}
.tt8{font-size:80px;}
}
@media (max-width:768px){
.tt1 {font-size:24px;}
.tt2{font-size:16px;}
.tt3{font-size:36px;}
.tt4{font-size:28px;}
.tt5{font-size:20px;}
.tt6{font-size:18px;}
.tt7{font-size:16px;}
.tt8{font-size:80px;}

.pc{ display:none;}
.app{ display:block;}
.logo{ width:50%; padding-left:2%;}
.focus{height:150px;}
.m_left{ overflow:hidden; clear:both; width:98%; padding:1%;}
.m_right{overflow:hidden; clear:both; width:98%; padding:1%;}
.foot{ width:96%; padding:2%; font-size:14px;}
.bg2{ padding:5% 2%; width:96%; overflow:hidden; clear:both;}
.m_left2{ overflow:hidden; clear:both; width:98%; padding:1%;}
.m_right2{overflow:hidden; clear:both; width:98%; padding:1%;}
.nr6_p1{ width:90%; margin:0 auto; padding:1% 5%;}
.nr6_p2{ width:90%; margin:0 auto; padding:1% 5%;}
.nr7_p2 li{ float:left; width:96%; padding:2%;}
.nr1_p2 li{ width:calc(50% - 10px); padding:5px;}
.nr1_p21{ padding:6px;}
.nr1_p22{ display:block; line-height:26px; margin:2% 0;}

.nr21_p2 li{ width:calc(100% - 10px); padding:5px;}
.nr21_p21{ padding:6px;}
.nr21_p22{ display:block; line-height:26px; margin:2% 0;}

.nr1_p3 li{ float:left; width:calc(50% - 16px); padding:8px;}
.nr1_p31{ padding-top:8px; line-height:2;}

.nr2_p3 li{ overflow:hidden; clear:both; padding:1% 0;}

.nr2_p32{ width:100%;}
.nr2_p323{overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color:#777;}
}
@media (min-width:769px) {
.tt1{font-size:28px;}
.tt2{font-size:18px;}
.tt3{font-size:36px;}
.tt4{font-size:34px;}
.tt5{font-size:22px;}
.tt6{font-size:14px;}
.tt7{font-size:18px;}
.tt8{font-size:120px;}
.pc{ display:block;}
.app{ display:none;}

.focus{height:100px;}
.m_left{ float:left; width:49%;}
.m_right{ float:right; width:49%;}
.foot{ font-size:14px; }
.bg2{ min-height:200px;}
.m_left2{ float:left; width:210px;}
.m_right2{ float:right; width:940px;}
.nr5_p3{ width:75%; margin:0 auto;}
.nr6_p1{ width:54%; padding:0 3%;}
.nr6_p2{ width:40%;}
.nr7_p2 li{ float:left; width:27.333%; padding:2% 3%;}

.nr1_p2 li{ width:calc(25% - 30px); padding:10px 15px;}

.nr21_p2 li{ width:calc(33.33% - 10px); padding:10px 5px;}
.nr2_p32{ width:100%;}
.nr2_p323{overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color:#777;}
}
@media (min-width:1024px) {
.tt1{font-size:30px;}
.tt2{font-size:18px;}
.tt3{font-size:44px;}
.tt4{font-size:34px;}
.tt5{font-size:22px;}
.tt6{font-size:14px;}
.tt7{font-size:20px;}
.tt8{font-size:130px;}
.pc{ display:block;}
.app{ display:none;}

}
@media (min-width:1180px) {
.tt1{font-size:30px;}
.tt2{font-size:18px;}
.tt3{font-size:44px;}
.tt4{font-size:36px;}
.tt5{font-size:24px;}
.tt6{font-size:16px;}
.tt7{font-size:20px;}
.tt8{font-size:140px;}
.pc{ display:block;}
.app{ display:none;}


}
@media (min-width:1360px) {
	
}