.panel *{border: none}
.panel-title > a{display: block;border: 0}


.nav-tabs{border: 0}
.nav-tabs > li > a{border-radius: 0;margin: 0;padding: 0;border: 0}
.nav-tabs > li{margin: 0}
.nav-tabs > li.active > a {border: 0}

.swiper-button-next, .swiper-button-prev{ margin-top: 0px;}

.bdshare-button-style0-16 .bds_tsina {width: 44px;height: 44px;margin: 0 13px;  background-size: 100% 100%!important; background-position: 0 0!important;}
.bdshare-button-style0-16 .bds_weixin{width: 44px;height: 44px;margin: 0 13px;  background-size: 100% 100%!important; background-position: 0 0!important;}
.bdshare-button-style0-16 .bds_twi{width: 44px;height: 44px;margin: 0 13px;  background-size: 100% 100%!important; background-position: 0 0!important;}
.bdshare-button-style0-16 .bds_fbook{width: 44px;height: 44px;margin: 0 13px;  background-size: 100% 100%!important; background-position: 0 0!important;}
.bdshare-button-style0-16 .bds_sqq {width: 44px;height: 44px;margin: 0 13px;  background-size: 100% 100%!important; background-position: 0 0!important;}
.bdshare-button-style0-16 .bds_qzone {width: 44px;height: 44px;margin: 0 13px;  background-size: 100% 100%!important; background-position: 0 0!important;}

.n-newsD-r .bdshare-button-style0-16 .bds_tsina {width: 36px;height: 36px;margin: 0 7px;  background-size: 100% 100%!important; background-position: 0 0!important;}
.n-newsD-r .bdshare-button-style0-16 .bds_weixin{width: 36px;height: 36px;margin: 0 7px;  background-size: 100% 100%!important; background-position: 0 0!important;}
.n-newsD-r .bdshare-button-style0-16 .bds_twi{width: 36px;height: 36px;margin: 0 7px;  background-size: 100% 100%!important; background-position: 0 0!important;}
.n-newsD-r .bdshare-button-style0-16 .bds_fbook{width: 36px;height: 36px;margin: 0 7px;  background-size: 100% 100%!important; background-position: 0 0!important;}
.n-newsD-r .bdshare-button-style0-16 .bds_sqq {width: 36px;height: 36px;margin: 0 7px;  background-size: 100% 100%!important; background-position: 0 0!important;}
.n-newsD-r .bdshare-button-style0-16 .bds_qzone {width: 36px;height: 36px;margin: 0 7px;  background-size: 100% 100%!important; background-position: 0 0!important;}

.bdshare-button-style0-16 .bds_tsina {background: url("../images/f-3.png") no-repeat;}
.bdshare-button-style0-16 .bds_weixin{background: url("../images/f-2.png") no-repeat;}
/*.bdshare-button-style0-16 .bds_qzone{background: url("../images/f4.png") no-repeat;}*/
.bdshare-button-style0-16 .bds_sqq{background: url("../images/f-1.png") no-repeat;}
.bdshare-button-style0-16 .bds_qzone{background: url("../images/f-4.png") no-repeat;}


