.banner {margin-top:110px!important;}

/*

.banner.control { display:none;}

.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;}

.banner-list .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;}

	/*.banner.controlpc { display:none;}

	.banner.control { display:block;}

	#boxUl,.banner .first .desc,.banner .desc .font {display:none;}

	.banner-list {height:auto;}

	.banner-list .control {width:100%;height:auto;display:block;}

	.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(../images/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(../images/tbg.png) no-repeat center center;} */

.title01 h2 span{font-size: 30px;filter: alpha(opacity=0); color: #0c4da0; 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;}

.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:#0c4da0}



.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:#0c4da0}

.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;}

.xinwen .rights li .tit a{font-size:18px;color:#333333;}

.xinwen .rights li .tit a:hover{color:#663200;}

.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:30px;}

.yz .yt{width:714px; float:left; padding-top:46px;}

.yz .yt span{display: block; font-size: 30px; color:#333333; width:460px; 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:#0c4da0; 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:#0c4da0; 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:#0c4da0;}

.pro .pronav ul li{float:left; width:400px; 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:380px;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:240px;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: 0px; 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: 50%;}

.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: #0c4da0;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:50px; background:url(../images/hg2.jpg) no-repeat bottom center;}

.edge ul li dl dd p{ height:99px;color:#666666; font-size: 16px; text-align: center; line-height: 28px; padding: 0 35px; }

.edge ul li:hover{background:#0c4da0; 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: 35px; }

.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: 15px; }

	.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: 10px;}

	.edge {padding-bottom: 10px;}

	.edge ul li{margin-bottom: 5px;}

	.edge ul li dl dd{padding-bottom:90px}

}

@media (max-width:319px) {

	.edgebj{ background-size: 1000%;}

	.edge ul li { height: 360px;}

	.edge ul li dl dt{ height: 110px;}

	.edge ul li dl dt i{margin-bottom: 10px;}

	.edge ul li dl dt strong em{ margin-top: 5px;font-size: 14px;}

	.edge ul li dl dd{padding-bottom: 20px;}

	.edge ul li dl dd p{height: 180px;line-height: 23px;}



}



/* 关于 */

.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:#0c4da0; 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:#0c4da0; 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:#0c4da0;}

.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;}

}