@charset "utf-8"; /* CSS Document */ 
* { margin: 0px; padding: 0px; } 
body { font-size: 12px; font-family: "微软雅黑"; color: #525252; background: #fff; } 
a { text-decoration: none; outline: none; transition: all 0.2s; }
a:hover { text-decoration: none; }
img { border: 0; vertical-align: middle;}
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;font-size:12px; line-height:1.6;color:#333;padding:0;margin:0; font-family:"微软雅黑", "宋体", "黑体";}
table ,tr, td { margin: auto; padding:0; margin:0;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none; }

.clear { clear: both; }
.hj{overflow:hidden; clear:both; height:10px;}
.hj2{overflow:hidden; clear:both; height:20px;}
.hj3{overflow:hidden; clear:both; height:30px;}
.pp1{ padding:1% 0;}
.pp2{ padding:2% 0;}
.pp3{ padding:3% 0;}
.pp4{ padding:4% 0;}
.pp5{ padding:5% 0;}
.clear{ overflow:hidden; clear:both;}
.img1{ display:block; position:relative; width:100%; padding-bottom:100%; overflow:hidden;}
.img2{ display:block; position:relative; width:100%; padding-bottom:92.1%; overflow:hidden;}
.img3{ display:block; position:relative; width:100%; padding-bottom:58.5%; overflow:hidden;}
.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;}
.main,.ftit,.link,.foot { width:96%; max-width:1200px;margin:0px auto;overflow:hidden;clear:both;}
.head,.main2{ width:100%; max-width:1200px;margin:0 auto; position:relative;}

