@charset "utf-8";
/* CSS Document @woniu*/

@media screen and (max-width: 768px) {
  .pl02{padding-left: .4rem;}
  .pall02{padding-left: .4rem; padding-right: .4rem;}
  .about-con {
    width: 90% !important;
	padding: 20px !important;
	margin:20px;
  }
  .about {
    padding-top: 20px !important;
    height: auto;
}
}

.layui-col-space30 {margin: -0.325rem}
.layui-col-space30>* {padding: 0.325rem}
.layui-input-inline{
  width: 96%;
  margin: 0 0 .3rem 0;
}
.wtop-nsnav-bg{
  width: 100%;
}

.logo{ float:left;}
.logo-text {
	width: 270px;
	font-size: 15px;
	color: #433634;
	line-height: 29px;
	margin-left: 20px;
	float: left;
	margin-top: 20px;
	overflow: hidden;
}
.logo-text span {
	color: #000;
	font-size:18px;
	font-weight: bold;
}

.h_tel {
    float: right;
    margin-top: 15px;
    height: 75px;
    background: url(../images/tell.jpg) no-repeat 20px 10px;
    padding-left: 85px;
    text-align: left;
    display: block;
}
.h_tel p {
    font-size: 16px;
    color: #666;
    line-height: 22px;
    float: left;
	margin-top:10px;
}
.h_tel b {
    display: block;
    font: normal 30px/30px Impact;
    color: #0072b8;
}
.menu{ height:60px; line-height:60px; background:#0072b8;}
.menu li{width:12.5%; float:left; position:relative; background:url(../images/menubg.png) right center no-repeat;}
.menu li:hover{ background:#f08200;}
.menu .on{ background:#f08200;}
.menu li a{ color:#fff; font-size:16px; text-align:center; display:block;}
.menu .on:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -10px;
    width: 20px;
    height: 2px;
    background-color: #fff;
    -webkit-animation: layout-103-nav-active2 0.5s;
    -moz-animation: layout-103-nav-active2 0.5s;
    -o-animation: layout-103-nav-active2 0.5s;
    animation: layout-103-nav-active2 0.5s;
    bottom: 15%;
}
.menu li:hover:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -10px;
    width: 20px;
    height: 2px;
    background-color: #fff;
    -webkit-animation: layout-103-nav-active2 0.5s;
    -moz-animation: layout-103-nav-active2 0.5s;
    -o-animation: layout-103-nav-active2 0.5s;
    animation: layout-103-nav-active2 0.5s;
    bottom: 15%;
}

.wapmenu{ height:70px; background:#0072b8; padding: 10px 0 0;}
.wapmenu li {
    width: 25%;
    line-height: 20px;
    height: 20px;
    position: relative;
    border-right: 1px solid #e3e4e5;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: normal;
    float: left;
    text-align: center;
    overflow: hidden;
    margin-bottom: 10px;
}
.wapmenu li:nth-child(4n) {
    border-right: none;
}
.wapmenu li a {
    display: block;
    line-height: 20px;
    font-size: 14px;
    height: 20px;
    color: #FFFFFF;
}

.g_cp {
	background:#f3f3f3;
    overflow:hidden;
}
.sycplb{ background:url(../images/3_02.jpg) center top no-repeat; overflow:hidden;}


.tit1_cp {
    width: 100%;
    height: auto;
    text-align: center;
}

.tit1_cp h2 {
    display: block;
    text-align: center;
    font-size: 32px;
    color: #eb6100;
    font-weight: bold;
}

.tit1_cp p {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 22px;
    color: #343434;
    letter-spacing: 0px;
	margin-bottom:10px;
	margin-top:10px;
	line-height:30px;
}
.proc1{ width:100%; overflow:hidden; background:#f1f1f1;}
.proc1 img{
  width: 100%;
  transition: all 0.5s ease-out;
  -webkit-transform: scale(1, 1); 
     -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.proc1:hover img{
   transition: all 0.5s ease-out;
  -webkit-transform: scale(1.1, 1.1); 
     -moz-transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.proc1 span{ width:100%; height:40px; line-height:40px; text-align:center; background:#0072b8; color:#fff; font-size:18px; float:left;}
.proc1:hover span{ background:#0072b8;}




.part-syfldh {
    background: #ffffff;
    padding: 10px;
}
@media screen and (min-width: 1200px)
{
.layui-container{ width:1200px; margin:0 auto;}
}
.sycplist{ width:100%; overflow:hidden;}
.sycplist img{ width:100%;}


.fb-pro{ width:100%; overflow:hidden; position:relative;}
.fb-pro .tu1{
  position: relative;
  width: auto;
  height: auto;
  border-bottom:none;
  overflow: hidden;
}
.fb-pro .tu1 img{
  width: 100%;
  transition: all 0.5s ease-out;
  -webkit-transform: scale(1, 1); 
     -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.fb-pro:hover .tu1 img{
   transition: all 0.5s ease-out;
  -webkit-transform: scale(1.1, 1.1); 
     -moz-transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.fb-pro .tu1 .up-name{
  position: absolute;
  left:0px;
  bottom:0px;
  z-index: 10;
  width: 271px;
  height: 43px;
  background:url(../images/pro-name.png);
}
.hotcptit{ position:absolute; width:100%; height:50px; line-height:50px; left:0; bottom:0; background:rgba(48,48,48,0.7); text-align:center;}
.hotcptit a{ color:#fff; font-size:16px;}

.prd_more{ width:300px; height:50px; line-height:50px; margin:0 auto; background:#0072b8; overflow:hidden; text-align:center;}
.prd_more a{ color:#fff; font-size:20px;}
.prd_more:hover{ background:#ff8e00;}

.hfimg{ background:url(../images/hfimg.png) right top no-repeat; height:279px;}
.henbgs {
    width: 545px;
    margin-top: 67px;
	float:right;
}
.henbgs dd {
    font: normal 22px/22px MicrosoftYaHei;
    color: #fff;
}
.henbgs dt {
    font: bold 30px/30px MicrosoftYaHei;
    color: #fff;
    margin-top: 18px;
}
.henbgs .hentel {
	position:relative;
	width:100%;
	font-size:18px;
    color: #ffffff;
    margin-top: 37px;
}
.henbgs .hentel p{ width:100%; height:30px; line-height:30px; float:left; display:inline-block;}
.henbgs .hentel strong {
	font-size:24px;
    color: #fff;
}
.henbgs .hentel a {
    display: block;
    height: 44px;
    width: 150px;
	text-align:center;
    font: normal 16px/44px MicrosoftYaHei;
    color: #fff;
    position: absolute;
    background: url(../images/hftel.png) center no-repeat;
    left: 303px;
    top: 8px;
}


/***首页产品优势**/
.w4tit {
    width: 770px;
    margin: 0 auto;
	overflow:hidden;
}
.ystt {
    margin-left: 50px;
}
.ystt dd {
    font: bold 36px/36px MicrosoftYaHei;
    color: #0085cc;
    margin-top: 24px;
}
.ystt dd b {
    color: #ff8a00;
}
.ystt dt {
    font: normal 24px/24px MicrosoftYaHei;
    color: #333333;
    margin-top: 18px;
}
.ys1 {
    padding: 44px 0;
	overflow:hidden;
}
.fl{ float:left;}
.fr{ float:right;}
.ys1le {
    margin-top: 19px;
}

.ys1le .ysbt {
    background: url(../images/ys01.png)left center no-repeat;
    padding-left: 93px;
    height: 64px;
}
.ys1le .ys03{ background: url(../images/ys03.png)left center no-repeat;}
.ys1le .ysbt h3 {
    font: bold 26px/26px MicrosoftYaHei;
    color: #0085cc;
    padding-top: 8px;
}
.ys1le .ysbt h4 {
    font: normal 12px/12px Arial;
    color: #999999;
    margin-top: 11px;
}
.ysconts {
    font: normal 15px/40px MicrosoftYaHei;
    color: #333333;
    background: url(../images/ys1bg.png) left 8px top no-repeat;
    padding-left: 44px;
    margin-top: 47px;
}
.ys1le .ysconts strong {
    color: #ff8a00;
    font-weight: bold;
}
.yspic1 {
    text-align: right;
}
.ys2 {
    padding: 44px 0;
    background: url(../images/ys2bg.png) top center no-repeat;
	overflow:hidden;
}
.ys2le {
    margin-top: 19px;
}
.ys2le .ysbt {
    background: url(../images/ys02.png)left center no-repeat;
    padding-left: 93px;
    height: 64px;
}
.ys2le .ysbt h3 {
    font: bold 26px/26px MicrosoftYaHei;
    color: #0085cc;
    padding-top: 8px;
}
.ys2le .ysbt h4 {
    font: normal 12px/12px Arial;
    color: #999999;
    margin-top: 11px;
}
.yspic2 {
    text-align: left;
}
.ys2le .ysconts strong {
    color: #ff8a00;
    font-weight: bold;
}

.bg2 {
    background: url(../images/bg2.png) no-repeat center top;
    height: 482px;
    overflow: hidden;
    margin-top: 60px;
}
.wtt2 {
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    background: url(../images/vt1.png) no-repeat center;
}
.wtt2 span {
    color: #fff;
    font-size: 22px;
    font-weight: normal;
    display: block;
}
.ji li {
    float: left;
    width: 218px;
    height: 199px;
    position: relative;
    margin: 0 10px;
}
.ji li a.img {
    display: block;
}
.ji li a.img img {
    width: 218px;
    height: 199px;
}
.ji li h2 {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 100px;
    color: #fff;
    font-size: 45px;
}
.ji li h2 span {
    font-weight: normal;
    font-size: 24px;
}
.ji li h3 {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 160px;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
}


/****首页公司介绍**/
.about_img{ width:100%; overflow:hidden;}
.about_img img{
  width: 96%;
  transition: all 0.5s ease-out;
  -webkit-transform: scale(1, 1); 
     -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.about_img:hover img{
   transition: all 0.5s ease-out;
  -webkit-transform: scale(1.1, 1.1); 
     -moz-transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.about_tit{ width:100%; overflow:hidden;}
.about_tit h2{ width:100%; margin:0; overflow:hidden;}
.about_tit h2 p{ font-size:22px; color:#000; font-weight:bold;}
.about_tit h2 b{ font-size:15px; color:#666; font-weight:100; width:100%; float:left; margin-top:5px;}
.about_tit h2 span{ width:40px; height:3px; background:#023793; float:left; margin-top:10px;}
.about_con{ line-height:25px; font-size:15px; color:#666; margin-top:25px;}
.about_more{ margin-top:30px;}
.more1{ width:120px; height:40px; line-height:40px; float:left; text-align:center; background:#0081b8; color:#fff; font-size:14px;}
.more1:hover{ background:#eb6100; color:#fff;}
.more2{ width:120px; height:40px; line-height:40px; float:left; text-align:center; background:#000000; color:#fff; font-size:14px; margin-left:20px;}
.more2:Hover{ background:#eb6100; color:#fff;}
.ab-tbg{ width:100%;}
.ab-tbg img{ width:100%;}


/****首页新闻资讯***/
.newsttt{ width:160px; height:auto; float:left;}
.newtt1{ width:100%; height:210px; float:left; background:url(../images/newbg1.jpg) 30px 30px no-repeat #4496d4;}
.newtt1 h2{ font-size:20px; color:#fff; margin-top:80px; margin-left:30px; overflow:hidden;}
.newtt1 p{ font-size:18px; color:#fff; margin-top:10px; margin-left:30px; overflow:hidden;}
.newtt1 a{ width:70px; height:22px; line-height:22px; float:left; border:1px solid #fff; text-align:center; color:#fff; font-size:15px; margin-left:30px; margin-top:20px; overflow:hidden;}
.newtt2{ width:100%; height:210px; float:left; background:url(../images/newbg2.jpg) 30px 30px no-repeat #b5b5b5;}
.newtt2 h2{ font-size:20px; color:#fff; margin-top:80px; margin-left:30px; overflow:hidden;}
.newtt2 p{ font-size:18px; color:#fff; margin-top:10px; margin-left:30px; overflow:hidden;}
.newtt2 a{ width:70px; height:22px; line-height:22px; float:left; border:1px solid #fff; text-align:center; color:#fff; font-size:15px; margin-left:30px; margin-top:20px; overflow:hidden;}
.newcon{ width:540px; height:auto; float:left; margin-left:30px; overflow:hidden;}
.newtop{ width:100%; border-bottom:1px solid #ddd; padding-bottom:20px; overflow:hidden;}
.newing{ width:220px; float:left;}
.newing img{ width:100%;}
.newdata{ width:260px; height:auto; float:left; margin-left:20px; color:#000; font-size:18px; font-weight:bold; overflow:hidden;}
.newtit{ width:260px; height:auto; float:left; margin-left:20px; color:#000; font-size:18px; margin-top:15px; overflow:hidden;}
.newdes{ width:260px; height:auto; line-height:22px; float:left; font-size:14px; color:#666; margin-left:20px; overflow:hidden; margin-top:15px;}
.newtj{ width:100%; overflow:hidden; margin-top:15px;}
.newtj li{ width:100%; height:38px; line-height:38px; float:left;}
.newtj li a{ font-size:16px; color:#666;}
.newtj li a:hover{ color:#f00;}
.newtj li span{ float:right; font-size:14px;}

.newshy{ width:420px; float:right; overflow:hidden;}
.hydt{ width:100%; height:40px; line-height:40px; overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:10px;}
.hy_fl{ float:left; font-size:15px; color:#666;}
.hy_fl strong{ color:#000; font-size:18px;}
.hy_fr{ float:right;}
.hy_fr a{ font-size:14px;}
.hytj{ width:100%; height:auto; float:left; margin-top:15px;}
.hytj-t{ width:100%; overflow:hidden;}
.hytj-t a{ font-size:16px; color:#666;}
.hytj-t a:hover{ color:#f00;}
.hytj-t span{ float:right;}
.hytj-d{ color:#666; font-size:13px; margin-top:8px;}


@media screen and (max-width:640px) {
.logo img{ width:100%;}
.henbgs{ width:100%;}
.henbgs .hentel a{ right:0; left:auto;}
.sdys{ margin-top:10px;}
.sdys img{ width:100%;}
.w4tit{ width:100%;}
.ystt{ margin-left:5px; text-align:center;}
.ystt dd{ font: bold 30px/30px MicrosoftYaHei;}
.ys1{ padding:20px 0;}
.ys2{ padding:40px 0 10px 0;}
.ysconts{ margin-top:10px;}
.ji li{ width:48%; margin:0; margin-left:1%;}
.ji li a.img img{ width:100%; height:auto;}
.bg2 {
    background: url(../images/bg2.png) repeat-y center top;
    height: auto;
    overflow: hidden;
    margin-top: 10px;
}
.ji li h2{ top:80px;}
.ji li h3{ top:130px;}
.about_img img{ width:100%;}
.newcon{ width:100%; margin-left:0;}
.newing{ width:40%;}
.newtit{ width:55%; margin-left:5%; margin-top:0;}
.newdes{ width:55%; margin-left:5%; margin-top:5px;}
}



/*footer*/
.c-footer { background:#1e1e1e;}
.c-footer a{ color:#ffffff; }
.c-footer .mt { overflow:hidden; padding:30px 0 10px 0; }

.foot-top{padding:30px 0; overflow:hidden;}
.footl{ width:25%;float:left;display:inline;}
.footc{ width:30%;float:left;display:inline;}
.footk{ width:18%;float:left;}
.footr{float:right;width:300px;}

.footl h3,.footc h3,.footk h3,.footr h3{font-size:30px;color:#fff;margin-bottom:29px;width:25px;white-space:nowrap;padding-bottom:14px;border-bottom:1px solid #242f35;}
.footl h3 span,.footc h3 span,.footk h3 span,.footr h3 span{font-size:12px;display:block;color:#fff;opacity:0.2;font-weight:lighter;line-height:100%;}
.footl p a{display:block;width:50%;color:rgba(255,255,255,0.8);float:left;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:40px;}
.footl p a:hover{text-decoration:underline;color:#bc1717;}
.footc p{color:#fff;background-position:left center;line-height:40px;font-size:16px;}
.footc p span{margin-left:18px;}


.footr em i{display:block;float:left;width:150px;}
.footr em i:last-child{float:right;}
.footr em i img{width:140px;height:140px; border:3px #fff solid}
.footr em i span{display:block;font-size:16px;color:#F4F4F4;line-height:20px;padding-left:32px;margin-top:16px;}

.footk p a{display:block;width:100%;color:rgba(255,255,255,0.8);float:left;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:40px;}
.footk p a:hover{text-decoration:underline;color:#bc1717;}

.c-footer .mc { border-top:1px solid #666666; padding:13px 0; overflow:hidden; font-size:14px; line-height:28px; color:#fff; margin-top:20px;}
.c-footer .mc span { float:left; }
.c-footer .mc dl { float:left; }
.c-footer .mc dt { float:left; padding:0 10px; }
.c-footer .mc dd { float:left; }
.c-footer .mc dd a { color:#fff; }
.c-footer .mc dd a:hover { color:#ffdb60; }

.c-copy { padding:11px 0; text-align:center; font-size:16px; line-height:30px; color:#fff; background:#1e1e1e; border-top:1px solid #333333; }
.c-copy a{ color:#ffffff; }
@media screen and (max-width:1280px){
.footl{ width:25%;}
.footc{ width:35%;}
}
@media screen and (max-width:1024px){
.footl{ display:none;}
.footc{ width:calc(100% - 150px);}
.footk{display:none;}
.c-footer .mc { display:none;}
}
@media screen and (max-width:767px){
.footr{ display:none;}
.footc{width:50%;padding-left:20px;}
.footk{ width:calc(50% - 20px);}
.c-copy .fl,.c-copy .fr{ float:none;}
.c-copy font{ display:block } 
}
@media screen and (max-width:640px){
.footc{width:100%;padding-left:9px;}
.footk{ display:none;}
.c-copy { padding-bottom:75px;}
.c-copy .my{ display:none} 
}

.fxdb{display:none}
@media screen and (max-width:640px) {
.fxdb{display:block;height:60px;position:fixed;bottom:0px;left:0px;width:100%;z-index:9999;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+440));}
.fxdb li{float:left;list-style:none; height:55px; text-align:center;box-sizing:border-box; width:50%;}
.fxdb li a{display:block;width:94%; text-align:center; margin:0px auto; background:#bc1717; border-radius:50px; height:50px;box-shadow:0 0 5px #fff;}
.fxdb li img{height:30px; margin-top:10px}
}
.vipb{ position:absolute; bottom:3px; right:5px; height:30px; background:url(../images/vip.png) no-repeat center right; padding-right:68px; font-size:20px; color:#e7b144; line-height:35px; text-align:right; z-index:99}
.vipb a{color:#e7b144;font-size:20px; }
@media screen and (max-width:640px) {
.vipb{ bottom:62px; right:5px;}	
.hidden-xs{ display:none;}
}
.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%; }

/***About**/
.position_now {
    font-size: 14px;
    background: #F5F5F5;
}
.position_now .fl {
    color: #707070;
    line-height: 60px;
}
.position_now .fl img {
    height: 20px;
    margin-top: -4px;
    display: inline-block;
    margin-right: 8px;
}
.position_now a {
    display: inline-block;
    color: #707070;
}
.position_now .fr {
    font-family: impact;
    color: #0072b8;
    font-size: 0;
}
.position_now .fr img {
    height: 26px;
    float: left;
    margin: 18px 10px 0 0;
}
.position_now .fr strong {
    font-weight: 100;
    font-size: 22px;
    display: block;
    float: left;
    line-height: 60px;
}
.nyabout{ padding:10px; line-height:27px; font-size:16px;}

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

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


/***New**/
.news-box{ padding:20px 10px; overflow:hidden;}
.news-box:nth-child(2n){ background:#f5f5f5;}
.news-box a{ display:block;}
.txtW { font-size:18px; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-space:nowrap; } 
.txtH { word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:25px;}
.news-box h3{ font-size:20px; position:relative; font-weight:normal;}
.news-box h3 span{ float:right;font-size:16px;}
.news-box p{ font-size:16px; color:#656565; margin-top:20px}
.news-box a:hover h3{ color:#f62828;}
.news_img{ width:100%; overflow:hidden;}
.news_img img{ width:90%;}
@media (max-width:1024px){
.news-box h3{ font-size:20px; }
}
@media (max-width:640px){
.news-box h3{ font-size:20px; }
.news-box p{ font-size:14px; margin-top:0px;}
.news-box{ padding:10px 0; overflow:hidden;}
}
@media (max-width:480px){
.news-box h3{ font-size:16px; }
.news-box p{ font-size:14px; margin-top:0px;}
.news-box{ padding:10px 0; overflow:hidden;}
}
.nynews{ overflow:hidden;}
.news-tit {
    font-size: 36px;
    font-weight: bold;
	text-align:center;
}
.tool {
    color: #999;
    padding: 24px 0;
	text-align:center;
}
.tool span {
    display: inline-block;
    margin: 0 6px;
    font-size: 14px;
}
.newcontents{ line-height:30px; font-size:16px; padding:0 10px; overflow:hidden;}
.newcontents img{ max-width:100%;}{
@media screen and (max-width: 480px)
.news-tit {
    font-size: 24px;
}
}
@media screen and (max-width: 640px){
.news-tit {
    font-size: 24px;
}
.pro_name{ padding-left:0px !important;}
}
.ny-page {
    border-top: 1px solid #ddd;
    line-height: 36px;
    padding: 10px 0 0;
    font-size: 14px;
	overflow:hidden;
}
.txtW {
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}
.tr{ text-align:right;}
@media screen and (max-width: 1024px){
.ny-page .txtW {
    font-size: 15px;
}
.tr{ text-align:left;}
}

.xgcp_title {
    padding: 10px;
    background-color: #fafafa;
    margin: 15px 0;
	overflow:hidden;
	width:100%;
	float:left;
}
.xgcp_title h3 {
    color: #0072b8;
    border-left: 2px solid #0072b8;
    padding-left: 20px;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    font-size: 20px;
}
.xwzx{ width:100%; overflow:hidden;}
.xwzx ul {
    list-style-type: none;
    margin-bottom: 10px;
}
.xgxw {
    border-bottom: 1px dotted #ccc;
    height: 25px;
    line-height: 25px;
    text-align: left;
    overflow: hidden;
	padding-bottom:10px;
}
.xwzx ul li span {
    float: right;
}
.xgxw{ width:100%; overflow:hidden;}
.pro {
    margin-top: 18px;
	overflow:hidden;
}
.xgcp{ width:100%; overflow:hidden;}
.xgcp img{ width:100%;}
.xgcp p{ text-align:center; line-height:35px; font-size:15px;}
.pro li a p {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
	font-weight:bold;
}

.procs1 {
	margin-top: 10px;
	text-align: center;
}
.procs1 a h3 {
	display: inline-block;
	margin-right: 8px;
	margin-bottom: 10px;
	width: 156px;
	height: 56px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 56px;
	transition: all 0.3s ease-out;
	background-color: #0072b8;
	border-radius: 5px;
	overflow: hidden;
	font-weight:bold;
}
.procs1 a:hover h3 {
	height: 56px;
	font-weight: bold;
	background-color: #ff8400;
	color: #FFFFFF;
}

.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:75%; 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 screen and (max-width:767px){
.pro li{overflow:hidden; width:49%; float:left; margin-right:2%}
.pro li:nth-child(2n){ margin-right:0}
.hide-xs{ display:none;}
}
@media screen and (min-width:768px){
.pro li{overflow:hidden; width:31.3%; float:left; margin-right:2%;}
.pro li:nth-child(3n){ margin-right:0}
.pro li a p{height:32px;line-height:32px;}
}
@media screen and (min-width:992px){
.pro li a p{height:36px;line-height:36px;}
}
@media screen and (min-width:1200px){
.pro li a p{height:50px;line-height:50px; font-size:16px}
}

.cpnyt{ width:100%; overflow:hidden;}
.cpnyt img{ width:100%;}

.pro_name{ padding-left:30px;}
.pro_name h2{font-size:20px;padding:22px 0;border-bottom:1px dashed #ddd;}
.pro-canshu{padding:0;}
.pro-canshu p{line-height:30px;color:#666;}
.pro_name a.nm{display:block;width:172px;height:40px;border:1px solid #5F5F5F;background:#5F5F5F;color:#fff;text-align:center;line-height:40px;}
.pro_name a.nm:hover{display:block;background:none;color:#5F5F5F;}
#textarea img{ max-width:100%}
@media screen and (min-width:768px){
	.pro_name h2{font-size:22px;}
	.pro-canshu{padding:0;}
	.info_title h3{padding:40px 0 22px 0;}
}
@media screen and (min-width:1200px){
	.pro_name h2{font-size:24px;}
	.pro-canshu{padding:0;}
	.info_title h3{padding:48px 0 24px 0;}
}

.headtop{ height:40px; line-height:40px; background:#f2f2f2;}

.footer-fix {
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 10;
    display: none;
}
.footer-fix li {
    float: left;
    width: 25%;
}
.footer-fix li a {
    display: block;
    text-align: center;
    padding: 7px 0;
    font-size: 12px;
    line-height: 1;
}
.footer-fix li i.i1 {
    background-image: url(../images/f_01.png);
}
.footer-fix li i.i2 {
    background-image: url(../images/f_02.png);
}
.footer-fix li i.i4 {
    background-image: url(../images/f_04.png);
}
.footer-fix li i.i3 {
    background-image: url(../images/f_03.png);
}
.footer-fix li i {
    display: block;
    height: 20px;
    background: no-repeat center;
    background-size: contain;
    margin-bottom: 4px;
}

@media screen and (max-width: 640px){
.footer-fix{ display:block;}
.procs1 a h3{ width:32.3333%; margin-right:1%; float:left; height:45px; line-height:45px; font-weight:100;}
.hotcptit{ height:35px; line-height:35px; font-size:16px;}
.henbgs .hentel a{ top:40px}
}

@media screen and (max-width: 360px){
.henbgs .hentel{ margin-top:25px;}
.henbgs .hentel a{ top:40px}
.henbgs dt{font: bold 26px/26px MicrosoftYaHei;}
.ystt dd {
    font: bold 28px/28px MicrosoftYaHei;
}
.ysconts {
    margin-top: 30px;
	font: normal 15px/35px MicrosoftYaHei;
	background:none;
	padding-left:10px;
}
.wtt2{ font-size:30px;}
.ji li h2{ top:60px;}
.ji li h3{ top:120px;}
}
@media screen and (max-width: 320px){
.henbgs .hentel{ margin-top:25px;}
.henbgs .hentel a{ top:40px}
.henbgs dt{font: bold 22px/22px MicrosoftYaHei;}
.ystt dd {
    font: bold 24px/24px MicrosoftYaHei;
}
.ysconts {
    margin-top: 30px;
	font: normal 15px/35px MicrosoftYaHei;
	background:none;
	padding-left:10px;
}
.ys1le .ysbt h3 {
    font: bold 22px/22px MicrosoftYaHei;
    color: #0085cc;
    padding-top: 8px;
}
.ys2le .ysbt h3 {
    font: bold 22px/22px MicrosoftYaHei;
    color: #0085cc;
    padding-top: 8px;
}
.wtt2{ font-size:28px;}
}