@charset "gb2312";
html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul,li{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a,a:hover,a:focus{color:inherit;text-decoration:none!important;}
/*******CSS reset*************/
body{position:relative;z-index:-2;background:#fff;color:#333;font-size:14px;font-family:"微软雅黑"; border-left:1px #ffffff solid; border-right:1px #ffffff solid}
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;left:50%;}
.hidden{display:none;}
em,i{ font-style:normal;}
.pr{position:relative;}
.pa{position:absolute;}
.fl{ float:left}  .fr{ float:right}
/********General**********/
.wrap{margin:0 auto;width:100%; overflow-x:hidden;}
/********General**********/
.width { width:calc(100% - 260px); margin:auto; }
@media screen and (max-width:1440px){ .width { width:calc(100% - 180px); margin:auto; }}
@media screen and (max-width:1280px){ .width { width:calc(100% - 110px); }}
@media screen and (max-width:1024px){ .width { width:calc(100% - 20px); } } 

/*header*/
.tel{display:block;line-height:30px;position:absolute;z-index:2; text-align:right; right:20px; top:5px}
.tel a{float:left;height:16px;font-size:14px;color:#666666;padding:0 9px;line-height:16px;position:relative;cursor:pointer;}
.header{ list-style:none; background:url(../images/tbg.jpg) repeat}
.header .inner{height:auto;position:relative;margin:0 auto;}
.header .logo{width:538px; padding:4px 0;}
.header .logo img{width:100%;max-width:538px;}
.header .tzj{width:calc(100% - 840px); margin-left:20px; padding:4px 0;}
.header .tzj img{width:100%;max-width:378px; alignment-baseline:middle;}
.header .call{width:278px; padding:4px 0;}
.header .call img{width:100%}
.header .nav{height:55px;background:#019948;z-index:5;position:relative;margin:0}
.header .nav ul li{float:left;width:calc((100% - 280px) / 6);text-align:center;text-align:center;position:relative;line-height:55px}
.header .nav ul li a{display:block;height:20px;font-size:16px;color:#fff;border-right:1px solid rgb(241,225,194,0.3);line-height:20px; margin-top:18px;}
.header .nav ul li i{position:absolute;width:100%;height:0;background-color:#dfe940;left:0;top:0;z-index:-1;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.header .nav ul li a:hover i{height:50px;}
.header .nav ul li a:hover{color:#019948;}
.header .nav ul .time{float:right;display:block;height:55px;font-size:16px;line-height:55px;width:250px;color:#FFF;}
#menu{ display:none}
@media screen and (max-width:1440px){
.header .tzj{display:none;}
}
@media screen and (max-width:1280px){
.header .logo,.header .call{padding:0;}
}
@media screen and (max-width:1024px){
.tel{display:none;}
.header .inner{text-align:center;}
.header .call{display:none}
.header .nav{display:none}
.header .fl{ float:none;}
.header .logo{ width:100%; margin:0px auto; display:block; text-align:center; padding:0;}
.header .logo img{margin-top:0;display:inline;}
#menu{width:100%; margin:0 auto; position:relative;background:#019948; padding:10px 0 0; height:70px; box-sizing:border-box; display:block}
#menu li{ width:33.333333333%;line-height:20px; height:20px; position:relative; border-right:1px solid #fff; box-sizing:border-box; font-size:14px; font-weight:normal; float:left; text-align:center; overflow:hidden; margin-bottom:10px; }
#menu li:nth-child(3n){border-right:none;}
#menu li a{ display:block;line-height:20px;font-size:14px; height:20px; color:#fff;}
}
@media screen and (max-width:640px){
.header .logo{ display:none}
}

/*header end*/

/*footer*/
.footer{background:#000;margin-top:10px}
.foot{width:100%;padding:10px 0;color:#ffffff;line-height:30px;}
.foot a{color:#ffffff;}
.foot p font{ margin-right:15px }
@media screen and (max-width:768px){
.foot p font{ display:block;text-align:center }
}
@media screen and (max-width:640px){
.footer{padding-bottom:80px; text-align:center;}
.bmy{ display:none;}
.foot{padding:15px 0 0;color:#ffffff;}
.foot .fl,.foot .fr{ float:none;}
.foot p{ margin-bottom:0}
.foot p font{ margin-right:0; display:block;}
}
@media screen and (max-width:480px){
.foot font{display:block;}
}

.fxdb{display:none}
@media screen and (max-width:640px) {
.fxdb{display:block;height:60px;position:fixed;bottom:0px;left:0px;width:100%;z-index:9999;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+440));}
.fxdb li{float:left;list-style:none;height:55px;text-align:center;box-sizing:border-box;width:100%;}
.fxdb li a{display:block;width:94%;text-align:center;margin:0px auto;background:#019948;border-radius:50px;height:50px;box-shadow:0 0 5px #fff;}
.fxdb li img{height:30px;margin-top:10px}
}

.vipb{position:absolute;bottom:3px;right:5px;height:30px;background:url(../images/vip.png) no-repeat center right;padding-right:68px;font-size:20px;color:#e7b144;line-height:35px;text-align:right;z-index:99}
.vipb a{color:#e7b144;font-size:20px;}
@media screen and (max-width:640px) {
.vipb{bottom:62px;right:5px;}	
}
.icon {background:url(../images/icon.png) no-repeat;display:inline-block;vertical-align:middle;} 
.animate-tel {animation:tada 1s linear infinite;transform-origin:50% 50%;-webkit-animation:tada 1s linear infinite;-webkit-transform-origin:50% 50%;-moz-animation:tada 1s linear infinite;-moz-transform-origin:50% 50%;-o-animation:tada 1s linear infinite;-o-transform-origin:50% 50%;-ms-animation:tada 1s linear infinite;-ms-transform-origin:50% 50%;}
@-webkit-keyframes tada {
0% {
-webkit-transform:scale(1);
transform:scale(1);
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
transform:scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform:scale(1) rotate(0);
transform:scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
-ms-transform:scale(0.9) rotate(-3deg);
transform:scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
-ms-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
-ms-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform:scale(1) rotate(0);
-ms-transform:scale(1) rotate(0);
transform:scale(1) rotate(0);
}
}
/*footer end*/

/*首页*/

/*Banner*/
.fullSlide { width:100%; position:relative; overflow:hidden;height:700px;} 
.fullSlide .bd { margin:0 auto; position:relative; z-index:0; overflow:hidden; } 
.fullSlide .bd ul { width:100% !important; }
.fullSlide .bd li { width:100% !important; overflow:hidden; text-align:center; background-position:center top; background-repeat:no-repeat; background-size:cover;height:700px; } 
.fullSlide .bd li a { display:block;height:700px; } 
.fullSlide .hd { width:100%; position:absolute; z-index:1; bottom:20px; left:0; height:20px; line-height:20px; } 
.fullSlide .hd ul { text-align:center; }
.fullSlide .hd ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:20px; height:20px; margin:5px; border-radius:20px; overflow:hidden; background:rgb(255,255,255,0.5); line-height:999px;} 
.fullSlide .hd ul .on { background:#ffffff;} 

.fullSlide .prev,.fullSlide .next { display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:5%; z-index:1; width:40px; height:60px; cursor:pointer;/* filter:alpha(opacity=50); opacity:0.5; */display:none; width:73px; height:73px; } 
.fullSlide .prev { background:url(../images/left1s.png) no-repeat; }
.fullSlide .next { left:auto; right:5%; background:url(../images/right1s.png) no-repeat; }
.s_ban { display:none;} 
@media screen and (max-width:1440px){
.fullSlide {height:660px;} 
.fullSlide .bd li{height:660px;}
.fullSlide .bd li a {height:660px; } 
}
@media screen and (max-width:1280px){
.fullSlide {height:580px;} 
.fullSlide .bd li{height:580px;}
.fullSlide .bd li a {  height:580px; } 
}
@media screen and (max-width:1024px){
.fullSlide {height:560px;} 
.fullSlide .bd li{height:560px;}
.fullSlide .bd li a {  height:560px; } 
}
@media screen and (max-width:992px){
.fullSlide {height:450px;} 
.fullSlide .bd li{height:450px;}
.fullSlide .bd li a {  height:450px; } 
}
@media screen and (max-width:768px){
.fullSlide {height:380px;} 
.fullSlide .bd li{height:380px;}
.fullSlide .bd li a {  height:380px; } 
.fullSlide .hd ul li { width:15px; height:15px; border-radius:15px;} 
}
@media screen and (max-width:640px){
.fullSlide { display:none;} 
.s_ban{ display:block;width:100%;}
.s_ban img{ display:block;width:100%;}
}

/**/
.Toubu{width: 100%;background:url(../images/Toubu.jpg) no-repeat center top; max-height:610px;}
.root {width: 100%;height: 149px;position: relative;}
.root dl{position:relative;}
.root dt {float: left;margin-top: -76px;width:260px;height: 225px;}
.root dt img {display: block;width: 251px;height: 225px; z-index:19999; position:relative}
.root .wzgg {padding-top:10px;position: relative;height: 113px;width:calc(100% - 280px);float: right;font-size: 15px;color: #555555;line-height: 34px;text-indent: 2em;}
.root .wzgg p { display:inline}
.root .wzgg p em {font-weight: bold;}
.root .wzgg h1{ font-size: 15px;display:inline; font-weight:normal}
.root .wzgg h2{font-size: 15px; display:inline; font-weight:normal}
.root .wzgg h3{font-size: 15px; display:inline; font-weight:normal}
.root .wzgg span{ display:inline; font-weight:normal}
.root .wzgg i {display: block;position: absolute;right: 0;bottom:-22px;width: 120px;height: 37px; color:#FFFFFF;background:#e3c771;}
.root .wzgg img {display: block;width: 26px;height: 20px;}
.wzgg{display:inline}
.wzgg_bt{display:inline}
@media only screen and (max-width:1440px) { 
.root .wzgg i{ bottom:-12px}
}
@media only screen and (max-width:1680px) { 
.root dt{ margin-top:-57px}
}
@media only screen and (max-width:1200px) { 
.root .wzgg{ width:69%} 
.root .wzgg{ height:140px}
}
@media only screen and (max-width:1024px) { 
.root .wzgg{ height:130px}
.root dt{ margin-top:-33px}
.root .wzgg i{ display:none}
}
@media only screen and (max-width:850px) { 
.root .wzgg{ line-height:27px;}
}
@media only screen and (max-width:768px) { 
.Toubu{ display:none}
}
.mainsytj{ padding:0; }
.mainsytj_top{ text-align:center; margin-bottom:0; }
.mainsytj_top dt{ font-size:30px; line-height:60px; color:#295592 ;font-weight: bold}
.mainsytj_top dt i{ height:90px; overflow:hidden; width:100%; display:block; display:none}
.mainsytj_top dd{ font-size:18px; line-height:40px; color:#999; text-transform:uppercase; font-weight:normal }
.mainsytj_top p{ background:#295592; height:2px; width:40px; margin: 0 auto; display: none} 

@media only screen and (max-width:1200px) {   
.mainsytj_top dt{ font-size:30px; line-height:40px; } 
}
@media only screen and (max-width:850px) {   
.mainsytj_top dt{ font-size:24px; line-height:40px; } 
}
@media only screen and (max-width:768px) {  
.mainsytj_top{ background:url(../images/mainsytj_topbj.jpg) no-repeat center top;background-size:cover;}  
}
@media only screen and (max-width:414px) {   
.mainsytj{ display:none; }
} 
/**/
.gui_tit{font-size:36px;color:#333;text-align:center;line-height:40px; padding:15px 0;overflow:hidden;font-weight:normal;width:100%; overflow:hidden;}
.gui_tit a{color:#333;}
.gui_tit a:hover{color:#009b4c;}
.gui_tit span{font-size:20px;color:#888; padding-left:20px;}
@media screen and (max-width:1024px){
.gui_tit{font-size:36px;line-height:40px;height:50px;}
.gui_tit span{ display:none;}
}
@media screen and (max-width:640px){
.gui_tit{font-size:32px;line-height:36px;height:40px;}
}

@media screen and (max-width:390px){
.gui_tit{font-size:27px;line-height:32px;height:35px;}
}

/**/
.g_pz{ padding-top:10px;overflow:hidden;margin:0 auto;}
.m_pz{ list-style:none; padding-top:10px;}
.m_pz li{float:left;width:9.1%; margin-right:1%; background:#019948; height:50px; border-radius:8px; text-align:center; box-sizing:border-box; line-height:50px;}
.m_pz li:nth-child(10){ margin-right:0;} 
.m_pz li a{ font-size:16px; color:#FFF;}
.m_pz li:hover a{color:#dfe940;}
@media screen and (max-width:1024px){
.m_pz li{width:19.2%; margin-bottom:8px;}
.m_pz li:nth-child(5){ margin-right:0;} 
}
@media screen and (max-width:768px){
.m_pz li a{ font-size:14px;}
}
@media screen and (max-width:640px){
.m_pz li{width:49%; margin-right:2%;height:42px;line-height:42px;}
.m_pz li:nth-child(5){ margin-right:2%;} 
.m_pz li:nth-child(2n){ margin-right:0;} 
.m_pz li a{ font-size:16px;}
}

/**/
.pro_view { width:100%; margin-top:20px; } 
.pro_view ul li { float:left; width:23.5%; box-sizing:border-box; margin:0 2% 5px 0;} 
.pro_view ul li > a { display:block;width:100%;height:0; position:relative; padding-bottom:100%;transition:all 0.3s ease 0.1s;overflow:hidden; } 
.pro_view ul li > a > img {width:100%;height:100%;position:absolute; top:0; left:0;transition:all 0.3s ease-in-out; } 
.pro_view ul li .pro_txt { width:100%; font-size:16px; color:#222222; line-height:30px; padding-bottom:5px; box-sizing:border-box; margin-top:5px; } 
.pro_view ul li .pro_txt > a { display:block; width:100%; height:100%; color:#222222; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; box-sizing:border-box; text-align:center;} 
.pro_view ul li:hover > a > img { transform:scale(1.1); } 
.pro_view ul li:hover .pro_txt > a { color:#019948; padding-left:5px; } 
.pro_view ul li:nth-child(4n) { margin-right:0; } 
@media screen and (max-width:1024px){ 
.pro_view ul li { width:32%; } 
.pro_view ul li:nth-child(4n) { margin-right:2%; } 
.pro_view ul li:nth-child(3n) { margin-right:0; } 
}
@media screen and (max-width:640px){ 
.pro_view ul li { width:49%; } 
.pro_view ul li:nth-child(3n) { margin-right:2%; } 
.pro_view ul li:nth-child(2n) { margin-right:0; } 
} 
@media screen and (max-width:480px){ 
.pro_view { margin-top:0px; } 
}

/**/
.in-xcy {background:url(../images/bj_incont.jpg) no-repeat center; background-size:cover;color:#fff; padding:25px 0;}
.in-xcy .sytit {float:left;}
.in-xcy .t1 {font-size:36px;}
.in-xcy .t2 {font-size:24px;margin-top:20px; letter-spacing:3px;}
.in-xcy .t2 span { font-weight:550;}
.in-xcy .sytel {float:right;text-align:right;}
.in-xcy .sytel strong {display:block;font-size:28px;margin:5px 0;}
.in-xcy .sytel .btn {display:inline-block;line-height:40px;width:100px;text-align:center;background-color:#fff;color:#019948;transition:all 0.5s;}
.in-xcy .sytel .btn:hover {background-color:#dfe940;}
@media screen and (max-width:1280px){ 
.in-xcy .sytel { display:none;}
}
@media screen and (max-width:768px){ 
.in-xcy {background:url(../images/bj_incont.jpg) no-repeat left center;}
.in-xcy .sytit {float:none; display:block; text-align:center;}
}
@media screen and (max-width:640px){ 
.in-xcy .t1 {font-size:28px;}
.in-xcy .t2 {font-size:20px;}
}
@media screen and (max-width:480px){ 
.in-xcy .t1 {font-size:22px;}
.in-xcy .t2 {font-size:18px;letter-spacing:0px;}
}
@media screen and (max-width:380px){ 
.in-xcy {padding:25px 0;}
.in-xcy .t1 {font-size:17px;}
.in-xcy .t2 {font-size:14px;margin-top:10px;}
}

/*优势*/
.super{margin-top:20px;background:url(../images/ys_bg.jpg) no-repeat center 173px;position:relative; padding-bottom:20px;}
.super .width{ position:relative;}
.super:before{ content:""; position:absolute; top:120px; left:0; width:100%; height:1px; background:#efefef; z-index:-1;}
.supert{ height:134px;margin-top:0px;}
.supert h3{ width:25%;float:left;font:20px "Microsoft YaHei UI";text-align:center;color:#020000;background:url(../images/y_hover1.png) no-repeat center 53px;}
.supert h3 em{ display:block; font:60px Arial, Helvetica, sans-serif; font-weight:bold; color:#d3d3d3; height:45px; margin-bottom:35px; overflow:hidden;}
.supert h3:last-child{ margin-right:0;}
.supert .cur{background:url(../images/y_hover2.png) no-repeat center 53px;}
.supert .cur em{ color:#019948;}
.super dl{position:relative;height:320px;background:#fff;margin-top:10px; overflow:hidden;}
.super dl dt{width:960px;height:320px;line-height:0;overflow:hidden;position:absolute;top:0;left:50%;}
.super dl dt img{width:960px;height:517px; margin-top:-100px;}
.super dl dd{width:40%;float:left;padding:55px 0 0 55px; box-sizing:border-box;}
.super dl dd h5{height:90px;border-bottom:#d6d6d6 2px solid;width:100%;display:inline-block;font-size:30px;color:#333;}
.super dl dd em{width:46px;height:46px;display:block;float:left;line-height:0;margin:6px 15px 0 0;}
.super dl dd em img{width:46px;height:46px;}
.super dl dd span{display:block;float:left;line-height:32px;}
.super dl dd i{display:block;font-size:16px;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;}
.super dl dd b{width:60px;height:50px;display:block;float:right;line-height:0;}
.super dl dd b img{width:60px;height:50px;}
.super dl dd p{font-size:16px;color:#333;padding:20px 0 0;line-height:30px;}

.liuc{overflow:hidden; padding-top:50px;}
.liuc h4{ display:none;font-size:30px;color:#fff;height:90px;line-height:28px;position:relative;padding:0 0 0 20px;}
.liuc h4 i{display:block;font-size:12px;text-transform:uppercase;font-weight:normal;color:rgba(255,255,255,0.3); font-family:Arial, Helvetica, sans-serif;}
.liuc h4:before{content:"";width:6px;height:38px;background:#fff;position:absolute;top:5px;left:0;}
.liuc ul li{font-size:16px;color:#fff;float:left;position:relative;height:130px;padding:10px 0 0 30px;width:12.5%;line-height:26px; box-sizing:border-box;}
.liuc ul li:before{content:"";width:1px;height:100%;background:#dfdfdf;position:absolute;top:0;left:0;}
.liuc ul li:after{content:"";width:0;height:0;position:absolute;top:50%;left:0;margin-top:-8px;border-left:8px solid #dfdfdf;border-top:8px solid transparent;border-bottom:8px solid transparent;}
.liuc ul li em{width:38px;height:36px;display:block;line-height:0;overflow:hidden;margin-bottom:10px;}
.liuc ul li em img{width:38px;height:36px;}
.liuc ul li i{display:block;font-size:12px;text-transform:uppercase;font-weight:normal;color:rgba(255,255,255,0.5); font-family:Arial, Helvetica, sans-serif;}
.liuc ul li:hover{font-weight:bold;}
.liuc ul li.liuc_li02{width:140px;}

@media screen and (max-width:1024px){ 
.super:before{top:205px;}
.super:after{ content:""; position:absolute; top:880px; left:0; width:100%; height:350px; background:url(../images/ys_bg.jpg) repeat-y; z-index:-1;}
.super dl{ position:inherit!important;width:49%!important; float:left!important; display:block!important; margin-right:2%;height:350px;}
.super dl:nth-child(2n){margin-right:0;}
.super dl dt{ display:none;}
.super dl dd{width:100%;padding:15px;}
.super dl dd h5{margin:0; padding:0;}
.liuc{ padding-bottom:30px; background:#019948}
.liuc ul li{width:25%; margin-bottom:15px;}
}
@media screen and (max-width:768px){ 
.super{margin-top:0px;background:#019948; padding-top:20px;}
.super:before,.super:after{ display:none;}
.super .gui_tit a{color:#fff;}
.super .gui_tit a:hover{color:#dfe940;}
.super .gui_tit span{color:rgb(255,255,255,0.8);}
.supert{ display:none;}
.super .cp_t a{color:#fff;}
.super .cp_t em{color:#fff;} 	
.super dl{height:382px; margin-top:20px;}
.super dl dd h5{ font-size:24px;}
.liuc{ padding-bottom:0px;}
}
@media screen and (max-width:640px){ 
.super dl{height:460px;}
.super dl dd h5{ font-size:22px;}
.super dl dd b{ display:none;}
}

@media screen and (max-width:480px){ 
.super dl{height:auto; width:100%!important; margin-right:0!important;}
.super dl dd h5{ font-size:22px;height:70px;}
.super dl dd b{ display:none;}
.super dl dd p{font-size:15px;}
.liuc{ display:none;}
}

/**/
.about{ margin:40px auto;} 
.aboutl{width:600px}
.aboutl li{float:left;width:200px;text-align:center}
.aboutl li .txt{height:130px;padding:30px;padding-top:40px; background:#f5f5f5;}
.aboutl li h4{font-size:18px;position:relative;padding-bottom:20px;margin-bottom:15px}
.aboutl li h4:after{content:"";position:absolute;left:50%;bottom:0;background:#019948;height:1px;width:30px;margin-left:-15px}
.aboutl li p{color:#333;}
.aboutl li .pic{display:block;width:200px;height:200px;overflow:hidden}
.aboutl li img{width:200px;height:200px;transition:all .5s}
.aboutl li:hover img{transform:scale(1.1)}
.about-con{width:calc(100% - 630px);} 
.about-bt{color:#019948;font-size:30px;font-weight:bold;} 
.about-bt p{ color:#959595;font-size:16px;font-weight:normal;} 
.about-diao{ margin-top:20px;line-height:36px;color:#2b2b2b;font-size:16px;height:256px;overflow:hidden;} 
.about-m{width:200px;height:46px;line-height:46px;text-align:center;background:#019948;color:#fff;border-radius:23px;display:inline-block; margin-top:18px; font-size:16px;}
.about-m:hover{animation:shake .8s linear;-webkit-animation:shake .8s linear;}
@media screen and (max-width:1280px){
.aboutl{width:540px}
.aboutl li{width:180px;}
.aboutl li .txt{height:110px;}
.aboutl li .pic{width:180px;height:180px;}
.aboutl li img{width:180px;height:180px;}
.about-con{width:calc(100% - 560px);} 
.about-diao{height:216px;} 
.about-bt{font-size:27px;} 
}
@media screen and (max-width:1024px){
.about{ margin-top:0;} 
.aboutl{ display:none;} 
.about-con{width:100%;} 
.about-diao{height:auto; line-height:30px; margin-top:10px;} 
}
@media screen and (max-width:768px){
.about{ margin-top:30px;} 
}
@media screen and (max-width:480px){
.about-bt{font-size:24px;} 
}
@media screen and (max-width:380px){
.about-bt{font-size:19px;} 
.about-diao{font-size:14px;}
}

/**/
.yz{height:auto;padding:10px 0 50px;}
.yz li{float:left;margin-right:2%;width:23.5%;position:relative;}
.yz li:nth-child(4){margin-right:0;}
.yz li em{display:block;width:100%;height:0; position:relative; padding-bottom:75%;transition:all 0.3s ease 0.1s;overflow:hidden; }
.yz li img{width:100%;/*height:100%;*/position:absolute; top:-12%; left:0}
@media (max-width:991px){
.yz li{width:32%;}
.yz li:nth-child(3){margin-right:0;}
.yz li:nth-child(4){ display:none;}
}
@media (max-width:480px){
.yz li{width:49%;}
.yz li:nth-child(2){margin-right:0;}
.yz li:nth-child(3){ display:none;}
}

/**/
.snews{padding:20px 0 0;overflow:hidden; border-top:5px #f0f0f0 solid;}
.nMenu{text-align:center;font-size:18px;margin-bottom:30px}
.nMenu a{width:150px;height:40px;line-height:40px;color:#333;display:inline-block;border-radius:25px}
.nMenu a.on,.nMenu a:hover{background:#dd1e32;color:#fff}
.newsMain{overflow:hidden; margin-top:15px;}
.newsL{width:585px;overflow:hidden}
.newsL .nImg{width:585px;height:210px;overflow:hidden;display:block}
.newsL img{width:585px;height:210px;transition:all .5s}
.newsL .txt{padding:20px;background:#fff}
.newsL .date{display:block}
.newsL .date font{float:right;color:#009b4c}
.newsL h4{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;margin-bottom:15px}
.newsL h4 a{color:#333}
.newsL h5{ height:72px; line-height:24px; overflow:hidden; font-weight:normal;font-size:14px;}
.newsL .date a:hover,.newsL h4 a:hover{color:#dd1e32}
.newsL:hover img{transform:scale(1.1)}
.newsR{width:calc(100% - 600px);overflow:hidden; box-sizing:border-box;}
.newsR li{height:51px;line-height:51px;border-bottom:1px dotted #e3e3e3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; width:49%; float:left;margin-right:2%;}
.newsR li:nth-child(2n){ margin-right:0;}
.newsR li a{background:url(../images/ly_li.png) no-repeat left center;padding-left:10px;display:block}
.newsR li font{ width:calc(100% - 80px);display:block; overflow:hidden}
.newsR li span{float:right; width:78px; overflow:hidden;color:#999}
.newsR li a:hover{background:#019948 url(../images/ly_li.png) no-repeat 8px center;padding-left:18px;color:#fff;padding-right:8px}
.newsR li a:hover span{color:#fff}
@media screen and (max-width:1440px){
.newsR li{width:100%;margin-right:0;}
.newsR li:nth-child(n+11){ display:none;}
}
@media screen and (max-width:1280px){
.newsL{width:550px;overflow:hidden}
.newsL .nImg{width:550px;}
.newsR{width:calc(100% - 565px);}
}
@media screen and (max-width:1024px){
.newsL{ display:none}
.newsR{width:100%;}
.newsR li{ width:49%;margin-right:2%;}
}
@media screen and (max-width:640px){
.newsR li{width:100%;margin-right:0;}
.newsR li:nth-child(n+7){ display:none;}
}
@media screen and (max-width:380px){
.newsR li font{ width:100%;}
.newsR li span{display:none;}
}
/**/
.more { display:block; width:210px; text-align:center; height:58px; line-height:58px; position:relative; } 
.more::before { position:absolute; content:""; width:100%; height:53px; background:#019948; top:0px; left:0px; z-index:1; transition:all 0.8s ease-in-out; } 
.more::after { position:absolute; content:""; width:170px; height:58px; background:linear-gradient(-45deg, transparent 40px, #171717 0); top:0px; left:0px; z-index:2; transition:all 0.8s ease-in-out; } 
.more span { color:#ffffff; font-size:16px; position:relative; z-index:3; }
.more:hover::after { width:116px; } 

.s_gg { background:url(../images/wbj.jpg) no-repeat center;background-size:cover; background-attachment:fixed; padding:25px 0px; overflow:hidden;} 
.s_gg .s_gg-box .left { width:calc(100% - 480px); float:left} 
.s_gg .s_gg-box .left img{ width:100%; max-width:923px;} 
.s_gg .s_gg-box .right { float:right; width:446px; } 
.s_gg .s_gg-box .right>h1 { margin:0px; color:#ffffff; font-size:36px; font-weight:bold; position:relative; text-align:right; text-transform:uppercase; } 
.s_gg .s_gg-box .right>h1::before { position:absolute; content:""; width:48px; height:4px; background:#019948; right:0px; top:75px; } 
.s_gg .s_gg-box .right .ri_box { width:100%; height:400px; border:14px solid rgba(255, 255, 255, 0.2); margin-top:115px; position:relative; padding-top:50px; padding-left:30px; padding-right:30px; transition:all 0.4s ease-in-out; background:rgba(0,0,0,0.2);box-sizing:border-box;} 
.s_gg .s_gg-box .right .ri_box p { color:#ffffff; font-size:16px; margin-top:30px; } 
.s_gg .s_gg-box .right .ri_box p span { color:#ffffff; font-size:20px; font-weight:bold; } 
.s_gg .s_gg-box .right .ri_box .more{ margin-top:50px; } 
@media screen and (max-width:1440px){
.s_gg .s_gg-box .left { width:calc(100% - 420px);} 
.s_gg .s_gg-box .right {width:400px; } 
.s_gg .s_gg-box .right .ri_box { padding-top:20px;} 
}
@media screen and (max-width:1280px){
.s_gg .s_gg-box .left {margin-top:50px;}
}
@media screen and (max-width:1024px){
.s_gg .s_gg-box .left { display:none;}
.s_gg .s_gg-box .right {width:100%; } 
.s_gg .s_gg-box .right>h1 {text-align:center;} 
.s_gg .s_gg-box .right>h1::before {right:calc(50% - 24px);}
.s_gg .s_gg-box .right .ri_box {height:auto; margin-top:40px;padding:10px;} 
.s_gg .s_gg-box .right .ri_box p {margin-top:0px; line-height:33px; } 
}
@media screen and (max-width:640px){
.s_gg .s_gg-box .right>h1 {font-size:32px;} 
.s_gg .s_gg-box .right .ri_box .more{ display:none; } 
}
@media screen and (max-width:480px){
.s_gg {padding:15px 0px;} 
.s_gg .s_gg-box .right .ri_box {border:8px solid rgba(255, 255, 255, 0.2);} 
}
@media screen and (max-width:390px){
.s_gg .s_gg-box .right>h1 {font-size:30px;} 
}
/**/
.case{padding:40px 0 0;}
.case_l{width:100%; margin-top:10px;}
.case_l ul li{width:24.5%;float:left;line-height:0;position:relative;overflow:hidden;margin-bottom:15px;}
.case_l ul li img{display:block;width:100%;}
.case_l ul li p{width:calc(100% - 60px);position:absolute;bottom:0;left:0;font-size:18px;color:#fff;height:32px;line-height:32px;padding:16px 10px 16px 50px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:rgb(0,0,0,0.6);}
.line-scale-pulse-out{ display:block; position:absolute;bottom:20px;left:0;line-height:0;width:32px;margin-left:16px;}
.line-scale-pulse-out > i { background-color:#fff; width:2px; height:24px; border-radius:2px; margin:0 1px 0 0; -webkit-animation-fill-mode:both; animation-fill-mode:both; display:inline-block; -webkit-animation:line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85); animation:line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85); }
.line-scale-pulse-out > i:nth-child(2), .line-scale-pulse-out > i:nth-child(4) { -webkit-animation-delay:0.2s !important; animation-delay:0.2s !important; } 
.line-scale-pulse-out > i:nth-child(1), .line-scale-pulse-out > i:nth-child(5) { -webkit-animation-delay:0.4s !important; animation-delay:0.4s !important; } 
.case_l ul li em{width:24px;height:6px;display:block;float:right;line-height:0;padding:10px 0 0;}
.case_l ul li em img{width:24px;height:6px;}
.case_l ul li:nth-child(2n){margin-left:51%;}
.case_c{width:50%;position:absolute;top:110px;left:25%;}
.case_c dl{width:100%; position:relative;}
.case_c dl dt{width:100%;height:100%;line-height:0;overflow:hidden;}
.case_c dl dt img{display:block;width:100%;}
.case_c dl dd{width:80%;position:absolute;bottom:0;left:0;font-size:18px;color:#fff;height:32px;line-height:32px;padding:16px 6% 16px 14%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:rgb(0,0,0,0.6);}
.case_c dl dd em{width:24px;height:6px;display:block;float:right;line-height:0;padding:10px 0 0;}
.case_c dl dd em img{width:24px;height:6px;}
@media screen and (max-width:1440px){
.case_l ul li{margin-bottom:12px;}
}
@media screen and (max-width:1280px){
.case_l ul li p{font-size:16px;}
}
@media screen and (max-width:1024px){
.case_c{ display:none;}
.case_l{margin-top:20px;}
.case_l ul li{width:49%; margin-right:2%;}
.case_l ul li:nth-child(2n){margin-left:0; margin-right:0;}
}
@media screen and (max-width:480px){
.case{padding:10px 0;}
.case_l{margin-top:10px;}
}
@media screen and (max-width:380px){
.case .gui_tit{font-size:24px;}
}

/**/
@-webkit-keyframes line-scale-pulse-out {
  0% {
    -webkit-transform:scaley(1);
            transform:scaley(1); }

  50% {
    -webkit-transform:scaley(0.4);
            transform:scaley(0.4); }

  100% {
    -webkit-transform:scaley(1);
            transform:scaley(1); } }

@keyframes line-scale-pulse-out {
  0% {
    -webkit-transform:scaley(1);
            transform:scaley(1); }

  50% {
    -webkit-transform:scaley(0.4);
            transform:scaley(0.4); }

  100% {
    -webkit-transform:scaley(1);
            transform:scaley(1); } }

/**/
.news_bg{padding:20px 0 0;background:#f5f5f5;}
.news_l{width:65%;padding:10px 0 0;}
.news_tit{height:45px;line-height:45px;overflow:hidden;border-bottom:#dcdcdc 1px solid;position:relative;}
.news_tit:before{content:"";width:3px;height:45px;background:#009b4c;position:absolute;top:14px;left:0;}
.news_tit a{font-size:18px;color:#333;padding-left:10px;}
.news_tit a:hover,.news_l dl dd h5 a:hover,.wd dl dt a:hover{ color:#009b4c;}
.news01{padding:26px 0;width:100%;border-bottom:#dcdcdc 1px dashed;height:150px;overflow:hidden;}
.news01 dl dt{width:35.56%;overflow:hidden;line-height:0;float:left; height:150px;}
.news01 dl dt img{display:block;width:100%;}
.news01 dl dd{width:60%;float:right;padding:7px 0 0;}
.news01 .news_r{width:68.5%;float:left;padding:0 7.5% 0 0;}
.news01 dl dd h5{height:20px;line-height:20px;overflow:hidden;font-weight:normal;}
.news01 dl dd h5{font-size:14px;color:#333;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width:100%;}
.news01 .news_desc,.news02 dl dd{line-height:25px; height:50px;overflow:hidden;padding:5px 0 0;}
.news01 dl dd em{color:#fff;display:block;width:110px; padding:0 20px; height:40px;line-height:40px;overflow:hidden;border-radius:30px;background:#009b4c; margin-top:20px;}
.news01 dl dd em i{height:8px;display:block;float:right;line-height:0;padding:13px 0 0;}
.news01 dl dd em i img{height:8px;}
.news01 dl dd em:hover{animation:shake .8s linear;-webkit-animation:shake .8s linear;}
.news01 dl dd span{display:block;float:left;height:4rem;width:22.22%; font-size:0.8rem;line-height:2rem;padding:0.8rem 0 0;color:#333; font-family:Arial, Helvetica, sans-serif;text-align:center;margin-top:1rem;position:relative;}
.news01 dl dd span:before{content:"";width:0.1rem;height:3rem;background:#d2d2d2;position:absolute;top:1.1rem;left:0;}
.news01 dl dd span b{display:block;font-size:2.5rem;}
.news02{width:100%;overflow:hidden;}
.news_qie{width:50%;float:left;}
.news02 dl{width:49%;height:90px;padding:15px 0 0 0; margin-right:2%;float:left;}
.news02 dl:nth-child(2n){margin-right:0;}
.news02 dl dt{font-size:16px;color:#333;display:block;height:30px;line-height:30px;width:calc(100% - 15px);padding-left:15px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;position:relative;}
.news02 dl dt:before{content:"";width:6px;height:6px;background:#fff;position:absolute;top:10px;left:0;border:#009b4c 2px solid;border-radius:50%;}
.news02 dl dt:hover{color:#009b4c;}
.news02 dl dd{padding:5px 0 0 15px;}
.news02 dl dd,.wd dl dd{display:block;}

.wd{width:32%;padding:10px 0 0;}
.wd_m{overflow:hidden;}
.wd li{height:39px;line-height:39px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.wd li a{background:url(../images/ly_li.png) no-repeat left center;padding-left:10px;display:block}
.wd li a font{ width:calc(100% - 80px); overflow:hidden}
.wd li span{float:right;margin-left:25px;color:#999}
.wd li a:hover{background:#019948 url(../images/ly_li.png) no-repeat 8px center;padding-left:18px;color:#fff;padding-right:8px}
.wd li a:hover span{color:#fff}
@media screen and (max-width:1280px){
.wd li a font{ width:100%}
.wd li span{ display:none;}
}
@media screen and (max-width:1024px){
.news_l{width:100%;}
.wd{ display:none;}
}
@media screen and (max-width:640px){
.news_bg{ padding-top:8px;}
.news_tit{display:none;}
.news01{display:none;}
.news02 dl{width:100%; margin-right:0;}
.news02 dl:nth-child(n+4){ display:none;}
}


@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}
/*首页end*/


/*内页*/
.f-cb:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb{zoom:1;}
.span-1{float:left;margin-right:2%;width:6.33333333%;transition:.2s width ease;}
.span-2{float:left;margin-right:2%;width:14.66666667%;transition:.2s width ease;}
.span-3{float:left;margin-right:2%;width:23%;transition:.2s width ease;}
.span-4{float:left;margin-right:2%;width:31.33333333%;transition:.2s width ease;}
.span-5{float:left;margin-right:2%;width:39.66666667%;transition:.2s width ease;}
.span-6{float:left;margin-right:2%;width:48%;transition:.2s width ease;}
.span-7{float:left;margin-right:2%;width:56.33333333%;transition:.2s width ease;}
.span-8{float:left;margin-right:2%;width:64.66666667%;transition:.2s width ease;}
.span-9{float:left;margin-right:2%;width:73%;transition:.2s width ease;}
.span-10{float:left;margin-right:2%;width:81.33333333%;transition:.2s width ease;}
.span-11{float:left;margin-right:2%;width:89.66666667%;transition:.2s width ease;}
.span-12{float:left;margin-right:2%;width:98%;transition:.2s width ease;}
@media only screen and (max-width:1024px){
.midd-1{width:6.33333333%;}
.midd-2{width:14.66666667%;}
.midd-3{width:23%;}
.midd-4{width:31.33333333%;}
.midd-5{width:39.66666667%;}
.midd-6{width:48%;}
.midd-7{width:56.33333333%;}
.midd-8{width:64.66666667%;}
.midd-9{width:73%;}
.midd-10{width:81.33333333%;}
.midd-11{width:89.66666667%;}
.midd-12{width:98%;}
.midd-13{width:106.33333333%;}
.midd-14{width:114.66666667%;}
.midd-15{width:123%;}
.midd-16{width:131.33333333%;}
.midd-17{width:139.66666667%;}
.midd-18{width:148%;}
.midd-19{width:156.33333333%;}
.midd-20{width:164.66666667%;}
.midd-21{width:173%;}
.midd-22{width:181.33333333%;}
.midd-23{width:189.66666667%;}
.midd-24{width:198%;}
.midd-hide{display:none!important;}
.midd-center{position:relative;left:-1%;float:none;clear:both;display:block;margin-right:auto;margin-left:auto;}
}
@media only screen and (max-width:640px){
.smal-1{width:6.33333333%;}
.smal-2{width:14.66666667%;}
.smal-3{width:23%;}
.smal-4{width:31.33333333%;}
.smal-5{width:39.66666667%;}
.smal-6{width:48%;}
.smal-7{width:56.33333333%;}
.smal-8{width:64.66666667%;}
.smal-9{width:73%;}
.smal-10{width:81.33333333%;}
.smal-11{width:89.66666667%;}
.smal-12{width:98%;}
.smal-13{width:106.33333333%;}
.smal-14{width:114.66666667%;}
.smal-15{width:123%;}
.smal-16{width:131.33333333%;}
.smal-17{width:139.66666667%;}
.smal-18{width:148%;}
.smal-19{width:156.33333333%;}
.smal-20{width:164.66666667%;}
.smal-21{width:173%;}
.smal-22{width:181.33333333%;}
.smal-23{width:189.66666667%;}
.smal-24{width:198%;}
.smal-hide{display:none!important;}
.smal-center,.smal-show{display:block;}
.smal-center{position:relative;left:-1%;float:none;clear:both;margin-right:auto;margin-left:auto;}
}

.mt4 { margin-top:40px!important; }
.mt6 { margin-top:60px; }
.mt2 { margin-top:24px; }
.mt3 { margin-top:30px; }

.tc{ text-align:center}
.tr{ text-align:right}

.ny_banner{ position:relative; width:100%; overflow:hidden; text-align:center;background:url(../images/nban.jpg) no-repeat center top;background-size:auto 100%;height:500px;} 
@media screen and (max-width:1280px){
.ny_banner{ height:440px;} 
}
@media screen and (max-width:1024px){
.ny_banner{ height:340px;} 
}
@media screen and (max-width:768px){
.ny_banner{ height:300px;} 
}
@media screen and (max-width:640px){
.ny_banner{ display:none;} 
}

.position_now{font-size:14px; border-bottom:1px solid #F0F0F0; width:100%;}
.position_now .auto{height:80px;}
.position_now a{display:inline-block;color:#707070;}
.position_now .fl a:hover{color:#019948;}
.position_now .fl{color:#707070;line-height:80px;}
.position_now .fl img{height:20px;margin-top:-4px;display:inline-block;margin-right:8px;}
.position_now .fr{font-family:impact;color:#019948;font-size:0;}
.position_now .fr img{height:26px;float:left;margin:28px 10px 0 0;}
.position_now .fr strong{font-weight:100;font-size:22px;display:block;float:left;line-height:80px;}
.position_now .fr a{display:inline-block;width:100px;padding:0 5px;height:80px;color:#333;font-size:16px;text-align:center;line-height:80px;overflow:hidden;position:relative;z-index:1;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.position_now .fr a i{width:100%;height:0%;background-color:#019948;position:absolute;left:0;top:0;z-index:-1;-webkit-transition:.5s height;-o-transition:.5s height;-ms-transition:.5s height;-moz-transition:.5s height;transition:.5s height;}
.position_now .fr a:hover i, .position_now .fr a.active i{height:100%;}
.position_now .fr a:hover, .position_now .fr a.active{color:#fff;}

@media screen and (max-width:768px){
.position_now .fr{ display:none;}
}
.title-1{ padding:20px 0 0; position:relative;}
.title-1:before{ content:""; background:url(../images/tdot.jpg) no-repeat 0 0; display:inline-block; width:13px; height:47px; vertical-align:top; margin:0 24px;}
.title-1:after{ content:""; width:1px; height:100px; background:#019948; display:block; position:absolute; left:0; bottom:10px;}
.title-1 span{ font-weight:bold; font-size:36px; color:#019948;}
.title-1 i{ float:right; font-size:60px; color:#f5f3f3; text-transform:uppercase; line-height:47px; font-weight:bold;}
@media screen and (max-width:1280px){
.title-1 i{font-size:36px;}
}
@media screen and (max-width:1024px){
.title-1 i{ display:none;}
}

.place{ color:#fff; background:#019948; height:76px; line-height:76px; padding-left:2%; position:relative;}
.place:after{ content:""; width:100%; height:100%; display:block; position:absolute; right:-100%; top:0; background:#019948}
.place i{ width:20px; height:76px;margin-right:12px; display:block; float:left; background:url(../images/zhuye.png) no-repeat center}
.place a{ color:#fff;}
.place a:hover{ color:#019948;}

@media screen and (max-width:760px){
.place{height:50px; line-height:50px;}
.place:after{ display:none;}
}

/*分类样式*/
.module_cate{ background-image:linear-gradient(-225deg,#019948,#019948) ; height:8rem; line-height:8rem; padding:0 2rem;}
.module_cate span{ color:#fff; font-size:3rem; font-weight:bold; }

.subCate li{ border-bottom:1px solid #dcdcdc; padding:0 2rem; line-height:6rem;}
.subCate li:last-child{ border-bottom:0;}
.subCate li a{ font-size:16px;}
.subCate li a i{ font-size:2.4rem; vertical-align:middle; margin-right:1rem;}

/*横排分类*/
.sub_bk{ text-align:center;}
.sub_bk a{ display:block; float:left; line-height:48px; font-size:16px; border:1px solid #ddd; border-radius:48px;margin-right:2%;width:18.4%; box-sizing:border-box; margin-bottom:15px; height:48px; overflow:hidden}
.sub_bk a:hover,.sub_bk a.active{ background:#019948; color:#fff;}
.sub_bk a:nth-child(5n){ margin-right:0;}
.sub_bk span{ color:#fff; font-size:16px; margin-left:10px; display:inline-block; cursor:pointer; position:absolute; right:0; top:0; display:none; line-height:4rem;}
.sub_bk .show{ height:auto; background:#eee;}
@media screen and (max-width:640px){
.sub_bk a{width:49%;}
.sub_bk a:nth-child(2n){ margin-right:0;}
}
@media screen and (max-width:400px){
.sub_bk a{ line-height:42px; font-size:14px; border-radius:42px; margin-bottom:8px; height:42px; overflow:hidden}
}


.hide{display:none;}
@media screen and (max-width:640px){
.smal-center,.smal-show{display:block;}
}

/*关于我们*/
.content{ line-height:30px;}
.content p{ margin:6px 0; font-size:16px; line-height:32px}
.cbox-bg{ background:#f1f1f1; padding:30px;}
.p-style{ color:#6a6a6a; font-size:16px;}

/*关于我们end*/

#allmap p{line-height:10px;margin:10px;}

/***************global*****************/

/*公司动态*/
.news-box{ position:relative; padding:50px 0;}
.news-box:nth-child(2n){ background:#f5f5f5;}
.news-box a{ display:block;}
.txtW { font-size:18px; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-space:nowrap; } 
.txtH { word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:25px;}
.news-box h3{ font-size:24px; position:relative;}
.news-box h3 span{ float:right;font-size:16px;}
.news-box p{ font-size:16px; color:#656565; margin-top:20px}
.news-box a:hover h3{ color:#019948;}

@media screen and (max-width:1024px){
.news-box{ padding:30px 0;}
.news-box h3{ font-size:20px; }
}
@media screen and (max-width:640px){
.news-box h3{ font-size:20px; }
}
@media screen and (max-width:480px){
.news-box{ padding:15px 0;}
.news-box h3{ font-size:16px; }
.news-box p{ font-size:14px;}
}
@media screen and (max-width:480px){
.news_list2 li span{ display:none;}
}


.txtW { font-size:18px; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-space:nowrap; } 
.txtH { word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:25px;}
.xwzx ul{ list-style-type:none; margin-bottom:10px;}
.xwzx ul li{ border-bottom:1px dotted #ccc; height:40px; line-height:40px; text-align:left; overflow:hidden}
.xwzx ul li span{ float:right}

@media screen and (max-width:480px){
.news_list2 li span{ display:none;}
.xwzx ul li span{  display:none;}
}

.article{ line-height:30px; padding:24px 0;}
.news-tit{ font-size:36px; font-weight:bold;}
.tool{ color:#999; padding:24px 0;}
.tool span{ display:inline-block; margin:0 6px; font-size:14px;}
.bshare-custom{ padding:24px 0;}

@media screen and (max-width:640px){
.news-tit{ font-size:30px; }
}
@media screen and (max-width:480px){
.news-tit{ font-size:24px; }
}
@media screen and (max-width:360px){
.news-tit{ font-size:20px; }
}

.ny-page{ border-top:1px solid #ddd; line-height:36px; padding:10px 0 0; font-size:14px;}
@media screen and (max-width:1024px){
.ny-page .txtW{font-size:15px;}
}
.content{ line-height:30px;}
.content p{ margin:6px 0;}
.content img{max-width:100%;}


/*公司动态end*/

/*产品展示*/
.pro-cont{padding-top:40px;}
.pro{margin-top:18px;}
.pro li{text-align:center; list-style:none; margin-bottom:15px}
.pro li a{display:block;}
.pro li a span{display:block;width:100%;height:0;position:relative;padding-bottom:100%; overflow:hidden}
.pro li a span img{width:100%;position:absolute; top:0; left:0;transition-duration:1s;-ms-transition-duration:1s;-moz-transition-duration:1s;-webkit-transition-duration:1s;}
.pro li a span img:hover {transform:scale(1.2); } 
.pro li a font{display:block;width:100%;height:0;position:relative;padding-bottom:75%; overflow:hidden}
.pro li a font img{width:100%;position:absolute; top:0; left:0;transition-duration:1s;-ms-transition-duration:1s;-moz-transition-duration:1s;-webkit-transition-duration:1s;}
.pro li a font img:hover {transform:scale(1.2); } 
.pro li a p{display:block;height:40px;line-height:40px;overflow:hidden;}
.pro li a:hover p{color:#000;}
@media screen and (max-width:767px){
.pro li{overflow:hidden; width:49%; float:left; margin-right:2%}
.pro li:nth-child(2n){ margin-right:0}
}
@media screen and (min-width:768px){
.pro li{overflow:hidden; width:23.5%; float:left; margin-right:2%;}
.pro li:nth-child(4n){ margin-right:0}
.pro li a p{height:32px;line-height:32px;}
}
@media screen and (min-width:992px){
.pro li a p{height:36px;line-height:36px;}
}
@media screen and (min-width:1200px){
.pro li a p{height:50px;line-height:50px; font-size:16px}
}
.white,.whites{position:relative;overflow:hidden;}
.white:after,.whites:after{content:''; cursor:pointer; position:absolute; left:-100%; top:0; width:100%; height:100%; background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform:skewx(-25deg); }
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}

#textarea{ line-height:35px; font-size:15px}
#textarea img{ max-width:100%}

.keys{ padding-top:15px; line-height:30px; padding-bottom:10px}

/*************index&goods**************/
.pro_info{padding:18px 5px 0;}
.rel_center0{ text-align:center;}
.rel_center0 img{max-width:100%;}
.pro_name h2{font-size:20px;padding:22px 0;border-bottom:1px dashed #ddd;}
.pro-canshu{padding:0;}
.pro-canshu p{line-height:30px;color:#666;}
.pro_name a.nm{display:block;width:172px;height:40px;border:1px solid #5F5F5F;background:#5F5F5F;color:#fff;text-align:center;line-height:40px;}
.pro_name a.nm:hover{display:block;background:none;color:#5F5F5F;}
.xgcp_title{padding:10px;background-color:#fafafa; margin:15px 0;}
.xgcp_title h3{color:#019948;border-left:2px solid #019948;padding-left:20px;height:30px;line-height:30px;font-weight:bold;font-size:20px;}
#textarea img{ max-width:100%}
@media screen and (min-width:768px){
	.pro_name h2{font-size:22px;}
	.pro-canshu{padding:0;}
	.info_title h3{padding:40px 0 22px 0;}
}
@media screen and (min-width:1200px){
	.pro_name h2{font-size:24px;}
	.pro-canshu{padding:0;}
	.info_title h3{padding:48px 0 24px 0;}
}

/********goods_info&jobs_info*******/
/*产品展示end*/


/*联系我们*/
.yunu-section {padding-top:60px;} 
.yunu-contact {background-color:#F7F7F7;padding:25px;} 
.yunu-contact h4 {margin:0;font-size:30px;border-bottom:1px solid #ddd;padding-bottom:15px;} 
.yunu-contact dl {margin:0;padding:20px 0;border-bottom:1px dashed #ccc;overflow:hidden;} 
.yunu-contact dt {float:left;} 
.yunu-contact dd {font-size:24px;padding-top:16px;} 
@media only screen and (max-width:640px){
.yunu-contact dd {font-size:20px;} 
}
@media only screen and (max-width:480px){
.yunu-contact dd {font-size:16px;} 
.yunu-contact dd span {padding-left:10px;} 
}
@media only screen and (max-width:400px){
.yunu-contact h4 {font-size:20px;} 
.yunu-contact dl:nth-child(3) dd span{ display:block;} 
}
/*联系我们end*/

/*sitemap*/
.mesmore{margin-top:5px;}
.mesmore:hover{color:#5F5F5F;text-decoration:underline;}

.sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;}
.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}
.m2{ margin-left:20px; margin-top:20px; line-height:25px;}
.m2 span{ font-size:14px; font-weight:bold;}
.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;}
.m2t ul{}
.m2t ul li{ list-style-type:none; float:left; width:150px;}
.m2t ul li a:hover{ color:red}

.f{ float:right; margin-right:10px; _margin-top:7px;}

/*上一页_下一页*/
#prev_next{margin:18px 0px;clear:both;overflow:hidden; text-align:left}
#prev_next li{margin:8px 0;}


/*分页样式*/
.page { margin:0px auto; width:98%; padding-top:10px; padding-bottom:8px; clear:both}
.page ul li{float:left; border:1px solid #e5e5e5;padding:0 5px; height:25px; line-height:25px; overflow:hidden; color:#000; margin:5px;}
.page ul li a{color:#666; display:block}
.page ul li a:hover{color:#000;}
.page ul li a.on{color:#333; font-weight:bold;}
.page ul li.last{color:#7b7b7b;}