#banner{width: 100%;height: 700px;position: relative;perspective: 2000px;}
#cube {width: 100vw;height: 700px;position: absolute;transform-style: preserve-3d;z-index: -1;}
#cube .ban{width: 100vw;height: 700px;}
#cube figure {margin: 0;width: 100%;height: 700px;display: flex;position: absolute;background: #222;color: white;}
#cube figure div {height: inherit;background-size: cover;background-position: center;}
#cube .front {transform: rotateY(0deg) translateZ(50vw);}
#cube .back {transform: rotateY(180deg) translateZ(50vw);}
#cube .right {transform: rotateY(90deg) translateZ(50vw);}
#cube .left {transform: rotateY(-90deg) translateZ(50vw);}
#cube {transform: translateZ(-50vw);}
#cube {transition: transform 1.5s ease-in-out;}
#banner .previous{left: 0;z-index: 2;width:45px;height: 100px;cursor: pointer;background: url(../image/button.png)no-repeat left top;position: absolute;top:300px;opacity: 0.2;
  transition:1s;}
#banner .next{right: 0;z-index: 2;width:45px;height: 100px;cursor: pointer;background: url(../image/button.png)no-repeat right top;position: absolute;top:300px;opacity: 0.2;transition:1s;}
#banner .previous:hover,#banner .next:hover{opacity: 0.5;}


#xingla{width: 100%;height: 889px;background: url(../image/xingla_bg.jpg)no-repeat center;}
#xingla .left_1{width: 300px;height: 670px;background: url(../image/pinpa.png)no-repeat center;float: left;}
#xingla .left_2{width: 300px;height: 633px;background: url(../image/shili.jpg)no-repeat center;float: left;margin-top: 256px;}
#xingla .right{width: 600px;float: right;}
#xingla .left_1 p{font-size: 36px;font-weight: bold;color: #fff;line-height: 45px;text-align: center;padding-top: 90px;padding-bottom: 30px;}
#xingla .left_1 hr{outline: none;background: #fff;border:0;height: 4px;width: 64px;margin: 0 auto;}
#xingla .left_2 .neirong{width: 85%;margin: 0 auto;font-size: 14px;line-height: 28px;}
#xingla .left_2 .neirong p{font-size: 32px;color: #f26600;font-weight: bold;line-height: 36px;padding-top: 50px;}
#xingla .left_2 .neirong hr{outline: none;background: #f26600;border:0;height: 2px;width: 100px;text-align: left;margin:27px 0px;}
#xingla .right p{font-size: 32px;color: #f26600;font-weight: bold;padding-top: 55px;}
#xingla .right hr{outline: none;background: #f26600;border:0;height: 2px;width: 100px;text-align: left;margin:27px 0px;}
#xingla .right .miaosu{width: 85%;float: left;line-height: 26px;}
#xingla .right img{position: absolute;top: 256px;right: 0;}
#xingla .right .more{width: 164px;height: 48px;line-height: 48px;background: #f26600;position: absolute;top: 735px;right: 132px;text-align: center;}
#xingla .right .more a{color: #fff;font-size: 18px;}
#xingla .right .more span{color: #fff;font-size: 18px;padding-left: 10px;}


#product{margin-top: 80px;}
#product .wrap{width: 1240px;}


