@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,h4,h5{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;background:#fff;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;}
.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}
.tc{ text-align:center}
.tr{ text-align:right}
.clearfix:after{content:".";display:block;height:0;clear:both;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1}
/********General**********/
.wrap{margin:0 auto;width:100%;overflow-x:hidden;}
/********General**********/
.width{max-width:1500px;margin-left:auto;margin-right:auto;}
@media screen and (max-width:1680px) {.width{max-width:1300px;}}
@media screen and (max-width:1440px) {.width{max-width:1200px;}}
@media screen and (max-width:1200px) {.width{max-width:1002px;}}
@media screen and (max-width:1024px) {.width{padding-left:10px;padding-right:10px;}}


/*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;}
.header .head{height:auto;position:relative;margin:0 auto;background:url(../images/tbg.jpg) no-repeat center;}
.h_con{height:auto;position:relative;margin:0 auto;padding:10px 0;}
.head .logo{width:480px;}
.head .logo img{width:100%;max-width:480px;}
.h_tel{width:358px;}
.h_tel img{width:100%;max-width:358px;}
.header .nav{height:55px;background:#000;z-index:5;position:relative;margin:0}
.header .nav ul li{float:left;width:calc((100% - 280px) / 8);text-align:center;position:relative;line-height:55px}
.header .nav ul li a{display:block;height:55px;font-size:16px;color:#fff;line-height:55px;border-right:1px #666 solid;}
.header .nav ul li i{position:absolute;width:100%;height:0;background-color:#FF3939;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:100%;}
.header .nav ul .time{float:right;display:block;height:55px;font-size:16px;color:#fff;line-height:55px;width:250px;}
@media screen and (max-width:1024px) {
.tel{display:none}
.head .logo{ width:100%;margin:0px auto;display:block;text-align:center;}
.h_tel{display:none}
.header .nav ul .time{ display:none;}
.header .nav ul li{width:calc(100% / 8);}
.header .nav ul li:nth-child(8) a{border-right:none;}
}
@media screen and (max-width:768px) {
.header .nav{height:65px;padding-top:10px; background:#000;}
.header .nav ul li{width:calc(100% / 4);line-height:25px;height:25px;font-size:15px;font-weight:normal;float:left;text-align:center;overflow:hidden;margin-bottom:5px;}
.header .nav ul li a{ display:block;line-height:20px;font-size:16px;height:20px;}
.header .nav ul li:nth-child(4n) a{border-right:none;}
}
@media screen and (max-width:640px){
.h_con{padding:0;}
.head .logo{ display:none;}
}
/*header end*/

/*footer*/
.footer{background:#000;}
.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:1024px){
.mmy{ display:none;}
}
@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:#ff3939;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:10px;line-height:10px;} 
.fullSlide .hd ul { text-align:center;}
.fullSlide .hd ul li { cursor:pointer;display:inline-block;*display:inline;zoom:1;width:20px;height:20px;margin:2px;border-radius:20px;overflow:hidden;background:#fff;line-height:999px;background:#333;} 
.fullSlide .hd ul .on { background:#000;width:50px;height:20px;border-radius:10px  } 

.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:640px;} 
.fullSlide .bd li{height:640px;}
.fullSlide .bd li a {height:640px;} 
}
@media screen and (max-width:1200px){
.fullSlide {height:520px;} 
.fullSlide .bd li{height:520px;}
.fullSlide .bd li a {  height:520px;} 
}
@media screen and (max-width:1024px){
.fullSlide {height:500px;} 
.fullSlide .bd li{height:500px;}
.fullSlide .bd li a {  height:500px;} 
}
@media screen and (max-width:992px){
.fullSlide {height:390px;} 
.fullSlide .bd li{height:390px;}
.fullSlide .bd li a {  height:390px;} 
}
@media screen and (max-width:768px){
.fullSlide {height:320px;} 
.fullSlide .bd li{height:320px;}
.fullSlide .bd li a {  height:320px;} 
.fullSlide .hd ul li { width:15px;height:15px;border-radius:15px;} 
.fullSlide .hd ul .on {width:40px;height:15px;border-radius:8px  } 
}
@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:251px;height:225px;}
.root dt img {display:block;width:251px;height:225px; z-index:19999; position:relative}
.root .wzgg {padding-top:10px;position:relative;height:145px;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}
.mainsytj{ padding:3% 0%; }
.mainsytj_top{ text-align:center; margin-bottom:2%;}
.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:1680px) { 
.root dt{ margin-top:-57px}
}
@media only screen and (max-width:1440px) { 
.root .wzgg i{ bottom:-12px}
}
@media only screen and (max-width:1200px) { 
.root .wzgg{ height:140px;padding-top:15px;line-height:30px;}
.mainsytj_top dt{ font-size:30px; line-height:40px; } 
}
@media only screen and (max-width:1024px) { 
.root .wzgg{ height:130px}
.root dt{ margin-top:-33px}
.root .wzgg i{ display:none}
.root .wzgg h2{ display:none}
}
@media only screen and (max-width:992px) { 
.root .wzgg{ line-height:27px;}
.mainsytj_top dt{ font-size:24px; line-height:40px; } 
}
@media only screen and (max-width:768px) { 
.Toubu{ display:none}
}

