/*通用代码*/
*{ margin:0px; padding:0px;}
body{font-size:14px; color:#222222; font-family:"Microsoft YaHei"; font-family:'微软雅黑';}
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
.clear{clear:both;}
a{color: #222222; text-decoration: none; font-size:14px;}
a:hover{color: #0074c4;cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none}
.w1400{ width:1400px; margin:0 auto;}
.w1300{ width:1300px; margin:0 auto;}
.fr{ float:right;}
.fl{ float: left;}
/*抬头*/
.header{ height:108px; background:url(../im/topbj.jpg) no-repeat center; padding-top:31px;}
.hline{ width:1px; height:55px; background:#000000; margin:10px 23px;}
.hmean{ font-size:18px; color:#222222; font-weight:lighter;}
.hmean strong{ display:block; font-size:22px; color:#006db8; font-weight:bold;}
.hmean em{    font-weight: bold;display: inline-block;margin: 8px 0 3px 0;}
.header div.fr>p img{ margin:15px 43px 0 0;}
.hconcat span,.hconcat span a{ font-size:14px; color:#484848; font-weight:lighter;}
.hconcat span a:hover{ color:#006db8; text-decoration:underline; }
.hconcat span{ display:block;padding-left:26px; background:url(../im/tel.png) no-repeat left center; margin:0 0 3px 0;}
.hconcat strong{ font-size:26px; color:#006db8; font-family:impact, Arial, Helvetica, sans-serif; line-height:26px;}
.hconcat i{ letter-spacing:0.7px;}
/*导航*/
nav{ height:70px; margin:1px 0; background:#006db8;}
nav li{ display:block; float:left; position:relative; width:10%; text-align:center;}
nav li>a{ font-size:15px !important; display:block; position:relative; z-index:999; color:#fff !important; line-height:70px;}
nav li>a:after{ width:1px; height:13px; border-left:1px dotted #66a7d4; content:''; display:block; position:absolute; right:0px; top:29px;}
nav li:after{ content:''; display:block; position:absolute; width:100%; height:0px; transition:all .3s ease; top:0px; left:0px; background:#ff9600;}
nav li.cur:after,nav li:hover:after{ height:100%;}
nav li.cur>a:after,nav li:hover>a:after{ display:none;}
nav li .dropmenu{ position:absolute; top:70px; width:400%; right:0; padding:20%; background:#f5f5f5; z-index:999; background:#eee; border-bottom-right-radius:30px;border-bottom-left-radius:30px; display:none;}
.dropa{ width:30%;}
.dropmenu a { display:block; text-align:center; line-height:50px; border-bottom:1px solid #ddd; width:100%;}
.dropmenu a:nth-last-child(1),.dropmenu a:nth-last-child(2){ margin-bottom:0px;}
.dropmenu a{ font-size:14px; color:#222;}
.dropmenu a  em{ display:block; font-size:12px; font-weight: lighter; color:#999; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; letter-spacing:-1px; margin:5px 0 0 0;}
.dropmenu a:hover{ color:#006db8;}
.dropleft{ width:65%; float:left;}
.droppic{ width:100%;  background:#333; height:154px; margin-bottom:10px;}
.droppic img{ width:100%; height:100%;}
.droptitl{ text-align:center; font-size:12px; text-transform:uppercase; color:#666;}
.droptitl strong{ display:block; font-size:16px; color:#006db8;}
.dropmenu1 .droppic{ height:250px;}
.dropmenu2 .droppic{ height:200px;}
.dropmenu3 .dropa{ width:60%;}
.dropmenu3 .dropa a{ float:left; width:47.5%;}
.dropmenu3 .dropa a:nth-child(2n){ float:right;}
.dropmenu3 .dropleft{ width:35%;}
.dropmenu3 {width:500% !important; left:-260% !important;}
.dropmenu3 .droppic{ height:250px;}
/*幻灯片*/
.focus {
	width: 100%;
	min-width: 1200px;
	height:512px;
	overflow: hidden;
	position: relative;
	z-index: 1
}
.focus ul {height: 100%; position: absolute;overflow: hidden;}
.focus ul li { float: left;width: 100%;height: 100%;overflow: hidden; position: relative;background: #000;}
.focus ul li div {position: absolute;overflow: hidden;width: 100%;height: 100%;}
.focus .btnBg {position: absolute; width: 100%;height: 20px;left: 0; bottom: 0;background: #000;display: none;}
.focus .btn { position: absolute;width: 952px; height: 23px;margin-left: -480px;left: 50%;bottom: 15px;text-align: center;}
.focus .btn span {font-size: 0;display: inline-block;_display: inline; _zoom: 1;width: 10px;height: 10px;text-align: center;_font-size: 0;margin-left: 16px;cursor: pointer;background: #fff; border-radius: 50%;}
.focus .btn span.on {background: #ff9600;}
.focus .preNext {width: 45px;height: 100px;position: absolute; top: 274px; background: url(../im/jiantou.png) no-repeat 0 0;cursor: pointer;}
.focus .pre {left: 0;}
.focus .next { right: 0; background-position: right top;}
/*搜索*/
.search{ border-bottom:1px solid #e8e8e8;}
.keywords ,.keywords a{ font-size:14px; color:#484848; line-height:77px;}
.keywords span{ font-size:18px; color:#006db8;}
.keywords a:hover{ color:#006db8; text-decoration:underline;}
.seaconcat{ padding:0 32px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; margin:17px 32px 0 0;}
.seaconcat p{ padding-left:50px; background:url(../im/dh.png) no-repeat left center; font-size:14px; color:#484848;}
.seaconcat p strong{ display:block; font-size:20px;}
.search_bg input{ border:0; background:none; font-family:"Microsoft YaHei"; font-family:'微软雅黑'; display:inline-block; float:left;}
.search_bg{ width:282px; height:50px; background:#eaeaea; margin:14px 0 0 0; padding-left:21px;}
#infoname{ width:230px; height:50px;}
#soo{ margin:10px 0 0 0;}
/*环保空调直通车*/
.products{ padding:60px 0;}
.protil{ text-align:center; color:#222222;}
.protil span{ font-size:20px; font-weight:lighter; text-transform:uppercase;}
.protil strong{ display:block; font-size:36px;}
.protil strong em{ color:#006db8;}
.protil i{ display:block; font-size:16px; color:#aaaaaa;}
.protil img{ margin:7px 0 7px 0;}
.proclass{ text-align:center; margin:30px 0 0 0;}
.proclass a{ display:inline-block; width:453px; line-height:60px; background:#535353; font-size:18px; color:#ffffff; font-weight:lighter; transition:all .3s ease;}
.proclass a+a{ margin-left:20px;}
.proclass a span{ display:inline-block; padding-left:49px; background:url(../im/ion1.png) no-repeat left center;}
.proclass a:nth-child(3) span{background:url(../img/ion2.png) no-repeat left center;}
.proclass a:nth-child(2) span{background:url(../im/ion3.png) no-repeat left center;}
.proclass a.on{ background:#006db8;}
.proClassTwo,.pstab{ margin:30px 0 30px 0; font-size:0;}
.proClassTwo a,.pstab a{ display:inline-block; width:164px; line-height:48px; border:1px solid #d0cfcf; text-align:center; font-size:14px; color:#888888; font-weight:lighter; transition:all .3s ease;}
.proone .pstab a{width:144px;}
.proClassTwo a+a,.pstab a+a{ margin-left:10px;}
.pstab span+span{ display:block; margin-top:10px;}
.proshow ul+ul{display: none;}
.proClassTwo a:hover,.pstab a:hover{ border-color:#006db8; background:#006db8; color:#fff;}
.proshow td{ display:inline-block;padding:19px !important; background:#f5f5f5; border:1px solid #e7e7e7; position:relative; overflow:hidden;}
.proshow td br{ display:none;}
.proshow td+td{ margin-left:20px;}
.proshow tr+tr{ display:inline-block; margin:20px 0 0 0;}
.proshow td a{ position:relative; z-index:333; text-align:left;}
.proshow td span a{ display:block; position:relative; font-size:16px; color:#222222; font-weight:lighter; margin:20px 0 0 0;}
.proshow td span a:after{content: 'MORE';display: block;position: absolute;top: 0px;right: 0px; width: 60px;height: 26px;background: #535353;text-align: center;line-height: 26px;color: #fff;font-size: 12px; font-weight:lighter;transition: all 0.5s ease;}
.proshow td:after {content: '';display: block;position: absolute; width: 100%; height: 100%;top: 0px;left: -120%;background: #006db8;transition: all 0.5s ease;transform: rotate(90deg);}
.proshow td:hover a:after {width: 100px;background: #fff;color: #006db8;}
.proshow td:hover:after {left: 0px;transform: rotate(0deg);}
.proshow td:hover a{ color:#fff;}
/*您厂房车间是否被以下问题所困扰*/
.problem{ height:443px; background:url(../im/fabj.jpg) no-repeat center; padding:50px 0 0 0;}
.pbtitl{ text-align:center; color:#fff; font-size:36px;}
.pbtitl em{ text-transform:uppercase; font-size:14px; font-family:Arial, Helvetica, sans-serif; display:block; margin: 5px 0 15px 0;}
.pbtitl span{ display:block; line-height:48px; background:url(../im/fadb.png) no-repeat center; font-size:22px; color:#003e69;}
.pbcon{ margin-top:41px;}
.pbcon li{ float:left; cursor:pointer;}
.pbicon{ margin:0 auto; width:72px; height:72px; position:relative; z-index:333; border-radius:50%; text-align:center; background:#c5d4de;}
.pbicon img{ margin:18px 0 0 0;}
.pbcon li+li{ margin:0 0 0 20px;}
.pbwa{ width:110px; height:174px; border-radius:5px; background:#e8f6ff; text-align:center; font-size:15px; color:#222222; position:relative; margin:-45px 0 0 0; overflow:hidden;}
.pbwa span{ font-size:30px; display:block; color:#006db8; font-family:Antonio, Arial, Helvetica, sans-serif; padding:60px 0 9px 0; margin:
0 0 15px 0;border-bottom:1px solid #d6e3eb;}
.pbwa:after{ content:''; display:block; position:absolute; width:100%; transition:all .3s ease; height:0px; left:0px; top:0px; background:#ff9600;}
.pbwa span,.pbwa i{ position:relative; z-index:33;}
.pbcon li:hover .pbwa:after{ height:100%;-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.pbcon li:hover .pbwa span{ color:#fff; border-color:#efb86a;}
.pbcon li:hover .pbwa{ color:#f0dec5;}
.pbconcat{ margin:0 0 0 45px; color:#fff; text-align:center;}
.pbconcat p:nth-child(1){ font-size:18px; font-weight:lighter;}
.pbconcat p:nth-child(1) strong{ display:block; font-size:30px; margin:28px 0 3px 0;}
.pbconcat p:nth-child(2){ font-size:25px; font-weight:bold; padding-left:35px; background:url(../im/dh3,png) no-repeat left center; margin:10px 0 0 0;}
.pbicon img{animation: Updown 1s infinite alternate;}
.pbicon{animation: downUp 1s infinite alternate;}
@keyframes Updown {
  from {
    margin-top: 14px;
  }
  to {
    margin-top: 24px;
  }
}

@keyframes downUp {
  from {
    transform: translateY(10px);
  }
  to {
    transform: translateY(-10px);
  }
}
/*17年经验累积200个行业解决方案*/
.solve{ padding:60px 0; background:#f5f5f5;}
.soltil{ text-align:center; font-size:18px; color:#222222;}
.soltil strong{ display:block; font-size:36px;}
.soltil strong span{ color:#006db8;}
.soltil i{ display:block; margin:3px 0 10px 0;}
.solcenter{ margin-top:30px;}
.solcon li:nth-child(3n){margin-right: 0;s} 
.solcon li{background:#fff; float:left; position:relative; z-index:33; margin:0 30px 30px 0; width:446px;}
.solbg{ margin:0 0 30px 0; text-align: center; font-size: 0;}
.solbg li+li{ margin-left:25px;}
.solbg li{ display:inline-block; position:relative; width: 15px; height: 15px; border-radius: 50%; border: 1px solid #006db8; cursor: pointer;}
.solbg li:after{ content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 11px; height: 11px; border-radius: 50%; background: #006db8;}
.solbg li.on:after{background: #ff9600;}
.solbg li.on{border-color: #ff9600;}
.soltop{ font-size:16px; color:#fff; text-align:center; padding: 20px 30px;width: 100%;  box-sizing: border-box;  bottom: 0; left: 0;  position: absolute; z-index: 999; background: rgba(0,0,0,.6);
 z-index:999; transition:all .3s ease; }
.soltop:before{ content:''; display:block; position:absolute; width:26px; height:36px; background:url(../im/djtb.png) no-repeat right center; transition:all .3s ease; transition:all .3s ease; right:40px; top:20px;}
.solpic{ position:relative; overflow:hidden; z-index:333;}
.solpic  img{ width:440px; height:330px;transition: all .6s ease;}
.solpic  span{ position:absolute; display:block; width:57px; height:37px; background:#006db8; text-align:center; font-size:12px; color:#ffffff; line-height:18px; padding:20px 10px; right:0px; top:0px;}
.solcon li:after{ content:''; display:block; position:absolute; width:100%; height:0px; transition:all .5s ease; top:0px; left:0px; background:#006db8;}
.solcon li:hover:after{ height:100%;-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.solcon li:hover .solpic span{ background:#ff9600;}
.solcon li:hover .solpic  img{transform: scale(1.1);}
.solcon li:hover .soltop em{ color:#daebf7;}
.solcon li:hover .soltop:after{ background:#daebf7;}
.solbtn{ text-align:center; margin:30px 0 0 0;}
.solbtn a{ width:450px; display:inline-block; line-height:50px; background:#006db8; transition:all .3s ease; font-size:18px; color:#fff;}
.solbtn a:hover{ background:#ff9600; width:100%; max-width: 1400px;}
/*选择翰泰通的四大优势*/
#ys_bg{width:100%; background:url(../im/ysbj.jpg) center no-repeat; height:730px; padding-top: 60px; }
.ys{ height:650px; background:#f6f6f6; position:relative;}
.top80{ height:80px;}
.ys_t{ font-size:18px; color:#222222;}
.ys_t strong{ font-size:36px; display:block;}
.ysab{ position:absolute; top:50px; left:60px;}
.ystab{ margin-top:20px;}
.ystab li{ float:left; width:87px; height:119px; border:3px solid #222; transition:all .4s ease; font-size:20px; font-weight:bold; color:#272728; text-align:center; cursor:pointer;}
.ystab li p:nth-child(1){ font-family:impact; font-weight:normal; font-size:30px; padding-top:15px;}
.ystab li+li{ margin-left:20px;}
.ystab li.cur{ background:#006db8; border-color:#006db8; color:#fff;}
.ysjt{ margin:300px 0px 0px 25px;}
.ysjt>div{ float:left; cursor:pointer; width:12px; height:20px;}
.ysleft{ background:url(../im/jt2.png) no-repeat left top;}
.ysright{ background:url(../im/jt3.png) no-repeat right top;}
.ysjt>div+div{ margin-left:20px;}
.ysjt>div:hover{ background-position-y:-20px;}
.yscon ul{ width:100%; height:100%;}
.yscon ul+ul{ display:none;}
.yswa{ width:550px; margin:300px 0px 0px 70px; float:left; position:relative; z-index:333;}
.yswa p:nth-child(1){ font-size:30px; color:#272728;}
.yswa p:nth-child(2){ font-size:14px; color:#272728;}
.yswa p:nth-child(3){ font-size:16px; color:#aaa; line-height:30px; margin:30px 0px 35px 0px;}
.yswa a{ display:block;font-size:16px; color:#aaa;}
.yswa a:hover{ text-decoration:underline; color:#006db8;}
/*砥砺前行 • 有口皆碑*/
.case{ padding:60px  0;}
.casetil{ text-align:center; font-size:36px; color:#222;}
.casetil span{ color:#006db8;}
.casetil em{ display:block; font-size:18px; margin:5px 0 20px 0;}
.casebtn a{ display:block; margin:25px auto 40px auto; width:156px; line-height:40px; background:#666666; font-size:16px; text-align:center; color:#fff; transition:all .3s ease;}
.casebtn a:hover{ background:#006db8;}
.caseClass a{ display:inline-block; width:208px; line-height:50px; text-align:center; background:#eeeeee; font-size:14px; color:#666666; font-weight:lighter; transition:all .3s ease;}
.caseClass a+a{ margin-left:10px;}
.caseClass span+span{ margin-top:10px; display:block;}
.caseClass a:hover{ background:#006db8; color:#fff;}
.casecenter{ position:relative; margin:30px 0 0 0;}
.casejt{ position:absolute; cursor:pointer; width:46px; height:46px; top:221px;}
.casejt.prev{ left:-66px; background:url(../im/zjt.png) no-repeat left top;}
.casejt.next{ right:-66px; background:url(../im/yjt.png) no-repeat left top;}
.casejt:hover{ background-position-y:-46px;}
.casecon{ overflow:hidden;}
.casecon .divdgweb_new_div_item{ width:310px; padding-top:251px; margin-right:20px; float:left; position:relative;}
.casecon .news_div_item_pic{ position:absolute; width:100%; height:251px; overflow:hidden; top:0px; left:0px;}
.casecon .news_div_item_pic img{ position:relative; transition:all .5s ease;    width: 100%;
    height: 100%;}
.casecon .divdgweb_new_div_item_content{ padding:30px; background:#eeeeee; height:144px;}
.casecon .divdgweb_new_div_item_a{ font-size:18px; color:#222222; font-weight:lighter;display: block;
    white-space: nowrap;
    overflow: hidden;
    height: 24px;
    text-overflow: ellipsis;}
.casecon .divdgweb_new_div_item_body{ font-size:14px; color:#aaaaaa; font-weight:lighter; line-height:24px; margin:10px 0 25px 0;}
.casemore{ display:block; line-height:40px; background:#e1e1e1; text-align:center; font-size:12px; color:#555555; font-weight:lighter; transition:all .3s ease;}
.casecon .divdgweb_new_div_item:hover .casemore{ background:#006db8; color:#fff;}
.casecon .divdgweb_new_div_item:hover .divdgweb_new_div_item_a{ color:#006db8;}
.casecon .divdgweb_new_div_item:hover .news_div_item_pic img{ transform:scale(1.1);}
/*合作客户*/
.custerm{padding: 60px 0 40px 0; background: #f5f5f5;}
.custon{ margin-top: 30px;} 
.custon table,.custon tbody{display:block;width:100%;}
.custon td{display: inline-block; padding: 0 !important; width: 250px;}
.custon td+td{margin-left: 25px;}
.custon tr{display: block; height:170px !important;} 
.custon td br{display: none;}
.custon td a{display: block; position: relative; overflow: hidden; background: #fff; transition: all .3s ease;border: 1px solid #ddd;}
.custon td>a{padding: 4px;}
.custon td div{padding-top: 3px !important;}
.custon td div a{line-height: 40px;font-size: 14px;color:#333;}
.custon td:hover a{background: #006db8;color: #fff;border-color: #006db8;}
.custon td img{width: 100%;height: auto;}
/*翰泰服务流程*/
.process{ height:370px; background:url(../im/lcbj.jpg) no-repeat center; padding-top:50px;}
.pctitl{ text-align:center; font-size:18px; font-weight:lighter; color:#fff;}
.pctitl span{ display:block; font-size:36px; margin:0 0 5px 0;}
.pcul{ margin:50px auto 0 auto; position:relative; padding:0px 4px;}
.pcul li { float:left; text-align:center; color:#fff; font-size:18px; font-weight:lighter; width:150px;}
.pcul li p:nth-child(1){ height:70px;}
.pcul li p span{ display:block; text-transform:uppercase; font-size:12px; margin:5px 0 0 0;}
.pcul li p:nth-child(3){ font-size:16px; margin-top:40px;}
.pcul:after{ content:''; display:block; width:1278px; position:absolute; height:36px; left:0px; right:0px; margin:0 auto;  bottom:-7px; background:url(../im/yuan.png) no-repeat 53px center;    }
.pcul li:nth-child(2){ margin-left:37px;}
.pcul li:nth-child(3){ margin-left:37px;}
.pcul li:nth-child(4){ margin-left:36px;}
.pcul li:nth-child(5){ margin-left:37px;}
.pcul li:nth-child(6){ margin-left:35px;}
.pcul li:nth-child(7){ margin-left:36px;}
/*图片抖动*/
@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
.pcul li:hover img{
	-webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;
	}
/*- 关于我们 · 不忘初心 -*/
.about{ padding:70px 0; background:#f5f5f5 url(../im/gjwmbj.png) no-repeat bottom center;}
.abtitl{ text-align:center; font-size:18px; color:#222222; font-weight:lighter;}
.abtitl strong{ font-size:36px; color:#222222; display:block; margin:0 0 5px 0;}
.abtitl span{ color:#006db8;}
.abwa{ height:415px; background:#fff; margin: 45px 0 0 0;}
.abvidio{ width:50%; height:85%; background:url(../im/shipingbj.jpg) no-repeat center;}
.abword{ width:605px; margin:24px 0 0 50px;}
.abword p:nth-child(1){ font-size:28px; font-weight:bold; color:#222222;}
.abword p:nth-child(2){ font-size:14px; color:#bbbbbb; line-height:33px; margin:25px 0 35px 0;}
.abword p a{font-size:14px; color:#bbbbbb;}
.abword p a:hover{ color:#006db8; text-decoration:underline;}
.abword li{ float:left; width:149px; height:70px; background:#555555; text-align:center; color:#fff; font-size:14px; padding-top:10px;}
.abword li span{ font-size:18px; display:block;}
.abword li strong{ font-size:25px;}
.abword li+li{ margin-left:1px;}
.qyxx{ margin:50px 0 0 0; overflow:hidden;}
.qyxx td{ width:323px; height:239px; display:inline-block; position:relative; padding:5px !important; background:#fff; border:1px solid #d0d0d0; }
.qyxx td+td{margin-left:20px;}
.qyxx td br{ display:none;}
.qyxx td div a{ display:block; position:absolute; width:323px; line-height:50px; left:5px; bottom:5px; background:rgba(0,0,0,0.6); transition:all .3s ease; font-size:14px; color:#fff;}
.qyxx td:hover div a{ background:rgba(0,109,184,0.6);}
/*聚焦翰泰*/
.news{ padding:60px 0;}
.news_t{ text-align:center; font-size:18px; color:#aaaaaa; font-weight:lighter; margin: 0 0 30px 0;}
.news_t strong{ display:block; font-size:36px; color:#222222; margin: 0 0 5px 0;}
.news_t span{ color:#006db8;}
.newstab{ text-align:center; margin:0 0 37px 0; padding-bottom:30px; border-bottom:1px solid #ebebeb;}
.newstab a{ display:inline-block; width:131px; line-height:41px; font-size:16px; color:#666666; font-weight:lighter; transition:all .4s ease;}
.newstab a+a{ margin-left:10px;}
.newstab a.on{ background:#006db8; color:#fff; border-radius:25px;}
.newsleft{ width:580px; position:relative; padding-top:360px;}
.newsleft .news_div_item_pic{ position:absolute; top:0px; left:0px; width:578px; height:328px; overflow:hidden; border:1px solid #eee;}
.newsleft .news_div_item_pic img{ width:100%; height:100%; transition:all .4s ease;}
.newsright{ width:790px;}
.newsleft .news_div_item_date>div{ float:left;}
.newsleft .news_div_item_date{ position:absolute; top:360px; right:20px; font-size:18px; color:#222222; font-weight:lighter;}
.newsleft .news_div_item_a,.newsright .news_div_item_a{font-size:18px; color:#222222; font-weight:lighter;}
.newsleft .news_div_item:hover .news_div_item_a,.newsright .news_div_item:hover .news_div_item_a{ color:#006db8;}
.newsleft .news_div_item:hover .news_div_item_pic img{ transform:scale(1.1);}
.newsleft .news_div_item_body{ max-height:90px; font-size:12px; color:#bbbbbb; font-weight:lighter;text-overflow: -o-ellipsis-lastline;
overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical; margin:15px 0 0 0; line-height:30px;}
.newsright .news_div_item{ position: relative; height:168px; background:#f6f6f6;}
.newsright .news_div_item+.news_div_item{ margin:8px 0 0 0;}
.newsright .news_div_item .news_div_item_pic{ float:left; width:173px; height:166px; border:1px solid #eee;}
.newsright .news_div_item .news_div_item_pic img{ width:100%; height:100%; transition:all .5s ease;}
.newsright .news_div_item .news_div_item_content{ position:absolute; width:400px; top:25px; left:200px;}
.newsright .news_div_item_body{ max-height:50px; font-size:12px; color:#bbbbbb; font-weight:lighter;text-overflow: -o-ellipsis-lastline;
overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; margin:5px 0 0 0; line-height:25px;}
.newsright .news_div_item_date{ position:absolute; top:20px; right:0px; width:160px; height:128px; text-align:center; border-left:1px solid #e9e9e9; font-size:16px; color:#888888;}
.newsright .news_div_item_date>div{ display:inline-block;}
.newsright .news_div_item_day{ position:absolute; width:100%; font-size:33px; font-weight:bold; color:#484848; top:25px; left:0px;}
.newsright .news_div_item_day:after{ content:''; display:block; width:28px; height:2px; background:#cecece; margin:0px auto 0 auto;}
.newsright .news_div_item_date .news_div_item_year,.newsright .news_div_item_date .news_div_item_month{ margin:80px 0 0 0;}
.newsright .news_div_item_a:after{ content:''; display:block; position:absolute; width:16px; height:14px; background:url(../im/jujiao.png) no-repeat left top; transition:all .3s ease; left:10px; top:105px;}
.newsright .news_div_item:hover .news_div_item_a:after{ background-position-x:-16px;}
.question{ height:146px; background:#f6f6f6; margin-top:30px; overflow:hidden;}


.qttitl{ width:202px; background:#eeeeee; float:left; text-align:center; font-size:18px; color:#222222; font-weight:lighter; height:100%; text-transform:uppercase;}
.qttitl strong{ display:block; color:#006db8; font-size:22px;}
.qttitl p:nth-child(1){ margin:25px 0 15px 0;}
.qttitl p i{ display:inline-block; width:71px; height:25px; background:#006db8 url(../im/jian.png) no-repeat left center; cursor:pointer;}
.qttitl p i+i{background:#7f7f7f url(../im/jian2.png) no-repeat right center;}
.qtcon .news_div_item{ float:left; width:300px; padding:25px 50px; position:relative;}
.qtcon .news_div_item_a{ display:block; font-size:14px; color:#222222; padding-left:32px; background:url(../im/wen.png) no-repeat left center; line-height:20px; margin:0 0 10px 0;}
.qtcon .news_div_item_body{ max-height:60px; font-size:12px; color:#bbbbbb; line-height:20px; font-weight:lighter;text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical; padding-left:39px; background:url(../im/da.png) no-repeat left 3px;}
.qtcon .news_div_item:after{ content:''; display:block; position:absolute; width:1px; height:90px; background:#d8d8d8; right:0px; top:26px;}
.question>div.fr{ width:1198px;}
.qtcon .news_div_item:hover .news_div_item_a{ color:#006db8;}
  
.fuwu{width: 1200px;margin:auto;margin-top:40px;}
.fuwu1 p{line-height: 36px;font-size: 30px;color: #333;}
.fuwu1 p span{font-size: 10px;line-height: 20px;color: #999;}
.fuwu2{border: 1px solid #dddddd;margin-top: 5px;overflow: auto;height: 108px;padding: 10px;}
.fuwu2 li{float: left;font-size: 14px;line-height: 34px;margin:2px 10px;}



/*现在留言可以获取报价单与解决方案*/
.feedback{ height:470px; background:url(../im/lybj.jpg) no-repeat center; padding-top:50px;}
.fb_titl{ text-align:center; color:#fff; font-size:18px; font-weight:lighter;}
.fb_titl strong{ display:block; font-size:40px; margin:0 0 5px 0;}
.fbpc{ width:246px; float:left;}
.fbpc li{ float:left; border-radius:15px; background:#fff; text-align:center; font-size:18px; font-weight:lighter; color:#222222; width:118px; height:109px; padding-top:29px; cursor:pointer; transition:all .3s ease;}
.fbpc li a{ font-size:18px; font-weight:lighter; color:#222222;}
.fbpc li:nth-child(2n){ margin-left:10px;}
.fbpc li:nth-child(1),.fbpc li:nth-child(2){ margin-bottom:17px;}
.fbpc li span{ display:block; margin:0 auto; width:52px; height:70px; background:url(../im/lyion.png) no-repeat top left;transition:all .3s ease;}
.fbpc li:nth-child(2) span{ background-position-x:-60px;}
.fbpc li:nth-child(3) span{ background-position-x:-133px;}
.fbpc li:nth-child(4) span{ background-position-x:-217px;}
.fbpc li.on span{ background-position-y:-76px;}
.fbpc li.on,.fbpc li.on a{ background:#006db8; color:#fff;}
.feed{ margin-top:40px;}
.fbright{ width:1130px; height:295px; border-radius:20px; background:#fff;}
.fbpic{ padding:14px 18px 0px 0px;}
.fbform{ margin:44px 0px 0px 50px; width:790px;}
.fbform ul li p+p{ margin:20px 0 0 0;}
.fbform ul li{ float:left; width:380px; margin-bottom:20px;}
.fbform ul li p{ float:left; font-size:18px; color:#222222; font-weight:lighter; line-height:51px; width:380px;}
.fbform ul li p span,.fbform ul li p input{ float:left;}
.fbform ul li p input,.fbform ul li textarea{ width:250px; height:51px; background:#f7f7f7; border:none; box-sizing:content-box; font-family:"Microsoft YaHei";}
.fbform ul li span{ width:115px; margin-right:15px;}
.fbform ul li i{ color:#ff0000; font-size:12px;}
.fbform ul li:nth-child(2n){ float:right;}
.fbcode span{ letter-spacing:3px;}
.fbcode input{ width:153px !important;}
.fbcode img{ margin:15px 0px 0px 24px;}
.submitbtn{width:100% !important; color:#fff; text-align: center; background:#006db8 !important; font-size:18px; font-weight:lighter; transition: all .3s ease;}
.submitbtn:hover,.resetbtn:hover{ background:#ff9600 !important;}
#orderlist_speak{ height:126px; width:359px; font-size:18px; color:#d2d2d2; font-weight:lighter; line-height:51px; padding-left:20px;  font-family:"Microsoft YaHei";}
.resetbtn{width:100% !important; color:#fff; text-align: center; background:#404040 !important; font-size:18px; font-weight:lighter; transition: all .3s ease;}
/*版权*/
.crkslj{ line-height:80px; background:#006db8;}
.crkslj a{ display:block; float:left; width:12.5%; position:relative; text-align:center; font-size:16px; color:#ffffff; font-weight:lighter;}
.crkslj a:hover{ color:#ff9600; text-decoration:underline;}
.crkslj a+a:after{ content:''; display:block; position:absolute; height:18px; left:0px; top:33px; border-left:1px solid #00508c; border-right:1px solid #0094df;}
.crconcat{ padding:30px;}
.crlogo a img,.crlogo a strong{ display:inline-block; float:left;}
.crlogo a img{ margin:0px 24px 0 34px;}
.crlogo a strong{ margin:5px 0 0 0;}
.crlogo{ padding:5px 0 0 0;}
.crlogo p:nth-child(1) a{font-size:36px; color:#484848;}
.crlogo p span{ text-transform:uppercase; font-size:15px; display:block;}
.crlogo p:nth-child(2){ font-size:18px; color:#484848; font-weight:bold; padding:15px 0 0 0;}
.craddr{ padding:5px 105px; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; margin-left:70px;}
.craddr>p{ font-size:22px; color:#484848; font-weight:bold;}
.moreaddr p{ line-height:36px; color:#888888; font-size:13px; font-weight:lighter; padding-left:37px;}
.moreaddr p:nth-child(1){ background:url(../im/dbdh.png) no-repeat left center; font-size:30px; color:#484848; font-family:impact; margin:10px 0 20px 0;}
.moreaddr p:nth-child(2){ background:url(../im/dbdz.png) no-repeat left center;}
.moreaddr p:nth-child(3){ background:url(../im/dbsj.png) no-repeat left center;}
.moreaddr p:nth-child(4){ background:url(../im/dbsj2.png) no-repeat left center;}
.moreaddr p:nth-child(5){ background:url(../im/dbyj.png) no-repeat left center;}
.crerweima dl{ float:left;}
.crerweima{ padding:15px 95px 0 0; position:relative;}
.crerweima:after{ content:''; display: block; position:absolute; right:0px; width:85px; height:48px; background:url(../im/dd.png) no-repeat center; top:120px;}
.crerweima dl p{ text-align:center; font-size:16px; color:#888888; margin:0 0 30px 0;}
.crerweima dl+dl{ margin-left:30px;}
.crerweima dl img{ width:140px; height:140px; padding:10px; background:#f6f6f6; border:1px solid #dddddd;}
.links{ border-top:1px solid #e7e7e7;}
.links p{ line-height:80px;}
.links p:nth-child(1){ font-size:18px; color:#666666; font-weight:lighter; padding-left:35px; background:url(../im/fenxiang.png) no-repeat left center;}
.links p:nth-child(2){ font-size:18px; text-transform:uppercase; color:#aaa; font-family:impact; padding:0 0 0 10px;}
.links p:nth-child(2):after{ content:''; display:block; float:right; width:1px; height:17px; background:#d1d1d1; margin:32px 20px 0px 20px;}
.links p a{ font-size:12px; color:#aaaaaa; font-weight:lighter;}
.links p a:hover{ color:#006db8; text-decoration:underline;}
.end{ background:#f2f2f2; text-align:center;}
.end ,.end a{ font-size:13px; color:#888888; font-weight:lighter; line-height:70px;}
.end a:hover{ color:#006db8; text-decoration:underline;}
.linkTagcs{ float:left !important; width:1120px !important; height:80px !important;}