* { margin: 0px; padding: 0px; }
body { min-width: 1100px; margin: 0px; padding: 0px; text-decoration: none; font-size: 12px; font-variant: normal; font-family:"Microsoft YaHei"; }
a:link, a:visited, a:hover, a:active { text-decoration: none; }
a { text-decoration: none; color:#666; }
a:hover{ color:#d82119}
li { list-style-type: none; }
ul, ol { list-style-type: none; list-style-image: none; }
.main { width: 1200px; margin: 0px auto; }
.head { width: 100%; height: 156px; overflow: hidden; }
.head .top { width: 100%; height: 32px; border-bottom: 1px solid rgb(197, 197, 197); }
.head .top p { font-size: 13px; color: rgb(102, 102, 102); line-height: 32px; float: left; }
.head ul { float: right; }
.head ul li { float: left; padding-right: 10px; padding-left: 10px; line-height: 32px; position: relative; }
.head ul li a { font-size: 13px;  }
.head ul li::after { content: ""; width: 1px; height: 14px; position: absolute; top: 50%; margin-top: -7px; right: 0px; background: rgb(102, 102, 102); }
.head ul li:last-child::after { width: 0px; }
.head .name { float: left; }
.head img { display: block; }
.head .name div { display: table-cell; vertical-align: middle; height: 124px; }
.head .tel { float: right; }
.head .tel div { display: table-cell; vertical-align: middle; height: 124px; }
.nav { width: 100%; height: 60px; background:#d82119; }
.nav ul { width: 1200px; margin: 0px auto; height: 60px; overflow: hidden; }
.nav ul li { float: left; width: 170px; height: 60px; position: relative; overflow: hidden; text-align: center; line-height: 60px; background:url(../images/nav.png) no-repeat center right; }
.nav ul li a { color: rgb(255, 255, 255); font-size: 16px; display: block; }
.nav ul li:hover { background: #a40000; }
.nav ul li:last-child{ background:none;}
.nav ul li:last-child:hover { background: #a40000; }

.banner { width: 100%; margin: 0px auto; overflow: hidden; position: relative; }
.banner .hd { height: 15px; overflow: hidden; position: absolute; left: 45%; bottom: 10px; z-index: 1; }
.banner .hd ul { overflow: hidden; zoom: 1; float: left; }
.banner .hd ul li { float: left; margin-right: 25px; width: 50px; height: 10px; line-height: 14px; text-align: center; cursor: pointer; border: 1px solid rgb(51, 51, 51); }
.banner .hd ul li.on { background: rgb(0, 75, 176); border: 1px solid rgb(0, 75, 176); }
.banner .bd { position: relative; height: 100%; z-index: 0; width: 100%; }
.banner .bd li { zoom: 1; vertical-align: middle; }
.banner .bd img { width: 100%; display: block; }
.banner .prev, .banner .next { position: absolute; left: 3%; top: 50%; margin-top: -3%; display: block; width: 32px; height: 40px; opacity: 0.5; }
.banner .next { left: auto; right: 3%; background-position: 8px 5px; }
.banner .next { font-size: 58px; color: rgb(255, 255, 255); }
.banner .prev { font-size: 58px; color: rgb(255, 255, 255); }
.banner .prev:hover, .banner .next:hover { opacity: 1; }
.banner .prevStop { display: none; }
.banner .nextStop { display: none; }
.product { width: 1200px; margin: 60px auto 0px; height: auto; overflow: hidden; }
.product .list { float: left; width: 230px; background: #a40000; height: auto; overflow: hidden; min-height:625px }
.product .list .tit { width: 100%; height: 100px; overflow: hidden; background: url("../images/title.png") center center no-repeat; }
.product .list .tit div { margin-left: 90px; margin-top: 22px; }
.product .list .tit p { color: rgb(255, 255, 255); font-size: 26px; }
.product .list .tit span { display: block; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 14px; }
.product .list ul li { width: 100%; height: 55px; border-bottom: 1px solid #e83c35; line-height: 55px; background: url("../images/icon02.png") 20px center no-repeat; }
.product .list ul li a { display: block; margin-left: 50px; color: rgb(255, 255, 255); font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 160px; }

.product .list ul li:hover{background:#d82119 url("../images/icon02.png") 20px center no-repeat;}


.product .img-box { float: right; width: 920px; height: auto; margin-top:0px; overflow: hidden; }
.product .img-box .tit { width: 100%; height: auto; overflow: hidden; }
.product .img-box .tit p { color: rgb(44, 44, 44); font-size: 24px; float: left; }
.product .img-box .tit span { display: block; float: left; color: rgb(153, 153, 153); font-size: 15px; height: 14px; line-height: 14px; padding-left: 10px; border-left: 1px solid rgb(153, 153, 153); margin-left: 15px; margin-top: 10px; text-transform: uppercase; }
.product .img-box .tit a { display: block; float: right; width: 100px; height: 30px; background: url("../images/more.png") center center no-repeat; color: rgb(255, 255, 255); font-size: 13px; line-height: 30px; text-indent: 26px; }
.product .img-box ul { height: auto; overflow: hidden; margin-top: 25px; }
.product .img-box ul li { float: left; width: 286px; height: auto; margin-bottom: 5px; margin-left: 31px; position: relative; overflow: hidden; }
.product .img-box ul li:nth-child(3n-2) { margin-left: 0px; }
.product .img-box ul li img { display: block; width: 286px; transition: all 0.5s ease 0s; height:100%; border: 1px solid rgb(229, 229, 229); box-sizing: border-box; }
.product .img-box ul li:hover img { transform: scale(1.05); }
.product .img-box ul li div { width: 286px; height: auto; overflow: hidden; }
.product .img-box ul li p { width: 100%; height: 40px; line-height: 40px; margin-top: 5px; text-align: center; color: rgb(255, 255, 255); position: absolute; left: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.5); font-size: 15px; z-index: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.gg { width: 100%; overflow:hidden; margin:50px auto 0; }
.gg  img{ width: 100%; overflow:hidden; }
.adv { width: 1200px; margin: 45px auto 0px; height: auto; overflow: hidden; }
.title { width: 620px; margin: 0px auto; height: auto; overflow: hidden; position: relative; }
.title::after { content: ""; width: 200px; height: 1px; background: rgb(208, 208, 208); position: absolute; right: 0px; top: 30px; }
.title::before { content: ""; width: 200px; height: 1px; position: absolute; left: 0px; background: rgb(208, 208, 208); top: 30px; }
.title p { color: rgb(34, 34, 34); font-size: 28px; text-align: center; }
.title span { color: rgb(136, 136, 136); font-size: 16px; text-align: center; display: block; margin-top: 8px; }
.adv .img { margin-top: 30px; float: left; }
.adv img { display: block; }
.adv ul { float: right; margin-top: 30px; width: 590px; height: auto; overflow: hidden; }
.adv ul li { float: left; width: 184px; height: 203px; border: 1px solid rgb(224, 224, 224); box-sizing: border-box; margin-left: 19px; }
.adv ul li:hover { background:#dd1400; }
.adv ul li:nth-child(3n-2) { margin-left: 0px; }
.adv ul li div { width: 100%; height: 130px; display: flex; justify-content: center; align-items: center; }
.adv ul li img { display: block; margin: 0px auto; }
.adv ul li img:last-child { display: none; }
.adv ul li:hover img { display: none; }
.adv ul li:hover img:last-child { display: block; }
.adv ul li:hover p { color: rgb(255, 255, 255); }
.adv ul li p { color: rgb(105, 105, 105); font-size: 22px; text-align: center; margin-top: 10px; }

.about { width: 100%; height: 460px; background: url("../images/aboutbj.jpg") center center no-repeat; margin-top: 60px; }
.about .pic { float: left; width: 560px; height: auto; margin-top: 50px; overflow: hidden; }
.about .pic img { display: block; width: 560px; height: 360px; }
.about .intro { float: right; width: 600px; height: auto; overflow: hidden; margin-top: 65px; }
.about .intro .tit { width: 100%; height: 45px; overflow: hidden; border-bottom: 1px solid rgb(255, 255, 255); }
.about .intro .tit p { color: rgb(255, 255, 255); font-size: 24px; }
.about .intro .info { width: 100%; height: 208px; overflow: hidden; color: rgb(255, 255, 255); font-size: 15px; line-height: 26px; text-indent: 2em; margin-top: 15px; }
.about .intro .more { margin-top: 40px; }
.about .intro .more a { display: block; width: 120px; height: 35px; background: rgb(255, 255, 255); border-radius: 8px; text-align: center; line-height: 35px; float: left; color: #d82119; font-size: 13px; }
.about .intro .more img { display: block; margin-left: 55px; float: left; }

.cases { width: 1392px; margin: 60px auto 0px; height: auto; position: relative; overflow: hidden; }
.cases .bd { width: 1200px; margin: 30px auto 0px; height: auto; overflow: hidden; }
.cases .bd ul li { background: rgb(238, 238, 238); float: left; width: 290px; height: auto; margin-right: 14px; overflow: hidden; }
.cases .bd ul li img { display: block; width: 100%; height: 100%; transition: all 0.5s ease 0s; }
.cases .next, .cases .prev { width: 70px; height: 70px; background: rgb(224, 224, 224); border-radius: 50%; position: absolute; display: flex; justify-content: center; align-items: center; top: 170px; }
.cases .prev { right: 0px; }
.cases .next:hover, .cases .prev:hover { background:#d82119; }
.cases .bd ul li div { width: 270px;  margin: 10px 10px 0px; overflow: hidden; }
.cases .bd ul li:hover img { transform: scale(1.05); }
.cases .bd ul li p { width: 100%; height: 40px; line-height: 40px; text-align: center; color: rgb(51, 51, 51); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; }
.cases .bd ul li:hover { background: #d82119;; }
.cases .bd ul li:hover p { color: rgb(255, 255, 255); }



.gg02 { background: url("../images/gg02.png") center center no-repeat; margin-top: 60px; }
.news { width: 1200px; margin: 50px auto 0px; height: auto; overflow: hidden; }
.news ul { height: auto; overflow: hidden; margin-top: 25px; }
.news ul li { float: left; width: 345px; height: auto; overflow: hidden; border: 1px solid rgb(204, 204, 204); margin-left: 18px; padding: 15px; margin-bottom: 15px; }
.news ul li:nth-child(3n-2) { margin-left: 0px; }
.news ul li h4 { color: rgb(51, 51, 51); font-size: 18px; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.news ul li p { width: 100%; color: rgb(102, 102, 102); font-size: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 40px; line-height: 20px; margin-top: 10px; }
.news ul li:hover { background: #d82119;; }
.news ul li:hover h4 { color: rgb(255, 255, 255); }
.news ul li:hover p { color: rgb(255, 255, 255); }
.news ul li:hover span { color: rgb(255, 255, 255); }
.news ul li span { display: block; color: rgb(153, 153, 153); font-size: 13px; margin-top: 20px; }
.links { width: 1200px; margin: 30px auto ; height: auto; overflow: hidden; }
.links .tit { float: left; width:176px; overflow:hidden; }
.links .tit p { color: rgb(26, 26, 26); font-size: 18px; float: left; margin-left: 5px; line-height: 30px; }
.links ul { float: right; width: 1019px; height: 30px; overflow: hidden; }
.links ul li { float: left; padding: 0px 5px; height: 30px; line-height: 30px; }
.links ul li a { color: rgb(102, 102, 102); font-size: 13px; }
.footer { width: 100%; overflow:hidden; background: rgb(48, 51, 58); margin-top: 10px; padding-bottom:30px; }
.footer .menu { width: 100%; height: auto; overflow: hidden; border-bottom: 1px solid; }
.footer .menu ul { display: table; margin: 0px auto; height: auto; overflow: hidden; }
.footer .menu ul li { float: left; line-height: 70px; padding: 0px 30px; }
.footer .menu ul li a { color: rgb(255, 255, 255); font-size: 16px; }
.footer .main { margin: 0px auto; justify-content: center; align-items: center; padding:40px 0 }
.footer .name { float: left; height: auto; color: rgb(0, 146, 221); font-size: 45px; line-height: 60px; overflow: hidden; margin-right: 50px; margin-top:20px; }
.footer .name span { letter-spacing: 33px; }
.footer .info {height: auto; overflow: hidden; min-height:157px;  color: rgb(205, 205, 205); font-size: 14px; line-height: 24px; float: left; }
.footer .info img{ width:100%;}
.footer .info a { color: rgb(205, 205, 205); }
.footer .info h3{ font-size:30px; margin-bottom:20px;}

.footer .text { width: 120px; height: auto; overflow: hidden; float: right; text-align:center; color: rgb(205, 205, 205); font-size: 14px; line-height: 24px; margin-left: 50px; }
.footer .text a { color: rgb(205, 205, 205); }
.footer .text img{ width:100%;}

.footer .cr { width: 100%; height: 48px; line-height: 40px; border-top: 1px solid rgb(71, 71, 71); text-align: center; color: rgb(205, 205, 205); }
.footer .cr a { color: rgb(205, 205, 205); }

.Copyright{ border-top: 1px solid rgb(71, 71, 71); text-align: center; color: rgb(205, 205, 205); background: rgb(48, 51, 58); padding:6px 0; font-size:14px;  }
.Copyright a { color: rgb(205, 205, 205); }

.b_nav{ border-bottom:1px #ccc solid; line-height:60px; overflow:hidden;}
.b_nav ul{ overflow:hidden; width:1200px; margin:0px auto;}
.b_nav ul li{ width: 170px; float:left; text-align:center;} 
.b_nav ul li a{ color:#fff; font-size:16px;}

.inside-pages { width: 1200px; margin: 40px auto; height: auto; overflow: hidden; }
.inside-pages .left { float: left; width: 230px; height: auto; overflow: hidden; }
.inside-pages .right { width: 930px; height: auto; overflow: hidden; float: right; margin-bottom: 20px; }
.title-bar { width: 100%; position: relative; margin-top: 10px; height: 37px; background: url("../images/bg03.png") left bottom repeat-x; }
.title-bar::after { content: ""; width: 10px; height: 20px; position: absolute; left: 0px; top: 3px; background: rgb(85, 85, 85); }
.title-bar h4 { margin-left: 20px; color: rgb(51, 51, 51); font-size: 18px; float: left; }
.crumbs { float: right; }
.crumbs p { color: rgb(102, 102, 102); font-size: 13px; }
.crumbs img { display: block; float: left; margin-right: 10px; }
.crumbs p { float: left; }
.crumbs a { color: rgb(102, 102, 102); font-size: 13px; padding-right: 10px; position: relative; }
.crumbs a::after { content: ">"; right: 0px; color: rgb(102, 102, 102); font-size: 12px; position: absolute; top: 0px; }
.crumbs a:last-child::after { display: none; }
.pro-list { width: 230px; background:#a40000; height: auto; padding-bottom: 30px; overflow: hidden; }
.pro-list .tit { width: 100%; height: 100px; overflow: hidden; background: url("../images/title.png") center center no-repeat; }
.pro-list .tit div { margin-left: 90px; margin-top: 22px; }
.pro-list .tit p { color: rgb(255, 255, 255); font-size: 26px; }
.pro-list .tit span { display: block; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 14px; }
.pro-list ul li { width: 100%; height: 55px; border-bottom: 1px solid #e83c35; line-height: 55px; background: url("../images/icon02.png") 20px center no-repeat; }
.pro-list ul li a { display: block; margin-left: 50px; color: rgb(255, 255, 255); font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 160px; }
.pro-list ul li:hover{background:#d82119 url("../images/icon02.png") 20px center no-repeat; }


.quick { width: 100%; height: auto; overflow: hidden; margin-top: 10px; border: 1px solid #dd1400; box-sizing: border-box; }
.quick .tit { width: 100%; height: 45px; background: #dd1400; line-height: 45px; }
.quick ul { width: 94%; margin: 10px auto; }
.quick .tit p { color: rgb(255, 255, 255); font-size: 16px; float: left; margin-left: 50px; }
.quick .tit span { display: block; color: rgb(255, 255, 255); font-size: 12px; float: left; margin-left: 5px; }
.quick ul li { width: 100%; height: 30px; border-bottom: 1px dashed rgb(204, 204, 204); line-height: 30px; }
.quick ul li a { color: rgb(51, 51, 51); display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; }
.quick ul li a:hover { color: #d82119; }



.quick .info { width: 94%; margin: 10px auto; height: auto; overflow: hidden; }
.quick .info p { font-size: 14px; line-height: 26px; color: rgb(85, 85, 85); }
.quick .info h4 { font-size: 16px; width: 100%;  overflow: hidden; }
.pic-box { width: 100%; height: auto; overflow: hidden; margin-top: 10px; }
.pic-box ul { margin-left: -15px; }
.pic-box ul li { float: left; width: 298px; height: auto; border: 1px solid rgb(220, 220, 220); margin-left: 15px; margin-top: 12px; }
.pic-box ul li div { display: block; width: 288px; margin: 4px 4px 0px; overflow: hidden; border: 1px solid rgb(220, 220, 220); }
.pic-box ul li:hover img { transform: scale(1.05); }
.pic-box ul li img { width: 100%; height: 100%; transition: all 0.5s ease 0s; }

.pic-box ul li p { width: 100%; height: 35px; line-height: 35px; text-align: center; white-space: nowrap; text-overflow: ellipsis; padding: 0px 10px; box-sizing: border-box; overflow: hidden; color: rgb(51, 51, 51); font-size: 14px; }
.pic-box ul li:hover { border: 1px solid #d82119; }


.fy { width: 100%; height: auto; overflow: hidden; margin-top: 50px; border-top: 1px solid rgb(210, 210, 210); border-bottom: 1px solid rgb(210, 210, 210); }
.fy p { width: 240px; height: 50px; float: left; line-height: 50px; text-align: center; white-space: nowrap; overflow: hidden; padding: 0px 10px; text-overflow: ellipsis; border-left: 1px solid rgb(210, 210, 210); }
.fy p:first-child { border: none; }
.fy a { color: rgb(51, 51, 51); font-size: 14px; }
.fy a:hover{ color:#d82119; font-size: 14px; }
.fy .return { float: right; line-height: 50px; width: 140px; border-left: 1px solid rgb(210, 210, 210); text-align: center; }
.page { width: 100%; height: auto; overflow: hidden; margin-top: 50px; }
.page ul { display: table; margin: 0px auto; }
.page ul li { border: 1px solid rgb(204, 204, 204); padding: 0px 10px; height: 30px; line-height: 30px; color: rgb(51, 51, 51); float: left; margin: 0px 3px; }
.page ul li a { color: rgb(51, 51, 51); }
.page ul .thisclass { background: rgb(51, 51, 51); color: rgb(255, 255, 255); }
.page select { border: none; background: none; outline: none; }
.detail-intro { width: 100%; height: auto; overflow: hidden; min-height: 500px; margin-top: 20px; }
.detail-intro .tit { width: 90%; margin: 0px auto 30px; }
.detail-intro .tit p { color: rgb(51, 51, 51); font-size: 18px; height: 30px; border-bottom: 1px dashed rgb(204, 204, 204); text-align: center; }
.detail-intro .tit span { display: block; color: rgb(153, 153, 153); font-size: 12px; text-align: center; margin-top: 5px; }
.detail-intro .intro { width: 100%; height: auto; overflow: hidden; font-size: 16px; color: rgb(85, 85, 85); line-height: 30px; text-align: justify; }
.detail-intro .intro img { display: block; margin: 0px auto; max-width: 100%; }
.detail-intro .intro p { font-size: 16px; color: rgb(85, 85, 85); line-height: 30px; text-align: justify; text-indent:2em; }.detail-intro .intro p a{color: rgb(85, 85, 85);}
.news-list { width: 100%; background: none; }
.news-list ul { width: 100%; }
.news-list ul li { height: 50px; line-height: 50px; position: relative; border-bottom: 1px dashed rgb(204, 204, 204); }
.news-list ul li::after { content: ""; width: 6px; height: 6px; position: absolute; left: 0px; top: 50%; margin-top: -3px; border-radius: 50%; background: rgb(204, 204, 204); }
.news-list ul li a { display: block; width: 560px; float: left; font-size: 16px; color: rgb(51, 51, 51); white-space: nowrap; margin-left: 15px; text-overflow: ellipsis; overflow: hidden; font-weight:400; }
.news-list ul li:hover a{color:#d82119}
.news-list ul li b{font-weight:400; }

.news-list ul li span { display: block; float: right; color: rgb(102, 102, 102); }
.cont-intro { width: 100%; height: auto; overflow: hidden; margin-top: 20px; }
.cont-intro .intro p { color: rgb(51, 51, 51); font-size: 16px; line-height: 40px; }
.cont-intro .map { width: 100%; border: 3px solid rgb(210, 210, 210); box-sizing: border-box; height: auto; overflow: hidden; margin-top: 20px; }
.cont-intro .map .allmap { width: 100%; height: 400px; }
.message { width: 892px; margin: 20px auto; height: auto; overflow: hidden; }
.message img { display: block; float: left; }
.message form { width: 500px; float: left; margin-left: 30px; margin-top: 30px; }
.message form ul li { width: 100%; height: auto; overflow: hidden; border: 1px solid rgb(210, 210, 210); margin-bottom: 15px; background: rgb(255, 255, 255); border-radius: 5px; }
.message form ul li input { height: 50px; border: none; width: 100%; outline: none; text-indent: 10px; color: rgb(153, 153, 153); font-size: 16px; background: none; font-family: 微软雅黑; }
.message form ul li textarea { width: 500px; height: 100px; border: none; outline: none; font-family: 微软雅黑; resize: none; background: none; text-indent: 10px; padding-top: 10px; color: rgb(153, 153, 153); font-size: 16px; }
.message form .btn input { width: 240px; display: block; height: 60px; float: left; margin-top: 20px; background: rgb(6, 95, 195); outline: none; border: none; font-size: 18px; color: rgb(255, 255, 255); border-radius: 5px; }
.message form .btn input:last-child { float: right; background: rgb(153, 153, 153); }
.img-hover { overflow: hidden; height: auto; }
.img-hover img { transition: all 0.5s ease 0s; }
.img-hover:hover img { transform: scale(1.05); }