@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{  }
.bg1{background:rgba(115,115,115,0.55); line-height:30px;}
.bg2{  }
.top_p1{ float:left; font-size:14px; color:#FFF}

.top_p2{ float:right;color:#FFF}
.top_p2 a{ color:#FFF}
.logo_p1{ float:left; padding:10px 0}
.logo_p2{ float:right; margin-top:30px;}
.sear{ margin-right:30px; float:left;}
.hysg{ float:right;}
.sear1{background:#FFF; padding-left:10px; line-height:36px;height:36px; margin:0; width:280px; border:1PX solid  #aeaeae;}
.sear2{ background:url(../images/sss.png) no-repeat center; margin:0; width:69px; line-height:38px; border:none}

.nav {background:rgba(19,59,193,0.75); height:50px;}

.mnav_p1 { float:left; width:21%}
.mnav_p2 { float:right; width:78%}
.nav_c{ width:100%;  margin:0 auto;} 
.nav_c .nav_1{ float:left; position: relative;text-align: center;font-size:16px;padding:0 15px; }
.nav_1a{ display:block; color:#fff;}
.nav_1{ line-height:50px;}
.nav_1:hover .nav_1a{ background:#092995;}
.nav_1 a.nav_1_a{ background:#092995;} 
.nav_2a{ padding-top:30px;}
.nav_2{ float:left; width:50px; line-height:37px; text-align:center;}
.nav_2 .nav_1a{ line-height:74px;}
.nav_3{ float:right; width:calc(100% - 60px); padding:2px 0;}


.nav_warp { background-color: #092995; position: absolute; top:50px; right:0; min-width:100%; width:120px; 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(19,59,193,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: #25aa38; } 
.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: #25aa38; } 
.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: #25aa38; } 
.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%;  background: rgba(1,79,135,0.9); background-color: #fff; position:relative;*/display:block;width:100%; z-index:99999; background: #f8f8f8;}

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

.top,.main,.ftit,.link,.foot { width:96%; max-width:1200px;margin:0px auto;overflow:hidden;clear:both;}
.head,.main2{ width:96%; 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:29%; overflow:hidden;}
.img2{ display:block; position:relative; width:100%; padding-bottom:80%; overflow:hidden;}
.img3{ display:block; position:relative; width:100%; padding-bottom:52%; overflow:hidden;}
.img4{ display:block; position:relative; width:100%; padding-bottom:65%;}
.img5{ display:block; position:relative; width:100%; padding-bottom:44%;}
.img6{ display:block; position:relative; width:100%; padding-bottom:110%;}
.img7{ display:block; position:relative; width:100%; padding-bottom:100%;}
.img8{ display:block; position:relative; width:100%; padding-bottom:100%;}
.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%;}
.img1,.img2,.img3,.img4{ overflow:hidden;}
.img1 img,.img3 img{  cursor: pointer; transition: all 0.8s;}
.cc{ display: flex;  justify-content: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 .bd li a{display:block; background:rgba(0,0,0,0.7); position:absolute; bottom:0; left:0; width:98%; padding:1%; color:#fff; text-align:left;}
.fullSlide .hd{position:absolute;bottom:3%;right:2%;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:12px; max-width:50px;height:12px;margin:2px 4px;overflow:hidden;filter:alpha(opacity=90);opacity:0.6;line-height:999px;background:#fff; border-radius:50px;}
.fullSlide .hd ul .on{background:#009afe;background:#fff;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;}
.none {display: none;}

.tit1{ text-align:center; position:relative;}
/*.nr1_p1{ overflow:hidden; clear:both; }
.nr1_p12{ overflow:hidden; text-align:center;  }
.nr1_p121{ display:block; font-weight:bold; overflow: hidden;text-overflow:ellipsis; white-space: nowrap; color:#1e691e}

*/
.nr1_p1{ overflow:hidden; clear:both; background:url(../images/ico2.jpg) no-repeat left top #f0f2f3; padding:2% 2% 2% 7%;}
.nr1_p12{ overflow:hidden; text-align:center;}
.nr1_p121{ display:block; color:#3a883a; font-weight:bold; overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
.nr1_p122{ color:#666;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; line-height:1.6;}
.nr1_p122 a{overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}

.nr1_p13{ background:#f5f5f5; overflow:hidden; text-align:center; padding:10px;}

.nr1_p2 li{ position:relative; padding-left:12px; line-height:2;}
.nr1_p2 li:before{ position:absolute; left:0; top:calc(50% - 2px); width:3px; height:3px; content: ""; background:#777; border-radius:50%;}
.nr1_p2 li a,.nr1_p33 li a{ display:block;overflow: hidden;text-overflow:ellipsis; white-space: nowrap; color:#444;font-size:18px;}
/*.nr1_p2 li:nth-child(3n + 1) a{ font-weight:bold; font-size:20px; margin-top:5px; color:#555;}
.nr1_p2 li:first-child a{ margin:0;}
.nr1_p2 li:nth-last-child(4) a{ font-weight: normal; font-size:14px;}
.nr1_p2 li:nth-last-child(1) a{ font-weight: normal; font-size:14px; margin:0;}*/

.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:#000000;padding-bottom:10px; position:relative;}
.tit2_p1:before{ position:absolute; left:0; bottom:0; width:100%; height:2px; content: ""; background:#518a52;}
.tit2_p2{ float:right; color:#777; display:block;}


.tit4{ overflow:hidden; clear:both; background:url(../images/tbg2.png) no-repeat center;  position:relative; line-height:60px;  margin-bottom:15px; color:#518a52; font-weight:bold}
.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:100%;}
/*.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:3px; height:3px; content: ""; background:#777; border-radius:50%;}
.tit3{ background:#ededed; padding-left:12px; position:relative;font-weight:bold; color:#e11921; line-height:2;}
.tit3:before{ position:absolute; left:0; bottom:0; width:4px; height:100%; content: ""; background:#e11921;}
.nr1_p36 p{ position: absolute; bottom:0; left:0; width:96%; padding:1% 2%; background:rgba(0,0,0,0.6); color:#fff; font-weight:bold;}
.nr1_p322 .nr1_p33{ margin-top:-3px;}

.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; margin-top:5px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
/*
.ftit{ background:#e11921; color:#fff; text-align:center; padding:5px 0; line-height:2;}
.ftit a{ color:#fff; padding:0 5px;}
.ftbg  {  overflow:hidden; clear:both; background:#f7f7f7}
.foot{ text-align:center; border-top:1px solid #eee }*/
.link{ }
.link a{ margin:0 5px; color:#666;}
.nr1_p4{ background:#f4f4f4;}
.nr1_p41{ background:#006602; color:#fff; padding:10px 25px; position:relative; font-weight:bold;}
.nr1_p41:before{ position:absolute; left:10px;top:calc(50% - 8px); width:12px; height:16px; content: url(../images/ico3.png);  font-weight:bold;}
.nr1_p42 li{ border-bottom:1px solid #ddd; padding:10px;}
.nr1_p42 li a{ display:block; background:url(../images/ico4.png) no-repeat left center; padding-left:18px;}
.nr1_p42 li:hover a{ color:#006602}
.nr1_p5{ background:url(../images/bg2.jpg) center; background-size:100% auto; color:#fff; display:block; font-weight:bold; padding:15% 0; text-align:center;}
.tit4{ text-align:center;}
.nr1_p6{ line-height:2; color:#666;}
.nr2_p1 li{ line-height:2;}
.nr2_p1 li:first-child{font-weight:bold; font-size:20px; margin-top:5px; color:#555;}
.nr2_p1 li:nth-child(5){font-weight:bold; font-size:20px; margin-top:5px; color:#555;}
.tit5{ overflow:hidden; clear:both; position:relative; padding-left:10px; margin-bottom:10px;}
.tit5:before{ position:absolute; left:0; top:calc(50% - 10px); width:4px; height:22px; content: ""; background:#ddd;}

.tit15{ overflow:hidden; clear:both;   padding-left:10px; margin-bottom:10px;}
.nr1_p330 li:first-child{font-weight:bold;}
.nr1_p7 li{ float:left; padding:5px; width:calc(50% - 10px);}
.nr1_p7 li .img4{ padding-bottom:63%;}
.tit6{ background:url(../images/tbg1.jpg) repeat-x 100% 100%; border-top:2px solid #006602; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; line-height:2.4; clear:both; overflow:hidden;}
.tit6_p1{ float: left; padding:0 30px; background:#FFF; color:#006602;}
.nr2_p21{ display:block;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; padding-top:5px;}
.tit7{ border-bottom:1px solid #006602; text-align:center;}
.tit7_p1{ font-weight:bold;}
.tit7_p2{ color:#888;}
.tit8{ border-bottom:2px solid #006602; padding-bottom:10px;}
.nr2_p3 li{ position:relative; padding:5px 0; padding-left:12px; line-height:2; clear:both; overflow:hidden; line-height:24px;}
.nr2_p3 li:before{ position:absolute; left:0; top:calc(50% - 2px); width:3px; height:3px; content: ""; background:#777; border-radius:50%;}
.nr2_p3 a{ display:block; float:left; width:calc(100% - 100px);overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
.nr2_p3 p{ float:right; color:#888;}
.nr2_p3 li:nth-child(4n){ border-bottom:1px solid #eee; margin-bottom:10px; padding-bottom:12px;}
.tit9{ background:#d32f25; color:#fff; text-align:center; line-height:2.2; width:130px;}
.nr2_p4{ background:url(../images/ico5.jpg) no-repeat top left; padding-left:30px; line-height:44px; max-height:440px; overflow:hidden;}
.nr2_p4 li{overflow: hidden;text-overflow:ellipsis; white-space: nowrap; font-size:15px;}
.nr2_p4 li:first-child{font-weight:bold; font-size:16px;}

.nr21_p1{ overflow:hidden; clear:both; }
.nr21_p12{ overflow:hidden; padding:8px 0 }

.m_kxl{ background:#f7f7f7;overflow:hidden; clear:both;}
.m_kxr{ background:#f9dbd3;overflow:hidden;}

.nr21_p12 li{ position:relative;padding-left:12px; line-height:1.8;}
.nr21_p12 li:before{ position:absolute; left:0; top:calc(50% - 2px); width:3px; height:3px; content: ""; background:#777; border-radius:50%;}
.nr21_p12 li a {color:#444;}

.m_kxr li{ width:29%; float: left; padding:2% 2%}

.bg3{background:#f7f7f7; }

.nr61_p2 .pcont { width:100%; overflow:hidden;  }
.nr61_p2 .ScrCont { width:32766px; zoom:1;  }
.nr61_p2 #List1_1{float:left;}
.nr61_p2 #List2_1{float:left;}
.nr61_p2 .left{ position:absolute; top:100px; left:8px;}
.nr61_p2 .right{ position:absolute; top:100px; right:8px;}
.nr61_p2{  width:92%; padding:15px 35px 0 35px; height:200px; position:relative;}
.nr61_p2 li{ float:left; width:250px; padding:5px 20px;}
.nr61_p22{ display:block; font-size:16px; line-height:30px; height:30px; overflow:hidden; padding-top:5px; text-align:center;}
.nr61_p23{ line-height:20px; height:40px; overflow:hidden;}



.fbg{ background:#13518a; color:#fff; line-height:2;}
.foot a{ color:#fff;}

.pages{padding: 20px 0;width:100%;text-align: center;clear: both;}
.pages a,.pages span{color: #666;padding: 0 15px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 34px;background: #f9f9f9;border: 1px solid #f2f2f2;}
.pages a:hover{display:inline-block;color: #fff;background: #910b26;border-color: #910b26;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
.pages span{display:inline-block;color: #666;}
.pages a.page-num-current{display:inline-block;color: #fff;background: #2768c7;border-color: #2768c7;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}

.nr1_p320{ float:left; width:38%;}
.nr1_p320 li{ padding:5px 0;}
.nr1_p320 li .img2{ padding-bottom:56%;}
.nr1_p3201{ float:right; width:60%;}
.nr1_p3201 li:nth-child(3n){ margin-bottom:5px;}

@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;}
.top,.main,.ftit,.link,.foot { width:96%;margin:0px auto;overflow:hidden;clear:both;}
.head,.main2{ width:96%;margin:0 auto; position:relative;}

.nr1_p1{ overflow:hidden; clear:both; background:url(../images/ico2.jpg) no-repeat left top #f0f2f3; padding:2% 2% 2% 7%;}
.nr1_p12{ overflow:hidden; text-align:center;}
.nr1_p12{ float:right; width:calc(100% - 50px); height:70px; padding:5px 10px; line-height:1.6;}
/*.nr1_p2 li:nth-child(3n + 1) a{ font-weight:bold; font-size:16px; margin-top:5px;}*/
.nr1_p42 li{ float:left; width:calc(50% - 10px); border-bottom:1px solid #ddd; padding:5px;}
.nr2_p2 li{ float:left; padding:7px; width:calc(50% - 14px);}
.m_left3{ border:1px solid #ddd; padding:1% 2%}

.m_kxl{ width:100%;}
.m_kxr{ width:100%;}
.m_left{ width:100%;}
.m_right{ width:100%;}

.nr21_p11{ float:left; width:44px;}
.nr21_p12{ float:left; width:calc(100% - 60px);  line-height:2;}

.foot .fr{ text-align:center; padding:15px 0;}

.nr1_p320{ float:left; width:120px;}
.nr1_p3201{ float:right; width:calc(100% - 130px);}
.nr1_p3021{ float:left; width:120px;}
.nr1_p3022{  float:right; width:calc(100% - 130px);}
}
@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:63%; height:0; overflow:hidden;}
.cc1{ display: flex;  justify-content:center;  align-items:Center; text-align:center;}


.nr21_p11{ float:left; width:44px;}
.nr21_p12{ float:right; width:calc(100% - 60px); }

.m_left{ width:57%;}
.m_right{ width:42%;}

.m_kxl{ width:42%; float:left}
.m_kxr{ width:57%; float:right}

.nr1_p31{ float:left; width:calc(33.333% - 20px);}
.nr1_p310{ float:left; width:calc(100% - 20px);}
.m_left2{ float:left; width:15%;}
.m_right2{ float:right; width:82%;}
.nr1_p4{ min-height:240px;}
.nr2_p2{ margin:0 -10px;}
.nr2_p2 li{ float:left; padding:10px; width:calc(20% - 20px);}
.m_left3{ float:left; width:70%; border:1px solid #ddd; padding:1% 2%}
.m_right3{ float:right; width:24%;}
.nr2_p5 li{ width:calc(20% - 20px);}
}
@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; }
}
@media screen and (max-width:1199px)and (min-width:300px) {
.m_left,.m_right{ width:100%;}
}