.ntitle{font-size: 20px;color: #333;text-align: center;}
.ntitle img{width:172px;border-right: 1px solid #ccc;padding-right: 13px;vertical-align: middle;margin-right: 13px;}
.ntitle p{font-size: 44px;color: #f26600;font-weight: bold;vertical-align: middle;}


.lanrenzhijia{width: 1240px;height:920px;margin:0 auto;}
.lanrenzhijia .tab{width:1200px;height: 70px;font-size: 22px;margin: 0 auto;line-height: 70px;margin-top: 40px;}

.lanrenzhijia .tab a{font-size: 22px;color: #343434;width: 298.5px;border:1px solid #ccc;display: block;float: left;border-right:0px;}
.lanrenzhijia .tab a.on{font-size:22px;color: #fff;background: #f26600;border:1px solid #f26600;border-right:0px;}
.lanrenzhijia .tab a:nth-child(4){border-right:1px solid #ccc;}
.lanrenzhijia .tab a:nth-child(4):hover{border-right:1px solid #f26600;}

.lanrenzhijia .tab a span{padding: 0 20px;font-size: 24px;}
.lanrenzhijia .tab a span:nth-child(2){float: right;height: 73px;line-height: 85px;}


.lanrenzhijia .tab a.on span{color: #fff;}


.lanrenzhijia .content{ overflow:hidden; width:1240px;height:929px;position:absolute; float:left;top:10;}
.lanrenzhijia .content .ul{ position:absolute; left:0; top:0; width:1200px;}
.lanrenzhijia .content .li{ width:1240px; float:left;}

.lanrenzhijia .content .ejfl{width: 1198px;height: 55px;line-height: 55px;border:1px solid #ccc;border-top: none;margin:0 auto;margin-top: 5px;}
.lanrenzhijia .content .ejfl .left0{float: left;padding: 0 20px;}
.lanrenzhijia .content .ejfl .left0:first-child{width: 560px;}


.lanrenzhijia .content .ejfl .zzzz{width: 200px;}

.lanrenzhijia .content .ejfl .left0 span{font-size: 18px;color: #333333;}
.lanrenzhijia .content .ejfl .left0 a{font-size: 16px;color: #666;padding: 0 9px;}
.lanrenzhijia .content .ejfl .left0 a:hover{color: #f26600;}
.lanrenzhijia .content .ejfl .right{float: right;padding-right: 20px;}
.lanrenzhijia .content .ejfl .right span{width: 24px;height: 24px;background: #f26600;border-radius: 50%;display: block;color: #fff;line-height: 24px;text-align: center;margin-top: 15px;}

.lanrenzhijia .content .shang{width:1200px;padding-top: 40px;height: 404px;margin: 0 auto;}
.lanrenzhijia .content .shang .zuo{width: 718px;overflow: hidden;float: left;height: 404px;}
.lanrenzhijia .content .shang .you{width: 482px;height:404px;float: right;background: url(../image/you_bg.jpg)no-repeat center;}
.lanrenzhijia .content .shang .you .neirong{width: 80%;margin: 0 auto;}
.lanrenzhijia .content .shang .you p{color:#f26600;font-size: 30px;padding-bottom: 30px;padding-top: 70px;font-weight: bold;}

.lanrenzhijia .content .shang .font{color:#666;font-size: 14px;line-height: 24px;}

.lanrenzhijia .content .shang a{width: 145px;height: 40px;line-height: 40px;text-align: center;color: #f26600;border-radius: 40px;display: block;border:1px solid #f26600;font-size: 14px;margin-top: 35px;}

.bg01{width:100%;height:500px;position:relative;margin-top: 30px;}
.bg02{width:100%;height:500px;position:relative;margin-top: 30px;}
.bg03{width:100%;height:500px;position:relative;margin-top: 30px;}

.info_box_pic_box_wrap{margin-top:20px;}
.info_box_pic_box{width:1220px;height:320px;overflow:hidden;text-align:center;position:relative;left: 20px;}

.info_box_pic_box .swiper-slide{width:285px;height:320px;position: relative;overflow: hidden;display: block;}
.info_box_pic_box .swiper-slide a{width:282px;height:238px;display:block;color:#4d4d4d;position:relative;margin-bottom:5px;overflow:hidden;border:1px solid #ccc;}
.info_box_pic_box .swiper-slide a:hover{border:1px solid #f26600;}

.info_box_pic_box .swiper-slide img{display:block;width:100%;margin:0 auto;height:100%;transition:0.3s;}
.info_box_pic_box .swiper-slide p{width:93%;font-size:16px;color:#5e5e5e;text-align:left;line-height: 45px;border-bottom: 1px solid #959595;}
.info_box_pic_box .swiper-slide p i{display: block;float: right;font-style: normal;}
.info_box_pic_box .swiper-slide:hover p{color:#f26600;border-bottom: 1px solid #f26600;}
.swiper-slide:hover.swiper-slide h6{color:#267ba0;}
.info_box_pic_box_more_btn{width:100%;text-align:center;margin:30px 0;}
.info_box_pic_box_more_btn a{display:inline-block;padding:12px 60px;background:#dc2821;color:#fff;font-size:18px;line-height: 35px;}
.info_box_pic_box_more_btn a:hover{background:#323232;}

.product_picbox_left_btn5 span{display: block;width: 28px;height: 56px;line-height: 56px;background: #3062a3;color: #fff;text-align: center;position: absolute;top: 110px;}
.product_picbox_right_btn5 span{display: block;width: 28px;height: 56px;line-height: 56px;background: #3062a3;color: #fff;text-align: center;position: absolute;top: 110px;right: 20px;}
.product_picbox_left_btn5 span:hover{background:#f26600;}
.product_picbox_right_btn5 span:hover{background:#f26600;}



#mygod span{display: block;width: 40px;height: 80px;line-height: 80px;background: #3062a3;color: #fff;text-align: center;position: absolute;top: 80px;left: 20px;font-size: 20px;}
#mygod2 span{display: block;width: 40px;height: 80px;line-height: 80px;background: #3062a3;color: #fff;text-align: center;position: absolute;top: 80px;right: 21px;font-size: 20px;}

#mygod span:hover{background: #f26600;}
#mygod2 span:hover{background: #f26600;}


.light1,.light3,.light4,.light5{ 
cursor:pointer; 
position: absolute; 
left: -300px; 
top: 0; 
width: 200px; 
height: 540px; 
background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.4),rgba(255,255,255,0)); 
transform: skewx(-25deg); 
z-index: 999999;} 


.light2{ 
cursor:pointer; 
position: absolute; 
left: -100px; 
top: 0; 
width: 100px; 
height: 200px; 
background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0)); 
transform: skewx(-25deg); 
z-index: 999999;} 

.swiper-slide:hover .light2{ 
left:180px; 
transition:0.9s; 
} 


.shang .zuo:hover .light1{ 
left:800px; 
transition:1.5s; 
} 


.shang .zuo:hover .light3{ 
left:2000px; 
transition:1.5s; 
} 
.shang .zuo:hover .light4{ 
left:3200px; 
transition:1.5s; 
} 
.shang .zuo:hover .light5{ 
left:4600px; 
transition:1.5s; 
} 



.case_text{width: 500px;height: 380px;background-color: #fff;top:270px;z-index: 999;display: inline-block;padding: 50px 53px;box-sizing: border-box;text-align: left;float: right;margin-right: 75px;}
.case_index_content .case_p{margin-top: 20px;font-size: 16px;olor:#666;line-height: 26px;width: 413px;height: 145px;}
.case_text img{float: left;}
.case_title{line-height: 48px;font-size:32px;color:#f26600;font-weight:bold}
.case_btn{width: 160px;height: 50px;color:#fff;font-size: 18px;border-radius: 2px;background: #000 ;text-align: center;line-height: 50px;float: left;cursor: pointer;margin-top: 40px;margin-right: 12px;}
.case_btn:hover{background-color: #d7010e;}
.case_down{width: 1200px;min-width: 1200px;margin: 0 auto;height: 80px;position: relative;padding: 32px 0 0 0 ;}
.case_more{display: inline-block;font-size: 24px;color:#fff;font-weight: bold;width:50px;margin-left: 96px;cursor: pointer;line-height: 30px;}
.case_style_img{position: absolute;left:152px;top:60px;}
.case_style{float: left;margin-right: 75px;color:#a5a5a5;font-size: 15px;cursor: pointer;width: 116px;height: 38px;text-align: center;line-height: 38px;}
.case_style:hover{background: #d7010e;color: #fff;}
.case_index_box{width: 100%;height: 900px;background:url(../image/shili_bg.jpg)no-repeat center;position: relative;min-width: 1300px;overflow: hidden;margin-top: 63px;}
.case_index_title{text-align: center;color: #fff;padding: 70px 0 50px 0;font-size: 42px;font-weight: normal;}
.case_run_box{position: relative;width: 100%;min-width: 1300px;}
.case_run_box{width: 100%;height: 606px;min-width: 1300px;}
.case_img_lf{width: 1095px;height: 606px;float: left;overflow: hidden;}
.case_img_rt{width: 350px;height: 606px;float: right;overflow: hidden;}
.case_run_item{width: 1220px;float: left;position: relative;margin-right: 325px;}
.case_index_content_box{width: 1200px;height: 0;position: relative;margin: 0 auto;}
.case_index_content{position: absolute;width: 1490px;height: 400px;top: 75px;left: 0;z-index: 20;}

.pagination{text-align: right;margin-right: 75px;margin-bottom: 20px;}
.pagination .left_count{color: #f26600;font-size: 40px;}
.pagination .right_count{color: #666;font-size: 32px;}
.case_index_box .ntitle{padding: 80px 0 60px 0;}
.case_index_content .iconfont{width: 135px;height: 48px;text-align: center;line-height: 48px;display: block;float: left;margin-right: 20px;color: #fff;background: #3062a3;font-size: 50px;}
.case_index_content .iconfont:hover{background: #f26600;cursor: pointer;}


.jz{padding: 0 0 60px;position: relative;}
.jz .ntitle{padding:70px 0px 60px 0px;}
.jz .cp_bt,.news_bg .cp_bt{padding: 57px 0 0;height: 120px;}
.jz dl dt{position: relative;width: 690px;float: left;}
.jz dl dt span{width: 690px;height: 450px;display: block;overflow: hidden;}
.jz dl dt span img{width: 690px;height: 450px;}
.jz dl dd{width: 410px;float: right;padding: 50px 0 0;}
.jz dl dd h5 a{color: #f26600;font-size: 32px;display: block;font-weight: bold;}
.jz dl dd hr{outline: none;background: #f26600;border:0;height: 2px;width: 72px;text-align: left;margin:42px 0px;}
.jz .jz_desc{font-size: 14px;color: #666;line-height: 28px;height: 112px;overflow: hidden;}
.jz dl dd span{display: block;width: 140px;padding: 60px 0 0;}
.jz dl dd span a{display: block; font-size: 14px; color: #fff; width: 140px; text-align: center; height: 40px; line-height: 40px; background: #f26600; overflow: hidden;border-radius: 20px;-webkit-transition:all .3s;transition:all .3s;box-shadow: 0px 8px 8px #eee;}
.jz b{width: 50px;height: 50px;position: absolute;top: 621px;display: block;z-index: 50;}
.jz b a span{ width:50px; height:50px; display:block;background: #3062a3;color: #fff;font-size: 30px;line-height: 50px;text-align: center;}
.jz b a span:hover{background: #f26600;}

.jz_l{left: 640px;}
.jz_r{left: 691px;}


#zhens{width:100%;height: 480px;background: url(../image/zheng_bg.jpg)no-repeat center;margin-top: 20px;}
#zhens .left{width: 732px;float: left;top: 110px;color: #fff;position: absolute;}
#zhens .left p{font-weight: bold;font-size: 24px;margin-bottom: 30px;color: #fff;}
#zhens .info_box_pic_box{width: 100%;}
#zhens .info_box_pic_box .swiper-slide a{width:224px;height:158px;display:block;color:#4d4d4d;position:relative;margin-bottom:5px;border:none;}
#zhens .info_box_pic_box .swiper-slide a:hover{border:none;}
#zhens .info_box_pic_box .swiper-slide a:hover img{transform:scale(1.05);}
#zhens .info_box_pic_box{left: 0;}
#zhens .info_box_pic_box .swiper-slide span{font-size: 16px;line-height: 60px;color: #fff;}
#zhens .product_box_pic_box_pnbtn{top:115px;}
#zhens .right{width: 330px;float: right;padding-top: 107px;}
#zhens .right .kuang{width: 330px;height: 220px;border:4px solid #d0dbdf;text-align: center;position: relative;color: #fff;}
#zhens .right .kuang img{padding-top: 50px;width: 150px;}
#zhens .right .kuang p{font-size: 36px;font-weight: bold;color: #fff;}
#zhens .right .kuang a{width: 195px;height: 45px;line-height: 45px;background: #f26600;text-align: center;font-size: 16px;display: block;color: #fff;margin: 0 auto;border-radius: 45px;position: absolute;top: 200px;left: 65px;}
#zhens .right .haoma{font-size: 32px;font-weight: bold;font-family: "Arial";color: #fff;text-align: center;margin-top: 50px;}
#zhens .right .haoma span{font-size: 32px;color: #f26600;padding-right:20px;}





#xinwen{ margin-top:90px;}
.lanren{ width:1200px; height:65px; margin:0px auto; background:none; font-family:"Microsoft YaHei";}
.lanren .tab{width:740px; height:48px; line-height:48px;margin: 0 auto;margin-bottom:35px;margin-top: 40px;}

.lanren .tab a{  display:block; float:left; color:#333; height:48px; line-height:48px;text-align:center; font-size:18px; width: 165px;background: #f7f7f7;margin: 0 10px;}
.lanren .tab a:hover{  color:#fff;background: #f26600;}
.lanren .tab a.on{ color:#fff;background: #f26600;}
.lanren .content{ overflow:hidden; width:1200px; position:relative; float:left; margin-top:4px; height:530px;}
.lanren .content .left_1 a:hover{color:#f26600;}
.lanren .content .left_2 a:hover{color:#f26600;}
.lanren .content .ul{ position:absolute; left:0; top:0; width:1200px;}
.lanren .content .li{ width:1200px; float:left;}

.lanren .content .left_1{width: 317px;height: 446px;float: left;background: #f7f7f7;padding-left: 20px;}
.lanren .content .left_1 a{display: block;font-size: 16px;color: #333;padding: 35px 0 20px 0;}
.lanren .content .left_1 img{margin-top: 20px;width: 295px;height:314px;}
.lanren .content .left_2{width: 330px;float: left;margin:0 15px;}
.lanren .content .left_2 .bigl{width: 290px;height: 215px;background: #f7f7f7;margin-bottom: 15px;padding: 0 20px;}
.lanren .content .left_2 .date{height: 80px;border-bottom:1px solid #ccc;color: #999;padding-top: 20px;}
.lanren .content .left_2 .date .zuo p{font-size: 36px;font-weight: bold;}
.lanren .content .left_2 a{display: block;font-size: 16px;color: #333;line-height: 50px;}
.lanren .content .left_2 .date .zuo{float: left;font-size: 12px;}
.lanren .content .left_2 .date .you{float: right;font-size: 40px;}
.lanren .content .left_2 .date .you span{font-size: 18px;}
.lanren .content .right{width: 503px;float: right;height: 446px;background: #f7f7f7;}
.lanren .content .right .list{border-bottom:1px solid #ececec;height: 65px;padding: 20px 0;margin: 0 auto;width: 460px;}
.lanren .content .right .list .riqi{width: 110px;float: left;text-align: center;font-size: 12px;color:#999;}
.lanren .content .right .list .riqi p{font-size: 36px;font-weight: bold;}
.lanren .content .right .list a{float:left;font-size: 16px;color: #333;line-height: 65px;}
.lanren .content .right .list span{float:right;line-height: 65px;color: #999;font-size: 18px;}
.lanren .content .right .list:hover span{color:#f26600;}
.lanren .content .right .list:hover a{color:#f26600;}
.lanren .content .right .list:hover .riqi{color:#f26600;}
.lanren .content .left_2 .bigl:hover{background: #fff;box-shadow: 0px 4px 8px 0px rgba(76, 76, 76, 0.25);}
.lanren .content .left_2 .bigl:hover a{color: #f26600;}
.lanren .content .left_2 .bigl:hover .date{color: #f26600;}
.lanren .content .left_2 .bigl:hover span:first-child{color: #f26600;}