p,a,div{font-size:16px;}
a{transition:.5s;}
button{transition:.5s;}
.container{max-width:1600px;margin:0 auto;padding:0;}
.pc_show{display: block;}
@media(max-width:1600px){
    .container{width:94%;margin:0 auto;}
}
@media(max-width: 992px){
    .pc_show{display: none!important;}

    p,a,div{font-size:14px;}
}

/*电脑端导航*/
header{height:100px;width:100%;top:0;left:0;position: fixed;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);z-index:99;}
header .container{height:100%;display: flex;justify-content: space-between;align-items: center;}
header .logo{display: flex;align-items: center;}
header .logo p{font-size:42px;font-weight: bold;color:#000;font-weight:bold;}
header .nav{display: flex;align-items: center;height:100%;}
header .link{padding:10px 20px;font-size:16px;color:#000;display: flex;align-items: center;margin:0 13px;height:38px;}
header .link.active{background: #306bd1;color:#fff;border-radius: 38px;}

/*移动端导航*/
.mobile_header{width:100%; height:60px;position:fixed;top:0;left:0;z-index:1999;display: none;background: #fff;}
.mobile_header .container{max-width:100%;width:100%;height:100%;display:flex;justify-content: space-between;align-items: center;padding:0 20px;}
.mobile_header .header_logo{font-size:20px;font-weight: bold;flex:1;display: flex;align-items: center;}
.mobile_header .container img{height: 45px;margin-right:15px;}
.mobile_header .header_logo p{font-size:18px;color:#306bd1;}
.mobile_header .container i{background:#306bd1;font-size: 25px;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;color: #fff;border-radius: 5px;cursor: pointer;}
.mobile_header .open_logo img {width: 150px;margin-top: 20px;}
.mobile_header .nav-phone {position:fixed; top:0; right:-100%; width:100%; height: 100vh; background:#306bd1;z-index:2000;color:#fff;padding:30px;box-sizing: border-box;}
.mobile_header .close { display: flex;justify-content: flex-end;font-size: 30px;color: #fff;cursor: pointer;opacity: 1!important;font-weight: normal;}
.mobile_header .close:hover{color: #fff;}
.mobile_header .mobile_menu {width:92%; margin-top:80px; height:auto; z-index:99;}
.mobile_header .mobile_menu li{width:100%;padding:12px 0;}
.mobile_header .mobile_menu li .new{position: absolute;left: 24%;top: 1px;width: 40px;}
.mobile_header .mobile_menu li a{display:block;height:100%; font-size:18px; color:#fff;}
.mobile_header .mobile_menu li h3 {width:100%;background: url(../images/icon_01.png) 98% center no-repeat; background-size:16px;  position:relative;}
.mobile_header .mobile_menu li.selected h3{background: url(../images/icon_02.png) 98% center no-repeat; background-size:16px; }
.mobile_header .mobile_menu li .list-item {position:relative;overflow: hidden;zoom: 1;display: none;padding-top:10px;}
.mobile_header .mobile_menu li .list-item a{display:block; padding-left:20px; font-size:16px;}
.mobile_header .mobile_menu li .list-item a:hover{color:#c3a478;}
.mobile_header .open_logo{display: flex; justify-content: center; align-items: center;}
.mobile_header .open_logo a{font-size:20px;color:#fff;}
.mobile_header .open_logo img{width:210px;}
.mobile_header .mobile_menu li i{color:#c72032; margin-right:5px;}
.mobile_header #navToggle{display: none;}
.mobile_header .m_logo{display: none;}
.mobile_header .shop{display: flex;align-items: center;justify-content: center;color:#fce546;width:100%;height:75px;background-color: #477927;margin-top:92px;}
.mobile_header i{font-size:26px;}
.mobile_header span{font-size:24px;}
.mobile_header .bottom{font-size:14px;color:#fff;text-align: center;padding:25px 0;border-top:1px solid #c72032;margin-top:100px;line-height:1.5;}

/*首页-轮播图*/
.banner{width:100%;height:550px;margin-top:100px;position: relative;overflow: hidden;}
.banner .container{height:100%;display: flex;flex-direction: column;align-items: center;justify-content: start;padding-top:5%;}
.banner .swiper-container{width:100%;height:100%;display: flex;flex-direction: column;align-items: center;}
.banner .banner_inner{color:#fff;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.banner .line1{font-size:64px;text-align: center;font-weight: bold;}
.banner .line1 span{color:#64bc44;}
.banner .line2{text-align: center;margin:32px 0 45px;font-size:22px;line-height: 1.8;}
.banner .line3{display: none;align-items: center;justify-content: center;background-image: linear-gradient(to right,#44a5e6,#042a7f);width:158px;height:54px;border-radius: 54px;}
.banner .line3 i{margin-left:20px;transition: .5s;}
.banner .line3:hover i{transform: translateX(20px);}

.de_honor{height:200px;display: flex;position: absolute;right:0;bottom:0;z-index:10;}
.de_honor .left{width:325px;height:100%;}
.de_honor .left img{width:100%;height:100%;object-fit: cover;}
.de_honor .right{display: flex;align-items: center;height:100%;background: #fff;}
.de_honor .item{width:320px;height:123px;display: flex;flex-direction: column;align-items: center;justify-content: center;border-right:1px solid #e9e9e9;}
.de_honor .item:last-child{border-right:0;}
.de_honor .shang{font-size:18px;color:#00245b;}
.de_honor .shang span{font-size:50px;color:#306bd1;font-weight: bold;}
.de_honor .xia{font-size:18px;color:#00245b;margin-top:20px;}

/*首页简介*/
.de_about{padding:100px 0 50px;background: url(../images/de_about_bg.jpg) center center/cover no-repeat;}
.de_about .container{display: flex;align-items: center;justify-content: space-between;}
.de_about .left{width:50%;padding-right:10%;}
.de_titles{display: flex;align-items: center;}
.de_titles .line{width:45px;height:2px;margin-right:10px;background:#306bd1;}
.de_titles span{font-size:24px;color:#306bd1;}
.de_about .about_title{font-size:26px;color:#00245b;margin-top:58px;line-height: 1.5;font-weight: bold;}
.de_about .content{color:#00245b;line-height: 1.8;margin-top:65px;}
.de_about .about_more{margin-top:94px;width:200px;height:60px;border-radius:60px;color:#fff;background: #228353;display: flex;justify-content: center;align-items: center;}
.de_about .about_more span{margin-right:45px;}
.de_about .about_more i{transition: .5s;}
.de_about .about_more:hover i{transform: translateX(20px);}
.de_about .right{width:50%;position: relative;}
.de_about .about_txt{position: relative;z-index:1;width:100%;}
.de_about .about_pic{position: relative;z-index:2;top:-100px;width:100%;}

/*首页产品*/
.de_product{padding:80px 0;}
.de_product .desc{display: flex;justify-content: space-between;align-items: center;margin-bottom:45px;}
.de_product .left{max-width:70%;}
.de_product .content{font-size:26px;color:#00245b;margin-top:58px;line-height: 1.5;font-weight: bold;}
.de_product .pdt_more{width:200px;height:60px;border-radius:60px;border:1px solid #2170e0;color: #2170e0;display: flex;justify-content: center;align-items: center;}
.de_product .pdt_more span{margin-right:45px;}
.de_product .pdt_more .iconfont{transition: .5s;}
.de_product .pdt_more:hover i{transform: translateX(20px);}
.de_product .cates{width:100%;display: flex;justify-content: space-between;margin-bottom:50px;}
.de_product .cate{text-align:center;line-height:1.5;cursor:pointer;width:33%;height:60px;background: #d7dae4;color:#00245b;display: flex;justify-content: center;align-items: center;font-size:18px;}
.de_product .cate.active{background: #306bd1;color:#fff;}
.de_product .list{height:380px;}
.de_product .pdt_list{display: none;justify-content: space-between;height:100%;}
.de_product .pdt_list.active{display: flex;}
.de_product .pdt_list .item{width:32%;height:100%;position: relative;overflow: hidden;}
.de_product .pdt_list .item:last-child:nth-child(3n+2){margin-right:34%;}
.de_product .pdt_list img{width: 100%;height: 100%;object-fit: cover;display: block;transition: .5s;}
.de_product .pdt_list .item:hover img{transform: scale(1.1);}
.de_product .pdt_list p{position:absolute;bottom:0;left:0;width:100%;height:60px;background: rgba(0,0,0,.5);color:#fff;display: flex;justify-content: center;align-items: center;}

/*包装案例*/
.de_case{padding:30px 0 70px 0;}
.de_case .desc{display: flex;justify-content: space-between;align-items: center;}
.de_case .left{max-width:45%;}
.de_case .content{font-size:26px;color:#00245b;margin-top:58px;line-height: 1.5;font-weight: bold;}
.de_case .right{display: flex;justify-content: space-between;width:50%;}
.de_case .cate{cursor:pointer;height:225px;width:23%;position: relative;}
.de_case .cate .default_bg{display: block;position: relative;z-index:1;width:100%;height:100%;object-fit: fill;}
.de_case .cate .active_bg{display: none;position: relative;z-index:1;width:100%;height:100%;object-fit: fill;}
.de_case .cate.active .default_bg{display: none;}
.de_case .cate.active .active_bg{display: block;}
.de_case .cate .txt{position:absolute;z-index:2;left:0;top:0;width:100%;height:90%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.de_case .cate .iconfont{font-size:60px;max-height:60px;margin-bottom:23px;color:#a1acbb;display: flex;align-items: center;}
.de_case .cate .icon-chengshiguidaojiaotongshigu{font-size:90px;}
.de_case .cate .icon-dianche{font-size:80px;}
.de_case .cate.active .iconfont{color:#fff;}
.de_case .cate p{font-size:20px;color:#a1acbb;font-weight: bold;}
.de_case .cate.active p{color:#fff;}
.de_case .list{margin-top:40px;}
.de_case .block{display: none;}
.de_case .block.active{display: block;}
.de_case .block img{width:100%;}

/*首页-新闻*/
.de_news{padding:60px 0 20px;background: url(../images/de_news_bg.jpg) center top/cover no-repeat;}
.de_news .container{display: flex;flex-direction: column;align-items: center;}
.de_news .de_titles{text-align: center;justify-content: center;}
.de_news .content{margin-top:30px;font-size:26px;color:#00245b;line-height: 1.5;font-weight: bold;text-align: center;}
.de_news .list{margin-top:50px;display: flex;justify-content: space-between;margin-bottom:37px;flex-wrap:wrap;}
.de_news .item{padding:45px 66px;margin-bottom:37px;color:#00245b;background: #fff;display: block;height:435px;width:32%;overflow: hidden;display: flex;flex-direction: column;justify-content: center;}
.de_news .time{font-size:16px;}
.de_news .name{transition:.5s;margin-top:50px;font-size:24px;font-weight: bold;line-height: 1.5;}
.de_news .circle{transition:.5s;margin-top:135px;width:50px;height:50px;border-radius: 50%;border:1px solid #cad0d6;display: flex;justify-content: center;align-items: center;}
.de_news .circle .iconfont{transition:.5s;color:#636363;font-size:20px;font-weight:bold;}
.de_news .item:hover .name{color:#228353;}
.de_news .item:hover .circle{background:#228353;}
.de_news .item:hover .circle .iconfont{color:#fff;}
.de_news .item:nth-child(1){width:66%;border-radius:150px 0 0 0;justify-content: end;color:#fff;}
.de_news .item:nth-child(1) .name{margin-top:25px;}
.de_news .item:nth-child(1) .circle{margin-top:22px;}
.de_news .item:nth-child(5){border-radius:0 0 150px 0;}

/*首页-联系*/
.de_contact{padding:100px 0;width:100%;background: url(../images/de_contact.jpg) center center/cover no-repeat;}
.de_contact .container{display: flex;justify-content: space-between;align-items: center;color:#fff;}
.de_contact .left{width:48%;}
.de_contact .line1{font-size:24px;}
.de_contact .line2{position: relative;}
.de_contact .line2 p{font-size:42px;font-weight: bold;position: relative;margin-top:30px;display: inline-block;z-index:2;}
.de_contact .line2 p::after{z-index:-1;position: absolute;bottom:-10px;left:0;width:100%;height:12px;background: #1e4990;content:"";display: block;}
.de_contact .line3{font-size:18px;margin-top:36px;}
.de_contact .line4{margin-top:66px;display: flex;align-items: center;}
.de_contact .one{transition:.5s;margin-right:30px;width:230px;height:60px;background: #fff;color:#306bd1;display: flex;justify-content: center;align-items: center;border-radius: 10px;}
.de_contact .one .iconfont{font-size:25px;margin-right:20px;}
.de_contact .one span{font-size:20px;}
.de_contact .one:hover{background: #228353;color:#fff;border:1px solid #fff;}
.de_contact .two{display: flex;align-items: center;}
.de_contact .two .icon{margin-right:15px;width:64px;height:64px;background: #5579c2;display: flex;justify-content: center;align-items: center;border-radius: 50%;color:#fff;}
.de_contact .two .iconfont{font-size:35px;}
.de_contact .two .p1{color:#90b0f1;font-size:16px;margin-bottom:10px;}
.de_contact .two .p2{color:#fff;font-size:26px;font-weight: bold;}

.de_contact .right{width:48%;}
.de_contact .right form .line{display: flex;justify-content: space-between;margin-bottom:18px;}
.de_contact .right form input{background: #95acd5;border:none;outline:none;padding:0 20px;height:50px;color:#fff;width:48.5%;}
.de_contact .right form textarea{background: #95acd5;border:none;outline:none;padding:20px;height:160px;color:#fff;width:100%;}
.de_contact .right form .box{width:48.5%;position: relative;height:50px;margin-top:18px;}
.de_contact .right form .box input{width:100%;height:100%;}
.de_contact .right form .box img{position: absolute;height:100%;position: absolute;right:0;top:0;}
.de_contact .right form .bttn{cursor:pointer;transition:.5s;margin-top:18px;width:48.5%;height:50px;background: #fff;color:#306bd1;font-size:20px;display: flex;justify-content: center;align-items: center;}
.de_contact .right form .bttn:hover{background: #228353;color:#fff;border:1px solid #fff;}

.de_contact ::-webkit-input-placeholder{color:#fff;}    /* 使用webkit内核的浏览器 */
.de_contact :-moz-placeholder{color:#fff;}                  /* Firefox版本4-18 */
.de_contact ::-moz-placeholder{color:#fff;}                  /* Firefox版本19+ */
.de_contact :-ms-input-placeholder{color:#fff;}           /* IE浏览器 */

/*底部*/
footer{background: #191f2b;color:#fff;}
footer .info{padding:60px 0;display: flex;justify-content: space-between;border-bottom:1px solid #303641;}
footer .left{width:30%;}
footer .footer_title{margin-bottom:40px;padding:20px 0;border-bottom:1px solid #303641;color:#fff;font-size:20px;font-weight: bold;}
footer .left .list{display: flex;justify-content: space-between;flex-wrap:wrap;}
footer .left .item{width:32%;font-size:16px;color:#c1c8cf;margin-bottom:25px;}
footer a:hover{text-decoration: underline;}

footer .center{width:30%;}
footer .center .line{margin-bottom:18px;font-size:16px;color:#c1c8cf;}
footer .center a{font-size:16px;color:#c1c8cf;}

footer .right{width:25%;}
footer .right .codes{display: flex;}
footer .right .code{width:45%;margin-right:20px;}
footer .right img{width:100%;}
footer .right p{text-align: center;margin-top:10px;font-size:16px;color:#c1c8cf;}

footer .copyright{display: flex;justify-content: center;align-items: center;padding:30px 0;flex-wrap:wrap;}
footer .copyright p{font-size:16px;color:#c1c8cf;margin:0 18px;line-height: 1.5;}
footer .copyright a{font-size:16px;color:#c1c8cf;display: flex;align-items: center;}
footer .copyright img{width:20px;}

/*------------------------------------------------------------------------------*/

.common_banner{width:100%;}
.common_banner img{width:100%;}
/*1920x1080的比例  == 1278x720*/
.common_banner video{width:100%;height:720px;}
.common_banner .video_bg{width:100%;height:720px;background:url("../images/video_poster.jpg") center center/cover no-repeat;display:flex;justify-content:center;align-items:center;}
.pc_show{display: block;}
.m_show{display: none;}

@media(max-width:992px) {
    /*1920x1080的比例  == 373x210 */
    .common_banner{width:100%;margin-top:60px;padding-left:0;}
    .common_banner img{width:100%;}
    .pc_show{display: none;}
    .m_show{display: block;}
}

/*关于我们*/
.page_about{background: #f6f7fb;}
.page_about .box{padding:30px 0 0 0;display: flex;align-items: center;justify-content: space-between;width:100%;}
.page_about .box_left{width:50%;padding-right:10%;}
.page_about{display: flex;align-items: center;}
.page_about .about_title{font-size:26px;color:#00245b;line-height: 1.5;font-weight: bold;margin-top:0;}
.page_about .content{color:#00245b;line-height: 1.8;margin-top:65px;}
.page_about .about_more{margin-top:94px;width:200px;height:60px;border-radius:60px;color:#fff;background: #228353;display: flex;justify-content: center;align-items: center;}
.page_about .about_more span{margin-right:45px;}
.page_about .about_more i{transition: .5s;}
.page_about .about_more:hover i{transform: translateX(20px);}
.page_about .box_right{width:50%;position: relative;}
.page_about .about_txt{position: relative;z-index:1;width:100%;}
.page_about .about_pic{position: relative;z-index:2;top:-80px;width:100%;}

/*产品中心*/
.page_product{padding:0 0 50px 0;background: #f6f7fb;}
.page_product .left .cates .cate_item{height:80px;}
.page_product .content{padding:53px 0 0 0;}
.page_product .list{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.page_product .list{display: flex;justify-content: space-between;height:100%;}
.page_product .list .item{width:32%;height:100%;position: relative;overflow: hidden;margin-bottom:30px;}
.page_product .list .item:last-child:nth-child(3n+2){margin-right:34%;}
.page_product .list img{width: 100%;height: 100%;object-fit: cover;display: block;transition: .5s;}
/*.page_product .list .item:hover img{transform: scale(1.1);}*/
.page_product .list p{width:100%;padding:20px 0;color:#000;text-align:left;font-size:18px;}


/*产品详情css*/
.page_productview{background: #f6f7fb;}
.page_productview .content{padding:57px 0;}
.page_productview .content .info{display: flex;justify-content: space-between;align-items: flex-start;}
.page_productview .content .info .left{width:42%;position:relative;}
.page_productview .content .info .left img{width:100%;}
.page_productview .content .info .text{width:53%;}
.page_productview .content .info .text .title{font-size:30px;color:#203015;padding-bottom:25px;border-bottom:1px solid #d9d9d9;font-weight:bold;}
.page_productview .content .info .text .model{padding:30px 0 10px;font-size:16px;line-height: 1.5;}
.page_productview .content .info .text .params{padding:10px 0 30px;font-size:16px;line-height: 1.5;}
.page_productview .content .info .text .details{margin-top:30px;}
.page_productview .content .info .text .details p{line-height:2;font-size:18px;}
.page_productview .content .info .text .details p a{color:#000;font-size:18px}
.page_productview .content .info .text .info{font-size:16px;color:#666;padding-top:22px;}
.page_productview .content .info .text .line{display: inline-flex;justify-content: flex-start;align-items: center;background: #178f74;padding:10px 20px;border-radius: 4px;margin-right:20px;}
.page_productview .content .info .text .line i{font-size:22px;margin-right:14px;color: #fff;}
.page_productview .content .info .text .line span{font-size:16px;color: #fff;}
.page_productview .content .info .text .line a{font-size:16px;color: #fff;}

.page_productview .product_img.gallery-top {margin-bottom:5px;}
.page_productview .product_img.gallery-top .swiper-slide{overflow: hidden;}
.page_productview .product_img .gallery-thumbs {width:30%; box-sizing: border-box; padding: 10px 0;}
.page_productview .product_img .gallery-thumbs .swiper-slide {opacity: 0.4; cursor: pointer;}
.page_productview .product_img .gallery-thumbs .swiper-slide-thumb-active {opacity: 1; border:1px #178f74 solid;}
.page_productview .product_img .swiper-button-next:after,.product_img .swiper-button-prev:after{color:#fff;}

.page_productview h3{font-size:24px;font-weight: bold;margin-bottom:20px;}
.page_productview .sub{line-height: 1.8;}
.page_productview .sub span{color:red;}
.page_productview .line{margin-top:20px;}

@media screen and (max-width:992px){
    .page_productview .content{padding:30px 0;}
    .page_productview .content .info{display:block;}
    .page_productview .content .info .left{width:100%;position:relative;}
    .page_productview .content .info .left img{width:100%;}
    .page_productview .content .info .text{width:100%;padding-bottom:30px;margin-top:20px;}
    .page_productview .content .info .text .title{font-size:20px;color:#203015;padding-bottom:25px;border-bottom:1px solid #d9d9d9;font-weight:bold;}
    .page_productview .content .info .text .details{margin-top:30px;}
    .page_productview .content .info .text .details p{line-height:2;font-size:16px;}
    .page_productview .content .info .text .details p a{color:#000;font-size:16px}
    .page_productview .content .info .text .info{font-size:14px;color:#666;padding-top:22px;}
    .page_productview .content .info .text .line{display: inline-flex;justify-content: flex-start;align-items: center;background: #178f74;padding:10px 20px;border-radius: 4px;margin-right:20px;}
    .page_productview .content .info .text .line i{font-size:18px;margin-right:14px;color: #fff;}
    .page_productview .content .info .text .line span{font-size:16px;color: #fff;}
    .page_productview .content .info .text .line a{font-size:16px;color: #fff;}

    .page_productview .product_img.gallery-top {margin-bottom:5px;}
    .page_productview .product_img .gallery-thumbs {width:30%; box-sizing: border-box; padding: 10px 0;}
    .page_productview .product_img .gallery-thumbs .swiper-slide {opacity: 0.4; cursor: pointer;}
    .page_productview .product_img .gallery-thumbs .swiper-slide-thumb-active {opacity: 1; border:1px #178f74 solid;}
    .page_productview .product_img .swiper-button-next:after,.product_img .swiper-button-prev:after{color:#000;font-size:20px;}

    .page_productview h3{font-size:24px;font-weight: bold;margin-bottom:20px;}
    .page_productview .sub{line-height: 1.8;}
    .page_productview .sub span{color:red;}
    .page_productview .line{margin-top:20px;}
}

/*新闻资讯*/
.page_news{background: #f6f7fb;}
.page_news .list{margin-bottom:60px;width:100%;}
.page_news .newsss{padding:20px 0 0 0;}
.page_news .block{width:100%;padding:15px;border-bottom:1px solid #eee;width:100%;display: flex;justify-content: space-between;align-items: center;color:#010101;}
.page_news .block:last-child{border-bottom:1px solid #eee;}
.page_news .time{width:20%;}
.page_news .title{width:68%;}
.page_news .title p{width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.page_news .iconfont{width:12%;font-size:20px;text-align: right;}
.page_news .block:hover{background: #306bd1;color:#fff;}
@media(max-width:992px) {
    .page_news .list{margin-bottom:30px;width:100%;width:100%;}
    .page_news .newsss{padding:20px 0;}
    .page_news .block{width:100%;padding:15px 0;border-bottom:1px solid #eee;width:100%;display: flex;justify-content: space-between;align-items: center;color:#010101;}
    .page_news .block:last-child{border-bottom:1px solid #eee;}
    .page_news .time{width:30%;font-size:14px;}
    .page_news .title{width:58%;}
    .page_news .title p{width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:14px;}
    .page_news .iconfont{width:12%;font-size:18px;text-align: right;}
    .page_news .block:hover{background: #306bd1;color:#fff;}
}

/*新闻详情*/
.page_newsview{background: #f6f7fb;padding-bottom:50px;}
.page_newsview .top{display: flex;flex-direction: column;align-items: center;margin-top:40px;}
.page_newsview .news_title{font-size:20px;color:#222;text-align: center;line-height: 1.5;}
.page_newsview .time{font-size:14px;color:#666;display: flex;align-items: center;margin:20px 0;}
.page_newsview .time i{font-size:14px;color:#666;margin-right:10px;}
.page_newsview .time span{font-size:14px;color:#666;}
.page_newsview .news_cont{font-size:16px;color:#333;line-height: 2;text-indent: 2em;padding:40px 0 0 0;}
.page_newsview .news_cont p{font-size:16px;color:#333;line-height: 2;margin-bottom:20px;text-indent: 2em;}
@media(max-width:992px) {
    .page_newsview .news_title{font-size:18px;line-height: 1.5;}
    .page_newsview .top{margin-top:25px;}
    .page_newsview .news_cont{font-size:14px;padding:10px 0;}
    .page_newsview .news_cont p{font-size:14px;}
}

/*联系方式*/
.page_contact{background: #f6f7fb;padding-bottom:50px;}
.page_contact .company{font-size:26px;color:#000;font-weight:bold;padding-top:45px;padding-bottom:10px;}
.page_contact .ccontactt .line{display: flex;}
.page_contact .ccontactt .line .info{width:50%;}
.page_contact .ccontactt .codes{display: flex;width:50%;padding-top:30px;justify-content: end;}
.page_contact .ccontactt .code{width:200px;margin-left:40px;}
.page_contact .ccontactt .code img{width:100%;}
.page_contact .ccontactt .code p{text-align: center;margin-top:10px;font-size:16px;color:#000;}
.page_contact .ccontactt .info p{display: flex;align-items: center;padding-top:25px;}
.page_contact .ccontactt span{color:#000;line-height: 1.5;}
.page_contact .ccontactt a{color:#000;}
.page_contact .ccontactt a:hover{text-decoration: underline;}
.page_contact textarea{color:#000;}
.page_contact #dituContent {width: 100%;height:450px;border: 1px #ccc solid;margin:40px 0 0 0;font-size:16px;}
.page_contact .iw_poi_title{font-weight:bold;line-height: 1.25;}
.page_contact .iw_poi_content{line-height: 1.2;}

@media(max-width:992px) {
    .page_contact{padding-bottom:0;}
    .page_contact .company {font-size: 22px;padding-top: 25px;}
    .page_contact .ccontactt .line{display: block;}
    .page_contact .ccontactt .line .info{width:100%;}
    .page_contact .ccontactt p{font-size:14px;line-height: 2;padding-top:10px;}
    .page_contact .ccontactt a{font-size:14px;}
    .page_contact .ccontactt .line .code{width:100%;}
    .page_contact .ccontactt .line .code img{width:60%;margin-right:20%;margin-top:20px;}
    .page_contact #dituContent {height: 250px;margin: 20px 0 10px 0;font-size:14px;}
}

/*边框特效*/
.biankuang{width: 1px;height: 1px;position: absolute;z-index: 99;border-radius:10px;}
.biankuang_1{height: 1px;top: -2px;left:0px;border-left:1px solid #306bd1;}
.biankuang_2 {width: 0px;bottom:0px;left: 0px;border-top: 1px solid #306bd1;}
.biankuang_3{height: 0px;bottom:0px;right:0px;border-right: 1px solid #306bd1;}
.biankuang_4{width:0px;top:0px;right:0px;border-bottom: 1px solid #306bd1;}

/*包装案例*/
.page_cases{background: #f6f7fb;}
.page_cases .content{padding:30px 0;}
.page_cases .content .list{display: flex;justify-content: space-between;flex-wrap:wrap;}
.page_cases .content .item{width:49%;margin-bottom:30px;position: relative;overflow: hidden;background: #fff;padding:20px;}
.page_cases .content img{width:100%;}
.page_cases .content p{width:100%;padding:20px 0 0 0;text-align: center;font-size:18px;}

/*------------------------------------------------------------------------------*/

/*详情页底部 上一个下一个*/
.common_btns .wrap{width:100%;display: flex;justify-content: space-between;align-items: center;border-top:1px solid #d9d9d9;padding-top:20px;}
.common_btns .item{display: flex;justify-content: flex-start;align-items: center;margin:14px 0;}
.common_btns a{font-size:16px;color:#222;line-height: 1.5;}
.common_btns a:hover span{color:#306bd1;}
.common_btns span{font-size:16px;color:#666;}
.common_btns .back_btn{font-size:18px;width:154px;height:46px;border-radius:5px;background:#306bd1;color:#fff;display: flex;justify-content: center;align-items: center;}
.common_btns .back_btn:hover{background: #228353;}
.common_btns .left{width:85%!important;}
.common_btns .right{width:15%!important;padding-top:0!important;display: flex;justify-content: flex-end;align-items: center;}
@media(max-width:992px) {
    .common_btns .left{display: block!important;width:100% !important;}
    .common_btns .right{margin-top:20px;width:100% !important;}
    .common_btns .wrap{padding-bottom: 20px;display: block;}
    .common_btns span, .common_btns a{font-size:14px;}
    .common_btns .back_btn{font-size:14px;width:120px;height:46px;}
    .common_btns .right{margin-top:0;justify-content: flex-start;}
}

/*页面公共样式*/
.page_common .right .pos{height:70px;display: flex;justify-content: space-between;align-items: center;border-bottom:1px solid #ccc;}
.page_common .right .pos_left{font-size:24px;color:#333;font-weight:bold;display: flex;align-items: center;}
.page_common .right .pos_left .catelink{display: block;padding:10px 20px;background-color: #fff;color:#000;border:1px solid #306bd1;}
.page_common .right .pos_left .catelink.active{background-color: #306bd1;color:#fff;border:1px solid #306bd1;}
.page_common .right .pos_right{display: flex;justify-content: center;align-items: center;}
.page_common .right .pos_right a{font-size:16px;color:#aaa;}
.page_common .right .pos_right span{font-size:16px;color:#aaa;margin:0 15px;}
.page_common .right .pos_right .current{font-size:16px;color:#777;}
@media(max-width:992px) {
    .page_common{padding-left:0px;}
    .page_common .wrap{display: block;}
    .page_common .right{width:100%;padding-top: 10px;}
    .page_common .right .pos{height:50px;display: flex;justify-content: space-between;align-items: center;border-bottom:1px solid #ccc;}
    .page_common .right .pos_left{font-size:16px;color:#333;font-weight:bold;display: flex;align-items: center;}
    .page_common .right .pos_left a{font-size:14px;display: block;padding:10px 20px;background-color: #fff;color:#000;border:1px solid #306bd1;}
    .page_common .right .pos_left a.active{background-color: #306bd1;color:#fff;border:1px solid #306bd1;}
    .page_common .right .pos_right{display: flex;justify-content: center;align-items: center;}
    .page_common .right .pos_right a{font-size:14px;color:#aaa;}
    .page_common .right .pos_right span{font-size:14px;color:#aaa;margin:0 5px;}
    .page_common .right .pos_right .current{font-size:14px;color:#777;}
    .page_common .left .cate_title{font-size:20px;}
}
@media(max-width:576px) {
    .page_common .right .pos_left .catelink{padding:10px;text-align: center;}
    .page_common .right .pos_right{display: none;}
}

/*分页公共样式*/
.page{display:flex;justify-content: center;align-items: center;width:100%;margin-top:.2rem;}
.pagination{margin-bottom:.7rem;}
.pagination li {width: 50px;height:36px;border: 1px solid #a6a6a6;margin: 0 4px;}
.pagination li span,.pagination li a{font-size:14px;color:#666666;width:100%;height:100%;display:flex;align-items: center;justify-content: center;}
.pagination li.active{background:#306bd1;}
.pagination li.active span,.pagination li.active a{color:#fff;}

@media(max-width: 992px){
    .page{display:flex;justify-content: center;align-items: center;width:100%;margin-top:.2rem;}
    .pagination{margin-bottom:.7rem;}
    .pagination li {width: 30px;height:30px;border: 1px solid #a6a6a6;margin: 0 4px;}
    .pagination li span,.pagination li a{font-size:14px;color:#666666;width:100%;height:100%;display:flex;align-items: center;justify-content: center;}
    .pagination li.active{background:#306bd1;}
    .pagination li.active span,.pagination li.active a{color:#fff;}
}

/*全局兼容性适配*/
@media(max-width:1920px){
    .de_case .cate{height:210px;}
}
@media(max-width:1600px){
    .banner .container{padding-top:6%;}

}
@media(max-width:1500px){
    .de_contact .line2 p{font-size:35px;}

    .de_case .cate{height:200px;}
}
@media(max-width:1440px){

    .de_news .item{height:360px;}
}
@media(max-width:1360px){
    .banner .container{padding-top:8%;}

    .de_honor{width:100%;}
    .de_honor .left{width:25%;}
    .de_honor .right{width:75%;}
    .de_honor .item{width:33.3%;}

}
@media(max-width: 1280px){
    header .logo p{font-size:30px;font-weight: bold;color:#000;}
    header .link{padding:10px 15px;font-size:16px;color:#000;display: flex;align-items: center;margin:0 10px;height:38px;}

    .de_product .left{max-width: 80%;}
    .de_product .list{height:280px;}

    .de_news .item{padding:30px 40px;}

    .de_case .cate{height:180px;}

    .de_contact .line2 p{font-size:25px;}

    footer .copyright p{margin:0 8px;}
}
@media(max-width:1200px){
    .banner .line1{font-size:40px;}

    .de_honor{height:180px;}
    .de_honor .shang span{font-size:35px;}

    .de_about .about_title{font-size:20px;}

    .de_product .content{font-size:20px;}

    .de_case .content{font-size:20px;}
    .de_case .cate .iconfont{font-size:50px;max-height:50px;}
    .de_case .cate .icon-chengshiguidaojiaotongshigu{font-size:80px;}
    .de_case .cate .icon-dianche{font-size:70px;}

    .de_news .item{height:320px;}
    .de_news .content{font-size:20px;}
    .de_news .name{font-size:20px;margin-top:30px;}
    .de_news .circle{margin-top:50px}

    .de_contact .two .p2{font-size:20px;}

    .page_about .about_title{font-size:20px;}
    .page_about .about_pic{top:-50px;}
}
@media(max-width: 1024px){
    .banner .container{padding-top:11%;}

    .de_case .desc{display: block;}
    .de_case .left{max-width:100%;}
    .de_case .right{width:70%;margin-top:50px;}
    .de_case .cate{height:180px;}

    .de_contact{padding:60px 0;}
    .de_contact .container{display: block;}
    .de_contact .left{width:100%;}
    .de_contact .right{width:100%;margin-top:40px;border-top:1px solid #eee;padding-top:40px;}

    footer .center{width:40%;}

    .page_about .box{padding:30px 0 50px;}

    .page_newsview{padding-bottom:30px;}
}
@media(max-width: 992px){
    header{display: none;}

    .mobile_header{display: block;}

    .banner{margin-top:60px;height:auto;}
    .banner .swiper-container{height:300px;}
    .banner .container{justify-content: center;padding-top:0%;}
    .banner .line1{font-size:24px;margin-bottom:30px;}
    .banner .line2{display: none;}
    .banner .line3{height:40px;}

    .de_honor{height:160px;display: flex;position: static;}
    .de_honor .shang{font-size:16px;color:#00245b;}
    .de_honor .shang span{font-size:24px;}
    .de_honor .xia{font-size:16px;}

    .de_about{padding:50px 0 20px;}
    .de_about .container{display: block;}
    .de_about .left{width:100%;padding-right:0%;}
    .de_about .right{width:100%;}
    .de_about .about_pic{top:-50px;}
    .de_about .about_txt{top:50px;}

    .de_product{padding:50px 0;}
    .de_product .desc{display: block;}
    .de_product .pdt_more{margin-top:40px;}
    .de_product .list{height:220px;}
    .de_product .left{max-width:100%;}

    .page_about .box{padding:30px 0;display: block;}
    .page_about .box_left{width:100%;padding-right:0%;}
    .page_about .about_title{font-size:20px;}
    .page_about .box_right{width:100%;position: relative;}
    .page_about .about_txt{top:50px;}

    .page_product{padding:0 0 30px 0;}
    .page_product .content{padding:50px 0 0 0;}
    .page_product.page_common .right .pos_right{display: none;}
    .page_product.page_common .right .pos_left{width:100%;}
    .page_productview.page_common .right .pos_right{display: none;}
    .page_productview.page_common .right .pos_left{width:100%;}

    .page_cases .content p{font-size:16px;padding:15px 0 0 0;}
    .page_cases .content{padding:30px 0 0 0;}
    .page_cases .content .item{padding:15px;}

    .page_newsview .news_title{font-size:16px;}
    .page_newsview{padding-bottom:10px;}

    .page_contact .ccontactt .info p{padding-top:15px;}
    .page_contact .ccontactt .codes{width:60%;justify-content:space-between;}
    .page_contact .ccontactt .line .code{width:49%;display: flex;flex-direction: column;align-items: center;margin-left:0;}
    .page_contact .ccontactt .line .code img{width:100%;margin-right:0;}
    .page_contact{padding-bottom:30px;}
}
@media(max-width:768px){
    .de_about .about_pic{top:-30px;}
    .de_about .about_txt{top:50px;}
    .de_about .about_more{height:40px;}
    .de_about .about_title{margin-top:40px;}
    .de_about .content{margin-top:40px;}
    .de_about .about_more{margin-top:40px;}

    .de_product .cates{flex-wrap:wrap;}
    .de_product .cate{width:33%;margin:5px 0;}
    .de_product .pdt_list.active{display: block;}
    .de_product .list{height:auto;}
    .de_product .pdt_list .item{width:100%;height:450px;margin-bottom:20px;display: block;}
    .de_product .pdt_list .item:last-child:nth-child(3n+2){margin-right:0;}
    .de_product .pdt_more{height:40px;}

    .de_case{padding:0 0 50px 0;}
    .de_case .content{margin-top:40px;}
    .de_case .right{width:88%;}
    .de_case .cate p{font-size:18px;}
    .de_case .cate{height:160px;}
    .de_case .list{margin-top:15px;}

    .de_news{padding:50px 0 0 0;}
    .de_news .item:nth-child(1){width:100%;}
    .de_news .item{width:49%;}
    .de_news .item{padding:20px;margin-bottom:30px;}
    .de_news .name{font-size:18px;}

    footer .info{padding:50px 0;display: block;}
    footer .left{width:100%;margin-bottom:30px;}
    footer .center{width:100%;margin-bottom:50px;}
    footer .right{width:100%;}
    footer .right .code{width:200px;}

    .page_about .content{margin-top:40px;}
    .page_about .about_pic{top:-30px;}
    .page_about .box{padding:30px 0 0 0;}

    .page_product{padding:0 0 10px 0;}
    .page_product .content{padding:30px 0 0 0;}
    .page_product .list .item{width:49%;margin-bottom:20px;}
    .page_product.page_common .right .pos_left a{text-align: center;line-height: 1.5;}
    .page_product .list p{font-size:16px;}
    .page_product .list .item:last-child:nth-child(3n+2){margin-right:0;}
    
    .page_productview.page_common .right .pos_left a{text-align: center;line-height: 1.5;}

    .page_contact .ccontactt .info p{padding-top:10px;}
    .page_contact .ccontactt .codes{width:80%;padding-top:20px;}
    .page_contact{padding-bottom:30px;}
}
@media(max-width:576px) {
    .de_honor{height:120px;}
    .de_honor .shang{font-size:14px;}
    .de_honor .shang span{font-size:20px;}
    .de_honor .xia{font-size:14px;}

    .de_about .about_title{font-size:16px;}
    .de_about .about_pic{top:-30px;}
    .de_about .about_txt{top:15px;}

    .de_product{padding:40px 0;}
    .de_product .cate{font-size:16px;}
    .de_product .content{font-size:16px;}
    .de_product .cate{height:40px;}
    .de_product .pdt_list .item{height:400px;}

    .de_case .content{font-size:16px;}
    .de_case .cate p{font-size:16px;}
    .de_case .cate{height:140px;}
    .de_case .right{width:100%;}
    .de_case .right{margin-top:30px;}

    .de_news .item:nth-child(5){border-radius: 0;}
    .de_news .name{font-size:16px;}
    .de_news .item{height:auto;padding:30px 20px;}
    .de_news .item:nth-child(1){border-radius: 0;height:250px;}
    .de_news .list{margin-bottom:10px;}

    .de_contact{padding:50px 0 30px;}
    .de_contact .line1{font-size:16px;}
    .de_contact .line2 p{font-size:18px;}
    .de_contact .line3{font-size:16px;}
    .de_contact .line4{margin-top:50px;}
    .de_contact .one{width:49%;}
    .de_contact .two{width:49%;}
    .de_contact .one span{font-size:16px;}
    .de_contact .right form .bttn{height:50px;font-size:16px;}

    .page_about .about_title{font-size:16px;}
    .page_about .about_txt{top:15px;}

    .page_cases .content .item{width:100%;}

    .page_contact .ccontactt .codes{width:100%;padding-top:0px;}
    .page_contact{padding-bottom:20px;}
    .page_contact .company{font-size:18px;}
    .page_contact .ccontactt .code p{padding-top:0;font-size:14px;}
}
@media(max-width:415px) {
    .banner .line1{font-size:20px;}

    .de_honor{height:100px;}

    .de_about{padding:30px 0 0 0;}
    .de_titles span{font-size:20px;}

    .de_product{padding:30px 0;}
    .de_product .content{margin-top:40px;}
    .de_product .cate{font-size:14px;}
    .de_product .cates{margin-bottom:20px;}
    .de_product .pdt_list .item{height:300px;}

    .de_case{padding:0 0 30px 0;}
    .de_case .cate p{font-size:14px;}
    .de_case .cate .iconfont{max-height: 30px;font-size:40px;}
    .de_case .cate .icon-chengshiguidaojiaotongshigu{font-size:60px;}
    .de_case .cate .icon-dianche{font-size:50px;}
    .de_case .cate{height:100px;}

    .de_news .content{margin-top:15px;font-size:16px;}
    .de_news .list{margin-top:30px;}
    .de_news .item{padding:20px 15px;margin-bottom:20px;}

    .de_contact{padding:30px 0;}
    .de_contact .line2 p{margin-top:15px;}
    .de_contact .line3{line-height: 1.5;margin-top:15px;}
    .de_contact .line4{margin-top:30px;display: block;}
    .de_contact .one{width:100%;margin-bottom:20px;}
    .de_contact .two{width:100%;}
    .de_contact .two .icon{width:50px;height:50px;}
    .de_contact .two .iconfont{font-size:30px;}
    .de_contact .right{margin-top:25px;padding-top:25px;}
    .de_contact .right form .line{display: block;margin-bottom:0;}
    .de_contact .right form input{width:100%;margin-bottom:20px;}
    .de_contact .right form .box{width:100%;margin-top:20px;}
    .de_contact .right form .box input{margin-bottom:0;}
    .de_contact .right form .bttn{width:100%;}

    footer .info{padding:30px 0;}
    footer .footer_title{padding:0 0 20px 0;font-size:16px;margin-bottom:20px;}
    footer .left .item{font-size:14px;margin-bottom:20px;}
    footer .center .line{font-size:14px;}

    footer .right .codes{width:100%;justify-content: space-between;}
    footer .right .code{width:48%;margin-right:0;}
    footer .right p{font-size:14px;}

    footer .copyright p{font-size:14px;}
    footer .copyright a{font-size:14px;}

    .page_product.page_common .right .pos_left a{font-size:12px;}
    .page_productview.page_common .right .pos_left a{font-size:12px;}

    .page_cases .content{padding:20px 0 0 0;}
    .page_cases .content .item{margin-bottom:20px;}
}