@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: rgba(0,0,0,0.33); position: absolute; left:0; width:100%; z-index: 999; top: 0;}
.logo_p1{ float:left;}
.tel{ float:right;}
.head { width:100%; max-width: 1300px;margin: auto; position: relative; } 
.nav { float:right;}
.nav_c{ position: relative;} 
.nav_c .nav_1{ float:left; position: relative; padding:0 22px;}
/*.nav_1 { } */
.nav_1a { display: block; text-align: center; font-size:18px; cursor: pointer; text-transform:uppercase; line-height:77px; color:#fff;} 
.nav_c .nav_1:hover .nav_1a { -webkit-transition: all 0.4s ease-in-out; border-bottom:3px solid #fff; font-weight:bold;} 
.nav_1 a.nav_1_a { border-bottom:3px solid #fff; font-weight:bold;} 
.nav_warp { position: absolute; top:80px; right:0px; min-width:100%; display: none; z-index:9999; } 
.nav_con{background-color: rgba(0,0,0,0.6);}
.nav_warp a{ display:block; color:#fff; line-height:36px; text-align:center; border-bottom:1px solid  rgba(255,255,255,0.6); font-size:14px;}
.nav_warp a:hover { -webkit-transition: all 0.4s ease-in-out; color: #fff; background:rgba(120,177,0,0.6); font-weight:bold;} 
.nav_1a2{ margin-top:26px; display:block;}
.sear1{ line-height:28px;}
.sear2{ background:url(../images/sear.png) no-repeat center; line-height:26px; width:30px; border:none;}

/*漂浮框*/ 
.side { position: fixed; width: 58px; right: 0; bottom:5%; z-index: 100; } 
.side ul li { width: 58px; height: 58px; float: left; position: relative; margin-bottom: 2px; list-style: none; } 
.side ul li .sidebox { position: absolute; width: 58px; height: 58px; top: 0; right: 0; transition: all 0.4s; background: rgba(106,106,106,0.5); color: #fff; font: 16px/58px "微软雅黑"; overflow: hidden; } 
.side ul li .sidetop { width: 58px; height: 58px; line-height: 58px; 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;  cursor: pointer; z-index: 99999; } 
.btn-nav:focus { outline: 0; } 
.icon-bar { display: block; margin: 5px 0; width: 26px; height: 3px; background-color: #0d5fbc; background-color: #7ecb28; } 
.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: #7ecb28; } 
.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; } 
.topt,.bottom{ width:18px; margin-left:8px;}
.btn-nav.close .icon-bar { z-index: 999999; background-color: #7ecb28; } 
.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); background-color: #7ecb28; width:26px; margin-left:0;} 
.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); width:26px; margin-left:0;} 
.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 {} 
.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{ background: rgba(0,0,0,0.33); position: fixed; left:0; top: 0; width:100%; z-index:9999999; display:block;}
 /*{ width: 100%; position: fixed; top: 0px; z-index: 999; background-color: #fff;  background-color:rgba(255,255,255,0.3);  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:85%; height: auto; margin:0 auto;/* background: #FFF;*/ position: relative; 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); 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: 50px; 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; } 
}


.main,.ftit,.link,.foot { width:100%; max-width:1200px;margin:0px auto;overflow:hidden;clear:both;}
.main2{ width:100%; max-width:1200px;margin:0px auto;}
.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%; overflow:hidden;}
.img2{ display:block; position:relative; width:100%; padding-bottom:60%; overflow:hidden;}
.img3{ display:block; position:relative; width:100%; padding-bottom:120%; overflow:hidden;}
.img4{ display:block; position:relative; width:100%; padding-bottom:125%; overflow:hidden;}
.img5{ display:block; position:relative; width:100%; padding-bottom:60.7%; overflow:hidden;}
.img6{ display:block; position:relative; width:100%; padding-bottom:95%; overflow:hidden;}
.img7{ display:block; position:relative; width:100%; padding-bottom:100%; overflow:hidden;}
.img8{ display:block; position:relative; width:100%; padding-bottom:93.75%; overflow:hidden;}
.img9{ display:block; position:relative; width:100%; padding-bottom:80%; overflow:hidden;}
.img10{ display:block; position:relative; width:100%; padding-bottom:80%; overflow:hidden;}
.img1 img,.img2 img,.img3 img,.img4 img,.img5 img,.img6 img,.img7 img,.img8 img,.img9 img,.img10 img{ position:absolute; top:0; left:0; width:100%; height:100%;}
.img1 img,.img2 img,.img3 img,.img4 img,.img5 img,.img10 img{  cursor: pointer; transition: all 0.8s;}
.img1:hover img,.img2:hover img,.img3:hover img,.img4:hover img,.img5:hover img,.img10:hover img{ transform: scale(1.1); transition: all 0.8s;}

