﻿ /* 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; }
@font-face { font-family: 'zhong'; src: url(); }
@font-face { font-family: 'qing'; src: url(); }
img { border: 0; vertical-align: middle; max-width:100%;}
a {text-decoration: none;color: #333;padding:0;margin:0;}
ul {list-style: none;padding:0;margin:0;}
li {list-style: none;padding:0;margin:0;}
ul li {list-style: none;padding:0;margin:0;}
img {border: none;padding:0;margin:0; vertical-align:middle;}
a img{border: none;padding:0;margin:0;}
input,button,select,textarea{outline:none}
textarea{resize:none}
p{padding:0;margin:0;}
body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#333;padding:0;margin:0; font-family:"微软雅黑", "宋体", "黑体";}
table { margin: auto; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none; }
/*定义新型浏览器特性*/ 
::-webkit-scrollbar { width:0px; height:10px }
::-webkit-scrollbar-button:vertical { display:none }
::-webkit-scrollbar-track:vertical { background-color:black }
::-webkit-scrollbar-track-piece { background:#fff }
::-webkit-scrollbar-thumb:vertical { background-color:#999; }
::-webkit-scrollbar-thumb:vertical:hover { background-color:#333 }
::-webkit-scrollbar-corner:vertical { background-color:#666 }
::-webkit-scrollbar-resizer:vertical { background-color:#666; }
.clear { width: 100%; height: 0; font-size: 0; line-height: 0; clear: both; }
/*头部*/ 
.header { width: 100%;}
.head{ width:90%; margin:0 auto;}
.head_logo { float:left;} 
.head_logo a { display: block;} 
.sear{ float:right; margin-top:30px; border:1px solid #ddd; border-radius:3px;}
.sear1{ width:200px; line-height:38px;height:38px; padding:0; margin:0; border:none;}
.sear2{ background: url(../image/ico1.jpg) no-repeat center; width:40px; height:38px; border:none;}
.sear3{ border:none; border-left:1px solid #ddd; padding:0 10px;}
.nav { float:right; margin-right:5%}
.nav_c{ width:100%; max-width:1200px; margin:0 auto; position:relative; clear:both; padding-top:20px;} 
.nav_c .nav_1{ position: relative;text-align: center; float:left; font-size:16px; background:url(../image/mbg1.jpg) no-repeat right center;}
.nav_1a{ display:block; line-height:50px; padding:0 30px; display: flex;  justify-content:center;  align-items:Center; text-align:center;}
.nav_1:hover .nav_1a{ color:#529013;}
.nav_1 a.nav_1_a { color:#529013;} 
/*.nav_1 a.nav_1_a span{ background:url(../images/ico2.png) no-repeat;}*/

.nav_1a2{display:block; margin-top:25px;}
.nav_1a3{ font-weight:bold;}
.nav_warp { background:rgba(0,0,0,0.6); position: absolute; top:50px;left:0; min-width:100%; display: none; z-index:99;/* -webkit-transition: all 0.4s ease-in-out;*/white-space: nowrap;} 
.nav_warp a{ display:block; color:#fff; line-height:40px; text-align:center; 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_warp2{ background:rgba(0,0,0,0.6); color:#FFF; width:140px; line-height:2;}


/*面包屑*/ 
.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: #0f74bb; } 
.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: #0f74bb; } 
.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: #0f74bb; } 
.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; } 
 
.side { position: fixed; width: 58px; height: 275px; right: 0; bottom:10%; 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; } 

@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;} 
.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(404.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:96%; max-width:1200px;margin:0px auto;overflow:hidden;clear:both;}
.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:64%; overflow:hidden;}
.img2{ display:block; position:relative; width:100%; padding-bottom:100%; overflow:hidden;}
.img3{ display:block; position:relative; width:100%; padding-bottom:60.6%; overflow:hidden;}
.img4{ display:block; position:relative; width:100%; padding-bottom:100%;}
.img5{ display:block; position:relative; width:100%; padding-bottom:100%;}
.img6{ display:block; position:relative; width:100%; padding-bottom:100%;}
.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%;}
.cc{ display: flex;  justify-content:center;  align-items:Center; text-align:center;}
.img1,.img2,.img3,.img4{ overflow:hidden;}
.img1 img,.img2 img{  cursor: pointer; transition: all 0.8s; /*transform: scale(1.1);*/}
.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 .hd{position:absolute;bottom:10px;left:0; width:100%;display: flex;   justify-content:center;  align-items:Center;height:22px;line-height:20px;}
.fullSlide .hd ul{text-align:center; width:100%; margin:0 auto; max-width:1200px;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width: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(../image/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;}
.bg1{ background:url(../image/bg1.jpg) no-repeat center;}
.nr1_p1{ padding:3% 0;}
.nr1_p11{ font-weight:bold;}
.nr1_p12{ background:rgba(255,255,255,0.6); margin:12% 0; padding:3% 4%; overflow:hidden; clear:both; line-height:2;}
.nr1_p12 p{ text-indent:2em;}
.nr1_p13{ display:block; float:right;}
.bg2{ background:url(../image/bg2.jpg) no-repeat center; padding:5% 0;}
.bg3{ background:url(../image/bg3.jpg) no-repeat center; padding:3% 0;}
.nr1_p3{ width:80%; margin:0 auto; overflow:hidden; clear:both;}
.tit1{ color:#286895; text-transform: uppercase;}
.nr1_p33{ float:left; border-bottom:1px solid #286895; display:block;}
.tit2 ul{ overflow:hidden; clear:both; padding:12% 0;}
.tit2 li{ float:left; margin-right:2%; border-bottom:1px solid #999; border-top:1px solid #999; text-align:center; padding:2%;}
.tit2 li span{ display: block;}
.tit2 .active{ border-bottom:1px solid #286895; border-top:1px solid #286895; font-weight:bold; color:#286895;}
.tit2 li span img{-webkit-filter: grayscale(90%); /* <-变灰，变白-> */ filter: grayscale(90%); filter: grayscale(90%)} 
.tit2 .active img{ -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */ filter: grayscale(0%);}
.nr1_p341{ float:left; width:calc(33.333% - 16px); padding:8px;}
.nr1_p3401{ float:right; width:calc(33.333% - 16px); padding:8px;}
.nr1_p342{ float:left; width:calc(66.666% - 16px); padding:8px;}
.nr1_p340{ padding:15px; background:#fff;}
.nr1_p343{ display:block; overflow: hidden;text-overflow:ellipsis; white-space: nowrap; font-weight:bold; margin:15px 0;}
.nr1_p344{overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; margin:15px 0; line-height:2;}
.nr1_p342 .nr1_p340{ background:#1960ad; color:#fff;}
.nr1_p342 .nr1_p340 a{ color:#fff;}

.fbg{ background:#1960ad; color:#fff;}
.fbg a{ color:#fff;}
.ftit{ border-bottom:1px solid #869f8f;}
.foot{ border-top:1px solid #869f8f; margin-top:3px;}
.ftit_p1 li{ float:left; line-height:2;}
.ftit_p12{ padding:2% 0;}
.ftit_p12 a{ display:block;}
.ftit_p2{ float:right; text-align:center;}

.adv1{ padding-bottom:23%; position:relative;}
.adv1_p1{ position:absolute; top:0; left:5%; width:90%; height:100%; color:#FFF;}
.bg4{ border-bottom:1px solid #eee;}
.nr1_p41{ float:left;}
.nr1_p41 li{ float:left; padding-right:30px; line-height:4;}
.nr1_p41 a{color:#777; display:block;}
.nr1_p41 li:hover a,.nr1_p41 li a.no1{ color:#1960ae; border-bottom:2px solid #1960ae;}

.nr1_p42{ float:right; background:url(../image/ico5.jpg) no-repeat left center; padding-left:30px; margin-top:22px; color:#777;}
.nr1_p42 a{color:#777;}
.nr1_p43{ line-height:2;}
.nr1_p43 p{ text-indent:2em;}
.nr1_p44 li{ padding:1%;}
.nr1_p441{ background:#f9f9f9; padding:7% 8%;}
.nr1_p441 .tt6{ color:#1960ae;}
.nr1_p441 .f16{ margin-top:4%;}

.tit1_p3{ position:relative; line-height:2; padding-bottom:5px; text-align:center}
.tit1_p3:before{ position:absolute; left:calc(50% - 20px); bottom:0; width:40px; height:4px; background:#333477; content: "";}
.nr1_p9 li{ overflow:hidden; clear:both; padding:1% 0;}
.nr1_p91{ overflow:hidden; clear:both; background:#eee;}
.nr1_p92{ float:left; width:35%;}
.nr1_p93{ float:right; width:62%; padding:2% 0;}
.nr1_p94{ position:relative; font-weight:bold; display:block; line-height:2;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
/*.nr1_p94:before{ position:absolute; top:0; right:0; content: "";width:2px; height:100%; background:#333477;}*/
.nr1_p95{ color:#888;}
.nr1_p96{overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; margin:3% 5% 4% 0; color:#777;}

.paginate {padding-right: 2px; padding-left: 2px; padding-bottom: 2px; margin: 7px; padding-top: 2px; font-family: geneva, verdana, sans-serif;color: #fff;}
.paginate a {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #0067b7; text-decoration: none}
.paginate a:hover {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #0067b7}
.paginate a:active {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #0067b7}
.paginate span.pcurrent {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #0787ea}
.paginate span.disabled {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #0067b7; text-decoration: none}




.lx_b{width:100%;height:auto;overflow:hidden;padding-top:5.2vw;}

.lx_b h2{position:relative;font-size:2.2vw;line-height:1.875vw;color:#194e47;text-align:center;}

.lx_b h2:before{content:'';position:absolute;top:50%;left:30%;width:7.8vw;height:1px; background:#dcdcdc;}

.lx_b h2:after{content:'';position:absolute;top:50%;right:30%;width:7.8vw;height:1px; background:#dcdcdc;}

.ly{width:100%;height:auto;overflow:hidden;padding-top:5.2vw;}

.ly p{float:left;width:28%;margin-right:5%;height:48px;line-height:48px;}

.ly p.bg{margin-right:0px;}

.ly p input{width:100%;height:48px;line-height:48px;padding:0px 0.78vw;font-size:0.83vw;background:#f9f9f9;color:#999999;border:1px solid #999;}

.ly p input:hover{border:1px solid rgba(26,70,64,0.8);box-shadow:0px 0px 5px rgba(26,70,64,0.5);}

.ly p input:focus{border:1px solid rgba(26,70,64,0.8);box-shadow:0px 0px 5px rgba(26,70,64,0.5);}

.tj{width:100%;height:auto;overflow:hidden;margin:0 auto;text-align:center;padding-top:5.2vw;}

.tj img{cursor:pointer;max-width:100%;vertical-align:middle;}

.tj img:hover{animation:shake2 2s;}

@media(max-width:768px){



.lx_b{padding-top:15px;}

.ly{padding-top:15px;}

.lxt_z{padding:15px 0px 15px;}

.lx_b h2{font-size:16px;line-height:26px;margin-bottom:0px;}

.lx_t h2{font-size:16px;line-height:26px;margin-bottom:0px;}

.lxt_z p{font-size:14px;line-height:24px;margin-bottom:0px;}

.lx_t h3{font-size:15px;line-height:24px;}

.ly p{float:none;width:100%;margin-right:0%;margin-bottom:10px;}



.qt{ position:relative; width:100%; padding-bottom:50%; height:0; overflow:hidden;}
.bg1,.bg2{ background-size:auto 100%;}

.nr1_p3{ width:96%;}
.tit1{ color:#286895; text-transform: uppercase; float:left;}
.nr1_p33{ float:left; border-bottom:1px solid #286895; display:block;}
.tit2{ float:right; padding:0;width:60%;}
.tit2 ul{ padding:0;}
.nr1_p341,.nr1_p343{ float:left; width:calc(50% - 10px); padding:5px;}
.nr1_p342{ float:left; width:calc(100% - 10px); padding:5px;}
.nr1_p340{ padding:10px; background:#fff;}
.nr1_p343{ margin:2% 0;}
.nr1_p344{ margin:0; line-height:2;}
.nr1_p3401 .nr1_p344{overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; margin:0;}
.ftit_p1{ float:left; width:calc(100% - 120px);}
.ftit_p1 li{ width:33.333%;}
.ftit_p2{ float:right; width:100px;}
.ftit_p12{ display:none;}
.adv1{ padding-bottom:40%; position:relative;}


.nr1_p92{ float:left; width:38%;}
.nr1_p93{ float:right; width:60%; padding:2% 0;}
.nr1_p94{ position:relative; font-weight:bold; display:block; line-height:2;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
/*.nr1_p94:before{ position:absolute; top:0; right:0; content: "";width:2px; height:100%; background:#333477;}*/
.nr1_p95{ color:#888; display:none;}
.nr1_p96{overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; margin:1% 5% 4% 0; color:#777;}
.nr1_p97 img{ height:22px;}



}
@media (min-width:769px) {
.cc1{ display: flex;  justify-content:center;  align-items:Center; text-align:center;}
.qt{ position:relative; width:100%; padding-bottom:36.6%; height:0; overflow:hidden;}
.bg1,.bg2{ background-size:100% auto;}
.bg1{ background:url(../image/bg1.jpg) no-repeat center; background-size: auto 100%;}

.nr1_p1{ float:right; width:50%;}
.nr1_p2{ width:50%; margin:0 auto;}
.nr1_p31{ float:left; width:20%; margin-right:2%; text-align:left;}
.nr1_p32{ float:right; width:78%;}
.ftit_p1{ float:left; width:80%;}
.ftit_p1 li{ float:left; line-height:2; padding-right:80px;}
.nr1_p43{ width:48%;}
.nr1_p44{ margin:0 -1%;}
.nr1_p44 li{ float:left; width:31.333%;}
.nr1_p441 .f16{ line-height:35px; height:70px; overflow:hidden;}



}
@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:18px;}
.tt8{font-size:22px;}
.tt9{font-size:22px;}
.tt9{font-size:24px;}
.tt10{font-size:28px;}
}
@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:22px;}
.tt9{font-size:24px;}
.tt10{font-size:28px;}

}
@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:18px;}
.tt7{font-size:18px;}
.tt8{font-size:24px;}
.tt9{font-size:28px;}
.tt10{font-size:32px;}

}
@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:18px;}
.tt7{font-size:18px;}
.tt8{font-size:24px;}
.tt9{font-size:24px;}
.tt9{font-size:28px;}
.tt10{font-size:32px;}

}
@media (max-width:768px){
.pc{ display:none;}
.app{ display:block;}
.f14{ font-size:12px;}
.f16{ font-size:14px;}
.f18{ font-size:15px;}

.mhj{ height:10px;}
.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:26px;}
.tt8{font-size:28px;}
.tt9{font-size:28px;}
.tt10{font-size:32px;}

.mhj{ height:20px;}
.fl{ float:left;}
.fr{ float:right;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}

.pc{ display:block;}
.app{ display:none;}
.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:26px;}
.tt8{font-size:30px;}
.tt9{font-size:36px;}
.tt10{font-size:48px;}

.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:26px;}
.tt8{font-size:30px;}
.tt9{font-size:36px;}
.tt10{font-size:48px;}
.pc{ display:block;}
.app{ display:none;}
}
@media (min-width:1360px) {	}

.zxns{width:100%;height:auto;overflow:hidden;padding:5.2vw  0;background:#f9f9f9;}

.zx_t{width:100%;height:auto;overflow:hidden;}

.zx_t h2{font-size:1.875vw;line-height:2vw;color:#194e47;margin-bottom:2.08vw;}

.zx_t p{font-size:0.9375vw;line-height:1.5vw;color:#666666;margin-bottom:1.04vw;}

.zx_t p em{font-size:0.9375vw;line-height:1.5vw;color:#194e47;font-weight:bold;}







.zxb{width:100%;height:auto;overflow:hidden;padding-top:3.5vw;position:relative;}

.zxb_img{width:100%;height:auto;overflow:hidden;}

.zxb_img img{width:100%;vertical-align:middle;transition: all 1s ease;}

.zxb_img:hover img{ transform:scale(1.03);}

.zxb_z{position:absolute;bottom:3vw;left:3vw;}

.zxb_z h2{font-size:2vw;line-height:2.5vw;color:#fff;}

.zxb_z p{font-size:1.04vw;line-height:1vw;color:#fff;font-family:Arial, Helvetica, sans-serif;}


@media(max-width:1280px){

.zx_t p{font-size:14px;line-height:24px;color:#666666;margin-bottom:15px;}
.zx_t p em{font-size:14px;line-height:24px;}
}
@media(max-width:1024px){

.zx_t h2{font-size:20px;line-height:28px;margin-bottom:10px;}

.zx_t p{font-size:14px;line-height:24px;margin-bottom:10px;}

.zx_t p em{font-size:15px;line-height:26px;}





.zxns{padding:30px;}

.zxb{padding-top:15px;}

.zxb_z{bottom:30px;left:30px;}

.zxb_z h2{font-size:22px;line-height:30px;}

.zxb_z p{font-size:18px;line-height:20px;}

}

@media(max-width:768px){

.zxns{padding:15px;}

.zxb_z{bottom:30px;left:15px;}

.zxb_z h2{font-size:18px;line-height:28px;}

.zxb_z p{font-size:14px;line-height:18px;}

.zx_t h2{font-size:18px;line-height:28px;margin-bottom:5px;}



}

@media(max-width:414px){

.zxb_z{bottom:20px;left:15px;}

}


