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



/*头部*/ 



.header{ width:100%;}

.header2{ width:100%;}

.bg1{ background:#f9f9f9; line-height:30px; border-bottom:1px solid #e4e4e4}

.top_p1{ float:left;}

.top_p2{ float:right;}

.top_p1 a{  margin-right:15px; color:#333}

.top_p2 a{  margin-left:15px; color:#333}

.logo_p1{ float:left;}



.logo_p2{ float:right; margin-top:20px; height:30px; color:#333}

.logo_p2 a{ margin-left:15px; color:#333}

.sear{ border:1px solid #eee; border-radius:3px; overflow:hidden;height:30px;}



.sear1{ border:none; height:28px;}



.sear2{ border:none; border-left:1px solid #ddd; line-height:28px;height:28px; margin:0; padding:0;}



.sear3{ border:none; background:#737373; line-height:30px;height:30px; color:#fff; width:60px; text-align:center; margin:0; padding:0;}













.nav { background:#d40000;}

.nav_c{ width:100%; max-width:1200px; margin:0 auto;} 

.nav_c .nav_1{ float:left; position: relative;text-align: center;font-size:16px;}

.nav_1a{ display:block; color:#fff;}

.nav_1:hover .nav_1a{ background:#d40000;}

.nav_1 a.nav_1_a{ background:#d40000;} 

.nav_2a{ padding-top:30px;}

.nav_2{ float:left; width:60px; line-height:37px; text-align:center;}

.nav_2 .nav_1a{ line-height:37px;}

.nav_3{ float:right; width:calc(100% - 60px); padding:2px 0;}

.nav_3 .nav_1{ width:calc(100% /10); line-height:35px;}





.nav_warp { background-color: #fff; position: absolute; top:60px; right:0; min-width:100%; width:150px; display: none; z-index:99;/* -webkit-transition: all 0.4s ease-in-out;*/white-space: nowrap;} 

.nav_warp2{ width:200px;}

.nav_warp a{ display:block; color:#fff; line-height:40px; text-align:center; border-bottom:1px solid  rgba(255,255,255,0.8); font-size:14px; padding:0 5px;}

.nav_warp a:hover { -webkit-transition: all 0.4s ease-in-out; color: #fff; background:rgba(0,0,0,0.8);}

.nav_c2{ float:right; margin-top:8px; padding-left:30px;}

.nav_warp2{ width:230px; background:#FFF}





/*漂浮框*/ 



/*面包屑*/ 



.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: #f58383; } 



.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: #f58383; } 



.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: #f58383; } 



.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) { 



.header { width: 100%; display: none;} 



.head_logo { max-width:92%;} 



.head_logo a { display: block; cursor: pointer; padding-left:2%;} 



.head_logo img { height:60px } 



.logo2{ overflow:hidden; clear:both;}



.logo2 p{ float:left; width:40%; padding:0 5%; height:90px;}



.logo2 p img{ max-width:100%; height:90px;}



.cai {/* width: 100%; position: fixed; top: 0px; z-index: 999;  background: rgba(1,79,135,0.9); background-color: #fff; position:relative;*/ display:block; z-index: 99999; width:100%; position: relative;} 



.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:60px; 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:40px; 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: #000; } 



.mnav .mnavhor dl dd a:hover { color: #0090ff; } 



.mnav .mnavhor dl .mnavdd a { color: #0090ff } 



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







/*漂浮框*/ .side { position: fixed; width: 47px; height: 275px; right: 0; top: 38%; z-index: 100; display: none; } 



.ping_warp { width: 100%; height: auto; overflow: hidden; background-color: #f7f7f7; } 



}







.main,.ftit,.link,.foot { width:100%; max-width:1200px;margin:0px auto;overflow:hidden;clear:both;}



.head,.main2{ width:100%; max-width:1200px;margin:0 auto; position:relative;}







.mainbg{width:100%;  }



.topbg{ width:100%; }



.nybg{ 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: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:66.7%; overflow:hidden;}



.img2{ display:block; position:relative; width:100%; padding-bottom:152%; overflow:hidden;}



.img3{ display:block; position:relative; width:100%; padding-bottom:45.1%; overflow:hidden;}



.img4{ display:block; position:relative; width:100%; padding-bottom:24.8%;}



.img5{ display:block; position:relative; width:100%; padding-bottom:55%;}



.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%;}



.img9{ display:block; position:relative; width:100%; padding-bottom:90.7%; overflow:hidden;}



.img1 img,.img2 img,.img3 img,.img4 img,.img5 img,.img6 img,.img7 img,.img8 img,.img9 img{ position:absolute; top:0; left:0; width:100%; height:100%;}



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



.none {display: none;}



.nr1_p1{ text-align:center;}



.nr1_p11{ font-weight:bold; display:block; line-height:40px;height:40px; overflow:hidden; color:#b41e1e; margin:1%;}



.nr1_p12{ display:block; line-height:40px;height:40px; overflow:hidden; color:#888; margin:1%; float:left}



.nr1_p2{ background:#f4f4f4; position:relative; overflow:hidden; clear:both; line-height:32px;height:32px; padding:0 60px 0 110px;}



.nr1_p21{ position:absolute; left:0; top:0; width:108px; height:32px;}



.nr1_p22{ position:absolute; right:0; top:0; width:60px; height:32px; color:#e34731;}



.nr1_p23{ overflow:hidden; clear:both;}



.nr1_p23 li{ float:left; padding:0 1%;}



.nr1_p23 li a{ display:block; float:left;}



.nr1_p23 li p{ color:#777; float:right; padding:0 5px;}



.tit1{ overflow:hidden; clear:both; border-bottom:1px solid #eee; line-height:2;}



.tit1_p1{ float:left; font-weight:bold; position:relative;}



.tit1_p1:before{ position:absolute; left:0; bottom:0px; width:100%; height:100%; content: ""; transition: all 0.8s; border-bottom:2px solid #d40000;}



.tit01{ overflow:hidden; clear:both; border-top:1px solid #eee; line-height:2;}



.tit01 .tit1_p1:before{ position:absolute; left:0; top:0px; width:100%; height:100%; content: ""; transition: all 0.8s; border-top:2px solid #d40000; border-bottom:none;}



.tit2{ overflow:hidden; clear:both; border-bottom:1px solid #d3d3d3; position:relative; line-height:24px;  margin-bottom:15px;}

.tit2_p1{ float:left; font-weight:bold; color:#000;padding-bottom:10px; position:relative;}

.tit2_p1:before{ position:absolute; left:0; bottom:0; width:100%; height:2px; content: ""; background:#dd1718;}

.tit2_p2{ float:right; color:#777; display:block;}



.more1{ float:right; padding-top:2%;}

.more2{ float:right; padding-top:1%;}

.nr1_p33 li a{ display:block;overflow: hidden;text-overflow:ellipsis; white-space: nowrap; color:#444;}



.nr1_p3{ overflow:hidden; clear:both; margin:0 -10px;}

.nr1_p31{ padding:1% 10px;}

.nr1_p32{ overflow:hidden; clear:both;}

.nr1_p321{ float:left; width:127px;}

.nr1_p322{ float:right; width:calc(100% - 140px);}

.nr1_p322 .f16{display:block;overflow: hidden;text-overflow:ellipsis; white-space: nowrap; font-weight:bold; line-height:30px;}

.nr1_p322 .f14{overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; padding-top:5px;}

.nr1_p322 .f18{ display:block; overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; padding-top:5px; font-weight:bold;}

.nr1_p33 li{ position:relative; padding-left:12px; line-height:2;}

.nr1_p33 li:before{ position:absolute; left:0; top:calc(50% - 2px); width:5px; height:5px; content: ""; background:#777; border-radius:50%;}

.tit3{ background:#ededed; padding-left:12px; position:relative;font-weight:bold; color:#e11921; line-height:2;}





.nr1_p4{ overflow:hidden; clear:both; padding-top:2%;}



.nr1_p4 li{ background:url(../images/tub1.jpg) no-repeat left center; padding-left:15px; overflow:hidden;}



.nr1_p5 li a{ display:block; float:left; max-width:calc(100% - 100px);}



.nr1_p5 li p{ float:right; color:#888;}



.span12{ position:relative; padding:1% 22px;}



.owl-carousel .owl-wrapper-outer {overflow: hidden;position: relative;width: 100%;}



.owl-carousel .owl-item {float: left;}



#owl-demo .item{   margin:5px;}



.owl-theme .owl-controls{ margin-top:0px; height:0; 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{ text-align: center; position: absolute; left:0; top:calc(50% - 15px); height:30px; width:100%;}



.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:99;}



.prev{ float:left;}



.next{ float:right;}



.nr1_p61 .img3 p{ position:absolute; bottom:0; left:0; padding:3%; color:#fff; background:rgba(0, 0, 0, 0.2);}



.nr1_p62{ margin:0 -4px; padding-top:10px;}



.nr1_p62 li{ float:left; width:calc(33.333% - 8px); padding:4px;}



.nr1_p63{ display:block; line-height:22px; height:44px; overflow:hidden; padding-top:5px;}



.nr1_p7{ overflow:hidden; clear:both;}



.nr1_p8{ overflow:hidden; clear:both;}



.nr1_p8 li{ float:left; padding:5px;}



.nr1_p81{ background:#f5f5f3; padding:5px 10px;}



.nr1_p82{ display:block; line-height:30px;height:30px; overflow:hidden; margin:2% 0; font-weight:bold;}



.nr1_p83{ color:#999; line-height:21px; height:147px; overflow:hidden;}



.link_p1{ background:#f7f7f7; border-top:2px solid #b41e1e; padding:1% 2%; }



.link_p2{ padding:1.5% 0; overflow:hidden; clear:both;}



.link_p2 a{ display:block; float:left; margin:0 1%; color:#888; line-height:1.8;}



.nr2_p5{ overflow:hidden; clear:both; margin:0 -10px;}

.nr2_p5 li{ float:left; padding:5px 10px;}

.nr2_p51{ display:block; padding:0 5px; background:#e7e7e7; text-align:center; line-height:2.5; margin-top:5px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}







.fbg{ border-top:1px solid #ddd;}





.ftit{ background:#e11921; color:#fff; text-align:center; padding:5px 0; line-height:2;}

.ftit a{ color:#fff; padding:0 5px;}

.foot{ text-align:center;}

.link{ text-align:left;}

.link a{ margin:0 5px; color:#666;}







.bor1{ border:1px solid #eaeaea; padding:0 10px;}







.location{margin:10px 20px 0px 20px; height:30px; line-height:30px; overflow:hidden;}



.location .fl{font-size:16px;color:#373737;}



.location .fl a{display:inline-block;color:#373737;padding:0 0 0 5px;}



.location .fl span{color:#373737;display:inline-block;padding-left:5px;}



.viewbox{margin:10px auto auto; overflow:hidden;}



.article{width:97%;padding:0 1%;}



.article h1{color:#1f5781;font-weight:700;text-align:center;}



.article h2{font-size:14px;color:#1f5781;font-weight:700;text-align:center;}



.article .info{height:24px;line-height:17px;text-align:center;overflow:hidden;color:#666;padding:10px 0px;}



.article .info small{margin-left:8px;margin-right:3px;color:#999;font-size:12px;}



.article .content{line-height:1.8;font-size:16px;text-align:left;padding:20px;}



.article .content p{padding-bottom:5px;}



.article .context{float:left;}



.article .context ul li{line-height:29px;color:#888;}







.listbox{max-width:1200px;margin:0px auto 20px auto;}



.listbox .listbox_top{height:9px;background:url(../images/list-top.png) no-repeat bottom;}



.listbox .listbox_bottom{height:8px;background:url(../images/list-bottom.png) no-repeat bottom;}



.listbox .listbox-center{ height:auto;overflow:hidden;background:url(../images/list-center.png) repeat-y;}







.listbox-nav{width:208px;float:left;overflow:hidden;margin-left:9px;}



.listbox-nav ul{padding:10px 0px;}



.listbox-nav ul li{line-height:30px;border-bottom:1px solid #C9C9C9;margin:0 20px 0 11px;padding:5px 0;text-align:center;}



.listbox-nav ul li a{line-height:30px;font-size:20px;font-weight:bolder;color:#A30000;padding:5px;}



.listbox-nav ul li.nobr{border-bottom:none;}











.listbox-right .tith2{font-size:24px;font-weight:bolder;color:#A30000;height:35px;text-align:left;margin:10px  5px;}



.list-news{ }







.list-news li a{color:#54576C;}



.list-news li a:hover{color:#941e23;}



.list-news li span{color:#555656;font-size:14px;float:right;font-family:Arial,黑体;}







@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_p34{ color:#888; line-height:22px; height:44px; padding-top:2%; overflow:hidden;}



.w36,.w27,.w49,.w34,.w64{ width:96%; margin:2% auto;}



.nr1_p3{ overflow:hidden; clear:both; padding:10px 0; border-bottom:1px dashed #eee;}



.nr1_p4 li,.nr1_p7 li{ line-height:30px;height:30px; overflow:hidden;}



.nr1_p7{ border-top:1px solid #eee;}



.tit01{ overflow:hidden; clear:both; border-top:1px solid #eee; line-height:2; margin:0 2%;}



.nr1_p8 li{ width:calc(50% - 10px);}







.listbox-right{ width:98%}



.list-news li{line-height: 200%;vertical-align:top;text-align:left;margin:auto;padding-left:15px;   background:url(../images/tub1.jpg) no-repeat left center;}



}



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



.nr1_p31{ float:left; width:calc(33.333% - 20px);}

.nr1_p310{ float:left; width:calc(100% - 20px);}



.w36{ width:calc(36% - 20px); padding-right:22px;}



.w27{ width:27.5%;}



.w49{ width:49%;}



.w34{ width:34%;}



.w64{ width:63.5%;}



.nr1_p4 li{ line-height:40px;height:40px;}



.nr1_p7 li{ float:left; width:49%; line-height:42px;height:42px;}



.nr1_p7 li:nth-child(even){ float:right;}



.nr1_p8{ margin:0 -5px;}



.nr1_p8 li{ width:calc(25% - 10px);}







.nr1_p34{ color:#888; line-height:25px; height:100px; padding-top:2%; overflow:hidden;}



.nr2_p5 li{ width:calc(20% - 20px);}



.listbox-right{float:right;width:920px;padding-right:9px;}



.list-news li{line-height:30px;min-height:30px;vertical-align:top;text-align:left;margin:auto;padding:5px 0 5px  15px;  background:url(../images/tub1.jpg) no-repeat left center;}



}



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



}