@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'; 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'; }
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: #fb4848; }
.clear{ clear:both; content:''; height:0px; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.wrap{ width:1200px; margin:0 auto;}


/***头部***/
.head{ height:90px; overflow:hidden;}
.head .logo{ float:left; margin-top:13px;}
.head .tel{ float:right; background:url(../tel.png) no-repeat left center; padding-left:45px; margin-top:15px;}
.head .tel p{ font-size:16px;}
.head .tel h2{ font-size:25px; color:#fb4848;}

.nav{ height:60px; background:#36404b; overflow:hidden;}
.nav ul li{ float:left; width:115px; line-height:60px; margin-right:1px;}
.nav ul li a{ font-size:16px; height:60px; transition:all 0.1s ease; color:#fff; display:block; text-align:center;}
.nav ul li.on a,.nav ul li a:hover{ background:#fb4848; color:#fff;}

.nav .search{ float:right; width:250px; height:30px; line-height:30px; margin-top:16px; position:relative; border-left:1px solid #eee;}
.nav .search .intxt{ width:100%; padding:5px 10px; border:0px; font-size:14px;}
.nav .search .sbtn{ width:40px; height:100%; cursor:pointer; border:0px; background:#fb4848 url(../search.png) no-repeat center; background-size:15px auto; position:absolute; right:0px; top:0px;}

/***焦点图***/
.banner{ overflow:hidden; position:relative; height:600px;}
.banner .bd{ height:600px; width:100%;}
.banner .bd ul{ height:600px; }
.banner .bd ul li{ height:600px; }
.banner .hd { position:absolute; width:100%; text-align:center; bottom:12px; left:0px; z-index:1;}
.banner .hd ul li{ width:12px;  height:12px;  display:inline-block; overflow:hidden; line-height:-999px; cursor:pointer; margin:0 5px; background:rgba(255,255,255,0.3); border-radius:50%;}
.banner .hd ul li.on{ background:#fb4848;}

/***产品***/
.title{ text-align:center; margin-top:50px; padding-bottom:40px;}
.title h1{ font-size:40px; color:#fb4848;}
.title p{ color:#333; font-size:18px; padding-top:10px;}
.pcate{ overflow:hidden; margin-left:-20px;}
.pcate li{ float:left; width:20%; padding-left:20px; margin-top:20px; transition:all 0.5s ease;}
.pcate li a{ display:block; position:relative; text-align:center;}
.pcate li img{ display:block; width:100%; border:1px solid #eee; padding:2px;}
.pcate li span{ font-size:14px; text-align:center; width:100%; line-height:50px; }

/***热卖产品***/
.hotpro{ background:url(../fg.png) repeat-x top; overflow:hidden; margin-top:80px; padding-bottom:80px;}
.hotpro .bd{ overflow:hidden; margin-top:49px;}
.hotpro .bd ul li{ float:left; width:380px; background:#36404b; margin-right:30px;}
.hotpro .bd ul li .note{ color:#fff; text-align:center; padding:20px;}
.hotpro .bd ul li .note h2{ font-weight:normal; white-space:normal; overflow:hidden; text-overflow:ellipsis; font-size:18px;}
.hotpro .bd ul li .note span{ height:45px; width:157px; text-align:left; font-size:15px; background:#fb4848; color:#fff; line-height:45px; display:block; margin:0 auto; margin-top:15px; padding-left:30px;}
.hotpro .bd ul li .note span em{ float:right; width:35px; text-align:center; font-family:宋体; background:#f03232; }
.hotpro .hd{ text-align:center; margin-top:30px;}
.hotpro .hd ul li{ width:13px; height:13px; border-radius:50%; cursor:pointer; display:inline-block; margin:0 5px; background:#eee; line-height:9999; overflow:hidden;}
.hotpro .hd ul li.on{ background:#fb4848;}

/***四大优势***/
.fouradv{ height:300px; background:url(../bg.jpg) no-repeat center; overflow:hidden;}
.fouradv ul li{ float:left; width:25%; color:#E2E2E2; font-size:14px; margin-top:80px;}
.fouradv ul li .p1{ height:53px; display:flex;}
.fouradv ul li img{ display:block;}
.fouradv ul li h2{ font-size:18px; color:#fff; margin-top:25px; margin-bottom:8px;}
.fouradv ul li .note{ width:197px;}

/***合作客户***/
.painter{ overflow:hidden; padding-bottom:80px}
.painter ul{ overflow:hidden; margin-left:-20px; margin-top:12px;}
.painter ul li{ float:left; width:20%; padding-left:20px; margin-bottom:20px;}
.painter ul li a{ display:flex; width:100%; height:80px; border:1px solid #eee; text-align:center; justify-content:center; align-items:center;}
.painter ul li a img{ max-width:80%; max-height:80%;}

/***新闻***/
.news{ overflow:hidden; background:url(../newbg.jpg) no-repeat; height:775px;}
.news .fl{ width:750px; overflow:hidden; position:relative; margin-top:60px;}
.news .fr{ width:420px; overflow:hidden; position:relative; margin-top:60px;}
.news .ht{ height:45px; line-height:45px; margin-bottom:10px; overflow:hidden;}
.news .ht ul{ float:left; width:50%;}
.news .ht ul li,.news .ht h2{ float:left; cursor:pointer; width:120px; text-align:center; height:45px; font-size:20px; font-weight:bold; color:#fff;}
.news .ht h2{ text-align:left;}
.news .ht ul li.on{ background:#fb4848;}
.news .ht a{ float:right; color:#fff; font-size:14px;}
.news .fl .tabcon{ height:560px; background:#fff; padding:0 30px; overflow:hidden;}
.news .fl .tabcon li{ position:relative; padding-left:260px; height:160px; overflow:hidden; margin-top:20px;}
.news .fl .tabcon li img{ position:absolute; left:0px; top:0px; width:240px; height:160px;}
.news .fl .tabcon li h2{ font-weight:normal; font-size:15px;}
.news .fl .tabcon li p{ color:#999; line-height:25px; margin-top:10px;}
.news .fr .nt{ height:428px; overflow:hidden;}
.news .fr .nt img{ display:block; height:300px; width:420px;}
.news .fr .nt h2{ color:#fff; font-size:14px; font-weight:normal; padding:12px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news .fr .nt .note{ color:#ccc; line-height:25px;}
.news .fr .bd { height:132px; overflow:hidden; margin-top:4px;}
.news .fr .bd ul li{ overflow:hidden; height:35px; line-height:35px;}
.news .fr .bd ul li a{ display:block; color:#ccc; font-size:14px;}
.news .fr .bd ul li a i{ width:5px; height:5px; vertical-align:middle; background:#fff; margin-right:5px;}
.news .fr .bd ul li a span{ float:right;}
.news .fr .bd ul li a:hover{ color:#fb4848;}

/***底部***/
.footer{ background:#36404b; border-top:2px solid #fb4848; padding-top:50px; overflow:hidden;}
.footer dl{ float:left; width:220px; position:relative; }
.footer dl dt a{ font-size:16px; color:#fff; display:block; padding-bottom:10px;}
.footer dl dd a:hover{ color:#fb4848;}
.footer dl dd a{ display:block; font-size:14px; color:#b5b5b5; line-height:25px;}
.footer .gzwm{ float:right; width:133px; position:relative; color:#ccc; text-align:center; }
.footer .gzwm img{ display:block; margin:0 auto; width:133px; margin-bottom:10px; background:#fff; padding:5px;}
.footer .gzwm p{ color:#fff; font-size:16px;}
.footer .lxwm{float:left; width:340px;color:#ccc; }
.footer .lxwm h2{ font-size:30px; color:#fb4848; font-weight:normal; letter-spacing:2px; margin-bottom:12px; font-family:Impact;}
.footer .lxwm p{font-size:13px; color:#ccc; line-height:25px;}
.footer .lxwm p.p1{ background:url(../c1.png) no-repeat left center; padding-left:30px;}
.footer .lxwm p.p2{ background:url(../c2.png) no-repeat left center; padding-left:30px;}
.footer .lxwm p.p3{ background:url(../c3.png) no-repeat left center; padding-left:30px;}
.footer .copyright{ background:#2b343d; padding:12px 0; color:#b5b5b5; line-height:25px; text-align:center; margin-top:50px;}


/***产品列表***/
.topimg{height:340px; overflow:hidden;}
.left{ float:left; width:230px; border:2px solid #fb4848;}
.left h2{ background:#fb4848; font-weight:normal; font-size:25px; padding:30px 0; text-align:center; color:#fff;}
.left p{ font-size:15px; text-transform:uppercase}
.left ul{ margin:0 auto; padding-bottom:15px;}
.left ul li{ margin-top:20px; position:relative; padding:0 15px;}
.left ul li a{ display:block; height:40px; line-height:40px; border:1px dotted #ddd; text-align:center; font-size:14px;}
.left ul li .lson{ position:absolute; width:230px; overflow:hidden; left:226px; border-left:2px solid #fb4848; display:none; top:0px; z-index:11; background:#fff;}
.left ul li .lson a{ width:200px; margin:0 auto; margin-bottom:20px;}
.left ul li .lson a:nth-child(1){ margin-top:10px;}
.left ul li:hover .lson{ display:block;}
.left ul li:hover > a,.left ul li a.on{ background:#fb4848; color:#fff; border-color:#fb4848;}
.left ul li .lson a:hover{background:#fb4848; color:#fff; border-color:#fb4848;}

.right{ width:930px; float:right; border:1px solid #eee; padding:30px; min-height:612px; margin-bottom:60px;}
.prolist{ overflow:hidden; margin-left:-30px;}
.prolist li{ float:left; width:33.333333%; margin-bottom:20px; padding-left:20px;}
.prolist li a{ display:block;}
.prolist li .pic{ overflow:hidden; position:relative; }
.prolist li .pic img{ display:block; transition:all 0.5s ease; width:100%;}
.prolist li h2{ font-weight:normal; font-size:14px; text-align:center; height:45px; line-height:45px; padding:0 12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.prolist li:hover img{ transform:scale(1.2); -webkit-filter:brightness(50%); }
.prolist li .pic:after{ width:60px; height:60px; background:url(../fdj.png) no-repeat center; background-size:80% auto; content:''; position:absolute; left:0px; right:0px; margin:auto; top:50%; transform:translateY(-50%) scale(0); transition:all 0.6s ease; opacity:0;}
.prolist li:hover .pic:after{transform:translateY(-50%) scale(1); opacity:1; }

.searchlist li{ padding:25px 0; border-bottom:1px dotted #ddd;}
.searchlist li h2{ font-weight:normal;}
.searchlist li p{ margin-top:10px; color:#999;}

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

/***产品详情***/
.location{ font-size:14px; height:50px; line-height:48px; color:#686868; background:#f7f7f7; margin-bottom:30px;}
.location .wrap{ background:url(../location.png) no-repeat left center; padding-left:40px;}
.location a{ font-size:14px; color:#686868;}
.location i{ margin:0 12px; color:#d6d6d6; font-family:宋体;}
.location span{ color:#fb4848;}

.pdbox{ line-height:26px; color:#666; font-size:14px;}
.pdbox a{ color:#fb4848;}

/***新闻列表***/
.newlist{ overflow:hidden; margin-top:-20px; }
.newlist li{ position:relative; height:205px; overflow:hidden; border-bottom:1px dashed #ddd;}
.newlist li .pic{ float:left; width:256px; height:165px; margin-top:20px; }
.newlist li .pic img{ width:256px; height:165px;}
.newlist li .note{ height:165px; overflow:hidden; margin-top:20px; float:right; width:580px;}
.newlist li .note h2{ font-size:18px; font-weight:normal;}
.newlist li .note .notec{ font-size:14px; line-height:25px; color:#888; margin:12px 0;}
.newlist li .note .mo{ display:block; color:#fb4848;}
.newlist li .date{ color:#999; padding-bottom:12px;}

.newbox{ background:#fff; verflow:hidden;}
.newbox .newtit{ text-align:center; padding-bottom:12px;} 
.newbox .newtit p{ font-size:12px; color:#999; padding-top:10px;}
.newbox .newtit h1{ font-size:18px;}
.newbox .note{ background:#f7f7f7; border:1px dotted #ddd; padding:12px; line-height:24px; font-size:12px; color:#999; margin-bottom:20px;}

.prevnext{ font-size:14px; padding:20px 0; line-height:30px; overflow:hidden; color:#666;}
.prevnext a{ color:#666;}
.prevnext a:hover{ color:#fb4848;}

.book{ padding:12px; overflow:hidden; width:600px; margin:50px auto;}
.book h2{ text-align:center; font-size:16px; padding:15px 0; color:#fb4848; padding-top:8px;}
.book .intxt{ display:block; border:1px solid #eee; padding:13px 10px; margin-bottom:12px; width:100%;}
.book .intxt::-webkit-input-placeholder{ color:#aaa;}
.book .intxt:focus{ border-color:#fb4848;}
.book .sbtn{ background:#fb4848; padding:13px 10px; cursor:pointer; border:0px; color:#fff; width:100%;}