.p-tb80{padding: 80px 0;}
.p-lr10{padding: 0 10px;}
.p-lr5{padding: 0 5px;}
.m-t60{margin-top: 60px;}
.m-t40{margin-top: 40px;}
.m-t20{margin-top: 20px;}
.fz-24{font-size: 24px;}
.content-text{font-size: 14px;line-height: 2;color: #666;}
.text-p p{margin-bottom: 0;}

@media(max-width: 991px){
    .p-tb80{padding: 48px 0;}
    .p-lr10{padding: 0 7px;}
    .p-lr5{padding: 0 8px;}
    .m-t60{margin-top: 42px;}
    .m-t40{margin-top: 28px;}
    .m-t20{margin-top: 14px;}
    .fz-24{font-size: 20px;}
}


.worksbox{margin-top: -130px;position: relative;z-index: 99;}
.worksbox .flex{display: flex;flex-wrap: wrap;}
.worksbox .flex .content{width: 100%;height: 100%;padding: 30px;color: #fff;}
.worksbox .flex .content .title{font-size: 20px;}
.worksbox .flex .content .desc{line-height: 1.75;}
.worksbox .flex .content a{color: #fff;text-decoration: underline;}

.wp_item_title .cn{letter-spacing: 4px;color: #404d5e;}
.wp_item_title .wpline{width: 50px;height: 2px;background: #e06225;margin: 12px auto;}
.wp_item_title .en{color: #404d5e;}
.pro_cate_flex{display: flex;flex-wrap: wrap;justify-content: space-between;}
.pro_cate_flex .catecon{width: 150px;height: 80px;position: relative;}
.pro_cate_flex .catecon:after{content: '';width: 32px;height: 32px;background: url('../images/bgimg.png') no-repeat top left/100%;position: absolute;top: -16px;left: 50%;transform: translateX(-50%);}
.pro_cate_flex .catecon a{width: 100%;height: 100%;text-align: center;display: flex;align-items: center;justify-content: center;font-size: 16px;font-weight: bold;color: #333;background: url('../images/bg.png') no-repeat top left/100%;}
.pro_cate_flex .catecon a:hover{background: #e06225;color: #fff;}
.displaybg{background: #ebf0fa;}
a.home_pro_top{display: block;background: #fff;}
a.home_pro_end{display: block;padding: 15px;font-size: 16px;background: #e06225;color: #fff;}
a.home_pro_top:hover img{transform: scale(1.08);}
a.home_pro_end:hover{background: #e06225;}

.aboutusbg{padding-bottom: 0;background: url('../images/aboutus.jpg') #e6f0fa no-repeat top center/100%;}
.aboutusbg .wp_item_title .cn{color: #fff;}
.aboutusbg .wp_item_title .wpline{background: #fff;}
.aboutusbg .wp_item_title .en{color: #fff;}
.home_info_flex{background: #fff;padding: 10px;display: flex;align-items: center;}
.home_info_flex .img{width: 560px;}
.home_info_flex .con{width: calc(100% - 560px);padding: 0 40px;}
.home_info_flex .con .title{padding-bottom: 15px;position: relative;}
.home_info_flex .con .title:before{content: '';width: 50px;height: 2px;background: #e06225;position: absolute;left: 0;bottom: 0;}
.home_info_flex .con .desc{line-height: 1.75;-webkit-line-clamp: 8;max-height: 14em;}
a.view-more{display: inline-block;width: 145px;height: 42px;line-height: 42px;background: #e06225;color: #fff;}
a.view-more:hover{background: #ff4e4e;}

.home_news_bg{background: #e6f0fa;}
.pic_news_box .title{margin-top: 10px;font-size: 16px;font-weight: bold;}
.pic_news_box .title a{color: #333;}
.pic_news_box .time{margin: 6px 0;color: #999;}
.pic_news_box .desc{color: #666;-webkit-line-clamp: 3;line-height: 1.6;height: 4.8em;}
.pic_news_box .title a:hover{color: #e06225;}
.pic_news_box .img a:hover img{transform: scale(1.08);}

.wp_full_width{padding: 30px 0;background: #e06225;}
.wp_full_width .flex{display: flex;align-items: center;justify-content: space-between;}
.wp_full_width .flex .title{font-size: 20px;color: #fff;}
.wp_full_width .flex a{background: #fff;color: #e06225;}
.wp_full_width .flex a:hover{background: #e06225;color: #fff;}

@media(max-width: 991px){
    .worksbox{margin: 0;padding-top: 34px;}
    .worksbox .flex .content{padding: 15px;}
    .worksbox .flex .content .title{font-size: 18px;}
    .pro_cate_flex .catecon{width: 120px;height: 64px;}
    .pro_cate_flex .catecon:after{width: 28px;height: 28px;top: -14px;}
    .pro_cate_flex .catecon a{font-size: 14px;}
    
    .aboutusbg{background-size: auto 300px;}
    .home_info_flex{display: block;}
    .home_info_flex .img{width: 100%;}
    .home_info_flex .con{width: 100%;padding: 20px 0 0;}
}
@media(max-width: 768px){
    .pro_cate_flex .catecon{width: 140px;height: 75px;}
    .pro_cate_flex .catecon:after{width: 24px;height: 24px;top: -12px;}
    .pro_cate_flex .catecon a{font-size: 14px;}
    a.home_pro_end{padding: 8px;font-size: 14px;}
    
    .wp_full_width .flex{display: block;}
    .wp_full_width .flex .title{font-size: 16px;}
    .wp_full_width .flex a{display: block;margin: 20px auto 0;}
}


.wp_box_show_con{margin-top: -1rem;position: relative;z-index: 99;}
.wp_width_content{padding: 30px 30px 60px;background: #fff;min-height: 40vh;border-top: 10px solid #e06225;}
.current-flex{height: 48px;border-bottom: 1px solid #eee;}
.current-flex ul{padding-left: 16px;background: url('../images/home.png') no-repeat left center/15px;}
.current-flex ul li{float: left;color: #999;margin-left: 6px;}
.current-flex ul li a{display: block;color: #999;}
.current-flex ul li a:hover{color: #e06225;text-decoration: underline;}

.box-pro-next-prev .product-prev{left: -0.6rem;}
.box-pro-next-prev .product-next{right: -0.6rem;}
.box-pro-next-prev .product-prev,.box-pro-next-prev .product-next{width: 28px;height: 42px;margin: 0;background: #f6f6f6;top: 50%;transform: translateY(-50%);}
.box-pro-next-prev .product-prev:after,.box-pro-next-prev .product-next:after{font-size: 16px;color: #888;}
.box-pro-next-prev .product-prev:hover,.box-pro-next-prev .product-next:hover{background: #e06225;}
.box-pro-next-prev .product-prev:hover:after,.box-pro-next-prev .product-next:hover:after{color: #fff;}

.item-show-menu-zuo{width: 240px;}
.item-show-menu-zuo .wp-title .cn{font-size: 20px;text-transform: uppercase;line-height: 1;letter-spacing: 4px;color: #404d5e;}
.item-show-menu-zuo .wp-title .en{margin-top: 8px;font-size: 20px;text-transform: uppercase;line-height: 1;color: #404d5e;}
.shownav ul.navul>li{border-bottom: 1px solid #eee;}
.shownav ul.navul>li:last-child{border-bottom: none;}
.shownav ul.navul>li>a{display: block;padding: 7px 0;color: #404d5e;}
.shownav ul.navul>li.active>a,.shownav ul.navul li>a:hover{color: #e06225;}

.tab-item .tab-con{border-bottom: 1px solid #eee;}
.tab-item .tab-con:last-child{border-bottom: none;}
.tab-item .tab-con>a{display: block;padding: 7px 0;color: #404d5e;}
.tab-item>.tab-con>.title{padding: 7px 30px 7px 0;position: relative;}
.tab-item>.tab-con>.title>a{display: inline-block;color: #404d5e;}
.tab-item>.tab-con>.title>.cat{width: 12px;height: 12px;cursor: pointer;background: url('../images/down.png') no-repeat top left/100%;position: absolute;right: 0;top: 50%;transform: translateY(-50%) rotate(-90deg);z-index: 9;transition: all 0.5s;}
.tab-item>.tab-con.open>.title>.cat{transform: translateY(-50%) rotate(0deg);}
.tab-item>.tab-con>.txtdesc{display: none;}
.tab-item>.tab-con.open>.txtdesc{display: block;}
.tab-item .tab-con>a:hover,.tab-item>.tab-con.open>a,.tab-item>.tab-con.open>.title>a{color: #e06225;}

.con-item-box>a{display: block;padding: 7px 0 7px 20px;color: #404d5e;}
.con-item-box>.navtitle{padding: 7px 0 7px 20px;cursor: pointer;position: relative;}
.con-item-box>.navtitle:before,.con-item-box>.navtitle:after{content: "";position: absolute;top: 50%;transform: translateY(-50%);background: #999;position: absolute;z-index: 10;}
.con-item-box>.navtitle:before{width: 2px;height: 10px;left: 4px;transition: transform 0.3s ease;}
.con-item-box>.navtitle:after{width: 10px;height: 2px;left: 0;}
.con-item-box.open>.navtitle:before{transform: translateY(-50%) rotate(90deg);}
.con-item-box>.navtitle>a{display: inline-block;color: #404d5e;}
.con-item-box>.navcont{display: none;text-align: right;}
.con-item-box.open>.navcont{display: block;}
.con-item-box .navcont a{display: inline-block;padding: 7px 0 7px 30px;color: #404d5e;}
.con-item-box>a:hover,.con-item-box.open>.navtitle>a,.con-item-box>.navtitle>a:hover{color: #e06225;}
.con-item-box .navcont a:hover,.con-item-box .navcont a.active{color: #e06225;}


.us_info_left{width: 240px;height: 80px;color: #fff;position: relative;}
.us_info_left.email{background: url('../images/zs01.jpg') no-repeat top left/100%;}
.us_info_left.email .text{width: 160px;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.us_info_left.phone{margin-top: 10px;background: url('../images/zs02.jpg') no-repeat top left/100%;}
.us_info_left.phone .text{width: 160px;text-align: right;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}

.item-show-cont-you{width: calc(100% - 240px);padding-left: 40px;}
.box-pro-list{padding: 10px;border: 1px solid #eee;}
.box-pro-list .title{margin-top: 10px;}
.box-pro-list .title a{color: #333;}
.box-pro-list:hover{border-color: #e06225;}
.box-pro-list:hover img{transform: scale(1.08);}

.wb_details_zuo_img{width: 360px;}
.content-swiper-top .swiper-slide,.content-swiper-end .swiper-slide{border: 1px solid #eee;cursor: pointer;}
.content-swiper-end .swiper-slide-thumb-active{border-color: #e06225;}
.content-swiper-end .swiper-button-prev{left: 0;}
.content-swiper-end .swiper-button-next{right: 0;}
.content-swiper-end .swiper-button-prev,.content-swiper-end .swiper-button-next{width: 20px;height: 32px;margin: 0;background: rgba(0,0,0,0.25);top: 50%;transform: translateY(-50%);}
.content-swiper-end .swiper-button-prev:after,.content-swiper-end .swiper-button-next:after{font-size: 14px;color: #fff;}
.content-swiper-end .swiper-button-prev:hover,.content-swiper-end .swiper-button-next:hover{background: #e4000d;}
.content-swiper-end .swiper-button-disabled{display: none;}

.galleryOverlay{width: 100%;height: 100%;position: fixed;top: 0;left: 0;opacity: 0;z-index: 100000;background-color: rgba(0,0,0,.7);overflow: hidden;display: none;-moz-transition: opacity 0.5s ease;-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease;}
.galleryOverlay.visible{opacity: 1;}
.gallerySlider{width: 100%;height: 100%;position: absolute;left: 0;top: 0;white-space: nowrap;}
.gallerySlider .placeholder{background: url("../images/loading.gif") no-repeat center center;height: 100%;line-height: 1px;text-align: center;width: 100%;display: inline-block;}
.gallerySlider .placeholder:before{content: "";display: inline-block;height: 50%;width: 1px;margin-right: -1px;}
.gallerySlider .placeholder img{display: inline-block;max-height: 88%;max-width: 100%;vertical-align: middle;}
.prevArrow, .nextArrow{border: none; text-decoration: none;opacity: 0.5;cursor: pointer;position: absolute; width:50%;height:100%;top:0;margin-top: 0px;}
.prevArrow:hover, .nextArrow:hover{opacity: 1;}
.prevArrow{background-position: left top;left:0;}
.nextArrow{background-position: right top;right:0;}
.pagelimit{position: absolute;bottom: 20px;left: 50%;margin-left: -18px;color: #fff;font-size: 18px;}
.closed{cursor: pointer;position: absolute;width: 40px;height: 40px;right:2%;top: 3%;transform: rotate(45deg);}
.closed::after,.closed::before{content: '';background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.closed:hover{opacity: 0.5;}
.closed::after{width: 26px;height: 2px;}
.closed::before{width: 2px;height: 26px;}

.wb_details_you_con{width: calc(100% - 360px);padding-left: 40px;}
.main-pro-title{color: #333;font-size: 18px;padding: 10px 16px;position: relative;border-bottom: 1px solid #e7e7e7;}
.main-pro-title:after{content: '';width: 4px;height: 18px;background: #e4000d;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.prev-next-title a{line-height: 2;color: #999;padding-left: 20px;position: relative;}
.prev-next-title a span{width: 11px;height: 10px;display: block;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.prev-next-title a .top{background: url('../images/top.png') #c2c2c2 no-repeat left center/100%;}
.prev-next-title a .end{background: url('../images/end.png') #c2c2c2 no-repeat left center/100%;}
.prev-next-title a:hover{color: #e06225;text-decoration: underline;}
.prev-next-title a:hover .top,.prev-next-title a:hover .end{background-color: #e06225;}

@media(max-width: 991px){
    .wp_box_show_con{margin-top: 0;}
    .wp_width_content{padding: 42px 0;border-top: none;}
    .box-pro-next-prev .product-prev{left: -10px;}
    .box-pro-next-prev .product-next{right: -10px;}
    .box-pro-next-prev .product-prev,.box-pro-next-prev .product-next{width: 20px;height: 32px;}
    .box-pro-next-prev .product-prev:after,.box-pro-next-prev .product-next:after{font-size: 12px;}

    .wb_details_zuo_img,.item-show-menu-zuo{width: 100%;}
    .wb_details_you_con{width: 100%;padding: 36px 0 0;}
    .item-show-menu-zuo .wp-title{text-align: center;}
    .current-flex{height: auto;padding-bottom: 10px;}
    .shownav ul.navul{padding-bottom: 4px;text-align: center;white-space: nowrap;overflow-x: auto;}
    .shownav ul.navul li{display: inline-block;vertical-align: top;border: none;}
    .shownav ul.navul li a{height: 32px;line-height: 32px;padding: 0 12px;}
    .shownav ul.navul li a:before,.us_info_left{display: none;}
    .item-show-cont-you{width: 100%;padding: 28px 0 0;}
}


.pic_news_list{width: 100%;background: #fff;padding-bottom: 20px;display: flex;align-items: center;border-bottom: 1px solid #eee;position: relative;}
.pic_news_list .img{width: 175px;height: 110px;}
.pic_news_list .con{width: calc(100% - 175px);padding-left: 20px;}
.pic_news_list .con .title{font-size: 16px;-webkit-line-clamp: 1;line-height: 1.5;height: 1.5em;}
.pic_news_list .con .title a{color: #333;}
.pic_news_list .con .time{margin-top: 6px;color: #999;}
.pic_news_list .con .desc{margin-top: 12px;color: #aaa;-webkit-line-clamp: 2;line-height: 1.6;height: 3.2em;}
.pic_news_list .con .title a:hover{color: #e06225;}
.pic_news_list .img a:hover img{transform: scale(1.08);}
.pic_time_hits{padding: 20px 0;color: #aaa;border-bottom: 1px dashed #eee;}

.item_search_form{overflow: hidden;border-radius: 5px;position: relative;}
.item_search_form .input{width: 100%;height: 45px;background: #fff;border-radius: 5px;border: 1px solid #EDEDED;padding: 0 100px 0 40px;}
.item_search_form .img{width: 45px;height: 45px;background: url('../images/search.png') no-repeat center center/18px;position: absolute;top: 0;left: 0;}
.item_search_form .boxbtn{width: 80px;height: 45px;line-height: 45px;text-align: center;background: #e06225;color: #fff;position: absolute;top: 0;right: 0;}
.item_search_form .boxbtn:hover{background: #e4000d;}

.contact_us_wrap{display: flex;flex-wrap: wrap;}
.contact_us_wrap .wpcon{width: 100%;height: 100%;padding: 30px;border: 1px solid #dfdfdf;}
.contact_us_wrap .wpcon .img{width: 80px;margin: auto;}
.contact_us_wrap .wpcon .end{padding-top: 24px;text-align: center;}
.contact_us_wrap .wpcon .end .title{font-size: 16px;margin-bottom: 8px;font-weight: bold;}
.contact_us_wrap .wpcon .text{color: #888;}

.leave_message{padding: 30px;border: 1px solid #dfdfdf;}
.leave_message .text{margin-top: 10px;color: #888;}
.form_send_mail .title{margin-bottom: 6px;}
.form_send_mail .title span{color: #e4000d;}
.form_send_mail .boxinput,.form_send_mail .boxarea{width: 100%;height: 40px;padding: 0 10px;border: 1px solid #eee;}
.form_send_mail .boxarea{height: 150px;padding: 10px;}
.form_send_mail .viercode{padding-right: 140px;position: relative;}
.form_send_mail .viercode .phrase{cursor: pointer;position: absolute;top: 0;right: 0;}
.form_send_mail .viercode .phrase img{height: 40px;}
.form_send_mail .boxbtn{width: 120px;height: 40px;background: #e06225;color: #fff;}
.form_send_mail .boxbtn:hover{background: #e4000d;}
.iw_poi_title{color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap;}
.iw_poi_content{font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word;}
#dituContent{width: 100%;height: 400px;}

@media(max-width: 768px){
    .pic_news_list{padding-bottom: 14px;}
    .pic_news_list .img{width: 80px;height: 80px;}
    .pic_news_list .con{width: calc(100% - 80px);padding-left: 10px;}
    .pic_news_list .con .title{-webkit-line-clamp: 2;line-height: 1.5;height: 3em;}
    .pic_news_list .con .time{margin-top: 12px;text-align: right;}
    .pic_news_list .con .desc{display: none;}
    .pic_time_hits{padding: 14px 0;}
    
    .contact_us_wrap .wpcon{padding: 15px;display: flex;align-items: center;}
    .contact_us_wrap .wpcon .img{width: 64px;}
    .contact_us_wrap .wpcon .end{width: calc(100% - 64px);padding: 0 0 0 15px;text-align: left;}
    .leave_message{padding: 15px;}
}