body{ margin:0; padding:0; font-family: "Microsoft YaHei";}
div, form, dl, dd, dt{margin:0 auto; padding:0; box-sizing:border-box;}
img{border:0px;}
ul{list-style:none; margin:0 auto; padding:0;}
a{text-decoration:none;color:black; transition: all .3s ease-in-out;}
.bodyWidth{width:1200px;}

.logo{
    position: absolute;
    left:95px;
    top:25px;
    z-index:1;
}

/* 关于我们 */
.indexCont1{background-image:url("bg1.jpg");background-size:cover;background-position:center 70%;}
.indexCont1 .bodyWidth{position:relative;height:670px;}

/* 关于我们-图片 */
.indexCont1 .bodyWidth .image{position:absolute;left:0px;top:40px;z-index:2;width:600px;height:400px;background-image:url("gsjj.jpg");}
.indexCont1 .bodyWidth .image:after{position:absolute;right:0px;top:70px;content:"";width:0px;height:0px;border:15px transparent solid;border-right:15px white solid;}

/* 关于我们-内容 */
.indexCont1 .bodyWidth .aboutUs{position:absolute;right:0px;top:-40px;z-index:1;width:700px;height:520px;background-color:white;box-shadow:1px 1px 2px 2px rgba(0,0,0,0.2);padding:70px 50px 0px 140px;}
.indexCont1 .bodyWidth .aboutUs .enTitle{font-size:55px;font-weight:bold;color:#1D2232;margin-bottom:5px;}
.indexCont1 .bodyWidth .aboutUs .cnTitle{font-size:18px;margin-bottom:70px;position:relative;}
.indexCont1 .bodyWidth .aboutUs .cnTitle:after{position:absolute;left:0px;bottom:-35px;content:"";background-color:#444;width:35px;height:3px;}
.indexCont1 .bodyWidth .aboutUs .cont{font-size:14px;line-height:180%;color:#9a9a9a;}

/* 证书标题 */
.indexCont1 .bodyWidth .ryzzTitle{position:absolute;bottom:40px;width:100%;text-align:center;}
.indexCont1 .bodyWidth .ryzzTitle .cnTitle{color:#2379e8;font-size:26px;font-weight:bold;margin-bottom:35px;}
.indexCont1 .bodyWidth .ryzzTitle .cnTitle:after{content:"";position:absolute;left:50%;bottom:35px;margin-left:-15px;background-color:#8fb7ec;width:30px;height:3px;}
.indexCont1 .bodyWidth .ryzzTitle .enTitle{color:#8fb7ec;font-size:14px;}

/* 证书 */
.indexCont2{background-image:url("bg2.jpg");background-attachment:fixed;background-size:cover;background-position:center 90%; height:500px;}
.indexCont2 ul{margin:0;width:1280px;padding:75px 0;}
.indexCont2 li{float:left;width:270px;height:350px;margin-right:50px;overflow:hidden;transition: all .3s ease-in-out;}
.indexCont2 li:hover{transform: scale(1.1);}


/* 产品展示 */
.indexCont3{padding:50px 0;}
.indexCont3 .cpzsTitle{height:90px; position: relative;}
.indexCont3 .cpzsTitle .cnTitle{position: absolute; left:0px; top:0px;z-index:1;font-size:26px;font-weight:bold;color:black;}
.indexCont3 .cpzsTitle .enTitle{position: absolute; left:-5px; top:-10px;z-index:0;font-size:80px;font-weight:bold;color:white; text-shadow: #3b3b3b 0px 0px 1px;}
.indexCont3 .cpzsTitle .more{position:absolute;z-index:2; right:0px;bottom:-50px;box-shadow:rgba(0,0,0,0.2) 3px 3px 0px;}
.indexCont3 .cpzsTitle .more a{display:block;background-color:#4A5164;color:white;padding:20px 5px;}
.indexCont3 .cpzsTitle .more a:hover{background-color:rgb(163,178,219);color:black;padding:20px 20px;}
.indexCont3 .cpzsCont{font-size:14px;width:50%; margin:0;color:#999999;line-height:180%;}
.indexCont3 .cpzsImages{padding:60px 0px;overflow:hidden;}
.indexCont3 .cpzsImages ul{width:1240px;}
.indexCont3 .cpzsImages li{float:left;width:280px;height:370px;margin-right:30px;position:relative;}
.indexCont3 .cpzsImages li:nth-child(odd){top:-20px;}
.indexCont3 .cpzsImages li:nth-child(even){top:20px;}

/* 翻转动画 */
.indexCont3 .cpzsImages ul li a{display:block;position:relative; height:100%;}
.indexCont3 .cpzsImages ul li div{position:absolute;}
.indexCont3 .cpzsImages ul li a{transform-style:preserve-3d;perspective:1000px;}
.indexCont3 .cpzsImages ul li div{transition:all .4s ease-in-out;backface-visibility:hidden;}
.indexCont3 .cpzsImages ul li a div.front{transform:rotateY(0deg);z-index:2;}
.indexCont3 .cpzsImages ul li a div.back{transform:rotateY(-180deg);z-index:1;}
.indexCont3 .cpzsImages ul li:hover a div.front{transform:rotateY(180deg);z-index:1;}
.indexCont3 .cpzsImages ul li:hover a div.back{transform:rotateY(0deg);z-index:2;}

/* 企业实力 */
.indexCont3 .qyslTitle{height:90px; position: relative;}
.indexCont3 .qyslTitle .cnTitle{position: absolute; left:0px; top:0px;z-index:1;font-size:26px;font-weight:bold;color:black;}
.indexCont3 .qyslTitle .enTitle{position: absolute; left:-5px; top:-10px;z-index:0;font-size:80px;font-weight:bold;color:white; text-shadow: #3b3b3b 0px 0px 1px;}
.indexCont3 .qyslCont{font-size:14px;color:#999999;line-height:180%;}
.indexCont3 .qyslList{padding:20px 0;}
.indexCont3 .qyslList ul{overflow:hidden; display: flex; justify-content:center;}
.indexCont3 .qyslList li{width:300px;text-align:center;}
.indexCont3 .qyslList li div{padding:5px 0; color:#2278e9; position: relative; top:0px; transition: all .3s ease-in-out;}
.indexCont3 .qyslList li:hover div{color:#18498a;top:-10px;}
.indexCont3 .qyslList li .num{font-family:Georgia,'Times New Roman',Times,serif;font-size:60px;font-weight:bold;}
.indexCont3 .qyslList li .line1{font-size:20px;}
.indexCont3 .qyslList li .line2{font-size:20px;}


/* 研发、设备、案例、文化 */
.indexCont4{background-image:url("bg3.jpg");background-attachment:fixed;background-size:cover;background-position:center 90%;padding:80px 0px 260px 0px;border-bottom:4px #9CBAEC solid;}
.indexCont4 ul{display:flex;justify-content:space-between;}
.indexCont4 ul li{width:130px;text-align:center;  transition: all .3s ease-in-out;}
.indexCont4 ul li:hover{ transform: scale(1.1); }
.indexCont4 ul li .name{font-size:16px;color:white;font-weight:bold;padding-top:20px;}

/* 表单 */
.indexCont5{height:360px;background-image:url("bg4.jpg");background-repeat:no-repeat;background-position:right center;background-color:#F9F9F9;}
.indexCont5 .bodyWidth{position:relative;}
.indexCont5 .order{position:absolute;left:0px;top:-210px;width:600px;height:520px;background-color:white;border:4px #9CBAEC solid;padding:40px 20px;}
.indexCont5 .order .title{font-size:22px;color:#4a5164;font-weight:bold;text-align:center;}

/* 表单内容 */
.indexCont5 .order form{margin:20px 0;}
.indexCont5 .order form table{width:100%;}
.indexCont5 .order form table td{padding:5px;font-size:14px;color:#4a5164;}
.indexCont5 .order form table td:first-child{text-align:right;}
.indexCont5 .order form table td:nth-child(3){text-align:right;}
.indexCont5 .order form input[type="text"]{border:1px #cccccc solid;padding:3px;}
.indexCont5 .order form textarea{border:1px #cccccc solid;width:97%;}
.indexCont5 .order form div{text-align:center;}
.indexCont5 .order form div *{vertical-align: middle;}
.indexCont5 .order form div img{height:30px;}
.indexCont5 .order form div input{background-color:#4a5164;color:white;border:none;margin:0 10px;padding:5px 20px;border-radius:20px;}
.indexCont5 .order form div input:hover{background-color:#5372c7;}
.indexCont5 .order form div input[name="VerifyCode"]{background-color:white; color:#4a5164; width:50px;padding:7px; border-radius:0;}
.indexCont5 .order .cont{font-size:12px;color:#4a5164;text-align:center;line-height:180%;}

/* 联系 */
.indexCont5 .contact{float:right;width:550px;}
.indexCont5 .contact li{background-position:left center;background-repeat:no-repeat;padding:10px 0px 10px 70px; transition: all .3s ease-in-out;}
.indexCont5 .contact li:hover{margin-left:20px;}
.indexCont5 .contact li:nth-child(1){background-image:url("ico5.png");}
.indexCont5 .contact li:nth-child(2){background-image:url("ico6.png");}
.indexCont5 .contact li:nth-child(3){background-image:url("ico7.png");}
.indexCont5 .contact li:nth-child(4){background-image:url("ico8.png");}
.indexCont5 .contact li div{padding:3px 0;color:#4a5164;font-size:16px;}

/* 页尾 */
.Footer{color:white;font-size:14px;text-align:center;padding:25px;background-color:#4a5164;}
.Footer a{color:white;}



/* -------------------------- 内页 -------------------------- */


.nyCont{padding:20px 0;}
.nyCont .station{padding:10px;border:1px solid #EEE;}
.nyCont .nyContent{padding:20px 0;}


/* 公司简介 */
.gsjjNy p{line-height:200%;color:#333;}
.scsb{display:flex;flex-wrap:wrap;}
.scsb li{ width:25%; height:200px; margin:10px 0px; position:relative;transition:all .5s;overflow: hidden;}
.scsb li:hover{z-index:2;transform:scale(1.3);}
.scsb li img{width:95%;height:100%;padding:3px; box-sizing: border-box; border:1px #CCC solid; background-color: white;  }
.scsb li .name{position:absolute;left:50%; bottom:0px;width:95%;margin-left:-50%;text-align:center;background-color:rgba(0, 51, 145, 0.3);padding:5px; padding-bottom:8px; color:white; font-size:14px; }

/* 资质证书 */
.ZS3C{display:flex;flex-wrap:wrap;}
.ZS3C li{ width:20%; height:300px; margin-bottom:10px; position:relative;  z-index:0; transition:all .5s;}
.ZS3C li:hover{z-index:2;transform:scale(2); }
.ZS3C li:hover img{box-shadow: rgba(74,81,100,0.7) 0px 5px 5px;}
.ZS3C li img{width:95%;height:100%;padding:3px; box-sizing: border-box; border:1px #CCC solid; background-color: white;  }
.ZS3C li .name{position:absolute;left:50%; bottom:0px;width:95%;margin-left:-50%;text-align:center;background-color:rgba(0, 51, 145, 0.5);padding:5px; padding-bottom:8px; color:white; font-size:12px; }

/* 样册下载 */
.ycxzNy p{text-align:center; font-size:14px; color:#999; }
.ycxzNy ul{display:flex;flex-wrap:wrap;}
.ycxzNy ul li{ width:50%; height:400px; margin:10px 0px; position:relative; overflow: hidden; z-index:0; transition:all .5s;}
.ycxzNy ul li:hover{z-index:2;transform:scale(1.1);}
.ycxzNy ul li img{width:95%;height:100%;padding:3px; box-sizing: border-box; border:1px #CCC solid; background-color: white;  }
.ycxzNy ul li .name{position:absolute;left:50%; bottom:0px;width:95%;margin-left:-50%;text-align:center;background-color:rgba(0, 51, 145, 0.5);padding:5px; padding-bottom:8px; color:white; font-size:12px; }

/* 联系我们 */
.lxwmNy{padding:30px 0; overflow:hidden;}
.lxwmNy .contact {line-height:250%; padding:30px 0;}
.lxwmNy .contact span{font-size:18px;font-weight:bold;color:#0d2983;}

/* 产品展示栏目列表 */
.cpzsList{margin:0px;padding:0px;}
.cpzsList .RecordTotal{display: none;}
.cpzsList .ProdClass{background-image: url("bglogo.png"); padding:40px 0;}
.cpzsList .ProdClass:nth-child(odd){background-color:#F2F2F2;}
.cpzsList .ColumnsTitle{width:1200px;height:150px; position: relative;}
.cpzsList .ColumnsTitle .ColumnsName{ position: relative; font-size:26px;font-weight:bold;color:black; z-index:1;}
.cpzsList .ColumnsTitle:before{ content:"PRODUCTS"; position: absolute; left:-5px; top:-10px;z-index:0;font-size:80px;font-weight:bold; color:white; text-shadow: #3b3b3b 0px 0px 1px;}
.cpzsList .ColumnsTitle:after {content:"";position:absolute;left:0px;top:80px;z-index:0;font-size:14px;color:#888;width:560px;line-height:200%;white-space:pre;}
.cpzsList .ColumnsTitle.cpzs01:after {content:"汽车灯具主要有侧边灯、倒车灯、后组合灯、示廓灯，后尾灯等多个款式。";}
.cpzsList .ColumnsTitle.cpzs02:after {content:"挡泥罩有7.00-11.00规格，有单双桥、铁塑料铝合金各种型号材质等多个款式，涵盖了轻卡到重卡的范围。";}
.cpzsList .ColumnsTitle.cpzs03:after {content:"";}
.cpzsList .ColumnsTitle.cpzs04:after {content:"";}
.cpzsList .ColumnsTitle.cpzs05:after {content:"汽车灯具线束为半挂车整体线束，可根据客户图纸制作。";}
.cpzsList .ColumnsTitle.cpzs06:after {content:"";}
.cpzsList .ColumnsTitle.cpzs07:after {content:"";}
.cpzsList .ColumnsTitle.cpzs08:after {content:"复合材料主要有：热塑性蜂窝芯材，连续玻纤增强复合材料带材、热塑性复合材料蜂窝板。";}
.cpzsList .ColumnsTitle.cpzs12:after {content:"软篷系统采用最新链条传动，全面密闭，适合所有车型，增加装载量。";}
.cpzsList .ColumnsTitle .ColumnsMore{position:absolute;right:0px;bottom:50px;box-shadow:rgba(0,0,0,0.2) 3px 3px 0px;}
.cpzsList .ColumnsTitle .ColumnsMore a{display:block;background-color:#4A5164;color:white;padding:20px 5px;}
.cpzsList .ColumnsTitle .ColumnsMore a:hover{background-color:rgb(163,178,219);color:black;padding:20px 20px;}

/* 企业文化 */
.qywh{display:flex;flex-wrap:wrap;}
.qywh li{ width:25%; height:200px; margin:10px 0px; position:relative; overflow: hidden; z-index:0; transition:all .5s;}
.qywh li:hover{z-index:2;transform:scale(1.4);}
.qywh li img{width:95%;height:100%;padding:3px; box-sizing: border-box; border:1px #CCC solid; background-color: white;  object-fit:cover;}
.qywh li .name{ display: none; position:absolute;left:50%; bottom:0px;width:95%;margin-left:-50%;text-align:center;background-color:rgba(0, 51, 145, 0.5);padding:5px; padding-bottom:8px; color:white; font-size:12px; }

/* -------------------------- 网页生成部分---全局部分 -------------------------- */


/* 导航 */
.MainNav{width:1200px; position: absolute; left: 50%; margin-left: -600px; z-index:1; }
.MainNav ul{float: right; margin:0;}
.MainNav ul li{float: left;}
.MainNav ul a{display:block;color:#4a5164;text-align:center;padding:35px 25px;font-size:16px; font-weight: bold;}
.MainNav ul a:hover{background-color:rgba(74,81,100,0.7); color:white;}
.MainNav ul ul{display:none;}

/* 首页产品分类导航 */
.IndexProdNav ul{max-width:1200px;min-width:1000px;text-align:center;padding:10px 0;margin:auto;}
.IndexProdNav ul ul{display:none;}
.IndexProdNav li{display:inline-block;margin-bottom:10px;}
.IndexProdNav a{display:block;padding:10px 20px;margin:0px 3px;font-size:12px;border:1px #CCC solid;}
.IndexProdNav a:hover{background-color:#0d2983;color:white;}

/* 内页产品分类导航 */
.NyProdNav ul{margin:0;}
.NyProdNav ul li{background-color:#DDD;margin:1px 0;}
.NyProdNav ul li a{display:block;padding:15px;font-size:12px;color:#333;}
.NyProdNav ul li a:hover{background-color:#0d2983;color:white;}
.NyProdNav ul ul{display:none;}

/* 子栏目导航 */
.SubNav{text-align:center;}
.SubNav li{display:inline-table;}
.SubNav li a{display:block;background-color:#0d2983;color:white;padding:5px 20px;margin:10px;border-radius:20px;}
.SubNav li a:hover{background-color:#89a0eb;color:white;}
.SubNav.cpzs{   display: none;}

/* 产品文字列表 */
.TextListProd{}

/* 产品图标列表 */
.IcoListProd{max-width:1200px;min-width:1000px;margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between;}
.IcoListProd li{overflow:hidden;width:32%;height:290px;margin:10px 0px;position:relative;}
.IcoListProd li .Name{position:absolute;left:0px;bottom:0px;width:100%;text-align:center;background-color:rgba(0,0,0,0.5);padding:5px 0;}
.IcoListProd li .Name a{color:white;font-size:14px;}
.IcoListProd li img{width:100%;height:290px;transition:all .5s;}
.IcoListProd li img:hover{transform:scale(1.1);}

/* 新闻文字列表 */
.TextListNews{}

/* 新闻图标列表 */
.IcoListNews{padding:20px 0;max-width:1200px;min-width:1000px;margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between;}
.IcoListNews li{width:19%;}
.IcoListNews li .Image{overflow:hidden;}
.IcoListNews li img{width:100%;height:300px;transition:all .5s;}
.IcoListNews li img:hover{transform:scale(1.1);}
.IcoListNews li .Name{text-align: center; font-size:14px;}
.IcoListNews li .Time{display: none;}

/* -------------------------- 网页生成部分---列表页 -------------------------- */

/* 页码统计 */
.RecordTotal{text-align:right;font-size:12px;color:#666;padding:10px 0;}

/* 页码条 */
.Pagination{text-align:center;}
.Pagination a{display:inline-block;font-size:12px;color:white;padding:3px 10px;background-color:#0d2983;margin:10px;}
.Pagination a:hover{color:#0d2983;background-color:white;}

/* 内页图标列表 */
.ContentIcoList{width:1226px;margin:auto; overflow: hidden;}
.ContentIcoList li{float: left; float:left; width:280px; margin-right:26px; margin-bottom: 26px; }
.ContentIcoList li .Image{width:280px;height:280px; border:2px #6075b9 solid; overflow: hidden;}
.ContentIcoList li .Image img{width:100%;height:100%; transition:all .5s;}
.ContentIcoList li .Image img:hover{transform:scale(1.1);}
.ContentIcoList li .Name{width:100%;text-align:center;padding:5px 0;}
.ContentIcoList li .Name a{color:black;font-size:14px;}
.ContentIcoList li .Brief{display:none;}

/* 内页文字列表 */
.ContentTextList{width:100%;}
.ContentTextList li{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #CCC;}
.ContentTextList li:hover{background-color:#F8F8F8;}
.ContentTextList li .Name{width:80%;}
.ContentTextList li .Name a{font-size:14px;}
.ContentTextList li .Time{width:20%;font-size:12px;color:#666;text-align:right;}
.ContentTextList li .Cont{display:none;}

/* -------------------------- 网页生成部分---内容页 -------------------------- */

/* 内容页面 */
.PageName{text-align:center;font-size:18px;font-weight:bold;color:#0d2983;padding-top:20px; display: none;}
.PageCont{font-size:14px;line-height:180%;margin:30px 0;}
.PageCont h6{font-size:14px;color:#0d2983;margin:20px 0;}

/* 内容出处 */
.PageFrom{text-align: center; font-size:12px; color:#999;padding:10px;}

/* 返回目录 */
.PageBack{text-align:center;padding:10px 0;}
.PageBack a{display:inline-block;font-size:12px;color:white;padding:3px 10px;background-color:#0d2983;margin:10px;}
.PageBack a:hover{color:#0d2983;background-color:white;}

/* 相关信息标题 */
.Related{display:none;}
.Related .RelatedTitle{background-color:#0d2983;padding:10px;font-size:14px;color:white;}

/* 相关产品列表 */
.Related .RelatedProd{width:100%;margin:auto;display:flex;flex-wrap:wrap;}
.Related .RelatedProd li{overflow:hidden;width:24%;height:180px;margin:10px 0px;position:relative;margin:0.5%;}
.Related .RelatedProd li .Name{position:absolute;left:0px;bottom:0px;width:100%;text-align:center;background-color:rgba(0,0,0,0.5);padding:5px 0;}
.Related .RelatedProd li .Name a{color:white;font-size:14px;}
.Related .RelatedProd li img{width:100%;height:180px;transition:all .5s;}
.Related .RelatedProd li img:hover{transform:scale(1.1);}

/* 相关新闻列表 */
.Related .RelatedNews{width:100%;}
.Related .RelatedNews li{display:flex;justify-content:space-between;padding:5px;border-bottom:1px solid #CCC;}
.Related .RelatedNews li:hover{background-color:#F8F8F8;}
.Related .RelatedNews li .Name{width:80%;}
.Related .RelatedNews li .Name a{font-size:12px;}
.Related .RelatedNews li .Name a:hover{color:#0d2983}
.Related .RelatedNews li .Time{width:20%;font-size:12px;color:#666;text-align:right;}
.Related .RelatedNews li .Cont{display:none;}

/* 当前位置 */
.station{font-size:14px;color:#4a5164;}
.station span{display:inline-block;margin:0 10px;}
.station a{display:inline-block;margin:0 10px;color:#4a5164;}
.station a:hover{color:blue;}

/* 产品表格 */
.prodTable{border-collapse:collapse;width:100%;}
.prodTable td{padding:5px;border:1px #000 solid;text-align:center;}