/* 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; }


/*面包屑*/ 
.btn-nav { position: absolute; top: 15px; right: 0px; background: transparent; padding-right: 10px; border: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; cursor: pointer; z-index: 99999; } 
.btn-nav:focus { outline: 0; } 
.icon-bar { display: block; margin: 5px 0; width: 26px; height: 3px; background-color: #0090ff; background-color: #d09c11; } 
.btn-nav:hover .icon-bar { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color: #d09c11; } 
.nav-item { margin: 40px auto; text-align: center; } 
.icon-bar { -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 999999; } 
.btn-nav.close.icon-bar { z-index: 999999; background-color: #d09c11; } 
.btn-nav.close .topt { -webkit-transform: translateY(10px) rotateZ(45deg); -moz-transform: translateY(10px) rotateZ(45deg); -ms-transform: translateY(10px) rotateZ(45deg); -o-transform: translateY(10px) rotateZ(45deg); transform: translateY(10px) rotateZ(45deg) } 
.btn-nav.close .bottom { -webkit-transform: translateY(-6px) rotateZ(-45deg); -moz-transform: translateY(-6px) rotateZ(-45deg); -ms-transform: translateY(-6px) rotateZ(-45deg); -o-transform: translateY(-6px) rotateZ(-45deg); transform: translateY(-6px) rotateZ(-45deg); } 
.btn-nav.close .middle { width: 0; } 
.cai { display: none; } 
.showy_warp { display: none; } 

@media screen and (max-width:1199px)and (min-width:300px) { 

}

.main,.ftit,.link,.foot { width:96%; max-width:1200px;margin:0px auto;overflow:hidden;clear:both;}
.head,.main2{ width:98%; max-width:1200px;margin:0 auto; position:relative;}

.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:127.7%; overflow:hidden;}
.img3{ display:block; position:relative; width:100%; padding-bottom:58.5%; overflow:hidden;}
.img4{ display:block; position:relative; width:100%; padding-bottom:24.8%;}
.img5{ display:block; position:relative; width:100%; padding-bottom:60%;}
.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;}

.qq{ width:100%; margin:0 auto; position:relative;}
.fullSlide{ position: absolute; top:0; left:0;width:100%; height:100%;}
.fullSlide .bd{position:relative;z-index:0;overflow:hidden;height:100%;}
.fullSlide .bd ul{width:100% !important; height:100%;}
.fullSlide .bd li{width:100% !important; height:100%;overflow:hidden;text-align:center;}
.fullSlide .hd{position:absolute;bottom:10px;left:0; width:100%;display: flex;   justify-content:center;  align-items:Center;height:22px;line-height:20px;}
.fullSlide .hd ul{text-align:center; width:100%; margin:0 auto; max-width:1200px;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:8px; max-width:50px;height:8px;margin:2px 4px;overflow:hidden;filter:alpha(opacity=90);opacity:0.9;line-height:999px; border-radius:50%; border:2px solid #fff;}
.fullSlide .hd ul .on{background:#009afe;background:#fff;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;background:url(../image/slider-arrow.png) -126px -137px  no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:5%;background-position:-6px -137px;}
.bd_p{ color:#fff;}
.bd_p1{ position:relative; line-height:1.3; padding:1.5% 0;}
.bd_p2{ clear:both;}
.bd_p3{ display:block; border:1px solid #fff; line-height:2.8; border-radius:35px; color:#fff; padding:0 4%; margin-top:10%;}
.none {display: none;}

.bg1{ background:#f4f4f4;}
.tit1{ text-align:center;}
.tit1_p1{ line-height:2; font-weight:bold;}
.tit1_p2{ color:#737373; text-transform:uppercase;}
.tit1_p3{ width:40%; max-width:60px; height:3px; margin:5px auto; background:#e3c470;}
.nr1_p1{ overflow:hidden; clear:both;}
.nr1_p1 li{ float:left; padding:1.5%; width:17%; text-align:center;}
.nr1_p11{ border:1px solid #e7e7e7; border-radius:6px; padding:8% 5%; position:relative;transition: all .5s;}
.nr1_p12{ padding:5% 0;}
.nr1_p13{ padding:5% 0; position:relative;}
.nr1_p13:before{ position:absolute; left:calc(50% - 10px); bottom:0; width:20px; height:3px; background:#262525; content: "";}
.nr1_p14{ padding:5% 0;}
.nr1_p14 a{ display:block; line-height:24px;height:24px; overflow:hidden; color:#777;}
.nr1_p15{ display:block; border:1px solid #ddd; color:#777; padding:0 15px; border-radius:30px; line-height:2;}
.nr1_p1 li:hover .nr1_p11{ background:#f2f2f2; margin-top:-8px;transition: all .5s;}
.nr1_p14 a:hover{ color:#0074ca;}
.nr1_p1 li:hover .nr1_p15{ color:#fff; background:#0074ca;}
.nr1_p12 img { transform: rotateY(0deg);transition: all .8s; width:50%; max-width:75px;}
.nr1_p1 li:hover .nr1_p12 img { transform: rotateY(180deg);transition: all .8s;}
.bg1{ background:url(../image/bg1.jpg) no-repeat center;}
.nr1_p2 li{ padding:2% 0;}
.nr1_p21{ background:#fff; box-shadow:0 0 10px rgba(0, 0, 0, 0.2); border-radius:12px; padding:10px; clear:both; overflow:hidden;}
.nr1_p22{ float:left;background:linear-gradient(to top, #7d7bf4, #0573e1); border-radius:12px; color:#fff; line-height:1.6; padding:3% 0; width:160px; text-align:center;}
.nr1_p23{ float:right; width:calc(100% - 180px); padding-top:3%;}
.nr1_p24{ color:#ff6633;}
.nr1_p25{ background:url(../image/ico7.png) no-repeat left top; padding-left:22px; line-height:20px; height:40px; overflow:hidden; color:#777;}
.nr1_p4{ overflow:hidden; clear:both;}
.nr1_p4 li{ float:left; padding:1.5%; width:22%; text-align:center;}
.nr1_p41{ border:1px solid #ddd; padding:8% 5%; transition: all .5s; position:relative;}
.nr1_p42{ width:40%; max-width:77px; border-radius:50%; background:#f7f7f7; overflow:hidden; margin:5% auto; transition: all .8s;}
.nr1_p43{ padding:5% 0;}
.nr1_p44{ padding:5%; color:#999; line-height:22px; height:66px; overflow:hidden;}
.nr1_p4 li:hover .nr1_p41{ background:#f2f2f2;transition: all .5s; box-shadow:0 0 15px rgba(0, 0, 0, 0.2);}
.nr1_p42 img { -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */ filter: grayscale(0%);}
.nr1_p4 li:hover .nr1_p42{ background:#d2000c; transition: all .8s;}
.nr1_p4 li:hover .nr1_p42 img {-webkit-filter: grayscale(100%); /* <-变灰，变白-> */ filter: grayscale(100%); filter: grayscale(100%) brightness(500%);}
.bg2{ background:url(../image/bg22.jpg) no-repeat center;}
.nr1_p5,.nr1_p6,.nr1_p7{ overflow:hidden; clear:both;}
.nr1_p5 li{ float:left; padding:1.5%; width:47%; text-align:center;}
.nr1_p51{ border:1px solid rgba(255,255,255,0.5); background:rgba(0,0,0,0.22); padding:3%; overflow:hidden; clear:both;}
.nr1_p52{ float:left; width:80px;}
.nr1_p53{ float:right; width:calc(100% - 100px); text-align:left; color:#fff; line-height:2;}
.nr1_p52 img { transform: rotateY(0deg);    transition: all .5s;}
.nr1_p5 li:hover .nr1_p52 img { transform: rotateY(180deg);    transition: all .5s;}
.nr1_p6 li{ float:left; padding:1.5%; width:22%;}
.nr1_p61 img{ width:100%;}
.nr1_p62{ background:#4588e3; color:#fff; font-weight:bold; line-height:2; border-radius:12px 12px 0 0; text-align:center;}
.nr1_p63{ padding:15px; background:#fff;   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); color:#777;}
.nr1_p64{ line-height:24px; height:96px; overflow:hidden;}
.bg3{ background:url(../image/bg32.jpg) no-repeat center;}
.nr1_p55{ background:#fbfbfb; padding:10px; overflow:hidden; clear:both; border-radius:10px; transition: all .5s;}
.nr1_p56{color:#444; height:68px; line-height:34px;display: flex; align-items:Center; text-align:left; width:100%;}
.nr1_p5 li:hover .nr1_p55{ background:#557cff; transition: all .5s;}
.nr1_p5 li:hover .nr1_p56{ color:#fff;}
.nr1_p5 li:hover .nr1_p55 .nr1_p52 img {-webkit-filter: grayscale(100%); /* <-变灰，变白-> */ filter: grayscale(100%); filter: grayscale(100%) brightness(500%); transition: all .5s;}
.main2 .bd_p3:hover{ background:#557cff; color:#fff;transition: all .5s;}
.nr1_p7 li{ float:left; padding:1.5%; width:22%; text-align:center;}
.nr1_p71{ position:relative;}
.nr1_p72{ position:absolute; top:12%; left:0; width:100%; text-align:center;transition: all .5s;}
.nr1_p72 p{ padding-top:30%; color:#fff;}
.nr1_p7 li:hover .nr1_p72{ position:absolute; top:20%; left:0; width:100%; text-align:center;}
.bg4{ background:url(../image/aboutBg.jpg) no-repeat center;}
.nr1_p81{ border:3px solid #fff; border-radius:2px;}
.nr2_p2 ul{ width:100%;display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: start; -ms-flex-pack: start;justify-content: flex-start; margin:0 auto;}
.nr2_p2 li{  -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color:#fff;}
.nr2_p2 li{ position:relative;}
.nr2_p21{ font-weight:bold; line-height:1.2;}
.counter-value{ font-weight:bold; display:block; float:left; margin-right:5px; line-height:1.6;}
.nr2_p22{ color:#666; padding-top:15px;}
.nr2_p23{ color:#fff; text-indent:2em;}
.nr1_p91{ text-align:center; position:relative;}
.nr1_p91:before{ position:absolute; right:0; top:10%; width:1px; height:70%; content: ""; background:#ccc;}
.nr1_p91 p{ padding:5% 0;}
.nr1_p7 li:last-child .nr1_p91:before{ position:absolute; right:0; top:10%; width:0px; height:70%; content: ""; background:#ccc;}
.bg5{ background:#f6f6f6;}
.nr1_p10{ float:left; width:31.333%; padding:1%;}
.bor1{ border:1px solid #ededed; background:#fff;}
.nr1_p101{ border-bottom:1px solid #ededed; overflow:hidden; clear:both; padding-left:20px; line-height:50px;}
.nr1_p101 p{ float:left;}
.nr1_p101 a{ border-left:1px solid #ededed; padding:0 20px; float:right;}
.nr1_p102{ padding:12px;}
.nr1_p102 li{ border-bottom:1px dashed #ddd; overflow:hidden; clear:both; line-height:38px;height:38px; overflow:hidden
;}
.nr1_p102 li a{ display:block; float:left; width:calc(100% - 100px);}
.nr1_p102 li p{ float:right; color:#999;}
.nr1_p102 li:last-child{ border-bottom:none;}
.bg6{ background:url(../image/bg5.jpg) no-repeat center; padding:30px 0;}
.nr1_p103{ background:url(../image/ico39.png) no-repeat center left; padding-left:36px; color:#fff; display:block;}
.nr1_p104{ background:#fff; padding:0 3%; line-height:2.4; border-radius:35px; color:#37a0e8; display:block;}
.nr1_p104:hover{ background:#ff6600; color:#fff}
.nr1_p104:hover img{-webkit-filter: grayscale(100%); /* <-变灰，变白-> */ filter: grayscale(100%); filter: grayscale(100%) brightness(500%); transition: all .5s;}




@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;}
.qt{ position:relative; width:100%; padding-bottom:60%; height:0; overflow:hidden;}
.nr1_p1,.nr1_p2,.nr1_p3{ margin:2% auto; width:96%;}
.nr1_p1 li{ float:left; padding:5px; width:calc(33.333% - 10px); text-align:center;}
.nr1_p1 li:nth-child(4){ margin-left:16.666%;}
.bg1,.bg2{ background-size:100% 100%;}
.nr1_p22{ width:100px;}
.nr1_p23{ width:calc(100% - 120px); padding-top:0;}
.nr1_p5 li{ float: none; padding:1.5%; width:95%; text-align:center; margin:0 auto;}
.nr1_p52{ float:left; width:60px;}
.nr1_p53{ float:right; width:calc(100% - 70px); text-align:left; color:#fff; line-height:2; padding-top:5px;}
.nr1_p56{ height:56px; line-height:28px;}
.nr1_p54{ line-height:24px; height:24px; overflow:hidden;}
.nr1_p64{line-height:22px; height:88px; overflow:hidden;}
.nr1_p6 li{ float:left; padding:1.5%; width:47%;}
.nr1_p7 li{ float:left; padding:1.5%; width:47%; text-align:center;}
.nr1_p7 li:nth-child(2n) .nr1_p91:before{ position:absolute; right:0; top:10%; width:0px; height:70%; content: ""; background:#ccc;}
.nr1_p10{ float: none; width:96%; padding:1%; margin:0 auto;}


}
@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;}
.qt{ position:relative; width:100%; padding-bottom:47.4%; height:0; overflow:hidden;}
.fullSlide .bd_p{ height:100%;}
.cc1{ display: flex;  justify-content:center;  align-items:Center; text-align:center;}
.nr1_p2{ float:left; width:51%;}
.nr1_p3{ float:right; width:46%;}




}
@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; }
}