/* CSS Document */
body,h1,h2,h3,h4,h5,h6,p,pre,dl,dt,dd,ul,ol,li{margin:0; padding:0;}
body{font-family:Arial, Helvetica, sans-serif;}
li{list-style:none;}
a{text-decoration:none; color:inherit;}
a:hover{color:#ffae00;}
a:focus{outline:none;}
img{border:none; max-width:100%;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}

/* 首页 */
.top1{width:1200px; margin:0 auto; height:100px;}
.top1 .logo{float:left; margin:16px 20px 0 0px;}
.top1 .tit{float:left; height:100px;}
.top1 .tit dt{font-size:30px; color:#0e0e0e; line-height:100px;}
.top1 form{float:right; margin:40px 15px 0;}
.top1 form input[type='text']{width:180px; height:28px; border-radius:14px; border:1px solid #ffae00; text-indent:10px; float:left;}
.top1 form input[type='submit']{width:28px; height:28px; border-radius:14px; background:#ffae00 url(images/pjh_01.png) center center no-repeat; background-size:50%; border:1px solid #ffae00; margin-left:-20px; float:left;}
.top1 .dh1{float:right; margin-top:40px; font-size:14px; color:#666;}
.top1 .dh1 p{ line-height:14px; font-size:13px;}
.top1 .dh{float:right; margin-top:30px; font-size:24px; color:#ffae00; line-height:26px; padding-left:10px; padding-right:20px; font-weight:bold;}
.top2bj{background:#ffae00; line-height:46px; height:46px; overflow:hidden; text-align:center;}
.top2{width:1200px; margin:0 auto;}
.top2 li{width:170px; float:left; position:relative; font-size:16px; color:#000;}
.top2 li:hover a{color:#FFF;}

/* 首页 */
.index_tit{text-align:center; padding:30px 0 36px;}
.index_tit dt{font-size:30px; margin:5px 0 0; position:relative;}
.index_tit dt:before{content:""; position:absolute; width:450px; height:1px; background:#eeeeee; bottom:0; left:0;}
.index_tit dt:after{content:""; position:absolute; width:450px; height:1px; background:#eeeeee; bottom:0; right:0;}
.index_tit dd{font-size:14px; color:#cccccc;}

.box1{width:1200px; margin:0 auto 20px;}
.box1 .fl{width:576px;}
.box1 .fl dl{height:117px; padding:15px 20px 0 156px; margin-bottom:46px;}
.box1 .fl dl dt{font-size:22px; margin-bottom:8px;}
.box1 .fl dl dt span{color:#ffae00;}
.box1 .fl dl dd{font-size:16px; color:#999999; line-height:20px;}
.box1 .fl dl:nth-child(1){background:url(images/index_04.png) center center no-repeat;}
.box1 .fl dl:nth-child(1):hover{background:url(images/index_04_hover.png) center center no-repeat;}
.box1 .fl dl:nth-child(2){background:url(images/index_06.png) center center no-repeat;}
.box1 .fl dl:nth-child(2):hover{background:url(images/index_06_hover.png) center center no-repeat;}
.box1 .fl dl:nth-child(3){background:url(images/index_07.png) center center no-repeat;}
.box1 .fl dl:nth-child(3):hover{background:url(images/index_07_hover.png) center center no-repeat;}
.box1 .fr{width:600px;}
.box1 .fr h4{font-size:16px; margin:15px 0;}
.box1 .fr p{font-size:14px; color:#666; margin-bottom:15px;}
.box1 .fr .more{font-size:12px; color:#999;}

.box2bj{background:#ffae00; padding-bottom:30px;}
.box2bj .box2 .index_tit dt{font-size:30px; margin:5px 0 0; position:relative; color:#FFF;}
.box2bj .box2 .index_tit dd{ font-size:14px; color:#FFF;}
.box2{width:1200px; margin:0 auto;}
.box2 .bod dl{width:385px; height:310px; background:#FFF; float:left; border:1px solid #FFF; margin:0 20px 20px 0; overflow:hidden;}
.box2 .bod dl:nth-child(3n){margin-right:0;}
.box2 .bod dl dt{height:246px; position:relative; border-bottom:1px solid #eee; overflow:hidden;}
.box2 .bod dl dt img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-height:100%; transition:0.5s;}
.box2 .bod dl dt img:hover{transform:scale(1.2) rotate(5deg);}
.box2 .bod dl dd{ text-align:center; padding-top:20px;}
.box2 .bod dl dd h4{font-size:16px; margin-bottom:10px;}
.box2 .bod dl dd p{font-size:12px; color:#666;}
.box2 .more{display:block; width:200px; height:45px; line-height:45px; text-align:center; margin:20px auto 0; border:1px solid rgba(0,0,0,1); color:#000; border-radius:32px; font-size:16px; margin-bottom:30px;}
.box2 .more:hover{ background:#000; color:#FFF;}

.box3bj{background:#fbfbfb;}
.box3{width:1200px; margin:0 auto;}
.box3 .bod dl{width:270px; float:left; font-size:16px; color:#333; margin-right:40px; margin-bottom:60px; margin-top:20px; padding-left:72px; padding-top:20px; padding-bottom:20px;}
.box3 .bod dl:nth-child(4n){margin-right:0;}
.box3 .bod dl:nth-child(1){background:url(images/six1_hover.png) no-repeat center left; display: flex; align-items: center; }
.box3 .bod dl:nth-child(2){background:url(images/six2_hover.png) no-repeat center left; display: flex; align-items: center; }
.box3 .bod dl:nth-child(3){background:url(images/six3_hover.png) no-repeat center left; display: flex; align-items: center; }
.box3 .bod dl:nth-child(4){background:url(images/six4_hover.png) no-repeat center left; display: flex; align-items: center; }
.box3 .bod dl:nth-child(5){background:url(images/six5_hover.png) no-repeat center left; display: flex; align-items: center; }
.box3 .bod dl:nth-child(6){background:url(images/six6_hover.png) no-repeat center left; display: flex; align-items: center; }
.box3 .bod dl:nth-child(7){background:url(images/six7_hover.png) no-repeat center left; display: flex; align-items: center; }
.box3 .bod dl:nth-child(8){background:url(images/six8_hover.png) no-repeat center left; display: flex; align-items: center; }

.box4{width:1200px; margin:0 auto; overflow:hidden; padding-bottom:50px;}
.box4 .bod .fl{width:450px; height:450px; margin-right:80x;}
.box4 .bod .fl img{width:100%;}
.box4 .bod .fr{width:670px;}
.box4 .bod .fr dl{width:300px; margin-right:70px; float:left; margin-top:20px; margin-bottom:20px;}
.box4 .bod .fr dl:nth-child(2n){margin-right:0px;}
.box4 .bod .fr dl dt{ font-size:14px; color:#666;}
.box4 .bod .fr dl dt p{ font-size:18px; color:#000; padding-top:10px;}
.box4 .bod .fr dl dd{ font-family:16px; color:#666; padding-top:10px;}
.box4 .bod .fr dl dd p{ width:150px; height:40px; border:#000 1px solid; line-height:40px; text-align:center; margin-top:10px;}
.box4 .bod .fr dl:hover dd p{ background:#000; color:#FFF;}


.box7{ width:100%; overflow:hidden;}
.box7 img{ width:100%;}

/* 底部 */
.bottom1bj{background:#ffae00; overflow:hidden;}
.bottom1{width:1200px; margin:0 auto; padding:30px 0 20px;}
.bottom1 .bod{color:#000; margin-bottom:20px;}
.bottom1 .bod .fl{ width:900px; margin-right:100px;}
.bottom1 .bod .fl .wen1{ overflow:hidden;}
.bottom1 .bod .fl .wen1 dl{ float:left; width:110px; font-size:16px;}
.bottom1 .bod .fl .wen2{ overflow:hidden; margin-top:30px;}
.bottom1 .bod .fl .wen2 dl{ font-size:16px; line-height:30px;}
.bottom1 .bod .fr{ width:200px;}
.bottom1 .bod .fr{float:left;}
.bottom1 .bod .fr dl{width:136px; margin:auto;}
.bottom1 .bod .fr dl img{width:136px; height:136px; margin-top:30px;}
.bottom1 .bod .fr dl p{text-align:center; margin-top:15px; font-size:16px;}
.bottom1 .yqlj{ margin-top:10px; color:#000;}
.bottom1 .yqlj .yqlj1{ width:1200px; border-bottom:#000 1px solid;}
.bottom1 .yqlj .yqlj1 dt{background:#000; color:#FFF; width:150px; height:40px; line-height:40px; text-align:center;}
.bottom1 .yqlj .info{ font-size:16px; color:#000; margin-top:15px;}


.bottom2bj{background:#000;}
.bottom2{width:1200px; margin:0 auto; font-size:12px; color:#eee; height:46px; line-height:46px; text-align:center;}

/* 产品列表 */
.fanye{margin-top:20px;}
.fanye li{float:left; color:#666; font-size:14px; margin-right:8px;}

/* 新闻列表 */
.list_news{padding-top:10px;}
.list_news li{padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #d7d7d7;}
.list_news li a{font-size:16px; color:#ffae00; font-weight:bold;}
.list_news li p{font-size:14px; color:#333; margin-top:10px;}

/* 客服 */
.kefu{position:fixed; top:200px; right:5px; width:130px; background:#fff; color:#FFF; text-align:center; z-index:10; border-radius:10px; overflow:hidden; border:1px solid #ffae00;}
.kefu .dl1{background:#ffae00; padding:15px 0 10px;}
.kefu .dl1 a:hover{color:#FFF;}
.kefu .dl1 dt{font-size:12px; padding-bottom:6px; margin:0 10px 10px; border-bottom:1px dashed rgba(255,255,255,0.4);}
.kefu .dl1 dd{font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.kefu .dl2{text-align:center; padding:15px 0; font-size:14px; color:#333;}
.kefu .dl2 img{width:90%;}