/**/
.index-txt {text-align:center; padding:15px 0;} 
.index-txt h2 {color:#ff3939; font-size:36px; font-weight:600;} 
.index-txt span {color:#000;} 
.index-txt h2:before, .index-txt h2:after {content:''; display:inline-block; vertical-align:middle; width:35px; height:26px; background-repeat:no-repeat; margin-top:-6px;} 
.index-txt h2:before {background-image:url(../images/tit-icon01.png); margin-right:20px;} 
.index-txt h2:after {background-image:url(../images/tit-icon02.png); margin-left:20px;} 
.index-txt p { display:none;color:#666; font-size:18px; line-height:30px; margin-top:10px;} 
@media (max-width:1024px){
.index-txt h2 {font-size:30px;} 
}
@media (max-width:640px){
.index-txt h2 {font-size:24px;} 
.index-txt h2:before {margin-right:10px;} 
.index-txt h2:after {margin-left:10px;} 
.index-txt p {font-size:16px; margin-top:20px;} 
}
@media (max-width:480px){
.index-txt h2 i{ display:none;} 
.index-txt h2:before, .index-txt h2:after { display:none;} 
}
@media (max-width:380px){
.index-txt p {font-size:12px; margin-top:8px;} 
}

/**/
.sleft{height:auto;position:relative;}
.sfl{ width:100%; display:block; text-align:center;}
.sfl a{font-size:16px;line-height:30px;margin-bottom:10px;position:relative; padding-right:10px; margin-right:10px; height:30px; overflow:hidden;}
.sfl a:before{width:1px; height:12px; background:#666; content:""; position:absolute; right:0;top:5px;}
.sfl a:nth-child(9){ padding-right:0; margin-right:0;}
.sfl a:nth-child(9):before{ display:none;}
.sfl a:nth-child(10){display:none;}
.sfl a:hover{ color:#FF3939;}
.sleft .cpzs { width:100%;list-style:none;} 
.prolist div { float:left;width:23.5%;border-radius:6px;box-sizing:border-box;margin:0 2% 10px 0;} 
.prolist div h2{ display:block;width:100%;height:0;position:relative;padding-bottom:100%;transition:all 0.3s ease 0.1s;overflow:hidden;} 
.prolist div h2:before{ content:""; background:url(../images/cpt.png) no-repeat center; background-size:cover; position:absolute; width:100%; height:100%; left:0; top:0; z-index:9;}
.prolist div h2 img {width:100%;height:100%;position:absolute;top:0;left:0;transition:all 0.3s ease-in-out;} 
.prolist div h3 { width:100%;font-size:16px;color:#222222;line-height:30px;text-align:center;box-sizing:border-box;height:30px; overflow:hidden;} 
.prolist div:hover h2 img { transform:scale(1.1);} 
.prolist div:hover h3 { color:#000;padding-left:5px;} 
.prolist div:nth-child(4n) { margin-right:0;} 
@media screen and (max-width:1680px){
.sfl a{padding-right:5px; margin-right:0;}
}
@media screen and (max-width:1440px){ 
.sfl a{ padding-right:0; width:calc(96% / 5); margin-right:1%; text-align:center; background:#ff3939; color:#FFF; float:left;}
.sfl a:before{ display:none;}
.sfl a:nth-child(5n){margin-right:0;}
.sfl a:nth-child(9){margin-right:1%;}
.sfl a:nth-child(10){display:block;}
}
@media screen and (max-width:1200px){ 
.sfl a{font-size:15px;}
.prolist div { width:32%;} 
.prolist div:nth-child(4n) { margin-right:2%;} 
.prolist div:nth-child(3n) { margin-right:0;} 
.prolist div:nth-child(16) {display:none;} 
}
@media screen and (max-width:1024px){ 
.sleft{padding-top:0;}
.sfl a{width:calc(98% / 3);}
.sfl a:nth-child(5n){margin-right:1%;}
.sfl a:nth-child(3n){margin-right:0;}
.sfl a:nth-child(10){display:none;}
}
@media screen and (max-width:640px){ 
.sfl a{width:calc(99% / 2);}
.sfl a:nth-child(3n){margin-right:1%;}
.sfl a:nth-child(2n){margin-right:0;}
.sfl a:nth-child(10){display:block;}
.prolist div { width:49%;} 
.prolist div:nth-child(3n) { margin-right:2%;} 
.prolist div:nth-child(2n) { margin-right:0;} 
.prolist div h3 { font-size:15px;line-height:35px;height:35px; } 
.prolist div:nth-child(16) {display:block;} 
} 
@media screen and (max-width:480px){ 
.sleft .cpzs { margin-top:0px;} 
}
@media screen and (max-width:380px){ 
.sfl a{font-size:14px;line-height:45px;margin-bottom:10px;height:45px;}
.prolist div{width:100%;margin-right:0;}
}

/**/
.zj-bg{ background:url(../images/zj-bg.jpg) no-repeat center top; padding:100px 0 40px; height:351px; box-sizing:border-box; } 
.zj-top{ display:block;}
.zj-sz{ font-size:110px; color:#fff; font-family:impact; width:102px; overflow:hidden; } 
.zj-text{ font-size:26px; color:#fff; margin-left:10px; margin-top:29px; } 
.zj-text p{ font-size:40px; color:#fff; font-weight:bold; } 
.zj-ljzx{ width:161px; line-height:46px; text-align:center; background:#fec91a;} 
.zj-ljzx a{ font-size:20px; color:#1d1d1d; } 
@media screen and (max-width:1440px){ 
.zj-text{ font-size:24px;} 
}
@media screen and (max-width:1200px){ 
.zj-text{ font-size:22px;} 
}
@media screen and (max-width:1024px){ 
.zj-bg{ background:#FF3939; padding:40px 0; height:auto;} 
.zj-text{ width:calc(100% - 112px); } 
.zj-ljzx{margin-top:30px;} 
}
@media screen and (max-width:480px){ 
.zj-text{ font-size:18px;} 
.zj-text p{ font-size:36px;} 
}
@media screen and (max-width:380px){ 
.zj-sz{ font-size:90px;} 
.zj-text{ font-size:15px;} 
.zj-text p{ font-size:26px;} 
}
/**/
#about{ width:100%; background:url(../images/abj.jpg) no-repeat center; padding-bottom:10px;}
#about .com_l{padding-top:15px;width:calc(100% - 650px);}
#about .vr{line-height:40px;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical; height:360px}
#about .com_l .am{ display:none;margin-top:55px;background:#000;text-align:center;color:#fff;line-height:37px;width:136px;}
#about .abt{overflow:hidden;margin-bottom:10px}
#about .abt h2 span{font-size:36px;display:block;line-height:50px;color:#000;font-weight:bold}
#about .abt h2 em{color:#767676;font-size:16px;display:block;line-height:30px}
#about  .com_r{width:600px;padding-top:15px;height:450px;overflow:hidden;}
#about .dbb{margin:35px 0;background-color:#f7f7f7;box-shadow:10px 10px 10px #0000001c;}
#about ul{list-style:none;}
#about li{float:left;width:24%;position:relative;padding:25px 0;z-index:2;text-align:center;}
#about li:nth-of-type(3)::after,#about li:nth-of-type(2)::before,#about li:nth-of-type(2)::after{content:'';display:block;position:absolute;height:100px;width:1px;opacity:0.4;bottom:-30px;background:#fff;}
#about li:nth-of-type(2)::before{left:0}
#about li:nth-of-type(3)::after,#about li:nth-of-type(2)::after{right:0}
#about li img{display:inline;-webkit-transition:-webkit-transform 0.5s ease-out;}
#about li:hover img{transform:rotateY(360deg);}
#about li p{margin-top:14px;font-size:24px}
#about li em{opacity:0.7}
@media screen and (max-width:1440px){ 
#about .abt h2 span{font-size:33px;}
#about .com_l{width:calc(100% - 620px);}
}
@media screen and (max-width:1200px){ 
#about .com_l .am{margin-top:40px;}
#about .abt{margin-bottom:10px}
#about .abt h2 span{font-size:28px;}
#about .com_l{width:calc(100% - 510px);}
#about .com_r{width:480px;}
#about .com_r img{width:100%;}
}
@media screen and (max-width:1024px){ 
#about .com_l{width:100%; height:auto; }
#about .abt{margin-bottom:20px}
#about .dbb{margin-top:25px;}
#about .com_l a{margin-top:25px;}
#about .com_r{ display:none;}
}
@media (max-width:640px){
#about .com_l{ padding-top:20px;}
#about .abt{margin-bottom:15px}
#about .abt h3{font-size:28px;float:none;margin:auto;text-align:center}
#about .abt h2{text-align:center}
#about .abt h2 span{font-size:28px}
#about article{padding-top:20px}
#about article>div{line-height:30px;font-size:16px;width:100%}
#about article a{margin:auto;margin-top:35px}
#about .dbb{box-shadow:none; padding:15px 0;}
#about li{float:left;width:49%;position:relative;padding:25px 0 13px;z-index:2}
#about li p{font-size:21px}
}
@media (max-width:480px){
#about .abt h2 span{font-size:24px}
}
@media (max-width:380px){
#about .abt h2 span{font-size:19px}
#about .abt h2 em{font-size:14px;}
}
/**/ 
.cases{ width:100%; background:url(../images/bg.jpg) no-repeat center bottom; padding-bottom:10px;}
.case{ margin:15px auto 0 auto; position:relative;}
.case_left{ width:340px;  margin-top:49px;}
.case_right{ width:calc(100% - 340px); height:440px; overflow:hidden; }
.case_yw{text-transform:uppercase; font-size:24px; color:#282828; text-align:center;letter-spacing:0.05em;}
.case_title{font-size:28px; color:282828; text-align:center; margin-top:5px;}
.case_ftit{font-size:18px; color:#818181; text-align:center; margin-top:5px;}
.case_t{ position:relative; width:478px; height:165px; background:#ff3939; color:#ffffff; margin-top:85px;padding:40px 35px 25px 35px; box-sizing:border-box;}
.case_t h3{ font-size:29px; text-align:right; }
.case_t p{ font-size:18px; text-align:right; margin-top:15px}
.case_t span{ width:28px; height:9px; background:url(../images/jiantou.png) no-repeat left top; display:block; margin-top:20px;}
.case_roll{ margin:5px auto 0;}
.case_img{ float:left; margin-right:1%; width:calc(96% / 5)}
.case_img a{ display:block;width:100%;height:0; position:relative; padding-bottom:100%;transition:all 0.3s ease 0.1s;overflow:hidden; } 
.case_img a:before{ content:""; background:url(../images/cpt.png) no-repeat center; background-size:cover; position:absolute; width:100%; height:100%; left:0; top:0; z-index:9;}
.case_img a img{width:100%;height:100%;position:absolute; top:0; left:0;transition:all 0.3s ease-in-out;  } 
.case_img:nth-child(5){margin-right:0;}
@media screen and (max-width:1440px){
.case_img{width:calc(97% / 4)}
.case_img:nth-child(4){margin-right:0;}
.case_img:nth-child(5){ display:none;}
}
@media screen and (max-width:1024px){
.case_img{width:calc(98% / 3)}
.case_img:nth-child(3){margin-right:0;}
.case_img:nth-child(4){ display:none;}
}
@media screen and (max-width:480px){
.cases{ display:none;}
}
/**/
.nei2{}
.xin{}
.xwh{width:900px;}
.xwh_img{width:100%;height:414px; overflow:hidden}
.xwh_img img{width:100%;}
.xwh li{width:49%;}
.nul2{width:calc(100% - 932px);}
.nul2 li{background-color:#f4f4f4;margin-bottom:10px;padding:10px;}
.nn .fl{display:block;color:#333333;font-size:16px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;width:calc(100% - 124px);}
.nn span{display:block;color:#666666;font-size:14px;font-family:'arial';line-height:30px;}
.nul2 li p{color:#a0a0a0;font-size:14px;overflow:hidden;height:42px; line-height:21px;}
.flex2{display:flex;justify-content:space-between;flex-wrap:wrap;display:-webkit-flex;} 
.xwgg_tt{ font:600 18px/40px "Microsoft Yahei"; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;color:#333; } 
.xwh_nei{ margin-top:3%; display:block; } 
.xwgg_yy{ font:400 14px/24px "Microsoft Yahei"; color:#999999; margin-top:1%; display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical; -webkit-line-clamp:3; height:72px; } 
.xwgg_mm{ font:400 14px/40px "Microsoft Yahei"; color:#666; position:relative; } 
.xwgg_mm span{ background:url(../images/xt.png) right center no-repeat; width:27px; height:27px; display:block; position:absolute; top:8px; right:0px; } 
.xiant{ border-bottom:#c7c7c7 2px solid; margin-top:3%; } 
.xwh li:hover .xwgg_tt{ color:#ff3939; } 
.xwh li:hover .xiant{ border-bottom:#ff3939 2px solid; }
.lian_tt{ font-size:18px; color:#fff; margin-bottom:1em; font-weight:400; }
.ering{max-width:164px;text-align:center;color:#feffff;font-size:14px;line-height:40px;} 
.ering img{max-width:100%;} 
@media screen and (max-width:1440px){
.xwh{width:450px;}
.xwh li{width:100%;}
.xwh li:nth-child(2){display:none;}
.nul2{width:calc(100% - 470px);}
}
@media screen and (max-width:1024px){
.xwh{ display:none;}
.nul2{width:100%;}
}
@media screen and (max-width:640px){
.xin{margin-top:0;}
.nul2 li{margin-bottom:15px;padding:10px;}
.nn .fl{font-size:16px;width:calc(100% - 80px);}
}
@media screen and (max-width:480px){
.nn .fl{font-size:15px;width:100%; line-height:38px;}
.nn span{ display:none;}
}



/**/
.fc{width:100%; padding:0 0 10px; background:url(../images/hf.jpg) no-repeat center #000;} 
.fc .index-txt span {color:#fff;} 
.fc .index-txt p {color:#fff;} 
.fc .fc_main .fc_view{margin-top:5px; } 
.fc .fc_main .fc_view .tempWrap{width:100% !important; } 
.fc .fc_main .fc_view ul li{float:left; width:calc(25% - 14px); height:auto; position:relative; margin:0 7px;} 
.fc .fc_main .fc_view ul li span{ display:block;width:100%;height:0; position:relative; padding-bottom:100%;transition:all 0.3s ease 0.1s;overflow:hidden; } 
.fc .fc_main .fc_view ul li span:before{ content:""; background:url(../images/cpt.png) no-repeat center; background-size:cover; position:absolute; width:100%; height:100%; left:0; top:0; z-index:9;}
.fc .fc_main .fc_view ul li span img{width:100%;height:100%;position:absolute; top:0; left:0;transition:all 0.3s ease-in-out;  } 
.fc .fc_main .fc_view ul li font{position:absolute;left:0;bottom:0;width:100%;background-color:rgba(248,189,1,0.85);text-align:center;font-size:16px;line-height:70px;font-weight:400;color:#333;-webkit-transition:all 0.5s;transition:all 0.5s; display:block; height:70px; overflow:hidden; color:#fff; z-index:10;} 
.fc .fc_main .fc_view ul li .fc_txt{position:absolute;left:0;top:100%;width:100%;height:100%;background-color:rgba(0,0,0,0.7);-webkit-transition:all 0.5s;transition:all 0.5s;color:#fff;padding:80px 15px 0; box-sizing:border-box; z-index:11}
.fc .fc_main .fc_view ul li .fc_txt h4{margin:0;position:relative;line-height:70px;font-size:18px;text-align:center; height:70px; display:block; overflow:hidden;}
.fc .fc_main .fc_view ul li .fc_txt h4:after{position:absolute;bottom:0;left:50%;content:'';height:3px;width:30px;background-color:#fff;margin-left:-15px;}
.fc .fc_main .fc_view ul li .fc_txt p{font-size:16px;line-height:1.8;text-align:justify;margin:15px 0 0;}
.fc .fc_main .fc_view ul li:hover .fc_txt{top:0;}
.fc .fc_main .fc_view ul li:hover font{bottom:-108px;}
.fc .fc_main .fc_view .fc_btn{width:100%; text-align:center;margin-top:20px;} 
.fc .fc_main .fc_view .fc_btn .fc_p, .fc .fc_main .fc_view .fc_btn .fc_n{display:inline-block; vertical-align:middle; margin:0 20px; width:150px; height:40px; cursor:pointer; position:relative; border-radius:10px; background:#f8bd01; transition:all 0.7s ease-in-out; -webkit-transition:all 0.7s ease-in-out; } 
.fc .fc_main .fc_view .fc_btn .fc_p:hover, .fc .fc_main .fc_view .fc_btn .fc_n:hover{transform:translateY(-5px); box-shadow:0 10px 15px -10px rgba(0, 0, 0, 0.5); } 
.fc .fc_main .fc_view .fc_btn .fc_p::after, .fc .fc_main .fc_view .fc_btn .fc_n::after{content:""; position:absolute; width:100%; height:100%; border-radius:50%; left:0; top:0; } 
.fc .fc_main .fc_view .fc_btn .fc_p::after{background:url(../images/jiantou.png) center no-repeat; } 
.fc .fc_main .fc_view .fc_btn .fc_n::after{background:url(../images/jiantou1.png) center no-repeat; }
@media screen and (max-width:1024px){
.fc{ padding-top:30px;} 
.fc .fc_main .fc_view{margin-top:15px; } 
.fc .fc_main .fc_view ul li{ width:calc(33.33333% - 14px);} 
}

@media screen and (max-width:640px){
.fc .fc_main .fc_view ul li{ width:calc(50% - 14px);} 
}

@media screen and (max-width:480px){
.fc{padding-top:5px;} 
.fc .fc_main h2 img{width:280px;}
.fc .fc_main .fc_view ul li{ width:calc(100% - 14px);} 
.fc .fc_main .fc_view .fc_btn .fc_p, .fc .fc_main .fc_view .fc_btn .fc_n{width:90px; height:35px;} 
}


/*新闻*/
.snews{padding:30px 0;overflow:hidden;}
.box-list li {line-height:30px;width:calc(96% / 3); margin-right:2%; float:left;} 
.box-list li:nth-child(3n){margin-right:0;} 
.box-list li span {float:right;width:90px;font-size:16px;} 
.box-list li a {display:block;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;} 
.box-list li:hover a {color:#FF3939;}
@media screen and (max-width:1440px){
.box-list li { width:calc(98% / 2);} 
.box-list li:nth-child(3n){margin-right:2%;} 
.box-list li:nth-child(2n){margin-right:0;} 
}
@media screen and (max-width:768px){
.box-list li{ width:100%; margin-right:0;} 
.box-list li:nth-child(n+11) { display:none;} 
}
@media screen and (max-width:480px){
.box-list li a {font-size:15px;} 
}
@media screen and (max-width:380px){
.box-list li span { display:none;} 
}

/**/
.sbzs{ padding:15px 0;background:url(../images/bg1.jpg) no-repeat center; background-size:cover;position:relative;}
.sbzs .stit{ width:420px; float:left; background:#fff; padding:20px; box-sizing:border-box;}
.tit_div{ width:100%;font-size:30px;}
.tit_div h2{color:#333; line-height:60px; font-weight:bold;}
.tit_div h2 p{color:#ff3939; line-height:60px;text-transform:uppercase; }
.tit_div h2 p span{color:#333;}
.tit_div h2 b{ width:15%; height:5px; background:#ff3939; display:block}
.tit_div .content{color:#999; font-size:18px; line-height:40px; padding:3% 0% 0% 0%}
.sline{height:95px;position:relative;margin:15px 0;}
.sbzs .sline .red{ width:1px;height:100%;background:#ff3939; float:left;margin-right:7%}
.sbzs .sline  h2{ height:40px; overflow:hidden; margin-top:5%}
.sbzs .sline h3{ display:none}
.news1 ul{width:100%; float:left}
.news1 ul li{ width:100%; float:left; line-height:30px; height:30px; overflow:hidden}
.news1 ul li a{ float:left;font-size:14px;}
.news1 ul li span{ float:right; overflow:hidden; height:30px; line-height:30px}
.news1 p{ color:#000000; font-size:14px; font-weight:900; font-family:"微软雅黑"; line-height:26px; height:26px}
.news1 h2{  font-size:14px;font-family:"微软雅黑"; line-height:20px; font-weight:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news1 span{ line-height:22px; font-family:"微软雅黑"}
.sbzs .more{margin-top:5%; margin-bottom:3%}
.case-cate{ margin-top:7%} 
.case-cate  ul li span{ display:none}


.col{width:calc(100% - 450px);float:right;}
.col .index-txt{ display:none} 
.col ul li{float:left; width:calc(98% / 3); height:auto; position:relative; margin:0 1% 1% 0;} 
.col ul li:nth-child(3n) {margin-right:0;} 
.col ul li span{ display:block;width:100%;height:0; position:relative; padding-bottom:100%;transition:all 0.3s ease 0.1s;overflow:hidden; } 
.col ul li span:before{ content:""; background:url(../images/cpt.png) no-repeat center; background-size:cover; position:absolute; width:100%; height:100%; left:0; top:0; z-index:1;}
.col ul li span img{width:100%;height:100%;position:absolute; top:0; left:0;transition:all 0.3s ease-in-out;  } 
.col ul li font{position:absolute;left:0;bottom:0;width:100%;background-color:rgba(255,57,57,0.7);text-align:center;font-size:16px;line-height:70px;font-weight:400;-webkit-transition:all 0.5s;transition:all 0.5s; display:block; height:70px; overflow:hidden; color:#fff;z-index:2;} 
.col ul li .fc_txt{position:absolute;left:0;top:0;width:100%;height:0;background-color:rgba(0,0,0,0.7);-webkit-transition:all 0.5s;transition:all 0.5s;color:#fff;overflow:hidden;z-index:2;}
.col ul li .fc_txt h4{margin:0;position:relative;line-height:70px;font-size:18px;text-align:center; height:70px; display:block; overflow:hidden;}
.col ul li .fc_txt h4:after{position:absolute;bottom:0;left:50%;content:'';height:3px;width:30px;background-color:#fff;margin-left:-15px;}
.col ul li .fc_txt p{font-size:16px;line-height:1.8;text-align:justify;margin:15px 0 0;}
.col ul li:hover .fc_txt{ height:100%;padding:25px 15px 0; box-sizing:border-box; }
.col ul li:hover font{height:0;}
@media screen and (max-width:1680px){
.tit_div .content{font-size:16px;}
.sline{height:90px;}
.sbzs .more{margin-top:3%;}
.news1 ul li:nth-child(n+7){ display:none;}
}
@media screen and (max-width:1440px){
.sline{ display:none;}
.news1 ul li:nth-child(7){ display:block;}
}
@media screen and (max-width:1200px){
.news1 ul li:nth-child(n+7){ display:block;}
.col ul li{width:calc(99% / 2);} 
.col ul li:nth-child(3n) {margin-right:1%;} 
.col ul li:nth-child(2n){margin-right:0;} 
.col ul li:nth-child(n+5){display:none;} 
}

@media (max-width:1024px){
.sbzs{ padding-bottom:3%;}
.sbzs .stit{ width:100%}
.tit_div h2{ line-height:23px}
.tit_div{ text-align:center}
.sbzs .more{ display:none}
.tit_div h2 b{ margin:0 auto; width:10%  } 
.tit_div .content{ padding:0% 0% 0% 0%}
.sbzs .sline h2{ margin-top:2%}
.case-cate{ margin-top:0%}
.case-cate ul li span{ display:inline}
.col{ width:100%; margin-top:15px;}
.col ul li{width:calc(98% / 3);} 
.col ul li:nth-child(2n) {margin-right:1%;} 
.col ul li:nth-child(3n){margin-right:0;} 
.col ul li:nth-child(n+4){display:none;} 
}
@media (max-width:768px){
.sbzs .stit{ display:none;}
.col .index-txt{ display:block;} 
.col ul li:nth-child(n+4){display:block;} 
.col ul li font{position:inherit;background:none;text-align:center;font-size:15px;line-height:50px;height:50px; color:#333;} 
.col ul li .fc_txt{ display:none}
}
@media (max-width:480px){
.col ul li{width:calc(99% / 2);} 
.col ul li:nth-child(3n) {margin-right:1%;} 
.col ul li:nth-child(2n){margin-right:0;} 
}


/**/
.snews{padding:10px 0;overflow:hidden;}
.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;}
.newsL{width:585px;overflow:hidden}
.newsL .nImg{width:585px;height:210px;overflow:hidden;display:block}
.newsL .nImg img{width:585px;height:210px;transition:all .5s}
.newsL .nImg:hover img{transform:scale(1.1)}
.newsL .txt{ padding:5px 0;}
.newsL .date{ width:100%;display:block;height:35px; line-height:35px;}
.newsL .date span{display:block;float:right; width:78px;}
.newsL h4{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400; float:left;}
.newsL h4 a{color:#333}
.newsL h5{ width:100%; height:58px; line-height:26px; overflow:hidden; font-weight:normal;font-size:14px;}
.newsL .date:hover{color:#dd1e32}
.newsR{width:calc(100% - 600px);overflow:hidden; box-sizing:border-box;}
.newsR li{height:30px;line-height:30px;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{display:block}
.newsR li font{ width:calc(100% - 80px);display:block; overflow:hidden}
.newsR li span{float:right; width:78px; overflow:hidden;}
.newsR li a:hover{background:#ff3939;color:#fff;}
@media screen and (max-width:1440px){
.newsR li{width:100%;margin-right:0;}
.newsR li:nth-child(n+15){ 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){
.newsMain{margin-top:0;}
.newsR li{width:100%;margin-right:0;}
.newsR li:nth-child(n+7){ display:none;}
}
@media screen and (max-width:380px){
.snews{ padding-top:0;}
.newsR li font{ width:100%;}
.newsR li span{display:none;}
}

/*主页end*/


/*内页*/
.f-cb:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb{zoom:1;}
.hide{display:none;}
.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: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;}
.mt6 { margin-top:60px;}
.mt2 { margin-top:24px;}
.mt3 { margin-top:30px;}
@media screen and (max-width:640px){
.mt4 { margin-top:20px;}
.mt3 { margin-top:15px;}
}

.position_now{font-size:14px;background-color:#F5F5F5;width:100%;}
.position_now .auto{height:80px;}
.position_now a{display:inline-block;color:#707070;}
.position_now .fl a:hover{color:#000;}
.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:#000;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:#000;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;}
}

.place{ background:#f5f5f5;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:#000}
.place i{ width:20px;height:76px;margin-right:12px;display:block;float:left;background:url(../images/zhuye.png) no-repeat center}
.place a:hover{ color:#000;}
@media screen and (max-width:760px){
.place{height:50px;line-height:50px;}
.place:after{ display:none;}
}

/*分类样式*/
.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:8px;margin-right:1%;width:calc(92% / 9);box-sizing:border-box;margin-bottom:15px;height:48px;overflow:hidden}
.sub_bk a:hover,.sub_bk a.active{ background:#000;color:#fff;}
.sub_bk a:nth-child(9){ margin-right:0;}
.sub_bk a:nth-child(10){ display:none;}
.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:1440px){
.sub_bk a{width:calc(96% / 5);}
.sub_bk a:nth-child(5n){ margin-right:0;}
.sub_bk a:nth-child(9){ margin-right:1%;}
.sub_bk a:nth-child(10){ display:block;}
}
@media screen and (max-width:1024px){
.sub_bk a{width:calc(98% / 3);}
.sub_bk a:nth-child(5n){ margin-right:1%;}
.sub_bk a:nth-child(3n){ margin-right:0;}
.sub_bk a:nth-child(10){ display:none;}
}
@media screen and (max-width:640px){
.sub_bk a{width:49%;margin-right:2%}
.sub_bk a:nth-child(3n){ margin-right:1%;}
.sub_bk a:nth-child(2n){ margin-right:0;}
.sub_bk a:nth-child(10){ display:block;}
}
@media screen and (max-width:380px){
.sub_bk a{ line-height:42px;font-size:14px;border-radius:42px;margin-bottom:8px;height:42px;overflow:hidden}
}

/*关于我们*/
.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:#000;}

@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:before{ content:""; background:url(../images/cpt.png) no-repeat center; background-size:cover; position:absolute; width:100%; height:100%; left:0; top:0; z-index:9;}
.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 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}
}

#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:#000;border-left:2px solid #000;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:24px;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 {margin-left:55px;font-size:24px;padding-top:16px;} 
.yunu-contact dd span {padding-left:50px;} 
@media only screen and (max-width:640px){
.yunu-section {padding-top:25px;} 
.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*/

/*上一页_下一页*/
#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;}