/*头部*/
.com-head{width: 100%;height: 88px;}
.com-banner{width: 100%;height: 420px;}
.com-banner img{height: 420px; width: 100%;}
/*公司介绍*/
.com-con{width: 80%;height:auto;background-color: #fff;}
.com-con .con-left{width: 100%;padding: 4% 4% 5% 12%; }
.com-con .con-left h2{ font:48px/80px "黑体" ;text-align: center;}
.com-con .con-left p span{font:18px/22px "黑体" ; font-weight: lighter; text-indent: 6px;letter-spacing: 2px;}
.com-con .con-right{width: 50%;height: 420px; float: right;padding-left: 10px;}
.con-right .box{width: 95%;height: 400px;padding: 0% 0px 1% 4%;position: relative;z-index: 1;}
.com-con .con-right video{ width: 100%;height: 400px;position: absolute;left: 0;top:10%;cursor: pointer;}
.com-con .con-right img{max-width:100%;height: 90px;position: absolute;left: 44%;top:46%; z-index: 9;cursor: pointer;opacity: 1;}


/*发展*/
.com-dev{width: 100%;height: 430px;background:url(../images/company/com-dev-bg.jpg) no-repeat;background-size: 100% 100%;}
.dev-box{width:96%;height: 430px;margin:0 2%; display: flex; }
.box-item{width: 24%; height: 140px; margin:145px 0px; border-right: 1px solid #fff;box-flex:1; }

/*@font-face{ font-family: "FZYXJW";src:url(FZYXJW.TTF); }
.box-item h1{display: block; font-family: "FZYXJW";font-size: 95px;line-height: 95px; color: #fff;text-align: center; }
.box-item h6, span{font-family: "FZYXJW";font-size: 25px;}
.box-item h6{ display: block;text-align: center; position: relative;left: 120px;top:-30px;}
.box-item span{display: block;line-height: 25px; text-align: center; }
.box-item .h1css{display: inline; position: relative;left: 72%;top:-95px;}
.box-item .h6css{position: relative;top:-124px;left: 48%;}
.box-item .spancss{position: relative;top:-95px;left: 12%;}*/

/*文化与使命*/
.culture{width: 100%;height: 440px;}
.culture-mid{width: 74%;height: 360px;margin:0 auto;padding-top: 80px;}
.culture-mid h2{text-align: center;font-family:"黑体";font-size: 48px;line-height: 60px; color:#292929;}
.culture-bottom{width: 100%;height: 270px; margin-top: 30px; display: flex;justify-content:space-between;}
.bottom-item{width: 17%;height: 270px;}
.bottom-item img{display: block;margin:50px auto 30px auto;}
.bottom-item span{display: block;margin:0 auto;font-family: "黑体";font-size: 26px;line-height: 24px; color:#5f5e5e;text-align: center;}
.bottom-item p{display: block;margin:20px auto;font-family: "黑体";font-size: 18px;color:#8c8c8c;text-align: center;}
.bottom-item:hover span{color:red;}
.bottom-item:hover p{color:red;}
/*其他*/
.com-other{width: 100%;height: 430px;  background-color:#fcfcfc;}
.com-other .mid{width: 74%;height: 360px;margin:60px 13%;padding-top: 30px;}
.mid span{display: block; text-align: center;font-family:"黑体";font-size: 42px;line-height: 60px; color:#292929;}
.mid .fot{width: 100%;height: 260px; margin-top: 30px; display: flex;justify-content:space-between;}
.fot .link{width: 32%;height: 260px;border:1px solid #c0c0c0; }
.fot .link:hover{box-shadow: 5px -5px 2px #e7e7e7;}
.fot .link:hover span{color:red;}
.fot .link p:hover {color:red;}
.link img{display: block;margin:50px auto 30px auto;}
.link span{display: block;margin:0 auto;font-family: "黑体";font-size: 24px;line-height: 24px; color:#000;}
.link p{display: block;margin:20px auto;font-family: "黑体";font-size: 16px;color:#6b6b6b;text-align: center;}

/* 媒体查询1025-1750px css */
@media (min-width: 1920px){
.com-con .con-right video{ width: 100%;height: 400px;position: absolute;left: 0;top:4%;cursor: pointer;}


}

/* 媒体查询1025-1750px css */
@media (min-width: 1025px)and (max-width: 1750px) {


}
/* 媒体查询768-1024px css */
@media (min-width: 768px)and (max-width: 1024px) {

.com-head{height: 44px;}
.com-banner{height: 210px;}
.com-banner img{height: 260px; }

.com-con .con-left{padding: 10% 0px 5% 12%; }
.com-con .con-left h2{font:32px/50px "黑体" ;}
.com-con .con-left p span{font:16px/20px "黑体" ;}
.com-con .con-right{width: 50%;height: 310px;}
.con-right .box{width: 95%;height: 360px;}
.com-con .con-right video{ height: 360px;position: absolute;left: 0;top:5%;}
.com-con .con-right img{max-width:100%;height: 70px;position: absolute;left: 41%;top:45%; }

.jianjie p{font-size: 14px;}

.com-dev{height: 230px;}
.dev-box{height: 230px; }
.box-item{height: 100px; margin:65px 0px; }
.box-item h1{font-size: 65px;line-height: 65px; }
.box-item h6{ position: relative;left: 80px;top:-30px;}
.box-item span{display: block;line-height: 25px; text-align: center; }
.box-item .h1css{display: inline; position: relative;left: 72%;top:-65px;}
.box-item .h6css{position: relative;top:-94px;left: 50%;}
.box-item .spancss{position: relative;top:-65px;left: 18%;}



}
/* 媒体查询461-767px css */
@media (min-width: 461px)and (max-width: 767px) {

.com-head{height: 50px;}
.com-banner{height: 110px;}
.com-banner img{height: 110px; }
.com-con .con-left{padding: 8% 0px 2% 5%; }
.com-con .con-left h2{font:24px/32px "黑体" ;}
.com-con .con-left p span{font:14px/16px "黑体" ;}
.com-con .con-left a{font:14px/20px "黑体" ;}
.com-con .con-right{height: 210px;}
.con-right .box{width: 90%;height: 210px;}
.com-con .con-right video{ height: 210px;position: absolute;left: 0;top:12%;}
.com-con .con-right img{max-width:100%;height: 50px;position: absolute;left: 36%;top:50%; }

.jianjie .xiangxi{font-size: 13px;}

.com-dev{height: 230px;}
.dev-box{height: 230px;}
.box-item{ height: 100px; margin:65px 0px; }
.box-item h1{font-size: 35px;line-height: 35px;  }
.box-item h6, span{font-size: 20px;}
.box-item h6{ position: relative;left: 45px;top:-30px;}
.box-item span{line-height: 20px;  }
.box-item .h1css{ position: relative;left: 72%;top:-35px;}
.box-item .h6css{position: relative;top:-64px;left: 50%;}
.box-item .spancss{position: relative;top:-35px;left: 18%;}
}
/* 媒体查询341-460px css */
@media (min-width: 341px)and (max-width: 460px) {


.com-head{height: 50px;}
.com-banner{height: 95px;}
.com-banner img{height: 95px; }

.com-con .con-left{width: 100%;margin:10px auto; float: none; }
.com-con .con-left h2{font:24px/32px "黑体" ; text-align: center;}
.com-con .con-left p span{font:12px/14px "黑体" ;}
.com-con .con-left a{display: none; }
.com-con .con-right{width: 100%;height: 210px;}
.con-right .box{width: 90%;height: 210px;}
.com-con .con-right video{ height: 210px;position: absolute;left: 7%;top:0;}
.com-con .con-right img{max-width:100%;height: 50px;position: absolute;left: 50%;top:35%; }

.com-dev{height: 180px;}
.dev-box{height: 180px;}
.box-item{height: 80px; margin:50px 0px;}
.box-item h1{font-size: 25px;line-height: 40px; }
.box-item h6, span{font-size: 15px;}
.box-item h6{ position: relative;left: 35px;top:-30px;}
.box-item span{line-height: 15px; text-align: center; }
.box-item .h1css{ position: relative;left: 72%;top:-40px;}
.box-item .h6css{position: relative;top:-70px;left: 50%;}
.box-item .spancss{position: relative;top:-40px;left: 18%;}


.culture-mid{width: 90%;}
.culture-mid h2{font-size: 36px;line-height: 36px;}
.bottom-item{width: 32%;height: 270px;}
.bottom-item img{max-width: 100%;}
.bottom-item span{font-size: 18px;line-height: 24px; }
.bottom-item p{font-size: 16px;}

.com-other{height: 400px;}
.com-other .mid{width: 90%;height: 360px;margin:20px 5%;}
.mid span{font-size: 36px;line-height: 48px; }
.link img{max-width: 100%;}
.link span{font-size: 22px;line-height: 22px; }
.link span:hover{color:red;}
.link p{font-size: 14px;}



}


/* 媒体查询小于340px css */
@media (max-width: 340px) {

.com-head{height: 50px;}
.com-banner{height: 95px;}
.com-banner img{height: 95px; }

.com-con .con-left{width: 90%;margin:5px auto;float: none; }
.com-con .con-left h2{font:24px/32px "黑体" ; text-align: center;}
.com-con .con-left p span {font:10px/12px "黑体" !important;text-indent: 0px;letter-spacing: 1px;}
.com-con .con-left a{display: none;}
.com-con .con-right{width: 100%;height: 210px;}
.con-right .box{width: 90%;height: 210px;}
.com-con .con-right video{ height: 210px;position: absolute;left: 12%;top:0;}
.com-con .con-right img{max-width:100%;height: 50px;position: absolute;left: 53%;top:38%; }

.com-dev{height: 180px;}
.dev-box{height: 180px;}
.box-item{height: 80px; margin:50px 0px;}
.box-item h1{font-size: 20px;line-height: 40px;}
.box-item h6, span{font-size: 14px;}
.box-item h6{ position: relative;left: 28px;top:-30px;}
.box-item span{display: block;line-height: 14px; text-align: center; }
.box-item .h1css{display: inline; position: relative;left: 72%;top:-40px;}
.box-item .h6css{position: relative;top:-70px;left: 50%;}
.box-item .spancss{position: relative;top:-40px;left: 18%;}

.culture{height: 400px;}
.culture-mid{width: 90%;height: 320px;}
.culture-mid h2{font-size: 24px;line-height: 32px; }
.bottom-item img{max-width: 100%;}
.bottom-item span{font-size: 16px;line-height: 24px; }
.bottom-item p{font-size: 14px;}


.com-other{height: 360px;}
.com-other .mid{width: 90%;height: 320px;margin:20px 5%;}
.mid span{font-size: 28px;line-height: 36px; }
.mid .fot{height: 240px; }
.fot .link{height: 240px;}
.link img{margin:30px auto 30px auto;max-width: 100%}
.link span{font-size: 18px;line-height: 18px; }
.link p{font-size: 13px;}
}