@charset "utf-8";

/*banner*/
.banner{width:100%;position:relative;height:560px;background:#fff;z-index: 1;}
.banner .bd{ margin:0 auto; position:relative;z-index:0;overflow:hidden;}
.banner .bd ul{ width:100% !important;}
.banner .bd li{ width:100% !important;height:570px;overflow:hidden;text-align:center;}
.banner .bd li a{ display:block;}
.banner .hd{ width:1280px; position:absolute;z-index:1;bottom:5px;left:50%;right: 50%;margin-left:-648px;height:20px;line-height:20px;}
.banner .hd ul{text-align:center;}
.banner .hd ul li{ cursor:pointer; display:inline-block;*display:inline;zoom:1;width:11px;height:11px;margin-left:10px;border-radius: 50%;
    overflow:hidden;border:1px solid #fff;}
.banner .hd ul .on{ background:#0079ca;border: 1px solid #0079ca;}
.banner .prev,	.banner .next{position:absolute;top:50%;margin-top:-40px;left:0;text-align: center;line-height: 80px;
    z-index:1;width:47px; height:80px; background-color:#fff;cursor:pointer;filter:alpha(opacity=70);opacity:0.7;display:none;}
.banner .prev i, .banner .next i{font-size: 30px;color: #4e8fdb;font-weight: bold;}
.banner .next{ left:auto; right:0;}
/*banner end*/

/*industry*/
.industry{padding:57px 0 60px 0;}
.industry ul{width: 100%;overflow: hidden;}
.industry li{width: 16%;float: left;margin:0 8.5%;text-align: center;transition: 0.8s;}
.industry li{display: block;}
.industry li p{width: 100%;height: 191px;margin:10px auto 0;}
.industry li p img{width: 100%;display: block;}
.industry li span{display: block;font-size:14px;color: #999999;line-height: 40px;transition: 0.8s;}
.industry li h1{font-size: 15px;font-weight: bold;line-height: 20px;color: #666666;padding-top: 5px;transition: 0.8s;position: relative;border-top: 1px solid #e5e5e5;padding-bottom: 10px;}
.industry li em{position: absolute;height: 1px;background-color: #0079ca;opacity: 0;left: 50%;right: 50%;top:-1px;transition: left 0.2s ease-in 50ms, right 0.2s ease-in 50ms, opacity 70ms ease 50ms;}
.industry li:hover a em{opacity: 1;left: 0;right: 0;}
.industry li.active a em{opacity: 1;left: 0;right: 0;}
.industry li:hover{transition: 0.8s;border:none;}
.industry li:hover h1{color: #0079ca;transition: 0.8s;}
.industry li:hover span{color: #0079ca;transition: 0.8s;}
/*industry end*/

/*about*/
.small{font-size: 18px !important;line-height: 22px;color: #eaeaea;margin:10px 0 24px 0;}
.about{position: relative;}
.about .about-top img{display: block;width: 100%;min-width: 1280px;min-height: 320px;}
.about .aboutCen{text-align: center;position: absolute;top: 15.6%;left: 50%;right: 50%;margin-left:-406px;width: 812px;}
.about .aboutCen h2{color: #fff;font-size: 20px;line-height: 22px;font-weight: bold;}
.about .aboutCen .small{color: #eaeaea;}
.about .aboutCen p{font-size:13px;line-height: 30px;color: #eaeaea;}
.about .aboutCen .moreBtn{display: block;width: 101px;height: 35px;line-height: 35px;border:1px solid #838e9b;margin:62px auto 0;color: #eaeaea;}
.about .aboutCen .moreBtn:hover{background: #fff;color: #0079ca;border-color: #fff;}
/*about end*/

/*news*/
.news{padding:51px 0;}
.news h2{color: #000;font-size: 20px;line-height: 22px;font-weight: bold;}
.news .small{color: #666666 !important;}
.news .news-left{width: 50%;overflow: hidden;position: relative;}
.news .news-left ul{overflow: hidden;}
.news .news-left ul li{float: left;width: 300px;float: left;margin-right: 30px;}
.news .news-left ul li:first-child{margin-left: 0;}
.news .news-left .news-img{width: 300px;height: 174px;overflow: hidden;position: relative;}
.news .news-left .news-img img{width: 100%;overflow: hidden;}
.news h3{font-size: 14px;line-height: 20px;font-weight: bold;color: #333333;}
.news p{font-size: 12px;line-height: 22px;color: #666666;}
.news .news-left ul li h3{padding-top:20px;}
.news .news-left ul li p{padding-top:5px;}
.news .news-left ul li:hover h3{color: #0079ca;}
.news .news-left .proxq-video{width: 100%;overflow: hidden;position: relative;}
.news .news-left .proxq-video img{width: 100%;height: 100%;display: block;transition: all .3s linear;}
.news .news-left .proxq-video .cover{width: 100%;height: 100%;background: url(../images/h_heise.png) repeat;position: absolute;left: 0;top: 0;text-align: center;transition: all .3s linear;}
.news .news-left .proxq-video .cover i{font-size: 40px;color: #fff;display: block;margin-top:20%;}
.news .news-left .proxq-video:hover .cover{opacity: 0;filter:alpha(opacity=0);}
.news .news-left .proxq-video:hover img{transform: scale(1.05);}
.news .news-left .slideBnt{display: block;position: absolute;right: 0;left: auto;top: 40px;width:22px;height: 22px;border:1px solid #87a1b5;color: #dfe6eb;cursor: pointer;background: #87a1b5;}
.news .news-left .slideBnt i{line-height: 22px;text-align: center;display: block;font-size: 14px;}
.news .news-left .prev{margin-right: 30px;}
.news .news-left .slideBnt.prevStop,.news .news-left .nextStop{background: none;}
.news .news-right{width: 45%;float: right;}
.news .news-right .newsCen-img{width: 180px;height: 108px;overflow:hidden;}
.news .news-right .newsCen-img img{width: 100%;display: block;}
.news .news-right .newsCen-right{width: 62%;margin-left: 20px;}
.news .news-right .newsCen-right span{display: inline-block;color: #e89300;font-size: 12px;line-height: 20px;padding-top:5px;}
.news .news-right .newsCen:hover h3{color: #0079ca; }
.news a{display: block;overflow:hidden;}
.news .news-right .news-bottom{margin-top: 22px;}
.news .news-right .news-bottom a{line-height: 30px;}
.news .news-right .news-bottom a:hover h4{color: #0079ca;}
.news .news-right .news-bottom h4{font-size: 13px;line-height: 30px;width: 511px;color: #333333; text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;}
.news .news-right .news-bottom span{color: #999999;}
/*news end*/

/*research*/
.research{background: #f0f4f8;}
.research ul{overflow:hidden;}
.research ul li{float: left;width: 25%;overflow:hidden;position: relative;}
.research ul li .research-top img{width: 100%;display: block;}
.research ul li .researchCen{position: absolute;bottom:0;left:0;padding:10px 20px;}
.research ul li .researchCen h4{font-size: 17px;line-height: 24px;font-weight: bold;color: #fff;}
.research ul li .researchCen h4 span{font-size: 14px;line-height: 24px;font-weight: 400;color: #fff;padding-left: 14px;}
/*research end*/

/*brand*/
.brand{padding: 40px 0;}
.brand h2{color: #000;font-size: 20px;font-weight: bold;padding-bottom: 5px;}
.brand h2 span{margin:0;font-weight: normal;padding:0 10px;color: #333;}
.brand p{font-size: 12px;line-height: 22px;font-weight: normal;color: #bebebe;padding-bottom: 5px;}
.brand-con{width: 1280px;position: relative;background-color: #fff;height: auto;overflow: hidden;margin: 0 auto;}
.brand .bd{width: 1239px;height: auto;overflow: hidden;margin: 0 auto}
.brand ul{width: 100%;height: auto;overflow: hidden;;}
.brand ul li{float: left;width: 130px;margin-right:28px;position: relative;}
.brand ul li img{display: block;margin: 0 auto;}
.brand .tab{background-color: #f3f3f3; display: inline-block; width: 20px;height: 48px; line-height: 48px; margin-top: -25px;position: absolute; text-align: center; top: 50%; transition: all 0.4s linear 0s;z-index: 1;}
.brand .tab i{color: #9d9d9d; font-size: 16px;vertical-align: -1px;}
.brand .prev{margin-left: 0px;}
.brand .next{right: 0;}

.middle .brand-con,.small1 .brand-con{width: 1200px;}
.middle .brand .bd,.small1 .brand .bd{width: 1159px;}
.middle .brand ul li,.small1 .brand ul li{margin-right: 17px;}
/*brand end*/
/*video-box*/
.video-box {background: #fff;border: 2px solid #2c77bb;display: none;height: 450px;left: 50%;margin-left: -400px;margin-top: -225px;padding: 15px;position: fixed;
    top: 50%;width: 800px;z-index: 99;  }
.video-box .btn-close1 {background: #2c77bb;height: 32px;line-height:32px;text-align:center;position: absolute;right: -34px;top: -2px;transition: all 0.4s ease-in-out 0s;width: 32px;margin: 0; }
.video-box .btn-close1 i {color: #fff;font-style: normal;font-size: 20px;}
.cover-bg {background: url("../images/h_heise.png") repeat; display: none;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 98;  }