*{margin: 0;padding: 0;}
body,html,ul,li,p,div,table,p,input,table{margin: 0;padding: 0;}
ul,li{list-style: none;list-style-type: none;}
body{font-family: "microsoft yahei";}
.clear{clear: both;}
a{text-decoration: none;}
[v-cloak]{
display: none;
}
.active{color: #108aed!important;}
/*顶部*/
.top{width: 100%;height: 44px;background: #f6f6f6;}
.top .topMain{width: 1200px;margin: 0 auto;}
.top .topMain .topLeft{width:220px;height: 44px;line-height: 44px;float: left;text-align: left;color: #999;font-size: 12px;}
.top .topMain .topLeft a{color: #0362ae;cursor: pointer;}
.top .topMain .topRight{width: auto;height: 44px;line-height: 44px;float: right;text-align:right;color: #e3e3e3;font-size: 12px;}
.top .topMain .topRight a{display: inline-block;width: 50px;height: 25px;line-height: 25px;text-align: center;border-radius: 20px;font-size: 14px;color: #0362ae;border: 1px solid #0362ae;}
.bgbg{width: 100%;height: 270px;background: url(../img/BigBg.jpg) center 100%;}
.bgbg .logoSearch{width: 1200px;height: 146px;margin: 0 auto;}
.bgbg .logoSearch .logo{width: 710px;padding: 54px 0 0 0;margin: 0 auto;}
.bgbg .logoSearch .search{width: 710px;height: 40px;box-sizing: border-box;position: relative;border-radius: 4px;margin: 20px auto 0;text-align: center;}
.bgbg .logoSearch .search input{width: 622px;height: 50px;line-height: 50px;font-size: 16px;color: #666;box-sizing: border-box;padding: 0 10px;background: #fff;border-radius: 4px;border: none;}
.bgbg .logoSearch .search .iconSearch{width: 93px;height: 50px;position: absolute;top:0px;right: 44px;cursor: pointer;background: #4ABDFE;color: #fff;font-size: 18px;text-align: center;line-height: 50px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
/*底部*/
.foot{width: 100%;height: 266px;background:#0362AE;}
.foot .footer{width: 1200px;height: 230px;margin: 0 auto;}
.foot .footer .footLeft{width: 50%;float: left;}
.foot .footer .footLeft .footLogo{width: 383px;height: 57px;margin: 25px 0;}
.foot .footer .footLeft .footLogo img{width: 100%;height: 100%;}
.foot .footer .footLeft .footText{font-size: 16px;color: #fff;line-height: 32px;}
.foot .footer .footright{width: 25%;float: right;padding-top: 40px;}
.foot .footer .footright .erweima{width: 88px;height: 88px;float: right;margin-right: 15px;}
.foot .footer .footright .xiazai{padding: 2px;background: #fff;box-sizing: border-box;}
.foot .footer .footright .erweima img{width: 100%;height: 100%;}
.foot .footer .footright .saoma{width: 150px;height: 64px;margin-top: 20px;float: right;font-size: 16px;color: #fff;line-height: 32px;}
.foot .footer .banquan{width: 100%;text-align: center;line-height: 62px;color: #fff;font-size: 16px;height: 62px;}
/*分页*/
.page{width: 600px;margin: 20px auto;line-height: 38px;text-align: center;}
.page a{padding: 5px 10px;border: 1px solid #d9d9d9; border-radius: 3px;font-size:14;color: #666;}
.page .hover{background: #108aed; color: #fff;border: 1px solid #108aed}
.page a:hover{background: #108aed; color: #fff;border: 1px solid #108aed}
/*首页*/
.main{width: 100%;min-height: 500px;}
.main .searchItem{width: 100%;height: 84px; background: #F9F9F9;text-align: center;display: flex;align-items: center;}
.main .searchItem .items{width: 1200px;min-width: 1200px; height: 50px;line-height: 50px; margin: 0 auto;background: #fff;border: 1px solid #DDDDDD;box-sizing: border-box;}
.main .searchItem .items ul{min-width: 1180px; height: 50px;line-height: 50px;padding: 0 10px;box-sizing: border-box;}
.main .searchItem .items ul .all{font-size: 14px;color: #0362ae;}
.main .searchItem .items ul li{float: left;font-size: 14px;color: #333;cursor: pointer;}
.main .searchItem .items ul li:hover{color: #0362ae;}
.main .searchItem .items ul li span{color: #0362ae;margin: 0 5px;}
.main .searchContent{width: 100%;height: auto;}
.main .searchContent .content{width: 1200px;margin: 0 auto;margin-top: 18px;}
.main .searchContent .content ul{width: 1250px;height: 100%;}
.main .searchContent .content ul li{width: 390px;height: 146px;float: left;margin-right: 15px;margin-bottom: 15PX;padding: 20px 18px;box-sizing: border-box;cursor: pointer;box-shadow: 9px 7px 24px #eee;}
.main .searchContent .content ul li:hover{box-shadow: 9px 7px 24px #ddd;}
.main .searchContent .content ul li:hover .title{color: #108aed!important;}
.main .searchContent .content ul li a{display: flex;}
.main .searchContent .content ul li .img{width: 60px;}
.main .searchContent .content ul li .company{margin-left: 20px;font-size: 14px;color: #666;width: 294px;}
.main .searchContent .content ul li .company div{line-height: 26px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 90%;}
.main .searchContent .content ul li .company .title{font-size: 18px;color: #333;font-weight: bold;line-height: 18px;}
.main .searchContent .content ul li .company .time{margin-top: 8px;}
/*公司详情页*/
/*公司介绍*/
.companyMessage{width: 1200px;min-height: 600px;margin: 0 auto;}
.companyMessage .title{width: 100%;height: 80px;line-height: 80px;font-size: 30px;color: #333;text-align: center;font-weight: bold;}
.companyMessage .comIntroduce{width: 100%;height: auto;}
.companyMessage .comIntroduce .comTitle{width: 100%;height: 46px;line-height: 40px;border-bottom: 1px solid #ddd;}
.companyMessage .comIntroduce .line{font-size: 24px;color: #0362ae;font-weight: bold;}
.companyMessage .comIntroduce .nameTitle{font-size: 24px;color: #333;font-weight: bold;}
.companyMessage .comIntroduce .container{width: 100%;display: flex;padding: 26px 0;}
.companyMessage .comIntroduce .container .img{width: 505px;height: 292px;}
.companyMessage .comIntroduce .container .content{width: 673px;height: 292px;margin-left: 22px;font-size: 16px;color: #333;line-height: 27px;overflow: hidden;text-indent:2em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 11;-webkit-box-orient: vertical;}
/*企业资质*/
.companyMessage .comQualifications{width: 100%;height: auto;}
.companyMessage .comQualifications .comTitle{width: 100%;height: 46px;line-height: 40px;border-bottom: 1px solid #ddd;}
.companyMessage .comQualifications .line{font-size: 24px;color: #0362ae;font-weight: bold;}
.companyMessage .comQualifications .nameTitle{font-size: 24px;color: #333;font-weight: bold;}
.companyMessage .comQualifications .tableAll{width: 100%;box-sizing: border-box;padding: 20px 0;}
.companyMessage .comQualifications .table{border: 1px solid #d6d6d6;width:100%;}
.companyMessage .comQualifications .tableDown{margin-top: -1px;}
.companyMessage .comQualifications .table .tr{width: 100%;}
.companyMessage .comQualifications .table tr td{min-height: 40px;line-height: 40px;font-size: 16px;color: #333;padding: 6px 10px;line-height: 28px;min-width:100px;}
.companyMessage .comQualifications .table tr .file{position: relative;}
.companyMessage .comQualifications .table tr .file .fileBtn{position: absolute;right: 16px;height: 30px;line-height: 30px;margin-top: 5px;}
.companyMessage .comQualifications .table tr th{min-height: 40px;line-height: 40px;font-size: 16px;color: #333;background: #f3f3f3;font-weight: normal;text-align: center;min-width: 100px;}
/*产品展示*/
.companyMessage .comProdect .comTitle{width: 100%;height: 46px;line-height: 40px;border-bottom: 1px solid #ddd;}
.companyMessage .comProdect .line{font-size: 24px;color: #0362ae;font-weight: bold;}
.companyMessage .comProdect .nameTitle{font-size: 24px;color: #333;font-weight: bold;}
.companyMessage .comProdect .prodectShow{width: 100%;padding: 20px 0;}
.gundonglist{width: 100%;height: auto;position: relative;}
.gundonglist .gondog{width: 1120px;margin: 0 auto;background:#fff;height: 200px;overflow: hidden;}
.gundonglist .gondog #ulT{width: 2270px;}
.gundonglist .gondog #ulO{width: 2270px;}
.gundonglist .gondog .uu{width:1135px;overflow: hidden;float: left;}
.gundonglist .gondog .uu .ll{width: 210px;height: 173px;line-height: 200px;float: left;margin-right: 15px;margin-bottom: 30px;}
.gundonglist .gondog .uu .ll a{color: #333;}
.gundonglist .gondog .uu .ll a .image{width: 200px;height:163px;}
.gundonglist .gondog .uu .ll a .image img{width: 100%;height: 100%;display: block;}
.gundonglist .gondog .uu .ll a .isHot{font-size:16px;color: #c81623;line-height: 40px;text-align: center;}
.gundonglist .gondog .uu2{width:1135px;overflow: hidden;float: left;}
.gundonglist .gondog .uu2 .ll{width: 210px;height: 173px;line-height: 200px;float: left;margin-right: 15px;}
.gundonglist .gondog .uu2 .ll a{color: #333;}
.gundonglist .gondog .uu2 .ll a .image{width: 200px;height:163px;margin: 0 auto 5px auto;}
.gundonglist .gondog .uu2 .ll a .image img{width: 100%;height: 100%;display: block;}
.gundonglist .gondog .uu2 .ll a .isHot{font-size:16px;color: #c81623;line-height: 40px;text-align: center;}
.gundonglist .icon .iconliP{width:40px;height: 40px;position: absolute;top: 50%;margin-top: -20px;line-height: 40px;left: 0;text-align: center;cursor: pointer;}
.gundonglist .icon .iconliN{width:40px;height: 40px;position: absolute;top: 50%;margin-top: -20px;line-height: 40px;right: 0;text-align: center;cursor: pointer;}
.gundonglist .icon .iconliP i{font-size:24px;}
.gundonglist .icon .iconliN i{font-size:24px;}
.gundonglist .gondog ul{width: 1215px;height: auto;overflow: hidden;}
.gundonglist .gondog ul li{width: 228px;height: 280px;float: left;margin-right: 15px;margin-bottom: 15px;background: #fff;box-sizing: border-box;padding-left: 4px;padding-top: 4px; border: 1px solid #eee;margin-bottom: 30px;}
.gundonglist .gondog ul li a{width: 100%;height: 100%;background: #fff;display: block;}
.gundonglist .gondog ul li a .img{width: 100%;height: 124px;margin-bottom: 10px;}
.gundonglist .gondog ul li a .img img{width: 100%;height: 100%;}
.gundonglist .gondog ul li a .isB{width: 100%;height: 40px;display: flex;justify-content: space-between;align-items: center;}
.gundonglist .gondog ul li a .isB .red{font-size:20px;color: #c81623;line-height: 40px;}
.gundonglist .gondog ul li a .isB .ren{font-size: 12px;color: #666;}
.gundonglist .gondog ul li a .dec{width: 210px;height: 40px;font-size: 14px;color: #333;line-height: 40px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.gundonglist .gondog ul li a .time{margin-top:3px;height: 20px;line-height: 20px;font-size: 12px;color: #666;}
/*联系我们*/
.companyMessage .contactUs{width: 100%;height: auto;margin-top:20px;}
.companyMessage .contactUs .comTitle{width: 100%;height: 46px;line-height: 40px;border-bottom: 1px solid #ddd;}
.companyMessage .contactUs .line{font-size: 24px;color: #0362ae;font-weight: bold;}
.companyMessage .contactUs .nameTitle{font-size: 24px;color: #333;font-weight: bold;}
.companyMessage .contactUs .contBox .newList .contact{width: 100%;height: auto;background:white ;}
.companyMessage .contactUs .contBox .newList .contact .message{width: 100%;height: auto;align-items: center;padding: 0 20px;box-sizing: border-box; line-height: 32px;font-size: 15px;margin-bottom:20px;text-indent: 2em;padding-top:10px;}
.companyMessage .contactUs .contBox .newList .contact .message div{font-size: 18px;color: #333;}
.companyMessage .contactUs .contBox .newList .contact .message div img{margin-right: 6px;}
.companyMessage .contactUs .contBox .newList .contact .message div span{margin-left: 10px;}
.companyMessage .contactUs .contBox .newList .contact .map{width: 1200px;height: 595px;box-sizing: border-box;border: 1px solid #ddd;}
/* 产品详情页 */
.productBgbg{width: 100%;height: 270px;background: url(../img/produce.jpg) center 100%;}
.productMain{width: 100%;}
.productMain .productItem{width: 100%;height: 50px;border-bottom: 1px solid #ddd;background: #efefef;}
.productMain .productItem .items{width: 1200px;height: 50px;margin: 0 auto;font-size: 14px;color: #333;line-height: 50px;}
.productMain .productItem .items .home{color: #333;}
.productMain .productItem .items .info{color: #0362ae;}
.productMain .searchContent{width: 100%;height: auto;min-height: 319px;}
.productMain .searchContent .content{width: 1200px;margin: 20px auto;}
.productMain .searchContent .content .title{width: 100%;height: 60px;line-height: 60px;text-align: center;font-size: 18px;font-weight: bold;}
.productMain .searchContent .content .proContent{width: 100%;text-indent: 2em;}
/* 登录后 */
.loginAfter{width:auto;border:none;margin-right:6px;}
.topRightAfter{
width: auto;
height: 44px;
line-height: 44px;float: right;text-align:right;font-size: 14px;
}
.topRightAfter a{color: #0362ae;}
.out{color:#0362ae;cursor: pointer;font-size: 15px;}
/* 留言 */
.liuyan{width: 100%;height: 446px;background: url(../img/contactUs.jpg) no-repeat center;}
.liuyan .contact{width: 1200px;height: 446px;margin: 0 auto;}
.liuyan .contact .title{padding: 40px 0 20px 0;text-align: center;font-size: 40px;color: #fff;line-height: 40px;}
.liuyan .contact .bottomP {width: 230px;background: #fff;margin: 0 auto 50px auto;}
.liuyan .contact .input{width: 1200px;margin: 0 auto;}
.liuyan .contact .input input{margin-bottom: 45px;font-size: 18px;color: #666666;line-height: 55px;padding: 0 15px;border-radius: 4px;}
.liuyan .contact .input input:focus{outline: none;}
.liuyan .contact .input .Inputleft{width: 535px;height: 55px;background: #fff;border: none;margin-right: 50px;}
.liuyan .contact .input .Inputright{width: 535px;height: 55px;background: #fff;border: none;float: right;}
.liuyan .contact .input .Inputcenter{width: 1170px;height: 55px;background: #fff;border: none;}
.liuyan .contact .input .submitBtn{width: 452px;height: 55px;background: #108aed;text-align: center;font-size: 18px;color: #fff;line-height: 55px;border: none;display: block;margin: 0 auto;cursor: pointer;}
.liuyan .contact .input .submitBtn:focus{outline: none;}
/* 企业名录、企业视频相关css */
.TabButton {margin: 0 auto;text-align: center;font-size: 18px;margin: 10px 0;}
.TabButton a {color: #333;display: inline-block;padding: 20px 10px;border-bottom: 3px solid transparent;font-size: 36px; }
.TabButton a:first-child {margin-right: 30px;}
.TabButton .showActive {color: #0362ae;border-bottom:3px solid #0362ae;}
/* 企业视频 */
.VideoList {width: 1200px;margin: 20px auto;}
.VideoBox {width: 100%;display: flex;flex-wrap: wrap;align-items: center;}
.VideoBox li {width: 198px;padding: 10px;height: 256px;border:1px solid #dedede;border-radius: 4px;text-align: center;margin: 0 12px 16px 12px;}
.VideoBox li:nth-child(5n) {margin-right: 0;}
.VideoBox li:nth-child(5n+1) {margin-left: 0;}
.VideoBox li:hover {border: 1px solid #0362ae;box-shadow: 10px 10px 5px #dedede; cursor: pointer;}
.VideoBox li img {width: 188px;height: 188px;object-fit: contain;}
.VideoBox li p {color: #222;text-align: center;margin-top: 20px;}
/* 视频页面点击展示视频 */
.videos {display: none;position: fixed;left: 50%;top: 40%;width: 64%;z-index: 100;transform: translate(-50%, -50%);}
.vclose {position: absolute;right: 1%;top: 1%;border-radius: 100%;width: 25px !important;height: 25px !important;}