@charset "UTF-8";
body{}
.clearfix {
    +height: 1%;
}

div.fp-controlArrow{display: none;}
.slide img{width: 100%;height: 100%;}
div.section{width: 100%;height: 100%;overflow: hidden;}
div.fp-tableCell{display: block;}
div.fp-section.fp-table{display: block;}

.htitle{margin:9% auto 3%;text-align: center;-webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;opacity: 0;}
.htitle1{margin-top: 11.5%;}
/*侧边栏导航*/
#dowebok{ position: fixed; left: 0; top: 0; bottom: 0; width: 100%;height: 100%;display: none; /*background:url(../images/tou1.png) repeat;*/z-index:99999;background-color: #174b72;}
#dowebok .dowelogo{display: block;margin:0 auto 1.5%;width: 300px;height: 54px;padding-top: 10%;}
#dowebok .dowelogo img{width: 100%;height: auto;}
a.closeBtn{font-size: 0.5rem;position: absolute;top:22%;right: 0;color: #fff;display: block;width:32px;height: 32px;background: url(../images/close.png) no-repeat;text-indent: -999rem; }
a.closeBtn:hover{color: #c81d22;}
#dowebok h3{font-size: 14px;color: #1f6499;text-align: center;}
#dowebok .doweboknav{margin-top: 3%; line-height: 0.55rem; list-style-type: none;}
#dowebok .doweboknav a{display: block;width: 12.5%;float: left; text-align: center; color: #fff; text-decoration: none;font-size: 0.18rem;}
#dowebok .doweboknav a:hover{color: #c81d22;}
.dowebokbox{width: 93%;margin:0px auto;}
.topnews{width: 50%;float: left;}
.hnl_list{width: 100%;height: auto;margin:5% auto 0;clear: both;}
.hnl_list li{width: 100%;height: 0.45rem;line-height: 0.45rem;position: relative;border-bottom: 1px dashed #1f6499;}
.hnl_list li a{font-size: 0.14rem;color: #ccc;display: block;float: left;transition:0.5s;width: 80%;height:0.45rem;overflow: hidden;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hnl_list li span{font-size: 0.14rem;color: #999;display: block;float: right;}
.hnl_list li a:hover{color: #fff;text-indent: 10px;}
.hnl_list li:hover span{color: #ccc;}
.topcontact{width: 40%;float: right;font-size: 0.14rem;color: #fff;line-height: 0.27rem;margin-top: 5%;}
.topcontact img{width: 30%;margin-top: 12%;}
.topphone{background: url(../images/phone.png) left no-repeat;padding-left: 70px;height: 64px;}
.topphone span{display: block;font-size: 0.14rem;color: #666;}
.topphone b{display: block;font-size: 0.27rem;color: #fff;font-weight: 700;}
.topcontact p{margin-top: 5%;}


/*产品中心*/
.hprobg{background: url(../images/bg1.jpg) bottom center no-repeat;width: 100%;height: 100%;background-size: cover;}
.hprobox{opacity: 0;transition: all 1s;position: relative;bottom:-50%;margin-top: 3%;}
.active .hprobox{ bottom: 0; opacity: 1; transition-delay: 0.7s;}
.hpronav{height: 0.8rem;width: 100%;margin:-1.5% auto 3%;}
.hpronav a{width: 10%;margin:0 0.55%;height: 0.8rem;line-height: 0.4rem;text-align: center;font-size: 0.15rem;position: relative;color: #666;float: left;}
.hpronav a.hproon span,.hpronav a:hover span{background-color: #626669;color: #fff;}
.hpronav i{width: 24px;height: 24px;background-color: #dedede;font-weight: 0.14rem;color: #626669;text-indent: center;transition: all 1s;line-height: 24px;display: block;position: absolute;bottom:0;left: 50%;margin-left: -12px;}
.hpronav a span{display: block;width: 100%;height: 0.4rem;border:1px solid #ccc;background-color: #fff;transition: all 1s;}
.hpronav a.hproon i,.hpronav a:hover i{background-color: #626669;color: #fff;}
div#hproNav{width: 90%;}
div#hproNav a{width: 11.3%;margin:0 0.6%;}
.hproCon{width: 100%;}
.proslider{width: 100%;margin:0 auto 0;position: relative;height:325px;}
.proslider div{width:287px; float: left; height:325px;text-align:center;transition:0.5s;position: relative;margin-left: 3.6%;}
.proslider div a{display: block;}
.proslider div a span{width: 285px;height: 285px;border:1px solid #d2d2d2;background-color: #fff;display: block;position: relative;overflow: hidden;}
.proslider div a span img{width: 100%;height: auto;transition: all 1s ease 0s;display: block;position: absolute;top:0;left: 0;bottom: 0;right: 0;margin:auto;text-align: center;}
.proslider div em{width: 228px;height: 63px;text-align: center;font-size: 0.14rem;color: #fff;background: url(../images/btn1.png) no-repeat;
    position: absolute;bottom:1px;left: 50%;margin-left: -114px;display: block;transition:0.5s;}
.proslider div i{display: block;font-size: 0.16rem;margin-top: 10px;margin-bottom: 5px;}  
.proslider div:hover img{-webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;}
.proslider div:hover em{background: url(../images/btn4.png) no-repeat;}
div.slider_imgbig div a span img{width: 80%;}


/*关于我们*/
.haboutbg{background: url(../images/bg2.jpg) bottom center no-repeat;width: 100%;height: 100%;background-size: cover;}
.proslider{float: left;}
.haboutbox{margin-top: 8.5%;position: relative;}
.hableft{width: 50%;float: left;background-color: #fff;position: relative;padding-bottom:6%;}
.hableftbox{width: 60%;padding:8% 20% 8% 10%;margin:0px auto;}
.habtitimg{float: right;}
.line1{display: block;position: absolute;top:35%;left: -5%;}
a.habbtn{display: inline-block;font-size: 0.14rem;color: #174b72;}
.hableftbox h3{font-size: 0.24rem;color: #333;margin:5% 0 3% 0;}
.hableftbox p{font-size: 0.15rem;color: #666;line-height: 0.3rem;}
.habphone{background-color: #a80c0c;padding:1%;width: 55%;position: absolute;bottom: 25px;left: 50%;margin-left: -27%;z-index:99;}
.habptit{display: inline-block;font-size: 0.18rem;color: #fff;line-height: 0.55rem;border-right: 1px solid #cb6d6d;width: 50%;float:left;text-align: center;}
.habphone .topphone{width: 37%;float: left;margin-left: 3%;height: 0.55rem;background: url(../images/phone1.png) left no-repeat;}
.habphone .topphone span{color: #fff;}
.habright{width: 55%;position: absolute;right: 0;height:490px;top:9%;}
.index_focus {position: relative;width: 100%;overflow: hidden;text-align: center;z-index:9;}
.index_focus .bd li{display: none;position: absolute;width: 100%;left: 0;top: 0;}
.index_focus_post {z-index: 10;}
.index_focus{height: 100%;}
.index_focus .bd li img{height: 100%;}
.index_focus .slide_nav{position: absolute;bottom: 5%;right:5%;z-index:80;}
.index_focus .slide_nav a { cursor:pointer;width: 20px;height: 20px;line-height: 20px; float:left; font-size:0.16rem; font-family: arial; color: #fff;text-align: center;background-color: #174b72; margin:0 5px;}
.index_focus .slide_nav a.on{text-decoration: none;background-color: #a80c0c;}
/*展会信息*/
.hzhuibg{background: url(../images/bg3.jpg) bottom center no-repeat;width: 100%;height: 100%;background-size: cover;}
.hhzhuibox{margin-top: 2%;}
.hhzhuibox li{width: 31%;margin:1%;float: left;height: 300px;position: relative;}
.hzhuiimg{width: 100%;display: block;height: 100%;overflow: hidden;}
.hzhuiimg img{display: block;height: 100%;}
.hhzhuibox li a{position: absolute;top:0;left: 0;background-color: #174b72;display: block;width: 100%;height:0;opacity: 0;transition: all 0.3s;}
.hhzhuibox li a img{display: block;margin: 25% auto 5%;}
.hhzhuibox li a span{text-align: center;display: block;font-size: 0.16rem;color: #fff;}
.hhzhuibox li:hover a{height: 100%;opacity: 1;}

/*服务优势*/
.hfuwubg{background: url(../images/bg4.jpg) center center no-repeat;width: 100%;height: 100%;background-size: cover;}
.hfuwubox{margin-top: 8%;position: relative;}
.hysimg{width: 100%;}
.hyoushibox{position: absolute;top:0;left: 0;color: #fff;font-size: 0.14rem;line-height: 0.25rem; width: 100%;height: 100%;/*verflow: hidden;*/}
.hystit{display:block;position: absolute;left:0;margin-top: 0;width: 44%;}
.hyoushibox p{width: 248px;position: absolute;}
.hyoushibox span{display: block;font-size: 0.17rem;text-align: center;margin-bottom: 5%;}
.hysbox1{right:30%;margin-top:4%;}
.hysbox2{left: 27%;margin-top:21%;}
.hysbox3{right:3%;margin-top:21%;}
/*新闻中心*/
.hnewsbg{background: url(../images/bg5.jpg) center center no-repeat;width: 100%;height: 100%;background-size: cover;}
.hnewslist{margin-top: 0%;}
.news_focus{width: 100%;position: relative;}
.newsbd li{width: 100%;}
.newsbd .hnlblist div{margin:1% 4% 1% 0;height: 136px;width: 48%;overflow: hidden;float: left;}
.newsbd .hnlblist div:nth-child(2n){margin-right: 0;}
.hnlblist a.hngsimg{width: 40%;height: 134px; display:block;float: left;position: relative;overflow: hidden;border:1px solid #ccc;}
.hnlblist a.hngsimg img{width: 100%;height: auto;display: block; position: absolute;top:0;left: 0;bottom: 0;right: 0;margin:auto;transition: 0.5s;text-align: center; }
.hnlblist p{width: 54%;float: right;height: 100%;}
.hnlblist em{display: block;float: right;font-size: 0.14rem;color: #666;}
.hnlblist a.hngstit{font-size: 0.18rem;color: #333;display: block;width: 100%;
 word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hnlblist span{font-size: 0.14rem;color: #666;display: block;line-height: 0.25rem;}
.hnlblist div:hover a.hngstit{color: #174b72;}
.hnlblist div:hover a.hngsimg img{transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.hnewsbtnbox{width: 480px;height: 57px;margin:0px auto 3%;}
.newsslide_nav{height:57px;width: 378px;margin:0px auto;}
.newsslide_nav a{width: 189px;height: 57px;line-height: 57px;text-align: center;font-size: 16px;color: #fff;float: left;margin:0 -10px;background: url(../images/btn3.png) no-repeat;background-size: 100% 100%;}
.newsslide_nav a.on,.hnewsnav a:hover{background: url(../images/btn2.png) no-repeat;color: #fff;background-size: 100% 100%;}
.news_pre{width: 69px;height: 57px;background: url(../images/l.png) no-repeat;display: block;float: left;}
.news_next{width: 69px;height: 57px;background: url(../images/r.png) no-repeat;display: block;float: right;}
/*联系我们*/
.hcontactbg{background: url(../images/bg6.jpg) center center no-repeat;width: 100%;height: 100%;background-size: cover;}
.hcontact ul{width: 100%;}
.hcontact ul li{width: 30%;margin:0 4% 0 0;float: left; height: 0.5rem;line-height: 0.5rem;font-size: 0.16rem;color: #666;border:1px solid #d2d2d2;}
.hcontact ul li img{display:block;margin:2.5% 2% auto 7%;float: left;width: 6%;}
.hcontact ul li img.lico2{margin-top: 4.5%;}
.hcontact ul li em{display: inline-block;font-size: 0.18rem;color: #333;}
.hcontact ul li p{width: 80%;float: left;}
.hcontact ul li:last-child{margin-right: 0;}
.hfooter{width: 80%;margin:3% auto 0;clear: both;}
.hfooter div:first-child {float: right;width: 15%;text-align:center;}
.hfooter img.er{display: block;margin:0 auto 4px;border:1px solid #ccc;width:110px;}
.hfooter div:first-child i {display: block;color: #999;font-size: 10px;}
.hfooter div:last-child{width: 83%;float: right;}
.hfooter span{font-size: 0.14rem;color: #666; line-height: 0.3rem; float: left;padding-right:8px; display:block;}
.hfooter span.fbjishu{float: left;}
.hfooter span:last-child{padding-right:0;}
.hfooter a{font-size: 0.14rem;color: #666; line-height: 0.3rem;display: inline-block; }
.hfooter p{font-size: 0.14rem;color: #666; line-height: 0.3rem;}


@media screen and (max-width: 1400px) { 
.hcontact ul li em{font-size: 0.16rem;}
.hcontact ul li p{font-size: 0.14rem;}
.hcontact ul li img{margin-top: 4.5%;}
}
@media screen and (max-width: 1360px) { 

}
@media screen and (max-width: 1200px){ 
.topcontact{width: 47%;}
.topcontact img,.topcontact div.fr{float: none;}
.topcontact img{margin: 0 auto;display: block;}
.topcontact div.topphone{width: 45%;margin:5% auto 0;}
.topcontact p{display: none;}
.proslider{height: 209px;}
.proslider div{width:183px;height: 209px;}
.proslider div a span{width: 183px;height: 183px;}
.proslider div em{width: 143px;height: 40px;background-size: 100%;margin-left: -72px;}
}
@media screen and (max-height: 800px){ 
.habright{bottom: 0;}
}
@media screen and (max-height: 780px){ 
.habright{height: 490px;}
.hysbox1{right:30%;margin-top:2.5%;}
.hysbox2{left: 25%;margin-top:20%;}
.hysbox3{right:3%;margin-top:21%;}
}
@media screen and (max-height: 765px){
.proslider div{width: 250px;height: 283px;margin-left: 2.6%;}
.proslider div a{width: 250px;}
.proslider div a span{width: 250px;height: 250px;}
.proslider div em{width: 190px;height: 53px;margin-left:-95px;background-size: 100% 100%; }
.proslider div:hover em{background-size: 100% 100%;}
.proslider div i{width: 77%;margin: 7px auto 0;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.haboutbox,.hfuwubox{margin-top: 6.5%;}
.leftnavbar{left:-227px;}
.hnewsbtnbox{margin: 0px auto 2%;}
.htitle{margin-bottom: 2%}
}
@media screen and (max-height: 680px){
.habptit{ display:none;}	
.habphone{bottom: 13%; width:25%;margin-left:-12.5%;}
}
@media screen and (max-height: 650px){
.hableftbox{padding: 0 17% 0% 0%;}
.hhzhuibox{margin-top: 0;}
.habphone{display: none;}
}