/*reset*/
* {padding: 0;margin: 0;list-style: none;}
html,body {margin: 0 auto;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,header,section,footer {margin:0;padding:0;}
body,button,input,select,textarea {font:12px/1.5 "microsoft yahei";color:#666; font-weight: normal;}
body {overflow-x: hidden;}
address,cite,dfn,em,var,i {font-style: normal;}
ul,ol,dl {list-style: none;}
a{text-decoration: none;outline: none;font-family: "microsoft yahei";color: #666;cursor: pointer;font-size: 12px;}
li{font-size: 12px;font-family: "microsoft yahei";list-style: none;margin: 0;padding: 0;}
em{font-style: normal;font-size: 12px;}
body,p,span{font-family: "microsoft yahei";}
img {border: none;}
p {margin: 0px;padding: 0px;word-wrap: break-word;}
:focus {outline: none;}
img {border: 0;vertical-align: middle;display: inline-block;}
.fl {float: left;}
.fr {float: right;}
.clear {clear: both;}
.clear:after {display: block;mainContent: "";clear: both;}
.transtion {transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
.fl{float: left;}
.fr{float: right;}
.clear{clear:both;}
.clear:after{display: block;content: "";clear: both;}

/* @font-face {
	font-family: "sy";
	src: url("SourceHanSansCN-Medium.otf");
}
@font-face {
	font-family: "syNormal";
	src: url("SourceHanSansCN-Normal.otf");
} */

.header{position: fixed;left: 0;right: 0;top: 0;background: #fff;z-index: 999;}
.header .header-list{width: 1144px;margin: 0 auto;height: 74px;}
.header .logo{float: left;font-size: 0;line-height: 74px;}
.header .nav{float: right;}
.header .nav li{float: left;margin-left: 50px;}
.header .nav li a{font-size: 16px;color: #393939;display: block;padding:0 3px;margin-top: 25px;transition: all 0.5s;border-bottom: 1px solid #fff;}
.header .nav li a.on{border-bottom: 1px solid #e60012;}
.header .nav li a:hover{border-bottom: 1px solid #e60012;}
.banner{margin: 74px auto 0;position: relative;max-width: 1920px;}
.banner .hd{position: absolute;left: 0;right: 0;bottom: -31px;z-index: 99;text-align: center;font-size: 0;}
.banner .hd li{display: inline-block;width: 54px;height: 54px;border-radius: 50%;font-size: 0;padding: 2px;overflow: hidden;background: #fff;margin: 0 14px;
border: 2px solid #0066cc;position: relative;transition: all 0.5s;top: 0;}
.banner .hd li:hover{top: -5px;}
.banner .bd li{font-size: 0;text-align: center;overflow: hidden;position: relative;}
.banner .bd li a{display: block;font-size: 0;position: relative;/* height: 798px; */}
.banner .bd li img{/* position: absolute;left: -960px;top: 0;margin-left: 50%; */max-width: 100%;}
.index-title{padding: 80px 0 45px;font-size: 30px;color: #444e5d;text-align: center;}
.product{max-width: 1920px;margin: 0 auto;background: url(product-bg.png) no-repeat bottom center;overflow: hidden;padding-bottom: 75px;}
.product .product-title{float: right;text-align: center;margin-top: 270px;/* margin-right: 40px; */padding-right: 10px;}
.product .product-title h3{font-size: 30px;font-weight: normal;color: #444e5d;font-family: "syNormal";}
.product .product-title p{font-size: 16px;font-weight: normal;color: #444e5d;font-family: "syNormal";margin-top: 15px;}
.product .product-item{width: 1164px;margin: 0 auto;overflow: hidden;}
.product .product-list{float: left;overflow: hidden;width: 815px;padding-left: 10px;}
.product .product-list div{float: left;width: 240px;height: 188px;margin: 15px 20px 25px 10px;}
.product .product-list dl{float: left;border-radius: 22px;box-shadow: 0px 5px 16.92px 1.08px rgba(72, 72, 72, 0.23);width: 240px;height: 188px;background: #fff;
/* margin: 10px 20px 20px 10px; */transition: all 0.5s;overflow: hidden;}
.product .product-list dl dt{height: 61px;text-align: center;line-height: 61px;font-size: 0;margin: 45px 0 5px;transition: all 0.5s;}
.product .product-list dl dt img{max-width: 100%;max-height: 100%;}
.product .product-list dl dd{text-align: center;}
.product .product-list dl dd h3{font-size: 14px;font-weight: normal;color: #444e5d;}
.product .product-list dl dd p{font-size: 14px;color: #444e5d;margin: 0 20px;transition: all 0.5s;opacity: 0;position: relative;top: 10px;}
.product .product-list dl dd span{display: block;width: 38px;height: 1px;background: #444e5d;margin: 10px auto;opacity: 0;transition: all 0.5s;}
.product .product-list dl:hover{box-shadow: 0px 5px 16.92px 1.08px rgba(72, 72, 72, 0.45);transform: scale(1.02);}
.product .product-list dl:hover dt{margin-top: 20px;}
.product .product-list dl:hover dd p{opacity: 1;top: 0px;}
.product .product-list dl:hover dd span{opacity: 1;}
.industry{max-width: 1920px;margin: 0 auto;background: url(industry.png) no-repeat center;height: 996px;}
.industry .industry-list{width: 1144px;margin: 0 auto;position: relative;}
.industry .industry-list dl{position: absolute;}
.industry .industry-list dl dt{font-size: 0;overflow: hidden;}
.industry .industry-list dl dt img{transition: all 0.5s;}
.industry .industry-list dl dd{position: absolute;left: 30px;top: 0;transition: all 0.5s;opacity: 1;right: 30px;}
.industry .industry-list dl dd h3{color: #fff;font-size: 18px;font-weight: normal;font-family: "syNormal";}
.industry .industry-list dl dd em{display: block;font-size: 14px;color: #fff;font-family: "syNormal";}
.industry .industry-list dl dd p{color: #fff;font-size: 14px;font-family: "syNormal";margin-top: 5px;opacity: 0;transition: all 0.5s;}
.industry .industry-list dl.industry-list-industry{top: 0;}
.industry .industry-list dl.industry-list-industry dd{top: 90px;}
.industry .industry-list dl.industry-list-industry dd p{margin-right: 130px;}
.industry .industry-list dl.industry-list-industry dt{width: 496px;height: 232px;}
.industry .industry-list dl.industry-list-car{right: 0;}
.industry .industry-list dl.industry-list-car dd{top: 60px;width: 370px;}
.industry .industry-list dl.industry-list-car dt{width: 631px;height: 339px;}
.industry .industry-list dl.industry-list-medical{top: 245px;}
.industry .industry-list dl.industry-list-medical dd{top: 195px;}
.industry .industry-list dl.industry-list-medical dt{width: 496px;height: 292px;}
.industry .industry-list dl.industry-list-communication{top: 353px;right: 336px;}
.industry .industry-list dl.industry-list-communication dd{top: 50px;}
.industry .industry-list dl.industry-list-communication dt{width: 295px;height: 184px;}
.industry .industry-list dl.industry-list-agriculture{top: 353px;right: 0;}
.industry .industry-list dl.industry-list-agriculture dd{top: 120px;}
.industry .industry-list dl.industry-list-agriculture dt{width: 320px;height: 184px;}
.industry .industry-list dl.industry-list-web{top: 552px;left: 0;}
.industry .industry-list dl.industry-list-web dd{top: 110px;}
.industry .industry-list dl.industry-list-web dt{width: 349px;height: 183px;}
.industry .industry-list dl.industry-list-factory{top: 552px;left: 368px;}
.industry .industry-list dl.industry-list-factory dd{top: 125px;}
.industry .industry-list dl.industry-list-factory dt{width: 377px;height: 183px;}
.industry .industry-list dl.industry-list-security{top: 552px;right: 0;}
.industry .industry-list dl.industry-list-security dd{top: 125px;}
.industry .industry-list dl.industry-list-security dt{width: 377px;height: 183px;}
.industry .industry-list dl.industry-list-industry:hover dd{opacity: 1;top: 70px;}
.industry .industry-list dl.industry-list-car:hover dd{opacity: 1;top: 40px;}
.industry .industry-list dl.industry-list-medical:hover dd{opacity: 1;top: 175px;}
.industry .industry-list dl.industry-list-communication:hover dd{opacity: 1;top: 30px;}
.industry .industry-list dl.industry-list-agriculture:hover dd{opacity: 1;top: 80px;}
.industry .industry-list dl.industry-list-web:hover dd{opacity: 1;top: 70px;}
.industry .industry-list dl.industry-list-factory:hover dd{opacity: 1;top: 80px;}
.industry .industry-list dl.industry-list-security:hover dd{opacity: 1;top: 80px;}
.industry .industry-list dl:hover dd p{opacity: 1;}
.industry .industry-list dl:hover dt img{transform: scale(1.05);}
.footer{max-width: 1920px;margin: 0 auto;background: url(footer-bg.png) no-repeat center;overflow: hidden;height: 197px;}
.footer-list{width: 1050px;margin: 0 auto;overflow: hidden;margin-top: 31px;}
.footer-list dl{float: left;overflow: hidden;margin-left: 95px;margin-top: 40px;}
.footer-list dl:first-child{margin-left: 0;}
.footer-list dl dt{float: left;font-size: 0;line-height: 48px;margin-right: 12px;}
.footer-list dl dd{float: right;}
.footer-list dl dd h3{color: #fff;font-weight: bold;font-size: 18px;}
.footer-list dl dd p{color: #fff;font-size: 14px;font-family: "syNormal";margin-top: 5px;}
.footer-list div{float: right;}
.footer-list div p{font-size: 15px;text-align: center;color: #fff;margin-top: 5px;}
.copyright{max-width: 1920px;margin: 0 auto;background: #00111c;line-height: 75px;color: #fff;border-top: 2px solid #b1b9bf;font-size: 14px;text-align: center;}
.copyright a{color: #fff;font-size: 15px;}
.innerBanner{margin: 74px auto 0;max-width: 1920px;font-size: 0;}
.innerBanner img{max-width: 100%;}
.innerAbout{max-width: 1920px;margin: 0 auto;}
.innerAbout-brief{background: url(about-img03.png) no-repeat center;position: relative;height: 577px;}
.innerAbout-brief .index-title{position: absolute;left: 0;right: 0;top: -120px;z-index: 9;}
.innerAbout-brief dl{background: url(about-img02.png) no-repeat center;position: absolute;left: 0;right: 0;top: -100px;margin: auto;width: 1063px;height: 630px;}
.innerAbout-brief dl dt{float: right;width: 275px;margin-right: 60px;margin-top: 150px;height: 359px;font-size: 0;overflow: hidden;}
.innerAbout-brief dl dt img{transition: all 0.5s;}
.innerAbout-brief dl dt:hover img{transform: scale(1.05);}
.innerAbout-brief dl dd{float: left;width: 600px;margin-left: 60px;margin-top: 150px;}
.innerAbout-brief dl dd p{/* text-indent: 32px; */color: #444e5d;font-size: 16px;line-height: 40px;font-family: "syNormal";}
.innerAbout-service{background: url(about-img08.png) no-repeat center 270px;}
.innerAbout-service-list{width: 1144px;margin: 0 auto;overflow: hidden;}
.innerAbout-service-list dl{float: left;width: 49%;/* overflow: hidden; */margin:10px 0 60px;}
.innerAbout-service-list dl:nth-child(even){float: right;}
.innerAbout-service-list dl dt{float: left;width: 220px;font-size: 0;}
.innerAbout-service-list dl dd{float: right;width: 330px;}
.innerAbout-service-list dl dd h3{color: #444e5d;font-size: 22px;font-weight: normal;}
.innerAbout-service-list dl dd p{font-size: 16px;color: #444e5d;font-family: "syNormal";line-height: 30px;margin-top: 5px;}
.innerAbout-service-list dl:hover dt img{-webkit-animation: beat 2s ease-in-out infinite; -ms-animation: beat 2s ease-in-out infinite; 
animation: beat 2s ease-in-out infinite;}
@-webkit-keyframes beat {
	0% {-webki-ttransform: translateY(0);}
	50% {-webkit-transform: translateY(-10px);}
	100% {-webkit-transform: translateY(0);}
}
@-ms-keyframes beat {
	0% {-ms-transform: translateY(0);}
	50% {-ms-transform: translateY(-10px);}
	100% {-ms-transform: translateY(0);}
}
@keyframes beat {
	0% {transform: translateY(0);}
	50% {transform: translateY(-10px);}
	100% {transform: translateY(0);}
}
.innerAbout-advantage{background: url(about-img13.png) no-repeat center;height: 529px;margin-top: 80px;}
.innerAbout-advantage-list{width: 1144px;margin: 0 auto;overflow: hidden;}
.innerAbout-advantage-list div{float: left;position: relative;margin-right: 7px;}
.innerAbout-advantage-list div img{transition: all 0.5s;}
.innerAbout-advantage-list div:last-child{margin-right: 0;}
.innerAbout-advantage-list div:hover img{transform: scale(1.03);}
.innerAbout-advantage-list dl{position: absolute;left: 30px;top: 30px;right: 30px;}
.innerAbout-advantage-list dl dt{height: 85px;line-height: 70px;}
.innerAbout-advantage-list dl dd h3{color: #fff;font-size: 20px;font-weight: normal;}
.innerAbout-advantage-list dl dd p{font-size: 12px;color: #fff;line-height: 22px;margin-top: 5px;}
.innerNews{width: 1144px;margin: 0 auto;}
.innerNews dl{overflow: hidden;border-bottom: 2px solid #dddddd;padding-bottom: 65px;margin-bottom: 35px;}
.innerNews dl dt{float: right;width: 169px;height: 108px;overflow: hidden;font-size: 0;line-height: 108px;}
.innerNews dl dt img{transition: all 0.5s;}
.innerNews dl dd{float: left;width: 810px;}
.innerNews dl dd h3{font-size: 22px;color: #444e5d;font-weight: normal;}
.innerNews dl dd h3 span{float: right;}
.innerNews dl dd p{font-size: 16px;font-family: "syNormal";color: #666;margin-top: 15px;line-height: 30px;}
.innerNews dl dd p a{font-size: 16px;font-family: "syNormal";color: #e60012;padding-right: 25px;background: url(more.png) no-repeat right center;}
.innerNews dl:hover dt img{transform: scale(1.1);}
.innerNews .page{text-align: center;font-size: 18px;font-family: "syNormal";color: #000;margin-bottom: 35px;line-height: 70px;}
.innerNewsDetails{width: 1144px;margin: 90px auto;}
.innerNewsDetails .innerNewsDetails-title{text-align: center;border-bottom: 2px solid #dadada;padding-bottom: 10px;margin-bottom: 20px;}
.innerNewsDetails .innerNewsDetails-title h3{font-size: 26px;font-weight: normal;}
.innerNewsDetails .innerNewsDetails-title p{font-size: 16px;font-weight: normal;font-family: "syNormal";margin-top: 15px;}
.innerNewsDetails .innerNewsDetails-list{font-size: 16px;font-family: "syNormal";line-height: 32px;}
.innerNewsDetails .innerNewsDetails-list *{max-width: 100%;}
.innerContact{max-width: 1920px;margin: 0 auto;}
.innerContact img{max-width: 100%;}
.innerContact .innerContact-list{text-align: center;font-size: 0;padding: 15px 0 50px;}
/* .innerContact .innerContact-list div:first-child{text-align: right;} */
.innerContact .innerContact-list div{display: inline-block;/* margin: 0 70px; */transition: all 0.5s;}
.innerContact .innerContact-list div h3{font-weight: normal;transition: all 0.5s;}
.innerContact .innerContact-list div h3 img{}
.innerContact .innerContact-list div h3 span{font-size: 17px;color: #444e5d;margin-left: 10px;vertical-align: middle;}
.innerContact .innerContact-list div p{font-size: 15px;font-family: "syNormal";color: #444e5d;margin-top: 10px;transition: all 0.5s;}
.innerContact .innerContact-list div:hover h3{transform: scale(1.1);}
.innerContact .innerContact-list div:hover p{transform: scale(1.1);}
.layui-laypage{width: 100%;text-align: center;margin-bottom: 35px;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background: #e60012;}
.layui-laypage a:hover{color: #e60012;}