.banner {margin-top:110px!important;}
/*
.banner .first {background:#f6712e;background:-webkit-linear-gradient(50deg,#f6712e 30%,#e75c35 76%);background:-o-linear-gradient(50deg,#f6712e 30%,#e75c35 76%);background:linear-gradient(140deg,#f6712e 30%,#e75c35 76%);}
.banner .first .banner-bg {z-index:1;position:absolute;width:110%;height:110%;top:0;right:0;background:url('../images/banner-bg.png') no-repeat center;background-position-x:60%;background-position-y:30%;transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);}
.banner .first .pro {left:auto;width:420px;height:420px;text-align:center;z-index:0;}
.banner .first .pro:after {content:'';position:absolute;width:274px;height:56px;background:url('../images/shadow.png') no-repeat center;bottom:-30px;left:80px;}
.banner .first .pro .pic1 {position:absolute;left:50%;top:50%;margin-top:-65px;margin-left:-65px;}
.banner .first .pro .pic2 {position:absolute;left:50%;top:50%;margin-top:-38px;margin-left:-123px;}
.banner .first .pro .pic3 {position:absolute;left:50%;top:50%;margin-top:-124px;margin-left:-124px;}
.banner .first .pro .pic4 {position:absolute;left:50%;top:50%;margin-top:-178px;margin-left:-178px;}
.banner .first .pro .pic5 {position:absolute;left:50%;top:50%;margin-top:-201px;margin-left:-201px;animation:clcle_track 40s linear infinite;}
.banner .first .pro .cicle {position:absolute;left:50%;bottom:50%;margin-left:-16px;width:32px;height:165px;transform-origin:50% 100% 0;}
.banner .first .pro .cicle:after {content:'';position:absolute;width:10px;height:10px;background:white;border-radius:50%;top:37px;left:12px;}
.banner .first .pro .pic6 {animation:clcle_track 40s linear infinite;}
.banner .first .pro .pic7 {transform:rotate(72deg);-ms-transform:rotate(72deg);-o-transform:rotate(72deg);-webkit-transform:rotate(72deg);-moz-transform:rotate(72deg);animation:clcle_track2 40s linear infinite;}
.banner .first .pro .pic8 {transform:rotate(144deg);-ms-transform:rotate(144deg);-o-transform:rotate(144deg);-webkit-transform:rotate(144deg);-moz-transform:rotate(144deg);animation:clcle_track3 40s linear infinite;}
.banner .first .pro .pic9 {transform:rotate(216deg);-ms-transform:rotate(216deg);-o-transform:rotate(216deg);-webkit-transform:rotate(216deg);-moz-transform:rotate(216deg);animation:clcle_track4 40s linear infinite;}
.banner .first .pro .pic10 {transform:rotate(288deg);-ms-transform:rotate(288deg);-o-transform:rotate(288deg);-webkit-transform:rotate(288deg);-moz-transform:rotate(288deg);animation:clcle_track5 40s linear infinite;}
.banner .first .pro .dot {width:246px;height:246px;border:1px solid transparent;border-radius:50%;position:absolute;top:50%;left:50%;margin-top:-123px;margin-left:-123px;transform-style:preserve-3d;transform:rotateX(72deg) rotateY(0deg);-webkit-animation:zindex 2000ms infinite ease-in-out;animation:zindex 2000ms infinite ease-in-out;}
.banner .first .pro .dot .dot-box {width:246px;height:246px;position:relative;transform-style:preserve-3d;animation:trail 2s infinite linear;top:-3px;}
.banner .first .pro .dot .warp {position:absolute;top:-2px;box-shadow:0 0 12px #fff;left:50%;margin-left:-5px;width:10px;height:10px;border-radius:50%;background-color:#fff;-webkit-animation:particle 2s infinite linear;animation:particle 2s infinite linear;}
.banner .desc {height:100%;}
.banner .desc .font {position:relative;z-index:1;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);width:550px;display:inline-block;}
.banner .desc h2 {display:inline-block;font-size:50px;color:white;font-weight:600;}
.banner .desc p {font-size:16px;line-height:36px;color:white;margin:30px 0 80px;display:inline-block;}
.banner .desc a {color:white;display:inline-block;position:relative;z-index:1;border:1px solid white;border-radius:15px;padding:8px 23px;}
#boxUl {position:absolute!important;width:100%;height:100%;top:0;left:0;}
/*.banner-list {height:calc(100vh - 202px);}*/
/*.banner-list {height:600px;}
.control {display:none;}
.swiper-container-horizontal > .swiper-pagination-bullets {bottom:25px;}
.swiper-pagination-bullet {width:40px;height:3px;border-radius:0;background:white;}
.banner-ctrl {position:absolute;left:0;top:42%;z-index:999;transform:translateY(-45%);-ms-transform:translateY(-45%);-o-transform:translateY(-45%);-webkit-transform:translateY(-45%);-moz-transform:translateY(-45%);width:100%;}
.banner-prev,.banner-next {position:absolute;left:2.6%;width:70px;height:70px;line-height:70px;border:1px solid rgba(255,255,255,0.6);border-radius:50%;cursor:pointer;text-align:center;font-size:30px;color:white;}
.banner-prev:before {margin-left:10px;}
.banner-next {left:auto;right:2.6%;}
.banner-next:after {margin-left:-8px;}*/
@media (max-width:1000px) {
	.banner {margin-top:60px!important;}
	/*
	#boxUl,.banner .first .desc,.banner .desc .font {display:none;}
	.banner-list {height:auto;}
	.control {width:100%;height:auto;display:block;}
	.controlpc { display:none;}
	.banner .desc {height:auto;}
	.banner-ctrl {display:none;}*/
}




