@charset "utf-8";
/* 564379992@qq.com */
* { margin: 0px; padding: 0px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); box-sizing: border-box; -webkit-box-sizing: border-box; }
body { margin: 0px; padding: 0px; font-family: "Microsoft Yahei","Helvetica Neue",Helvetica Neue,Helvetica,Arial,Lantinghei SC,Hiragino Sans GB,sans-serif,Times New Roman; font-size: 12px; color: #424242; min-width: 1200px; margin: 0 auto; position: relative; background: #fff; -webkit-text-size-adjust: none; }
html, body { width: 100%; height: 100% }
ul, li, p, span, h1, h2, h3, h4, dl, dt, dd, form, input, textarea, select { margin: 0px; padding: 0px; }
input, textarea, select { color: #666; font-family: "Microsoft Yahei","Helvetica Neue",Helvetica Neue,Helvetica,Arial,Lantinghei SC,Hiragino Sans GB,sans-serif,Times New Roman; }
i, em { display: inline-block; font-style: normal; }
*:focus { outline: none }
img { border: 0px; max-width: 100%; }
ul, li { list-style-type: none; }
a { color: #424242; text-decoration: none; border: none; outline: none; transition: all 0.5s ease; }
a:hover { color: #db241c; }
.clear { clear: both; content: ''; height: 0px; overflow: hidden; }
.fl { float: left; }
.fr { float: right; }
.flex{ display: flex; align-items:center;}
.center{ display: flex; justify-content: center; align-items: center;}
.between{ display: flex; justify-content: space-between; align-items: center; }
.wrap { width: 1200px; margin: 0 auto; }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#bfbfbf;}

/***头部***/
.nav{ height:90px; position:fixed; width:100%; left:0; top:0; z-index:22; transition: all 0.5s ease;}
.nav.on{ background:#fff; box-shadow:#eee 0 0 10px; height:70px;}
.nav.on .logo{ color:#333;}
.nav .logo img{ height:30px;}
.nav .logo .im2{ display:none;}
.nav.on .logo .im1{display: none;}
.nav.on .logo .im2{display: block;}
.nav.on ul li > a{ color:#333; line-height:70px;}
.nav.on ul li{ height:70px;}
.nav.on ul li dl{ top:70px; box-shadow:#ddd 0 0 5px;}
.nav.on .lang a{ color:#333;}
.nav .wrap{ height:100%;}
.nav .logo{ font-size:35px; font-family:arial; color:#fff; font-style: italic;}
.nav ul {display: flex;}
.nav .search{ width:220px; border-bottom:1px solid #eee; height:30px;}
.nav .search .stxt{ border:0; width:100%; flex:1; height:30px; background:none; color:#fff;}
.nav .search .sbtn{ width:30px; cursor:pointer; height:30px; background:url(../img/search.png) no-repeat center; background-size:15px auto; border:0;}
.nav ul li{ position: relative; margin-right:70px; height:90px;}
.nav ul li > a{ font-size: 14px; color:#fff; height:100%; line-height:90px; display: block; text-align: center;}
.nav ul li > a.on{ color:#db241c; }
.nav ul li dl{ width:120px; position: absolute; left:-30px; top:90px; background:rgba(255,255,255,0.9);   display: none; z-index:22;}
.nav ul li dl dd a{ display: block; border-bottom:1px solid #eee; text-align:center; padding:10px; font-size:13px;}
.nav ul li:hover dl{ display:block; }
.nav ul li dl dd a:hover{ background:#db241c; color:#fff;}
.nav.on .search{ border-bottom:1px solid #eee;}
.nav.on .search .stxt{ color:#333;}
.nav.on .search .sbtn{ background:url(../img/searchon.png) no-repeat center; background-size:15px auto; }
.nav .lang{ margin-left:20px;}
.nav .lang a{ margin-left:10px; color:#fff;}
.nav .lang a.on{ color:#DB241C;}

.ani{-webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.ani-up{ -webkit-animation-name:syui-up; animation-name: syui-up;}
@-webkit-keyframes syui-up { 
	from {	-webkit-transform:translate3d(0, 30px, 0);	opacity:0 }
	to { -webkit-transform: translate3d(0, 0, 0); opacity: 1 }
}

/***焦点图***/
.banner .swiper-slide{ width:100%; overflow:hidden;}
.banner .swiper-slide img{ display:block; width:100%;}
.banner .swiper-pagination-bullet{ width:30px; height:5px; border-radius:0; background:#fff; opacity:0.3; cursor:pointer; }
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity:1; background:#db241c;}

/***首页四图***/
.infour{ margin-top:80px; position: relative; height:544px;}
.infour li{ position: absolute; overflow: hidden;}
.infour li img{ width:100%; height:100%; object-fit: cover; transition:all 0.5s ease;}
.infour li.li0{ width:595px; height:377px; left:0; top:0;}
.infour li.li1{ width:292px; height:157px; left:0; bottom:0;}
.infour li.li2{ width:292px; height:157px; right:605px; bottom:0;}
.infour li.li3{ width:595px; height:100%; right:0; top:0;}
.infour li :hover img{ transform: scale(1.1);}

/***关于我们***/
.title {text-align: center; padding-top:80px;}
.title h2{ font-size:30px; color:#333;}
.title p{ font-size: 14px; color:#666; line-height:25px;}
.title .i{ margin:5px 0;}
.title .i i{ width:8px; height:8px; margin:0 5px; background:#000; animation:anicolor 1s ease infinite;}
.title .i i:nth-child(2){ animation:anicolor2 1s ease infinite;}
.title .i i:nth-child(3){ animation:anicolor3 1s ease infinite;}
@keyframes anicolor{
	10%{ background:#000;}
	30%{background:#db241c;}
}
@keyframes anicolor2{
	40%{ background:#000;}
	60%{background:#db241c;}
}
@keyframes anicolor3{
	80%{ background:#000;}
	100%{background:#db241c;}
}

.prolist{ overflow: hidden; margin-left:-30px; margin-top:40px;}
.prolist li{ width:33.333333%; float:left; padding-left:30px; padding-bottom:30px;}
.prolist li .a1{ overflow: hidden;  position: relative; display: block;}
.prolist li .pic{ display: block; border:5px solid #eee; overflow: hidden;}
.prolist li i{background:#db241c; position: absolute; transition: all 0.5s ease; display: block; z-index: 1;}
.prolist li i:nth-child(1){ width:5px; height:0; left:0px; top:0;}
.prolist li i:nth-child(2){ width:0; height:5px; left:0; top:0;}
.prolist li i:nth-child(3){ width:0; height:5px; right:0; bottom:0;}
.prolist li i:nth-child(4){ width:5px; height:0; right:0; bottom:0;}
.prolist li .a1:hover i:nth-child(1){ height:100%;}
.prolist li .a1:hover i:nth-child(2){ width:100%;}
.prolist li .a1:hover i:nth-child(3){ width:100%;}
.prolist li .a1:hover i:nth-child(4){ height:100%;}
.prolist li h3{ text-align: center; background:#eee; font-weight: normal; font-size:14px; padding:10px 0; transition: all 0.5s ease;}
.prolist li:hover h3{ background:#db241c; color:#fff;}

/***特点***/
.teidian-con{ margin-top:40px; height:758px; background:url(../img/bg.jpg) no-repeat center; overflow: hidden;}
.teidian-con ul{ margin-left:700px; margin-top:200px;}
.teidian-con ul li{ margin-bottom:50px; display:flex; align-items: center;}
.teidian-con ul li span{ width:100px; font-weight:bold; height:100px; font-size:18px; padding:15px; text-align: center; border-radius:50%; color:#fff; background:#db241c;}
.teidian-con ul li p{ height:80px; display: flex; align-items: center; font-size:16px; line-height: 30px; color:#333; border-left:1px solid #ddd; padding-left:20px; flex:1;  margin-left:20px;}

/***新闻***/
.news { overflow: hidden; padding-bottom:64px; }
.news ul{ display: flex; margin-left:-40px; margin-top:40px;}
.news ul li{ width:368px; margin-left:40px;}
.news ul li .pic{ overflow: hidden; display: block; position: relative;}
.news ul li .pic img{ display: block; width:100%; transition:all 0.5s ease;}
.news ul li .pic .ms{ width:100%; height:100%; background:rgba(0,0,0,0.7) url(../img/search.png) no-repeat center -20px; position: absolute; opacity:0; left:0; top:0; transition: all 0.5s ease;}
.news ul li .pic:hover .ms{ opacity: 1; background-position:center center; }
.news ul li h3{ font-size:14px; padding-top:15px;}
.news ul li .date{ padding:10px 0; color:#bfbfbf; font-size:12px;}
.news ul li .note{ font-size: 14px; line-height:28px; color:#666}


/***产品***/
.plist { position: relative; overflow: hidden; margin-left: -45px; }
.plist li { float: left; width:25%; padding-left:55px; margin-bottom:32px; position: relative; overflow: hidden; }
.plist li a{ display: block; background:#333;}
.plist li .pic {overflow: hidden; border:2px solid #333; }
.plist li .pic img{ display: block; width:100%;}
.plist li .txt{ height:50px; display: flex; justify-content: center; text-align: center; line-height:25px; align-items: center; padding:10px 15px; font-size:14px; color:#fff; }
.plist li a:hover .txt{ color:#fff; background:#db241c}
.plist li a:hover .pic{ border:2px solid #db241c;}

.procate{ background:#448aca; padding:10px 0; overflow: hidden;}
.procate ul { margin-left:-12px;}
.procate ul li{ float:left; width:16.666666%; margin:10px 0; padding-left:12px;}
.procate ul li a{ color:#ccc; display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.procate ul li a:hover{ text-decoration: underline; color:#fff;}

/***底部***/
.dbbook{ height:122px; background:#db241c; overflow: hidden; }
.dbbook .wrap{ height:122px;}
.dbbook .note{ width:320px; color:#fff;}
.dbbook .note img{ float:left; margin-right:20px;}
.dbbook .note h2{ font-weight: normal; font-size:25px;}
.dbbook .note p{ font-size:14px; padding-top:5px;}
.dbbook ul li{ margin-left:30px; font-size:14px; color:#fff;}
.dbbook ul li .intxt{ padding:10px; width:250px; border:0; background:#fff; font-size:14px; margin-left:10px;}
.dbbook ul li .inbtn{ border:0; padding:10px; font-size:14px; background:#a00f09; color:#fff; width:100px; cursor:pointer;}

.painter{ border-bottom:1px solid #222; padding:40px 0;}
.painter .bd{ height:65px; overflow: hidden;}
.painter .bd ul li{ float:left; height:65px; margin:0 12px; width:175px;}
.painter .bd ul li a{display: flex; height:65px; align-items: center; justify-content: center;}
.painter .bd ul li a img{ max-width:100%; max-height:100%;}

.footer { background: #111;}
.footer .dbnav{ padding:30px 0;}
.footer .ftel { font-size: 15px; color: #aaa; width: 285px; }
.footer .ftel h2{ display: block; color:#fff; font-size:30px; font-style: italic;}
.footer .ftel p{ padding-top:10px; font-size:14px; line-height:25px;}
.footer .fr dl { margin-left: 100px; }
.footer .fr dl dt{ font-size:15px; color:#fff;}
.footer .fr dl dd a,.footer .fr dl dd{ font-size:14px; color:#aaa; display: block; margin-top:12px;}
.footer .fr dl dd a:hover{ color:#fff;}
.footer .fr dl.last{ width:350px;}
.footer .copyright { border-top:1px solid #222;}
.footer .copyright .wrap{display: block;}
.footer .copyright { padding: 20px 0; text-align: center; font-size: 14px; color: #898989; line-height: 25px; }

/***产品列表***/
.topimg { height:400px; overflow: hidden; position: relative; }
.topimg .txt{ position: absolute; color:#fff; top:40%; text-align: center; width:100%; left:0; z-index:2;}
.topimg .txt h1{ font-size:28px; letter-spacing:3px;}
.topimg .txt p{ font-size:14px;letter-spacing:3px;}
.leader{ background:#f1f1f1;  overflow: hidden;}
.leader .wrap{ height:40px; line-height:40px; font-size:13px; background:url(../img/home.png) no-repeat left center; text-transform: lowercase; padding-left:30px;}
.leader .wrap span{ color:#044392}

.about-item{ margin-top:80px;}
.about-item.between{ align-items: flex-start;}
.about-item .text{ width:50%;}
.about-item .text h2{ font-size:20px; color:#000; padding-bottom:12px;}
.about-item .text .note{ font-size:14px; line-height:30px;}
.about-item .img{ width:44%;}

.about-jian{ padding:40px 0; background:#f1f1f1; margin-top:80px;}
.about-jian li { font-size:14px; color:#999; text-align: center;}
.about-jian li b{ font-size:50px; color:#333; font-family: impact;}
.about-jian li em{ vertical-align:40px; font-weight: bold; font-size:18px; color:#333;}
.team .team-con{ margin-top:40px; margin-bottom:80px;}
.team .team-con .prev,.team .team-con .next{ width:35px; height:50px; background:#F7F7F7; font-family: '宋体'; font-size:25px; font-weight: bold; color:#999;}
.team .team-con .prev:hover,.team .team-con .next:hover{ background:#222; color:#fff; }
.team .bd{ height:320px; overflow: hidden; margin:0 auto; width:1060px;}
.team .bd ul li{ float:left; width:320px; height:370px; overflow: hidden; margin-right:50px;}

.cate{ margin-top:40px;}
.cate li{ margin:0 12px;}
.cate li a{display: block; height:40px; width:130px; text-align: center; background:#333; font-size:14px; color:#fff; line-height:40px;}
.cate li a:hover,.cate li a.on{ background:#db241c; color:#fff;}

.pic img{ transition: all 0.3s ease;}
.pic:hover img{ transform: scale(1.1);}

/***分页***/
.page { overflow: hidden; text-align: center; padding: 40px 0; }
.page ul li { display: inline-block; }
.page ul li a, .page ul li span { padding: 10px 15px; background:#333; display:block; color: #fff; margin: 0 2px; }
.page ul li.active span { background: #db241c; color: #fff; border-color: #db241c }
.page ul li:hover a { background: #db241c; color: #fff; border-color: #db241c }

/***产品详情***/
.wrap.w1000{ width:1000px; margin:0 auto;}
.protop.between{ align-items: flex-start;   margin-top:40px;}
#scrollimg .bd { height: 460px; width:460px; overflow: hidden; border: 1px solid #ddd; }
#scrollimg .bd ul li { height: 460px; position: relative; width:460px; overflow: hidden; display: flex; justify-content: center; align-items: center; }
#scrollimg .bd ul li img { display: block; max-height: 100%; max-width: 100%; }
#scrollimg .hd { height:100px; overflow: hidden; margin-top: 14px; }
#scrollimg .hd ul { width:460px; white-space: nowrap; overflow-y:auto; }
#scrollimg .hd ul li { display: inline-block; width: 100px; margin-right: 6px; cursor: pointer; height:100px; position: relative; overflow: hidden; }
#scrollimg .hd ul li img { width: 100%; height: 100%; display: block; }
#scrollimg .hd ul li.on:after { width: 100%; height:100px; content: ''; position: absolute; left: 0px; top: 0px; border: 2px solid #db241c; box-sizing: border-box; }
.protit{ margin-top:10px; margin-left:30px; flex:1;}
.protit h1{ font-size:20px; border-bottom:1px dotted #ddd; padding-bottom:10px;} 
.protit p{ padding:10px 0; font-size:14px; line-height:28px;}
.sharepro .abtn{display: block; width:130px; margin-right:12px; height:40px; line-height:40px; text-align: center; background:#db241c; color:#fff; text-align: center;}
.pro-tit{ border-bottom:1px solid #ddd; margin-top:30px; padding:10px 0; font-size:16px; font-weight: bold;}
.probm{ border-top:1px solid #eee; padding:15px 0;}
.proprev{ background:#f7f7f7; border-radius:5px; padding:10px;}
.proprev p{padding:5px 0; background:url(../img/mc2.png) no-repeat left center; padding-left:15px;}

.pdbox { padding: 20px 0; line-height: 26px; color: #666; font-size: 14px; }
.pdbox a { color: #db241c; }
.nytit{ font-size:14px; font-weight: bold; border-bottom:1px dotted #ddd; padding:12px 0;}

.contact{ padding:40px 0;}
.contact ul{ border:1px solid #ddd;}
.contact ul li{ flex:1; text-align:center; position: relative; padding:50px 20px; font-size: 14px;}
.contact ul li h2{ font-size:18px; color:#db241c; padding:10px 0;}
.contact ul li p{ color:#666wedq;}
.contact ul li:after{ width:1px; height:50%; content:''; position: absolute; right:0; top:50%; transform: translateY(-50%); background-color:#F7F7F7;}
.contact ul li:last-child:after{display:none;}
.map{ margin-bottom:40px;}

/***新闻列表***/
.newlist { overflow: hidden; margin-top:20px;}
.newlist li { position: relative; overflow: hidden; border-bottom: 1px dashed #ddd; padding: 30px 0; }
.newlist li a{ display: flex;}
.newlist li .pic { width:256pX; overflow: hidden; margin-right:20px; }
.newlist li .pic img { display: block; width:100%; }
.newlist li .note { flex:1; height:163px; word-break:break-all; overflow: hidden; }
.newlist li .note h2 {  font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.newlist li .note .notec { font-size: 14px; line-height: 25px; color: #888; margin: 12px 0; }
.newlist li .note .mo { display: block; color: #999; background:#eee; width:100px; text-align: center; padding:5px 0;}
.newlist li .note .time{ color:#999; font-size: 14px; margin-bottom: 15px; background:url(../img/time.png) no-repeat left center; padding-left:20px;}
.newbox { background: #fff; padding: 25px; overflow: hidden; }
.newbox .newtit { text-align: center; border-bottom: 1px solid #eee; color:#111; padding-bottom: 12px; }
.newbox .newtit p { font-size: 14px; color: #888; padding-top: 15px; }
.prevnext { font-size: 14px; padding: 40px 0; overflow: hidden; color: #666; }
.prevnext .fl { width: 50%; overflow: hidden; }
.prevnext .fr { overflow: hidden; }
.prevnext a { color: #666; }
.prevnext a:hover { color: #db241c; }
.book .intext{ padding:10px; width:48%; float:left; border:1px solid #eee; margin-bottom:12px;}
.book .intext.i2{ float:right;}
.book .intext.te{ float:none; width:100%; height:80px;}
.book .sbtn{ padding:10px; width:120px; border:0px; cursor:pointer; background:#db241c; color:#fff;}

.relatepro{ margin-top:20px; margin-bottom: 30px;}
.relatepro .ht{ margin-bottom:18px; border-bottom:1px solid #eee; padding-bottom:10px; display: flex; justify-content: space-between; align-items: center;}
.relatepro .ht h2{ font-size:18px; text-transform: uppercase;}
.relatepro .ht .repn {width:60px; display: flex; justify-content: space-between;}
.relatepro .ht .repn a{ width:30px; height:30px; line-height:30px; text-align: center; font-size:20px; font-family: 宋体; color:#333; font-weight: bold;}
.relatepro .ht .repn a:hover{background:#eee; color:#db241c}
.relatepro .plist{ margin-left:0;}
.relatepro .plist li{ padding-left:0px !important; width:218px;margin-right:43px;}

.hot-pro{ margin-top:20px; margin-bottom: 40px;}
.hot-pro ul li{ margin-top:10px; display: flex;}
.hot-pro ul li img{ width:87px; height:67px; }
.hot-pro ul li .text{ margin-left:12px; flex:1; overflow: hidden;}
.hot-pro ul li .text h3 a{ display: block; font-size:12px; line-height:20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.hot-pro ul li .text p{ font-size:12px; color:#db241c; padding-top:8px;}
.hot-pro ul li:hover img{ border:1px solid #044392}

.evalute{ padding:100px 0 ; background:url(../img/bg2.jpg) no-repeat center; background-size:cover;}
.evalute .wrap{ padding:0 70px; position: relative;}
.evalute .swiper-slide .text{ height:220px; overflow: hidden; background:rgba(255,255,255,0.2); color:#fff; padding:30px;}
.evalute .swiper-slide .text h3{ font-size:15px; text-align: center; padding-bottom:12px;}
.evalute .swiper-slide .text p{ line-height: 20px; font-size:14px; color:#fff; }
.evalute .swiper-slide .headimg{ margin-left:50px; position: relative;}
.evalute .swiper-slide .headimg:before{ margin-left:28px; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid rgba(255,255,255,0.2); display: block; content:'';}
.evalute .swiper-slide .headimg .img{ float:left; margin-top:5px; width:75px; height:75px; border:2px solid #fff; border-radius:50%; padding:5px;}
.evalute .swiper-slide .headimg .img img{ width:100%; height:100%; border-radius:50%; object-fit: cover;}
.evalute .swiper-slide .headimg span{ float:left; font-size:14px; color:#fff; padding-left:12px; padding-top:25px;}
.evalute .evaprev,.evalute .evanext{ cursor:pointer; border-radius:50%; position: absolute; top:30%; width:40px; height:40px; background:rgba(0,0,0,0.8); font-family: 宋体; font-weight: bold; color:#fff; font-size:18px;}
.evalute .evaprev { left:0;}
.evalute .evanext { right:0; }