@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:  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:  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:  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:  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(/uploads/image/tdimages/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(/uploads/image/tdimages/liuy-icon01.png) no-repeat 430px center #fff;}
.freeservicebg-right input.phone{background: url(/uploads/image/tdimages/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(/uploads/image/tdimages/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(/uploads/image/tdimages/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(/uploads/image/tdimages/xz_03.jpg) center 15px no-repeat;}
.strength ul li a.x2{background: url(/uploads/image/tdimages/xz1_05.jpg) center 15px no-repeat;}
.strength ul li a.x3{background:url(/uploads/image/tdimages/xz1_07.jpg) center 15px no-repeat;}
.strength ul li a.x4{background:url(/uploads/image/tdimages/xz1_09.jpg) center 15px no-repeat;}
.strength ul li a.x1:hover,.strength ul li.on a.x1{background:url(/uploads/image/tdimages/xz1_03.jpg)  center 15px no-repeat;}
.strength ul li a.x2:hover,.strength ul li.on a.x2{background:url(/uploads/image/tdimages/xz_05.jpg)  center 15px no-repeat;}
.strength ul li a.x3:hover,.strength ul li.on a.x3{background:url(/uploads/image/tdimages/xz_07.jpg) center 15px  no-repeat;}
.strength ul li a.x4:hover,.strength ul li.on a.x4{background:url(/uploads/image/tdimages/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:  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:  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:  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(/uploads/image/tdimages/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(/uploads/image/tdimages/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(/uploads/image/tdimages/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: ;
}
.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:  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:  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:  no-repeat center;
}
.aboutmenu li.cur a {
  color: #fff;
}
.aboutmenu li:hover {
  background:  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:  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:  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:  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:  no-repeat 372px center;
}
.prodetailsly .maincon .box1 .input2 input {
  background:  no-repeat 372px center;
}
.prodetailsly .maincon .box1 .input3 input {
  background:  no-repeat 372px center;
}
.prodetailsly .maincon .box1 .input4 input {
  background:  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:  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:  no-repeat center;
}
.prodetailsly .maincon .box2 a i {
  display: inline-block;
  width: 7px;
  height: 12px;
  background:  no-repeat center;
  margin-left: 14px;
}
.prodetailsly .maincon .box2 a:hover {
  background:  no-repeat center;
  color: #fff;
}
.prodetailsly .maincon .box2 a:hover i {
  background:  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;
}