@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; max-width:100%;}
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;}
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; }
@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:14px;} 
.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;}
} 
.clear { clear: both; }
/*头部*/ 

.header{ position:absolute; top:0; left:0; width:100%; z-index:999999999999;}
.head{width:100%; max-width:1400px; margin:0px auto;}
.header .head{ border-radius:20px; background:#FFF; margin:2% auto;}
.nav {} 
.nav_c{ position:relative; clear:both; width:98%; padding-left:2%;}
.nav_c .nav_1{ position: relative; float:left; font-size:20px; line-height:30px;  padding:0px 3%; text-align:center; color:#222;} 
.nav_c .nav_1 span{ display:block; text-transform:uppercase; font-size:12px; line-height:20px; font-family:Arial; color:#999;}
.nav_1a{ display:block; padding:25px 0px 15px 0px;} 
.nav_1:hover .nav_1a{ border-bottom:5px solid #f4a200;} 
.nav_1 a.nav_1_a { border-bottom:5px solid #f4a200;} 
.nav_l2{ float:left;}
.nav_r{ float:right;}
.nav_warp { position: absolute; top:70px;left:0; min-width:100%; display: none; z-index:9999999999999;/* -webkit-transition: all 0.4s ease-in-out;*/white-space: nowrap;box-shadow:0 0 10px rgba(0, 110, 190, 0.1); background:rgba(230, 70, 42, 0.7);} 
.nav_warp a{ display:block; line-height:2.4; text-align:center; color:#FFF; font-size:15px; padding:0 10px;} 
.nav_warp a:hover { -webkit-transition: all 0.4s ease-in-out; color: #fff; background:rgba(230, 70, 42, 0.7);/* color:#FF0*/} 
.nav_warp ul{display:none} 
.nav_warp li:hover  ul{display:block;position: absolute; float:left; margin-left:140px; margin-top:-40px;background-color: #fff;width:150px; } 
.nav_t{ float:right; padding-left:30px;}
/*面包屑*/ 

.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: #3cbbca; background-color: #f4a200; } 
.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: #f4a200; } 
.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: #f4a200; } 
.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; } 

.head1{position: fixed;/* left:calc(50% - 600px);*/ left:0px; top:0px; width:100%; z-index:9999999999999; display:none;background:rgba(233,131,103,0.45);}
.head1 .nav_1a{ color:#FFF;} 



@media screen and (max-width:1023px)and (min-width:300px) { 
.header { width: 100%; display: none;} 
.head{ display:none;}
.head_logo { max-width:92%;} 
.head_logo a { display: block; cursor: pointer; padding:0 10px;} 
.head_logo img { height:60px;} 
.cai {/* width: 100%;  background: rgba(1,79,135,0.9); background-color: #fff; position:relative;*/display:block;width:100%; z-index:99999; } 
.cai_list { width: 100%; height: 100vh; background-color: #fff; display: none; } 
.zhez { width: 100%; height: 100vh; position: fixed;/* background-color: #fff;*/ background-color: rgba(0,0,0,0.8); top:0px; z-index:999; display: none; } 
.mnav { width:92%; height: auto; margin:0 auto;/* background: #FFF;*/ position: relative; margin: auto; z-index: 1000; border-radius: 10px; left: 0px; display: none; top: 63px; position: absolute;} 
.mnav li { line-height:50px; border-bottom: 1px solid rgba(255,255,255,0.3); font-size:16px; background: url(../images/jl.png) no-repeat; background-position: 96% 17px; list-style: none; } 
.mnav li.mnav_li { background: none; } 
.mnav li.mnav_li1 { border-top: 10px solid #f6f7fe; } 
.mnav li a { width: 100%; display: block; color: #fff; } 
.mnav .mnavhor { border-bottom: 1px solid rgba(255,255,255,0.3);} 
.mnav .mnavhor a { width: 100%; display: block; color: #fff; } 
.mnav .mnavhor dl { display: block; } 
.mnav li dl { z-index: 1000; top: 75px; left: -52px; overflow: hidden; border-top: 1px solid rgba(255,255,255,0.3); width: auto; display: none; } 
.mnav li dl dd { height:40px; line-height:40px; text-align: left; padding-left: 20px; border-bottom: 1px #f2f1f1 dashed; width: auto; } 
.mnav li dl dd.mnav_1 { height: 34px; line-height: 34px; text-align: left; padding-left: 20px; border-bottom: none; width: auto; } 
.mnav .mnavhor dl dd a { color: #fff; } 
.mnav .mnavhor dl dd a:hover { color: #3cbbca; } 
.mnav .mnavhor dl .mnavdd a { color: #3cbbca } 
.mnavdl{ padding:5px 10px; width:calc(100% - 20px); overflow:hidden; font-size:14px; } 
.mnavdl a{ border-bottom: 1px dashed rgba(255,255,255,0.3); padding-left:5%;} 
.mnavdl a:last-child{ border:none;}

} 
.main,.ftit,.link,.foot,.top { width:96%; max-width:1300px;margin:0px auto;overflow:hidden;clear:both;} 
.main2{width:96%; max-width:1300px;margin:0px auto; position:relative;} 
.top{ line-height:30px; padding:3px 0;}
.top_r{ float:right;}
.top_r span{ color:#F00;}
.top_r a{ display:block; float:right; background:#e32322; padding:0 15px; color:#fff; margin-left:15px;}
.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:100%; overflow:hidden;} 
.img1 img,.img2 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,.img0{ overflow:hidden;} 
.img1 img,.img2 img,.img0 img{  cursor: pointer; transition: all 0.8s;} 
/*.img1:hover img,.img2:hover img{ transform: scale(1.1);} */
.img1:hover img,.img2:hover img,.img0:hover img{ transform: scale(1.05);}
.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; position:relative;} 
.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:10px; max-width:50px;height:10px;margin:2px 4px;overflow:hidden;filter:alpha(opacity=90);line-height:999px;background:#fff; border-radius:50px;} 
.fullSlide .hd ul .on{background:#b32429;opacity:1;} 
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:2%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px  no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:2%;background-position:-6px -137px;} 
.qq_p1{ position:absolute; top:22%; left:10%; color:#FFF; text-align:left;}
.qq_p1 a{ display:block; margin-top:10px;}

.none {display: none;} 
.bg1{ background:url(../images/bg1.jpg) no-repeat 100% 100%;}
.bg1 .tt11{ color:#fff; font-weight:bold;}
.nr1_p1 li{ float:left; width:16%; padding:2%; text-align:center;}
.nr1_p11{ position:relative; padding-bottom:100%; width:100%; border-radius:50%; overflow:hidden; background:linear-gradient(to top, #fae9ac, #fff); box-shadow:0 0 15px rgba(0, 0, 0, 0.4);}
.nr1_p12{ position:absolute; top:4%; left:4%; width:92%; height:92%; background:#b21b0f; border-radius:50%; overflow:hidden;box-shadow:0 0 15px rgba(0, 0, 0, 0.3) inset; color:#fff;}
.nr1_p221{ font-weight:bold; color:#ff6b00;}
.nr1_p222{ margin:2% 0; line-height:2;}
.nr1_p223{ display:block; padding:0 30px; border-radius:50px; float:left; background:#fabe0d; color:#FFF; line-height:2.5;}
.bg2{ background:#f3f3f3;}
.nr1_p231{ background:#ff6b00; border-radius:5px; height:6px; width:15%; float:right; margin:4% 0;}
.nr1_p23{ text-align:right;}
.span12 { width:96%; padding:0 2%; max-width:1400px; margin:0 auto; position:relative;}
.owl-carousel .owl-wrapper-outer {overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-item {float: left;}
.item{ margin:5px;}
.item .img1{ padding-bottom:60%;}
.owl-theme .owl-controls{ margin-top: 0px; text-align: center; display:none; opacity:0;}
.owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline; margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } 
.owl-buttons div:hover{ filter: Alpha(Opacity=100); opacity: 1; text-decoration: none; }
.owl-page{ display: inline-block; zoom: 1; *display: inline;} 
.owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } 
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center }

.customNavigation{ position:absolute; left:0px; top:calc(50% - 20px); width:100%; text-align: center;}
.customNavigation a{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index:999; float:left;}
.customNavigation a.next{ float:right;}
.nr1_p24{ border:1px solid #ddd; text-align:center;}
.nr1_p241{ display:block; line-height:3; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.more1{ color:#ff6b00; border-radius:50px; border:1px solid #ff6b00; padding:0 30px; line-height:2.8;}
.more1:hover{ background:#ff6b00; color:#FFF;}
.bg3{ background:url(../images/bg2.jpg) no-repeat top center; background-size:100% auto;}
.nr1_p3 li{ float:left; width:21%; padding:1% 2%;}
.nr1_p31{ border-bottom:5px solid #ff6a03; color:#ff6a03; font-weight:bold; padding-bottom:2%; line-height:40px;}
.nr1_p31 span{ display:block; background:#ff6a03; border-radius:50px; float:left; font-weight:normal; color:#fff; width:40px; line-height:40px; line-height:40px; text-align:center; margin-right:2%;}
.nr1_p32{ padding-top:4%; line-height:25px; height:75px; overflow:hidden; color:#777;}
.nr1_p4{ width:96%; max-width:800px; margin:0 auto;}
.nr1_p4 li{ padding:1%;}
.nr1_p41{ border:1px solid #ddd; width:calc(94% - 2px); padding:1% 3%; line-height:2; border-radius:5px;}
.nr1_p42{ background:#ff6a03; color:#fff; font-weight:bold; border-radius:50px; padding:0 30px; margin:0 auto; border:none; line-height:2.5;}
.nr1_p5 li{ padding:1%; float:left; width:calc((100% / 7) - 2%);}
.nr1_p5 li .img1{ border-radius:50%; overflow:hidden;}
.fbg{ background:#000; color:#FFF;}
.foot_p2 p{ float:left; padding:0 10px;}
.pf{ position: fixed; top:20%; right:5%; background:#FFF; box-shadow:0 0 15px rgba(0, 0, 0, 0.2);}
.pf li{ border-bottom:1px solid #ddd; text-align:center; padding:10px;}
.nr1_p6 li{ padding:2% 0; overflow:hidden; clear:both; border-bottom:1px solid #ddd;}
.nr1_p61{ float:left; width:32%;}
.nr1_p61 .img1{ padding-bottom:70%;}
.nr1_p62{ float:right; width:65%;}
.nr1_p621{ display:block;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-weight:bold; line-height:2.5;}
.nr1_p622{ margin:1% 0;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;}
.tit1{ text-align:center; border-bottom:1px solid #ddd;}
.tit1_p1{ font-weight:bold;}
.page5{ border-top:1px solid #ddd;}
.nr1_p7 li{ float:left; width:31.333%; padding:1%;}
.nr1_p7 li .img1{ padding-bottom:80%;}
.nr1_p71{ background:#e3e3e3; display:block; text-align: center; line-height:2.5;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.nr1_p7 li:hover .nr1_p71{ background:#f4a200; color:#fff;}
.nr1_p8{ background:#fff; padding:0 2%;}
.nr1_p83{ background:#f5f7fa; padding:3%; margin:2% 0;}
.more2{ background:#169be8; color:#fff; padding:0 3%; line-height:2.6; display:block; float:left}
.tit2{ text-align:center; font-weight:bold;}
.bg4{ background:#3b5184; color:#fff;}


.pagesb{padding: 20px 0;width:100%;text-align: center;clear: both;}
.pagesb a,.pagesb span{color: #666;padding: 0 10px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 30px;background: #f9f9f9;border: 1px solid #f2f2f2;}
.pagesb a:hover{display:inline-block;color: #fff;background: #128eea;border-color: #9c0e11;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
.pagesb span{display:inline-block;color: #666;}
.pagesb a.page-num-current{display:inline-block;color: #fff;background: #128eea;border-color: #128eea;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}

.nr1_p9 li{ float:left; width:48%; padding:1%;}
.nr1_p9 li .img1{ padding-bottom:80%;}
.nr1_p91{ background:#e3e3e3; display:block; text-align: center; line-height:2.5;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.nr1_p9 li:hover .nr1_p91{ background:#f4a200; color:#fff;}


.suspension{position:fixed;z-index:55;right:50px;bottom:200px;width:90px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:70px;height:70px; box-sizing:content-box; background: #fff;padding: 10px;text-align: center;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);cursor:pointer;outline:none;}
.suspension  a span{ display:block;}
.suspension  a:hover{ background:#9b2223; color:#FFF;}
.suspension a:hover img{-webkit-filter: grayscale(100%); /* <-变灰，变白-> */ filter: grayscale(100%); filter: grayscale(100%) brightness(500%);}

 
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:90px;min-height:90px;border:1px solid #E0E1E5; box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:180px;}
.suspension .d-qrcode{top:100px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}

.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}


@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:50%; height:0; overflow:hidden;} 
.qt2{ position:relative; width:100%; padding-bottom:70%; height:0; overflow:hidden;} 
.main,.ftit,.link,.foot,.top { width:96%;margin:0px auto;overflow:hidden;clear:both;} 

.nr1_p1 li{ float:left; width:29%; padding:2%; text-align:center;}
.nr1_p3 li{ float:left; width:46%; padding:2%;}
.nr1_p5 li{ padding:1%; float:left; width:calc((100% / 3) - 2%);}
.foot_p2 p img{ max-height:90px;}
.nr1_p61{ float:left; width:35%;}
.nr1_p61 .img1{ padding-bottom:75%;}
.nr1_p62{ float:right; width:60%;}
.nr1_p621{line-height:2;}
.nr1_p622{ margin:1% 0;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.nr1_p622 img{ height:16px;}
.nr1_p7 li{ float:left; width:48%; padding:1%;}

.nr1_p9 li{ float:left; width:48%; padding:1%;}


}
@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%; height:0; overflow:hidden;} 
.qt2{ position:relative; width:100%; padding-bottom:70%; height:0; overflow:hidden;} 
.cc1{ display: flex;  justify-content:center;  align-items:Center; text-align:center;} 

.nr1_p21{ width:47%;}
.nr1_p22{ width:50%;}
.nr1_p23{ width:47%; text-align:right;}
.nr1_p26{ width:49%}
.nr1_p4 li.fl{ width:48%;}
.nr1_p81{ width:30%;}
.nr1_p82{ width:67%;}




}