.n-link{margin-top: 40px;}
.n-link ul li {cursor:pointer; display: inline-block; padding: 10px 16px; margin-right: 40px; color: #666;position: relative;border-radius: 6px;transition: all 0s}
.n-link ul li i{position: absolute;left: 50%;top: 101%;color: #dd9e4e;transfori-showVidem: translate(-50%,-50%);display: none}
.n-link ul li:hover{background: #dd9e4e;color: #fff;cursor:pointer}
.n-link ul li:hover i{display: block}
.n-link .active{background: #dd9e4e;color: #fff;}
.n-link .active i{display: block}

.g_btn{width: 120px;text-align: center;}
.g_btn a{background: #dd9e4e;color: #fff;padding: 6px 0;border-radius: 8px;}

.play{width: 91px;height: 85px; margin: 0 auto;cursor:pointer; background: url("../images/play.png") no-repeat ;background-size: 100% 100%}


.n-title-h{font-size: 24px;color: #07742c}




.breadcrumbNav{text-align: right;margin-top: 24px;}
.breadcrumbNav a{color: #939393;margin: 0 10px;}
.breadcrumbNav i{color: #939393;margin: 0 10px;}
.breadcrumbNav a.active{color: #f6ae54}
.breadcrumbNav a:hover{color: #f6ae54}

.transformM{width: 600px;height: 600px;background: #dd9e4e;
    transform:translateY(-50%);opacity: 0;
    transition: opacity 1.6s ease-in-out 1s,transform 1.45s ease-in-out 1s,-webkit-transform 1.45s ease-in-out 1s;}
.g_w:hover .transformM{transform:translateY(0);opacity: 1;}

.i-body{}
.i-banner-bg{width: 100%;padding-top:30.4%;background-size: cover;background-position: center;background-repeat: no-repeat; }
.i-banner .swiper-pagination{bottom: 60px;top: auto;padding-left: 9%;text-align: left}
.i-banner .swiper-pagination-bullet{width: 6px;height: 6px;margin: 0 .6%!important; background:#dd9e4e;opacity: 1;border-radius: 10px;}
.i-banner  .swiper-pagination-bullet-active{ width: 34px;}
.i-banner-text{ width: 1200px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff}
.i-banner-text h1{font-size: 53px;margin-bottom: 10px;}


.i-title{padding-top: 40px; padding-bottom: 24px;  position: relative;}

.i-title h3{ text-align: center; font-size: 30px;color: #323232}
.i-title h3 b{  color: #dd9e4e;font-family: Arial;font-weight: 900}
.i-title p{margin-top: 16px; text-indent: 2em; line-height: 1.6em; text-align: center; font-size: 15px;color: #323232}
.i-title span{display: block; font-size: 14px; margin-top: 10px;color: #333;opacity: .7;text-align: center;text-transform: uppercase }

.i-product{overflow: hidden;}
.i-pro-b{margin-top: 36px;}
.i-product .top{margin: 0 auto; margin-top: 50px; display: flex;justify-content: space-between;align-items: center }
.i-product .top>b{font-size: 22px;display: block;color: #000000;opacity: .62;text-transform: uppercase;font-weight: 400;font-family: Arial}
.i-product .top>span{font-size: 26px;display: block}
.i-product .top>span:before{ content: '';display: inline-block;vertical-align: middle;width: 4px;height: 29px;background: #f6ae54;margin-right: 14px;}
.i-product .list1{margin-top:36px;display: flex;justify-content: space-between }
.i-product .list1 .item{ position: relative; width:11%; margin-right: 1.7%;height: 310px;}
.i-product .list1 .item:nth-last-child(1){margin: 0}
.i-product .list1 .item .text{margin-top: 100px;padding: 0 22px;text-transform: uppercase;text-align: center;position: relative;z-index: 9}
.i-product .list1 .item .text span{font-size:16px;color: #000 }
.i-product .list1 .item .text p{color: #000;opacity: .55;margin-top: 8px; }
.i-product .list1 .item .img{overflow: hidden;position: absolute; width: 100%;bottom: 0;left: 0; z-index: 9}
.i-product .list1 .item .g_bg{padding-top: 72.3%}
.i-product .list1 .item a{position: relative; height: 100%; overflow: hidden; z-index: 9;display: block;background: url("../images/nbBg.png") no-repeat;background-size:auto;background-position:top center }
.i-product .list1 .item:before {opacity: 0; content: ''; position: absolute; left: 0;top: 0;width: 100%; height: 100%;transition: .4s all ease;
    background: url("../images/i-proBg1.png") no-repeat; background-size: cover;background-position: center; z-index: 1}
.i-product .list1 .item:after { opacity: 1;content: ''; position: absolute; left: 0;top: 0;width: 100%; height: 100%;transition: .4s all ease;
    background: url("../images/i-proBg2.png") no-repeat; background-size: cover;background-position: center; z-index: 1}
.i-product .list1 .item:hover:before{opacity: 1;transition: .4s all ease}
.i-product .list1 .item:hover:after{opacity: 0;transition: .4s all ease}
.i-product .list2{display: flex;flex-wrap: wrap}
.i-product .list2 .item{width: 19%;margin-right: 1.25%;margin-top: 40px;}
.i-product .list2 .item:nth-child(5n){margin-right: 0}
.i-product .list2 .item .img{overflow: hidden}
.i-product .list2 .item .g_bg{padding-top: 72.3%;transition: .4s all ease}
.i-product .list2 .item .text{margin-top: 36px; height: 52px; line-height: 52px;font-size: 16px;text-align: center;color: #000;background: #eaecef;transition: .4s all ease}
.i-product .list2 .item:hover .g_bg{transform: scale(1.06);transition: .4s all ease}
.i-product .list2 .item:hover .text{background: #f8bf78; color: #fff; transition: .4s all ease}



.i-title2{display: flex;justify-content: space-between;}
.i-title2 a{display: block;width: 108px; height: 35px; border: 1px solid #dd9e4e; text-align: center;line-height: 35px; color: #dd9e4e;border-radius: 30px;}
.i-title2 h3{font-size: 30px; }

.i-about{margin-top: 26px; }
.i-about .g_w{display: flex;align-items: stretch}
.i-about .g_w .con-l{width: 636px;padding: 130px 36px 66px 0;position: relative}
.i-about .g_w .con-l:before{ content: ''; width: 100vw;height: 100%;position: absolute; top: 0; right:-216px;background: #f7f8f9 }
.i-about .g_w .con-l .title{font-size: 26px;color: #1c1f22;opacity: .89}
.i-about .g_w .con-l .title:after{content: '';width: 64px;height: 5px;background: #dd9e4e;margin-top: 12px;display: block}
.i-about .g_w .con-l .text{ padding-top: 10px; overflow: hidden;position: relative;z-index: 9}
.i-about .g_w .con-l .text p{font-size: 16px; color: #1c1f22;opacity: .8;line-height: 2em;margin-top: 34px;}
.i-about .g_w .con-l a{display: block;margin-top: 36px; width: 128px;height:38px;line-height: 38px;text-align: center;color: #fff;
    background: #dd9e4e;border-radius: 8px;position: relative;z-index: 9;transition: .4s all ease }
.i-about .g_w .con-r{position: relative;width: calc(100% - 636px);}
.i-about .g_w .con-r img{position: absolute;left: 0;bottom: 0;max-width: initial}
.i-about .g_w .con-l a:hover {transform: translateX(8px);transition: .4s all ease}

.i-video{ padding-bottom: 70px; padding-top: 60px; }
.i-video .i-title h3{color: #fff}
.i-video .i-title span{color: #fff}
.i-video .i-title:after{background: #fff}
.i-video-swiepr{max-width: 1462px; margin: 40px auto 0 auto;padding:  0 80px;position: relative}
.i-video-swiepr .swiper-button-prev{left: 6px;}
.i-video-swiepr .swiper-button-next{right: 6px;}
.i-video-item{cursor: pointer}
.i-video-img{  position: relative;overflow: hidden}
.i-video-bg{padding-top: 59%;background-position: center;background-size: cover;background-repeat: no-repeat; }
.i-video-item p{color: #fafafa;width: calc(100% - 53px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 20px}
.i-video-play{width: 53px;height: 53px;background:url("../images/play.jpg") no-repeat;}
.i-video-item:hover .i-video-bg{transform: scale(1.02);transition: .4s all linear; }
.i-video-text{position: absolute;left: 0 ;bottom: 0; width: 100%; height: 53px;line-height: 53px;display: flex;background: rgba(0,0,0,.7)}


.i-news{margin-top: 46px; position: relative;}
.i-news:before{ content: ''; width: 100%;height: 160px;position: absolute;left: 0;bottom: 0;background: #434141;z-index: 1}
.i-news .g_w{max-width:1700px; position: relative;z-index: 9 }
.i-news .top{display: flex;justify-content: space-between;align-items: center}
.i-news .title{}
.i-news .title span{color: #2f2e2c;font-size: 16px;opacity: .5}
.i-news .title b{color: #2f2e2c; font-weight: 400; font-size: 24px;display: block}
.i-news .list{display: flex;margin-top: 40px;}
.i-news .list .item{width: 30%;padding:36px 0;   margin-right: 5%; position: relative }
.i-news .list .item:after{content: '';position: absolute;left: 106%; top: 0; width: 1px; height: 100%;background: #d1dae2}
.i-news .list .item:nth-last-child(1){padding-right:0!important;margin-right:0!important;}
.i-news .list .item:nth-last-child(1):after{display: none}
.i-news .list .item span{display: flex;color: #2f2e2c;line-height: 21px;align-items: center }
.i-news .list .item span img{margin-right: 10px;display: inline-block;vertical-align: middle}
.i-news .list .item h4{margin-top: 10px;color: #2f2e2c;transition: .4s all ease}
.i-news .list .item p{margin-top: 20px;color: #2f2e2c;opacity: .77;height: 60px; overflow: hidden}
.i-news .list .item a > img{margin-top: 20px;transition: .4s all ease}
.i-news .box{ padding: 110px 56px 150px 56px; box-shadow: 0 0 8px #dfdfdf;
    background: url("../images/i-newsBg.jpg") no-repeat;background-size: cover;background-position: center}
.i-news .list .item:hover h4{color: #dd9e4e;transition: .4s all ease}
.i-news .list .item:hover a>img{transform: translateX(8px);transition: .4s all ease}


.n_banner{margin-top: 144px;}
.n-banner{padding-top: 17.4%;background-position: 32% 50%;background-size: cover;background-repeat: no-repeat; min-height: 140px }

.n-nav{padding-top: 44px;}
.n-nav .g_w .n-nav-b{display: flex;justify-content: space-between;align-items: flex-end;border-bottom: 1px solid #e2e4e4}
.n-nav-l h3{color: #333;font-size: 30px;}
.n-nav-l span{display: block; margin-top: 10px; width:120px; height: 22px;background: #5d5d5d;transform: translateY(50%)}
.n-nav-r ul {display: flex;}
.n-nav-r ul li{transform: skewX(-15deg);margin-left: 2px;background: #e2e4e4}
.n-nav-r ul li a { display: block; transform: skewX(15deg);color: #333;font-size: 16px;text-align: center;line-height: 52px;width: 182px;height: 52px;}
.n-nav-r ul li.active a{color: #fff;}
.n-nav-r ul li.active{background: #f6ae54;}
.n-nav-r ul li:hover a{color: #fff; transition: .2s all linear;}
.n-nav-r ul li:hover{ background: #f6ae54;transition: .2s all linear;}

.n-title h3{font-size: 30px;color: #333;text-align: center}
.n-title p{font-size: 18px;color: #333;opacity: .36;text-align: center}
.n-title span{display: block;margin: 20px auto 0 auto;height: 5px;width:60px;background: #f6ae54; }


.about-con1{margin-top: 26px;}
.about-con1-b{ margin-top: 44px; display: flex;align-items: center}
.about-con1-l{width: 540px;}
.about-con1-r{width: calc(100% - 540px);padding-left: 40px; }
.about-con1-r h4{font-size: 21px;text-transform: uppercase;opacity: .3}
.about-con1-r p{color: #333;font-size: 16px;line-height: 1.8em;margin-top: 32px;}
.about-con1-r b{font-size: 24px;color: #f6ae54}

.about-con2{padding: 100px  0 94px 0;text-align: center;}
.about-con2 p{font-size: 18px; font-weight: 600;margin-top: 20px;}

.about-con3{ color: #fff; text-align: center; padding: 128px 0;background: url("../images/about2.jpg") no-repeat;background-size: cover;background-position: center; }
.about-con3 p{margin-top: 34px;line-height: 1.8em;font-size: 18px; font-weight: 600}

.about-con5{padding: 55px 0;background: #cce2e7}
.about-con5 .g_w{display: flex;align-items: center;justify-content: center}
.about-con4-l{margin-right: 130px;min-width: 230px;}


.contact-con1{padding: 60px 0;}
.contact-con1-b{display: flex}
.contact-con1-r{width: calc(100% - 492px);}
.contact-con1-l{width: 492px;padding-right: 10px;}
.contact-con1-l p{margin-top: 34px;}
.contact-con1-l p i {display: inline-block;width: 47px; height: 47px; margin-right: 10px; font-size: 24px;
    border-radius: 50%;border: 2px dashed #f6ae54;color: #f6ae54;text-align: center;line-height: 47px;}

.contact-con1-f-item{margin-top: 24px;display: flex;justify-content: space-between}
.contact-con1-f-item input{ width: 48%; height: 52px;line-height: 52px;padding: 0 20px;color: #666666; border: 0;background: #f7f7f7}
.contact-con1-f-item textarea{ width: 100%; height: 180px; line-height: 1.6em; padding:  20px;color: #666666; border: 0;background: #f7f7f7}
.contact-con1-f-item button{ width: 174px; height: 52px;line-height: 52px;padding: 0 20px;color: #fff; border: 0;background: #f6ae54}


.contact-con2{padding-bottom: 100px;}
.contact-con2 img{max-width: inherit}



.video-con{margin-top: 35px;}
.video-title{background: url("../images/video2.png") no-repeat;background-size: 100% 100% }
.video-title h4{height: 50px; padding:0 30px;line-height: 50px;color: #fff;font-size: 18px;}

.video-list{display: flex;flex-wrap: wrap;}
.video-item{margin-top: 50px;width: 32%;margin-right: 1%}
.video-img{position: relative}
.video-bg{padding-top: 65%;background-repeat: no-repeat;background-size: cover;background-position: center}
.video-text{text-align: center;}
.video-text span{ padding: 0 10px; display: block;height: 50px; text-align: center;line-height: 50px; color: #fff;font-size: 16px;background: #f6ae54;}
.video-text p{padding: 0 10px;margin-top: 20px; height: 40px;overflow: hidden;color: #666;}
.video-top .video-list{justify-content: center}
.video-item:hover .i-video-play{background: rgba(0,0,0,0);transition: .4s all linear; }



.news-con{margin-top: 30px;}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;}
.rect-5625{padding-bottom: 56.25%;min-height: 310px;}

.news-list .part1{margin-bottom: 50px;}
.news-list .part1_body .item{background: #f6ae54;}
.news-list .item{overflow: hidden}
.news-list .part1_l{width: 48%;float: left;}
.news-list .part1_r{width: 52%;float: left;}
.news-list .part1_l .box{width: 110px;height: 98px;background: #f6ae54;color: #fff;text-align: center;position: absolute;z-index: 2;top: 7%;left: 7%;}
.news-list .part1_l .box .day{font-size: 28px;margin-top: 20px;line-height: 1.1;margin-bottom: 8px;}
.news-list .part1_l .box .year{font-size: 16px;}

.news-list .part1_r .box{padding: 40px;}
.news-list .part1_r .box .t{font-size: 32px;color: #fff;font-weight: bold;line-height: 1.1;margin-bottom: 34px;}
.news-list .part1_r .box .p{font-size: 14px;color: #fff;filter: alpha(opacity=70);line-height: 26px;height: 78px;overflow: hidden;margin-bottom: 28px;}
.news-list .part1_r .box .more{display: block;width: 166px;height: 46px;background: #fff;color: #333;text-align: center;line-height: 46px;}
.news-list .part1_body .owl-nav [class^=owl-]{position: absolute;top: -50px;right: 0;width: 34px;height: 34px;text-align: center;line-height: 34px;display: block;background: #f6f6f6;color: #f6ae54;}
.news-list .part1_body .owl-nav [class^=owl-]:hover{background: #0094da;color: #fff;}
.news-list .part1_body .owl-nav [class^=owl-].owl-prev{right: 45px;}


.wrap { max-width:100%; margin-right:auto; margin-left:auto;}

.widget-newslist-10 .list_hd{background-color:#f0f0f0;padding:50px 60px 40px;overflow: hidden}
.widget-newslist-10 .hd_tit{font-size:20px;color:#1e1e1e;font-weight:normal;height:30px;line-height:30px;margin-right:2%;}
.widget-newslist-10 .inp_box{height:32px;line-height:32px;border:1px solid #e0e0e0;padding:0;margin:0;box-sizing:content-box;font-size:13px;color:#999;padding:0 10px;width:18%;margin-right: 2%;}
.widget-newslist-10 .hd_btn{width:20%;border:none;text-align:center;background-color:#f6ae54;font-size:15px;color:#fff;height:32px;line-height:32px;outline:none;cursor:pointer;}
.widget-newslist-10 .select-ui-choose ._arrow{width:16%;right:0;background:#e3e3e3;}
.widget-newslist-10 .select-ui-choose ._arrow .arr{left:50%;margin:0 0 0 -0.4em;border-color: #969696 transparent transparent;}
.widget-newslist-10 .select-ui-choose-default{border-radius:0;}
.select-ui-choose ._arrow{    position: absolute;top: 0;right: 0;height: 100%;}


.common_form .list_hd{background-color:#f0f0f0;padding:50px 60px 40px;margin-bottom:26px;}
.common_form .hd_tit{font-size:20px;color:#1e1e1e;font-weight:normal;height:30px;line-height:30px; margin-right:2%; text-transform:uppercase;}
.common_form .inp_box_wrap { width:20%;margin-right:2%; }
.common_form .inp_box{ position: relative; display:block;width:100%;height:32px;line-height:32px;border:1px solid #e0e0e0;padding:0;margin:0;box-sizing:content-box;font-size:13px;color:#999;padding:0;text-indent:10px;}
.common_form .hd_btn{width:18%;border:none;text-align:center;background-color:#f6ae54;font-size:15px;color:#fff;height:32px;line-height:32px;outline:none;cursor:pointer;}
.l { float: left;}.r { float: right;}

.news-item{font-size: 0;padding: 46px 58px 0 58px;transition: .4s all linear}
.news-item-time{display: inline-block;vertical-align: text-top;width: 84px;border-right: 1px solid #ccc}
.news-item-time span{display: block;font-size: 50px;color: #d90311}
.news-item-time b{display: block;font-size: 14px;color: #d90311;font-weight: 100}

.news-item-text{display: inline-block;vertical-align: text-top;width: calc(100%  - 84px);
    padding-left: 50px; padding-bottom: 46px; border-bottom: 1px solid #ccc;}
.news-item-info{width: 80%;padding-right: 10px; display: inline-block;vertical-align: text-top}
.news-item-info h3{ color: #333; font-size: 18px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden }
.news-item-bg {padding-top:55.5%;background-position: center;background-size: cover;background-repeat: no-repeat }
.news-item-share{margin-top: 18px;}
.news-item-share a{font-size: 14px;color: #666}
.news-item-share span{font-size: 14px;color: #666;display: inline-block;vertical-align: middle;margin-right: 20px;}
.news-item-share .bdshare-button-style0-16 a{ padding: 0;margin: 0;background: none; float: none;}
.news-item-share span i{margin-right: 10px;}
.news-item-info p{font-size: 14px; color: #333;line-height: 1.8em;height: 48px; overflow: hidden;margin-top: 12px;}

.news-item-img{width: 20%;display: inline-block;vertical-align: text-top}

.news-item:hover{background: #f8f8f8;transition: .4s all linear }
.news-item:hover .news-item-time span{color: #f6ae54;transition: .4s all linear }
.news-item:hover .news-item-time b{color: #f6ae54;transition: .4s all linear }
.news-item:hover .news-item-info h3{color: #f6ae54;transition: .4s all linear }

.about-ds{
    padding-bottom: 30px;
    position: relative;
    background: url('../images/about2-1.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
}
.about-ds-box{ width: 100%;height: 100%; position: relative;color: #fff}
/*.about-ds-content .yuan{max-width: 14px ;min-width: 14px ;max-height: 14px;min-height: 14px;border-radius: 50%;background: #fff;padding: 0}*/
.about-ds-box .g_nav3-title{padding-bottom: 0}
.about-ds-content{ }
.ds-time,.ds-text{display: flex;}

.ds-text > div,.ds-time > div{width: 100%;min-width: 100%;}
.ds-time > div{padding-bottom: 26px;position: relative}
.ds-text > div{padding-top: 26px;padding-right: 70px;}
.ds-text > div p{min-height: 160px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;}
.ds-time .yuan {width: 14px;height: 14px;background: #fff;border-radius: 50%;position: absolute;left: 0;
    bottom: 0;transform: translateY(50%)}
.about-ds-content .swiper-button-prev1{width: 56px;height: 43px;transform: translateY(-50%);margin-top: 0; background: url("../images/aboutD2.png")no-repeat ;background-size: 100% 100%;left: 10px;top:22%;z-index: 99}
.about-ds-content .swiper-button-next1{width: 56px;height: 43px;transform: translateY(-50%);margin-top: 0;background: url("../images/aboutD.png")no-repeat ;background-size: 100% 100%;right:10px;top:22%;z-index: 99}
/*.about-ds-content ul .active {color: #00742f;transition: all 1s}*/
.aboutLine{width: 100%;height: 1px;border-bottom: 1px solid #fff;position: absolute;left: 0;top:22%;transform: translateY(-50%);}
.ds-timeItem h3{text-align: left}
.about-ds .swiper-wrapper{padding: 0 60px;}

.about-ds-title{padding-top: 77px;padding-bottom: 100px;}
.about-ds-title h2{font-size: 30px;color: #ffffff;font-weight: 600}
.about-ds-title span{font-size: 24px;color: #ffffff;text-transform: uppercase}

.about-ds-bottom{position: relative}

.about2-con1{margin-top: 40px;}



.zy-xz-search{margin-top: 40px;}
.zy-xz-search b{font-size: 18px;margin-right: 28px;margin-top: 10px;}
.zy-xz-search input{padding-left: 20px; height: 44px; border: 1px solid #dfdfdf;margin-right: 28px;margin-top: 10px;}
.zy-xz-search .submit{width: 212px; border: 0; background: #f6ae54;color: #fff;text-align: center;padding: 0}
input[type=date]::-webkit-inner-spin-button { display: none; }
input[type=date]::-webkit-clear-button { display: none; }

.zy-xz-list>.container>.row>div{border-bottom: 1px solid #dfdfdf;padding-bottom: 30px;}
.zy-xz-item{ margin-top: 30px; text-align: center;border: 1px solid #dfdfdf;padding: 14px;}
.zy-xz-itemText{margin-top: 14px;}
.zy-xz-itemText h5{ font-size: 14px; color: #101010}
.zy-xz-itemText p{margin-top: 14px; padding: 4px ; background: #004177;color: #fff;transition: .5s all linear}
.zy-xz-itemBg{ padding-top:132%;transition: .5s all linear;
    background-size: cover;background-position: center;background-repeat: no-repeat}
.zy-xz-itemImg{overflow: hidden}

.zy-xz-item:hover{border-color: #f6ae54}
.zy-xz-item:hover .zy-xz-itemBg{transform: scale(1.1);transition: .5s all linear}
.zy-xz-item:hover .zy-xz-itemText p{background: #f6ae54;transition: .5s all linear}

.zy-zl-list{margin-top: 40px;}
.zy-zl-item{position: relative; min-height: 142px;border-bottom: 1px solid #dfdfdf;
    display: flex;align-items: center}
.zy-zl-itemText{width: 100%;padding-left: 140px;padding-right: 140px;}
.zy-zl-itemImg,.zy-zl-itemBtn{width: 120px; text-align: center; position: absolute;top: 50%;transform: translateY(-50%)}
.zy-zl-itemBtn{right: 0}
.zy-zl-itemText h4{font-size: 14px;color: #101010;line-height: 2rem}
.zy-zl-itemText p{font-size: 14px;color: #a8a8a8;margin-top: 10px}

.zy-zl-itemBtn i{color:#101010;font-size: 30px; }
.zy-zl-itemBtn p{color:#a8a8a8; }

.zy-zl-itemBtn:hover i{color: #f6ae54}
.zy-zl-itemBtn:hover p{color: #f6ae54}


.n-newsD{padding-bottom: 80px}
.n-newsD > .g_w{ margin-top: 82px; display: flex;align-items: self-start}
.n-newsD-l{width: calc(100% - 340px);padding-right: 60px;}
.n-newsD-title h3{font-size: 18px;}
.n-newsD-title div{margin-top: 20px;color:#f6ae54 }
.n-newsD-title div span{margin-right: 16px;}

.n-newsD-content{padding-top: 16px;}
.n-newsD-content p{margin-top: 20px;line-height: 1.8em; }

.n-newsD-back{margin-top: 40px;}
.n-newsD-back a{display: inline-block; max-width: 40%; width: 192px;  height: 54px; margin-right: 18px; line-height: 54px;text-align: center;color: #333;background: #d2d2d2;transition: .4s all ease}
.n-newsD-back a:hover{background: #f6ae54;color: #fff}

.n-newsD-r{width: 340px; padding: 20px; border: 1px solid #ccc}
.n-newsD-listTitle{font-size: 20px;font-weight: 600;margin-bottom: 20px;}
.n-newsD-listTitle span{ margin-top: 14px; display: block;width: 42px; height: 3px;background: #909192}
.n-newsD-list{}
.n-newsD-item>a{ padding: 20px 8px; display: flex;border-bottom: 1px solid #ccc}
.n-newsD-item-img{width: 88px;}
.n-newsD-item-bg{padding-top: 68%;background-position: center;background-repeat: no-repeat;background-size: cover;}
.n-newsD-item-r{width: calc(100% - 88px);padding-left: 20px;}
.n-newsD-item-r h4{color: #333; font-size: 16px; max-height: 36px;overflow: hidden}
.n-newsD-item-r p{color: #666;margin-top: 18px;font-size: 12px;}
.n-newsD-item:hover h4{color: #f6ae54;}


.i-product-content{display: flex;}
.i-product-l{width: 264px;transition: .3s all ease;}
.i-product-search{margin-top: 32px;}
.i-product-search input{  display: inline-block;font-size: 14px;  width: calc(100% - 40px); height: 39px; line-height: 39px; border: 1px solid #ccc; border-right: 0; background: none;}
.i-product-search i{display: inline-block;font-size: 16px;  width:40px; height: 40px; line-height: 40px; text-align:center;background: #e6e6e6;color: #a4a4a4}
.i-product-content .n-product-tab{margin-top: 28px;}
.i-product-content .n-product-tab > ul > li{margin-top: 3px;float: none}
.i-product-content .n-product-tab > ul > li>a{display: block;padding: 9px 12px;background:#e6e6e6;color: #000;font-size: 16px;transition: .4s all ease; }
.i-product-content .n-product-tab > ul > li.active>a{color: #fff;background: #f6ae54 ; transition: .4s all ease;}
.i-product-content .n-product-tab > ul > li:hover>a{color: #fff;background: #f6ae54 ; transition: .4s all ease;}
.i-product-content .n-product-tab > ul > li>a span{margin-right: 32px;}
.i-product-a{margin-top:40px; }
.i-product-a a{ margin-top: 24px;display: block}
.i-product-a .i-title{padding-top: 0}
.i-product-r{width: calc(100% - 264px);padding-left: 36px;padding-top: 12px;}
.n-product .i-product-list .n_item_v1{box-shadow: 5px 5px 5px rgba(0,0,0,.18);margin-top: 22px;}
.i-product-list .n_item_v1Bg{padding-top: 80%; }
.i-product-l .n-nav2 li{padding-left: 36px;}
.i-product-l .n-nav2 li a{display: block;width: 100%;padding: 18px 0; border-bottom: 1px solid #ccc; color: #131415}
.i-product-l .n-nav2 li a:hover{color: #f6ae54}


.i-product-lBtn{transition: .3s all ease; display: none; width: 120px; transform: translateX(244px);border: 1px solid #ccc;cursor: pointer}
.i-product-lBtn span{display: block;padding: 10px 6px;background: #f6ae54;color: #fff;font-size: 16px;text-align: center;}
.i-product-lBtn span:nth-child(2){display: none}
.i-product-lBtn.active span:nth-child(2){display: block}
.i-product-lBtn.active span:nth-child(1){display: none}


.n-nav{padding-top: 24px;text-align: right;}
.n-nav a{margin: 0 10px; color: #666464 }
.n-nav a:hover{color: #dd9e4e }
.n-nav a.active{color: #dd9e4e }
.n-nav span{ color: #666464 }

.n-title-text{position: relative;text-align: center;}
.n-title-text h2{font-size: 36px;color: #323232;width: 100%;text-align: center; position: absolute; top: 50%;transform: translateY(-50%);}
.n-title-line {height: 21px;background: url("../images/t-l.png") no-repeat;  background-position: center}
.about-cont1-text{padding: 66px 0;}
.about-cont1-text .g_w div{margin-top: 30px;}
.about-cont1-text h3{font-size: 22px; color: #dd9e4e;margin-bottom: 20px }
.about-cont1-text h4{font-size: 18px; color: #323232;margin-bottom: 10px;  }
.about-cont1-text p{line-height: 1.8em;font-size: 18px;text-indent: 2em}
.about-cont1-text img{float: right;margin-left: 30px;margin-bottom: 10px;}
.about-cont1-text span{color: #dd9e4e;display: block;text-align: center;margin-top: 34px;font-size: 22px;}
.about-cont1-text img{float: none;}

.n-title2{font-size: 36px; text-align: center}
.contact-cont1{margin-top: 60px;padding-bottom: 60px;}
.contact-top{ margin-top: 40px; font-size: 0;text-align: center}
.contact-top .n-title{margin-bottom: 10px;}
.contact-top .n-title h3{color: #000;text-align: center}
.contact-top-item{ width: 25%; padding: 0 20px; display: inline-block; vertical-align: text-top; margin:  20px 0 0 0;text-align: center}
.contact-top-item img{display: block;margin: 0 auto}
.contact-top-item>div{margin-top: 26px; display: flex;justify-content: center;}
.contact-top-item p{text-align: left}
.contact-top-item b{font-size: 15px; margin-top: 20px;text-align: left}
.contact-top-item span{font-size: 15px;margin-top: 8px;text-align: left}

.contact-code{display: flex;align-items: center;margin-top: 80px;}
.contact-code-item{margin-left: 166px; display: flex;align-items: center;}
.contact-code-item img{margin-left: 28px;}

.contact-cont2{padding-top: 70px; padding-bottom: 88px; background: #f5f3f2}
.contact-title{display: flex;align-items: center;justify-content: center}
.contact-title h2{ width: 160px; font-size: 33px;text-align: center;}
.contact-title span{ max-width: calc((100% - 160px) / 2); display:block;width: 120px; height: 1px;background: #dd9e4e}

.contact-from {}
.contact-from-item{margin-top: 30px;display: flex;justify-content: space-between}
.contact-from-item input{width: 30%;height: 48px; line-height: 48px; padding: 0 20px;border: 1px solid #ccc; background:#fff}
.contact-from-item textarea{width: 100%;height: 230px; padding: 20px; border: 1px solid #ccc; background:#fff}
.contact-from-btn{margin-top: 30px;text-align: right}
.contact-from-btn > input{ display: inline-block; width: 166px; height: 44px; line-height: 44px; text-align: center;margin-left: 16px;border: 0;}
.contact-from-btn > .submit{background: #dd9e4e;color: #fff;font-size: 15px;}
.contact-from-btn > .reset{background: #c9cacb;color: #4c4948;font-size: 15px;}
.contact-cont3{padding-top: 32px;}
.contact-map{margin-top: 32px;}
.contact-map img{max-width: initial}

.dow-item{margin-top: 40px; display: flex;border: 1px solid #e5e5e5}
.dow-img{width: 212px;display: flex;align-items: center;justify-content: center;padding:20px 10px}
.dow-text{width: calc(100% - 212px);padding: 0 36px;}
.service4-listL-item{ padding-top: 30px; padding-bottom: 10px; display: flex;justify-content: space-between;align-items: self-start;border-bottom: 1px solid #ccc}
.service4-listL-itemL{width: calc(100% - 140px);  }
.service4-listL-itemL h4{ line-height: 1.4em; font-size: 20px;color: #000;padding-right: 20px}
.service4-listL-itemL p{ margin-top: 10px; color: #595757}
.service4-listL-itemL p span{ margin-right: 28px;}
.service4-listL-itemR{width: 140px;}
.service4-listL-itemR a{ display: block; width: 140px; height: 40px;
    line-height: 40px;text-align: center;color: #dd9e4e;border: 1px solid #dd9e4e;transition: .4s all ease}
.service4-listL-itemR a:hover{color: #fff;background: #dd9e4e;transition: .4s all ease}
.service4-listL-item:hover .service4-listL-itemL h4{color: #dd9e4e}
.dow-text-pc{margin-top: 20px;}



.know-b{margin-top: 40px;}
.know-l-item a{ display: flex; align-items: center; padding: 40px 10px;border-bottom: 1px solid #ccc}
.know-l-item a > div{width: calc(100% - 34px);padding-right: 50px}
.know-l-item a > span{width: 34px;height: 34px;border: 1px solid #bbbbbb;border-radius: 50%;text-align: center;line-height: 34px;color: #bbbbbb;font-size: 18px;font-weight: 600;}
.know-l-item h4{font-size: 18px;color: #323232}
.know-l-item p{font-size: 14px;margin-top: 14px; line-height: 1.8em;color: #727171}
.know-l-item:hover h4{color: #dd9e4e}
.know-l-item:hover a > span{color: #dd9e4e;border-color: #dd9e4e}

.search{
    padding: 8px;
    border: 1px solid #dfdfdf;

}
.searchBox{ padding: 30px 12px; background: #fff;}
.searchBox >div{margin-top: 10px}
.year ,.month,.searchText{width: 100%;height: 44px;border: 1px solid #ccc}
.searchBox >div >select,.searchText input{width: 100%;height: 100%; padding-left: 20px; border: 0}
.searchBtn{ width: 100%; height: 44px;}

.searchBtn input{width: 100%;height: 100%; border: 0; font-size: 18px;letter-spacing:10px;text-align: center; color:#fff; background: #dd9e4e}
.searchBtn input:hover{ color:#dd9e4e; border:1px solid #dd9e4e;background: rgba(0,0,0,0)}
.side-btn{width: 100%; margin-top: 30px;padding: 20px 30px; background: #fff;}

.new-list{margin-top: 30px;}
.new-list>h3{font-size: 24px; padding-bottom: 18px;position: relative}
.new-list>h3:after{position: absolute;left: 0 ;top: 100%;width: 40px; height: 4px; background: #909192;content: '';}
.new-item{    padding: 20px 6px;}
.new-item a{display: flex;}
.new-list>.new-item:nth-child(1){margin-top: 0}
.new-itemImg{width: 88px;overflow: hidden;transition: .5s all ease;}
.new-itemBg{padding-top: 60.2%;background-size: cover;background-position: center;background-repeat: no-repeat;transition: .5s all linear;}
.new-itemInfo{ width: calc(100% - 88px); padding-left:20px;  }
.new-itemInfo h4{ height: 30px; overflow: hidden; font-size: 14px; color: #272728;transition: .5s all ease;}
.new-iBox{margin-top:8px;color: #9b9b99}
.new-iBox i{margin-right: 6px;}
.new-iBox span{margin-right: 12px;}
.new-itemInfo p{margin-top: 20px;height: 40px;overflow: hidden;color: #272728}
.new-itemInfo>span{display: block;color: #dd9e4e;font-size: 14px;margin-top: 18px;transition: .5s all ease;}
.new-item:hover{ transition: .5s all ease;}
.new-item:hover .new-itemImg{ overflow: hidden;transition: .5s all ease;}
.new-item:hover .new-itemBg{  overflow: hidden; transform: scale(1.1);transition: .5s all linear;}
.new-item:hover .new-itemInfo h4{color: #dd9e4e;transition: .5s all ease;}
.new-item:hover .new-itemInfo>span{transform: translateX(6px); transition: .5s all ease;}



.know-b{display: flex;}
.know-l{width: calc(100% - 298px);padding-right: 54px;}
.know-r{width: 298px;}
.know-l .i-news-list{margin-top: 0}
.know-l .i-news-list .n_item_h2{width: 100%;padding:0 0 20px 0 ;border-bottom: 1px solid #ccc;}
.know-l .i-news-list .n_item_h2:nth-child(1){margin-top: 0}
.know-l .n_item_h2Text p{ margin-top: 2px; height: auto;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.know-l .n_item_h2Text span{display: block;color: #898989;margin-top: 10px;}
.know-l .i-news-list .n_item_h2Time{background: #f5f5f5}

.know-l .i-news-list .n_item_h2 .n_item_h2Time h2{color: #898989}
.know-l .i-news-list .n_item_h2Time p{color: #898989}
.know-l .i-news-list .n_item_h2:hover .n_item_h2Time h2{color: #fff}
.know-l .i-news-list .n_item_h2:hover .n_item_h2Time p{color: #fff}

.pro-b{display: flex;padding: 40px 0 60px 0}
.pro-l{width: 248px;transition: .8s all ease}
.pro-c{width: calc(100% - 248px - 145px); padding: 0 44px 0 56px }
.pro-r{width: 145px;}

.i-product-lBtn{transition: .3s all ease; display: none; width: 120px; transform: translateX(244px);border: 1px solid #ccc;cursor: pointer}
.i-product-lBtn span{display: block;padding: 10px 6px;background: #dd9e4e;color: #fff;font-size: 16px;text-align: center;}
.i-product-lBtn span:nth-child(2){display: none}
.i-product-lBtn.active span:nth-child(2){display: block}
.i-product-lBtn.active span:nth-child(1){display: none}

.pro-l a{display: block; margin-bottom: 5px; padding: 6px 20px;font-size: 15px; font-weight: 600; color: #323232; background: #e6e6e6;transition: .3s all ease;}
.pro-l a span{margin-right: 16px;}
.pro-l a:hover{background: #dd9e4e;color: #fff;transition: .3s all ease;}
.pro-top>h3{height: 60px; line-height: 60px; padding:  0 10px 0 30px ;position: relative;color: #dd9e4e;background: #f5f3f2;}
.pro-top>h3:before{content: '';position: absolute;left: 0;top: 0 ; width: 10px; height: 100%;background: #dd9e4e}
.pro-info { margin-top: 34px; font-size: 0}
.pro-info>div ,.pro-info >img{ display: inline-block;vertical-align: text-top}
.pro-info>div{width: 50%;}
.pro-info>img{width:   50%;}
.pro-info>div{padding-right:34px; }
.pro-info>div p{font-size: 18px; color: #323232;line-height: 1.8em;}

.pro-item{margin-top: 50px;}
.pro-item>h4{position: relative;padding: 0 10px 5px 30px;border-bottom: 1px solid #ccc}
.pro-item>h4:before{content: '';position: absolute;left: 0;top: 0 ; width: 11px; height: 20px;background: #dd9e4e}
.pro-itemInfo{display: flex;padding-top: 20px;align-items: self-start}
.pro-itemImg{width: 258px;border: 2px solid #ccc}
.pro-itemBg{padding-top:73.4%;background-position: center;background-size: cover;background-repeat: no-repeat }
.pro-itemText{padding-left: 34px;width: calc(100% - 258px);}
.pro-itemText h5{font-size: 15px; color:#323232;line-height: 1.6em}
.pro-itemText div{margin-top: 10px;padding-bottom: 24px;}
.pro-itemText div span{color: #dd9e4e;font-size: 15px;}
.pro-itemText div p{color: #323232;margin-top: 8px; line-height: 1.6em;font-size: 15px;}
.pro-itemText a{display: inline-block;position: relative;margin-top: 12px;font-size: 15px; color: #323232;padding-left: 20px;}
.pro-itemText a:before{position: absolute;left: 0;top: 50% ;width: 13px; height: 13px; transform: translateY(-50%);content: '';background: #898989}
.pro-itemText a:hover{color: #dd9e4e}
.pro-itemText a:hover:before{background: #dd9e4e; }

.pro-r-nav a{display: flex;justify-content: space-between; align-items: center; color: #000000;padding: 28px 0 12px;border-bottom: 2px solid #666666}
.pro-r-nav a:nth-child(1){border-top: 2px solid #666666}
.pro-r-nav a:hover{color: #dd9e4e}
.pro-r-list{margin-top: 60px;}
.pro-r-item{margin-top: 20px;}
.pro-r-item h5{color: #323232; font-size: 14px;line-height: 1.6em;max-height: 48px;overflow: hidden;border-bottom: 1px solid #000;padding-bottom: 8px;}
.pro-r-item p{color: #727171;line-height: 1.6em;margin-top: 8px;max-height: 90px; overflow: hidden;}
.pro-r-item:hover h5{color: #dd9e4e}
.pro-r-item:hover h5{border-color: #dd9e4e}
.pro-r-item:hover p{color: #dd9e4e}

.pro2-list{display: flex;flex-wrap: wrap}
.pro2-item{width: 33%;padding-right: 2%;margin-top: 40px;border-bottom: 2px solid #dd9e4e}
/*.pro2-list .pro2-item:nth-child(3n){padding-right: 0}*/
.pro2-item > h4{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro2-itemImg{margin-top: 10px;border: 2px solid #ccc}
.pro2-itemBg{padding-top:73.4%;background-position: center;background-size: cover;background-repeat: no-repeat }
.pro2-item p{height: 92px; overflow: hidden;margin-top: 20px;line-height: 1.8em}
.pro2-item a{display: block; margin-top: 10px;width: 124px; height: 38px;line-height: 38px;text-align: center;color: #fff;background: #898989;transition: .3s all ease}
.pro2-item:hover h4{color: #dd9e4e;transition: .3s all ease}
.pro2-item:hover a{background: #dd9e4e;transition: .3s all ease}

.pro2-back{text-align: center;margin-top: 28px;  }
.pro2-back a{ display: inline-block; height: 100%;  color: #000}
.pro2-back a img{vertical-align: middle;display: inline-block}
.pro2-dow .dow-img img{max-width: 94px;}
.pro2-dow .dow-item{border: 0}
.pro2-dow .service4-listL-item{border: 0}

.pro3-b-title{padding: 40px 0 12px 0;}
.pro3-b-title h4{text-align: center;color: #dd9e4e}
.pro3-b-img{text-align: center;margin-top: 30px;}
.pro3-b-info{margin-top: 14px;}
.pro3-b-info-title{border-bottom: 2px solid #868686}
.pro3-b-info-title span{display: inline-block;width:170px; height: 28px;text-align: center;line-height: 28px; background: #868686;color: #fff;font-size: 15px; }
.pro3-b-info-b{padding-top: 68px;min-height: 520px;padding-bottom: 20px;}

.video-list .i-video-item{width: 32%;position: relative;margin-top: 46px;margin-right: 1.5%}
.video-list .i-video-item:nth-child(3n){margin-right: 0}

.n-newsD-title h3{font-size: 18px;}
.n-newsD-title div{margin-top: 20px;color:#dd9e4e }
.n-newsD-title div span{margin-right: 16px;}
.n-newsD-content{padding-top: 16px;padding-bottom: 20px;}
.n-newsD-content p{margin-top: 20px;line-height: 1.8em; }
.n-newsD-back{margin-top: 40px;}
.n-newsD-back a{ border: 1px double #ccc; border-radius: 30px; display: inline-block; max-width: 40%; width: 192px;  height: 54px; margin-right: 18px; line-height: 54px;text-align: center;color: #333;background: #d2d2d2;transition: .4s all ease}
.n-newsD-back a:hover{background: #dd9e4e;color: #fff}
.n-newsD-next{margin-top: 40px;font-size: 0}
.n-newsD-next a{border: 1px dashed  #ccc; border-radius: 30px; padding: 4px 10px; margin-right: 1%; font-size: 15px;
    display: inline-block;vertical-align: middle;width: 48%;text-align: left;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#727171;  }
.n-newsD-next a:hover{color: #dd9e4e}


@media (max-width: 1600px){
    .g_w{padding: 0 5%}
}
@media (max-width:1440px){
    .i-product-nav a{font-size: 14px;width: 16.6%}
    .i-news-con .item1 .item .text h5{font-size: 14px;}
    .i-news-con .item2 .item h5{font-size: 16px;}
    .i-news .box{padding: 80px 50px;}
    .i-product .list1 .item .text span{font-size: 14px;}
    .pcNav_u1>li>a h4{font-size: 16px;}
    .pcNav_u1>li>a{padding: 0 18px;}
}
@media   (max-width:1380px){.pcNav_u1>li>a h4{font-size: 14px;}}
@media   (max-width:1300px){
    .g_w{padding: 0 5%;}
    .pro-c{width: calc(100% - 248px);padding-right: 0}
    .pro-r{display: none}
}
@media  (max-width:1200px){
    .n_banner{margin-top: 60px;}
    .i-news .box{padding: 60px 30px; }
    .i-news .list{margin-top: 20px;}
    .i-news .title b{font-size: 20px;}
    .i-news .list .item h4{font-size: 16px;}

    .i-product .list1{flex-wrap: wrap;}
    .i-product .list1 .item{height: 260px;width: 23%;margin-right:2.66%;margin-top: 20px; }
    .i-product .list1 .item:nth-child(4n){margin-right: 0}
    .i-product .list1 .item:nth-last-child(1){margin-top: 20px;}
    .i-product .list1 .item .text{margin-top: 60px;padding: 0 12px;}
    .i-product .list2 .item .text{font-size: 14px;height:46px;line-height: 46px; }

    .i-product-nav a{font-size: 14px;width: 20%}
    .i-news-con{flex-wrap: wrap}
    .i-news-con .item1{width: 48%}
    .i-news-con .item2{width: 100%;margin-top: 20px;}


    .i-pro-item{width: 31%}
    .i-about-list{display: block;}
    .i-about-l,.i-about-r{width: 100%}
    .i-about-r{padding-left: 0}
    .f-b-top-code{display: none}
    .f-b-top-l{width: 36%;padding-left: 20px;}
    .f-b-top-r{width: 64%}

    /*.fixed-left{display: none}*/


    .n-productD-r{display: none}
    .n-productD-l{width: 100%;padding-right: 0}
    .about-cont1-text{padding: 40px 0;}

    .n-title-text h2{font-size: 24px;}
    .about-cont1-text p{font-size: 14px;}

    .contact-cont2{padding-top: 40px;}
    .contact-top-item{width: 50%}
    .contact-code-item{margin-left: 20px;}
    .contact-code{justify-content: center}

    .know-r{display: none}
    .know-l{width: 100%;padding-right: 0}

    .pro-b{display: block}

    .pro-c{width: 100%;padding-left: 0}
    .pro-info>div, .pro-info >img{display: block;}
    .pro-info >img{margin-top:10px;width: auto  }
    .pro-info>div{width: 100%;padding-right: 0}

    .pro-l{position:fixed; top: 200px; left: 0;transform: translateX(-100%); z-index: 9999;background: #fff;padding: 10px;}
    .pro-l a{font-size: 14px; font-weight: 400;}
    .i-product-lBtn{display: block}
    .pro-l-box{height: 70vh;overflow-y: scroll}
    .pro-l-box::-webkit-scrollbar {
        width: 7px;
        height: 7px;
    }
    .pro-l-box::-webkit-scrollbar-track {
        background-color: rgba(50,50,50,.1);
    }
    .pro-l-box::-webkit-scrollbar-thumb {
        background-color: #727171;
    }

    .pro2-item{width: 50%; }

    .video-list .i-video-item{width: 49%; margin-right: 2%}
    .video-list .i-video-item:nth-child(3n){margin-right: 2%}
    .video-list .i-video-item:nth-child(2n){margin-right: 0}
}
@media(max-width:924px){
    .i-product-nav a{font-size: 14px;width: 33.3%}

    .i-about-list{display: block}
    .i-about-item{width: 100%;margin-top: 20px;}
    .i-fwImg{display: none}
    .i-fw .g_w{display: block}
    .i-fw{background: #4dacc3;padding: 30px 0;}

    .i-pro-item{width: 48%}

    .contact-code-item{display: block;text-align: center;margin: 0 10px;}
    .contact-code-item img{margin: 0 10px;}
    .contact-code-item span{display: block;text-align: center;margin-bottom: 10px;}
}
@media   (max-width:992px){
    .i-about .g_w{display: block}
    .i-about .g_w .con-l{ width: 100%; padding: 60px 0 0 0;}
    .i-about .g_w .con-r{width: 100%;padding: 0; margin-top: 20px; background: rgba(255,255,255,.8);text-align: left}
    .i-about .g_w .con-r .title span{font-size: 20px;right: 0;left: 0;height: 32px;line-height: 32px;width: 140px;}
    .i-about .g_w .con-r .text{font-size: 14px;margin-top: 20px;text-align-last: left;}
    .i-about .g_w .con-r a{margin-top: 20px;}
    .i-about .g_w .con-r img{position: relative;width: 100%}
    .i-about .g_w .con-l:before{right: 50%;transform: translateX(-50%)}

    .f-b-top-r{display: none}
    .f-b-top-l{width: 100%;padding-left: 0;border: 0}
    .i-news-list .n_item_h2{width: 100%}
    .dow-item{display: block; padding: 20px 0}
    .dow-img{margin: 0 auto}
    .dow-text{width: 100%}


}
@media (max-width:767px){
    .i-news{margin-top: 40px;padding-top: 0}
    .i-news .box{padding: 20px;}
    .i-news .list{display: block}
    .i-news .list .item{width: 100%;padding: 16px 0;border-bottom: 1px solid #dfdfdf}
    .i-news .list .item:after{display: none}
    .i-news .list .item a > img{margin-top: 10px;}
    .i-product .top>b{font-size: 18px;}
    .i-product .list2 .item{width: 49%;margin-right: 2%}
    .i-product .list2 .item:nth-child(4n){margin-right: 2%}
    .i-product .list2 .item:nth-child(2n){margin-right: 0}
    .i-product .list1 .item{width: 48%}
    .i-product .list1 .item:nth-child(4n){margin-right: 2%}
    .i-product .list1 .item:nth-child(2n){margin-right: 0}

    .i-news-con .item2 .item h5{font-size: 14px;line-height: 46px;height: 46px;}
    .i-news-con .item1{width: 100%;margin-top: 20px;}
    .i-about{padding: 0}
    .i-about .g_w .con-l{padding-top: 30px;}
    .i-about .g_w .con-l .title{font-size: 20px;}
    .i-about .g_w .con-l .text p{margin-top: 14px;}
    .i-product .top>span{font-size: 20px;}
    .i-product .nav-search input{height: 32px;line-height: 32px;}
    .i-product .nav-search button{height: 32px;line-height: 32px;}
    .i-product .nav-search{width: 200px;margin: 0}
    .i-product-nav{display: none}

    .f-bottom{height: auto;overflow: hidden;padding: 10px 0;}
    .f-bottom .g_w{flex-wrap: wrap;justify-content: center}
    .f-bottom .g_w span{display: block;margin-top: 6px;text-align: center}
    .i-product{padding-bottom: 0px;}

    .i-pro-item{width: 100%;margin-left: 0;margin-right: 0}
    .i-about-r{display: block;}
    .i-about-top h3{font-size: 20px;}
    .i-title h3{font-size: 20px;}
    .i-title2 h3{font-size: 20px;}
    .i-pro-item{margin-bottom: 20px;}
    .i-about-l .i-about-b{margin-top: 20px;}
    .i-about-top{height: 50px;}
    .i-about-b{margin-top: 10px;}
    .i-about-list{padding-bottom: 20px;}
    .i-video-swiepr{padding:  0 50px;}
    .i-video{padding: 30px 0}

    .n-title2{font-size: 24px;}
    .contact-top{margin-top: 10px;}
    .contact-cont1{margin-top: 40px;padding-bottom: 20px;}
    .contact-cont2{padding-top: 40px;padding-bottom: 40px;}
    .contact-code{margin-top: 40px;}
    .contact-top-item{width: 100%}
    .contact-code{display: block}
    .contact-code-item{margin-top: 20px;}
    .contact-title h2{font-size: 24px;}
    .n-title2 h2{font-size: 24px}
    .contact-from-item{display: block}
    .contact-from-item input{ display: block; margin-top: 30px;width: 100%}
    .contact-from-btn{font-size: 0;text-align: center}
    .contact-from-btn > input{width: 46%;margin: 0 1%}
    .service4-listL-item{display: block;padding-top: 10px;}
    .service4-listL-itemR{ margin: 0 auto; margin-top: 10px;}
    .service4-listL-itemL{width: 100%;text-align:   center}
    .service4-listL-itemL h4{font-size: 18px;padding-right: 0}
    .service4-listL-itemL p span{display: block; margin: 6px 0 0 0 ;}
    .dow-text-pc{display: none;}

    .know-l-item a{display: block;padding:20px 10px;}
    .know-l-item a > div{width: 100%;padding-right: 0}
    .know-l-item a > span{display: none}

    .pro-itemInfo{display: block;}
    .pro-itemImg{width: 100%}
    .pro-itemText{width: 100%;padding-left: 0}
    .pro-itemText{margin-top: 20px;}
    .pro-itemText div{padding-bottom: 10px;}
    .pro-item{margin-top: 30px;}
    .pro-info>div p{font-size: 14px;}

    .pro2-item{width: 100%;padding-right: 0}
    .pro3-b-info-b{min-height: auto}

    .video-list .i-video-item{width: 100%; margin-right: 0%}
    .video-list .i-video-item:nth-child(3n){margin-right: 0%}

}

@media (max-width:500px){

}