/*title*/
.title01{padding:50px 0 40px;width:1200px;text-align:center;  position: relative; }
.title01 h2{position:relative;width:100%;height:40px;background: url(../imgs/title.png) no-repeat center center;}
/* .title01 h2:after{position: absolute;content:'';left:50%;margin-left:-150px;top:50%;width:300px;height:1px;background: url(../imgs/tbg.png) no-repeat center center;} */
.title01 h2 span{font-size: 30px;filter: alpha(opacity=0); color: #ed1c23; font-weight: bold;}
.title01 p{margin-top:10px;color:#666;font-size:16px; text-transform: uppercase;display: inline-block;padding: 5px 60px; border: 1px solid #eee; position: relative; z-index:  99;}
.title01 p:after{ content: ""; display: inline-block; width: 120px; height: 1px; background: #eee; position: absolute; top: 15px; right: -120px;}
.title01 p:before{ content: ""; display: inline-block; width: 120px; height: 1px; background: #eee; position: absolute; top: 15px; left: -120px;}
.title01 i{/* content: ""; display: inline-block; width: 430px; height: 1px; background: #eee; position: relative; top: -35px; z-index:  88; */}
.title01 .tit-cpzx{background-position:center 0;}
.title01 .tit-jmys{background-position:center -40px;}
.title01 .tit-ppzl{background-position:center -80px;}
.title01 .tit-jmzc{background-position:center -120px;}
.title01 .tit-gywm{background-position:center -160px;}
.title01 .tit-xwzx{background-position:center -200px;}
.title01 .tit-qywh{background-position:center -240px;}
.title01 .tit-qyry{background-position:center -280px;}
.title01 .tit-fzlc{background-position:center -320px;}
.title01 .tit-zxly{background-position:center -360px;}
.title01 .tit-azlc{background-position:center -400px;}
.title01 .tit-fwzc{background-position:center -440px;}
.title01 .tit-ppys{background-position:center -480px;}
/* 标题 - 响应式 */
@media (max-width:1240px) { 
	.title01{width: 100%;}
	.title01 h2{height: 40px;}
}
@media (max-width:1000px) { 
	.title01{ padding: 30px 0;}
	.title01 h2{height: 30px;}
  .title01 h2 span{ font-size: 24px}
	.title01 p{font-size: 14px}
}



/*xinwen*/
.xinwen{padding:1px 0 60px; background: #f3f3f3;}
.xinwen .lefts{width:600px}
.xinwen .lefts .pic{width:600px;height:344px;overflow: hidden;display: flex;align-items: center;}
.xinwen .lefts .pic img{width:600px;height:;vertical-align: middle;}
.xinwen .lefts .tit{width:600px;height:30px;line-height:30px;margin:auto;margin-top:15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.xinwen .lefts .tit a{font-size:18px;color:#333333;}
.xinwen .lefts .txt{margin:auto;margin-top:5px;width:600px;height:50px;line-height:25px;color:#999999;font-size:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden; padding-right: 15px;}
.xinwen .lefts .rm{display: block;margin-top:30px;margin-left:0px;width:200px;height:38px;line-height:38px;color:#ffffff;font-size:14px;text-align:center;background:#ed1c23}

.xinwen .rights{width:540px}
.xinwen .rights li{margin-bottom:20px;height:120px;width:100%;border-bottom:1px solid #dddddd;}
.xinwen .rights li:last-child{margin-bottom:0;border:;}
.xinwen .rights li .date{float: left;width:95px;height:95px;padding:15px;color:#ffffff;text-align:center;background-color:#ed1c23}
.xinwen .rights li .date dt{height:39px;line-height:30px;color:#ffffff;font-size:32px;font-weight:700;border-bottom:1px solid #ffffff;}
.xinwen .rights li .date dd{height:30px;line-height:30px;font-size:16px;}
.xinwen .rights li .con{float: right;width:425px;height:100px;}
.xinwen .rights li .tit{width:425px;height:40px;line-height:40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.xinwen .rights li .tit a{font-size:18px;color:#333333;}
.xinwen .rights li .tit a:hover{color:#000;}
.xinwen .rights li .txt{margin-top:5px;width:425px;height:50px;line-height:25px;color:#999999;font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}
@media (max-width:1240px) { 
	.xinwen .lefts{ width: 50%;}
	.xinwen .lefts .pic{ width: 100%; overflow: hidden;}
	.xinwen .lefts .tit{width: 100%;}
	.xinwen .lefts .txt{ width: 100%;}
	
	.xinwen .rights {width: 46%;}
	.xinwen .rights li {position: relative;}
	.xinwen .rights li .date{position: absolute; top: 0;left: 0;}
	.xinwen .rights li .con{width: 100%; padding-left: 115px;}
	.xinwen .rights li .tit{ width: 100%; overflow: hidden;}
	.xinwen .rights li .txt{ width: 100%; }
}
@media (max-width:1000px) { 
	.xinwen{ padding-bottom: 20px;}
	.xinwen .lefts{width: 100%; height: auto; margin-bottom: 30px;}
	.xinwen .lefts .pic { height: auto;}
	.xinwen .lefts .pic img{ width: 100%; height: auto;}
	.xinwen .lefts .rm{ margin-top: 15px; width: 100%; }
	.xinwen .lefts .tit a{ font-size: 17px;}
	.xinwen .lefts .txt { font-size: 14px;}
	
	.xinwen .rights{width: 100%;}
	.xinwen .rights li .date{}
	.xinwen .rights li .date dt{}
	.xinwen .rights li .date dd{}
	.xinwen .rights li .con{}
	.xinwen .rights li .tit a{ font-size: 16px; }
	.xinwen .rights li .txt { font-size: 14px;margin-top: 0; }
}
@media (max-width:767px) { 
	.xinwen .title01{ padding-bottom: 10px;padding-top: 35px;}
}

/* 荣兴理念 */
.yzbj{height:420px; background: #f3f3f3;}
.yz{padding-top:78px;}
.yz .yt{width:714px; float:left; padding-top:16px;}
.yz .yt span{display: block; font-size: 30px; color:#333333; width:550px; font-weight: bold; line-height: 40px;padding-top:15px; padding-right:147px; background:url(../images/yztbj.png) no-repeat right top; margin-bottom: 43px;}
.yz .yt em{display: block;font-size: 17px; color:#ed1c23; font-weight: bold; margin-bottom: 19px;}
.yz .yt p{font-size: 16px; width:714px; color:#666666; line-height: 30px;}
.yz strong{display: block; width:435px;height:282px;float:right; position: relative;}
.yz strong img{ width:435px; height:282px;z-index: 100;position: relative;}
.yz strong:before{width:363px; height:240px;background:#ed1c23; content:""; position: absolute; right:-19px; bottom:-18px;z-index:50;}
/* 响应式 - 理念 */
@media (max-width:1240px) { 
 .yz { position: relative;}
 .yz .yt{ width: 100%;padding-right: 465px;}
 .yz .yt span{ margin-bottom: 15px; }
 .yz .yt p{ width: 100%; }
 .yz strong{ position: absolute;right: 0;}
 .yz strong:before{ right: 0;}
 .yz strong img{ right: 15px;}
}
@media (max-width:1000px) {  
.yzbj{height: auto;}
.yz { padding-top: 20px;}
.yz strong{ position: static; width: 100%; height: auto;}
.yz strong:before{width: 100%;height: 180px; bottom: -2.5%;}
.yz strong img{width: 96%; height: auto; left: 2%; }
.yz .yt{padding-right: 0; margin-bottom: 30px;padding-top: 0;}
.yz .yt span { margin-bottom: 15px; font-size: 23px;width: 100%;}
.yz .yt em{ font-size: 16px;}
}
@media (max-width:768px) { 
	.yz .yt{ margin-bottom: 10px;}
	.yz .yt span { margin-bottom: 8px; font-size: 23px;width: 100%;}
	.yz .yt em{ font-size: 15px;margin-bottom: 15px;}
	.yz .yt p{font-size: 14px; line-height: 25px;}
}
 



/* 产品中心 */
.product{height:926px;}
.pro{padding-top:0;}
.pro h3{text-align: center; margin-bottom: 39px;}
.pro h3 span{display: block;font-size: 40px; font-weight: bold; line-height: 40px; color:#333333; padding:0 130px; position: relative;width:170px; margin:0 auto 13px;}
.pro h3 span:before{width:101px; height:7px;background:url(../images/xt1.png) no-repeat center; content:""; position: absolute; left:0; bottom:15px;}
.pro h3 span:after{width:101px; height:7px;background:url(../images/xt2.png) no-repeat center; content:""; position: absolute; right:0; bottom:15px;}
.pro h3 i{display: block;font-size: 16px; line-height: 16px; color:#666666;}
.pro .pronav{height:50px; margin-bottom: 38px;}
.pro .pronav ul{height:50px; background:#ed1c23;}
.pro .pronav ul li{float:left; width:300px; height:50px;line-height: 50px;position: relative;}
.pro .pronav ul li em{display: block;}
.pro .pronav ul li em a{display: block;font-size: 18px;width:276px;background:url(../images/pro-ico.png) no-repeat right; color:#FFF;padding-left:30px; }
.pro .pronav ul li:before{width:1px; height:50px; background:#FFF; content:""; opacity: 0.5; position: absolute;right:0;}
.pro .pronav ul li .proxl{width:300px;height:0; overflow: hidden; background:#FFF; border:1px solid #eeeeee; border-top:0; position: absolute;top:50px;left:0; transition: all 0.3s linear;z-index: 300;}
.pro .pronav ul li .proxl p{padding-left:30px; padding-top:20px;}
.pro .pronav ul li .proxl p a{display: block; font-size: 14px; line-height: 14px; color:#666666;padding-left:9px;background:url(../images/yd.png) no-repeat left; margin-bottom: 15px;}
.pro .pronav ul li:hover em a{background:url(../images/pro-ico-h.png) no-repeat right;}
.pro .pronav ul li:hover .proxl{height:269px;}
.pro .pronav ul li .proxl p a:hover{background:url(../images/yd_h.png) no-repeat left;color:#da251c; }
.pro .prot{width:600px; height:511px;float:left; position: relative;}
/* .pro .prot:before{width:600px; height:316px;background:#17494A;content:"";position: absolute; left:0;bottom:0;z-index: 100;} */
.pro .prot .t{width:600px; height:600px;box-shadow:3px 3px 5px #eeeeee,-3px -3px 5px #eeeeee; margin:0 auto;}
.pro .prot .po{width:600px;height:600px;margin:0 auto;z-index: 200; position: relative; }
.pro .prot .po span{display: block;width:600px; height:600px; overflow: hidden;}
.pro .prot .po span img{width:600px; margin-top: 75px; height:;transition: all 0.3s linear;}
.pro .prot .po span:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.pro .prot .po .xp{width:478px; height:70px; position: absolute;left:0; bottom:0;}
.pro .prot .po .xp strong{display: block;float:left; width:320px;  height:51px;padding-top:19px;padding-left:50px;background:#eeeeee;}
.pro .prot .po .xp strong em{display: block; padding-top:13px;position: relative; font-size: 18px; font-weight: bold; color:#333333;}
.pro .prot .po .xp strong em:before{width:39px; height:1px; background:#da251c;content:""; position: absolute; top:0; left:0;}
.pro .prot .po .xp strong em i{font-size: 14px; color:#999999;font-weight: bold; text-transform: uppercase; }
.pro .prot .po .xp .gd{display:block;width:108px; height:70px; background:url(../images/an.jpg) no-repeat center; float:right;}
.pro .prxt ul{width:580px; float:right;}
.pro .prxt ul li{float:left;width:278px;height:325px;}
/* .pro .prxt ul li:nth-of-type{margin-right: 0;} */
.pro .prxt ul li{float:left;width:278px;height:325px;}
.pro .prxt ul li span{display: block;width:278px; height:275px;box-shadow:3px 3px 5px #eeeeee,-3px -3px 5px #eeeeee; overflow: hidden;}
.pro .prxt ul li span img{width:278px; height:275px;transition: all 0.3s linear;}
.pro .prxt ul li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.pro .prxt ul li i{display: block;text-align: center; height:40px;font-size: 14px; color:#333333; line-height: 40px;font-style: normal;}
.pro .prxt ul li.fr{margin-left: 20px;}
/* 响应式 - 产品 */
@media (max-width:1240px) {  
.pro .pronav ul li{ width: 25%; }
.pro .pronav ul li em a{ width: 96%; background: none;}
.pro .pronav ul li:hover em a{background: none;}
.pro .pronav ul li .proxl{display: none;}
/* 大图 */
.pro .prot{ width: 40%;height: auto;}
.pro .prot .t{ width: 100%;height: 100%;}
.pro .prot .po{ width: 100%;height: 100%;}
.pro .prot .po span{ width: 100%; height: 100%; padding-bottom: 25%;}
.pro .prot .po span img{ width: 100%;height: 100%; transform: scale(1.55); position: relative;  top: 100px;left: 20px;}
.pro .prot .po span img:hover{ transform: scale(1.6);}
/* 列表 */
.pro .prxt ul{ width: 58%;  }
.pro .prxt ul li{ width: 48.5%; height: auto; margin-bottom: 10px; }
.pro .prxt ul li.fr{ margin-left:3%;}
.pro .prxt ul li span{ width: 100%;height: auto;  }
.pro .prxt ul li span img{ width: 100%; height: auto; }
}
@media (max-width:1000px) { 
.pro .pronav ul li em a{ font-size: 15px; padding-left: 10px; }
}
@media (max-width:767px) { 
	.pro .title01{ padding-bottom: 10px; padding-top: 45px; }
	.product{height: auto;}
	.pro .pronav{margin-bottom: 10px;height: 120px;}
	.pro .pronav ul{height: 120px;background: none;}
	.pro .pronav ul li{background: #ed1c23;margin-bottom: 10px;width: 50%;}
	.pro .prot{width: 100%;height: auto;margin-bottom: 20px;}
	.pro .prot .po span{ padding-bottom: 0;}
	.pro .prot .po span img{ transform: scale(1); top: 0; left: 0; }
	.pro .prot .po span img:hover{ transform: scale(1); }
	.pro .prxt ul{width: 100%;}
	.pro .prxt ul li i{overflow: hidden;}
}



/* 优势 */
.edgebj{ height:695px; background:url(../images/ysbg.jpg) no-repeat center; }
.edge{ padding-top:14px; }
.edge h3{ text-align: center; margin-bottom: 40px; font-size: 24px;color:#666666; line-height: 36px; }
.edge h3 span{ font-size: 36px; color:#ef7e32; }
.edge h3 i{ display: block; text-transform: uppercase; font-size: 16px; line-height: 16px; margin-top: 13px; color:#666666;}
.edge ul{ height:452px;}
.edge ul li{ float:left; width:289px; height:452px; padding-top:72px; background:#FFF;border:1px solid #cccccc; box-sizing: border-box; margin-left: 14px;}
.edge ul li.first{margin-left: 0;}
.edge ul li dl dt{ height:136px; margin-bottom: 44px;}
.edge ul li dl dt i{display: block; width:60px; height:57px; margin:0 auto 23px;}
.edge ul li dl dt .e1{background:url(../images/ed1.png) no-repeat center;}
.edge ul li dl dt .e2{background:url(../images/ed2.png) no-repeat center;}
.edge ul li dl dt .e3{background:url(../images/ed3.png) no-repeat center;}
.edge ul li dl dt .e4{background:url(../images/ed4.png) no-repeat center;}
.edge ul li dl dt strong{ display: block; text-align: center; font-size: 22px; line-height: 22px; color:#666666; font-weight: normal; }
.edge ul li dl dt strong em{ display: block; font-size: 24px; line-height: 24px; color:#333333; margin-top: 16px;}
.edge ul li dl dd{ padding-bottom:30px; background:url(../images/hg2.jpg) no-repeat bottom center;}
.edge ul li dl dd p{ height:145px; color:#666666; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5; font-size: 16px; text-align: center; line-height: 28px; padding: 0 35px; }
.edge ul li:hover{background:#ed1c23; border:0;}
.edge ul li:hover dl dt .e1{background:url(../images/ed1_h.png) no-repeat center;}
.edge ul li:hover dl dt .e2{background:url(../images/ed2_h.png) no-repeat center;}
.edge ul li:hover dl dt .e3{background:url(../images/ed3_h.png) no-repeat center;}
.edge ul li:hover dl dt .e4{background:url(../images/ed4_h.png) no-repeat center;}
.edge ul li:hover strong{color:#FFF;}
.edge ul li:hover strong em{line-height:24px;color:#FFF;}
.edge ul li:hover dl dd p{color:#FFF;}
.edge ul li:hover dl dd{ background:url(../images/hg2_h.jpg) no-repeat bottom center;}
/* 优势响应式 */
@media (max-width:1240px) {
.edge ul{}
.edge ul li{width: 23.5%; margin-left: 2%;padding-top: 40px; }
.edge ul li dl dd p{ padding:  0 10px;}
.edge ul li dl dt { margin-bottom: 65px; }
/* .edge ul li dl dd{ padding-bottom:50px;} */
.edge ul li{ height: 430px;}
}
@media (max-width:1000px) {
	.edgebj{height: auto; background-size: 400%;}
	.edgebj .title01{ padding-top: 35px;}
	.edge ul{height: auto;}
	.edge ul li{width: 49%; margin-left: 2%; padding-top: 20px; margin-bottom: 20px; height: 380px;}
	.edge ul li:nth-child(3){ margin-left: 0; }
	.edge ul li dl dt { margin-bottom: 35px; }
	.edge ul li dl dt strong{ font-size: 16px; }
	.edge ul li dl dt strong em{ font-size: 16px; margin-top: 8px; }
	.edge ul li dl dd p{ font-size: 14px;line-height: 25px; }
}
@media (max-width:767px) {
	.edgebj{ background-size: 800%;}
	.edgebj .title01{ padding-top: 20px; padding-bottom: 30px;}
	.edge {padding-bottom: 10px;}
	
	
	 

}
@media (max-width:380px) {
	.edgebj{ background-size: 1000%;}
	.edge ul li {
   
    height: 180px;
}
	 .edge ul li dl dd { display:none;}
	 
	 
}

/* 关于 */
.about{height:892px; background:url(../images/aboutbj.jpg) no-repeat center;}
.ab{padding-top:0; }
.ab .abt{width:550px; height:421px; float:left; position: relative; margin-top: 20px; }
.ab .abt span{display: block;margin-left: ; width:550px;height:421px;z-index:100; position: relative; overflow:hidden;}
.ab .abt span img{width:550px;height:421px; transition:all 0.3s linear;}
.ab .abt span:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);
    transform: scale(1.1);}
/* .ab .abt:before{width:422px; height:302px;background:#17494A; content:""; position: absolute;left:0; bottom:0;} */
.ab dl{width:648px; float:right; margin-top: 20px;}
.ab dl dt{display: block; margin-bottom: 28px;}
.ab dl dt i{display: block; width:200px; height:39px; border-bottom:1px solid #cfcfcf; text-align: right; padding-top:6px;padding-right:12px; text-transform: uppercase; font-size: 18px; color:#333333; margin-bottom: 27px;}
.ab dl dt span{display: block; font-size: 55px; font-weight: bold; color:#333333; line-height: 55px; text-transform: uppercase; margin-bottom: 27px; margin-left: 89px;}
.ab dl dt em{ display: block; height:40px; font-size: 18px; color:#ed1c23; line-height: 18px; background:url(../images/xt6.jpg) no-repeat bottom left; margin-bottom: 28px; margin-left: 30px; font-weight: bold; margin-top: 15px; }
.ab dl dd p{ width:607px; height:250px;margin-left:30px; margin-bottom: 46px; font-size: 16px; color:#555555; line-height: 32px;}
.ab dl dd p span{ display: block; text-indent: 2em; margin-bottom: 20px;}
.ab dl dd b{ display: block;width:211px; height:40px;text-align:center; line-height:40px;background:#ed1c23; margin-left: 30px; }
.ab dl dd b a{display:block;font-size: 14px; color:#FFFFFF; font-weight: normal;}
.ab .abt_sm{height:180px;margin-top: 50px;}
.ab .abt_sm .hd{width:222px;float:left;margin-right: 4px;}
.ab .abt_sm .hd li{width:222px;height:90px;background:#dddddd; position: relative;}
.ab .abt_sm .hd li span{display: block; padding-top:30px;text-align: center; font-size: 16px; color:#333333; line-height: 16px;}
.ab .abt_sm .hd li span em{display:block; width:64px; margin:7px auto 0;padding:0 5px; text-align: center; font-size: 12px; position: relative; line-height: 12px; color:#949494; mso-table-rspace: 8px; text-transform: uppercase; opacity: ;}
.ab .abt_sm .hd li span em:before{width:5px; height:1px; background:#777777; content:""; position: absolute; top:6px; left:0; opacity: 0.6;}
.ab .abt_sm .hd li span em:after{width:5px; height:1px; background:#777777; content:""; position: absolute; top:6px; right:0; opacity: 0.6;}
.ab .abt_sm .hd li.cur{background:#ed1c23;}
.ab .abt_sm .hd li.cur span{display: block;color:#FFF; opacity: ;}
.ab .abt_sm .hd li.cur span em{color:#FFF;}
.ab .abt_sm .hd li.cur span em:before{background:#FFF; opacity: ;}
.ab .abt_sm .hd li.cur span em:after{background:#FFF; opacity: ;}
.ab .abt_sm .hd li.cur i{width: 0;height: 0;border-width: 8px;border-style: solid;border-color: transparent #FFF transparent transparent; position: absolute; top:38px; right:0;z-index: 100;}
.ab .abt_sm .bd{width:974px;float:right;}
.ab .abt_sm .bd ul{height:180px;}
.ab .abt_sm .bd ul li{width:300px; height:180px; float:left; position: relative;margin-left: 24px;}
.ab .abt_sm .bd ul li span{display: block; width:300px; height:180px; overflow: hidden;}
.ab .abt_sm .bd ul li span img{width:300px; height:auto;}
.ab .abt_sm .bd ul li i{display: block;width:300px; height:35px; text-align: center; line-height: 35px; background:url(../images/wzbj2.png) no-repeat center; font-size: 14px; color:#FFFFFF; position: absolute; left:0; bottom:0; font-style: normal;}
.ab .abt_sm .yb_box{width:974px; float:right;}
/* 关于 响应式 */
@media (max-width:1240px) {
	.about{height: auto;}
	.ab { position: relative; }
	.ab .title01{ padding-top: ; }
	.ab .abt{ position: absolute; width: 530px; overflow: hidden; } 
	.ab dl { width: 100%; padding-left: 530px;}
	.ab dl dt { margin-bottom: 0; }
	.ab dl dt em{ margin-bottom: 0; }
	.ab dl dd p{ width: 100%; margin-left: 0; margin-bottom: 76px; padding-left: 30px; }
	.ab dl dd p span{ margin-bottom: 5px; }
	
	.ab .abt_sm { height: 230px; }
	.ab .abt_sm .hd{ width: 20%;margin-right: 0.5%;}
	.ab .abt_sm .hd li{ width: 100%; height: 60px;} 
	.ab .abt_sm .hd li span{ padding-top: 15px;}
	.ab .abt_sm .hd li.cur i{ top: 24px;}
	
	.ab .abt_sm .yb_box{ width: 78%;}
	.ab .abt_sm .bd{width: 100%;}
	.ab .abt_sm .bd ul{height: auto;}
	.ab .abt_sm .bd ul li{ margin-left: 1%; width: 32.33%; height: auto; }
	.ab .abt_sm .bd ul li span{ width: 100%; height: auto;}
	.ab .abt_sm .bd ul li span img{ width: 100%; height: auto;}
	.ab .abt_sm .bd ul li i{width: 100%;}
	
}
@media (max-width:1180px) {
	.ab dl dd p span{ margin-bottom: 5px; font-size: 15px;line-height: 25px;}
}
@media (max-width:1000px) { 
	.ab .title01{ padding-bottom: 20px; padding-top: ; }
	.ab .abt{ width: 100%; height: auto;margin-top: 0; position: static;}
	.ab .abt span{width: 100%; height: auto;}
	.ab .abt span img{width: 100%; height: auto;}
	
	.ab dl{ padding-left: 0; margin-top: 10px; }
	.ab dl dt em{ margin-left: 0; height: 35px;line-height: 25px;}
	.ab dl dd p{ padding-left: 0; margin-bottom: 0; height: auto; }
	.ab dl dd p span{ font-size: 14px;line-height: 23px;}
	.ab dl dd b{ margin-left: 0; width: 100%; margin-top: 30px;}
	
	.ab .abt_sm .hd{ width: 100%; margin-right: 0; float: right;}
	.ab .abt_sm{height: auto; margin-bottom: 15px;}
	.ab .abt_sm .yb_box{ margin-top:20px; width: 100%; }
	.ab .abt_sm .bd ul li{width: 49%; margin-bottom: 10px;margin-left: 0;margin-right: 2%;}
	.ab .abt_sm .bd ul li:nth-child(1){margin-left: 0;}
	.ab .abt_sm .bd ul li:nth-of-type(2n){margin-right: 0;}
	.ab .abt_sm .bd ul li i{ background: url(../images/wzbj2.png) repeat center; font-size: 16px}
}
@media (max-width:767px) { 
.ab .abt_sm{margin-top: 20px;}
.ab .title01{ padding-bottom: 0; padding-top: 40px;}
.ab dl dt em{margin-top: 5px;height: 42px;}
.ab dl dd b{margin-top: 10px;}
.ab dl dd p span:nth-child(3){ display: none; }
}
@media (max-width:319px) { 
	.ab dl dt em{ margin-left: 0; height: 40px;line-height: 25px;}
}