@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; }
@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;}
}
.clear { clear: both; }
/*头部*/ 
.header{width: 100%; z-index: 999;}
.logo_p1{ float:left;}
.tel{ float:right; padding-top:25px;}
.nav { float:right;}
.nav_c{float:left;} 
.nav_c .nav_1{text-align: center; float:left; font-size:16px; padding:20px;}
.nav_1a{ display:block; line-height:50px; font-weight:bold; border-bottom:2px solid #fff;}
.nav_1a i{ width:22px; height:16px;background:url(../images/mt0.png) no-repeat;}
.nav_1:hover .nav_1a{ color:#189c43; border-bottom:2px solid #189c43;}
.nav_1 a.nav_1_a{ color:#189c43; border-bottom:2px solid #189c43;} 
.nav_1:hover .nav_1a i,.nav_1 a.nav_1_a i{background:url(../images/mt1.png) no-repeat;}

.nav_warp { background-color: #fff; position: absolute; top:80px; right:0; min-width:100%; display: none; z-index:99; /*-webkit-transition: all 0.4s ease-in-out;*/  box-shadow:0 0 10px rgba(0, 0, 0, 0.1);} 
.nav_mune1{ margin:1% 2%;}
.nav_warp a{ display:block; float:left; line-height:40px; text-align:center; font-size:14px; padding:0 10px;}
.nav_warp a:hover { -webkit-transition: all 0.4s ease-in-out; color:#189c43;}
.tel{ padding-left:30px; line-height:50px; font-weight:bold;}
.tel a{ color:#f00}

/*面包屑*/ 
.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: #5d74dc; } 
.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: #5d74dc; } 
.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: #5d74dc; } 
.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) { 
.main,.ftit,.link,.foot { width:96%;margin:0px auto;overflow:hidden;clear:both;}
.head,.main2{ width:96%;margin:0 auto;}


.header { width: 100%; display: none;} 
.head_logo { max-width:92%;} 
.head_logo a { display: block; cursor: pointer; padding:0 10px;} 
.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(../images/jl.png) no-repeat; background-position: 96% 17px; list-style: none; } 
.mnav li.mnav_li { background: none; } 
.mnav li.mnav_li1 { border-top: 10px solid #f6f7fe; } 
.mnav li a { width: 100%; display: block; color: #fff; } 
.mnav .mnavhor { border-bottom: 1px solid rgba(255,255,255,0.3);} 
.mnav .mnavhor a { width: 100%; display: block; color: #fff; } 
.mnav .mnavhor dl { display: block; } 
.mnav li dl { z-index: 1000; top: 75px; left: -52px; overflow: hidden; border-top: 1px solid rgba(255,255,255,0.3); width: auto; display: none; } 
.mnav li dl dd { height:40px; line-height:40px; text-align: left; padding-left: 20px; border-bottom: 1px #f2f1f1 dashed; width: auto; } 
.mnav li dl dd.mnav_1 { height: 34px; line-height: 34px; text-align: left; padding-left: 20px; border-bottom: none; width: auto; } 
.mnav .mnavhor dl dd a { color: #000; } 
.mnav .mnavhor dl dd a:hover { color: #0090ff; } 
.mnav .mnavhor dl .mnavdd a { color: #0090ff } 
.mnavdl{ padding:5px 10px; width:calc(100% - 20px); overflow:hidden; font-size:14px; }
.mnavdl a{ border-bottom: 1px dashed rgba(255,255,255,0.3); padding-left:5%;}
.mnavdl a:last-child{ border:none;}

/*漂浮框*/ .side { position: fixed; width: 47px; height: 275px; right: 0; top: 38%; z-index: 100; display: none; } 
.ping_warp { width: 100%; height: auto; overflow: hidden; background-color: #f7f7f7; } 
}

.main,.ftit,.link,.foot { width:92%; max-width:1920px;margin:0px auto;overflow:hidden;clear:both;}
.head,.main2{ width:92%; max-width:1920px;margin:0 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:70%; overflow:hidden;}
.img2{ display:block; position:relative; width:100%; padding-bottom:66.7%; overflow:hidden;}
.img3{ display:block; position:relative; width:100%; padding-bottom:100%; 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,.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 .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(../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;}
.qt .main{ color:#fff; text-align:left;}
.qq_p11{ display:block; border:1px solid #eee; float:left; padding:1% 2%; color:#eee;}
.none {display: none;}

.tit1{ text-align:center; line-height:1.3;}
.tit1_p1{ font-weight:bold;}
.tit1_p1 span{ color:#48bd42;}
.tit1_p2{ color:#a3a3a3; text-transform:uppercase;}
.tit1_p3{ border-bottom:1px dashed #ddd; width:80px; margin:0 auto; height:10px;}

.nr1_p1{ overflow:hidden; clear:both;}
.nr1_p1 li{ float:left; padding:1%; width:23%; text-align:center;}
.nr1 li a{ display:block;}
.nr1_p11{padding-top:5%; display:block;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.nr1_p12{ display:block; width:120px; border:1px solid #ccc; line-height:2.7; margin:10px auto 0 auto; color:#777;}
.bg1{ background:#f5f5f5;}
.tit2{ font-weight:bold; line-height:1.6;}
.tit2_p1{ text-transform:uppercase;}
.tit2_p2{ float:left;}
.more2{ float:right; padding-top:10px;}
.nr1_p3{ overflow:hidden; clear:both; padding:5px; padding-top:0; background:#FFF;}
.nr1_p3 li{ margin-top:5px; background:#189c43;border-bottom-left-radius:8px;border-top-right-radius:8px; line-height:38px; font-size:16px; padding:0 10px;}
.nr1_p3 li a{ color:#fff;}
.nr1_p4{ overflow:hidden; clear:both; margin:-8px -1%;}
.nr1_p4 li{ float:left; width:31.333%; padding:10px 1%;}
.nr1_p4 a{ display:block;}
.nr1_p41{ background:url(../images/ico4.jpg) no-repeat right #736c6b; padding:0 50px 0 10px; font-size:14px; line-height:42px;height:42px; overflow:hidden; color:#fff;}
.bg2{ background:#189c43; color:#fff;}
.nr1_p6 .tt2 p{ text-indent:2em; line-height:2;}
.nr1_p61{ border:2px solid #fff; padding:1% 4%; float:left; color:#FFF; line-height:2.2;}
.kf{ background:url(../images/bg3.png) no-repeat left top #189c43;color:#FFF; padding:3.5% 0 2.5% 0;}
.kf_p1{ float:left; max-width:50%; margin-left:13%; padding-left:2%; position:relative;}
.kf_p1:before{ position:absolute; left:0; top:calc(50% - 20px); width:3px; height:40px; content: ""; background:#8bcda1;}
.kf_p11{ font-weight:bold;}
.kf_p2{ display:block; float:right; padding:1% 3%; font-weight:bold; border:2px solid #fff; color:#FFF; margin-right:5%;}
.fbg{ background:#1f1f1f;}
.bg3{ background:#161616;}
.nr1_p7{ overflow:hidden; clear:both; padding:2%;}
.nr1_p7 li{ float:left; padding:2% 3%; width:26.333%;}
.nr1_p71{ overflow:hidden; clear:both;}
.nr1_p72{ float:left; width:60px; padding:0 20px;}
.nr1_p73{ float:left; padding-left:6%; position:relative; color:#FFF; line-height:2;}
.nr1_p73:before{ position:absolute; left:0; top:calc(50% - 15px); width:2px; height:30px; content: ""; background:#fff;}
.nr1_p74{ color:#707070; font-weight:bold;}
.foot{ text-align:center; color:#a3a3a3;}
.ftit_p1{ float:left; padding:0 3%; max-width:30%;}
.ftit .tt4{ color:#fff;}
.ftit_p1 a{ display:block;}
.ftit_p11{ color:#707070; padding-top:10px;}
.ftit_p11 a{ display:block; color:#707070;}

.ftit_p2{ float:right; padding:0 3%; max-width:30%; text-align:center;}




.tit33{  border-bottom:1px solid #189c43;line-height:36px; overflow:hidden; clear:both; padding-bottom:5px; margin-bottom:15px;font-size:20px;color:#333;}
.tit33 span{ font-size:14px;float:right;}

.tit33 a{ font-size:12px;color:#333;}
.m_leftb{ float:left; width:220px; }
.m_rightb{ float:right; width:900px;  min-height:500px; color:#333} 
.nt{  font-weight:normal; padding:12px 0;margin:0; padding-left:20px; background:#1a3d95 ;font-family:"微软雅黑"; }
.nt a{ font-size:20px; color:#fff; text-decoration:none;}

.nlist{ float:left; width:220px;font-family:"微软雅黑";  }

.nlist>ul{background:#fff; }
.nlist>ul>li{ border-TOP:1px solid #eee; text-align:center;background: #2856ca; }
.nlist>ul>li>div{background:#fff;}
.nlist>ul>li>a{ display:block; height:40px; line-height:40px;font-size:16px; color:#FFF; text-decoration:none;}
.nlist>ul>li>a:hover,.nlist>ul>li.cur a{ background: #337de0; color:#FFF;}
.nlist>ul>li>div{background:#2856ca;line-height:30px;}

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

.neir{ padding:10px; text-align:left; font-size:14px; 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;}
.list_li li{line-height:36px;border-bottom:1px dotted #d4d4d4; font-size:14px;}
.list_li li a{font-size:14px;}
.list_li{}

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

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



.nr11_p4 .pcont {width:100%; max-width:1200px;margin:0px auto;overflow:hidden;clear:both;}
.nr11_p4 .ScrCont { width:32766px; zoom:1;  }
.nr11_p4 #List1_1{float:left;}
.nr11_p4 #List2_1{float:left;}
.left{ position:absolute; top:40%; left:-50px;}
.right{ position:absolute; top:40%; right:-50px;}
.nr11_p4{width:100%; max-width:1200px;margin:0px auto; padding:0 50px; position:relative;}
.nr11_p4 ul{ margin:0 -10px;}
.nr11_p4 li{ float:left; padding:10px; text-align:center;}
.nr11_p40{ border:1px solid #ddd; box-shadow:3px 3px 3px #eee; padding:14px; background:#fff; width:250px;}
.nr11_p41{ display:block; position:relative; width:100%; padding-bottom:60%;}
.nr11_p41 img{ position:absolute; top:0; left:0; width:100%; height:100%;}
.nr11_p42{ display:block; border-top:1px solid #ddd; padding-top:10px; margin-top:10px; display:table; vertical-align:middle; line-height:24px; height:48px; overflow:hidden;}
.nr11_p4 li:hover .nr11_p40{ border:3px solid #204387; padding:12px;}



@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:40%; height:0; overflow:hidden;}
.qq_p1 .tt6{ font-size:16px;}

.nr1_p1 li{ float:left; padding:1%; width:48%; text-align:center;}
.nr1_p6{width:92%; margin:4%;}
.m_left{padding:5px; background:#189c43; color:#fff;}
.m_right{ padding-top:10px;}
.nr1_p3 li{ margin-top:5px; background:#189c43;border-bottom-left-radius:8px;border-top-right-radius:8px; line-height:38px; font-size:14px; padding:0 10px; float:left; width:calc(50% - 30px); margin:5px;}
.ftit_p1{ display:none;}
.ftit_p3{ display: block;}
.nr1_p7 li{ float: none; padding:2% 3%; width:94%;}
.nr1_p4 li{ float:left; width:48%; padding:10px 1%;}
.nr1_p6{ overflow:hidden; clear:both;}


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

.nr55_p2 li{ overflow:hidden; clear:both; line-height:32px; border-bottom:1px dotted #CCC; background:url(../images/tub2.png) left no-repeat; padding-left:20px;}
.nr55_p2 li a{ display:block; float:left; max-width:100%; font-size:14px;color:#333;}
.nr55_p2 li p{ display:none}
}
@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:37%; height:0; overflow:hidden;}
.qq_p1{ width:50%;}
.cc1{ display: flex;  justify-content:center;  align-items:Center; text-align:center;}
.m_left{ float:left; width:262px; padding:10px; background:#189c43; color:#fff;}
.m_right{ float:right; width:calc(100% - 300px);}
.nr1_p5{ float:left; width:50%;}
.nr1_p6{width:80%; margin:5%; text-align:left; overflow:hidden; clear:both;}

}



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


.f_nav{margin:0 auto; text-align:center; width:100%; max-width:640px; min-width:320px; height: 40px; padding: 0 0;background:#5b78de;position:fixed; bottom:0; z-index:999;}
.f_nav a{color: #fff; display: block; text-align: center; width: 33.3%; float: left; margin: 0 auto;font-size: 0.9em;height:40px; line-height:40px; font-weight:bold;}
.f_nav a i{display: block;font-size: 1.8em;line-height: 1.4em;}
.f_nav a span{font-size: 1.5em;}
@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1558879218471'); /* IE9 */
  src: url('iconfont.eot?t=1558879218471#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('iconfont.woff?t=1558879218471') format('woff'),
  url('iconfont.ttf?t=1558879218471') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('iconfont.svg?t=1558879218471#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-shipin:before {
  content: "\e628";
}

.icon-weixin:before {
  content: "\e66a";
}

.icon-shouye:before {
  content: "\e677";
}

.icon-lianxirenweixuanzhong:before {
  content: "\e600";
}

.icon-qq:before {
  content: "\e604";
}

.icon-chanpin:before {
  content: "\e67b";
}

.icon-dianhuazixun:before {
  content: "\e605";
}

.icon-weibo:before {
  content: "\f261";

}


.m-btit{line-height: 25px; padding-left: 12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;border-top:1px solid #d9d9d9; box-shadow:0 1px #fff;color: #333;font-size: 1.1em;font-weight: normal;position:relative; background-color:#f6f6f6;background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eaeaea));background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea); background-image: -moz-linear-gradient(top, #f6f6f6, #eaeaea); background-image: -o-linear-gradient(top, #f6f6f6, #eaeaea); background-image: -ms-linear-gradient(top, #f6f6f6, #eaeaea);background-image: linear-gradient(top, #f6f6f6, #eaeaea);border-bottom:1px solid #d9d9d9;} 
.m-btit:before{content:""; position:absolute;left:0;top:0;width:100%;border-top: 1px solid #fff;}
.m-btit span{padding:0 8px; position:relative; height:100%; top:-12px; display:inline-block;}
.m-btit span:before{content:""; position:absolute;background:#7c7c7c;width:8px; height:8px; left:2px;top:3px;z-index:10;-moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} 
.m-btit span:after{content:""; position:absolute;width:8px; height:8px; left:1px;top:3px;z-index:11; background-color:#f2f2f2;background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#eeeeee));background-image: -webkit-linear-gradient(top, #f2f2f2, #eeeeee);background-image: -moz-linear-gradient(top, #f2f2f2, #eeeeee); background-image: -o-linear-gradient(top, #f2f2f2, #eeeeee); background-image: -ms-linear-gradient(top, #f2f2f2, #eeeeee); background-image: linear-gradient(top, #f2f2f2, #eeeeee); -moz-transform: rotate(45deg);-o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.m-btit a{color: #333; font-size:12px;} 
.g-bd{overflow: hidden;} 
.g-bd{width:100%;height:auto;overflow: hidden;}
.g-bd h3{color: #666;}
.g-bd .m-con { margin-bottom:26px;background: #fff;font-size:18px;line-height: 1.7em; }
.g-bd .m-con dl { border-bottom:1px solid #ffffff; box-shadow:0 1px #e6e6e6; margin-bottom:2px; padding:12px 26px 12px 10px; position:relative;}
.g-bd .m-con dt { float:left;display:block;border:1px solid #ccc; margin-right:11px;width: 130px;height: 110px;}
.g-bd .m-con dt img { display:block;border:1px solid #e2e2e2;width: 100%;height: 100%;}
.g-bd .m-con h3 { height: 24px; line-height: 24px; /*overflow: hidden; */padding-right: 10px; color: #0e7907;margin-left: 0.4em;}
.g-bd .m-con em { float: right;color: #c4c4c4;font-size: 1em;line-height: 2em;}
.g-bd .m-mcon p { font-size:18px;line-height:1.7em; overflow: hidden; color: #000000; padding:5px;}
.g-bd .m-con .s-babg p span{ width: auto; height: auto; background: none; position: relative; right: inherit;top: inherit; display: inline;}
.g-bd .m-con .s-babg p span:before,.g-bd .m-con-2 .s-babg p span:after{ display: none;}


.s-wc{ font-size:16px; color:#000000}
 .m-con-3 { margin-bottom:26px; }
 .m-con-3 a{ display:block;}
.m-con-3 dl { border-bottom:1px solid #ffffff; box-shadow:0 1px #e6e6e6; margin-bottom:2px; padding:12px 36px 12px 10px; position:relative; }
.m-con-3 dt { float:left;display:block; margin-right:11px; }
.m-con-3 dt img { display:block;}
 .m-con-3 h3 { height: 24px; line-height: 24px;/* overflow: hidden; */padding-right: 10px; }
 .m-con-3 p { font-size: 14px; height: 90px; line-height: 20px; margin:5px;  overflow: hidden; color:#999999; }
  .m-con-3 dl span{ display:block; width:9px;height:16px;position:absolute; top:57px;right:3%;}/*切换下面列表箭头样式*/
 .m-con-3 dl span:before{ content:""; /*配合:before这个属性，写 before的时候一定要加上去*/
	position:absolute;
	background:#aaaaaa;
	width:11px;
    height:11px;
    right:0;
	top:0;
	z-indx:10;
	-moz-transform: rotate(45deg);/*角度45度，针对火狐浏览器写的兼容*/
	-o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/
	-webkit-transform: rotate(45deg); /*针对苹果浏览器写的兼容*/
	transform: rotate(45deg);}/*切换下面列表箭头css3样式*/

.m-con-3 dl span:after { content:"";
	position:absolute;
	background:#fff;
	width:11px;
    height:11px;
    right:4px;
	top:0;
	z-indx:11;
	-moz-transform: rotate(45deg);/*角度45度，针对火狐浏览器写的兼容*/
	-o-transform: rotate(45deg);  /*针对欧朋浏览器写的兼容*/
	-webkit-transform: rotate(45deg); /*针对苹果浏览器写的兼容*/
	transform: rotate(45deg);} /*切换下面列表箭头css3样式*/
.m-con-3.s-babg span:after{background:#fafafa;} /*切换下面列表背景颜色样式*/