@charset "utf-8";

/* Banner*/
.banner{width: 100%;/* height: 600px; */display: inline-block;}
.banner .swiper-container {width: 100%;/* height: 600px; */float:left;display: inline-block;}
.banner .swiper-slide {text-align: center;float:left;}
.banner .swiper-slide a{display:inline-block;float:left;/* height: 600px; */}
.banner .swiper-slide img{/* max-width:100%; *//* height: 600px; */}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 33px !important;}
.swiper-pagination-bullet{
    width: 1rem !important;
    height: 1rem !important;
    background: #fff !important;
}
.swiper-pagination-bullet-active{background: #2693ef !important;}
/* Banner End */

/* Industry*/
.Industry{padding: 55px 0;}
.IndustryCon{margin-top: 50px;}
.IndustryLeft{width: 906px;position: relative;height: 610px;}
.IndustryLeft ul{height: 299px;float: left;width: 100%;}
.IndustryTop li{float: left;position: relative;width: 443px;height: 299px;overflow: hidden;margin-right: 10px;}
.IndustryTop li span{display: block;}
.IndustryTop li span img{display: block;width: 100%;transition: .8s;}
.IndustryTop li:hover span img{transform: scale(1.1);}
.IndustryTop li a{display:block;}
.IndustryTop li p a{color: #fff;font-size: 17px;background: url(../images/Factory02.png) no-repeat center;height: 80px;line-height: 99px;width: 90%;position: absolute;bottom: 0;left: 0;z-index: 99;padding: 0 5%;}
.IndustryBom{height: 311px !important;}
.IndustryBom li{float: left;position: relative;width: 290px;height: 299px;margin-right: 12px;margin-top: 12px;overflow: hidden;}
.IndustryBom li span{display: block;}
.IndustryBom li span img{display: block;width: 100%;transition: .8s;}
.IndustryBom li:hover span img{transform: scale(1.1);}
.IndustryBom li a{display:block;}
.IndustryBom li p a{color: #fff;font-size: 17px;background: url(../images/Factory02.png) no-repeat center;height: 80px;line-height: 99px;width: 90%;position: absolute;bottom: 0;left: 0;z-index: 99;padding: 0 5%;}

.IndustryRight{width: 294px;}
.IndustryRight ul li{float: left;width: 280px;position: relative;}
.IndustryRight ul li span{height: 610px;width: 294px;overflow: hidden;display: block;}
.IndustryRight ul li span img{display: block;width: 100%;transition: .8s;}
.IndustryRight ul li:hover span img{transform: scale(1.1);}
.IndustryRight ul li p a{color: #fff;font-size: 17px;background: url(../images/Factory02.png) no-repeat center;height: 80px;line-height: 99px;width: 95%;position: absolute;bottom: 0;left: 0;padding: 0 5%;}

.IndustryLeft i{width: 78px;height: 63px;display: block;overflow: hidden;cursor: pointer;position: absolute;top: 40px;z-index: 999;}
.IndustryLeft i img{width: 78px;height: 126px;display: block;position: relative;}
.IndustryLeft i:hover img{top: -63px;}
.IndustryLeft i.prev{left: 40px;}
.IndustryLeft i.next{left: 118px;}
/* Industry End */


/* FreeService*/
.FreeService{background: url(../images/FreeServiceBg.jpg) no-repeat center;height: 380px;}
.FreeServiceBg-Left{padding-top: 85px;width: 52%;text-align: center;}
.FreeServiceBg-Left h3{font-size: 24px;color: #fff;}
.FreeServiceBg-Left a{height: 51px;display: block;background-color: #fff;border-radius: 50px;color: #2693ef;font-size: 18px;text-align: center;line-height: 51px;font-weight: bold;width: 50%;margin: 0 25%;margin-top: 25px;}
.FreeServiceBg-Left p{font-size: 18px;color: #fff;margin-top: 15px;}
.FreeServiceBg-Left h4{margin-top: 21px;color: #fff;font-weight: normal;font-size: 18px;background: url(../images/phone03.png) no-repeat left;padding-left: 35px;display: inline-block;}
.FreeServiceBg-Left h5{
    font-size: 18px;
    color: #fff;
    margin-top: 19px;
    font-weight: normal;
}
.FreeServiceBg-Right{padding-top: 60px;width: 40%;}
.FreeServiceBg-Right a{width: 480px;height: 62px;line-height: 62px;text-align: center;display: block;color: #333;font-size: 18px;background-color: #ffd105;border-radius: 50px;margin-top: 20px;}
.FreeServiceBg-Right input{width: 390px;height: 50px;line-height: 50px;border: none;background: #fff;display: block;border-radius: 33px;padding: 0 58px 0 32px;font-size: 14px;color: #999999;font-size: 16px;outline: none;margin-top: 20px;}
.FreeServiceBg-Right input.name{background: url(../images/liuy-icon01.png) no-repeat 430px center #fff;}
.FreeServiceBg-Right input.phone{background: url(../images/liuy-icon02.png) no-repeat 430px center #fff;}
/* FreeService End */




.Strength{padding: 55px 0;height: 725px;font-family: "Microsoft YaHei";}
.Strength h3 {text-align: center;font-weight: normal;padding-bottom: 35px}
.Strength h3 a{display: block;color: #333333;font-size: 30px;padding-bottom: 5px}
.Strength dl{background: #2693ef;}

.Strength dt{width: 465px;padding: 0 35px;height: 437px;color: #fff;font-size: 16px;line-height: 30px;float: left;}
.Strength dt span{margin-top: 17px;float: left;width: 451px;}
.Strength dt b{display: inline-block;padding-top: 49px;height: 78px;color: #fff;font-size: 28px;background:url(../images/xzc_10.jpg) no-repeat 0 bottom;margin-bottom: 15px;}
.Strength dt b em{margin-top: 6px;font-size:0.2rem;text-transform:uppercase;display:block;float:left;color:#c3e3ff;letter-spacing: 1px;width: 100%;}
.Strength dt p a{width: 178px;height: 131px;overflow:hidden;display: inline-block;float: left;margin-top: 18px;margin-right: 15px;}
.Strength dt p img{height: 131px;display: block;float:left;transition: .8s;}
.Strength dt p a:hover img{transform: scale(1.1);}

.Strength dd{float:right}
.Strength dd a{width: 653px;height: 437px;overflow:hidden;display: inline-block;float: left;}
.Strength dd img{width: 653px;height: 437px;float: left;transition: .8s;}
.Strength dd a:hover img{transform: scale(1.1);}
.Strength ul{width:100%;float:left;}
.Strength ul li{float: left;text-align: center;margin: 19px 8px 0 0;padding-top: 11px;position: relative;}
.Strength ul .none{margin-right: 0}
.Strength ul li a{display: block;width: 292px;height: 50px;padding-top: 72px;color: #666666;font-size: 18px;border: 1px solid #dedede;z-index: 0;}
.Strength ul li.on,.Strength ul li:hover{}
.Strength ul li.on em,.Strength ul li:hover em{width: 53px;height:21px;background: url(../images/jian01.jpg) 0 0 no-repeat;/* margin: -11px auto 0 auto; */display: inline-block;position: absolute;top: 0;left: 118px;}
.Strength ul li.on a,.Strength ul li a:hover{width: 292px;height: 50px;padding-top: 72px;color: #2693ef;border:1px solid #2693ef;}

.Strength ul li a.x1{background: url(../images/xz_03.jpg) center 15px no-repeat;}
.Strength ul li a.x2{background: url(../images/xz1_05.jpg) center 15px no-repeat;}
.Strength ul li a.x3{background:url(../images/xz1_07.jpg) center 15px no-repeat;}
.Strength ul li a.x4{background:url(../images/xz1_09.jpg) center 15px no-repeat;}
.Strength ul li a.x1:hover,.Strength ul li.on a.x1{background:url(../images/xz1_03.jpg)  center 15px no-repeat;}
.Strength ul li a.x2:hover,.Strength ul li.on a.x2{background:url(../images/xz_05.jpg)  center 15px no-repeat;}
.Strength ul li a.x3:hover,.Strength ul li.on a.x3{background:url(../images/xz_07.jpg) center 15px  no-repeat;}
.Strength ul li a.x4:hover,.Strength ul li.on a.x4{background:url(../images/xz_09.jpg) center 15px  no-repeat;}



.Aboutfeis {background: #f2f2f2;overflow: hidden;padding: 55px 0;}
.Aboutfeis dl {width: 100%;float: left;margin-bottom: 25px;}
.Aboutfeis dt {float: left;width: 600px;}
.Aboutfeis dt a{width: 601px;height: 423px;overflow:hidden;display: inline-block;float: left;}
.Aboutfeis dt img {width: 601px;height: 423px;transition: .8s;}
.Aboutfeis dt a:hover img{transform: scale(1.1);}
.Aboutfeis dd {float: right;width: 485px;padding: 0 65px 0 50px;}
.Aboutfeis dd h3 {font-size: 18px;color: #333333;line-height: 70px;}
.Aboutfeis dd h3 img { padding: 25px 0 10px;}
.Aboutfeis dd h4 {font-size: 16px;color: #333333;font-weight: normal;line-height: 30px;width: 100%;height: 155px;margin-bottom: 15px;}
.Aboutfeis dd p { height: 180px; background: url("../images/zsx.jpg") no-repeat 15px 40px;}
.Aboutfeis dd p em { display: block; float: left; width: 85px; margin-right: 40px; font-size: 13px; color: #333333; text-align: center; line-height: 24px;}
.Aboutfeis dd p em span { display: block; width: 80px; height: 80px; background: url("../images/zsy_03.png") no-repeat; margin-bottom: 20px;}
.Aboutfeis dd p em img { width: 36px; height: 34px; margin: 0 auto; padding-top: 23px;}
.Aboutfeis dd p em:last-child { margin-right: 0;}
.Aboutfeis dd p em:hover span { background: url("../images/zsy_05.png") no-repeat;}

.Aboutfeis .honors li{ float: left;margin-right: 16px;}
.Aboutfeis .honors li:last-child{margin-right:0}
.Aboutfeis .honors li a{height: 221px;float: left;display: inline-block;overflow: hidden;}
.Aboutfeis .honors li img{transition: .8s;height: 221px;}
.Aboutfeis .honors li a:hover img{transform: scale(1.1);}


/*合作伙伴*/
.hezuo{width: 100%;padding: 55px 0;}
.hezuo-cont .tt em { width: 455px; }
.hezuo-box { margin-top: 40px; width: 100%; height: 300px; background-color: #fff; }
.hezuo-box>.img-box {width: 300px;height: 297px;overflow: hidden;}
.hezuo-box .cmy-imgs { width: 900px; height: 300px; position: relative; overflow: hidden;}
.cpy-box { position: relative; }
.cpy-box .btn { width: 36px; height: 36px; background-color: #fff; border:solid 1px #eee; border-radius: 50%; position: absolute; top: 132px; z-index: 9; cursor: pointer;}
.cpy-box .btn:hover { background-color: #2693ef; border-color: #2693ef; }
.cpy-box .left-btn { left: -18px; } 
.cpy-box .right-btn { right: -18px; } 
.cpy-box .btn:before { content: ''; display: block; width: 9px; height: 17px; background: url(../images/icons.png) no-repeat; position: absolute; left: 13px; top: 9px;}
.cpy-box .left-btn:before { background-position: -32px -5px; }
.cpy-box .right-btn:before { background-position: -20px -5px; }
.cmy-imgs ul {width: 3000px;height: 300px;position: relative;border-top: 1px solid #eee;}
.hezuo-box .cmy-imgs li { float: left; width: 225px; height: 300px;}
.cmy-imgs a.img-box {display: block;width: 224px;height: 147px;border-right: solid 1px #eee;border-bottom: solid 1px #eee;overflow: hidden;}
.cmy-imgs a.img-box img { display: block; width: 100%; height: auto;}


/* News*/
.news {padding: 55px 0;background: #f8f8f8;}
.news .conleft {width: 790px;}
.news .conleft .newstop {height: 57px;border-bottom: 1px solid #e0e0e0;margin-bottom: 25px;}
.news .conleft .newstop ul {float: left;}
.news .conleft .newstop ul li {float: left;text-align: center;height: 54px;font-size: 18px;margin-left: 50px;position: relative;}
.news .conleft .newstop ul li:first-child {margin-left: 0;}
.news .conleft .newstop ul li a {color: #666;}
.news .conleft .newstop ul li.cur {border-bottom: 3px solid #2693ef;font-weight: bold;}
.news .conleft .newstop ul li.cur a {color: #333;}
.news .conleft .newstop .morea {float: right;height: 48px;line-height: 48px;color: #999999;padding-top: 10px;}
.news .conleft .newsCon .box {display: none;}
.news .conleft .newsCon .box.cur {display: block;}
.news .newsCon dl {padding-left: 258px;position: relative;margin-bottom: 40px;height: 160px;}
.news .newsCon dl dt {position: absolute;left: 0;top: 0;overflow: hidden;}
.news .newsCon dl dt img {display: block;width: 240px;height: 171px;transition: .8s;}
.news .newsCon dl dt:hover img{transform: scale(1.1);}
.news .newsCon dl dd.dd1 {font-size: 18px;margin-bottom: 20px;font-weight: bold;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.news .newsCon dl dd.dd1 a {color: #333;}
.news .newsCon dl dd.dd2 {font-size: 14px;line-height: 24px;height: 72px;margin-bottom: 32px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news .newsCon dl dd.dd3 a {color: #333;font-style: italic;border: 1px solid #cacaca;padding: 6px 12px;border-radius: 5px;}
.news .newsCon dl dd.dd3 em {margin-right: 20px;}
.news .newsCon ul {padding-top: 18px;border-top: 1px dashed #cccccc;}
.news .newsCon ul li {float: left;width: 49%;overflow: hidden;position: relative;/* margin-left: 50px; */border-bottom: 1px dashed #cccccc;height: 60px;line-height: 60px;float: left;margin-right: 2%;}
.news .newsCon ul li:nth-child(2n){margin-right:0}
.news .newsCon ul li.bdnot {/* margin-left: 0; */}
.news .newsCon ul li a {float: left;width: 281px;padding-left: 28px;background: url(../images/newsicon.jpg) no-repeat left center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;}
.news .newsCon ul li span {float: right;color: #999;font-size: 12px;padding-right: 5px;}
.news .newsCon ul li:hover a {color: #2693ef;}
.news .conright {width: 350px;}
.news .conright .newstop {height: 57px;}
.news .conright .newstop .morea {float: right;height: 48px;line-height: 48px;color: #999999;}
.news .conright .cjwt {position: relative;}
.news .conright .cjwt td {padding: 0;}
.news .conright .cjwt{position: relative;overflow: hidden;height: 489px;}
.news .conright .cjwt ul{position: relative;height: 489px;}
.news .conright .cjwt ul li {height: 125px;padding: 25px 20px 0 65px; background: #fff;margin-bottom: 20px;}
.news .conright .cjwt ul li dt {height: 23px;line-height: 23px;font-size: 16px;margin-bottom: 14px;position: relative;}
.news .conright .cjwt ul li dt em {display: block;width: 29px;height: 69px;position: absolute;left: -40px;top: -2px;background: url(../images/newsicon02.png) no-repeat center;}
.news .conright .cjwt ul li dt a {color: #333;}
.news .conright .cjwt ul li:hover dt a{color: #2693ef;}
.news .conright .cjwt ul li dd {height: 24px;line-height: 24px;font-size: 14px;height: 72px; margin-bottom: 8px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
/* News End */






.mub01InpageBannerr {
  width: 100%;
  height: 300px;
}
.mub01address {
  width: 100%;
}
.mub01address .container {
  position: relative;
}
.mub01address .con {
  width: 100%;
  position: absolute;
  top: -50px;
  left: 0;
  height: 50px;
  background: url(../images/addressBg.png);
}
.mub01address .p1 {
  height: 50px;
  line-height: 50px;
  font-size: 13px;
  color: #fff;
  float: left;
}
.mub01address .p1 a {
  color: #fff;
  padding: 0 4px;
}
.mub01address .p1 img {
  margin: 0 10px 0 20px;
  position: relative;
  top: 4px;
}
.mub01address .p2 {
  float: right;
  font-size: 13px;
  color: #fff;
  line-height: 50px;
  margin-right: 22px;
}
/* aboutBanner*/
.aboutBanner {
  background: url(../images/Inpage/mub01InpageBanner.jpg) no-repeat left center;
}
/* aboutMenu*/
.aboutMenu {
  width: 100%;
  text-align: center;
  padding: 40px 0 0;
}
.aboutMenu li {
  display: inline-block;
  *display: inline;
  font-size: 14px;
  color: #333333;
  background: url(../images/Inpage/aboutMenuBg01.png) no-repeat center;
  height: 50px;
  line-height: 50px;
  margin-left: 5px;
  width: 141px;
  text-align: center;
}
.aboutMenu li a {
  color: #333;
  text-decoration: none;
  display: block;
}
.aboutMenu li:first-child {
  margin-left: 0;
}
.aboutMenu li.cur {
  background: url(../images/Inpage/aboutMenuBg02.png) no-repeat center;
}
.aboutMenu li.cur a {
  color: #fff;
}
.aboutMenu li:hover {
  background: url(../images/Inpage/aboutMenuBg02.png) no-repeat center;
}
.aboutMenu li:hover a {
  color: #fff;
}












/* proDetailsIntro*/
.proDetailsIntro {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 90px;
  background: #eaeaea;
}
.proDetailsIntro .conL {
  width: 600px;
  float: left;
  position: relative;
}
.proDetailsIntro .conL i {
  display: block;
  width: 44px;
  height: 44px;
  position: absolute;
  z-index: 9;
  cursor: pointer;
  overflow: hidden;
  top: 50%;
  margin-top: -22px;
}
.proDetailsIntro .conL i.prev {
  left: 0;
}
.proDetailsIntro .conL i.next {
  right: 0;
}
.proDetailsIntro .conL .btnList {
  width: 100%;
  height: 10px;
  text-align: center;
  position: absolute;
  bottom: 24px;
}
.proDetailsIntro .conL .btnList span {
  display: inline-block;
  width: 10px;
  height: 10px;
  overflow: hidden;
  position: relative;
  background: url(../images/Inpage/proDetailsIntro_icon01.png) no-repeat left top;
  margin-left: 16px;
  cursor: pointer;
}
.proDetailsIntro .conL .btnList span.cur {
  background-position: left bottom;
}
.proDetailsIntro .conL .btnList span:first-child {
  margin-left: 0;
}
.proDetailsIntro .conL .conBox {
  width: 600px;
  height: 480px;
  position: relative;
  overflow: hidden;
}
.proDetailsIntro .conL .conBox ul {
  position: absolute;
  top: 0;
  left: 0;
}
.proDetailsIntro .conL .conBox li {
  float: left;
  width: 600px;
}
.proDetailsIntro .conL .conBox li img {
  display: block;
}
.proDetailsIntro .conR {
  float: right;
  padding-top: 20px;
  width: 541px;
  height: 460px;
  position: relative;
}
.proDetailsIntro .conR h3 {
  font-size: 24px;
  color: #333333;
  font-weight: normal;
}
.proDetailsIntro .conR h4 {
  font-size: 14px;
  color: #333333;
  font-weight: normal;
  margin: 46px 0 26px;
}
.proDetailsIntro .conR p {
  font-size: 14px;
  color: #666666;
  line-height: 32px;
}
.proDetailsIntro .conR .box {
  width: 100%;
  position: absolute;
  bottom: 20px;
  left: 0;
}
.proDetailsIntro .conR .box .zx {
  display: block;
  width: 197px;
  height: 60px;
  float: left;
  font-size: 22px;
  color: #fff;
  line-height: 60px;
  background: url(../images/Inpage/proDetailsIntroBg01.png) no-repeat center;
  text-align: center;
  text-decoration: none;
}
.proDetailsIntro .conR .box .zx img {
  position: relative;
  top: 4px;
  margin-left: 8px;
}
.proDetailsIntro .conR .box .phone {
  float: left;
  padding-left: 56px;
  ; background: url(../images/Inpage/proListClassify_phone.png) no-repeat left center;
  margin-left: 46px;
  margin-top: 6px;
}
.proDetailsIntro .conR .box .phone span {
  display: block;
  font-size: 14px;
  color: #333333;
}
.proDetailsIntro .conR .box .phone em {
  display: block;
  font-size: 24px;
  color: #2970f3;
  font-family: arial;
}
/* proDetailsLy*/
.proDetailsLy {
  width: 100%;
  margin-top: 40px;
}
.proDetailsLy .mainCon {
  padding: 40px 40px 0 20px;
  background: #fff;
  height: 420px;
}
.proDetailsLy .mainCon .box1 {
  width: 100%;
}
.proDetailsLy .mainCon .box1 .Input {
  width: 548px;
  height: 58px;
  border: 1px solid #e0e0e0;
  float: left;
  margin-bottom: 20px;
  margin-left: 20px;
}
.proDetailsLy .mainCon .box1 .Input span {
  width: 130px;
  float: left;
  display: block;
  border-right: 1px solid #e0e0e0;
  line-height: 58px;
  font-size: 16px;
  color: #999999;
  text-indent: 22px;
}
.proDetailsLy .mainCon .box1 input {
  width: 344px;
  padding-left: 22px;
  padding-right: 51px;
  font-size: 16px;
  color: #333333;
  line-height: 58px;
  outline: none;
  border: none;
}
.proDetailsLy .mainCon .box1 .Input1 input {
  background: url(../images/Inpage/proDetailsLy_icon01.png) no-repeat 372px center;
}
.proDetailsLy .mainCon .box1 .Input2 input {
  background: url(../images/Inpage/proDetailsLy_icon02.png) no-repeat 372px center;
}
.proDetailsLy .mainCon .box1 .Input3 input {
  background: url(../images/Inpage/proDetailsLy_icon03.png) no-repeat 372px center;
}
.proDetailsLy .mainCon .box1 .Input4 input {
  background: url(../images/Inpage/proDetailsLy_icon04.png) no-repeat 372px center;
}
.proDetailsLy .mainCon .box1 textarea {
  text-indent: 22px;
  width: 1067px;
  height: 120px;
  border: 1px solid #e0e0e0;
  margin-left: 20px;
  padding-top: 18px;
  font-size: 16px;
  color: #999999;
  outline: none;
  resize: none;
  background: url(../images/Inpage/proDetailsLy_icon05.png) no-repeat 1072px 18px;
  padding-right: 51px;
}
.proDetailsLy .mainCon .box2 {
  text-align: center;
  margin-top: 25px;
}
.proDetailsLy .mainCon .box2 a.tj {
  margin-right: 12px;
}
.proDetailsLy .mainCon .box2 a {
  display: inline-block;
  width: 242px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  font-size: 20px;
  color: #666666;
  text-decoration: none;
  background: url(../images/Inpage/proDetailsLyBg01.png) no-repeat center;
}
.proDetailsLy .mainCon .box2 a i {
  display: inline-block;
  width: 7px;
  height: 12px;
  background: url(../images/Inpage/proListClassify_icon04.png) no-repeat center;
  margin-left: 14px;
}
.proDetailsLy .mainCon .box2 a:hover {
  background: url(../images/Inpage/proDetailsLyBg02.png) no-repeat center;
  color: #fff;
}
.proDetailsLy .mainCon .box2 a:hover i {
  background: url(../images/Inpage/proListClassify_icon05.png) no-repeat center;
}
/* proDetailsPictures*/
.proDetailsPictures {
  width: 100%;
  margin-top: 40px;
}
.proDetailsPictures .mainCon {
  width: 100%;
  padding-top: 30px;
}
.proDetailsPictures .mainCon li:first-child {
  margin-left: 0;
}
.proDetailsPictures .mainCon li em {
  display: block;
  font-size: 13px;
  color: #333333;
  margin-top: 15px;
}
.proDetailsPictures .mainCon li:hover img {
  transform: scale(1.2);
}
/* proDetailsNews*/
.proDetailsNews {
  margin-top: 40px;
}