@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;color:#333;padding:0;margin:0; font-family:"微软雅黑", "宋体", "黑体";}
table { margin: auto; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none; }

.clear { clear: both; }
/*头部*/ 
.header{ background:#fff;/* position:fixed; left:0; width:100%; z-index: 999; top: 0; height:100px;*/}
.logo_p1{ float:left;}
.tel{ float:right;}
.head { width: 1200px;margin: auto; position: relative; } 
.nav { float:right;}
.nav_c{ position: relative; padding-top:30px} 
.nav_c .nav_1{ float:left; position: relative; padding:0 15px;}
/*.nav_1 { } */
.nav_1a { display: block; height:40px; text-align: center; font-size:16px; cursor: pointer; text-transform:uppercase; line-height:40px; border-bottom:3px solid #fff;} 
.nav_1a:hover { -webkit-transition: all 0.4s ease-in-out; color: #7ec213; border-bottom:3px solid #7ec213; } 
.nav_1 a.nav_1_a { color: #7ec213; border-bottom:3px solid #7ec213;} 
.nav_warp { background-color: #fff;background-color: rgba(0,0,0,0.8); position: absolute; top:40px; left:0px; width:100%; display: none; z-index:9999; } 
.nav_warp ul{ padding:0px}
.nav_warp li{}
.nav_warp li a{ display:block; color:#fff; line-height:30px; text-align:center; border-bottom:1px solid  rgba(255,255,255,0.8); font-size:14px}
.nav_warp li a:hover { -webkit-transition: all 0.4s ease-in-out; color: #fff; background:#7ec213} 

/*漂浮框*/ 
.side { position: fixed; width: 47px; height: 275px; right:5%; top: 38%; z-index: 100; } 
.side ul li { width: 47px; height: 47px; float: left; position: relative; margin-bottom: 2px; list-style: none; } 
.side ul li .sidebox { position: absolute; width: 47px; height: 47px; top: 0; right: 0; transition: all 0.4s; background: rgba(106,106,106,0.5); color: #fff; font: 16px/47px "微软雅黑"; overflow: hidden; } 
.side ul li .sidetop { width: 47px; height: 47px; line-height: 47px; display: inline-block; background: rgba(106,106,106,0.5); transition: all 0.4s; } 
.side ul li .sidetop:hover { background: #0090ff; opacity: 1; filter: Alpha(opacity=100); } 
.side ul li img { float: left; } 

/*面包屑*/ 
.btn-nav { position: absolute; top: 18px; 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: #501e15; } 
.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: #501e15; } 
.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; } 
.animated .icon-bar { z-index: 999999; background-color: #0090ff; } 
.animated .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) } 
.animated .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); } 
.animated .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 {width:60%;float:left;} 
.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:60px;}
.logo2 p img{ max-width:100%; height:60px;}
.cai_tu { float:right; width:35%; padding-top:2%}
.cai {/* width: 100%; position: fixed; top: 0px; z-index: 999; background-color: #fff;  background-color: rgba(0,0,0,0.7);*/ background: url(../images/bg1.jpg) ; background-size:100% 100%; position:relative; display:block;} 
.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: 100%; height: auto; margin: 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: 39px; border-bottom: 1px solid rgba(255,255,255,0.3); padding: 0px 3%; width: 94%; font-size: 14px; 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 { line-height: 39px; border-bottom: 1px solid rgba(255,255,255,0.3); padding: 0px 3%; width: 94%; font-size: 14px; background: url(../images/jl2.jpg) no-repeat; background-position: 96% 17px; } 
.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: 34px; line-height: 34px; 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 } 

/*漂浮框*/ .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; } 

.mmenu { width: 100%; height: auto; margin: 0 auto; z-index: 1000;  clear:both;} 
.mmenu li { line-height: 35px;  width: 33%; font-size: 14px; float:left; text-align:center; background:url(../images/xmbg.jpg) repeat; border-bottom:1px solid #FFF ;border-left:1px solid #FFF  } 
.mmenu li a { color:#333333} 
}



.main,.ftit,.link,.foot { width:100%; max-width:1200px;margin:0px auto;overflow:hidden;clear:both;}
.top,.head{ width:100%; 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:65%;}
.img2{ display:block; position:relative; width:100%; padding-bottom:87%;}
.img3{ display:block; position:relative; width:100%; padding-bottom:168%;}
.img4{ display:block; position:relative; width:100%; padding-bottom:40%;}
.img5{ display:block; position:relative; width:100%; padding-bottom:82%;}
.img6{ display:block; position:relative; width:100%; padding-bottom:100%;}
.img7{ display:block; position:relative; width:100%; padding-bottom:108%;}
.img8{ display:block; position:relative; width:100%; padding-bottom:50%;}
.img9{ display:block; position:relative; width:100%; padding-bottom:38.8889%; 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%;}

.focus{overflow:hidden;position:relative; width:100%; width:320px; clear:both; padding:0; margin:0 auto;}
.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:99; 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:10px;margin-left:5px;overflow:hidden;width:10px;}
.focus ul .current{background:#f00;}
#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;}

.bg1{ background:#f8f8f8;}
.none {display:none;}
.tit1{ text-align:center; line-height:1.6;}
.tit1_p2{ color:#858585;}
.tit1_p3{ width:300px; margin:0 auto;}
.tit1_p3 li{ float:left; margin-left:15px; width:120px; background:#e8e8e8; text-align:center; line-height:40px; border-radius:20px;}
.tit1_p3 .active{background:#7ec213;color:#fff;}
.nr1_p1{ overflow:hidden; clear:both;}
.nr1_p1 li{ float:left;}
.nr1_p11{ background:#Fff; border:1px solid #eee;}
.nr1_p12{ padding:10px;}
.nr1_p13{ line-height:40px; height:40px; overflow:hidden;}
.nr1_p14{ color:#777; margin-bottom:12px; line-height:22px; height:50px;}

.nr1_p15{ background:url(../images/tt1.png) no-repeat left top; padding-left:25px;}
.nr1_p17{ color:#7ec213;}
.more1{ display:block; margin:0 auto; width:110px; text-align:center; color:#7ec213;}
.bg2{ background:url(../images/bg2.png) no-repeat center bottom; padding:3% 0 5% 0;}
.bg3{ background:rgba(255,255,255,0.9); padding:3%;}
.nr1_p2{ text-align:center; line-height:2;}

.nr3 .pcont { width:100%; overflow:hidden;  }
.nr3 .ScrCont { width:32766px; zoom:1;  }
.nr3 #List1_1{float:left;}
.nr3 #List2_1{float:left;}
.nr3{ width:100%;}
.nr3 li{ float:left; text-align:center; padding:5px; width:230px;}
.nr3_p1{ position:relative; width:60px; margin:0 auto;}
.left{ float:left;}
.right{ float:right;}
.nr3_p3{ position:absolute; bottom:0; left:0; width:100%; text-align:center; line-height:36px; color: #FFF; background: rgba(0,0,0,0.6); z-index:3;}
.nr2_p4{ float:left; width:49%;}
.nr2_p5{ float:right; width:49%}
.nr2_p8{ position:absolute; left:0; top:0; height:100%; width:100%; color: #FFF; /*background: rgba(0,0,0,0.6);*/ z-index:3;display: flex;   justify-content:center;  align-items:Center;}
.nr2_p8 span{ display:block; border:1px solid #fff; line-height:42px; height:42px; overflow:hidden; padding:0 5%; border-radius:30px;}

.fbg{ background:#151d21; padding:2% 1%;}
.foot{ text-align:center;}
.ftit_p2{ color:#fff;}
.ftit_p2 a{ color:#fff; margin-right:8%;}
.ftit_p3{ overflow:hidden; clear:both; padding:5% 0;}
.ftit_p3 a{ display:block; float:left;/* border:1px solid #909090;*/ border-radius:50%; margin-right:3%;}
.ftit_p3 a img{border-radius:50%;}
.ftit_p3 p{ color:#799bac; float:right;}
.ftit_p3 p span{ display:block; font-weight:bold; color:#8fc31f;}
.ftit_p4{ padding:0; margin:0; width:calc(100% - 5px); padding-left:5px; border:1px solid #495359; background:#2d393f; line-height:36px; color:#c0c0c0;}
.ftit_p5{ padding:0; margin:0; width:100%; padding-left:5px; border:1px solid #495359; background:#2d393f; line-height:36px;height:36px;color:#c0c0c0;}
.ftit_p6{ padding:0; margin:0; border:none; background:#ec6511; line-height:36px;height:36px;color:#fff; width:115px;}

.nr1_p7{ border-left:1px solid #ddd; border-top:1px solid #ddd; border-radius:8px; overflow:hidden; clear:both;}
.nr1_p7 ul{ overflow:hidden; clear:both; border-radius:8px;}
.nr1_p7 li{ float:left;}
.nr1_p7 li:last-child{ border-bottom-right-radius:8px;}

.nr55_p2 li{ overflow:hidden; clear:both; line-height:32px; border-bottom:1px dotted #CCC; background:url(../images/tub11.jpg) left no-repeat; padding-left:20px;}
.nr55_p2 li a{ display:block; float:left; max-width:800px; font-size:14px;color:#333;}
.nr55_p2 li p{ float:right; color:#333; font-size:14px;}


.nr22_p42{ overflow:hidden; clear:both;}
.nr22_p42 a{ display:block; max-width:100%; overflow:hidden; text-align:center}
.neir{ padding:10px; text-align:left; color:#333;font-family:"微软雅黑";}
.neir h1{  text-align:center; font-size:20px; color:#333;font-family:"微软雅黑";}


.con_tit{text-align:center;border-bottom:1px dotted #d4d4d4;line-height:36px;}
.con_tit h2{font-size:16px;}
.con_titb{text-align:center;}
.bg3b{ background:#7ec213;  margin:0 auto; margin-bottom:15px;}


.nr11_p11{ background:#7ec213; color:#fff; font-weight:bold;  line-height:2.4;}
.nr11_p12{ overflow:hidden; clear:both; border:1px solid #ddd; background:#fff; padding:5px;}
.nr11_p12 li{ padding:3px 0;}
.nr11_p12 li a{ display:block; background:url(../images/tub1.png) no-repeat right center #7ec213; padding:0 10px; border-radius:5px; color:#FFFFFF; }
/*.nr11_p12 li a:hover{ display:block; background:url(../images/tub1.png) no-repeat right center #518506;   color:#FFFFFF }*/



/* leftsead */

#leftsead li{width:161px;height:50px;}
#leftsead li img{float:right;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:161px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:143px;}
#leftsead li a.youhui .2wm{display:none;position:absolute;right:143px;}
#p2{width:142px;background-color:#8bc48d;height:47px;margin-left:47px;text-align:center;line-height:47px}
#p3{width:112px;background-color:#4373df;height:47px;margin-left:47px;text-align:center;line-height:47px}
#p1{width:47px;height:49px;float:left}


@media (max-width:768px){
.pc{ display:none;}
.app{ display:block;}
.mm1{ padding:1%; width:98%;}
.f14{ font-size:12px;}
.f16{ font-size:14px;}
.f18{ font-size:15px;}
.pp2{ padding:10px 0;}
.focus{ height:160px;}
.nr1_p1 li{ float:left; width:calc((100% - 20px)/2); padding:5px;}
.nr2_p1{ float:left; width:49%;}
.nr2_p2{ float:right; width:49%;}
.nr2_p3{ overflow:hidden; clear:both; padding-top:6px;}


#leftsead{width:35px;height:35px;position:fixed;top:315px;right:5px; z-index:100;}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:35px;height:35px;}
#leftsead li img{width:35px;height:35px;}
.tit3{ padding:1.5% 0; color:#fff; }
.tit3 a{  color:#fff; }
.m_left,.m_right{ width:98%; margin:1% auto;}

.ind_pro2{ width:100%; margin:0 auto}
.ind_pro2i{ width:100%; float:left; position:relative; overflow:hidden}
.ind_pro2i img{ width:100%}
.ind_proib{ position:absolute; width:100%; height:30px; text-align:center; left:0; top:220px; color:#fff; font-size:18px; line-height:30px; background:url(../images/bg_g.png) repeat; transition:0.2s}
.ind_proia{ position:absolute;width:100%; height:250px; left:0; top:250px; text-align:center; color:#fff; background:url(../images/bg_g2.png) repeat; transition:0.2s}
.ind_pro2i:hover .ind_proib{ top:250px}
.ind_pro2i:hover .ind_proia{ top:0}
.ind_proia a{ color:#FFF76A}
.fy a:hover{ color:#01A006}
.nr22_p4{ overflow:hidden; clear:both;}
.nr22_p4 li{ float:left; padding:0px  1% ;}
.nr22_p41{ display:block; width:100%; padding-bottom:80%; overflow:hidden; position:relative;}
.nr22_p41 img{ position:absolute; top:0; left:0; width:230px; height:150px;}

.nr22_p4 li{ width:48%;}
.nr22_p42{ line-height:30px; }
.nr22_p42 a{ line-height:30px; overflow:hidden;}

.proimg img{ max-width:100%;}

.nr1_p16{ width:25px; height:12px;  margin-bottom:10px;}

.nr11_p12 li:nth-child(odd){ float:left; width:49%;}
.nr11_p12 li:nth-child(even){ float:right; width:49%;}
.nr11_p12 li a{ line-height:40px; height:40px; overflow:hidden}
.nr1_p7{ margin:2%;}
.nr1_p7 li{ width:calc((100% - 33px)/3); padding:5px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}

.bg11{ background:#d8d8d8;}
.nr33{ overflow:hidden; clear:both; padding:10px 5px;}
.nr33 li{ float:left; width:48%; padding:1%; }
.nr33 li a{ display:block; color:#333}
.nr33 li img{ width:100%; }
.nr33 li p{ font-size:16px; line-height:38px; overflow:hidden; height:38px; border-radius: 0 0 10px 10px; background:#FFFFFF; text-align:center}

footer{
    height: 60px;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #6CAC12;
    z-index: 100;
}

.foot{
    max-width: 750px;
    margin: 0 auto;
    text-align: center;
    line-height: 60px;
}
.foot a{
    width: 33.3%;
    color: #fff;
    display: block;
    float: left;
	font-size:16px
}
.youjian{
    background: #518506;
}
.pro{
margin: 3% 2%;
}

#qrcode{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999; display: none; }
.qr{ width: 200px; height: 230px; position: absolute; top: 50%; left: 50%; margin: -115px 0 0 -100px; background: #fff; border-radius: 8px; border: 1px solid #ccc;  }
.qr h3{ height: 30px; padding: 0 10px; font-size: 14px; font-weight: 500; line-height: 30px;  border-bottom: 1px solid #eee; }
.qr span{ display: block; width: 16px; height: 16px; line-height: 16px; cursor: pointer; text-align: center; font-size: 14px; color: #666; position: absolute; top: 7px; right: 7px; }
.proremark strong{
    margin-right: 20px;
}
#cnzz_stat_icon_1532152{
    display: none;
}
}
@media (min-width:769px) {
.fl{ float:left;}
.fr{ float:right;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.pp2{ padding:20px 0;}
.focus{ height:117px;}
.nr1_p1{ margin:0 -5px;}
.nr1_p1 li{ float:left; width:calc((100% - 50px)/5); padding:5px;}
.nr2_p1{ float:left; width:24.16%; max-width:290px;}
.nr2_p2{ float:right; width:24.16%; max-width:290px;}
.nr2_p3{ width:49%; margin:0 auto; max-width:590px;}
.nr2_p3 .mhj{ height:15px;}
.ftit_p1{ width:44%;}
.nr1_p7 li{ width:calc((100% - 66px)/6); padding:5px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.nr1_p16{ width:25px; height:1px; background:#777; margin-bottom:10px;}


#leftsead{width:161px;height:290px;position:fixed;top:350px;right:5px; z-index:100;}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}


.bg11 { background:#fff;}
.tit3{ padding:0.6% 0; color:#fff; }
.tit3 a{  color:#fff; }
.m_left{ float:left; width:20%; max-width:220px;}
.m_right{ float:right; width:78%; max-width:950px; min-height:500px;}
.nr22_p4 li{ width:23%;}
.nr22_p42{ line-height:20px;}
.nr22_p42 a{line-height:20px;  overflow:hidden;}

.nr22_p4{ overflow:hidden; clear:both;}
.nr22_p4 li{ float:left; padding:1%;}
.nr22_p41{ display:block; width:100%; padding-bottom:65%; overflow:hidden; position:relative;}
.nr22_p41 img{ position:absolute; top:0; left:0; width:230px; height:150px;}

.nr2_p52{ float:right; width:100%;}
.nr2_p521{ font-size:16px; line-height:36px; height:36px; overflow:hidden;}
.nr2_p522{ color:#777; font-size:14px;}
.nr2_p53{ max-height:66px; line-height:22px; overflow:hidden; color:#777;}

#colee_left { width:100%}
.gd{ margin:0 -20px; overflow:hidden; clear:both;}
.gd li{ float:left; width:250px; padding:20px; text-align:center;}
.gd li img{ border:3px solid #FFF}



.nr11_p1{ float:left;width:20.8%; max-width:250px;}
.nr11_p12 li{ line-height:40px;}
.nr11_p12 li a{height:40px; overflow: hidden;}


.nr33{ overflow:hidden; clear:both; padding:10px 5px;}
.nr33 li{ float:left; width:23%; padding-left:1%; text-align:center;}
.nr33 li a{ display:block; color:#333}
.nr33 li img{ width:230px; height:150px;border:1px solid #ccc;}
.nr33 li p{ font-size:16px; line-height:38px; overflow:hidden; height:38px;}

}
@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:18px;}
.tt5{font-size:18px;}
.tt6{font-size:20px;}
.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) {	}