*{ margin:0px; padding:0px}
body{ font-family:"微软雅黑"; font-size:14px; color:#000000; font-weight:normal; background:#f9f5ec}
img,div,table,tr,td,span{ border:none}
ul,li{ list-style:none}
a{ text-decoration:none; color:#000000}
a:hover{ text-decoration:none; }
/*去除浮动*/
.clear{ clear:both; overflow:hidden; zoom:1; float:none;}
ul,li{ list-style: none;}

.wark{ width:1600px; margin:0 auto}
@media only screen and (max-width:1610px) {  
.wark{ width:95%}
}

.topnav{ width:100%; margin:0px auto; background:url(../images/top_bg.jpg) repeat;}
.tbyc {width:1500px; text-align:right; margin:0 auto}
.tbyc BLOCKQUOTE {COLOR: #000;}
.tbyc A {LINE-HEIGHT: 22px;PADDING-LEFT: 10px;COLOR: #000;PADDING-TOP: 0px}
@media only screen and (max-width:1510px){ 
.tbyc {width:95%;} 
}
@media only screen and (max-width:520px){ 
.tbyc{ display:none}
.topnav{ padding-top:16px}
}

.top{ width:1500px; margin: 0 auto; text-align: center;  background:url(../images/body.jpg) repeat; padding-bottom:17px; padding-top:9px }
.top_l{ float:left}
.top_m{ float:left; padding-left:20px; padding-top:13px}
.top_m h1{ padding-top:22px; font-weight:normal; color:#715034}
.top_tel{ float:right; width:311px; height:75px; background:url(../images/top_tel.png) no-repeat; margin-top:11px}
.top_tel h1{ font-size:34px; padding-left:75px; padding-top:34px; color:#B31F11}
@media only screen and (max-width:1510px){  
.top{ width:95%}
}
@media only screen and (max-width:1228px){  
.top_m{ display:none}
}
@media only screen and (max-width:920px){  
.top_tel{ display:none}
.top_l{ width:530px; margin:0 auto; float:none}
}
@media only screen and (max-width:560px){  
.top_l{ width:100%}
.top_l img{ width:100%}
}


.nav1{  width:100%; background:url(../images/nav1.jpg) repeat-x center top #FFFFFF;}
.nava{ width:1500px; height:55px; margin:0px auto}
.nava li{height:55px; float:left; text-align:center; line-height:55px; font-size:15px; font-weight:bold; color: #EFE6D0; width:11%;}
.nava li a{ color: #EFE6D0; text-decoration:none; font-family:"微软雅黑"}
.nava li:hover{ background:url(../images/menuhover.png) no-repeat center top;}
.nava li:hover a{ color: #EFE6D0; text-decoration:none}
@media only screen and (max-width:1510px){  
.nava{ width:95%; }
}
@media only screen and (max-width:680px){  
.nav1{ background:#761911; padding:10px 0}
.nava{ height:auto}
.nava li:nth-child(6){ display:none}
.nava li{ width:25%; height:28px; line-height:28px}
}

/*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:16px;height:16px;margin:2px;border-radius:20px;overflow:hidden;background:#fff;line-height:999px;background:#333;} 
.fullSlide .hd ul .on { background:#850B06;width:16px;height:16px;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;}
.sjban { 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:1280px){
.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;} 
.sjban{ display:block;width:100%;}
.sjban img{ display:block;width:100%;}
}

/**/
.Toubu{width: 100%;background:url(../images/Toubu.jpg) no-repeat center top;}
.root {width: 100%;height: 149px;position: relative;}
.root dt {float: left;margin-top: -76px;width:25%;height: 225px;}
.root dt img {display: block;width: 251px;height: 225px; z-index:19999; position:relative}
.root .wzgg {padding-top: 36px;position: relative;height: 113px;width:75%;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: 24px;width: 26px;height: 26px;}
.root .wzgg img {display: block;width: 26px;height: 26px;}
.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}
.root{ background:#0c65bf; padding:0% 0% 2% 0%; height:auto}
.root dt{ width:100%; background:#0c65bf; margin-top:0%; text-align:center}
.root dt img{ margin: 0 auto;}
.root .wzgg{ width:100%; height:auto; color:#fff; padding-top:0%}
.root .wzgg h1{ display:none}
.root .wzgg h2{ display:none}
.root .wzgg p{ display:none}
.root .wzgg h3{ width:100%; height:50px; line-height:50px; font-size:18px; text-align:center;border-radius:50px; background:#FFFFFF; color:#0c65bf; display:block; margin-top:3%;}
}
@media only screen and (max-width:450px){ 
}

.mainsytj{ padding:3% 0% 0; }
.mainsytj_top{ text-align:center; }
.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:596px) { 
.mainsytj_top{ width:98%}
.mainsytj_top img{ width:100%}
}


/**/
.title1{ text-align:center;margin:0 auto; padding:30px 0; background:url(../images/tit.png) no-repeat center }
.title1 h2{color:#333; font-size:33px; height:40px; line-height:40px; font-family:"微软雅黑"; font-weight:bold;}
.title1 h2 span{  color:#7E170F;font-family:"微软雅黑"; text-transform:uppercase}
.title1 h1{ font-size:17px;font-weight:normal; padding-top:15px}
@media screen and (max-width:920px){
.title1{ padding:20px 0}
.title1 h2{ font-size:30px}
.title1 h1{ padding-top:7px; font-size:15px}
}
@media screen and (max-width:480px){
.title1 h2{ font-size:27px}
.title1 h1{ padding-top:5px; padding:0 2%}
}

.pro_list{width:100%;overflow: hidden; margin:0 auto;padding-bottom:10px; background:url(../images/cp_bg.jpg) no-repeat center bottom #f1f1f1;}
.pro_list li {float: left;width:23.3%; margin-bottom:0.5%; background:#f5f5f5; padding:0.3% ; margin-right:0.5%; margin-left:0.5%}

.pro_list li h4 dt{ width:100%;overflow: hidden;height:100%;background:url(../images/cpdts.png) no-repeat center bottom;z-index:98;background-size:100% auto;position:absolute; right:0px; bottom:0%}
.pro_list li h4{width:100%;float:left; overflow:hidden; max-height:300px; padding-bottom:100%; position:relative; display:block; text-align:left; }
.pro_list li h4 img{ width:100%; height:100%; float:left; position:absolute; margin:inherit;transition: all .5s; }    
.pro_list li a ol{ width:100%; overflow: hidden; height:45px;line-height:45px; font-size:15px; font-weight:normal; text-align:center;z-index:19999; position:relative;} 
.pro_list li a:hover img {transform: scaleX(1.2) scaleY(1.2); }
@media only screen and (max-width:1300px) {
.pro_list li{ width:31.3%}
}
@media only screen and (max-width:680px) {
.pro_list li{ width:48%}
}
@media only screen and (max-width:460px) {
.pro_list li{ width:99%; margin-bottom:2%;margin-left:0; margin-right:0}
.pro_list li a ol{ font-size:15px; padding:5px 0}
}

/*关于我们*/
.ghdgcpb {font-size: 38px;font-weight: bold;text-align: center;color: #761512; margin-bottom:5px; padding-top:37px}
.ghdgcpb span {font-size: 38px;font-weight: bold;}
.yzswnz { font-size: 20px;color: #F7E198;text-align: center;padding-top: 2px;height: 40px;}
.xigtnjd {width: 26px;height: 25px;margin: 0 auto;animation: myfirst 2s infinite; padding-bottom:30px}
@media screen and (max-width:1410px){
.ghdgcpb{ padding-top:35px}
}
@media screen and (max-width:750px){
.ghdgcpb{ font-size:32px; margin-bottom:15px}
.ghdgcpb span {font-size: 32px;}
.yzswnz{ font-size:18px}
}
@media screen and (max-width:500px){
.ghdgcpb{ font-size:29px}
.ghdgcpb span {font-size: 29px;}
}
.totalwidth{ width:1500px; margin:0 auto}
@media screen and (max-width:1510px){
.totalwidth{ width:95%}
}
.about_bg{ background:url(../images/abou_bg.jpg) no-repeat center top; padding-bottom:3%;}
.shgbbtl {width: 10px;height: 420px;background: #333;float: left;}
.left_div_top3{ background:url(../images/title3.png) no-repeat left center; height:77px; overflow:hidden}
.left_div_top3 span a img{ float:right; padding-top:10px}
.hsgbjtzb {width:800px;height: 340px;background: #f6f6f6;padding: 40px 45px 40px 45px;float: left;}
.ngjlswbz {font-size: 22px;color: #d7030c;height: 56px;}
.gjgnjsld {font-size: 14px;line-height: 36px;color: #333;height: 218px; overflow:hidden}
.srhlsnkd {width: 130px;height: 51px;background: #0067d0;margin-right: 1px;float: left;font-size: 16px;color: #fff;line-height: 51px;text-align: center;}
.srhlsnkd a {width: 130px;height: 51px;background: #0067d0;float: left;font-size: 16px;color: #fff;line-height: 51px;text-align: center;display: block;}
.srhlsnkd a:hover {width: 130px;height: 51px;background: #d7030c;float: left;font-size: 16px;color: #ff0;line-height: 51px;text-align: center;display: block;}
.jjbtyz {width: 560px;float: left;overflow: hidden;cursor: pointer}
.jjbtyz img {transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;width: 560px;}
.jjbtyz img:hover {-webkit-transform: scale(1.12, 1.12);transform: scale(1.12, 1.12);-moz-transform: scale(1.12, 1.12);}
@media screen and (max-width:1510px){
.hsgbjtzb{ width:50%}
.jjbtyz{ float:right}
}
@media screen and (max-width:1392px){
.hsgbjtzb{ width:43%}
}
@media screen and (max-width:1219px){
.hsgbjtzb{ height:420px}
.hsgbjtzb{ width:46%}
.jjbtyz{ width:40%; overflow:hidden; height:500px}
.jjbtyz img{ height:100%;}
}
@media screen and (max-width:752px){
.hsgbjtzb{ width:88%; height:auto; padding:5%}
.shgbbtl{ width:2%; height:400px}
.jjbtyz{ width:100%; height:auto}
.jjbtyz img{ width:100%}
.about_bg{ margin-bottom:30px}
}
@media screen and (max-width:505px){
.shgbbtl{height:380px}
}

.gg{ display:none; width:100%}
.gg img{ width:100%}
@media screen and (max-width:640px){
.gg{ display:block}
}

/**/
.xwtwo{ width:100%; margin:0 auto; background:url(../images/xwtwo.png) repeat ;}
.news11{ width:380px; float:left; margin-top:50px;}
.news11 h4{ font-size:30px; line-height:50px; font-weight:bold} 
.news11 h4 strong{ width:100%;color:#760501; font-size:36px}
.news11 h2{ font-size:14px; line-height:30px; font-weight:normal; color:#636c71; margin:0px 0px 30px 0px; }  
.news11 ul{ height:200px;background:url(../images/news1.jpg) no-repeat center top #f5f5f5;background-size:cover; display:block; }
.news22{ width:calc(100% - 420px); float:right;}
.news22_div{width:45%; float:left; height:106px; margin:0px 0px 10px 5%;padding:10px 0px; }
.xnr{width:calc(100% - 130px); float:right;}
.xnr h2{ line-height:30px; font-size:13px; height:30px; color:#7f6f62; overflow:hidden} 
.xnr h3{ height:62px; line-height:30px; overflow:hidden; color:#333; padding-top:3px; }
.datas{float:left;width:100px;height:85px;color:#000;margin:6px 0px 0px 0px; border-right:1px #ccc solid;}
.datas h2{ height:40px; line-height:70px; font-size:36px; font-family:Impact; color:#90480F}
.datas h3{ height:30px; line-height:30px; display:block; color:#000; margin-top:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
@media screen and (max-width:1280px) { 
.news11 h4{ font-size:24px;} 
.news22_div{width:95%;}
.news22_div:nth-child(n+4){ display:none}
} 
@media screen and (max-width:768px) {
.xwtwo{ padding:3% 0%}
.news11{ display:none;}
.news22{ width:100%;} 
.news22_div{ padding:10px 0px;margin:0%;width:100%} 
.news22_div:nth-child(n+4){ display:none}
}
@media screen and (max-width:640px) {
.xwtwo{ display:none}
}


.fl{ float: left}
.fr{ float:right}
.advantage{background: url(../images/ysbj.jpg) no-repeat top center fixed;}
.bt-all{text-align:center; height:115px; width:100%; background: url(../images/hf.jpg) no-repeat center top; padding:53px 0}
.bt-all h3{color:#F0E5B7;font-size:41px;font-weight:bold;letter-spacing:2px; line-height:70px }
.bt-all h4{ font-size:23px; color:#fff; font-weight:normal}
.ysimg{ width:50%;}
.ysimg img{width:90%;}
.ysimg{ text-align:center;margin:0 auto;}
.yscent{  width:50%}
.yscent span{float:left;width:50px;height:60px;line-height:60px; font-size:36px;background:#550B02;color:#fff; border-radius:0 0 50px 50px;text-align:center;margin-right:10px;}
.yscent .title0{ margin-top:60px;overflow:hidden;}
.yscent .title0 h3{font-size:27px;font-weight:bold;margin-top:0;letter-spacing:2px;}
.yscent .title0 h3 b{color:#760501;}
.yscent .title0 h3 p{font-weight:100;font-size:16px; margin-top:8px;color:#999;text-transform:uppercase;}
.yscent .text0{margin:10px 30px 10px 60px; font-size:16px; line-height:27px}
.row{ width:1200px; margin:0 auto}
@media only screen and (max-width:1210px) { 
.row{ width:95%}
}
@media only screen and (max-width:960px) { 
.bt-all{height:80px;}
.bt-all h3{font-size:31px; line-height:34px}
.bt-all h4{ font-size:21px; line-height:60px }
.column .fl{ float:none}
.ysimg{ width:65%}
.yscent{ width:100%}
.col2 .ysimg{ display:none}
.yscent .title0{ margin-top:0px}
.yscent .title0 h3 p{ margin-top:0}
}
@media only screen and (max-width:584px) { 
.bt-all{ height:61px}
.bt-all h4{ padding-top:10px; line-height:25px; font-size:17px}
}
@media only screen and (max-width:539px) { 
.yscent .title0 h3 { font-size:21px}
.yscent .text0{ margin:3px 30px 5px 60px}
.yscent .title0 h3 p{ font-size:13px}
}
@media only screen and (max-width:450px) { 
.yscent .title0 h3 p{ display:none}
.yscent .title0 h3{ line-height:26px}
}
@media only screen and (max-width:419px) { 
.bt-all{ padding:30px 0}
.bt-all h3{ font-size:24px}
.bt-all h4 { font-size:14px}
}

/**/
.fc { width: 100%; padding-bottom: 44px; } 
.fc_main{ width:80%; margin:0 auto}
.sybt{}
.sybt h1{ line-height:70px; color:#333}
.fc .fc_main .fc_view { } 
.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 > a {  display: block;width: 100%;height: 0; position: relative; padding-bottom:75%;transition: all 0.3s ease 0.1s;overflow: hidden; } 
.fc .fc_main .fc_view ul li > a > 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 .fc_txt {width:100%; height: 52px; background-color:#ffffff; text-align:center } 
.fc .fc_main .fc_view ul li .fc_txt > a {width:100%;line-height: 52px; font-size: 16px; color: #333333;box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.fc .fc_main .fc_view ul li .fc_txt > span { width: 28px; border-bottom: 1px solid #adadad; box-sizing: border-box; text-align: center; height: 30px; line-height: 30px; margin-top: 10px; font-size: 20px; font-family: Arial; color: #333333; margin-right: 18px; } 
.fc .fc_main .fc_view ul li:hover > a > img { transform: scale(1.05); } 
.fc .fc_main .fc_view ul li:hover .fc_txt > a { color: #4bb031; } 
.fc .fc_main .fc_view .fc_btn { width: 100%; text-align: center; margin-top: 36px; } 
.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: 53px; height: 53px; cursor: pointer; position: relative; border-radius: 50%; background: #fff; 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/fc_p.png) center no-repeat; } 
.fc .fc_main .fc_view .fc_btn .fc_n::after { background: url(../images/fc_n.png) center no-repeat; }
@media screen and (max-width:1610px){
.fc_main{ width:95%}
}
@media screen and (max-width:1280px){ 
.fc .fc_main .fc_view ul li {  width:calc(33.33333% - 14px);} 
}
@media screen and (max-width:1024px){ 
.fc {margin-top:30px;} 
.fc .fc_main .fc_view { margin-top:15px; } 
}
@media screen and (max-width:640px){ 
.fc .fc_main .fc_view ul li {  width:calc(50% - 14px);} 
}
@media screen and (max-width:480px){ 
.fc {margin-top:5px;} 
.fc .fc_main .fc_view { margin-top:5px; } 
.fc .fc_main .fc_view ul li {  width:calc(100% - 14px);} 
}


/*annoyance*/
.ann{ background:url(../images/bj2.jpg) no-repeat center bottom; padding-top:78px; padding-bottom:30px}
.annoyance{ width:1400px; margin:0 auto}
.annoyance-left{width: 527px;height: 353px;}
.annoyance-left img{display: block;width: 527px;height: 353px;overflow: hidden;}
.annoyance-right{width: 640px;}
.annoyance-right h3{font:bold 21px/36px "microsoft yahei" ;}
.annoyance-right h3 span{color:#6F1208;}
.annoyance-right ul{}
.annoyance-right ul li{padding-top:10px;}
.annoyance-right ul li span:before{display: inline-block;content: "";width:10px;height:13px;padding-right: 10px;background: url(../images/icon-1.png) no-repeat no-repeat;}
.annoyance-right ul li span{display: block;font: 17px/36px "microsoft yahei";}
.annoyance-right ul li p{font:15px/20px "microsoft yahei";color: #5f5f5f;	padding-left: 16px;}
.ann-tel{margin-top: 30px;}
.ann-tel span{display: inline-block;font: bold 16px "microsoft yahei";color: #fff;padding-left: 16px;}
.ann-tel a{display: inline-block;width: 125px;height: 45px;background:#6F1208;vertical-align: middle;margin-left: 30px;font: 16px/45px "microsoft yahei";text-align: center;color: #fff;box-shadow:2px 3px 14px rgba(0,0,0,0.3);}
@media only screen and (max-width:1410px) {  
.annoyance{ width:95%;}
}
@media only screen and (max-width:1275px) {  
.annoyance-left{ width:40%; height:auto}
.annoyance-left img{ width:100%; height:auto}
.annoyance-right{ width:56%}
}
@media only screen and (max-width:1120px) {  
.annoyance-left{ width:46%}
.annoyance-right{ width:49%}
.annoyance-right ul li{ padding-top:0}
.ann-tel{ margin-top:10px}
}
@media only screen and (max-width:1074px) {  
.annoyance-left{ display:none}
.annoyance-right{ width:100%}
.annoyance-right ul li{ padding-top:10px}
.annoyance-right h3{font: bold 25px/36px "microsoft yahei";}
.annoyance-right ul li span{font: 18px/36px "microsoft yahei";}
.annoyance-right ul li p{font: 15px/20px "microsoft yahei";}
}
@media only screen and (max-width:750px) {  
.annoyance-left{ display:block; width:95%; float: none; margin:0 auto}
.annoyance-right h3{font: bold 22px/36px "microsoft yahei";}
.annoyance-right ul li span{font: 17px/36px "microsoft yahei";}
.annoyance-right ul li p{font: 15px/20px "microsoft yahei";}
}
@media only screen and (max-width:352px) {  
.ann-tel a{ width:46%; margin-left:2%; margin-right:2%}
}

/*新闻*/
.xwthree{ padding:0% 0% 30px 0%; background:url(../images/xwtwo.png) repeat}
.xwthree_top{ text-align:center;  padding:1% 0% 1% 0%; background:url(../images/cpfl_top.png) no-repeat center bottom}
.xwthree_top h2{ font-size:36px; line-height:50px; font-weight:normal} 
.xwthree_top h2 strong{ padding-right:2%;}
.xwthree_top  b{ display:block; margin: 0 auto; font-size:36px; text-transform:uppercase;}
.xwthree_top span{ font-size:18px; line-height:50px; color:#000; font-weight:normal} 
.news_box { width:35%; float: right }
.index_news { width:100%; float:left; background:#f5f5f5; margin-bottom:10px;}
.index_news a{ padding:10px; float:left; display:block}
.index_news h1{ height:130px; display:block; overflow:hidden; width:31%; float: left}
.index_news li{display:block; overflow:hidden; width:62%; float: right}
.index_news h3 {height:30px; font-size:16px; line-height:30px; overflow:hidden;background:url(../images/y.png) no-repeat left center; padding-left:30px; }
.index_news p { color:#222; font-size: 14px; margin-bottom:5px; line-height:25px; height:48px; overflow:hidden }
.index_news a.new_btn { display: block; width: 80px; font-size:12px; text-align: center; color: #fff; background-color:#EE8400; padding: 7px 0px; float:left }
.index_news a.new_btn:hover { text-decoration: none; background-color: #666; }
.index_news span { float:right; font-size: 16px;font-family: Arial;padding-right:3px; line-height:30px }
.news_box .index_news:nth-child(1) h1{background:url(../images/news_box1.jpg) no-repeat center top;background-size:cover} 
.news_box .index_news:nth-child(2) h1{background:url(../images/news_box2.jpg) no-repeat center top;background-size:cover} 
.news_box .index_news:nth-child(3) h1{background:url(../images/news_box3.jpg) no-repeat center top;background-size:cover} 
.news_box .index_news:nth-child(4) h1{background:url(../images/news_box4.jpg) no-repeat center top;background-size:cover} 

.newsthree{ width:63%; float: left} 
.line{ width:100%; height:2px; background:url(../images/line1.gif); margin:30px auto; overflow:hidden}
.newsdiv{}
.newsdiv ul{ margin:0px; padding:0px; list-style-type:none}
.newsdiv ul li{ width:31.33333%;height:30px; line-height:30px;margin:0% 1% 14px 1%; float:left; overflow:hidden;}
.newsdiv ul li a{ }
.data{ float:right;}
 
@media only screen and (max-width:1680px) {  
.newsthree .data{ display:none}
}
@media only screen and (max-width:1200px) {  
.xwthree_top h2{ font-size:30px;}
.newsdiv ul li{ width:48%;}
.newsdiv ul li:nth-child(n+23){ display:none}
.newsthree{ width:46%}
.news_box{ width:50%}
}
@media only screen and (max-width:1024px) {   
.newsdiv ul li{ width:98%;}
.newsdiv ul li:nth-child(n+12){ display:none}
}
@media only screen and (max-width:850px) { 
.xwthree_top h2{ font-size:24px;}
.newsthree{ display:none}
.news_box{ width:100%}
.index_news a{ width:96%; padding:1%;}
}
@media only screen and (max-width:768px) {  
} 

/**/
.nn{ width:100%; padding-bottom:15px; background: url(../images/bj3.png) repeat top #f1f1f1}
.nn1{ width:1500px; margin:0 auto; border-left:1px #D1E0F5 solid}
.newsCon{width: 32%;float: left; margin-right:2%;}
.newsCon:nth-child(3){ margin-right:0}
.newsCon h3 {font-weight: normal;margin-bottom: 14px;padding-left:5px; padding-right:5px; background:url(../images/sy.png) no-repeat left center}
.newsCon h3 a {display: block;height:58px;background: url(../images/news01.png) no-repeat right center; line-height:58px}
.newsCon h3 b {font-size: 22px;color: #0D397E;margin-right: 10px; float:left}
.newsCon h3 i {font-size: 10px; float:left}
.newsCon h3 em{ float:right; margin-top:19px}
.newsCon dt {background: #fff;margin-bottom: 15px;}
.newsCon dt img {display: block; width:100%}
.newsCon dd {height:37px;line-height: 37px;padding-left: 18px;background: url(../images/ty01.png) no-repeat left center;font-size: 14px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.newsCon dd a {color: #333; float:left}
.newsCon dd span{ float:right}
.newsCon dl dd:hover { background: url(../images/ty02.png) no-repeat left center;}
@media only screen and (max-width:1510px) {
.nn1{ width:95%}	
}
@media screen and (max-width:1435px){ 
.newsCon dd a{ width:70%; overflow:hidden}
}
@media screen and (max-width:1118px){ 
.newsCon:nth-child(2){ display:none}
.newsCon{ width:49%}
}
@media screen and (max-width:715px){ 
.newsCon:nth-child(1){ display:none}
.newsCon{ width:100%}
.newsCon dd:nth-of-type(n+8){ display:none}
}
@media screen and (max-width:368px){ 
.newsCon dd a{ width:50%;}
}

/*单独内页*/
.pro_info{padding:18px 5px 0;}
.rel_center11{width:35%; height:400px; margin:3% 3% 3% 0%; float:left; overflow:hidden;  position:relative; display:block; text-align:left; } 
.rel_center11 img{ width:100%; height:100%; float:left }
.pro_name1{ width:40%;float:left; margin-top:3%}
.pro_name1 h2{font-size:18px;height:26px;line-height:26px;margin-bottom:10px; overflow:hidden;font-weight:700;}
.pro-canshu{border-top:1px solid #ffcac6;background:#fff8f8;padding:6px 0 6px 16px;margin-bottom:10px; text-align:left}
.pro-canshu p{line-height:30px;font-size:20px;padding:12px 0;}
.pro-canshu p span{color:#999;font-size:14px;}
.info_title h3{padding:48px 0 24px 0;}
.nylx a{display:block;width:calc(97% / 3);height:46px;margin:8px 1% 0 0;font-size:16px;font-weight:700;padding:0 8px;line-height:46px;color:#fff;text-align:center;border-radius:8px;float:left;box-sizing:border-box;}
.nylx a.nm{background-color:#ef1f1f;border-color:#ef1f1f;}
.nylx a.nm1{background-color:#d74b00;border-color:#d74b00;}
.nylx a.nm2{border:1px solid #e0e0e0;color:#333;font-weight:400;}
.xgcp_title{padding:10px;background-color:#f7f7f7;margin-bottom:15px;}
.xgcp_title h3{height:30px;line-height:30px;font-weight:bold;font-size:18px;}
#textarea img{max-width:100%}
.nyxx{padding:12px 0;line-height:24px;padding-left:16px;color:#666;}
.nyxx span{ padding-left:16px;}
.nyb{ width:20%;float:right;border:1px solid #ffedc8;padding:14px;box-sizing:border-box;background:#fffcf6; margin-top:3%}
.nyb .yby{ width:auto;}
.nyb .bt .fl{width:100%; line-height:30px} 

.ybt{width:100%;height:54px;margin-bottom:16px;}
.ybt img{display:inline-block;float:left;width:54px;height:54px;}
.ybt span{display:inline-block;float:right;padding:4px 0 8px 8px;width:100%;font-size:16px;color:#000;font-weight:700;box-sizing:border-box;}
.ybt span font{font-size:14px;line-height:14px;color:#666;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-weight:normal;padding-top:10px;display:block;}
.yby{display:block;width:275px;height:28px;font-size:12px;line-height:28px;padding:3px 8px;margin-bottom:16px;background:rgba(30,152,255,0.08);border-radius:2px;color:#249afe;}
.lj1,.lj2{ width:calc( (100% - 15px) / 2);font-weight:700;padding:0;float:left;background:#ef1f1f;color:#fff;height:40px;line-height:40px;border-radius:4px;text-align:center;box-sizing:border-box;}
.lj1{margin-right:15px;}

.yxw{ list-style:none;}
.yxw li{ height:30px;line-height:30px;overflow:hidden;margin-bottom:8px;}
.ymm{width:100%;height:44px;line-height:44px;font-size:16px;color:#fff;background-color:#ef1f1f;border-color:#ef1f1f;font-weight:400;text-align:center;margin-top:15px;}


@media screen and (max-width:1280px){
.nyb{ padding:10px;}
.nyb .ybt span font{ display:none;}
.pro_name1 h2{font-size:16px;}
.info_title h3{padding:40px 0 22px 0;}
}
@media screen and (max-width:1024px){ 
.nyb{ display:none}
.rel_center11{width:48%;}
.pro_name1{ width:46%;}
.nrz{ display:none;}
.nry{ width:100%;}
}
@media screen and (max-width:768px){ 
.rel_center11{width:100%; margin-right:0; height:auto}
.pro_name{ width:100%; margin-top:20px;}
.pro_name1 h2{ display:none;}
.nyn li span{width:50px;padding-right:10px;}
.pro_name1{ width:100%}
}
@media screen and (max-width:640px){ 
.nyn li{ width:50%;}
.nbb{ padding:10px;}
}


.npro{margin-top:18px;}
.npro li{text-align:center;list-style:none; float:left; margin:0% 2% 15px 0%; width:18%}
.npro li a{display:block;}
.npro li a span{display:block;width:100%;height:0;position:relative;padding-bottom:100%;overflow:hidden}
.npro 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;}
.npro 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;}
.npro li a span img:hover {transform:scale(1.2);} 
.npro li a em{display:block;width:100%;height:0;position:relative;padding-bottom:100%;overflow:hidden}
.npro li a em img{width:100%;position:absolute;top:0;left:0;transition-duration:1s;-ms-transition-duration:1s;-moz-transition-duration:1s;-webkit-transition-duration:1s;}
.npro li a em img:hover {transform:scale(1.2);} 
.npro li a p{display:block;height:40px;line-height:40px;overflow:hidden;}
.npro li a:hover p{color:#000;}
.npro li:nth-child(n+6){ display:none;}
@media screen and (max-width:1280px){
.npro li:nth-child(4){margin-right:0}
}
@media screen and (min-width:992px){
.npro li a p{height:36px;line-height:36px;}
} 
@media screen and (max-width:768px){
.npro li{overflow:hidden;width:48%; margin:0% 1% 1% 1%;} 
.npro li:nth-child(n+5){ display:none;}
} 

.nrz{ width:240px;float:left;border:1px solid #eee;}
.nrtt{color:#000;height:48px;padding:0 16px;font-size:16px;font-weight:700;line-height:48px;border:1px solid #eee;background-color:#f7f7f7;}
.nrz ul{padding:16px 16px 0;}
.nrz ul li{text-align:center;list-style:none;}
.nrz ul li a{display:block;}
.nrz ul li a span{display:block;width:100%;}
.nrz ul li a span img{width:100%;transition-duration:1s;-ms-transition-duration:1s;-moz-transition-duration:1s;-webkit-transition-duration:1s;}
.nrz ul li a span img:hover {transform:scale(1.2);} 
.nrz ul li a p{display:block;height:40px;line-height:40px;overflow:hidden;}
.nrz ul li a:hover p{color:#000;}

.nry{ width:calc(100% - 270px);float:right;border:1px solid #eee;}
.nbb{ padding:20px;}
.nyn{margin-bottom:32px;border-bottom:1px solid #eee;padding-bottom:20px;}
.nyn li{ width:calc(100% / 3);float:left;box-sizing:border-box;padding-right:16px;margin-bottom:16px;line-height:22px;vertical-align:top;}
.nyn li span{width:100px;padding-right:16px;color:#999;float:left;box-sizing:border-box;word-break:break-all;}
@media screen and (max-width:1024px){
.nry{ width:100%}
}
@media screen and (max-width:850px){
.nyn li{ width:100%}
}

.nyecptu{ width:500px; margin:0 auto}
.nyecptu img{ width:100%}
@media (max-width:568px){
.nyecptu{ width:95%}
}

.nyecptu h1{ text-align:center; line-height:44px; font-size:18px}
#textarea{ padding-bottom:20px}
#textarea p{ line-height:25px; font-size:15px; padding-top:20px}

.keys{ line-height:27px}
.tc{ line-height:27px}
.xiangxi{ line-height:27px}

.txtW {font-size:17px;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;}
.inewslist ul li{ width:100%; height:35px; border-bottom:1px #DCDCDC dashed; line-height:35px; float:left; overflow:hidden}
.inewslist ul li a{ float:left; height:35px;}
.inewslist ul li span{ float:right}

/*内页*/
.cpfl{ width:100%; margin-bottom:20px}
.cpfl dl{}
.cpfl dl dt{ width:12.1%; margin-left:0.2%; margin-right:0.2%; background:#333; text-align: center; float:left; margin-bottom:0.5%; height:45px; line-height:45px }
.cpfl dl dt:last-child{ margin-right:0}
.cpfl dl dt a{ color:#FFF }
@media screen and (max-width:990px){
.cpfl dl dt{ width:24.6%}
}
@media screen and (max-width:730px){
.cpfl{ width:100%}
.cpfl dl dt{ width:32.8%; overflow:hidden}
.cpfl dl dt:last-child{ display: block}
}
@media screen and (max-width:610px){
.cpfl dl dt{ width:49.6%;}
}

.productlist dl{ width:24.2%; float:left; margin-right:1%; margin-bottom:0.5%;}
.productlist dl:nth-child(4n){ margin-right:0}
.productlist dl:hover{ background:#fff}
.productlist dl dt{ height: 267px; overflow:hidden;}
.productlist dl dt a{ width:100%}
.productlist dl dt a img{ width:100%; height: auto; vertical-align:middle;transition: all .4s ease-in-out;}
.productlist dl dt a:hover img {transform: translateZ(0) scale(1.12);}
.productlist dl dd{ height:36px; line-height:36px; text-align:center; overflow:hidden}
.productlist dl dd a{ height:36px; line-height:36px}
@media screen and (max-width:1418px){
.productlist dl dt{ height:217px;}
}
@media screen and (max-width:1194px){
.productlist dl dt{ }
.productlist dl { width:32.6%}
.productlist dl:nth-child(4n){ margin-right:1%}
.productlist dl:nth-child(3n){ margin-right:0}
}
@media screen and (max-width:680px){
.productlist dl{ width:49.5%}
.productlist dl:nth-child(3n){ margin-right:1%}
.productlist dl:nth-child(2n){ margin-right:0; float:right}
}
@media screen and (max-width:523px){
.productlist dl{ width:100%; margin-right:0}
.productlist dl dt{ height:auto}
}


.ny_bb{ height:100px; width:100%; background:#f5f5f5}
.ny_cc{ max-width:1500px; margin:0 auto}
.ny_bt{}
.ny_bt_l {float: left;margin-right: 2%;width:38%;transition: .2s width ease; height:100px}
.title-a {padding: 20px 0 0;position: relative;}
.title-a:before { content: "";display: inline-block; width:5px; height: 50px; vertical-align: top; margin: 0 1rem;}
.title-a span {font-weight: bold;font-size:24px;color: #66130B; line-height:47px}
.title-a i {float: right;font-size:29px;text-transform: uppercase;line-height: 47px;font-weight: bold;}
.title-a:after {content: "";width: 1px; height: 100px; background: #66130B;display: block; position: absolute; left: 0; top:0}
.ny_bt_r{ float:right; width:55%}
.title-b {color: #fff; background: #ccc;height:100px;line-height: 100px; padding-left: 2%; font-size:16px }
.title-b i {font-size: 2rem; margin-right: 1rem;}
.title-b a {color: #fff;}
@media screen and (max-width:1410px){
.ny_cc{ width:95%}
}
@media screen and (max-width:750px){
.ny_bt_l{ display:none}
.ny_bt_r{ width:100%}
.ny_bb{ height:100px; background: none}
}
@media screen and (max-width:680px){
.ny_cc{ width:100%}
}

.nr {margin: 0 auto; width:1500px; margin-top:1%; background:#FCFCFC; padding:1%}
@media screen and (max-width:1510px){
.nr {margin: 0 auto; width:95%;}
}

.content1{ line-height:37px; font-size:15px;width:100%; margin:0 auto; }
.content{  line-height:37px; font-size:15px; width:100%; margin:0 auto;}
@media screen and (max-width:1400px){
.content{ width:95%; padding-top:2%}	
.content1{width:95%; padding-top:2%}
}
@media screen and (max-width:1250px){
.content img{ width:95%; margin:0 auto}
}
@media screen and (max-width:600px){
.content1 img{ width:90%; height:auto}
}

.page { margin:0px auto; width:1500px; padding-top:10px; padding-bottom:8px}
.page ul li{float:left; border:1px solid #e5e5e5; padding:0 5px; height:20px; line-height:20px; overflow:hidden; color:#000; margin:0 3px 3px;}
.page ul li a{color:#666;}
.page ul li a:hover{color:#588b00;}
.page ul li a.on{color:#333; font-weight:bold;}
.page ul li.last{color:#7b7b7b;}
@media screen and (max-width:1510px){
.page { width:95%}	

}

.rel_center0{ text-align:center}
.pro_name{ text-align:center; margin-top:1%}
.pro_name h2{ font-size:24px; font-weight:normal}
@media only screen and (max-width:550px) {
.rel_center0 img{ width:80% }	
.pro_name h2{ font-size:18px}
}
.info_title{width:100%;text-transform:uppercase;margin-bottom:20px;}
.info_title h3{font-size:18px;text-align:left;padding:36px 0 10px 0;border-bottom:1px solid #ddd;}
.info_title h3 span{font-family:'Arial';font-size:15px;}
.info_title hr{width:44px;height:2px;background:#5F5F5F;border:none;margin:-11px auto 0 auto;}

.title{ text-align:center; font-size:19px; font-weight:bold; margin-bottom:1%}
.info{ text-align:center; width:40%; border-bottom:1px #A5A2A2 solid; border-top:1px #A5A2A2 solid; margin:0 auto; margin-bottom:20px}
@media only screen and (max-width:680px) {
.info{ width:100%}
}

.xwzx{}
.xwzx ul{ list-style-type:none}
.xwzx ul li{ border-bottom:1px dotted #ccc; height:35px; line-height:35px}
.xwzx ul li span{ float:right; font-size:12px}
@media only screen and (max-width:680px) {
.xwzx ul li a{ width:70%; float:left; height:35px; overflow:hidden}
.xwzx ul li span{ width:25%; text-align:right}
}
.ipro{}
.ipro dl{ width:24%; float:left; margin-right:0.5%; margin-left:0.5%}
.ipro dl dt{ width:100%}
.ipro dl dt a{ width:100%}
.ipro dl dt a img{ width:100%; height: auto; vertical-align:middle; }
.ipro dl dd{ height:35px; line-height:35px; text-align:center; width:100%; overflow:hidden}
.ipro dl dd a{ height:35px; line-height:35px}
@media only screen and (max-width:680px) {
.ipro dl{ width:49%}
.ipro dl dd a{}
}
.newslist{}
.newslist dl{ list-style-type:none; border-bottom:1px dotted #ccc; }
.newslist dl dd { height:33px; line-height:33px}
.newslist dl dd a{ font-size:14px; color:#000; font-family:"微软雅黑"; float:left; font-weight:bold}
.newslist dl dd span{ float:right;}
.newslist dl dt{line-height:28px; margin-bottom:5px; display:block; height:63px; overflow:hidden}
@media only screen and (max-width:450px) {
.newslist dl dd a{ width:65%; height:33px; overflow:hidden}
}

/*联系我们*/
.bcont{ text-align:center; background:#f5f5f5; padding:3% 0%; margin-top:3%; margin-bottom:3%}
.bcont .span-3{ width:23%; float:left}
.span-i{width:28%; float:left; height:300px;background:url(../images/bcont.png) no-repeat right bottom;background-size:cover; }
.span-l{ width:26%; float:left; padding:0% 0% 0% 8%; text-align:left}
.span-l p{ text-align:left}
.bcont i{ color: #545454; font-size: 4rem;}
.bcont p{ color:#666666; margin:10px 0 0; font-size: 16px;}
.bcont span{ color:#535353; font-size:18px; display: block;}
.bcont img{ width:50%; margin:  0 auto}

@media only screen and (max-width:1024px) {
.span-3no{ display:none}
.span-l{ width:35%;  padding:0% 0% 0% 5%; text-align:left}
.span-i{ width:35%;}
.bcont img{ width:85%;}
}
@media only screen and (max-width:850px) {
.bcont .span-3{ display:none; } 
.span-i{ display:none}
.span-l{ width:95%}
} 
@media only screen and (max-width:520px) {
.bcont{  background: none; }
.span-i{ width:100%; height:500px;} 
}
@media only screen and (max-width:414px) {
.span-i{ height:300px;} 
}
/*联系我们end*/

.footer{ background: url(../images/foot.jpg) repeat-x #61140a;color:#858585; line-height:30px; position: relative; font-size: 14px;}
.footer a{ color:#fff; }
.footer a:hover{ color:#858585;} 
.footer .flink{ line-height: 30px;}
.footer .fpad{ padding: 0 4%;} 
.footer .ftit{ font-size:18px; font-weight: bold; margin-bottom:20px; } 
.footer .ftit b{ width:20px; background:#fff; height:2px; display:block; margin-top:20px;}
.fcont{ line-height:100px;} 
.fcont h2{ }
.fcont h2 img{ max-width:none; } 
.fcont p{ width:36px; height:1px;background:#fff; margin-bottom:20px;  display:block;}

.fcoy{  padding:2px 0; background:#62130C } 
.footer .span-4{ width:10%; float:left;  }
.footer .span-5{ width:24%; float: left; margin-right:3% }
.footer .span-3{ width:26%; float:left;} 
.footer .span-4 li{ width:100%;  float:left; line-height:30px; overflow:hidden; height:30px}   
.footdivli{ width:20%; float: left; }
.footdivli li{ width:50%;  float:left; line-height:24px; overflow:hidden; height:24px}   
.footdivul{ width:10%; float: right; }
.footdivul li{width:100%; text-align: center; float: left; } 
.footdivul li img{ width:67%;  } 
.footdivul ul{ width:100%; float:left; }
.footdivul h2{width:100%; line-height:50px; color:#FFFFFF; }  
.footdivul p{ width:100%; display:block; line-height:30px; text-align:center} 
.footdivul p strong{ font-weight: bold; display:block}  
.footdivlx{ width:20%; float: left; }
.footdivlx ul{ }
.footdivlx ul li{font-size:16px; line-height:30px; color:#fff;  }  
.footdivlx h1{font-size:36px;color:#f87501; padding-left:20px;background: url(../images/footerh2.png) no-repeat; padding-top:29px }
.footdivlx h2{font-size:16px; line-height:30px; height:30px; overflow:hidden; color:#858585 }
.footdivlx .span-4 a{ padding-right:10px;}
.footnav{ width:12%; float:left;  }
.footnav li{ width:100%; float:left}
.footnav li h2{ font-size:18px; line-height:40px; height:30px; font-weight:normal;color:#858585; overflow:hidden}
.footnav li p{ font-size:14px; line-height:40px; height:30px; color:#858585; text-transform:uppercase;}
 
.foot-info{ padding:2% 0% 2% 0%;} 
.ftit_logo{ font-size:20px; line-height:50px; color:#FFFFFF; }
.copyright{ padding:20px 0px 0px 0px;}
.copyright p{ display: block}
.lingk{ display:inline} 
.copyrightno{ height:40px; overflow:hidden; line-height:40px; color:#333} 
.copyrightno a{ color:#333} 
.copyrightno a:hover{ color:#333}
.vipb a{ color:#FFFFFF}   
.footer .span-5 li{ height:92px;background: url(../images/footerlogo.png) no-repeat right top;background-size: 87% 100%; padding-top:50px}
.footer .span-5 li h2{ font-size:26px; color:#FFFFFF}
.footer .span-5 li p{ font-size:18px; color:#FFFFFF; padding:20px 0%;}
@media only screen and (max-width:1440px) {  
.footdivul{ display:none} 
.footer .span-5{ width:32%}
}
@media only screen and (max-width:1200px) { 
.footdivlx{ width:20%; }
.footdivli{ margin:0% 3%}
.footer .ftit{ font-size:18px}  
.spanno{ display:none}
.footer .span-5{ width:39%}
}
@media only screen and (max-width:1024px) { 
.foot-info{ padding:3% 0% 3% 0%;} 
.copyright{ padding:2% 0% 3% 0%}
.footer .ftit{ display:none}
.footer .span-5{ width:32%}
.fcont p{ padding-right:5%}
.lingk{ display:none}
.copyright strong{ display:none}  
.ftit_logo{ font-size:14px}
.footdivli{ width:27%; margin:0%} 
.footdivlx h1{ font-size:24px}
.footer .span-5 li h2{ font-size:18px}
} 
@media only screen and (max-width:850px) { 
.footdivlx{ display:none}
.footer .span-5{ width:100%; text-align:center}
.footnav{ display:none}
.footdivli{ display:none} 
.footdivlx{ width:100%; border:none; padding:0% 0% 50px 0%} 
.footdivlx h1{ text-align:center; font-size:18px} 
.footer .span-5 li{ padding-top:10px}
.footer .span-5 li h2{ font-size:30px}
.footer .span-5 li p{ padding:13px 0; font-size:18px}
.foot-info{ padding:35px 0 0 0}
.copyright{ padding:0 0 2% 0}
}
@media only screen and (max-width:768px) {  
.footer{ padding:3% 0% 60px 0%; }
.footbot{ padding:0% 0% 40px 0%}
.foot-info{ padding:8% 0% 0% 0%}   
.footer .span-4{ display:none} 
.footer .span-5{ width:100%; text-align:center;  }  
.copyright{ text-align:center; padding:2% 0% 20px 0%} 
.copyright p{ display: block; float: none; margin: 0 auto} 
.footdivlx ul li:nth-child(1) { width:100%; float:left}
.footdivlx ul li:nth-child(2){ width:100%; float:left}
.footdivlx ul li:nth-child(3){ width:100%; float:left}
.footdivlx ul li:nth-child(4){ width:100%; float:left}
}
@media only screen and (max-width:450px) {    
.footdivli{ display:none}
.fcont p{ display:none}
.footdivlx li{ display:none}  
.footer .span-5 li{ background:none; height:auto; padding:0%}
}
@media only screen and (max-width:380px) { 
.footdivlx li{ width:100%; text-align:center}   
.footdivlx li:nth-child(2){ padding:0%; } 
}
 
.header1{ display:none}
.header1 h2{ display:none}
@media only screen and (max-width:768px) {   
.header1{ height:60px; position:fixed; bottom:0px; left:0px; z-index:99999; width:100%; line-height:45px; display:block; clear:both; background:#333 }
.header1 h2{ width:100%; height:45px; text-align:center; background:url(../images/header1.png) no-repeat center top ; display: block}
.header1 h2 a{ color:#FFFFFF; font:24px/60px "微软雅黑"; margin: 0 auto; width:100%; display: block; font-variant:small-caps; height:60px;}
.header1 li{ width:50%; float:left; height:90px; } 
.header1 li a{ width:100%; text-align:center; display:block}
.header1 a p{ line-height:60px; color:#FFFFFF; display:inline;}
.header1 a img{ margin-bottom:-7px; margin-right:10px;} 
.header1 li:nth-child(1){background:url(../images/n3.png) repeat-y right top; }
} 

.qyfz{font-size:15px; color:#FFF; padding-bottom:20px}
.qyfz a{ color:#FFF;}
.qyfz h1{ font-weight:normal; font-size:15px; float:left}

.vipb{ 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; font-weight:bold}
.vipb a{ color:#eec162} 
@media only screen and (max-width:768px) {
.vipb{bottom:80px;}
}