.focus{overflow:hidden;position: absolute;width:100%; height:100%;clear:both; padding:0; margin:0;}
.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:9; 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:9px;margin-left:5px;overflow:hidden;width:9px;}
.focus ul .current{background:#fff;}
#btn_prev{ position:absolute; top:40%; left:5%; z-index:99999999; color:#fff; width:60px; overflow:hidden; float:left;}
#btn_next{ position:absolute; top:40%; right:5%; z-index:999999999; color:#fff; width:60px; text-align:right; overflow:hidden; float:right;}
.focus_n{ position:relative;} 

.page2{ background:url(../images/bg1.jpg) no-repeat center;}
.page3{ background:url(../images/bg2.jpg) no-repeat center;}
.page4{ background:url(../images/bg3.jpg) no-repeat center;}
.page5{ background:url(../images/bg4.jpg) no-repeat center;}
.page6{ background:url(../images/bg5.jpg) no-repeat center;}

.none {display:none;}
.tit1{line-height:1.5; color:#fff; overflow:hidden; clear:both; text-align:center;}
.tit1_p1{ font-weight:bold;}
.tit1_p2{ text-transform:uppercase;}
.tit1_p3{ width:40px; height:3px; background:#fff; margin:0 auto; margin-top:10px;}
.nr1_p1 li{ float:left; text-align:center; color:#fff;transition: all 0.8s;}
.nr1_p11{ display:block; background:#fff; box-shadow:0 0 20px rgba(0, 0, 0, 0.2); text-align:center; border-radius:50%;transition: all 0.8s;}
.nr1_p13{ display:block; background:#fff; color:#11c112; line-height:1.6; border-radius:5px;}
.nr1_p11 img{-webkit-filter: grayscale(0%); filter: grayscale(0%);}
.nr1_p1 li:hover .nr1_p11 img{ -webkit-filter: grayscale(10%);  filter: grayscale(10%);transition: all 0.8s;}
.nr1_p1 li:hover .nr1_p11{background-image: radial-gradient(#fff, yellow, #05b406);transition: all 0.8s;}
.nr1_p1 li:hover .nr1_p12{ background:#fff; color:#11c112; border-radius:8px;transition: all 0.8s;}
.nr1_p1 li:hover .nr1_p13{ background:#11c112; color:#fff;transition: all 0.8s;}



.vv { VISIBILITY: visible! important }
/*.con { CLEAR: both; MIN-HEIGHT: 300px; FLOAT: left; PADDING-BOTTOM: 30px; MARGIN: 30px;}
.con A { COLOR: #669900; BORDER-BOTTOM: #4f4f4f 1px dotted }
.con A:hover { COLOR: #333; BORDER-BOTTOM: #4f4f4f 1px dotted }
*/
.pageTitle { CLEAR: both; MARGIN-TOP: 24px; FONT-SIZE: 24px; FLOAT: left; COLOR: #fff }
.contentTitle { CLEAR: both; FONT-SIZE: 20px; FLOAT: left; WIDTH: 100%; COLOR: #436206 }
.tab A.current { background:#fe7100; COLOR: #fff;}
.mask {CLEAR:both;MARGIN:20px 0px;OVERFLOW: hidden;WIDTH:100%;POSITION:relative;}
.maskCon { WIDTH: 50000px }
.innerCon { FLOAT: left;WIDTH:1200px; height:400px;}
.nav0{ position:absolute; top:45%; left:0; width:100%;}
.nav0 P A.prev{ background:url(../images/slide_arrow_left.png) no-repeat; background-size:100% 100%; float:left;}
.nav0 P A.next{ background:url(../images/slide_arrow_right.png) no-repeat; background-size:100% 100%; float:right;}

.nr4{ overflow:hidden; clear:both; margin:-8px;}
.nr4 li{ float:left; width:226px; position:relative; padding:8px;}
.nr4_p1{ display:block; width:226px; height:300px; overflow:hidden;}
.nr4_p1 img{ width:226px; height:300px;cursor: pointer; transition: all 0.8s;}
.nr4_p2{ display:block; background:#fff; line-height:50px;height:50px; overflow:hidden; text-align:center; font-size:18px;}
.nr4_p1:hover img{ transform: scale(1.1); transition: all 0.8s;}
.nr40 li{ float:left; width:calc(50% - 16px); position:relative; padding:8px;}
.nr40 .nr4_p2{ display:block; background:#fff; line-height:40px;height:40px; overflow:hidden; text-align:center; font-size:15px;}

.nr3 .pcont { width:100%; overflow:hidden;  }
.nr3 .ScrCont { width:32766px; zoom:1;  }
.nr3 #List1_1{float:left;}
.nr3 #List2_1{float:left;}
.left{ position:absolute; top:calc(50% - 30px); left:0;}
.right{ position:absolute; top:calc(50% - 30px); right:0;}
.nr3{ position:relative; width:calc(100% - 120px); max-width:1200px; padding:0 60px;}
.nr3 li{ float:left; text-align:center; padding:5px; width:290px;}
.nr3 li a{ display:block; width:290px; height:360px; overflow:hidden; position:relative;}
.nr3 li a img{ width:290px; height:360px;cursor: pointer; transition: all 0.8s;}
.nr3 li a p{ position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.44); color:#fff; text-align:center; line-height:50px;height:50px; overflow:hidden; font-size:18px;}
.nr3 li a:hover img,.nr1_p31:hover img{ transform: scale(1.1); transition: all 0.8s;}

.nr1_p3{ float:left; width:36%; padding:3% 7%;}
.nr1_p31{ position:relative; width:calc(100% - 4px); padding-bottom:120%; display:block; overflow:hidden; border:2px solid #fff;}
.nr1_p31 img{ position:absolute; top:0; left:0; width:100%; height:100%;cursor: pointer; transition: all 0.8s;}

.nr2_p1 .img1 p{ position:absolute; bottom:0; width:calc(100% - 20px); background: rgba(0,0,0,0.5); padding:0 10px; line-height:50px; color:#fff;}
.nr2_p2 li{ overflow:hidden; clear:both; margin-bottom:12px; background:#fff; transition: all 0.8s;}
.nr2_p21{ float:left; width:30px; text-align:center; background:#179a2b; color:#fff; line-height:90px;}
.nr2_p22{ float:right; width:calc(100% - 60px); padding:10px 15px;}
.nr2_p23{ display:block; line-height:26px; height:26px; overflow:hidden;}
.nr2_p24{ line-height:22px; height:44px; overflow:hidden; color:#777;}
.nr2_p2 li:hover{ background:#11c112;}
.nr2_p2 li:hover .nr2_p23{ text-decoration:underline; color:#fff;}
.nr2_p2 li:hover .nr2_p24{ color:#fff;}


.more2,.more1:hover{ display:block; margin:5px auto; width:40%; max-width:140px; border-radius:25px; line-height:2.5; text-align:center; background:#fff; color:#51a71d; box-shadow:0 0 10px rgba(0, 0, 0, 0.3);}
.more1,.more2:hover{ display:block; margin:5px auto; width:40%; max-width:140px; border-radius:25px; line-height:2.5; text-align:center; background:#51a71d; color:#fff; box-shadow:0 0 10px rgba(0, 0, 0, 0.3);}

.fbg{ background:#7ecb28; color:#fff; padding:1%;display: flex;   justify-content:center;  align-items:Center;}
.foot_p3{ text-align:center;}
.foot_p3 a{color:#fff;}

.adv2{ position:relative;}
.adv2_p1{ position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.44);}
.adv2_p2{ background:#78b100;}
.adv2_p2 a{ display:block; color:#fff; text-align:center; border-right:1px solid #93be38; border-left:1px solid #74ac00; position:relative;}
.adv2_p2 a:before{ position:absolute; left:0; width:100%; height:100%; content: ""; transition: all 0.8s;}
.adv2_p2 li:hover a:before{background:rgba(255,255,255,0.3); transition: all 0.8s;}
.nr5_p3 li{ padding:3% 0; overflow:hidden; clear:both; border-bottom:1px solid #ddd;}
.nr5_p3 li:hover .nr5_p32{ background:#f6f6f6;}
.nr5_p3 li:hover .nr5_p33{ text-decoration:underline;}
.nr5_p4{ overflow:hidden; clear:both;}
.nr5_p4 li{ float:left; text-align:center;}
.nr5_p41{ padding:3% 0; margin:3% 0;min-height:40px;}
.nr5_p44{ min-height:20px;}
.nr5_p4 li:hover .nr5_p41{ background:#78b100; color:#fff;}
.nr5_p4 li:hover .nr5_p42{ color:#fff;}

.nr5_p51{ border:1px solid #ddd; display: flex;   justify-content:center;  align-items:Center;}
.nr5_p521{ padding:1.5% 0; border-bottom:1px solid #ddd; line-height:1.6;}
.nr5_p521 .tt5{ font-weight:bold;}
.nr5_p521 .f18{ color:#888;}
.nr5_p522{ padding:2% 0; line-height:2.2; color:#777;}
.nr5_p522 .tt4{ font-weight:bold; color:#333;}
.nr5_p531{ background:#eee; overflow:hidden; clear:both;}
.nr5_p531 p{ float:left; background:#78b100; color:#fff; font-weight:bold; padding:0 4%; line-height:2.4;}
.nr30 { overflow:hidden; clear:both;}
.nr30 li{ float:left; text-align:center;}
.nr30 li .img4{  box-shadow:0 0 5px rgba(0, 0, 0, 0.4);}
.nr30 li .img4 p{ position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.44); color:#fff; text-align:center; line-height:50px;height:50px; overflow:hidden;}
.nr30 li .img4:hover img,.nr1_p31:hover img{ transform: scale(1.1); transition: all 0.8s;}
.nr6_p1{ position:relative;}
.nr6_p2{ position: absolute; top:5%; left:5%; width:90%; height:90%;display: flex;   justify-content:center;  align-items:Center;}
.nr6_p21{ width:80%; max-width:340px; text-align:center;}
.nr6_p22{ position:relative; margin:20px 0; border-radius:5px; color:#fff; background:#7ecb28; padding:6% 10%; text-align:left;}
.nr6_p22 .f16{ line-height:2;}
.nr6_p22:before{ position:absolute; left:calc(50% - 10px); top:-10px; width:20px; height:20px; content: ""; transition: all 0.8s;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); background:#7ecb28;}

.list_dt{ overflow: hidden; position: relative; clear:both;}
.nr6_p3{ float:left; width:calc(100% - 100px); color:#777; line-height:30px; height:60px; overflow:hidden;}
.nt6_p31{ float:left; font-weight:bold; color:#333; font-weight:bold; padding-right:20px;}
.nt6_p33{ overflow:hidden; clear:both;}
.list_dt_icon{ display: block; float:right; border:1px solid #006960; color:#006960; border-radius:5px; line-height:36px; padding:0 10px; margin-top:10px; /*background: url("images/off.png") no-repeat;*/}
#open .list_dt_icon{/* background: url("images/open.png") no-repeat;*/color:#fff; background:#006960;}

.list_dd{ display: none; padding:1% 0; margin-top:1%; line-height:1.8; border-top:1px dashed #ddd;}
.list_div li{ padding:2% 2%;box-shadow:0 0 10px rgba(0, 0, 0, 0.2); border-radius:5px; margin-left:1%; margin-right:1%; margin-bottom:2%; float:left; width:43%}
.bg3{ background:#fafafa;}
.nr6_p4{ overflow:hidden; clear:both;}
.nr6_p4 li{ float:left;}
.nr6_p4 .f18{ font-weight:bold; padding-top:5px; line-height:30px;height:30px; overflow:hidden; margin:2% 0;}
.nr6_p41{ color:#555;}
.nr6_p5{ text-align:center}
.nr6_p51{ width:80px; margin:0 auto; border-radius:50%; height:80px; overflow:hidden; border:2px solid #fff;}
.nr6_p5 li:hover .nr6_p51{ border:2px solid #7ecb28}


.neir{ padding:10px; text-align:left; color:#333;font-family:"微软雅黑"; line-height:2}
.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;}
@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{overflow:hidden;position:relative; width:100%; width:320px; height:200px; clear:both; padding:0; margin:0 auto; margin-top:60px;}
.focus li{ background-size:auto 100%;}
.bg1{ background-size:auto 100%;}
.bg2{ background:none;}

.foot_p1{ float:left; width:49%; padding-top:15px;}
.foot_p2{ float:right; width:49%; text-align:right;}
.foot_p3{ width:90%; margin:5px auto; overflow:hidden; clear:both;}

.page{width: 100%; height:auto;}
.page0{ background-size: auto 100%;}
.nr1_p1{ width:98%; padding:1%;}
.nr1_p1 li{ width:25.333%; padding:4%; text-align:center;}
.nr1_p12{ margin:5% 0 8% 0; font-weight:bold; line-height:40px;height:40px; overflow:hidden;}
.nr1_p1 .nr1_p11{ margin:0 8%;}
.nr1_p1 li:nth-child(4){ margin-left:16.666%;}
.wrapper {FLOAT: none; WIDTH:calc(100% - 60px); padding:20px 30px; position:relative;}
.tab { overflow:hidden; clear:both; }
.tab A { DISPLAY: block; FONT-SIZE: 14px; FLOAT: left; min-width:120px; width:46%; border-radius:20px; line-height:36px; height:36px; COLOR: #666; background:#fff; text-align:center; margin:5px 2%;}
.nav0 P A { DISPLAY: block; FLOAT: left; WIDTH:30px; HEIGHT:30px }
.nr1_p3{ float:left; width:40%; padding:6% 5%;}
.nr2_p1,.nr2_p2{ width:98%; margin:2% auto;}

.adv2{ padding-bottom:50%;}
.adv2_p2{ height:48px; line-height:48px;overflow-y:hidden; overflow:auto; overflow-x:scroll;}
.adv2_p2 ul{ height:48px; display: flex; align-items: center; overflow-y: hidden; flex-wrap: nowrap;}
.adv2_p2 ul li{list-style: none; white-space: nowrap;}
.adv2_p2 ul li a{ padding:0 20px;}
.nr5_p1,.nr5_p2{ width:98%; margin:2% auto; line-height:1.8;}
.nr5_p31{ float:left; width:120px;}
.nr5_p3{ padding:0 2%;}
.nr5_p31 .img2{ padding-bottom:75%;}
.nr5_p32{ float:right; width:calc(100% - 130px);}
.nr5_p33{ display:block; line-height:28px;height:28px; overflow:hidden;}
.nr5_p34{ line-height:24px; color:#888;}
.nr5_p35{ overflow:hidden; clear:both; line-height:20px; height:40px; color:#888;}

.nr5_p4 li{ float:left; width:46%; padding:1% 2%;}
.nr5_p51{width:98%; margin:2% auto; padding:2% 0; max-height:300px;}
.nr5_p52,.nr5_p53{ width:98%; margin:2% auto;}
.nr30 li{ width:calc(50% - 10px); padding:5px;}
.nr6_p1{width:98%; margin:2% auto;}

.list_div{ padding:0 2%;}
.nr6_p4 li{ width:calc(50% - 20px); padding:10px;}




}
@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:159px;}
*/
.focus0{ position:relative; width:100%; height:100%; overflow:hidden; clear:both;}
.focus li{ background-size:100% 100%;}
.foot_p1{ float:left; padding-top:20px;}
.foot_p2{ float:right; text-align:right;}
.foot_p3{ width:50%; margin:0 auto; padding-top:10px; line-height:2;}
.nave{ width:20px; position: fixed; right:1%; top:30%; z-index:99999999999999999;} 
.nave ul{width: 100%;height: 100%;} 
.nave ul li{/* width: 100%; text-align: center; cursor: pointer; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s;  */  background: #ddd;position: relative;display: inline-block;width: 14px;height: 14px;opacity: 1;margin:7px !important;border-radius: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);} 
.nave ul .current{ background:#f08200;}
.page0{width: 100%; height:100%; background-size:100% 100%;}
.page2{display: flex;  justify-content:center;  align-items:Center; height:100%;}
.page3,.page4,.page5,.page6{display: flex;  justify-content:center;  align-items:Center; height:100%;}
.nr1_p1{ width:100%; padding:3% 0; overflow:hidden;}
.nr1_p1 li{ width:160px; padding:40px; text-align:center;}
.nr1_p12{ margin:50px 0 80px 0; font-weight:bold; line-height:50px;height:50px; overflow:hidden;}
.wrapper {FLOAT: none; WIDTH:100%; max-width:1200px; padding:20px 60px; position:relative;}
.tab { overflow:hidden; clear:both; margin:0 auto; width:1100px;}
.tab A { DISPLAY: block; FONT-SIZE: 14px; FLOAT: left; min-width:120px; padding:0 20px; border-radius:20px; line-height:36px; height:36px; COLOR: #666; background:#fff; text-align:center; margin:0 7px;}
.nav0 P A { DISPLAY: block; FLOAT: left; WIDTH:56px; HEIGHT:56px }
.mask{ padding:3% 0;}
.nr2_p1{ float:left; width:50%; max-width:600px; padding:2% 0}
.nr2_p2{ float:right; width:49%; max-width:590px; padding:2% 0}

.adv2{ padding-bottom:24%;}
.adv2_p2 ul{display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: start; -ms-flex-pack: start;justify-content: flex-start; width:100%;}
.adv2_p2 li {  -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height:60px;height:60px; overflow:hidden;}
.nr5_p1{ float:left; width:46%; max-width:540px; padding:4% 0}
.nr5_p2{ float:right; width:52%; max-width:640px; padding:4% 0; line-height:2.2;}
.nr5_p31{ float:left; width:210px; height:126px;}
.nr5_p32{ float:right; width:calc(100% - 250px); height:116px; padding:10px 10px 0 30px;}
.nr5_p33{ display:block; float:left; width:calc(100% - 100px); line-height:36px;height:36px; overflow:hidden;}
.nr5_p34{ float:right; font-size:16px; line-height:36px; color:#888;}
.nr5_p35{ overflow:hidden; clear:both; line-height:24px; height:48px; color:#888; padding-top:10px;}

.nr5_p4{ margin:0 -3%}
.nr5_p4 li{ float:left; width:19%; padding:1% 3%;}
.nr5_p51{ float:left; width:39%; max-width:466px; padding:2% 0; max-height:375px;}
.nr5_p52{ float:right; width:59%; max-width:700px; max-height:375px;}
.nr30 li{ width:calc(25% - 18px); padding:9px;}
.nr6_p1{ float:left; width:50%;}
.nr6_p4{ margin:0 -10px;}
.nr6_p4 li{ width:calc(25% - 20px); padding:10px;}

}
@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:24px;}
.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:24px;}
.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:24px;}
.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:25px;}
.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) {	}