.bg1{ background:url(../images/bg1.jpg) no-repeat center; }
.bg1{ background:url(../images/bg1.jpg) no-repeat center; background-size:auto 100%; min-height:100vh;}
.nr1{ height:calc(100% - 60px);}
.logo{ padding:2%; text-align:center;}
.foot{ text-align:center; color:#fff;}
.nr1_p1{ background:rgba(255,255,255,0.66); width:90%; margin:7% auto; max-width:500px; padding:2% 5%; border-radius:15px;}
.nr1_p1 td{ padding:2%;white-space: nowrap;}
.nr1_p2{ line-height:2; width:96%;}
.nr1_p3{ color:#f00;}
.nr1_p4{ background:#007fd8; color:#fff; padding:0; border:none; line-height:2.2; min-width:120px; text-align:center;}
.nr1_p5{ min-height:60vh; width:90%; max-width:900px; background:#fff; padding:3%; margin:2% auto;}
.nr1_p51{ text-align:center;}
.nr1_p52{ border-top:1px solid #ddd; border-left:1px solid #ddd; overflow:hidden; clear:both;}
.nr1_p52 li{ float:left; border-bottom:1px solid #ddd; border-right:1px solid #ddd; width:calc(50% - 1px);}
.nr1_p521{ overflow:hidden; clear:both;/* line-height:44px;*/}
.nr1_p522{ float:left; width:130px; background:#f7ecec; text-align:center; border-right:1px solid #ddd;}
.nr1_p523{ float:right; padding:0 10px;}
.nr1_p6{ display:block; background:linear-gradient(to right, #0086dc, #0066cc); border-radius:35px; padding:3px 3% 5px 3%; color:#fff; line-height:32px}
.nr1_p53{overflow:hidden; clear:both; position:relative; color:#007bd6; padding-left:10px;}
.nr1_p53:before{ position:absolute; left:0; top:calc(50% - 10px); width:3px; height:20px; content: ""; background:#007bd6;}


@media (max-width:768px){
.pc{ display:none;}
.app{ display:block;}
.mm1{ padding:1%; width:96%; margin:0 auto;}
.f14{ font-size:12px;}
.f16{ font-size:14px;}
.f18{ font-size:15px;}
.pp1{ padding:5px 0;}
.pp2{ padding:10px 0;}
.nr1_p1{ background:rgba(255,255,255,0.66); width:90%; margin:7% auto; max-width:500px; padding:2%; border-radius:15px;}
.nr1_p4{ background:#007fd8; color:#fff; padding:0; border:none; line-height:2.2; min-width:100px; text-align:center;}
.nr1_p52 li{ float: none; border-bottom:1px solid #ddd; border-right:1px solid #ddd; width:calc(100% - 1px);}
.nr1_p522{ float:left; width:100px; background:#f7ecec; text-align:center; border-right:1px solid #eee;}
.nr1_p523{ float:right; width:calc(100% - 122px); padding:0 10px;}
.nr1_p6{ display:block; background:linear-gradient(to right, #0086dc, #0066cc); border-radius:35px; padding:2px 5% 5px 5%; color:#fff; line-height:28px}
.nr1_p6 img{ height:26px;}

}
@media (min-width:769px) {
.fl{ float:left;}
.fr{ float:right;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.pp1{ padding:10px 0;}
.pp2{ padding:20px 0;}
.cc1{ display: flex;  justify-content:center;  align-items:Center; text-align:center;}

.bg1{ background:url(../images/bg1.jpg) no-repeat center; }

.nr1_p523{ float:right;/* width:calc(50% - 152px);*/ padding:0 10px;}


}
@media screen and (min-width:320px){
.tt1{font-size:12px;}
.tt2{font-size:12px;}
.tt3{font-size:14px;}
.tt4{font-size:16px;}
.tt5{font-size:16px;}
.tt6{font-size:18px;}
.tt7{font-size:19px;}
.tt8{font-size:20px;}
.tt9{font-size:26px;}
.tt10{font-size:28px;}
.tt11{font-size:28px;}
.tt12{font-size:38px;}
}
@media screen and (min-width: 414px){
.tt1{font-size:12px;}
.tt2{font-size:12px;}
.tt3{font-size:14px;}
.tt4{font-size:16px;}
.tt5{font-size:16px;}
.tt6{font-size:18px;}
.tt7{font-size:18px;}
.tt8{font-size:20px;}
.tt9{font-size:26px;}
.tt10{font-size:28px;}
.tt11{font-size:28px;}
.tt12{font-size:38px;}

}
@media screen and (min-width: 480px){
.tt1{font-size:12px;}
.tt2{font-size:12px;}
.tt3{font-size:14px;}
.tt4{font-size:16px;}
.tt5{font-size:18px;}
.tt6{font-size:18px;}
.tt7{font-size:20px;}
.tt8{font-size:22px;}
.tt9{font-size:26px;}
.tt10{font-size:28px;}
.tt11{font-size:28px;}
.tt12{font-size:38px;}

}
@media screen and (min-width: 640px) {
.tt1{font-size:12px;}
.tt2{font-size:14px;}
.tt3{font-size:16px;}
.tt4{font-size:18px;}
.tt5{font-size:18px;}
.tt6{font-size:20px;}
.tt7{font-size:20px;}
.tt8{font-size:22px;}
.tt9{font-size:28px;}
.tt10{font-size:30px;}
.tt11{font-size:30px;}
.tt12{font-size:48px;}

}
@media (max-width:768px){
.pc{ display:none;}
.app{ display:block;}
.mhj{ height:5px;}
.mhj2{overflow:hidden; clear:both; height:10px;}
  }
@media (min-width:769px) {
.tt1{font-size:14px;}
.tt2{font-size:16px;}
.tt3{font-size:18px;}
.tt4{font-size:20px;}
.tt5{font-size:22px;}
.tt6{font-size:24px;}
.tt7{font-size:24px;}
.tt8{font-size:24px;}
.tt9{font-size:32px;}
.tt10{font-size:36px;}
.tt11{font-size:40px;}
.tt12{font-size:60px;}

.mhj{ height:20px;}
.fl{ float:left;}
.fr{ float:right;}
.pc{ display:block;}
.app{ display:none;}
.mhj{ height:10px;}
.mhj2{overflow:hidden; clear:both; height:20px;}
}
@media (min-width:1024px) {
.tt1{font-size:14px;}
.tt2{font-size:16px;}
.tt3{font-size:18px;}
.tt4{font-size:20px;}
.tt5{font-size:22px;}
.tt6{font-size:24px;}
.tt7{font-size:28px;}
.tt8{font-size:32px;}
.tt9{font-size:36px;}
.tt10{font-size:40px;}
.tt11{font-size:48px;}
.tt12{font-size:68px;}

.pc{ display:block;}
.app{ display:none;}

}
@media (min-width:1180px) {
.tt1{font-size:14px;}
.tt2{font-size:16px;}
.tt3{font-size:18px;}
.tt4{font-size:20px;}
.tt5{font-size:22px;}
.tt6{font-size:24px;}
.tt7{font-size:28px;}
.tt8{font-size:32px;}
.tt9{font-size:36px;}
.tt10{font-size:40px;}
.tt11{font-size:48px;}
.tt12{font-size:68px;}
.pc{ display:block;}
.app{ display:none;}
}

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

@-webkit-keyframes ripple { 
0% {   -webkit-transform: scale(1);           transform: scale(1);   opacity: 0.2; } 
100% {   -webkit-transform: scale(40);           transform: scale(40);   opacity: 0; }
}

@keyframes ripple { 
0% {-webkit-transform: scale(1);           transform: scale(1);   opacity: 0.2; } 
100% { -webkit-transform: scale(40);           transform: scale(40);   opacity: 0; }
}