@charset "UTF-8";
body{}
.bgcolor{width:100%;background-color: #eeeeee;padding-bottom: 20px;}
.clearfix {
    +height: 1%;
}
.title{font-size: 14px;color: #666;text-align: center;line-height: 40px;height: 105px;opacity: 0;margin:40px 0; position:relative;top:-50px;}
.title h4{font-size: 32px;color: #333;font-weight: 500;}
.title span{font-size: 30px;color: #0062df;font-weight: bold;letter-spacing: 2px;}
.title h4 i{width: 40px;height: 2px;display: inline-block;background-color: #cccccc;margin:0 10px 10px 10px;}
.title.current{top:0; opacity:1;}
/*产品中心*/
.hproduct{width: 100%;margin:0px auto;min-width: 1300px;background-color: #f4f9ff;}
.hproduct .fc{display: block;}
.title1{width: 547px;height: 99px;background: url(../images/prtit.jpg) top center no-repeat;margin:60px auto 0;text-indent: -999em;}
.hproduct .container{opacity:0; margin-top:60px;}
.hproduct .container.current{ margin-top:0; opacity:1;}
.hpronavleft{width: 244px;height: auto;float: left;}
.productNav{width: 244px;height: auto;float: left;}
.productNav a{display: block;text-indent: 45px;width: 244px;height: 74px;line-height: 74px;
	font-size: 18px;color: #333333;border-bottom: 1px solid #cccccc;transition: 0.5s;}
.productNav a:hover,.productNav .producton{width:268px;color: #fff;border-bottom:none;background:url(../images/list2.png) no-repeat;}
.productNav a i{width:28px;height: 24px;background: url(../images/ico2.png) no-repeat;display: inline-block;margin-right: 10px; }
.productNav a:hover i,.productNav .producton i{background: url(../images/ico3.png) no-repeat;}
.hphone{width: 100%;padding-top: 30px;background-color: #f4f9ff;}
.hphone img{display: block;margin:0px auto 15px;}
.hphone span{font-size: 16px;color: #333;text-align: center;display: block;}
.hphone em{color: #fb9b09;font-size: 24px;line-height: 35px;display: block;}
a.hpromore{display: block;width: 100%;height: 74px;line-height: 74px;font-size: 18px;text-align: center;color: #fff;background: url(../images/hpmore.png) no-repeat;margin-top: 10px;}
a.hpromore:hover{background: url(../images/hpmore.png) no-repeat;}
.productCon{width:988px;position: relative;float: right;min-height: 580px;}
.productCon a{width: 302px;height: 262px;text-align: center;position: relative;display: block;overflow: hidden;
	float: left;margin-left: 27px;margin-bottom: 27px;}
.productCon a em{display: block;width: 302px;height: 262px;overflow: hidden;position: relative;}	
.productCon a img{width: 100%;height:100%;position: absolute;top:0;left: 0;bottom: 0;right: 0;margin:auto;text-align: center;}
.productCon a span{background:url(../images/tou.png) repeat;width: 100%;height: 40px;z-index: 1;display: block;
	position: absolute;bottom: 0;left: 0;font-size: 16px;text-align: center;line-height: 40px;color: #fff;transition: all 0.4s;}
.productCon a em i{background: url(../images/prbg.png) no-repeat;width: 302px;height: 262px;display: block;position: absolute;top:0;left:0;}
.productCon a em b{display: block;width:40px;height: 40px;background: url(../images/ico1.png) no-repeat;position: relative;margin: 100px auto 0;opacity: 0;transition:0.5s; }
.productCon a:hover img{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;}	
.productCon a:hover span{height: 60px;line-height: 60px;}
.productCon a:hover b{opacity: 1;}
/*企业简介*/
.habout{width: 100%;min-width: 1300px;height:554px;background:#f4f9ff url(../images/abbg.jpg) top center no-repeat;}
.habout{ position:relative;}
.habout.current{ top:0; opacity:1;}
.haboutbox{position: absolute;top: 105px;right: 40px;width: 723px;}
.aboutNav{width:126px;float: left;}
.aboutNav a{width: 126px;height: 60px;line-height: 70px;display: block;background: url(../images/ablist1.png) no-repeat;text-align: center;font-size: 20px;color: #666;margin-bottom: 20px;}
.aboutNav a:hover,.aboutNav a.abouton{background: url(../images/ablist2.png) no-repeat;color: #fff;}
.aboutCon{width: 499px;float: right;padding-top: 20px;}
.aboutCon p{font-size: 16px;color: #666565;line-height: 35px;margin-top: 30px;}
.aboutCon p span{display: inline-block;color: #0265da;}
a.abmore,a.abmore2{background: url(../images/abbtn.png) no-repeat;width: 167px;height: 41px;line-height: 41px;font-size: 16px;color: #fff;text-indent: 22px;display: block;margin-top: 30px;}
a.abmore:hover,a.abmore2:hover{color: #fb9b09;}
a.abmore2{margin:0px auto;}
/*应用领域*/
.happly{width: 100%;min-width: 1300px;height:900px;background:url(../images/casebg.jpg) bottom center no-repeat;}
.happlybox{width: 1328px;margin:0px auto 0;height: 300px;}
.happlybox li{float: left;}
.happlybox li a{display: block;width: 300px;height: 300px;transition:0.5s;margin:0 16px;}
a.hyimg1{background: url(../images/yimg1.png) no-repeat;}
a.hyimg2{background: url(../images/yimg2.png) no-repeat;}
a.hyimg3{background: url(../images/yimg3.png) no-repeat;}
a.hyimg4{background: url(../images/yimg4.png) no-repeat;}
a.hyimg1:hover{background: url(../images/yimg1-1.png) no-repeat;}
a.hyimg2:hover{background: url(../images/yimg2-1.png) no-repeat;}
a.hyimg3:hover{background: url(../images/yimg3-1.png) no-repeat;}
a.hyimg4:hover{background: url(../images/yimg4-1.png) no-repeat;}
.happlybox li:hover a{margin-top: -20px;}
/*优势*/
.hyoushi{background-color: #f4f9ff;width: 100%;}
.hyoushi.current{ margin-top:0; opacity:1;}
.ind_fw_con{ width:1300px; margin:40px auto;}
.ind_fw_con .fwcon{ width:325px; height:340px; float:left;}
.ind_fw_con .fwcon a{display: block;width:325px;height:340px;overflow: hidden; position: relative;}
.ind_fw_con .fwcon a p{display: block; width:325px; height:340px; position: absolute; left:-400px;top:0; z-index:1;transition: 0.5s;}
.ind_fw_con .fwcon a span{display: block; width:325px; height:340px; position: absolute; right:0px; top:0; z-index:1; transition: 0.5s;background-color: #fff;}
.fwpbg1{background:url(../images/ximg1-1.jpg) no-repeat; }
.fwpbg2{background:url(../images/ximg2-1.jpg) no-repeat; }
.fwpbg3{background:url(../images/ximg3-1.jpg) no-repeat; }
.fwpbg4{background:url(../images/ximg4-1.jpg) no-repeat; }


/*新闻*/
.hnews{width: 100%;margin:0px auto;background:#fff url(../images/newbg.jpg) left bottom no-repeat;opacity:0; margin-top:120px;}
.hnews.current{ margin-top:0; opacity:1;}
.hnleft{float: left;width: 222px;height: 516px;background:url(../images/nleftbg.jpg) no-repeat;}
.newsNav{margin-top: 190px;}
.newsNav a{width: 112px;height: 35px;line-height: 35px;font-size: 14px;text-align: center;color: #fff;background-color: #919191;display: block;margin:0px auto 90px;border-radius: 20px;}
.newsNav a:hover,.newsNav a.newson{background-color: #0265da;}
.hnewsright,.newsCon{float: right;width: 1028px;}
.nlefttit{width: 100%;height: 40px;background: url(../images/line1.png) bottom left no-repeat;line-height: 35px;}
.nlefttit span{float: left;font-size: 18px;color: #fb9b09;}
.nlefttit a.nl_more{float: right;font-size: 14px;color: #0265da;transition:0.5s;}
.nlefttit a.nl_more:hover{color: #fb9b09;}
.hninfo{margin-top: 25px;height: 200px;width: 100%;}
.hnimg{display: block;float: left;width: 335px;height: 200px;overflow: hidden;}
.hnimg img{width: 335px;height: auto;}
.hninfo_txt{width: 660px;float: right;margin-top:5px;}
.hninfo_txt span{display: block;font-size: 18px;color: #333;line-height: 35px;}
.hninfo_txt p{font-size: 14px;color: #666;line-height: 30px;}
a.hnbtn{margin-top: 25px;font-size: 16px;color: #fff;width: 120px;height: 40px;line-height: 40px;text-align: center;display: block;background-color: #0265da;border:1px solid #0265da;}
a.hnbtn:hover{background-color: #fff;color: #0265da;}
.hnl_list{width: 470px;height: 240px;overflow: hidden;margin-top:14px;}
.hnl_list li{width: 100%;height: 40px;line-height: 40px;position: relative;border-bottom: 1px dashed #ccc;}
.hnl_list li a{font-size: 15px;color: #333;display: block;float: left;transition:0.5s;width: 384px;height: 40px;overflow: hidden;text-indent: 25px;}
.hnl_list li:hover a{color: #0265da;text-indent: 15px;}
.hnl_list li:hover span{color:#0265da; }
.hnl_list li span{font-size: 14px;color: #b2b2b2;display: block;float: right;}
.hnl_list li i{width: 7px;height: 7px;background: url(../images/dian.jpg) no-repeat;display: block;float: left;position: absolute; top: 19px;}







@media screen and (max-width: 1600px) { 

}
@media screen and (max-width: 1280px) { 
#featureContainer,#block{width: 1200px;}
.featureUL li{margin:0px 5px 0 5px;}
}