*{ margin:0px; padding:0px}
body{  font-size:14px; color:#000000; font-weight:normal;}
img,div,table,tr,td,span{ border:none}
ul,li{ list-style:none}
html {cursor: url(../images/cur.png), default;}
a{ text-decoration:none; cursor: url(../images/Acur.png), default; color:#000}
a:hover{ text-decoration:none; }

.clear{ clear:both; overflow:hidden}

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

.topnav{ width:100%; margin:0px auto; background:url(../images/bg01.png) repeat}
.tb{ width:1500px; margin:0px auto}
.tbyc{ width:100%; margin:0px auto; text-align:right; }
.tbyc a{ padding-left:15px}
.logo{ width:1500px; margin:0px auto; padding-bottom:17px; padding-top:12px}
.logo_l{ float:left}
.logo_tel{ width:238px; float:right; height:64px; background:url(../images/logo_tel.png) no-repeat left center; margin-top:17px; padding-left:60px}
.logo_tel h1{ font-size:16px}
.logo_tel h2{ font-size:33px; padding-top:4px;}
@media screen and (max-width:1510px){
.tb{ width:95%;}
.logo{ width:95%}
}
@media screen and (max-width:1015px){
.logo_tel{ display: none}
.logo_l{ width:620px; margin:0 auto; float:none}
.logo{ padding-bottom:12px}
}
@media screen and (max-width:654px){
.logo_l{ width:100%}
.logo_l img{ width:100%}
}
@media screen and (max-width:550px){
.tb{ display: none}
}

.nav1{ width:100%; margin:0px auto; background:#D70800;}
.nav0{ width:1500px; margin:0px auto;}
.nav0 ul{ list-style-type:none}
.nav0 ul li{ float:left; width:calc(76%/8); text-align:center; height:55px; line-height:55px; background:url(../images/sx.png) no-repeat right center}
.nav0 ul li:last-child{ background:none}
.nav0 ul li a{ color:#FFFFFF; text-align:center; font-size:16px}
.nav0 ul li a:hover{ width:100%; background-color:#FF9501; display:inline-block}
.nav0 ul dt{ color:#FC3; padding-left:2%; padding-right:2%; float:right; line-height:55px;}
@media screen and (max-width:1510px){
.nav0{ width:95%;}
}
@media screen and (max-width:1140px){
.nav0 ul dt{ display:none}
.nav0 ul li{width:calc(100%/8)}
}
@media screen and (max-width:800px){
.nav0 ul li{width:calc(100%/4); height:35px; line-height:35px}
.nav1{ padding-top:5px; padding-bottom:5px}
}

/*Banner*/
.ban{width: 100%;height:700px;white-space: nowrap; margin: 0 auto; overflow: hidden;position: relative; z-index: 1;}
.bolang{ width:100%; height:14px; background:url(../images/banner_bg.png) repeat-x; position:absolute; top:0; z-index:9999}
.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:710px;} 
.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;overflow:hidden;background:#fff;line-height:999px;background:#333;} 
.fullSlide .hd ul .on { } 

.fullSlide .prev,.fullSlide .next { display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;cursor:pointer;/* filter:alpha(opacity=50);opacity:0.5;*/display:none;width:58px;height:58px; background:#000;} 
.fullSlide .prev { background:url(../images/banner_prev.png) no-repeat #000 center;}
.fullSlide .next { left:auto;right:5%;background:url(../images/banner_next.png) no-repeat #000 center;}
@media screen and (max-width:1440px){
.ban{ height:640px}
.fullSlide {height:640px;} 
.fullSlide .bd li{height:640px;}
.fullSlide .bd li a {height:640px;} 
}
@media screen and (max-width:1280px){
.ban {height:520px;} 
.fullSlide {height:520px;} 
.fullSlide .bd li{height:520px;}
.fullSlide .bd li a {  height:520px;} 
}
@media screen and (max-width:1024px){
.ban {height:500px;} 
.fullSlide {height:500px;} 
.fullSlide .bd li{height:500px;}
.fullSlide .bd li a {  height:500px;} 
}
@media screen and (max-width:992px){
.ban{height:390px;} 
.fullSlide {height:390px;} 
.fullSlide .bd li{height:390px;}
.fullSlide .bd li a {  height:390px;} 
}
@media screen and (max-width:768px){
.ban{height:320px;} 
.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 {height:290px;} 
.fullSlide .bd li{height:290px;}
.fullSlide .bd li a {  height:290px;} 
}
@media screen and (max-width:480px){
.fullSlide {height:250px;} 
.fullSlide .bd li{height:250px;}
.fullSlide .bd li a {  height:250px;} 
}
@media screen and (max-width:380px){
.fullSlide {height:200px;} 
.fullSlide .bd li{height:200px;}
.fullSlide .bd li a {  height:200px;} 
}

.sjban{ display:none}
.sjban img{ width:100%}
@media only screen and (max-width:690px) {  
.ban{ height:auto}
.sjban{ display:block}
.banner{ display:none}
}
/*header end*/

/**/
.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:28px;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:30px;height:27px;}
.root .wzgg img {display: block;width:30px;height:27px;}
.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:63%} 
.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) { 
.root{ padding:0% 0% 2% 0%; height:auto}
.root dt{ width:100%;margin-top:0%; text-align:center; display:none}
.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:#e5e5e5; color:#ce0001; 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%}
}

/* bt */
.p_tit{ overflow: hidden; text-align: center; position: relative; padding:0 0 20px; }
.p_tit span{ font-size:78px; color: rgba(51, 51, 51, .06); text-transform: uppercase; line-height: 1; font-family: DINB; font-weight: bold; }
.p_tit b{ margin:-60px 0 0; display: flex; align-items: center; justify-content: center; line-height: 1; font-size: 40px; color: #333333; font-weight: bold; }
.p_tit b small{ font-weight: normal; }
.p_tit b i{ display: inline-block; width:15px; height: 15px; background: #333333; border-radius: 50%; margin:0 11px; }
.p_tit p{ font-size: 18px; color: #808080; line-height:29px; margin:13px 0 0; }
@media only screen and (max-width:1320px) { 
.p_tit span{ font-size:73px}
.p_tit b{ font-size:35px}
.p_tit p{ margin:19px 0}
}
@media only screen and (max-width:760px) { 
.p_tit{ padding:19px 0 29px}
.p_tit span{ font-size:65px}
.p_tit b{ font-size:29px}

}

/*cp*/
.cpzsw{ width:100%; margin:0 auto; padding-top:15px;}
#left{ width:22%; float:left;background:#f6f6f6;}
.part1{background:#D70800; height:78px; font-size:28px; padding:19px 0; font-weight:bold; line-height:39px; text-align:center; color:#fff; font-family:"微软雅黑"; border-bottom:6px #F53E39 solid}
.part1 span{font-size:24px; color:#fff; font-weight:normal; display:block; text-transform:uppercase; font-family:Arial; padding:5px 0 0 0;}
.cpfla{}
.cpfla ul{ list-style-type:none; padding-left:10px; padding-top:20px; padding-bottom:5px}
.cpfla ul li{height: 47px;  border-top: 1px solid #fff; border-bottom: 1px solid #e2e2e2;  background: url(../images/3.png) no-repeat 6px center;}
.cpfla ul li a{display: block;line-height: 47px;padding-left: 32px;  background: url(../images/j2.png) no-repeat right center;  overflow: hidden; color: #333;}
.cpfla ul h1{height: 47px;  border-top: 1px solid #fff; border-bottom: 1px solid #e2e2e2;  background: url(../images/jt.png) no-repeat 31px center; font-size:16px; padding-left:29px}
.cpfla ul h1 a{display: block;line-height: 47px;padding-left: 32px;  background: url(../images/j2.png) no-repeat right center;  overflow: hidden; color: #D70800;}

.sylx{ width:100%; background:#D70800 url(../images/hf_tel.png) no-repeat 10px 27px; padding:35px 0}
.sylx h1{ color:#fff; padding-left:72px}
@media only screen and (max-width:1478px) { 
.sylx{ display:none}
}
@media only screen and (max-width:1320px) { 
.cpfla ul li{ height:40px}
.cpfla ul li a{ line-height:40px}
.cpfla ul h1{ height:40px}
.cpfla ul h1 a{ line-height:40px}
}

.syfl{ width:100%; display:none; margin-bottom:20px}
.syfl ul{}
.syfl ul li{ width:calc(96%/5); float:left; height:43px; line-height:43px; background:#D70802; margin-right:1%; margin-bottom:8px; text-align:center}
.syfl ul li a{ color:#fff}
.syfl ul li:nth-child(5n){ margin-right:0}
@media only screen and (max-width:1500px) { 
#left{ display:none}
.syfl{ display:block}
}
@media only screen and (max-width:840px) { 
.syfl ul li:nth-child(5n){ margin-right:1%}
.syfl ul li:nth-child(3n){ margin-right:0}
.syfl ul li{ width:calc(98%/3); }
}

.cpzs{ width:75%; float:right}
.prolist{}
.prolist div{ width:calc(96%/4); float:left; margin-right:1%;border:1px solid #BEBEBE; margin-bottom:13px; background:#f5f5f5; padding-bottom:10px}
.prolist div:nth-child(4n){ margin-right:0}
.prolist div:nth-child(n+9){ margin-bottom:0}
.prolist div h2{ width:100%}
.prolist div h2 a img{ width:100%; }
.prolist div h3{ height:30px; line-height:30px; text-align:center; padding-top:8px}
.prolist div h3 a{ color:#333; text-align:center; font-weight:normal}
.prolist div h4{ width:100px; height:30px; line-height:30px; text-align:center; margin:0 auto; border:1px #e5e5e5 solid; border-radius:20px; font-weight:normal}
@media only screen and (max-width:1500px) { 
#left{ display:none}
.cpzs{ width:100%}
}
@media only screen and (max-width:850px) { 
.prolist div{width: calc(97%/3);}
.prolist div:nth-child(4n){ margin-right:1%}
.prolist div:nth-child(3n){ margin-right:0}
}
@media only screen and (max-width:700px) { 
.prolist div{ width:calc(98%/2); border:none; margin-right:2%}
.prolist div h2 a img{ height:auto}
.prolist div h3{ padding-bottom:8px}
.prolist div:nth-child(3n){ margin-right:2%}
.prolist div:nth-child(4n){ margin-right:2%}
.prolist div:nth-child(2n){ margin-right:0}
}

/*荣誉资质*/
.ryzz{ width:100%; margin:0 auto; background:url(../images/ryzz_bg.jpg) no-repeat center top; padding-top:28px; padding-bottom:50px; margin-top:10px}
.ryzz_w{ width:1600px; margin:0 auto}
.ryzz_bt{ height:60px; width:80%}
.ryzz_bt h1{ float:left; width:250px; color:#FFF; font-size:28px; line-height:34px}
.ryzz_bt h1 span{ font-weight:normal; font-size:25px; color:#999; text-transform:uppercase}
.ryzz_bt h2{ float:right; width:250px; color:#FFF; background:#C70003; font-weight:normal; text-align:center; height:45px; line-height:45px}
.ryzz_wz{ width:980px; float:left}
.ryzz_wz h1{ color:#c10523; padding-bottom:14px}
.ryzz_wz p{ color:#FFF; line-height:24px}
.ryzz_nr{ padding-top:20px}
.ryzz_nr ul{}
.ryzz_nr ul li{ width:17%; float:left; margin-right:2%; border:1px #FFFFFF solid}
.ryzz_nr ul li a{ display:block}
.ryzz_nr ul li img{ width:100%}
@media only screen and (max-width:1610px) { 
.ryzz_w{ width:95%;}
}
@media only screen and (max-width:1026px) { 
.ryzz_bt{ width:100%}
.ryzz_bt h2{ width:170px}
.ryzz_wz{ width:100%}
.ryzz_bt{ height:77px}
.ryzz_nr{ padding-top:29px}
.ryzz_nr ul li{ width:23%}

}
@media only screen and (max-width:820px) { 
.ryzz_nr ul li{ width:31.6%}
.ryzz_nr ul li:nth-child(3){ margin-right:0}
.ryzz_wz p{ height:120px; overflow:hidden}
.ryzz_bt h2{ display:none}
.ryzz_bt h1{ width:100%; text-align:center}
.ryzz_bt h1 span{ display:block; font-size:18px; line-height:27px}
.ryzz_wz h1{ text-align:center}
}
@media only screen and (max-width:530px) { 
.ryzz_nr ul li{ width:31.3%}
.ryzz{ padding-bottom:33px}
}

/*newsone*/
.newsone{ width:100%; background:url(../images/bg01.jpg) no-repeat center top;}
.newsone_l{ float:left; width:35%; background:#fff; padding-right:2%}
.newsone_l_title{ width:100%; height:50px; border-top:2px #000000 solid; margin-top:5px; padding-top:13px; padding-bottom:14px}
.newsone_l_title h1{ float:left}
.newsone_l_title span{ float:right;background:#F00; padding:12px 10px }
.newsone_l_top{}
.img1{ float:left; width:200px; height:120px; overflow:hidden; margin-right:2%}
.img1 img{ width:100%}
.newsone_l_top dl{ float:right; width:55%}
.newsone_l_top dl dd{}
.newsone_l_top dl dd span{color:#999}
.newsone_l_top dl dd a{ display:block; font-size:16px; line-height:35px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.newsone_l_top dl dt{ color:#999; height:50px; line-height:27px; overflow:hidden}
.newsone_l_botom{ padding-top:20px}
.newsone_l_botom ul{}
.newsone_l_botom ul li{ height:40px; line-height:40px; border-bottom:1px #e5e5e5 dashed;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.newsone_l_botom ul li span{ float:right}
.newsone_r{width:62%; float:right}
.newsone_r_top{background:#c70003; padding:20px 0 20px 3%; height:30px; width:97%; overflow:hidden}
.newsone_r_top h1{ color:#fff; font-size:18px}
.newsone_r ul{ background:#fff; padding:10px 2% 1% 1%}
.newsone_r ul li{ float:left; width:49%; margin-right:2%; height:42px; line-height:42px; border-bottom:1px #e5e5e5 dashed;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.newsone_r ul li:nth-child(2n){ margin-right:0}
.newsone_r ul li a{ }
.newsone_r ul li span{ float:right; font-size:13px}
@media only screen and (max-width:1426px) { 
.img1{ width:43%}
}
@media only screen and (max-width:1094px) { 
.newsone_r{ width:54%}
.newsone_l{ width:43%; padding-bottom:1%}
.newsone_r ul li{ width:100%; margin-right:0;}
.newsone_r ul li:nth-child(n+12){ display:none}
}
@media only screen and (max-width:870px) { 
.newsone_l{ display:none}
.newsone_r{ width:100%}
.newsone_r_top{ height:auto; padding:20px 0 20px 3%}
.newsone_r_top h1{ line-height:28px}
.newsone_r ul li:nth-child(n+6){ display:none}
}

/*我们的优势*/
.our_box{ width:100%;background:url(../images/ys/ys_bg.jpg) top no-repeat #f5f5f5;margin:0 auto; padding-bottom:10px;}
.our{ width:1600px; height:auto; margin:0 auto; overflow:hidden;}
.our ul li{ width:19%;border-right:solid 1px #e7e7e7; float:left;}
.our ul li:last-child{ border:none;}
.our ul li a{ width:263px;display:block; margin:0 auto}
.our ul li a img{}
.our ul li span{ display:block; width:43px; height:43px; background-color:#b1b1b1; border-radius:50%; text-align:center; line-height:43px; color:#fff; font-size:20px; margin:-22px auto 0 127px;}
.our ul li p{ width:240px; height:auto; line-height:30px; font-size:14px; margin:12px 0 0 27px;text-align:center}
.our .zixun{ width:520px; height:66px; border:solid 1px #e7e7e7; margin:15px auto 0}
.our .zixun p{ height:64px; background:url(../images/atel.jpg) 28px 20px no-repeat; background-size:24px 26px; line-height:64px; font-size:16px; padding-left:70px; float:left; padding-right:2%}
.our .zixun p span{ font-size:28px; font-weight:bold;}
.our .zixun a{ display:block; float:left; width:108px; height:30px; background-color:#D70800; text-align:center; line-height:30px; color:#fff; border-radius:15px; margin:17px 0 0 0; font-size:14px;}
@media only screen and (max-width:1610px) { 
.our{ width:95%;}
}
@media only screen and (max-width:1540px) { 
.our ul li a{ width:90%}
.our ul li a img{ width:100%}
.our ul li p{ width:90%; margin:0 auto;}
}
@media only screen and (max-width:1200px) { 
.our ul li:nth-child(5){ display: none}
.our ul li:nth-child(4){ border:none}
.our ul li{ width:24%}
.our .zixun{ margin:46px auto 0}
}
@media only screen and (max-width:750px) { 
.our ul li{ width:49%}
.our ul li:nth-child(2){ border:none}
.our .zixun{ width:85%}
.our .zixun a{ display:none}
}
@media only screen and (max-width:438px) { 
.our .zixun a{ display: block; float:none; margin:0 auto; margin-top:17px}
.our .zixun p{ display:none}
}

/*hf*/
.wid02{ width:100%; height:220px; background:url(../images/bt02.jpg) no-repeat center; overflow:hidden; margin:0px auto}
.wid02_l{ float:left; width:14%; background:#d6000c; margin-top:40px; padding-left:3%; padding-top:20px; padding-bottom:20px; padding-right:3%}
.wid02_l h1{ height:55px; background:url(../images/hf_tel.png) no-repeat left center; padding-left:60px; color:#FFF; font-size:18px; line-height:55px; font-weight:normal;}
.wid02_l h2{ color:#FFF; font-size:32px}
.wid02_r{ float:right; width:73%; margin-top:55px}
.wid02_r h1{ color:#fff; font-size:24px; line-height:50px}
.wid02_r h2{ font-size:19px; font-weight:normal; color:#fff; padding-top:17px}
@media only screen and (max-width:1478px) { 
.wid02_r h1{ display:none}
.wid02_l{ width:22%}
.wid02_r{ width:62%}
.wid02_r h2{ font-size:25px; line-height:40px; text-align:center}
}
@media only screen and (max-width:954px) { 
.wid02_l h2{ font-size:26px}
.wid02_r h2{ padding-top:0; font-size:21px}
}
@media only screen and (max-width:954px) { 
.wid02_l{ display:none}
.wid02_r{ width:100%; margin-top:auto}
.wid02{ height:auto; padding:35px 0}
}

/*cp*/
.sycp{ width:100%; margin:0 auto; background:url(../images/cp3.jpg) no-repeat top}
.prolist1{ }
.prolist1 div{ width:calc(96%/5); float: left; overflow:hidden; margin:0% 1% 1% 0; position:relative; text-align:center;} 
.prolist1 div:nth-child(5n){ margin-right:0}
.prolist1 div h2{width:100%;float:left; overflow:hidden; max-height:300px; padding-bottom:100%; position:relative; display:block; text-align:left; }
.prolist1 div h2 img{ width:100%; height:100%; float:left; position:absolute; margin:inherit}    
.prolist1 div p{ line-height:30px; font-size:16px; color:#000; padding-bottom:20px;}  
.prolist1 div h3{ width:100%; overflow: hidden; height:45px;line-height:45px; font-size:15px; font-weight:normal; text-align:center;z-index:19999; position:relative; background:#f5f5f5} 
.prolist1 div h1{ width:63%; overflow: hidden; height:40px;line-height:40px; font-size:15px; color:#309494; background:#fff;  font-weight:normal; text-align:center; float:left; z-index:19999; position:relative; margin:0% 19% 3% 19% }   
.prolist1 div img {width: 100%;height:100%; display: block;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;} 
.prolist1 div:hover img {transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);}    
.prolist1 div 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%;}  
@media only screen and (max-width:1650px) { 
.sycp{ padding-top:0}
}
@media only screen and (max-width:1440px) { 
.prolist1 div p{ font-size:14px}
.prolist1 div b{ display:none}
.prolist1 div h3{ font-size:14px}
}
@media only screen and (max-width:1200px) {
.prolist1{ width:100%; }
.prolist1 div p{ display:none}
.prolist1 div h3{ text-align:center}
}
@media only screen and (max-width:1024px) {
.prolist1 div{ width:calc(98%/3) }
.prolist1 div:nth-child(5n){ margin-right:1%}
.prolist1 div:nth-child(3n){ margin-right:0}
.prolist1 div:nth-child(n+10){ display:none}
}  
@media only screen and (max-width:850px) {  
.prolist1 div h1{ display:none}
}     
@media only screen and (max-width:768px) {  
.prolist1 div{width:calc(98%/2); margin-right:2%; margin-bottom:2%}   
.prolist1 div:nth-child(3n){ margin-right:2%}
.prolist1 div:nth-child(5n){ margin-right:2%}
.prolist1 div:nth-child(2n){ margin-right:0}
.prolist1 div span{ font-size:14px}
.prolist1 div span strong{ font-size:14px}
.prolist1 div:nth-child(n+10){ display: block}
}
@media only screen and (max-width:600px) {  
.prolist1 div p{ display:none}
}
@media only screen and (max-width:500px) {    
.prolist1 div h3{ font-size:15px; font-weight:normal; }  
.prolist1 div{  width:100%; margin-right:0 }  
}
@media only screen and (max-width:414px) {  
.prolist1 div span{ display:none}
.prolist1 div{ }
}

/**/
.m_super {overflow: hidden;background: url(../images/bg02.jpg) no-repeat top center;padding:27px 0 28px;background-attachment: fixed;position: relative}
.m_super::before {content: "";display: block;width: 100%;height: 100%;background: rgba(199, 0, 3, .84);position: absolute;top: 0;left: 0;}
.m_super::after {content: "";display: block;width: 82px;height: 33px;background: url(../images/super_more.png);position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}

.inner{ width: 1200px; margin:0 auto; overflow: hidden; box-sizing: border-box; }
.m_super .consulting{ position: relative;display: flex; align-items: center; justify-content: center; }
.m_super .consulting .infos{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.m_super .consulting .infos b{ font-size:48px; font-family: "YS"; color: var(--pei-color); letter-spacing: 3px; -webkit-text-stroke: 1px #fdfdfd; }
.m_super .consulting .infos .tel{ padding:10px 32px; border:1px solid #eff6fb; margin-top:9px; display: inline-flex; align-items: center; font-size: 18px; color: #ffffff; font-weight: bold; border-radius: 30px; }
.m_super .consulting .infos .tel h1{ float:left; height:30px;background:url(../images/tel1.png) no-repeat left center; padding-left:35px; font-size:20px; line-height:30px}
.m_super .consulting .infos .tel h2{ float:left; height:30px;background:url(../images/tel2.png) no-repeat left center; padding-left:35px; font-size:20px; line-height:30px; margin-left:30px}
@media only screen and (max-width:1210px) {  
.inner{ width:95%}
.m_super{ margin-top:14px}
}
@media only screen and (max-width:634px) {  
.inner{ display:none}
}

/*gun*/
.in_products_w{ width:100%; background: url(../images/gd_bg.jpg) no-repeat bottom; padding-bottom:40px}
.in_products_r {width:1560px;height: auto;margin: 0 auto;position: relative;}
.tempWrap{ width:100% !important}
.in_products_pro { width: 100%; position: relative;}
.in_pro_2 {float: left;width: 325px;margin: 0 24px 10px 0;position: relative;overflow: hidden; background:#fff; padding:8px 8px 15px}
.in_pro_2_line {}
.in_pro_2 .in_pro_1pic {height: 286px;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.in_pro_2 .in_pro_1pic img {width: 100%;height: 100%;transition: all 0.5s;transform: scale(1);}
.in_pro_lineaa { width: 174px; height: 1px;background: #d8d8d8;margin: 0 auto; -webkit-transition: all .3s linear;transition: all .3s linear;}
.in_pro_txt {font-size: 14px; width: 100%;-webkit-transition: all .3s linear;transition: all .3s linear;position: relative;z-index: 5;}
.in_pro_txt h6 {font-size: 16px;height: 52px;line-height: 52px; margin-top:3px; font-weight:normal; text-align:center}
.in_pro_txt h6 a {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#3E4345}
.in_pro_txt h1{ font-size:14px; font-weight:normal; padding-left:19px;display: inline-block;white-space: nowrap; width:88%; overflow: hidden;text-overflow:ellipsis; line-height:30px}
.in_pro_txt p{ width:88%; margin:0 auto;}
.in_pro_2:hover .in_pro_txt h6 a {color: #eb891b;}
.in_pro_2:hover .in_pro_lineaa {background: #eb891b;}
.pro_l{background: url(../images/cp_l.png) no-repeat center;display: block;width:43px;height:48px;cursor: pointer;position: absolute;left: -48px;top:147px;z-index: 10;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.pro_r{background: url(../images/cp_r.png) no-repeat center;display: block;width:43px;height:48px;cursor: pointer;position: absolute;right: -48px;top:147px;z-index: 10;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
@media only screen and (max-width:1680px) { 
.in_products_r {width:90%;}
}
@media only screen and (max-width:1033px) { 
.in_products_r{ width:85%}
}
@media only screen and (max-width:670px) { 
.pro_l{ display: none}
.pro_r{ display:none}
.in_products_r{ width:95%; padding-top:16px}
}
@media only screen and (max-width:410px) { 
.in_products_top{ width:100%; text-align:center}
.in_products_top h2{ line-height:39px}
.in_products_r{ padding-top:15px}
.in_products_w{ padding-bottom:0}
.in_products_top h1{ font-size:30px}
}


/**/
.sh-jl{width:100%;margin:0 auto; margin-bottom:4px}
.sh-jianjie{width:66%;float:left; line-height:32px; font-size:16px}
.sh-jianjie li{ line-height:42px; font-size:14px; height:42px; text-align:left; border-bottom:1px #ccc dashed; width:49%; margin-right:2%; float:left;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.sh-jianjie li:nth-child(2n){ margin-right:0}
.sh-jianjie li a{ color:#000; font-family:"微软雅黑"; }
.sh-jianjie li span{ float:right;}

.sh-lianxi{width:30%;float:right;background:#F2F0F0;}
.sh-jianjie1{ background:url(../images/l5.jpg) no-repeat center; line-height:150px; text-align:center}
.sh-jianjie1 a{font-size:32px;color:#fff; font-weight:bold}
.sh-jianjie2{ line-height:38px;padding-left:20px;padding-top:20px;font-size:16px; padding-bottom:20px}
.sh-jianjie2 b{ line-height:58px;font-size:18px; display:block}
.sh-jianjie2 a{font-size:16px;line-height:45px;}
@media only screen and (max-width:1052px) { 
.sh-jianjie li{ width:100%; margin-right:0}
.sh-jianjie li:nth-child(n+13){ display:none}
.sh-jianjie{ width:57%}
.sh-lianxi{ width:39%}
}
@media only screen and (max-width:770px) { 
.sh-lianxi{ display:none}
.sh-jianjie{ width:100%}
.sh-jianjie li:nth-child(n+5){ display:none}
}

.tu{ width:100%;overflow:hidden; margin:0px auto; background:url(../images/hy-bg.jpg) no-repeat center #D70800; height:149px; margin-top:15px; margin-bottom:15px}

/*单独内页*/
/**/
.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}


/*内页*/
.syfl1{ width:100%;margin-bottom:20px}
.syfl1 ul{}
.syfl1 ul li{ width:calc(96%/5); float:left; height:43px; line-height:43px; background:#D70802; margin-right:1%; margin-bottom:8px; text-align:center}
.syfl1 ul li a{ color:#fff}
.syfl1 ul li:nth-child(5n){ margin-right:0}
@media only screen and (max-width:840px) { 
.syfl1 ul li:nth-child(5n){ margin-right:1%}
.syfl1 ul li:nth-child(3n){ margin-right:0}
.syfl1 ul li{ width:calc(98%/3); }
}

.ny_bb{ height:100px; width:100%; background:#f5f5f5}
.ny_cc{ max-width:1600px; margin:0 auto}
.ny_bt{}
.ny_bt_l {float: left;margin-right: 2%;width:53%;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:22px;color: #D70800; 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: #D70800;display: block; position: absolute; left: 0; top:0}
.ny_bt_r{ float:right; width:45%}
.title-b {color: #333; background: #E8EAE5;height:100px;line-height: 100px; padding-left: 2%; font-size:16px }
.title-b i {font-size: 2rem; margin-right: 1rem;}
.title-b a {color: #333;}
@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; max-width:1600px; margin-top:1%; margin-bottom:1%; background:#FCFCFC;}

.content1{ line-height:37px; font-size:15px;width:97%; margin:0 auto; padding:1.5% }
.content{  line-height:37px; font-size:15px; width:97%; margin:0 auto; padding:1.5%}
@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}
}

.cpfl{ width:100%; margin:0 auto}
.cpfl ul{}
.cpfl ul li{ width:16%; margin-left:0.2%; margin-right:0.5%; background:#333; text-align: center; float:left; margin-bottom:0.5%; height:50px; line-height:50px }
.cpfl ul li:last-child{ margin-right:0}
.cpfl ul li a{ color:#FFF }
@media screen and (max-width:950px){
.cpfl{ width:100%}
}
@media screen and (max-width:730px){
.cpfl{ width:100%}
.cpfl ul li{ width:32.5%; overflow:hidden}
}

.productlist dl{ width:24.2%; float:left; margin-right:1%; margin-bottom:1%; background:#EAEAEA}
.productlist dl:nth-child(4n){ margin-right:0}
.productlist dl:hover{ background:#fff}
.productlist dl dt{ height:340px; 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:45px; line-height:45px; text-align:center; overflow:hidden}
.productlist dl dd a{}
@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:900px){
.productlist dl dt{ height:215px;}
}
@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}
}

.page { margin:0px auto; width:1600px; 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:1610px){
.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}
}
@media only screen and (max-width:430px) {
}

.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:500px) {
.ipro dl{ width:49%}
}
.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 p{display:block;height:40px;line-height:40px;overflow:hidden;}
.pro li a:hover p{color:#000;}
@media (max-width: 767px){
.pro li{overflow:hidden; width:49%; float:left; margin-right:2%}
.pro li:nth-child(2n){ margin-right:0}
}
@media (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 (min-width: 992px){
.pro li a p{height:36px;line-height:36px;}
}
@media (min-width: 1200px){
.pro li a p{height:50px;line-height:50px; font-size:16px}
}

.newslist{}
.newslist dl{ list-style-type:none; border-bottom:1px dotted #ccc; }
.newslist dl dd {}
.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}

/*联系我们*/
.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*/


/*友情链接*/
.yqlj {width: 100%;padding-top:20px;box-sizing: border-box; background:#E52E31; padding-bottom:20px}
.yqlj .ti {line-height: 28px;height: 28px;font-size: 28px;width: 195px;float: left;color: #fff;background: url(../images/10xl.png) no-repeat 124px 3px;position: relative;}
.yqlj .ti span {font-family: Arial;font-size: 18px;line-height: 28px;letter-spacing: 5px;position: absolute;top: 8px;right: -5px;color: #333333;}
.yqlj ul{ float:right; width:80%; height:28px; overflow:hidden}
.yqlj li:hover {transform: translateX(5px);}
.yqlj li:hover a {color: #234e95;}
.yqlj li {float: left;transition: 0.3s;line-height: 28px;font-size: 14px;color: #666;margin-right: 2%;}
.yqlj li a{ color:#FAE3E3}
@media only screen and (max-width:1178px) {
.yqlj ul{ width:71%}
}
@media only screen and (max-width:820px) {
.yqlj ul{ width:63%}
}
@media only screen and (max-width:680px) {
.yqlj { display:none}
}
@media only screen and (max-width:580px) {
.yqlj ul{ width:100%; margin-top:17px}
}

/*footer*/
.footer{ width:100%; margin:0 auto; background:#303030; color:#CECECE; padding-top:20px}
.footer a{ color:#CECECE}
.footer_lx{ float:left; border-right:1px solid  rgba(229,229,229,0.5); padding-right:3%; padding-top:14px}
.footer_lx_l{ float:right; width:35%}
.footer_lx_l h1{ width:100%}
.footer_lx_l h1 img{}
.footer_lx_l h2{ line-height:40px; width:100%; height:40px; overflow:hidden}
.footer_lx_l p{ line-height:24px; font-size:14px}
.footer_lx_r{ float:left; width:210px; padding-top:18px; padding-bottom:18px}
.footer_lx_r img{ width:100%;}
.footer_r{ float:right; width:79%;}
.footer_r_list{ float:left; width:11%; margin-right:1%}
.footer_r_list h1{ font-size:18px; color:#C61C1C; padding-bottom:5px}
.footer_r_list h1 span{ padding-left:15px}
.footer_r_list ul{}
.footer_r_list ul li{ line-height:28px; height:28px; width:100%; overflow:hidden}
.footer_r_list ul li a{ color:#CECECE}
.ft02{ width:18%}
.ft03{ width:33%}
.ft03 ul{}
.ft03 ul li{ float:left; width:49%; margin-right:1%}
.ft03 ul li:nth-child(n+11){ display:none}
.footer_bb{padding-bottom:6px}
.footer_aa{ line-height:23px; margin:0 auto}
@media screen and (max-width:1352px) {
.footer_lx_l{ display:none}
.footer_r{ width:70%}
.footer_r_list{ width:18%}
.ft03{ width:52%}
.ft02{ width:24%}
}
@media screen and (max-width:1012px) {
.footer_r{ width:66%}
.footer_r_list{ width:28%}
.ft02{ display:none}
.ft03{ width:70%}
}
@media screen and (max-width:815px) {
.footer_r{ width:62%}
}
@media screen and (max-width:690px) {
.footer{ padding-top:0}
.footer_lx{ width:100%; border-right:none; padding-right:0; padding-top:0}
.footer_lx_r{ width:210px; margin:0 auto; float:none; padding-top:0 ; padding-bottom:0}
.footer_r{ display:none}
.footer_lx_l{ display:block}
.footer_lx_l h1{ width:190px; margin:0 auto}
.footer_lx_l p{ display:none}
.footer_lx_l{ width:100%}
.footer_lx_l h2{ text-align:center; padding-bottom:17px}
.footer_bb{ padding-top:9px; line-height:27px; padding-bottom:0}
}

.vipb{ 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} 

.fxdb{display:none}
@media screen and (max-width:640px) {
.footer{ padding:3% 0 68px 0}
.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:50%;}
.fxdb li a{display:block;width:94%;text-align:center;margin:0px auto;background:#DB0808;border-radius:50px;height:50px;box-shadow:0 0 5px #fff;}
.fxdb li img{height:30px;margin-top:10px}
}
.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);
}
}
/*底部结束*/