/* CSS Document */
body,h1,h2,h3,h4,h5,h6,p,pre,dl,dt,dd,ol,ul,li,input{margin:0; padding:0; font-family:"微软雅黑"}
li{list-style:none;}
a{text-decoration:none; color:inherit;}
a:focus{outline:none;}
img{border:none;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}

/* 头部 */
.top1bj{border-bottom:1px solid #c7c7c7;}
.top1{width:1200px; margin:0 auto; height:36px; line-height:36px; font-size:14px; color:#777; overflow:hidden;}
.top1 a{vertical-align:middle; padding-left:6px;}
.top1 a img{vertical-align:middle;}
.top2{width:1200px; height:122px; margin:0 auto;}
.top2 img{float:left; margin:20px 20px 0 3px; padding-right:20px; border-right:1px solid #a5a2a2;}
.top2 .tit{margin-top:20px; float:left;}
.top2 .tit p{font-size:30px; color:#4f4f4f;}
.top2 .tit span{font-size:16px; color:#3a3737;}
.top2 .fr{margin:30px 122px 0 0; color:#22b14c;}
.top2 .fr span{font-size:18px; letter-spacing:9.4px;}
.top2 .fr b{display:block; font-size:22px;}
.top3{background:#252525;}
.top3>ul{width:1200px; height:50px; margin:0 auto;}
.top3>ul>li{width:133.33px; float:left; text-align:center; font-size:16px; color:#FFF; position:relative;}
.top3>ul>li>a{display:block; height:50px; border-right:1px solid #383838; padding-top:5px;box-sizing:border-box;}
.top3>ul>li>a span{color:rgba(255,255,255,0.5);}
.top3>ul>li:nth-last-child(1)>a{border:none;}
.top3>ul>li>a.active,.top3 ul li a:hover{background:#f08200;}
.top3>ul>li ul{background:#252525; position:absolute; top:50px; left:0; width:auto; display:none; z-index:2; min-width:133.33px;}
.top3>ul>li ul li{white-space:nowrap;}
.top3>ul>li ul li a{display:block; line-height:50px;}

/* 首页 */
.index_tit{text-align:center; padding:40px 0 30px;}
.index_tit dt{font-size:26px; color:#313030; font-weight:bold; margin-bottom:10px;}
.index_tit p{font-size:14px; color:#1e1e1e; line-height:26px; width:980px; margin:10px auto 0;}
.box1{width:1200px; margin:0 auto 40px;}
.box1 .tit{font-size:16px; color:#858181; text-align:center; margin-bottom:30px;}
.box1 .tit a{padding:0 30px;}
.box1 .bod{height:752px;}
.box1 .bod .cpk dl{margin-bottom:20px;}
.box1 .bod .cpk dt{width:490px; height:480px; float:left; position:relative; overflow:hidden;}
.box1 .bod .cpk dt img{width:100%; height:100%; transition:0.4s;}
.box1 .bod .cpk p{position:absolute; bottom:0; left:0; width:100%; height:48px; line-height:48px; overflow:hidden; text-align:center; font-size:14px; color:#FFF; background:rgba(0,0,0,0.8);}
.box1 .bod .cpk dt:hover img{transform:scale(1.2);}
.box1 .bod .cpk dd{width:336px; height:480px; float:left; margin-left:18px;}
.box1 .bod .cpk dd li{height:232px; position:relative; overflow:hidden; margin-top:16px;}
.box1 .bod .cpk dd li:nth-child(1){margin-top:0;}
.box1 .bod .cpk dd li img{width:100%; height:100%; transition:0.4s;}
.box1 .bod .cpk dd li p{position:absolute; bottom:0; left:0; height:36px; line-height:36px; font-size:14px; color:#FFF; text-align:center; overflow:hidden; background:rgba(0,0,0,0.6);}
.box1 .bod .cpk dd li:hover img{transform:scale(1.2);}
.box1 .bod .cpk dd.bj{background:#eaeaea;}
.box1 .bod .cpk dd.bj h5{font-size:16px; text-align:center; margin:20px 20px 10px;}
.box1 .bod .cpk dd.bj em{font-size:14px; color:#414141; line-height:24px; display:block; font-style:normal; padding:0 20px; margin-bottom:10px;}
.box1 .bod .cpk>ul li{width:282px; height:250px; float:left; margin-right:24px; position:relative; overflow:hidden;}
.box1 .bod .cpk>ul li img{width:100%; height:100%; transition:0.4s;}
.box1 .bod .cpk>ul li p{position:absolute; bottom:0; left:0; width:100%; height:36px; line-height:36px; text-align:center; overflow:hidden; font-size:14px; color:#FFF;}
.box1 .bod .cpk>ul li:nth-child(4n){margin-right:0;}
.box1 .bod .cpk>ul li:hover img{transform:scale(1.2);}

.box2bj{background:#f4f2f2; padding-bottom:50px;}
.box2{width:1200px; margin:0 auto;}
.box2 li{width:382px; height:290px; position:relative; overflow:hidden; margin:0 22px 22px 0; float:left;}
.box2 li:nth-child(3n){margin-right:0;}
.box2 li img{width:100%; height:100%; transition:0.4s;}
.box2 li p{position:absolute; bottom:0; left:0; width:100%; height:36px; line-height:36px; text-align:center; overflow:hidden; font-size:14px; color:#FFF; background:rgba(0,0,0,0.6);}
.box2 li:hover img{transform:scale(1.2);}

.ys{height:280px; position:relative;}
.ysbj{background:#eaeaea;}
.ys>.fr{width:50%; height:100%; background:#000; position:absolute; top:0; right:0;}
.ys>.fl{width:50%; height:100%; background:#000; position:absolute; top:0; left:0;}
.ys .ys1{background:url(images/ys1.jpg) no-repeat; background-size:cover;}
.ys .ys2{background:url(images/ys2.jpg) no-repeat; background-size:cover;}
.ys .ys3{background:url(images/ys3.jpg) no-repeat; background-size:cover;}
.ys .ys4{background:url(images/ys4.jpg) no-repeat; background-size:cover;}
.ys .ys5{background:url(images/ys5.jpg) no-repeat; background-size:cover;}
.ys .ys6{background:url(images/ys6.jpg) no-repeat; background-size:cover;}
.ys dl{width:1200px; height:280px; margin:0 auto;}
.ys dt{width:600px; color:#303030; overflow:hidden;}
.ys dt h4{font-size:22px; text-align:center; padding:25px 0 10px; font-weight:normal; text-transform:uppercase;}
.ys dt h3{font-size:26px; margin-bottom:15px; text-align:center; font-weight:normal;}
.ys dt p{font-size:14px; line-height:22px; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; padding:0 20px;}
.ys dd{width:600px; height:280px;}
.ys dd img{width:100%; height:100%;}

.box3bj{background:#f2f2f2; padding-bottom:40px;}
.box3{width:1200px; margin:40px auto 0; position:relative;}
.box3 .bod{height:580px; position:relative; margin-bottom:22px;}
.box3 .bod .casek{position:absolute; top:0; left:0; height:580px;}
.box3 .bod .casek .fl{width:200px; height:100%; background:#FFF; line-height:36px; overflow:hidden;}
.box3 .bod .casek .fl p{padding:15px; font-size:14px; color:#414141;}
.box3 .bod .casek dl{margin-left:200px; width:1000px;}
.box3 .bod .casek dt{width:810px; height:580px; overflow:hidden; float:left;}
.box3 .bod .casek dt img{width:100%; height:100%; transition:0.4s;}
.box3 .bod .casek dt:hover img{transform:scale(1.2);}
.box3 .bod .casek dd{width:176px; float:right;}
.box3 .bod .casek dd img{ width:176px; height:137px; display:block; margin-bottom:10px;}
#gd_box3{height:170px; position:relative; overflow:hidden;}
#gd_box3 ul{position:absolute; top:0; left:0;}
#gd_box3 li{width:190px; height:170px; float:left; margin-right:20px; position:relative;}
#gd_box3 li img.xianshi{width:100%; height:100%; position:absolute; top:0; left:0;}
#gd_box3 li img{position:absolute; top:170px; left:0;}
#gd_box3 li em{position:absolute; top:170px; left:0;}
#gd_box3 li p{position:absolute; bottom:0; left:0; width:100%; height:34px; line-height:34px; font-size:14px; color:#FFF; text-align:center; background:rgba(0,0,0,0.6);}
#zuo_box3{position:absolute; top:810px; left:-40px;}
#you_box3{position:absolute; top:810px; right:-40px;}

.box4bj{height:776px; background:url(images/index_09.jpg) center top no-repeat;}
.box4{width:1200px; margin:0 auto; position:relative;}
.box4 div{position:absolute; width:200px; height:200px; text-align:center; border-radius:50%; background:rgba(163,57,34,0.3); color:#FFF; cursor:all-scroll; transition:0.4s;}
@keyframes myfirst{0% {transform:rotateZ(0);} 25% {transform:rotateZ(10deg);} 50% {transform:rotateZ(-5deg);} 75% {transform:rotateZ(2.5deg);} 100% {transform:rotateZ(0);}}
.box4 div img{margin:20px 0 10px; height:80px;}
.box4 div p{font-size:24px; font-family:Arial, Helvetica, sans-serif;}
.box4 div span{font-size:22px;}
.box4 .div1{top:185px; left:56px;}
.box4 .div2{top:185px; left:496px;}
.box4 .div3{top:185px; right:56px;}
.box4 .div4{top:446px; left:56px;}
.box4 .div5{top:446px; left:496px;}
.box4 .div6{top:446px; right:56px;}
.box4 div:hover{background:rgba(163,57,34,0.8);}

.box5bj{height:790px; background:url(images/index_10.jpg) center top no-repeat;}
.box5{width:1200px; margin:0 auto;}
.box5>h5{font-size:24px; color:#303030; padding-top:130px; text-align:center; color:#303030;}
.box5 ul{height:310px; margin:50px 0 50px;}
.box5 ul li{width:50px; height:310px; float:left; text-align:center; color:#FFF; overflow:hidden;}
.box5 ul li:nth-child(1){width:450px; background:url(images/bzbj_01.jpg) center center no-repeat; background-size:100% 100%;}
.box5 ul li:nth-child(1) img{display:none;}
.box5 ul li:nth-child(2){background:url(images/bzbj_01.jpg) center center no-repeat; background-size:100% 100%;}
.box5 ul li:nth-child(3){background:url(images/bzbj_01.jpg) center center no-repeat; background-size:100% 100%;}
.box5 ul li:nth-child(4){background:url(images/bzbj_01.jpg) center center no-repeat; background-size:100% 100%;}
.box5 ul li:nth-child(5){background:url(images/bzbj_01.jpg) center center no-repeat; background-size:100% 100%;}
.box5 ul li:nth-child(6){background:url(images/bzbj_01.jpg) center center no-repeat; background-size:100% 100%;}
.box5 ul li:nth-child(7){background:url(images/bzbj_01.jpg) center center no-repeat; background-size:100% 100%;}
.box5 ul li:nth-child(8){background:url(images/bzbj_01.jpg) center center no-repeat; background-size:100% 100%;}
.box5 ul li:nth-child(9){background:url(images/bzbj_01.jpg) center center no-repeat; background-size:100% 100%;}
.box5 ul li:nth-child(10){background:url(images/bzbj_01.jpg) center center no-repeat; background-size:100% 100%;}
.box5 ul li:nth-child(11){background:url(images/bzbj_01.jpg) center center no-repeat; background-size:100% 100%;}
.box5 ul li:nth-child(12){background:url(images/bzbj_01.jpg) center center no-repeat; background-size:100% 100%;}
.box5 ul li:nth-child(13){background:url(images/bzbj_01.jpg) center center no-repeat; background-size:100% 100%;}
.box5 ul li:nth-child(14){background:url(images/bzbj_01.jpg) center center no-repeat; background-size:100% 100%;}
.box5 ul li:nth-child(15){background:url(images/bzbj_01.jpg) center center no-repeat; background-size:100% 100%;}
.box5 ul li:nth-child(16){background:url(images/bzbj_01.jpg) center center no-repeat; background-size:100% 100%;}
.box5 ul li div{padding-top:100px;}
.box5 ul li em{font-style:normal; font-size:72px; font-family:"宋体"; font-weight:bold;}
.box5 ul li p{font-size:30px; padding-bottom:18px; background:url(images/index_11.jpg) center bottom no-repeat;}
.box5>p{font-size:14px; color:#303030; line-height:26px;}

.box6bj{background:#FFF; padding-bottom:20px;}
.box6{width:1200px; margin:0 auto;}
.box6 .bod{margin-top:30px;}
.box6bj .dh{font-size:24px; color:#b88b64; text-align:center; font-weight:bold; height:60px; line-height:60px; background:url(images/index_13.jpg) center center no-repeat; margin-top:30px;}

.box7{width:1200px; margin:0 auto 30px;}
.box7 .bod{margin-top:20px; height:563px; position:relative;}
.box7 .bod>.fl{width:430px;}
.box7 .bod>.fl dl{margin:10px 0 20px; color:#666;}
.box7 .bod>.fl dt{font-size:25px; margin-bottom:10px;}
.box7 .bod>.fl dd{font-size:15px; line-height:26px;}
.box7 .bod img{position:absolute; top:0; right:-86px;}

.box8bj{height:534px; background:url(images/index_14.jpg) center center no-repeat;}
.box8{width:1200px; margin:0 auto;}
.box8 ul{padding-top:76px;}
.box8 li{width:290px; height:185px; float:left; margin:0 12px 16px 0; transition:0.4s;}
.box8 li h3{font-size:24px; padding:40px 0 10px 110px;}
.box8 li p{font-size:15px; color:#333333; padding:0 40px 0 110px;}
.box8 ul li:nth-child(1){background:#FFF url(images/i-pic5.jpg) 20px center no-repeat;}
.box8 ul li:nth-child(2){background:#FFF url(images/i-pic5-02.jpg) 20px center no-repeat;}
.box8 ul li:nth-child(3){background:#FFF url(images/i-pic5-03.jpg) 20px center no-repeat;}
.box8 ul li:nth-child(4){background:#FFF url(images/i-pic5-04.jpg) 20px center no-repeat; margin-right:0;}
.box8 ul li:nth-child(5){background:#FFF url(images/i-pic5-05.jpg) 20px center no-repeat;}
.box8 ul li:nth-child(6){background:#FFF url(images/i-pic5-06.jpg) 20px center no-repeat;}
.box8 ul li:nth-child(7){background:#FFF url(images/i-pic5-07.jpg) 20px center no-repeat;}
.box8 ul li:nth-child(8){background:#FFF url(images/i-pic5-08.jpg) 20px center no-repeat; margin-right:0;}
.box8 li:hover{transform:translate(0,-4px); box-shadow:0 4px 4px #333333;}

.box9{width:1200px; margin:0 auto 50px;}
.box9 .tit{text-align:center; margin-bottom:30px;}
.box9 .tit a{font-size:14px; color:#605e5e; padding:0 20px;}
.box9 .bod{position:relative; height:634px; margin-bottom:10px;}
.box9 .bod .xwbj{position:absolute; top:0; left:0; width:100%;}
.box9 .bod .xwbj>dl{margin-bottom:20px;}
.box9 .bod .xwbj>dl dt{width:512px; height:300px; float:left;}
.box9 .bod .xwbj>dl dt video{width:100%; height:100%;}
.box9 .bod .xwbj>dl dd{margin-left:512px; height:300px; background:#f7f7f7;}
.box9 .bod .xwbj>dl dd h3{font-size:20px; color:#666; padding:50px 30px 10px 86px;}
.box9 .bod .xwbj>dl dd p{font-size:14px; color:#605e5e; padding:0 30px 0 86px;}
.box9 .bod .xwbj li{width:346px; height:260px; padding-bottom:50px; background:#FFF url(images/index_16.jpg) center bottom no-repeat; color:#605e5e; margin-right:81px; float:left;}
.box9 .bod .xwbj a:hover{color:#f08200;}
.box9 .bod .xwbj li em{ display:block; width:88px; height:80px; font-size:15px; color:#FFF; background:#646464; font-style:normal; text-align:center; margin-bottom:30px;}
.box9 .bod .xwbj li em span{display:block; font-size:22px; padding-top:10px;}
.box9 .bod .xwbj li a{display:block; padding:0 0 10px 0;}
.box9 .bod .xwbj li p{font-size:14px; line-height:24px;}
.box9 .bod .xwbj ul li:nth-child(3n){margin-right:0;}
.box9 .more{height:48px; line-height:48px; font-size:14px; color:#666; text-align:center; background:#f7f7f7;}

.box10bj{height:536px; background:url(images/index_17.jpg) center center no-repeat;}
.box10{width:1200px; margin:0 auto;}
.box10 .fl{margin:244px 0 0 560px;}
.box10 .fl p{font-size:14px; color:#666; margin-bottom:10px;}
.box10 .fl input[type="text"]{width:136px; height:30px; border:1px solid #cccccc; text-indent:6px;}
.box10 .fl input[type="number"]{width:342px; height:30px; border:1px solid #cccccc; text-indent:6px;}
.box10 .fl textarea{width:350px; height:60px; border:1px solid #CCC; vertical-align:top; text-indent:6px; padding:6px 0; resize:none;}
.box10 .fl .tj{padding-left:42px;}
.box10 .fl .tj input{width:96px; height:30px; border:1px solid #333; margin-right:15px;}
.box10 .fl .tj input[type="submit"]{background:#333; color:#FFF;}

/* 底部 */
.bottombj{background:#29292a; padding:40px 0;}
.bottom{width:1200px; margin:0 auto;}
.bottom>.fl{width:350px;}
.bottom>.fl dl{background:url(images/pjh_20.png) left center no-repeat; padding-left:56px; color:#FFF; margin-bottom:30px;}
.bottom>.fl dt{font-size:16px; font-weight:bold; margin-bottom:5px;}
.bottom>.fl dd span{font-size:12px;}
.bottom>.fl dd span small{font-size:10px; display:block;}
.bottom>.fl dd em{font-size:24px; color:#29292a; background:#FFF; font-style:normal; padding:2px 10px; font-weight:bold; margin-left:10px; transform:translate(0,10px);}
.bottom>.fl ul{font-size:12px; color:#e8edf3; padding:10px 0;}
.bottom>.fl li{line-height:30px;}
.bottom>.fl li span{display:block; float:left; width:60px; text-align:center;}
.bottom>.fl li em{font-style:normal; padding:0 15px;}
.bottom>ul{float:left; min-height:200px;}
.bottom>ul li{float:left; margin-left:60px;}
.bottom>ul li dl{margin-bottom:30px;}
.bottom>ul li dt{color:#FFF; font-size:14px; margin-bottom:18px;}
.bottom>ul li dd{color:#e8edf3; font-size:12px; margin-bottom:10px;}
.bottom>.fr{text-align:center;}
.bottom>.fr p{font-size:14px; color:#FFF; margin:22px 0 32px;}
.bottom>.fr a{padding:0 6px;}

.ny_banner{height:230px; margin-top:1px;}

/* 产品列表 */
.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:#252525; font-weight:bold;}
.list_news li a:hover{color:#f08200;}
.list_news li p{font-size:14px; color:#333; margin-top:10px;}

/*  */
.xf{position:fixed; top:20%; right:20px; width:auto; z-index:998;background-color: #333;}
.xf ul li a{display:block;text-align:center; text-decoration:none; color:#fff; background-color:#333;  padding:0 10px;}
.xf ul li{position:relative;}
.xf ul li:nth-child(4){margin-bottom:0;}
.xf ul li a:hover{background:#252525}
.xf ul li a img{padding-bottom:8px;}
.xf ul li p{position:absolute; top:0; left:-200px; width:200px; background:#252525; line-height:104px; text-align:center; font-size:24px; color:#FFF; font-weight:bold; display:none;}