@charset "UTF-8";
.clearfix {
    +height: 1%;
}
/*热门关键词*/
.hotspot{width: 100%;height: 65px; position: relative;background: url(../images/hotbg.jpg) repeat;}
.hotspot .container{overflow: hidden;}
.hotspot p{ text-align: left;line-height: 65px;color: #333;font-size: 16px;}
.hotspot p span{display: inline-block;color: #333;font-size: 16px;}
.hotspot p a{color: #333;font-size: 16px;}
.hotspot p a:hover{display: inline-block;color: #d70c19;}
.hotspot p.current{opacity: 1;left: 0;}
@media screen and (max-width:1230px){
.hotspot{height: auto;padding:10px 0;}
.hotspot p{line-height: 23px;}
}
@media screen and (max-width:960px){
.hotspot{display: none;}
}
/*产品中心*/
.hproduct{width: 100%;padding:5% 0;}
.hpro_left{float: left;width: 37%;}
.hpro_right{float: right;width: 60%;}
img.hp_tit{display: block;max-width: 480px;width: 45%;}
.haboutright img.hp_tit{width: 35%;}
.hp_txt{font-size: 16px; color: #666;margin:8% 0;}
.hpro_nav{}
.hpro_nav li{width: 31.33%;margin-right: 2%;margin-bottom:2%;float: left;line-height: 40px;background-color: #ccc;}
.hpro_nav li:nth-child(3n){margin-right: 0;}
.hpro_nav li a{display: block;font-size: 16px;color: #666;text-align: center;position: relative;overflow: hidden;}
.hpro_nav li a{z-index: 5;}
.hpro_nav li a:before{content: "";;background-color: #da0e19;z-index: -1;position: absolute;top: 0;left: 0;right: 0;bottom: 0;
-webkit-transform:scaleX(0);transform:scaleX(0);
 -webkit-transition-property:transform;
 transition-property:transform;
 -webkit-transition-duration:.3s;
 transition-duration:.3s;
 -webkit-transition-timing-function:ease-out;
 transition-timing-function:ease-out}
.hpro_nav li a:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);}
.hpro_nav li a:hover{color: #fff;}
a.hpro_btn{display: block;background-color: #004088;width: 150px;height: 50px;line-height: 50px; font-size: 16px;text-align: center;color: #fff;position: relative;overflow: hidden;}
.hpr_ttit{width: 100%;line-height: 45px;height: 45px;margin-bottom:10px;background: url(../images/line.png) bottom left no-repeat;padding-bottom: 10px;}
.hpr_ttit span{display: block;float: left;font-size: 24px;color: #333333;font-weight: 700;}
.hpr_ttit span i{display: inline-block;color: #da0e19;padding-left: 10px;}
.hpr_ttit span em{display: inline-block;font-size: 16px;color: #999;font-weight: 500;}
a.hpro_more{display: block;float: right;}
.hprolist{}
.hprolist a{display: block;width: 31.33%;margin-right: 3%;margin-top:2.5%;float: left;}
.hprolist a:nth-child(3n){margin-right: 0;}
.hprolist a span{display: block;width: 100%;height:237px;border:1px solid #ccc;transition: 0.5s;background-color: #fff; overflow:hidden; position:relative;}
.hprolist a span img{display: block;width: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0; margin:auto;}
.hprolist a p{font-size: 16px;text-align: center;color: #666;padding-top: 15px;}
.hprolist a:hover span{border:1px solid #da0e19;box-shadow: 0px 0px 8px #999;}
.hprolist a:hover p{color:#da0e19; }
@media screen and (max-width:1270px){
.hpro_left,.hpro_right{width: 100%;float: none;height: auto;clear: both;}	
.hp_txt{margin: 3% 0;}
.hpro_right{margin-top: 40px;}
}
@media screen and (max-width:680px){
.hprolist a,.hpro_nav li{width: 48%;margin-right: 3%;}
.hprolist a:nth-child(3n),.hpro_nav li:nth-child(3n){margin-right: 3%;}
.hprolist a:nth-child(2n),.hpro_nav li:nth-child(2n){margin-right: 0;}	
.hprolist a span{ height:120px;}
.hprolist a span img{width:auto; height:100%;}
}
/*关于*/
.habout{background:#f4f4f4 url(../images/abbg.jpg) bottom center no-repeat;width: 100%; overflow: hidden;padding:4% 0 3% 0;}
.haboutleft{width: 50%;float: left;height: 520px;position: relative;}
.haboutright{width: 43%;float: right;height: 100%;position: relative;}
.haboutright h3{font-size: 36px;color: #333;line-height: 45px;margin:1% 0 2% 0;}
.haboutright h3 em{color: #da0e19;}
.haboutright h3 i{display: inline-block;width: 23%;height: 1px;background-color: #da0e19;position: relative;top: -13px;left: 10px;}
.haboutright p{font-size: 16px;color: #516e8e;}
.haboutright p span{margin:40px 0 10px 0;font-size: 18px;/*color: #da0e19;font-weight: 700;*/display: block;}
a.habmore{display: block;width: 107px;height: 37px;line-height: 37px;font-size: 14px;text-align: center;color: #fff;background-color: #004088;position: absolute;top:20px;right: 0;overflow: hidden;}
.habico{margin-top: 50px;width: 90%;}
.habico li{width: 23%;float: left;margin-right: 2%;}
.habico a{max-width: 80px;display: block;}
.habico a img{display: block;max-width: 80px;-webkit-transition: All 0.7s ease-in-out;
  -moz-transition: All 0.7s ease-in-out;
  -o-transition: All 0.7s ease-in-out;}
.habico a span{display: block;font-size: 16px;color: #fff;text-align: center;margin-top: 10px;}
.habico li:hover span{color: #d70c19;}
.habico li:hover a img{transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);}
.habimg{width: 100%;position: absolute;bottom: 0;}
.habimg .slides{position:relative;z-index:1;overflow: hidden;height: 530px;width: 100%;}
.habimg .slides li{height:auto;}
.habimg .slides li a{display: block;}
.habimg .slides img{overflow:hidden;height:100%;display: block;}
.habimg .flex-control-nav{display: none;}
.habimg .flex-direction-nav{width: 29px;height: 46px; position: absolute;top:0;right:-29px;z-index: 9999;}
.habimg .flex-direction-nav li a{width: 29px;height: 46px;display: block;}
.habimg .flex-direction-nav li a.flex-prev{background: url(../images/right.png) no-repeat;}
.habimg .flex-direction-nav li a.flex-prev:hover{}
.smallhabico{display: none;}
@media screen and (max-width:1440px){
.haboutright p span{margin: 20px 0 10px 0;}
.habico{margin-top: 20px;}
}
@media screen and (max-width:1270px){
.haboutleft,.haboutright{width: 100%;float: none;height: auto;clear: both;}
.haboutright{margin-top: 30px;}
.habimg{position: relative;bottom:0;}
.habimg .slides{height: auto;}
.habimg .slides img{width: 100%;height: auto;}
.habimg .flex-control-nav{display: block;position:absolute;bottom:5px;z-index:2;width:100%;text-align:center;}
.habimg .flex-direction-nav{display: none;}
.habimg .flex-control-nav li{cursor:pointer;width: 8px;height:8px;text-align: center;display: inline-block; margin-right:5px;*display:inline;zoom:1;}
.habimg .flex-control-nav a{display:inline-block;width:100%;height:100%;background-color: #333;border-radius: 50%; overflow:hidden;cursor:pointer;text-indent: -999px;}
.habimg .flex-control-nav .flex-active{background-color: #d70c19;}
.habout{background:#f4f4f4;padding: 4% 0 0 0;}
.haboutright .habico{display: none;}
.smallhabico{display: block;text-align: center; background: url(../images/abg.jpg) center repeat-x;padding:3%;width: 94%;}
.smallhabico.habico a{margin:0px auto;}
.haboutright h3{font-size: 26px;}
}
/*应用领域*/
.htitle{position: relative;top:-100px;opacity: 0;padding:3% 0 3% 0;text-align: center;}
.htitle.current{top: 0;opacity: 1;}
.htitle h3{font-size: 72px;color: #175193;}
.htitle img{display: block;margin:0px auto 10px;max-width: 480px;width: 85%;}
.htitle p{font-size: 16px;color: #666;max-width: 90%;margin:0px auto;}
@media screen and (max-width:960px){
.htitle h3{font-size: 30px;}  
}
/*新闻资讯*/
.hnews{padding-bottom: 3%;}
.hnewsleft{width: 18%;float: left;}
.hnewslist{width: 35%;float: left;padding:2%;max-height: 482px; margin-left: 2%;background-color: #f7f7f7;overflow: hidden;}
.hnewsleft img.phimg{max-width: 288px;width: 100%;height: 398px;}
.hn_phone{max-width: 288px;width: 100%;background: url(../images/abg.jpg) repeat;padding:10% 0;}
.hn_phone span{display: block;text-align: center;font-size: 16px;color: #c9d2e1;}
.hn_phone p{text-align: center;font-size: 18px;color: #fff;}
.hn_phone img{display: block;margin:0px auto;}
.hnewsttit{height: 40px;line-height: 35px;background: url(../images/ico5.png) left center no-repeat;padding-left: 40px;}
.hnewsNav{float: left;display: inline-block;}
.hnewsNav a{font-size: 20px;color: #333;display: inline-block;}
.hnewsNav a i{display: inline-block;font-size: 20px;color: #333;}
.hnewsNav a.hnewson,.hnewsNav a:hover,.hnewsttit a.nl_more:hover{color: #d70c19;}
.hnewsttit a.nl_more{float: right;font-size: 14px;color: #666;transition:0.5s;}
.hnewsttit span{display: inline-block;float: left;font-size: 20px;color: #333;}
.hninfo{margin-top: 25px;height: 132px;width: 100%; overflow: hidden;}
.hnimg{display: block;float: left;width: 33%;height: 132px;overflow: hidden;}
.hnimg img{height: 100%;display: block;/*max-width: auto!important;*/}
.hninfo_txt{width: 61%;float: right;height: 115px;padding:3% 3% 0 3%;background-color:#ccc;display: block;}
.hninfo_txt span{display: block;font-size: 18px;color: #333;line-height: 35px; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hninfo_txt p{font-size: 14px;color: #666;}
.hninfo:hover .hninfo_txt{background-color:#d70c19; }
.hninfo:hover .hninfo_txt span,.hninfo:hover .hninfo_txt p{color: #fff;}
.hnl_list{width: 100%;height: auto;margin:20px auto 0;clear: both;}
.hnl_list li{width: 100%;height:45px;line-height: 45px;position: relative;border-bottom: 1px dashed #ccc;}
.hnl_list li a{font-size: 14px;color: #696969;display: block;float: left;transition:0.5s;width: 80%;height: 45px;overflow: hidden; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hnl_list li span{font-size: 14px;color: #999;display: block;float: right;}
.hnl_list li a:hover{color: #d70c19;}
.hnl_list li:hover span{color: #d70c19;}
.hnrbox{clear: both;width: 100%;height: 130px;display: block;margin-top: 19px;background: url(../images/line1.png) bottom right no-repeat;}
.hnrbox dt a{width: 33%;height: 110px;float: left;overflow: hidden;position: relative;}
.hnrbox dt img{width: 100%;transition: all 1s ease 0s;position: absolute;top:0;left: 0;right: 0;bottom: 0;margin:auto;text-align: center;}
.hnrbox dd{width: 62%;float: right;line-height: 24px;overflow: hidden;padding: 15px 10px;}
.hnrbox dd a.hnrtit{display: block; color: #333333;transition: 0.5s;font-style: normal;line-height: 30px;font-size: 16px; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hnrbox dd p{color: #888;font-size: 13px;width: 100%;height: 50px;overflow: hidden;}
.hnrbox dd a.hnrtit:hover,.hnrbox dd:hover a.hnrbtn,.hnrbox:hover dd a.hnrtit{color:#d70c19;}
.hnrbox:hover dt img{transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2);}
a.hnrbtn{display: inline-block;font-size: 14px;color: #999;margin-left:15px;}
.hnrbox:hover{background: url(../images/line2.png) bottom right no-repeat;}
@media screen and (max-width: 1400px) { 
.hn_phone p{font-size: 16px;}
}
@media screen and (max-width: 1270px) { 
.hnewsleft{display: none;}
.hnewslist{width:44%;margin:0 1%;}
}
@media screen and (max-width: 960px) { 
.hnewslist{width: 96%;float: none;margin:0 0 15px 0;}
}
@media screen and (max-width: 680px) { 
.hnl_list li span{display: none;}
.hnrbox{margin-top: 0;height: auto;}
.hnimg{display: none;}
.hninfo_txt{width: 94%;height: auto;padding:3%;}
.hninfo{height: auto;margin-top: 10px;}
.hnl_list{margin: 5px auto 0;}
.hnrbox dd{width: 61%;}
}
/*经营品牌*/
.hpinpai{background: url(../images/hotbg.jpg) repeat;padding-bottom: 3%;}
.hbrand{overflow: hidden;}
.hbrand ul{height: 270px;}
.hbrand li{float: left;width:18%;height: 270px;background: url(../images/ppico.png) bottom center no-repeat;}
.hbrand li:last-child{margin-right: 0;}
.hbrand a{display: block;width: 215px; height: 215px;overflow: hidden;border-radius: 50%;
	position: relative;text-align: center;background-color: #fff;margin:0px auto;}
.hbrand a img{display:block;max-width: 196px;width: 62%; height: auto;text-align: center;margin: auto;
	position: absolute;top: 0;bottom: 0;left: 0;right: 0;transition: 0.5s;}
.hbrand a{transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.hbrand a:hover img{
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
}
.hbrand a:hover{background-color: rgba(255,255,255,0.6);-webkit-box-shadow:0px 5px 15px #e5e5e5;
    -moz-box-shadow:0px 5px 15px #e5e5e5;
    box-shadow:0px 5px 15px #e5e5e5;}
li.animated{
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
div.animated{
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.rollIn {
 -webkit-animation-name:rollIn;
 animation-name:rollIn
}
@-webkit-keyframes rollIn {
 0% {
  opacity:0;
  -webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
  transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes rollIn {
 0% {
  opacity:0;
  -webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
  transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}

@media screen and (max-width: 1200px){
.hpinpai{padding-bottom: 40px;}	

}
@media screen and (max-width: 680px){
.hpinpai{padding-bottom: 40px;} 
.hbrand a{width: 95%;height: 182px;}
.hbrand li,.hbrand ul{height: 240px;}
}
@media screen and (max-width: 360px){
.hbrand a{height:155px;}
.hnrbox dd{width: 60%;}

}