@charset "utf-8";
/* CSS Document */
body,p,a,div,ul,li,button,input,span{font-family: "微软雅黑";}
ul,dl{ list-style:none;padding:0;margin:0;}
*{margin:0;padding:0}
a:hover,a:link,a:active{text-decoration: none;}

body{background: #f8f8f8;}
/*首页*/
.header{position: fixed;top: 0;left: 0;width: 100%;
z-index: 1001;
/*pointer-events: none;*/transition: background .35s}
.header a,.header input{pointer-events: auto;}
.nav-fix{background: #0070b2;}
.toplogo{padding: 15px 0;line-height: 45px;}
.toplogo a{display: block;color: #eee;}
.toplogo img{height: 45px;margin-right: 20px;}

.topnav{padding: 0;}
.topnav ul{}
.topnav ul:before,.topnav ul:after{content: '';display: table;clear: both;}
.topnav ul>li{width: 16.6%;float: left;position: relative;text-align: center;}
.topnav ul>li>a{display: block;font-size: 16px;color: #fff;line-height: 75px;position: relative;}
.topnav ul>li.active>a,
.topnav ul>li:hover>a{
    color: #0080ff;
}
/*.topnav ul>li.active>a:after,
.topnav ul>li:hover>a:after{content: '';height: 2px;background: #f40005;position: absolute;
left: 50%;bottom: 0;width: 100px;margin-left: -50px;}*/
.topnav ul>li dl{position: absolute;top: 75px;left: 0;width: 100%;background: #fff;display: none;}
.topnav ul>li dl dd{line-height: 40px;}
.topnav ul>li dl dd a{color: #555;}



.hmswpg{padding-right: 20px;left: 27px;right: auto!important;}
/*.hmswpg .swiper-pagination-bullet{color: #ccc;opacity: 1;background: transparent;
font-size: 12px;height: auto;
}*/
.hmswpg .swiper-pagination-bullet{background: #fff;opacity: .6;box-shadow: 0 0 3px #000;
width: 9px;height: 9px;}
.hmswpg .swiper-pagination-bullet-active{background: #0075ea;opacity: 1;}
.whitedot .swiper-pagination-bullet{color: #bbb;}
.whitedot .swiper-pagination-bullet-active{color: #fff;}
.hmswar{background: rgba(0,0,0,.2);color: #e6e6e6;font-size: 20px;width: 30px;height: 30px;
text-align: center;line-height: 1;
border: 2px solid #e6e6e6;border-radius: 50%;}
.swiper-button-prev.hmswar i{line-height: 24px;}
.swiper-button-next.hmswar i{line-height: 26px;}
.hmswar:hover{color: #0075ea;border-color: #0075ea;}
.swiper-button-prev.hmswar{top: 40%;left: auto;left: 16px;}
.swiper-button-next.hmswar{top: 62%;left: auto;left: 16px;}
.hmbanner .swiper-slide:first-child h2{
	margin: 12% 0 10px;
}
.hmbanner .swiper-slide:nth-child(2) h3{
	position: absolute;left: 50%;bottom: 10%;color: #fff;
	width: 1170px;margin-left: -585px;
	transition: all .5s;
	transform:translateX(200px);
	opacity: 0;
}
.slidert{position: absolute;right: 0;top: 0;width: 50%!important;}
/*.hmbanner .swiper-slide.ani-slide h3{
	transform:translateX(0);
	opacity: 1;
}
.hmbanner .swiper-slide:first-child h4{
	font-size: 19px;
}
.hmbanner .swiper-slide:first-child h2,
.hmbanner .swiper-slide:first-child h4{
	text-align: right;color: #fff;font-family: arial;line-height: 130%;
	transition: all .5s;
	transform:translateX(-200px);
	opacity: 0;
}
.hmbanner .swiper-slide.ani-slide h2,.hmbanner .swiper-slide.ani-slide h4{
	transform:translateX(0);
	opacity: 1;
}
.hmbanner .swiper-slide.ani-slide h4{
	transition-delay:.5s;
}
.hmbanner .swiper-slide.ani-slide h4{
	transition-delay:.3s;
}
.hmbanner .swiper-slide .overview>h4{position: absolute;left: 5%;top: 45%;color: #fff;z-index: 99;
font-size: 22px;line-height: 140%;font-family: arial;}*/

.hmbanner .swiper-pagination{bottom: 30px;}

.homemain{
      width: 100%;
      height: 100%;
    }
.homemain{
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}
.homemain>div>.swiper-slide{padding-top: 75px;overflow: hidden;}
.homemain>div>.swiper-slide:nth-child(even) .serveword{padding-left: 80px;}
.hmbanner{z-index: -1;padding: 0!important;}
.hmbanner img{width: 100%;height: 100%;}
.hmbanner .swiper-container {
      width: 100%;
      height: 100%;
    }
.hmbanner .swiper-slide {
      background-position: center!important;
      background-size: cover!important;
}
.hmbanner .swiper-slide>div{width: 100%;height: 100%;background-size: contain;}
.hmbanner .swiper-pagination-bullet{background: #fff;width: 40px;height: 3px;border-radius: 0;}

.hmabout{background: url(../images/hmabout-bg.jpg) no-repeat;background-size: cover;
padding: 160px 0 0!important;}
.hmabout{}
.hmabout p{color: #333;font-size: 16px;line-height: 1.7;}
.hmabout strong{font-size: 30px;color: #0080ff;font-weight: normal;}
.hmabout b{color: #0080ff;font-weight: bold;}
.hmtitab{text-align: center;margin: 0 0 30px;width: 100%;}
.hmtitab h4{font-size: 36px;color: #0080ff;margin: 0 0 15px}
.hmtitab h3{font-size: 24px;color: #fff;margin: 0;}
.hmtitab p{color: #ccc;margin: 10px 0 0;}

.hmabout .hmtitab{margin-top: -30px;}

.hmserve{background: url(../images/hmserve-bg.jpg) no-repeat;background-size: cover;
position: relative;}
.hmserve .hmtitab{position: absolute;left: 0;top: 25%;}
.hmserve ul{height: 100%;}
.hmserve ul:before,.hmserve ul:after{content: '';display: table;clear: both;}
.hmserve ul li{width: 20%;float: left;height: 100%;text-align: center;padding: 18% 0 0;
position: relative;}
.hmserve ul li a{display: block;}
.hmserve ul li h3{color: #fff;}
.hmserve ul li h5{color: #fff;font-size: 20px;}
.servfront>div{width: 120px;height: 120px;padding: 30px;border: 2px solid #0080ff;
border-radius: 50%;margin: 0 auto 15px;}
.servfront>div img{width: 100%;}
.servfront{height: 100%;}
.servback{background: #fff;display: none;height: 100%;position: absolute;left: 0;top: 0;width: 100%;
border-left: 3px solid #0080ff;padding: 10% 0 0 36%;
}
.hmserve ul li:hover .servback{display: block;}
.servback dl{text-align: left;}
.servback dl dd{margin: 0 0 25px;}
.servback dl dd h4{font-weight: bold;}
.servback dl dd p{margin: 0;line-height: 2;}
.hmserve ul li:nth-child(2) .servback{padding-top: 11%;}
.hmserve ul li:nth-child(3) .servback{padding-top: 28%;}
.hmserve ul li:nth-child(4) .servback{padding-top: 46%;}
.hmserve ul li:nth-child(5) .servback{padding-top: 58%;}

.hmhezuo{background: url(../images/hmhezuo-bg.jpg) no-repeat;background-size: cover;}
.hmhezuo .hmtitab{padding-top: 6%;}
.hmhezuo .hmtitab h3{color: #333;}
.hmhezuo .hmtitab p{color: #666;}
.hmhezuo .swiper-container {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.hmhezuo .swiper-slide {
  text-align: center;
  font-size: 18px;
  /*background: #fff;*/
  height: 100px;
  padding: 15px;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.logobox{position: relative;height: 100%;}
.hmhezuo .swiper-slide img {
    max-width: 100%;max-height: 100%;width: auto;
    
}
.hmhezuo .swiper-slide img.logoback{
    opacity: 0;
    position: absolute;left: 0;top: 0;
    
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg); 
    -moz-transform: rotateY(180deg);
}
.hmhezuo .swiper-slide img.logofront{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.hmhezuo .swiper-slide:hover img.logoback{
    opacity: 1;
    
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg); 
    -moz-transform: rotateY(0deg);
}
.hmhezuo .swiper-slide:hover img.logofront{
    opacity: 0;
}


.hmtit{color: #fff;text-align: center;margin: 140px 0 70px;}
.hmhezuoslide{position: relative;margin: 20px auto 0;background: rgba(255,255,255,.5);
padding: 30px;}
.hmhezuo .swiper-button-next{right: -50px;outline: none;}
.hmhezuo .swiper-button-prev{left: -50px;outline: none;}

.hmnews{background: url(../images/hmnews-bg.jpg) no-repeat;background-size: cover;}
.hmnews .hmtitab{padding-top: 7%;}
.hmnews .hmtit{margin: 100px 0 40px;}
.hmnews .tab-pane ul{}
.hmnews .tab-pane ul:before,.hmnews .tab-pane ul:after{content: '';display: table;clear: both;}
.hmnews .tab-pane ul li{width: 50%;float: left;padding: 0 15px;margin: 0 0 15px;}
.hmnews .tab-pane ul li .hmnews-date{width: 14%;float: right;background: #0080ff;color: #fff;
text-align: center;margin: 0 3%;padding: 10px 0;}
.hmnews .tab-pane ul li .hmnews-date p{font-size: 24px;margin: 0 0 5px;}
.hmnews .tab-pane ul li .hmnews-date span{display: block;}
.hmnews .tab-pane ul li .hmnews-tit{width: 80%;float: right;text-align: right;}
.hmnews .tab-pane ul li .hmnews-tit h5{color: #fff;margin: 5px 0;font-size: 15px;}
.hmnews .tab-pane ul li .hmnews-tit h6{color: #aaa;line-height: 1.6;}
.hmnews .tab-pane ul li:nth-child(even) .hmnews-date{width: 14%;float: left;
margin: 0 3%;}
.hmnews .tab-pane ul li:nth-child(even) .hmnews-tit{width: 80%;float: right;text-align: left;}
.hmnews .nav-tabs{text-align: center;border: 0;margin: 0 0 20px;}
.hmnews .nav-tabs>li{float: initial;display: inline-block;font-size: 16px;text-align: left;}
.hmnews .nav-tabs>li.active>a, 
.hmnews .nav-tabs>li.active>a:focus, 
.hmnews .nav-tabs>li.active>a:hover{
	color:#fff;background: transparent;border: 0;
}
.hmnews .nav-tabs>li>a{color: #aaa;}
.hmnews .nav-tabs>li>a:focus, 
.hmnews .nav-tabs>li>a:hover{
	color: #fff;background: transparent;border: 1px solid transparent;
}
.hmmore{}
.hmmore a{display: block;width: 120px;text-align: center;color: #aaa;border: 1px solid #aaa;
padding: 8px 0;margin: 20px auto 0;border-radius: 3px;}

.hmcontact{background: url(../images/hmcontact-bg.jpg) no-repeat;background-size: cover;}
.hmcontact .hmtitab{padding-top: 6%;text-align: left;}
.hmcontact .hmmap img{margin-top: -120px;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;
padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;
white-space:-moz-pre-wrap;word-wrap:break-word}
.hmcontact ul{margin: 150px 0 0;}
.hmcontact ul li{clear: both;margin: 0 0 10px;display: table;width: 100%;}
.hmcontact ul li img{float: left;margin-right: 15px;}
.hmcontact ul li div{float: left;color: #fff;font-size: 15px;line-height: 2;}
.contactit{color: #fff;position: relative;padding-left: 40px;padding-top: 100px;}
.contactit span{position: absolute;left: 0;top: 120px;background: #0080ff;padding: 10px 6px;
display: block;text-align: center;border-radius: 3px;font-size: 18px;line-height: 1;}
.contactit h3{}
.contactit p{color: #ccc;}

.footer{background: rgba(0,0,0,.5);position: absolute;bottom: 0;left: 0;width: 100%;
padding: 30px 0 15px;}
.footer ul{margin: 10px 0 20px;} 
.footer ul li{display: inline-block;padding: 0 20px;width: auto;font-size: 16px;}
.footer ul li a{color: #fff;display: block;}
.copyright{text-align: center;color: #aaa;border-top: 1px solid #aaa;
padding: 15px 0 0;}
.copyright a{color: #aaa;}
.foot-share{text-align: right;}
.bshare-custom{color: #fff;}
.bshare-custom a{width: 35px!important;height: 35px!important;
border-radius: 50%;padding: 0!important;line-height: 35px;
background: #0080ff!important;
text-align: center;}
.bshare-custom a i{color: #fff;}

.contbar{position: fixed;right: 0;bottom: 40%;z-index: 999;background: rgba(0,0,0,.5);width: 50px;
padding: 10px 0;border-radius: 5px 0 0 5px;}
.contbar li{width: 50px;height: 50px;line-height: 50px;text-align: center;cursor: pointer;}
.contbar li .conttc{position: absolute;right:100%;top: 20px;text-align: left;
background: rgba(0,0,0,.5);width: 150px;padding: 15px;border-radius: 5px 0 0 5px;
transition: all .35s;transform: translate(200px,0);z-index: -1;line-height: 1.5;
color: #fff;
}
.contbar li:hover .conttc{transform: translate(0,0)}
.contbar li:first-child .conttc a{display: block;color: #0080ff;border:1px solid #0080ff;padding:5px;
text-align: center;border-radius: 3px;margin:5px 0;}
.contbar li:nth-child(2) .conttc a{color: #0080ff;}

.pageload{position: absolute;left: 0;top: 0;background: #fff;z-index: 1005;width: 100%;height: 100%;
}
.pageload img{width: 400px;position: absolute;left: 50%;top: 50%;
margin-left: -200px;margin-top: -90px;
}

.about-one{background: url(../images/about1-bg.jpg) no-repeat;background-size: cover;}
.about-one h2{color: #eee;padding: 10% 0 20px;line-height: 1.5;border-bottom: 1px solid #eee;}
.about-one .aboutcon{color: #fff;line-height: 1.8;}
.about-one .hmtitab{text-align: left;padding-top: 17%;}

.about-two{background: url(../images/about2-bg.jpg) center no-repeat;background-size: cover;
padding: 7.5% 0 0!important;
}
.about-two .hmtitab h3{color: #333;}
.abphone{padding: 0;}
.abphone img{display: block;margin: 0 auto;width: 90%;}
.abouli{padding: 0;}
.abouli ul{padding-top: 140px;}
.abouli ul li{margin: 0 0 20px;position: relative;}
.abouli ul li h4{color: #0080ff;}
.abouli ul li h4 span{font-weight: bold;font-size: 24px;}
.abouli ul li p{color: #333;line-height: 2;font-size: 16px;}
.abouli ul li:before{content: '';width: 60px;height: 1px;background: #0080ff;
position: absolute;right: 104%;top: 15px;
}
.abouli ul li:after{content: '';width: 7px;height: 7px;background: #0080ff;
position: absolute;right: 104%;top: 12px;border-radius: 50%;;
}

.ableft{text-align: right;}
.ableft ul li:after{left: 104%;}
.ableft ul li:before{left: 104%;}

.publicfoot{background: rgba(0,0,0,.5);position: absolute;bottom: 0;left: 0;width: 100%;
padding: 30px 0 15px;position: absolute;z-index: 9999;}
.publicfoot ul{margin: 10px 0 20px;} 
.publicfoot ul li{display: inline-block;padding: 0 20px;width: auto;font-size: 16px;}
.publicfoot ul li a{color: #0080ff;display: block;}

.serve-1{background-image: linear-gradient(to bottom right, #9bd063, #38ac5c);}
.serve-2{background-image: linear-gradient(to bottom right, #37b0fc, #4e7eff);}
.serve-3{background-image: linear-gradient(to bottom right, #feaf55, #f67755);}
.serve-4{background-image: linear-gradient(to bottom right, #9088ff, #7a5ef5);}
.serve-5{background-image: linear-gradient(to bottom right, #37b0fc, #4e7eff);}
.servebox{padding: 80px 0px 0}
.serve-1 .servebox{padding-top: 6.5%;}
.serve-2 .servebox{padding-top: 8%;}
.serve-3 .servebox{padding-top: 8%;}
.serve-4 .servebox{padding-top: 7%;}
.serve-5 .servebox{padding-top: 7%;}
.servebox h2{font-size: 40px;font-weight: bold;color: #fff;margin: 50px 0 30px;}
.servebox .servecon{font-size: 16px;color: #fff;line-height: 2;}
.servebox .serveword{}
.servebox .hmtitab{text-align: left;}
.servebox .hmtitab h4{color: #fff;}
.servebox .hmtitab h3{}
.servebox .hmtitab p{color: rgba(255,255,255,.6);}
.servebox ul{margin: 20px 0 0 -22px;width: 120%;}
.servebox ul li{display: inline-block;width: 110px;vertical-align: top;}
.servebox ul li a{display: block;background: #fff;width: 60px;height: 60px;
line-height: 60px;text-align: center;border-radius: 5px;margin: 0 auto 10px}
.servebox ul li img{}
.servebox ul li p{text-align: center;color: #fff;font-weight: bold;font-size: 15.5px;
margin: 0 auto;}

.coop-two{background: url(../images/case-bg.jpg) no-repeat;background-size: cover;}
.coop-two .hmtit{color: #333;}
.coop-two .hmtitab{padding-top: 6.5%;}
.coop-two .hmtitab h3{color: #fff;}
.coop-two .hmtitab p{color: #eee;}
.coop-two ul{}
.coop-two ul li{overflow: hidden;}
.coop-two ul li a{display: block;background: rgba(255,255,255,.5);border-bottom: 2px solid #0080ff;
position: relative;}
.coop-two ul li div{height: 260px;overflow: hidden;position: relative;
transition: all .35s;}
.coop-two ul li h5{font-size: 18px;color: #0080ff;padding: 15px 15px 10px;margin: 0;
position: relative;z-index: 9;}
.coop-two ul li p{color: #999;padding: 0 15px 15px;margin: 0;position: relative;z-index: 9;}
.coop-two ul li div:before{
	content: '';width: 100%;height: 100%;background: rgba(0,0,0,.5);position: absolute;
	left: 0;top: -100%;
	transition: all .35s;
}
.coop-two ul li div:after{
	content: '＋';width: 50px;height: 50px;line-height: 46px;color: #fff;font-size: 30px;
	background: #0080ff;border-radius: 50%;position: absolute;
	left: 50%;top: -50%;margin-left: -25px;margin-top: -25px;
	text-align: center;
	transition: all .35s;
}
.coop-two ul li:hover div:before{top: 0;}
.coop-two ul li:hover div:after{top: 50%;}
.coop-two ul li a:after{content: '';background: #0080ff;width: 100%;height: 79px;
position: absolute;left: 0;transition: all .35s;bottom:-79px;}
.coop-two ul li:hover a:after{bottom: 0;z-index: 1;}
.coop-two ul li:hover h5{color: #fff;}
.coop-two ul li:hover p{color: #fff;}

.coop-twonew{background: url(../images/case-bg.jpg) no-repeat;background-size: cover;}
.coop-twonew .hmtit{color: #333;}
.coop-twonew .hmtitab{padding-top: 3%;}
.coop-twonew .hmtitab h3{color: #fff;}
.coop-twonew .hmtitab p{color: #eee;}
.coop-twonew ul{padding: 0 50px;}
.coop-twonew ul li{overflow: hidden;margin-bottom:15px;}
.coop-twonew ul li a{display: block;background: rgba(255,255,255,.5);
position: relative;}
.coop-twonew ul li div{height: 240px;overflow: hidden;position: relative;
transition: all .35s;}
.coop-twonew ul li div:after{content: '';width: 100%;height: 100%;
background: rgba(0,0,0,.3);position: absolute;left: 0;top: 0;z-index: 1;}
.coop-twonew ul li h4{width: 100%;position: absolute;left: 0;top: 40%;color: #fff;text-align: center;
font-size: 30px;z-index: 9;
}
.coop-twonew ul li div img{
 transition: all 1s;
 transform: scale(1,1);
}
.coop-twonew ul li:hover div img{
 transform: scale(1.2,1.2);
}


.pagemore{text-align: center;margin: 40px 0 0;font-size: 16px;}
.pagemore a{padding: 10px 30px;border: 1px solid #0080ff;border-radius: 3px;color: #0080ff;}
.pagemore:hover a{background: #0080ff;color: #fff;}

.circle-two{background: url(../images/zhaopin-bg.jpg) no-repeat;background-size: cover;}
.zhaopinbx{padding-left: 120px;}
.zhaopinbx .hmtitab{text-align: left;padding-top: 14%;}
.zhaopinbx .hmtitab h4{color: #fff;}
.zhaopinbx .hmtit{text-align: left;margin: 60px 0 20px;}
.zhaopinbx .hmtit h2{font-weight: bold;}
.zhaopinwd{font-size: 16px;line-height: 1.8;color: #fff;}
.zhaopinbx ul{margin: 20px 0 0;}
.zhaopinbx ul:before,.zhaopinbx ul:after{content: '';clear: both;display: table;}
.zhaopinbx ul li{display: inline-block;margin-right: 15px;}
.zhaopinbx ul li a{display: block;color: #fff;border: 1px solid #fff;padding: 5px 15px;}
.zp-tanchu .modal-dialog{margin-top: 100px;}

.contact{background: url(../images/contact-bg.jpg) no-repeat;background-size: cover;}
.contact .hmtitab{padding-top: 8%;}
.contactbx{padding: 40px 0;}
.contact ul{}
.contact ul li{text-align: center;padding: 50px 15px;height: 280px;}
.contact ul li+li{border-left: 1px solid #ddd;}
.contact ul li:last-child{border: 0;padding-left: 160px;}
.contact ul li i{font-size: 50px;color: #0075ea;}
.contact ul li h4{font-size: 20px;color: #fff;margin: 20px 0;font-weight: bold;}
.contact ul li p{font-size: 16px;color: #eee;}
.contact ul li img{}
.contact ul li h5{color: #fff;text-align: center;}

.pagefooter{position: absolute;bottom: 0;left: 0;width: 100%;
color: #fff;text-align: center;padding: 15px 0;z-index: 9999;
}
.pagefooter a{color: #fff;}

.intit{padding: 30px 0;border-bottom: 2px solid #0d2d98;}
.intit h2{font-weight: bold;color: #0d2d98;font-weight: bold;margin: 0;}
.intit p{color: #666;margin: 10px 0 0;}
.intit ul{margin: 20px 0 0;}
.intit ul li{display: inline-block;}
.intit ul li a{display: block;padding: 10px 20px;margin-right: 20px;border: 1px solid #999;color: #555;}
.intit ul li.active a{border: 1px solid #0d2d98;color: #0d2d98;}

.newli{}
.newli ul{}
.newli ul li{margin: 20px 0 0;padding: 15px;background: #fff;}
.newli ul li a{display: block;}
.newli ul li .newsli-date{margin-top: -15px;text-align: center;}
.newli ul li .newsli-date div{background: url(../images/news-datebg.png) no-repeat top center;background-size: 100% 100%;color: #fff;
padding: 10px 0 30px;
}
.newli ul li .newsli-date div span{font-size: 16px;}
.newli ul li .newsli-date div i{font-size: 19px;font-style: normal;}
.newli ul li .newsli-pic{height: 150px;overflow: hidden;}
.newli ul li .newsli-pic img{width: 100%;}
.newli ul li .newsli-rt{}
.newli ul li .newsli-rt h5{font-size: 18px;line-height: 1.6;color: #333;}
.newli ul li:hover .newsli-rt h5{color: #0d2d98;}
.newli ul li .newsli-rt p{color: #999;line-height: 1.6;}
.newli ul li .newsli-rt span{color: #aaa;margin: 10px 0 0;}
.newli ul li:hover .newsli-rt span{color: #0d2d98;}

.showbox{background: #fff;padding: 30px 100px}
.showbox>h3{text-align: center;font-weight: bold;margin: 0;}
.showbox>span{color: #aaa;display: block;margin: 10px 0 0;text-align: center;}
.showbox .showcon{
  color: #555;line-height: 2;padding: 30px 0 0;
}
.showbox .showcon>p,.showbox .showcon>div{}
.showbox .showcon img{max-width: 100%;margin: 10px auto;display: block;height: auto!important;}
.showbt{padding: 20px 100px;background: #fff;margin: 1px 0 0;}
.showbt li{color: #999;}
.showbt li:last-child{text-align: right;}
.showbt li a{color: #999;}
.showbt li a:hover{color: #0d2d98;}

.caseli{margin: 0 0 20px;}
.caseli li{margin: 20px 0 0;}
.caseli li a{display: block;position: relative;height: 240px;overflow: hidden;border: 1px solid #ddd;}
.caseli li a img{
  transition: all .5s;
  transform: scale(1,1);
  min-height: 100%;
}
.caseli li a h5{background: rgba(0,0,0,.6);color: #fff;font-size: 16px;padding: 15px 40px 15px 15px;margin: 0;
position: absolute;left: 0;bottom: 0;width: 100%;
white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
/*transition: all .5s;*/
}
.caseli li a:hover img{
  transform: scale(1.2,1.2);
}
/*.caseli li a h5:after{content: '';width: 0;height: 2px;background: #fff;
position: absolute;left: 15px;bottom: 15px;
transition: all .5s;
}*/
.caseli li a i{color: #fff;position: absolute;right: 15px;bottom: 12px;font-size: 24px;}
/*.caseli li a:hover h5{padding-bottom: 100px;}
.caseli li a:hover h5:after{width: 30px;bottom: 80px;}*/

.lipage{text-align: center;margin: 20px 0 0;font-size: 0;}
.lipage a,.lipage span{color: #0d2d98;border: 1px solid #0d2d98;margin-left: -1px;font-size: 14px;padding: 3px 8px;}
.lipage span{background: #0d2d98;color: #fff;}
.lipage a:first-child{border-radius: 3px 0 0 3px;}
.lipage a:last-child{border-radius: 0 3px 3px 0;}

.videozhezhao{width: 100%;background: rgba(0,0,0,.5);position: fixed;left: 0;top: 0;z-index: 9;}
.videopass{width: 400px;height: 200px;position: absolute;top: 50%;left: 50%;margin-top: -100px;margin-left: -200px;
background: #fff;border-radius: 3px;padding: 30px 15px;
}
.videopass label{font-size: 18px;margin: 0 0 20px;}
.videopass a{display: block;margin: 15px auto 0;width: 100px;}



@media only screen and (min-width:1440px) {
.container{width: 1440px;}
}
@media only screen and (max-width:1280px) {

}
@media only screen and (max-width:1024px) {

}
@media only screen and (max-width:768px) {
.homemain>div>.swiper-slide{padding-top:0px;}
.hmbanner{height:300px}
.homemain>div.swiper-wrapper{display:block;}
.swiper-slide-active{z-index:999;}

.navbar-default{background: rgba(0,0,0,.5);border: 0;margin: 0;}
.navbar-brand{padding: 10px 15px;}
.navbar-default .navbar-toggle{border: 0;margin-right:5px}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background: transparent;}
.navbar-default .navbar-toggle:focus span{
transition: all .2s;
}
.navbar-default .navbar-toggle span:nth-child(2){
transform: rotate(-45deg);
transform-origin: 100% 50%;
}
.navbar-default .navbar-toggle span:nth-child(3){
display: none;
}
.navbar-default .navbar-toggle span:nth-child(4){
transform: rotate(45deg);
transform-origin: 45% 250%;
}
.navbar-default .collapsed span:nth-child(2){
transform: rotate(0deg);
}
.navbar-default .collapsed span:nth-child(3){
display: block;
}
.navbar-default .collapsed span:nth-child(4){
transform: rotate(0deg);
}
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a:hover{color: #fff;}
.zhanwei{height: 50px;}
.mbnav{position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;}
.navbar-default .navbar-toggle .icon-bar{background:#fff}

.hmbanner .swiper-slide>div{background-size:280%!important;}
.hmbanner .swiper-slide:nth-child(2)>div,
.hmbanner .swiper-slide:nth-child(5)>div{background-position: 25%!important;}
.hmbanner .swiper-slide:nth-child(4){background-size: 240% 100%!important;}
.hmbanner{height: 300px;}
.hmbanner .swiper-pagination{bottom: 10px;}
.slidert{display: none;}

.homemain>div>.swiper-slide{padding: 70px 0;background-position: 66%;}
.hmabout{padding: 70px 0!important;background-position: 70%;}
.hmabout .hmtitab{margin-top: 0;}
.hmtitab h4{font-size: 24px;margin: 0 0 8px;}
.hmtitab h3{font-size: 18px;}
.hmabout p{font-size: 14px;margin: 0 0 5px;line-height: 1.5;}
.hmabout strong{font-size: 18px;}
.hmserve .hmtitab{position: initial;}
.hmserve ul li:hover .servback{display: none;}
.hmserve ul li{width: 100%;padding: 0 15px 0 30px;height: auto;}
.servfront>div{width: 50px;height: 50px;padding: 5px;float: left;margin: 0 15px 0 0;}
.hmserve ul li h3{font-size: 16px;}
.hmserve ul li h5{font-size: 14px;}
.servfront{text-align: left;}
.hmswar{display: none;}

.hmhezuoslide{margin: 20px 15px 0;}
.hmhezuo .swiper-button-next{right: -15px;}
.hmhezuo .swiper-button-prev{left: -15px;}
.homemain>div>.swiper-slide.hmhezuo{padding: 12% 0;background-position:center}
.homemain>div>.swiper-slide.hmserve{padding: 28% 0;}
.swiper-button-next, .swiper-button-prev{width: 12px;height: 15px;background-size: contain!important;}
.hmhezuoslide{padding: 15px 15px 0;}
.hmhezuo .swiper-slide{padding: 0px;margin: 0 20px 8px 0!important;height: 30px;}
.hmhezuo .hmtitab{margin-bottom:20px}

.hmnews .hmtitab{padding-top: 0;}
.hmtitab p{font-size: 12px;}
.hmnews .tab-pane ul li .hmnews-date,
.hmnews .tab-pane ul li:nth-child(even) .hmnews-date{float: left;margin-left: 0;width: 20%;}
.hmnews .tab-pane ul li .hmnews-tit,
.hmnews .tab-pane ul li:nth-child(even) .hmnews-tit{text-align: left;width: 76%;}
.hmnews .tab-pane ul li{width: 100%;padding: 0;}
.hmnews .tab-pane ul{height: 320px;overflow: hidden;}
.hmnews .tab-pane ul li .hmnews-date{margin-right: 0;}

.contactit{padding-top: 0;}
.contactit span{top: 0;}
.contactit h3{font-size: 18px;margin-top: 0;}
.contactit p{font-size: 12px;}
.contactit span{font-size: 14px;padding: 8px 6px;}
.hmcontact ul li img{width: 10%;margin-right: 3%;}
.hmcontact ul li div{font-size: 13px;width: 87%;}
.hmcontact ul{margin: 30px 0 0;}
.hmcontact ul li h4{font-size: 16px;margin: 0 0 5px;}
.hmcontact .hmmap img{margin: 0}
.bshare-custom{display: none;}
.footer{padding: 15px 0;}
.footer ul li{font-size: 14px;padding: 0 10px;}
.footer ul{text-align: center;margin: 0;}
.copyright{font-size: 12px;}

.hmswpg{left: 5px;}
.pagefooter{display: none;}
.about-one .hmtitab{padding-top: 8%;}
.about-one .aboutcon{line-height: 1.5;}
.about-one .container,
.about-two .container,
.about-one .container,
.about-one .container,
.about-one .container,
.about-one .container{padding: 0 30px;}
.coop-twonew .container{padding: 0 60px;}
.about-one{background-position-x: 60%;}
.about-two{padding: 20% 0 0!important;}
.abouli ul{padding: 0;}
.ableft{text-align: left;}
.abouli{padding: 0 15px;}
.abouli ul li{margin: 0 0 10px;}
.abouli ul li h4{font-size: 14px;}
.abouli ul li h4 span{font-size: 16px;}
.abouli ul li p{font-size: 12px;line-height: 1.5;margin: 0;}
.ableft ul li:before{display: none;}
.abphone{display: none;}
.abouli ul li:before{display: none;}
.ableft ul li:after{display: none;}
.abouli ul li:after{display: none;}

.servebox .serveword{padding: 0 30px;}
.servebox .hmtitab{margin-bottom:15px}
.servebox{padding: 0px 15px 0!important;}
.servebox .servecon{font-size: 13px;line-height: 1.6;}
.servebox ul{margin-left: -20px;}
.servebox ul li p{font-size: 12px;white-space: nowrap;transform: scale(0.9);}
.servebox ul li a{width: 40px;height: 40px;margin: 0 auto 0px;line-height: 40px;}
.servebox ul li{width: 75px;margin: 0 0 5px;}
.servebox ul li img{width: 25px;}
.servebox .servepic{width:70%;margin:0 auto;display: block;}
.serve-1 .servepic{width: 60%;margin: -10px auto 0;}
.serve-2 .servepic{width:70%;margin: -10px auto 0;}
.homemain>div>.swiper-slide:nth-child(even) .serveword{padding-left: 30px;}

.coop-twonew ul{padding: 0;}
.coop-twonew ul li{}
.coop-twonew ul li div{height: 70px;}
.coop-twonew ul li h4{top: 20%;font-size: 20px;}
.intit ul li a{font-size: 12px;padding: 5px 10px;margin: 0 10px 10px 0;}
.videopass{width: 90%;margin-left: -45%;}

.showbox{padding: 30px 15px;}
.zhaopinbx{padding-left: 30px;}
.zhaopinwd{font-size: 14px;line-height: 1.6;}
.zhaopinbx ul li a{padding: 0 10px;}
.zhaopinbx ul li{margin: 0 0 10px;}
.zhaopinbx .hmtitab{padding-top: 10%;}

.newli ul li{position: relative;padding: 15px 0;}
.newli ul li .newsli-date{position: absolute;left: 15px;top: 15px;width: 100px;z-index: 9;}
.showbt{padding: 15px 15px;font-size: 12px;}
.showbt li:last-child{text-align: left;}
.newli ul li .newsli-rt h5{font-size: 16px;}
.newli ul li .newsli-rt p{font-size: 12px;}
.showbox>h3{font-size: 18px;}
.showbox>span{font-size: 12px;}

.contactbx{padding: 0;}
.contact .hmtitab{padding-top:3%;margin-bottom:20px}
.contact ul li{padding: 10px 0;text-align: center;height: auto;clear: both;}
.contact ul li i{font-size: 30px;margin-right: 10px;}
.contact ul li:first-child i{height: auto;}
.contact ul li h4{margin: -5px 0 5px;font-size: 16px;display:inline-block;line-height:30px;vertical-align:middle;}
.contact ul li+li{border: 0;}
.contact ul li p{font-size: 14px;margin: 0;}
.contact ul li:last-child{padding: 10px 0 0;text-align: center;}
.contact ul li img{width:100px}







}
@media only screen and (max-width:480px) {
.pageload img{width:260px;margin-left:-130px;margin-top:-80px}
}
@media only screen and (max-width:320px) {

}