@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;}
html { overflow: hidden;}

body {font-family: Verdana, Arial, Helvetica, sans-serif;line-height: 24px; font-size:12px;color:#333;padding:0;margin:0; font-family:"΢ÈíÑźÚ", "ËÎÌå", "ºÚÌå";}

#pageContain { overflow: hidden;}
.page { display: none; width: 100%; overflow: hidden; position: absolute; left: 0;}
.contain { width: 100%; height: 100%; display: none; position: relative; z-index: 0;}
.current .contain, .slide .contain { display: block;}
.current { display: block; z-index: 1;}
.slide { display: block; z-index: 2;}
.swipe { display: block; z-index: 3; transition-duration: 0ms !important; -webkit-transition-duration: 0ms !important;}
.page{ background: #fff;}

#navBar { z-index: 3; position: absolute; top: 30%; right: 3%;}
#navBar .active { background: #ddd;}
#navBar li { cursor: pointer; margin-bottom: 10px; transition: all .7s ease; border-radius: 50%; line-height:10px; text-align: center; width:10px; height:10px; background:#666;}

.bg1{ position: fixed; top:; left:0; width:100%; z-index:9999999999; background:#fff;}
.main,.ftit,.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{ float:left; padding-top:20px;}
.menu li{ float:left; padding:0 30px;}
.menu li a{ display:block; line-height:40px; border-bottom:2px solid #fff; font-size:16px;}
.menu li a:hover,.menu .no{ border-bottom:2px solid #000;}
.sear{ display:block; float:left; margin-left:100px; margin-right:20px; margin-top:30px; position:relative;}
.sear p { display:none; position:absolute; top:22px; right:-10px; width:150px;}
.sear:hover p { display:block}
.sear1{ width:100px;}
.sear2{ /*background:url(/skin/default/images/ico.png) no-repeat;*/ width:35px; height:24px; border:none;}
.sear3{ float:right; margin-top:30px; border:none;}
.sear3 select{ border:none;}
.contain{ position:relative; width:100%; height:100%;}


.focus{overflow:hidden;position: absolute;width:100%; height:100%;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%;}
.focus ol li img{height:100%;width:100%;vertical-align:middle;}
.focus ul{/*right:10px;*/left:50%; margin-left:-30px; position:absolute; bottom:10px; z-index:999; width:60px;}
.focus ul li{background:rgba(204,204,204,0.5);border-radius:25px;cursor:pointer;display:inline;float:left;font-size:0;line-height:0;height:9px;margin-left:5px;overflow:hidden;width:9px;}
.focus ul .current{background:#fff;}
#btn_prev{ position:absolute; top:40%; left:5%; z-index:99999999; font-size:72px; color:#fff; width:60px; overflow:hidden; float:left;}
#btn_next{ position:absolute; top:40%; right:5%; z-index:999999999; font-size:72px; color:#fff; width:60px; text-align:right; overflow:hidden; float:right;}

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

.bg2{ background:url(/skin/default/images/bg2.jpg) no-repeat center top; background-size:auto 100%; overflow:hidden/*;position: absolute;*/width:100%; height:100%;clear:both; padding:0; margin:0;display: flex; justify-content:center; align-items:Center;}
.tit1{ text-align:center;}
.tit1_p1{ color:#08498c; line-height:1.8;}
.tit1_p2{ color:#888; line-height:1.8;}
.nr1,.nr2,.nr3{ overflow:hidden; clear:both;}
.nr1 li{ float:left; text-align:center;}
.nr1_p2{ display:block; color:#fff; margin-top:3%;}

.bg3{ background:url(/skin/default/images/bg3.jpg) no-repeat center top; background-size:auto 100%; overflow:hidden;position: absolute;width:100%; height:100%;clear:both; padding:0; margin:0;display: flex; justify-content:center; align-items:Center;}
.nr2{ padding-top:3%;}
.nr2_p1{ background:#FFF; padding:7px; padding-bottom:10px;}
.nr2_p2{ display:block; width:100%; padding-bottom:58%; position:relative;}
.nr2_p2 img{ position:absolute; top:0; left:0; width:100%; height:100%;}
.nr2_p3{ display:block; line-height:36px;height:36px; overflow:hidden; padding-top:6px;}
.nr2_p4{ color:#888; height:44px; line-height:22px; overflow:hidden;}
.nr2_p5{ overflow:hidden; clear:both;}
.nr2_p5 li{ overflow:hidden; clear:both; border:1px solid #eee; background:#fff; margin-bottom:10px;}
.nr2_p6{ float:left; width:44%;}
.nr2_p6 a{ display:block; width:100%; padding-bottom:53%; position:relative;}
.nr2_p6 a img{ position:absolute; top:0; left:0; width:100%; height:100%;}
.nr2_p7{ padding:2%; float:right; width:50%;}

.bg4{ background:url(/skin/default/images/bg4.jpg) no-repeat center top; background-size:auto 100%; overflow:hidden;position: absolute;width:100%; height:100%;clear:both; padding:0; margin:0;display: flex; justify-content:center; align-items:Center;}
.nr3_p2{ text-align:center;}
.nr3_p3{ position:relative; width:100%; height:64px;}
.nr3_p3 span{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; display:none;}
.nr3 li:hover .nr3_p1{ background:#66a6f6; color:#fff;}
.nr3 li:hover .nr3_p4{ font-weight:bold;}
.nr3 li:hover .nr3_p3 span{ display:block;}

.bg5{ background:url(/skin/default/images/bg5.jpg) no-repeat center top; background-size:auto 100%; overflow:hidden;position: absolute;width:100%; height:100%;clear:both; padding:0; margin:0;display: flex; justify-content:center; align-items:Center;}
.m_left{ float:left; width:28%; text-align:right;}
.nr4_p0{ line-height:1.4; font-weight:bold; margin:2% 0;}
.nr4_p1,.nr4_p2{ padding-bottom:2% ; border-bottom:1px solid #9c9ca5; margin-bottom:3%;}
.nr4_p2 p{ padding:1% 0;}
.nr4_p2{}

.nr55_p2 li{ overflow:hidden; clear:both; line-height:32px; border-bottom:1px dotted #CCC; background:url(/skin/default/images/tub6.jpg) left no-repeat; padding-left:20px;}
.nr55_p2 li a{ display:block; float:left; max-width:900px; font-size:14px;color:#333;}
.nr55_p2 li p{ float:right; color:#333; font-size:14px;}
@media screen and (min-width:320px){
.tt1 {font-size:18px;}
.tt2{font-size:14px;}
.tt3{font-size:60px;}
.tt4{font-size:14px;}
.tt5{font-size:16px;}
.tt6{font-size:12px;}
.tt7{font-size:18px;}
.tt8{font-size:40px;}

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

.tt4{font-size:16px;}
.tt5{font-size:20px;}
.tt6{font-size:18px;}
.tt7{font-size:22px;}
.tt8{font-size:80px;}
}
@media (max-width:768px){
.pc{ display:none;}
.app{ display:block;}
.logo{ height:60px;}
.logo img{height:60px;}
/*.focus{ height:525px; width:320px;}*/
.mm1{ padding:1%; width:98%;}
.page { top:60px; height: calc(100% - 60px);}
.nr1 li{ float:left; width:31%; padding:2% 1%;}
.nr1_p1{ background:url(/skin/default/images/xbg1.png) no-repeat center bottom; background-size:100% auto; padding-bottom:3%; width:70%; margin:0 auto;}
.nr1_p1 a{ display:block; position:relative; width:100%; padding-bottom:100%; overflow:hidden; border-radius:50%;}
.nr1_p1 a img{position: absolute; top:0; left:0; width:100%; height:100%; border-radius:50%;}
.nr2_l{ width:94%; margin:2% auto;}
.nr2_r{ width:94%; margin:1% auto;}
.nr2_p4{font-size:12px;}
.nr3{ padding-top:5%;}
.nr3 li{ float:left; width:42%; font-size:12px; padding:2% 4%;}
.nr3_p1{ position:relative; width:100%; padding-bottom:100%; border-radius:50%; background:#f2f2f2;display: flex; justify-content:center; align-items:Center; text-align:center; overflow:hidden;}
.nr3_p2{ position:absolute; top:0; left:0; width:100%; height:100%;display: flex; justify-content:center; align-items:Center;}
.nr3_p4{ padding-top:1%; line-height:1.5;}
.nr3_p5{ line-height:20px;}
.m_right{ float:right; width:75%; border-left:1px solid #9c9ca5; padding-left:3%; padding-right:8%;}

}
@media (min-width:769px) {
.tt1{font-size:28px;}
.tt2{font-size:20px;}
.tt3{font-size:130px;}
.tt4{font-size:18px;}
.tt5{font-size:22px;}
.tt6{font-size:14px;}
.tt7{font-size:24px;}
.tt8{font-size:120px;}

.pc{ display:block;}
.app{ display:none;}
/*.focus{ height:144px;}*/
.page { top:80px; height: calc(100% - 80px);}
.nr1 li{ float:left; width:25%; padding:2% 0;}
.nr1_p1{ background:url(/skin/default/images/xbg1.png) no-repeat center bottom; background-size:100% auto; padding-bottom:25px; width:150px; margin:0 auto;}
.nr1_p1 a{ display:block; position:relative; width:100%; padding-bottom:100%; overflow:hidden; border-radius:50%;}
.nr1_p1 a img{position: absolute; top:0; left:0; width:100%; height:100%; border-radius:50%;}
.nr2_l{ float:left; width:585px;}
.nr2_r{ float:right; width:585px;}
.nr2_p4{font-size:14px;}
.nr3{ padding-top:5%;}
.nr3 li{ float:left; width:25%; font-size:14px;}
.nr3_p1{ width:220px; height:220px; border-radius:50%; background:#f2f2f2;display: flex; justify-content:center; align-items:Center; text-align:center; overflow:hidden;}
.nr3_p4{ padding-top:3%; line-height:2;}
.m_right{ float:right; width:65%; border-left:1px solid #9c9ca5; padding-left:3%;}


}
@media (min-width:1024px) {
.tt1{font-size:32px;}
.tt2{font-size:22px;}
.tt3{font-size:140px;}

.tt4{font-size:18px;}
.tt5{font-size:22px;}
.tt6{font-size:14px;}
.tt7{font-size:28px;}
.tt8{font-size:130px;}
.pc{ display:block;}
.app{ display:none;}

}
@media (min-width:1180px) {
.tt1{font-size:36px;}
.tt2{font-size:24px;}
.tt3{font-size:140px;}

.tt4{font-size:18px;}
.tt5{font-size:22px;}
.tt6{font-size:16px;}
.tt7{font-size:30px;}
.tt8{font-size:140px;}
.pc{ display:block;}
.app{ display:none;}

}
@media (min-width:1360px) {
	
}
<!--ºÄʱ1786996002.7034Ãë-->