/* ==========================================================================
   Index Page
   ========================================================================== */
.nhead{ background: #fff; position: relative;}
.navBox ul.navCont li.child a{ color: #484747;}
.search input.text1{ border-color: #b5b5b5; color: #333;}
.search i{ color: #b5b5b5;}
.htool .brow a{ color: #484747;}
.htool .lang-dot i{ color: #b5b5b5;}
.htool .htel{ color: #484848;}
.htool .htel i{ color: #c71d26;}

.nbanner{  background-size:cover ; height: 23.9rem; position: relative;}
.nbanner1{  background-size:cover ; height: 41.7rem; position: relative;}
.nbanner .bH{ position: relative; height: 100%;}

.nbanner .bfont{ text-align: left; align-items: initial; color: #fff; position: relative; height: 100%;}
.nbanner .bfont a{color: #fff;}
.nbanner .bfont span{ font-size: 4rem; font-weight: bold; display: block;}
.nbanner .bfont span:last-child{font-size:1.4rem;font-weight: normal}

.nbanner span.vv1 { font-size: 3rem !important; font-weight: bold !important; display: block;}

.nban2{ background-image: url(../img/nban2.jpg);}

.psub{ background: #f0f0f0; height: 9rem; line-height: 9rem; text-align: center;}
.psub a{ display: inline-block; position: relative; color: #464646; font-size: 16px; width: 9.7%;}
.psub a:before{ content: ""; display: inline-block; width: 15px; height: 15px; border-radius: 15px; border: 1px solid #c1c1c1; vertical-align: middle; margin-right: 10px; line-height: 12px; text-align: center;}
.psub a:hover,.psub a.active{ background: #c20a14; color: #fff; font-weight: bold;}
.psub a:hover::before,.psub a.active:before{ content: "●"; border-color: #fff; color: #fff; font-size: 26px;}


.psub1{ background: #f0f0f0; height: 7rem; line-height: 7rem; text-align: center; overflow: hidden}
.psub1 li{display: block;}
.psub1 a{ display:block; float:left; position: relative; color: #464646; font-size: 16px; width: 11.11%; }
.psub1 a i{font-size:18px; padding-right: 5px;}
.psub1 a:hover,.psub1 a.active{ background: #c20a14; color: #fff;transition: all ease-in-out 0.25s}


.search_js{ background: #f8f8f8; padding: 4rem 15%; line-height: 36px; text-align: center; font-size: 16px;}
.search_js label{ margin-right: 10px; color: #555;}
.search_js select,.search_js .text2{ height: 36px; border: 1px solid #ccc; color: #999; width: 60%; padding: 0 2%;}
.search_js button{ height: 36px; background: #c20a14; color: #fff; width: 100%; text-align: center; border: none;}
.search_js button i{ font-size: 24px; display: inline-block; vertical-align: middle; margin-right: 10px;}

.yy-row{ display: flex;}
.yy-block{ position: relative; height: 100%;}
.yy-block .btxt{ position: absolute; bottom: 0; left: 0; line-height: 40px; color: #fff; z-index: 10; box-sizing: border-box; padding: 0 3rem 3rem;}
.yy-block .bimg{ height: 100%;}
.yy-block .bimg img{ width: 100%; min-height: 100%;}
.yy-block .btxt span{ font-weight: bold; font-size: 3rem; margin-right: 20px;}
.yy-block .btxt i,.yy-block .btxt a{ display: inline-block; width: 80px; height: 28px; line-height: 28px; text-align: center; border: 1px solid #fff; margin: 0 5px;}
.yy-block .btxt i:nth-child(3n),.yy-block .btxt a:hover{ background: #c20a14; border-color: #c20a14;}
.yy-brow{ background: #f6f6f6; padding: 4rem; height: 100%; box-sizing: border-box;}
.yy-brow span{ display: block;}
.yy-brow .t-style-1{font-size: 3rem;font-weight: bold;}
.yy-brow .t-style-2{ font-size: 3rem;}
.yy-brow p{ color: #626262; font-size: 14px; line-height: 30px; margin-top: 1rem;}
.yy-brow p span{ font-weight: bold;}
.yy-brow a{ display: inline-block; background: #c20a14; color: #fff; width: 30px; height: 30px; line-height: 30px; border-radius: 30px; text-align:center;margin-right: 10px;}
.yy-brow a i{ font-size: 2.4rem;}

.ly-brow {padding:0 4rem; height: 100%; box-sizing: border-box; line-height: 2}

/*面包屑*/
.place{ color: #fff;  position: relative; text-align: right; width: 100%;}
.place i{ font-size: 2rem; margin-right: 1rem; display: inline-block; vertical-align: middle;}
.place a{ color: #fff;}
.place a:hover{ color: #439c21;}

.sect_main{ background: url(../img/bg_nk1.jpg) no-repeat center 0; padding: 0 0 13rem; position: relative;}
.sect_main:after{ content: ""; display: block; position: absolute; width: 100%; bottom: 0; left: 0; background: url(../img/bg_nk2.jpg) no-repeat center bottom; height: 119px;}
.sect_nk1 .gallery-thumbs .swiper-slide{ border-bottom: 1px solid rgba(255,255,255,0.1); }
.sect_nk1 .gallery-thumbs .swiper-slide span{ display: block; text-align: center; font-size: 2rem; font-weight: bold; color: #fff;width: 100%; cursor: pointer;}
.sect_nk1 .gallery-thumbs .swiper-slide-thumb-active{ background: #f0870a;}
.s-next{ right: 4%;}
.s-prev{ left: 4%;}

.sg-bk{ padding: 0 4%;}

.sg-list .ptit{ text-align: center; padding: 2rem 0; color: #565656; font-size: 1.8rem;}
.sg-list .s-next2,.sg-list .s-prev2{ background: #f0870a; padding: 0; width: 6rem; height: 6rem; border-radius: 6rem; text-align: center; line-height: 6rem; margin-top: -7rem;}
.sg-list .s-next2{ margin-right: 10%;}
.sg-list .s-prev2{ margin-left: 10%;}
.sg-list .s-next2 i,.sg-list .s-prev2 i{ color: #fff; font-size: 3rem;}

.cate-tool{ border: 1px solid #ddd; background: #fff;}
.cate-tool .brow{ line-height: 3rem; border-bottom: 1px solid #ddd; clear: both; overflow: hidden;}
.cate-tool .brow:last-child{ border-bottom: 0;}
.cate-tool .brow span{ font-weight: bold; color: #111; display:block; background: #f9f9f9; padding: 1rem 0; float: left; position: relative; height: 100%; box-sizing: border-box; text-align: center; width: 8%; margin-right: 1%;}
.cate-tool .brow .cate-a{ float: left; width: 90%; padding: 1rem 0;}
.cate-tool .brow a{ display: inline-block; color: #7d7d7d; margin: 0 2px; padding: 0 1rem;}
.cate-tool .brow a:hover,.cate-tool .brow a.on{ background: #ef8506; color: #fff;}

/*分类样式*/
.module_cate{ background-image:linear-gradient(130deg,#207ef7,#439c20) ; height: 9rem; line-height: 9rem; text-align: center; position: relative; margin-top: -9rem; z-index: 100;}
.module_cate span{ color: #fff; font-size: 3rem; font-weight: bold; }
.subCate{ background: #fff; box-shadow: 0 0 10px #ccc;}
.subCate li{ border-bottom: 1px solid #eee; text-align: center; line-height: 6rem;}
.subCate li:last-child{ border-bottom: 0;}
.subCate li a{ font-size: 18px; color: #646464;}
.subCate li:hover,.subCate li.active{ background: #f1efef;}

/*横排分类*/


.tip{ line-height: 36px; color: #565656; font-size: 16px;}

.title-1{ position: relative; text-align: center; line-height: 12rem;}
.title-1 span{ font-size: 3rem; font-weight: bold;background-image: linear-gradient(90deg,#207ef7,#439c20); -webkit-background-clip:text; color: transparent;}
.title-1 span:after{ content: ""; display: block; width: 180px; height: 4px;background-image: linear-gradient(90deg,#207ef7,#439c20); margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 0;}

.title-2{ position: relative;}
.title-2 span{ font-size: 3.6rem; color: #363636; font-weight: bold;}


.content p{ margin: 0.5rem 0; font-size: 16px;}

.zz-box .btit{ clear: both; overflow: hidden;}
.zz-box .btit span{ font-size: 2.2rem;}
.zz-box .btit a{ display: inline-block; float: right; width: 108px; height: 35px; line-height: 35px; text-align: center; color: #fff; background: #f0880c;}
.zz-box .binfo{ line-height: 36px; color: #8b8b8b;}
.zz-box .binfo span{ color: #2f2f2f;}

.tj-box span{ display: block;}
.tj-box a{ display: inline-block; float: right; width: 90px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #f09d64; margin-top: 2rem;}
.tj-box a:hover{ background: #f0880c;}

.sub_cont{ padding: 2rem; }
.sub_cont .subNav{ background: #f3f3f3; font-size: 1.8rem; font-weight: bold; line-height: 3rem; padding: 2rem; margin-top: 1rem;}
.sub_cont .subNav:after{ content: "\e60d"; float: right;font-family: "iconfont" !important; color: #767676; font-size: 2rem;}
.sub_cont .subNav.open{ margin-bottom: 0;}
.sub_cont .subNav.open:after{ content: '\e609';}
.navContent{ display: none; background: #f3f3f3; margin: 0; padding:0 3rem 2rem;}
.navContent p{ margin: 0; color: #767676;}



.nlist-2{ border: 1px solid #D1DFFF;}
.nlist-2 .full-row{ border-bottom: 1px solid #D1DFFF;}
.nlist-2 .bk-c{ padding: 2rem;}
.nlist-2 h3{ font-size: 2.4rem;}
.nlist-2 .binfo span{ display: inline-block; margin-right: 4%;}
.nlist-2 a{ display: inline-block; border-radius: 5px; background-image: linear-gradient(-255deg,#574dee,#818cf8); color: #fff; line-height: 5rem; padding: 0 6%; font-size: 1.8rem; margin: 3rem 4% 0 0;}
.nlist-2 a i{ font-size: 2.4rem; vertical-align: top; margin-right: 1rem;}
.nlist-2 a:hover{ border-radius: 5rem;}

.case-xq{ border-bottom: 1px solid #eee; padding-bottom: 2rem; position: relative;}
.case-xq .brow{ border-right: 1px solid #eee; color: #949494; font-size: 16px; line-height: 3.6rem;}
.case-xq .brow span{ display: inline-block; width: 45%;}
.case-xq .brow span i{ color: #ef8507;}
.case-xq .brow,.case-xq .bk-bj{ padding: 2rem 10%;}
.case-xq .bk-bj span{ font-size: 18px;}
.case-xq .bk-bj a{ display: inline-block; color: #fff; background: #f0880c; width: 108px; line-height: 35px; text-align: center; margin-top: 1rem;}

.pad-bk{ padding: 3rem;}



.article{ line-height: 30px; padding: 6rem 0 2rem;}
.article .content{font-size:16px;padding-top: 30px;line-height: 30px;}
.article .content img{max-width:100%}
.news-tit{ font-size: 3rem; font-weight: bold;}
.tool{ color: #999; padding: 2rem 0;border-bottom: 1px solid #EDEDED}
.tool span{ display: inline-block; margin: 0 0.5rem; font-size: 14px;}
.bshare-custom{ padding: 2rem 0;}
.tc{text-align:center!important;}


.ny-page{ line-height: 3rem; padding: 2rem 0; font-size: 14px;}

.tit-1{ text-align: center; font-weight: bold; font-size: 3.6rem;}

.tit-2{ text-align: center; font-weight: bold; font-size: 3rem;}
.tit-2 span{ display: inline-block;}
.tit-2 span:after{content: ""; display: block; background: #fdb930; height: 5px; width: 100%;}

.tit-3{ font-size: 3rem; padding: 0 5%;}
.tit-3 span{ display: inline-block;}
.tit-3 span:after{content: ""; display: block; background: #fdb930; height: 3px; width: 20%; margin-top: 2rem;}


.ny_a{ padding:50px 0;overflow: hidden}
.a_bt{ font-size:60px; color:#dcdcdc;}
.a_bt span{ font-size:30px; color:#010101; padding-left: 15px;}
.a_nr{line-height:32px;;color:#666666}


.a_tu { padding-top:30px;}
.a_ys{text-align:center;}
.a1_zi{color:#c30a10; font-size:36px; font-family: Impact; }
.a1_zi span{font-size:10px;font-family: "微软雅黑"}
.a1_zi_z{ font-size:16px; color:#666666}

.hhly{ padding: 30px 0; overflow: hidden}

.about-box{ }
.about-box p{ color: #606060; font-size: 16px; line-height: 36px; margin: 0 0 2rem;}

.bk-about{ font-size: 15px; line-height: 36px; color: #646464;}

.about-box2{ text-align: center; line-height: 4rem;}
.about-box2 i{ color: #e48c0f; font-size: 5rem;}
.about-box2 p{  color: #717171; font-size: 16px; position: relative; z-index: 2;}
.about-box2 span{ font-size: 2.4rem; display: block; padding: 1rem 0;}


.about-box3{}
.about-box3 p{ color: #3e3e3e; font-size: 16px; line-height: 40px;}

.about-box4{}
.about-box4 .btit{text-align: center; font-size: 1.8rem; font-weight: bold; line-height: 30px;}

.about-box5 .bimg{ position: relative; padding-bottom: 3rem; padding-right: 3rem;}
.about-box5 .bimg img{ position: relative; z-index: 2;}
.about-box5 .bimg:before{content: ""; display: block; position: absolute; background: #f5f3f3; color: #fff; font-size: 3rem; font-family: impact; bottom: 0; right: 0; width: 90%; text-transform: uppercase; text-align: center; height: 90%; padding-top: 2rem; padding-left: 4%;}



/*企业文化*/
.qywh_s{ background:#f5f5f5; padding: 60px 0; overflow: hidden}
.qy1 {position:relative; margin-top: 20px;}
.qy1_zi{ position:absolute; left: 30px; bottom: 30px; font-size:25px; font-weight: bold; color:#FFFFFF}
.qy1_zi span{ font-size:20px; font-weight: normal}

.qy2_zi{ position:absolute; left: 30px; bottom: 30px; font-size:25px; font-weight: bold; color:#222222}
.qy2_zi span{ font-size:18px; font-weight: normal}

.whs{ overflow:hidden}
.whs img{width:100%}



.qywh_x{ padding: 60px 0; overflow: hidden}
.qy2{width:100%; height: 350px;background:url("../img/w5.jpg") top left no-repeat;}
.qy2_b{width:390px; height: 100%; background: #c20a14; float: right;}

.qy2_b_1{width:100%; height: 50%; display: block; position: relative;color:#FFFFFF; line-height: 3}
.ys{ background: #343e47;}

.qy2_b_1 p:first-child{font-size:25px; position: relative; left: 20px; top: 20%}
.qy2_b_1 p:last-child{font-size:16px; position: relative; left: 20px; top: 10px}


/**/

.zz_tu{ padding:20px 0}
.zz_tu img{width:100%;}



/**/
.sect_5{ margin:50px 0; padding-bottom: 100px;}
.sect_5 .media-box{margin: 0; border: 1px solid #ddd; width: auto;}
.sect_5 .media-box .icon{ background: none;}
.sect_5 .swiper-button-next, .sect_5 .swiper-button-prev{ background: #e11d07; border: 1px solid #e11d07; width: 45px; height: 45px; text-align: center; line-height: 45px; margin: 0; bottom: auto; top: 110%}
.sect_5 .swiper-button-next i, .sect_5 .swiper-button-prev i{ font-size: 3rem; color: #fff;}
.sect_5 .swiper-button-next{ right: 46%;}
.sect_5 .swiper-button-prev{ left: 46%; right: 50px;}
.sect_5 .swiper-button-next.swiper-button-disabled,.sect_5 .swiper-button-prev.swiper-button-disabled{ background: #fff; border-color: #959595;}
.sect_5 .swiper-button-next.swiper-button-disabled i,.sect_5 .swiper-button-prev.swiper-button-disabled i{ color: #373737;}


.nybt{ text-align:center; padding-top: 50px; font-size:50px; font-weight: bold; color:#111111; line-height: 1}
.nybt span{ font-weight:normal; font-size:18px; color:#666666}


.sect_nk1{ background:#ffffff;padding: 4rem 0;margin: 4rem 0}

.sect_nk1 .swiper-button-next, .sect_nk1 .swiper-button-prev{ background: #e11d07; width: 45px; height: 45px; text-align: center; line-height: 45px;}
.sect_nk1 .swiper-button-next i, .sect_nk1 .swiper-button-prev i{ font-size: 3rem; color: #fff;}
.sect_nk1 .swiper-button-next{ right: 0px; top:20px}
.sect_nk1 .swiper-button-prev{ right: 65px; top: 20px;left: auto}
.sect_nk1 .swiper-button-next.swiper-button-disabled,.sect_nk1 .swiper-button-prev.swiper-button-disabled{ background: #21283b; border: 0; opacity: 1}
.sect_nk1 .swiper-button-next.swiper-button-disabled i,.sect_nk1 .swiper-button-prev.swiper-button-disabled i{ color: #FFFFFF;}



.sect_nk2{ background: url(../img/bg_nk1.jpg) no-repeat right 0 #f5f7fa; padding: 8rem 0; text-align: center;}
.sect_nk2 .btit span{ font-size: 3.6rem;}
.sect_nk2 .btit p{ font-size: 18px; color: #777;}
.sect_nk2 a{ font-size: 2.4rem; display: inline-block;}
.sect_nk2 a i{ display: block; font-size: 6rem; color: #676767;}
.sect_nk2 a:hover,.sect_nk2 a:hover i{ color: #e11d07;}
.sect_nk2 .bpad{ padding: 0 20%;}

.about-tabs{ text-align: center; clear: both; overflow: hidden;}
.about-tabs a{ width: 20%; height: 10rem; line-height: 10rem; text-align: center; display: block; float: left; background: #19375f; font-size: 2.4rem; color: #fff;}
.about-tabs a i{ font-size: 3.6rem; display: inline-block; vertical-align: middle; margin-right: 10px;}
.about-tabs a:nth-child(2n){ background: #142842;}
.about-tabs a.active{ background: #f0870a; color: #fff;}
.about-list{ position: relative; margin: 0;}
.about-list .bimg img,.about-list .bimg { width: auto; max-width: inherit; height: 100%; overflow: hidden;}
.about-list .full-row{ display: flex; height: 100%;}
.about-list .binfo{ background: #f2f2f2; color: #565656; height: 100%; padding: 2rem 8%; box-sizing: border-box;}
.about-list .btit{ background: url(../img/line.png) no-repeat center bottom; padding-bottom: 20px; font-size: 2.4rem; width: 100%;}
.about-list .tlist{ padding: 0;}
.about-list .tlist p{ text-align: left; clear: both; overflow: hidden; padding: 2rem 0; line-height: 30px;}
.about-list .tlist p span{ display: block; float: left; width: 50%;}
.about-list .tlist p i{ font-size: 2rem; color: #f0870a; display: inline-block; vertical-align: middle;}

.about-info{ text-align: center;}
.about-info .ntit{ padding: 2rem 10%;}
.about-info .ntit span{ font-weight: bold; color: #606060; font-size: 18px;}
.about-info .ntit p{ color: #606060; font-size: 14px; margin-top: 1rem;}


.about-img{ position: relative;}
.about-img i{ content: ""; width: 12rem; height: 12rem;background: #e48c0f; display: block; position: absolute; top: -12rem; right: 10%;}

.news-box{ margin-bottom: 2rem; position: relative; background: #f2f2f2;}
.news-box .row{ display: flex; height: 100%;}
.news-box .media-box{ margin: 0;}
.news-box .media-box .icon{ background: none;}
.news-box .date{ color: #333f47; line-height: 40px; position: relative; font-size: 1.8rem; font-family: 'Century Gothic'; text-align: center; height: 100%;}
.news-box .date span{ display: block; font-weight: bold; font-size: 5rem;}
.news-box a{ height: 100%; position: relative; align-items: inherit;}
.news-box h3{ font-size: 2.4rem; color: #151515; position: relative;}
.news-box p{ font-size: 16px; color: #656565; margin-top: 1rem; line-height: 36px;}
.news-box a:hover h3{ color: #009a67;}


.news-box2{ margin-bottom: 2rem; position: relative;}
.news-box2 .media-box{ margin-bottom: 0;}
.news-box2 .media-box .icon{ height: 25rem; background: #eee;}
.news-box2:before{ content: ""; width: 98%; height:100%; background: #f2f2f2; display: block; position: absolute; bottom: 0; left: 0;}
.news-box2 .date{ color: #333f47; text-align: center; line-height: 3.6rem; font-size: 1.8rem;}
.news-box2 .date span{ display: block; font-weight: bold; font-size: 5rem;}
.news-box2 a{ display: flex; position: relative; z-index: 2; clear: both; overflow: hidden; height: 100%;}
.news-box2 .jcent{ height: 100%; align-items: inherit;}
.news-box2 h3{ font-size: 2.4rem; position: relative;}
.news-box2 p{ font-size: 1.6rem; color: #656565; margin: 1rem 0;}
.news-box2 a:hover h3{ color: #e48c0f;}
.news-box2 a:hover .icon img{ transform: scale(1.2); transition: all 0.8s;}

.news-box3{ position: relative; display: flex;}
.news-box3 .media-box{ margin-bottom: 0;}
.news-box3 .media-box .icon{ height: auto!important; background: #eee;}
.news-box3 .media-box .icon img{ height: auto; width: 100%;}
.news-box3 .jcent{ height: 100%; align-items: inherit; background: #f6f6f6; padding: 0 3rem;}
.news-box3 h3{ font-size: 3rem; position: relative;}
.news-box3 p{ color: #656565; margin: 1rem 0;-webkit-line-clamp:3;}
.news-box3:hover .icon img{ transform: scale(1.2); transition: all 0.8s;}
.news-box3 a{ width: 15rem; text-align: center;}

.honor-box{ margin-bottom: 0; background: #f6f5f5; width: auto;}
.honor-box .icon{ background: none;}
.honor-box .ptit{ padding: 0 2rem;}

.case-box{ margin-bottom: 2rem;}
.case-box .ntit{ text-align: center; padding: 2rem 0; color: #4a4a4a; line-height: 3.6rem; font-size: 14px;}
.case-box .ntit span{ font-size: 18px; font-weight: bold;}

.pro-box { margin-bottom: 0; height: 100%;}
.pro-box .icon{  height: 100%!important; position: relative;}
.pro-box .icon i{ display: block; position: absolute; width: 100%; height: 100%; line-height:34rem; text-align: center; vertical-align: middle; top: 0; left: 0; background: rgba(248,158,29,0.5); color: #fff; font-size: 5rem; transform: scale(0); transition: all 0.3s;}
.pro-box .ptit{ text-align: center; line-height: 24px; padding: 2rem; color: #999;}
.pro-box h3{ font-weight: normal; padding: 0;}
.pro-box a:hover .ptit{ background: #e48c0f;}
.pro-box a:hover .ptit,.pro-box a:hover h3{ color: #fff;}
.pro-box a:hover .icon i{ transform: scale(1); transition: all 0.3s;}

.pro-tit{  height: 100%; align-items: initial; box-sizing: border-box; padding: 3rem;}
.pro-tit h4{ font-size: 3.6rem; border-bottom: 1px solid #ddd; margin-bottom: 1rem;}
.pro-tit h4 span{font-size:1.8rem;font-weight: normal;padding-left: 10px;    position: relative;    top: -5px;}
.pro-tit p{ color: #595959; font-size: 16px; line-height: 36px;}
.pro-tit p span{ display: inline-block; width: 90px;}
.pro-tit p a{ display: inline-block;color: #595959; font-size: 14px; margin-right: 20px;}
.pro-tit p a i{ margin-right: 5px; font-size: 19px;}
.pro-tit p a:hover{ color: #c20a14;}
.prod-bk{ display: flex; margin-bottom: 2rem;border: 1px solid #ddd;}

.xq_tu img{ max-width:100%}


.prod-info{ height: 50rem; box-sizing: border-box; }
.prod-info .swiper-container{height: 100%; overflow: hidden; padding-right: 4px; box-sizing: border-box;}
.prod-info .swiper-slide{ height: auto;}
.prod-info .swiper-scrollbar-drag{ background: #e48c0f;}
.prod-info .swiper-container-vertical>.swiper-scrollbar{ border-image-slice: ;}
.prod-info .ptit{ text-align: center; font-size: 3rem; font-weight: bold;}
.prod-info .ptit:after{ content: ""; background: #e48c0f; display: block; width:50px; height: 4px; margin: 1rem auto 2rem;}
.prod-info .pcont{ color: #6f6f6f; line-height: 33px;}
.prod-info .ptel{ font-weight: bold; color: #e48c0f; font-size: 2.4rem; display: block;}
.prod-info .ptel i{ font-weight: normal; font-size: 3rem; display: inline-block; vertical-align: middle;}
.prod-info .pzx{ display: inline-block; background: #333f47; color: #e48c0f; font-weight: bold; font-size: 2rem; width: 70%; text-align: center; line-height: 6rem;}


.p_subCate .subNav{ background: #f3f3f3; margin-bottom: 1px; padding: 0 2rem; line-height: 6rem; position: relative;}
.p_subCate .subNav i{ color: #e48c0f;}
.p_subCate .subNav span{ font-size: 16px; font-weight: bold;}
.p_subCate .subNav:after{ content: "\e60d"; float: right;font-family: "iconfont" !important; color: #222; font-size: 16px;}
.p_subCate .subNav.open{ margin-bottom: 0;}
.p_subCate .subNav.open:after{ content: '\e609';}
.p_subCate .navContent{ padding:0 1rem 2rem 3rem; margin-bottom: 1px;}
.p_subCate .navContent a{ display: block; line-height: 4rem; border-bottom: 1px dotted #ddd; color: #717171;}
.p_subCate .navContent a:hover,.p_subCate .subNav.open span,.p_subCate .navContent a.cur{ color: #e48c0f;}

.bcont{ text-align:center; background:#f9f9f9; padding:4rem 2rem;}
.bcont p{ color:#666666; margin:10px 0 0; font-size: 16px;}
.bcont span{ color:#333333; font-size:3rem; font-weight: bold;}


.sect_wd .tabs{}
.xswl-bk a{ display: inline-block; border: 2px solid #e48c0f; border-image: linear-gradient(-255deg,#f9cc8c, #e48c0f) 10 10; line-height: 4.5rem; width: 7rem; text-align: center; color: #e48c0f; font-size: 2.2rem; margin-bottom: 8px;}
.xswl-bk a:hover,.xswl-bk a.active{ background-image: linear-gradient(-255deg,#f9cc8c, #e48c0f); color: #fff; transition: all 0.4s;}
.xswl-list .tab-tit{ text-align: left; background: #f3fbfe; line-height: 8rem; padding: 0 2rem; font-size: 3rem; font-weight: bold;}
.xswl-list .tlist{ padding: 0;}
.xswl-list .add-row{ text-align: left; margin-bottom: 3rem;}
.xswl-list .add-row span{ font-weight: bold; font-size: 16px;}
.xswl-list .add-row  p{ color: #888;}
.xswl-list .add-row  p i{ color: #e48c0f; margin-right: 0.5rem; font-size: 20px;}

.subNavBox .sub_cont .subNav{ background: #fdbe63; color: #fff; font-size: 2rem;}
.subNavBox .sub_cont .subNav:after{ color: #fff;}
.subNavBox .navContent{ padding: 2rem 4%;}
.subNavBox .sub_cont{ padding: 0;}

/*新闻详情样式2*/
.nbg{ background: url(../img/bg_nk1.jpg) repeat-y center 0; padding:3rem 0 6rem;}
.nbg .place,.nbg .place a{ color: #878787;}

.box-bg{ background: #fff; padding: 3rem;}
.bshare-custom{ padding: 2rem 0;}


.ul-news{}
.ul-news li{ border-bottom: 1px solid #ddd; padding: 1rem 0; line-height: 30px;}
.ul-news li a{ display: block;}
.ul-news li span{ display: block; color: #999;}

.ntit-1{ font-weight: bold; font-size: 3rem;}

.bk-bq{}
.bk-bq a{ color: #666; display: inline-block; margin: 0 1%;}
.bk-bq a:nth-child(3n){ color: #53b753; font-size: 2.2rem;}
.bk-bq a:nth-child(6n){ color: #000; font-size: 2.6rem;}



/**/

.lueying:{ margin-bottom:40px;}
.lueying .media-box{ margin-bottom: 15px;}
.lueying_zi{ text-align:center; line-height: 40px; cont-size:18px;}
.lueying_zi a{color:#666666;font-size:18px;}

/*发展历程*/
.fzlc{ position: relative;margin: 13rem 0 }

.fzlc .fz-list{ height: auto;  position: relative}
.fz-list .binfo{ position: relative; display: flow-root}
.fz-list .binfo:before{ content: ""; width: 5px; height: 5px; border-radius: 5px; border: 3px solid #999999; position: absolute; top: 25px;left:22%;background: #fff;}
.fz-list .date{ float: left; text-align: right; width: 18%;}
.fz-list .date span{ display: inline-block; position: relative;font-size: 35px; font-weight: bold; color: #6b6b6b;}
.fz-list .binfo p{ font-size: 16px; color: #666; float: right; width: 73%; background: #f5f5f5; height: 70px; line-height: 70px; text-indent: 1cm; transition: 0.2s; position: relative}
.fz-list .binfo p a{ display:block; color:#666;transition: 0.2s}
.fz-list .binfo p:hover{ background:#c20a14; color:#FFFFFF}
.fz-list .binfo p:hover a{color:#FFFFFF}
.fz-list p.odd{ background: #ffffff}


.fz-list .binfo p span{position:absolute; right: 0; bottom: 10px; opacity: 0; transition: 0.2s}
.fz-list .binfo p span img{ max-width:200px;border: 1px solid #EFEFEF}

.fz-list .binfo p:hover span{bottom: 0px; opacity: 1}


.fz-list:after{ content: ""; width: 1px; height:100%; position: absolute; display: block; background: #ddd; top: 0px; left: 22.5%}

.inews2{ border: 1px solid #eee; padding: 2rem; box-sizing: border-box; background: #fff;}
.inews2{ display: block; clear: both; overflow: hidden; line-height: 40px; margin-bottom: 22px;}
.inews2 span{ display: block; color: #6c6c6c; padding-left: 28px;}
.inews2 h3{ font-size: 16px; color: #2d2d2d; padding-left: 28px;}
.inews2 p{ color: #6c6c6c;}
.inews2 p i{ color: #207ef7; font-size: 2rem; margin-right: 10px; }

.inews2:hover h3{ color: #2481e1;}

.top-next,.bom-prev{ background: none; border: 2px solid #b80924; width: 36px; height: 36px; border-radius: 36px; text-align: center; line-height: 36px; left: 0; right: 0; margin: 0 auto; margin-top: 0;}
.top-next i,.bom-prev i{ color: #b80924; font-size: 2.4rem; font-weight: bold;}
.top-next{ bottom: 0;  top: auto;}
.bom-prev{ top: 0; }


/*新闻*/
.news{width:100%; padding: 30px 0; overflow: hidden}
.news_l{width:700px; height: auto; float: left;}
.news_r{width:calc(100% - 750px); float: right;display: inline;}
.news_s{width:100%; height: auto; overflow:hidden; margin-bottom: 15px; position: relative}
.news_s:hover{ background:#c20a14; transition: 0.3s;cursor: pointer;color:#FFFFFF}
.news_s:hover a{color:#FFFFFF}
.news_rq{width:125px; height: 150px; float: left;text-align: center;}
.news_rq p:first-child{font-size: 40px; font-family: Impact;position: relative;padding-top: 25px;}
.news_rq p:first-child::after{ content: '';width:50%; height: 1px; background: #dddddd;margin: 0 auto;bottom: 8px;position: absolute; left: 25%}
.news_n1{width:calc(100% - 150px); float: right;display: inline; padding-right: 15px;}
.news_n1 p:first-child{margin-top:20px; font-size:28px; color:#333333;transition: 0.3s;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.news_n1 p:last-child{margin-top:5px; color:#666666;transition: 0.3s;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.news_s:hover .news_n1 p:first-child{color:#FFFFFF}
.news_s:hover .news_n1 p:last-child{color:#EFEFEF}

.news-x{background:#f1f4f9; padding: 40px 0;}
.news_k{ background:#FFFFFF; padding: 30px; margin-bottom: 30px;}
.news_k p:first-child{font-size: 20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.news_k p:nth-child(2){ padding:10px 0}
.news_k p:nth-child(3){width:100%; height: 232px; position: relative}
.news_k p:nth-child(3) img{display: block;    width: 100%;    height: 100%;    position: absolute;    left: 0;    top: 0;    object-fit: cover;}
.news_k:hover{background:#c20a14; transition: 0.3s;cursor: pointer;color:#FFFFFF}
.news_k:hover a{color:#FFFFFF}


/*资质荣誉列表*/
.img-box{ margin-bottom: 2rem;}
.img-box a .icon{ background: #f4f5f5; }
.img-box .ntit{ padding: 15px 0; background: #f4f5f5; margin-top: 2px;}
.img-box .ntit h3{ text-align: center; color: #373737; font-size: 18px; padding: 0; line-height: 30px;}
.img-box .ntit p{ color: #5f5f5f; font-size: 14px;}
.img-box a:hover .ntit{ background: #e11d07;}
.img-box a:hover .ntit h3{ color: #fff;}


.img-box{ margin-bottom: 2rem;}
#ilist-2 .img-box a .icon{ background:#ffffff; border: 1px dashed #eeeeee}
.img-box .ntit{ padding: 15px 0; background: #f4f5f5; margin-top: 2px;}
.img-box .ntit h3{ text-align: center; color: #373737; font-size: 18px; padding: 0; line-height: 30px;}
.img-box .ntit p{ color: #5f5f5f; font-size: 14px;}
.img-box a:hover .ntit{ background: #e11d07;}
.img-box a:hover .ntit h3{ color: #fff;}


.img-box2{ margin-bottom: 3rem; background: #f3f3f3; padding: 3rem; box-sizing: border-box;}
.img-box2 a{ display: flex; height: 100%; overflow: hidden; clear: both;}
.img-box2 .media-box{ margin: 0;}
.img-box2 .media-box .icon{ background: none;}
.img-box2 .binfo{ padding: 0 10%; position: relative; box-sizing: border-box; height: 100%; align-items: inherit;}
.img-box2 .binfo h3{ font-size: 3rem; color: #008aff; position: relative; z-index: 2; width: 100%; text-align: left;}
.img-box2 .binfo span{ font-size: 18px; color: #444343; line-height: 36px;}
.img-box2 .binfo p{ font-size: 16px; color: #999999; line-height: 30px; margin: 2rem 0;}
.img-box2 .binfo i{ display: inline-block; width: 50px; height: 36px; line-height: 36px; text-align: center; color: #008aff; border-bottom: 1px solid #008aff;  position: relative; z-index: 2;}
.img-box2:hover .binfo i{ color: #fff; background: #008aff;}


.img-box3{ margin-bottom: 2.5rem; background: #f0efef; border-radius:  0 0 5rem 0; padding: 2rem; width: auto;}
.img-box3 .icon{ background: none; border: 0; height: 29rem; position: relative; background: #fff;}
.img-box3 .ptit{ text-align: left; line-height: 24px; padding: 2rem 0; color: #999; transition: all 0.3s;}
.img-box3 h3{ font-weight: normal; padding: 0;text-align: left; font-size: 2.2rem; line-height: 3.5rem;}
.img-box3 h3:after{ content: "\e601"; display: inline-block; vertical-align: middle; width: 3.5rem; height: 3.5rem; border-radius: 3.5rem; float: right; color: #d8d8d8; border: 1px solid #d8d8d8; font-family: iconfont; text-align: center; line-height: 3.5rem; font-size: 2rem; }
.img-box3:hover{ background: #e48c0f; transition: all 0.3s;}
.img-box3:hover a .ptit{ transition: all 0.3s;}
.img-box3:hover a .ptit,.img-box3:hover a h3{ color: #fff;}
.img-box3:hover h3:after{ color: #fff; border-color: #fff;}

.img-box4{ background: #fff; width: auto; margin: 0 1px 5px;}
.img-box4 .icon{ background: none; border: 0; height: 26.7rem; position: relative; background: #fff;}
.img-box4 .ptit{ text-align: left; line-height: 24px; padding: 2rem; color: #999; transition: all 0.3s;}
.img-box4 .ptit span{ font-size: 14px;}
.img-box4 h3{ font-weight: normal; padding: 0;text-align: left; font-size: 1.8rem; line-height: 3.5rem;}
.img-box4:hover{ background: #e48c0f; transition: all 0.3s;}
.img-box4:hover a .ptit{ transition: all 0.3s;}
.img-box4:hover a .ptit,.img-box4:hover a h3{ color: #fff;}

.img-box5{ margin-bottom: 3rem; padding: 0 10%; width: auto;}
.img-box5 .icon{ background: none; border: 0; height: 34rem; position: relative;}
.img-box5 .ptit{ text-align: left; line-height: 24px; padding: 2rem 0; color: #999; transition: all 0.3s;}
.img-box5 h3{ font-weight: normal; padding: 0;text-align: left; font-size: 2.2rem; line-height: 3.5rem;}
.img-box5:hover{ transition: all 0.3s;}
.img-box5:hover a .ptit{ transition: all 0.3s;}
.img-box5:hover a .ptit,.img-box5:hover a h3{ color: #e48c0f;}


.video-box{ width: auto; margin: 0;}
.video-box a{ position: relative; background: #ebeaea;}
.video-box .icon{ background: none; border: 0; position: relative;}
.video-box .icon img{ width: 100%;}
.video-box .icon i{ position: absolute; width: 100%; height: 100%; line-height: 100%; text-align: center; vertical-align: middle; top: 0; left: 0; background: rgba(0,0,0,0.5); color: #b62b20; font-size: 5rem; opacity: 0; transition: all 0.3s;}
.video-box .icon i:before{}
.video-box .ptit{ padding: 2rem;}
.video-box h3{ color: #383838; text-align: center; font-size: 18px; padding: 0; line-height: 5.5rem;}
.video-box a:hover{ background: #b62b20; transition: all 0.3s;}
.video-box a:hover .icon i{ opacity: 1; transition: all 0.3s;}
.video-box a:hover h3{ color: #fff; transition: all 0.3s;}

.video-box2{ width: auto; margin: 0 0 2rem;}
.video-box2 a{ position: relative; background: #ebeaea;}
.video-box2 .icon{ background: none; border: 0; position: relative;}
.video-box2 .icon img{ width: 100%;}
.video-box2 .icon i{ position: absolute; width: 153px; height: 43px; line-height: 43px; text-align: center; vertical-align: middle; top: 0; left: 0; right: 0; bottom: 0; margin: auto auto; background:#b80924; color: #fff; font-size: 16px; border-radius: 43px;  transition: all 0.3s;}
.video-box2 .icon i:before{display: contents; font-size: 2rem; margin-right: 10px;}


.cate-list{}
.cate-list a{width: 100%; background: #f5f6f6; text-align: center; margin-bottom: 2rem; height: 16.6rem; color: #444343;}
.cate-list a span{ display: block; font-size: 3rem;}
.cate-list a i{ color: #444343; font-size: 4.6rem; line-height: 4.5rem;}
.cate-list a:hover{ background: #b80924; color: #fff;}
.cate-list a:hover i{ color: #fff;}

.cont-box{ text-align: center;}
.cont-box .brow{ display: block; font-size: 16px;}
.cont-box i{ font-size: 5rem; color: #009a67;}
.cont-box span{ font-weight: bold; display: block;}

.cjwt-box{ padding: 0;}

.hxjs-box{ margin-bottom: 3rem;}
.hxjs-box a{ display: block; clear: both; overflow: hidden; position: relative; padding-bottom: 5rem;}
.hxjs-box a img{ filter:brightness(50%)}
.hxjs-box .binfo{ background: #fff; padding: 3rem 8%; position: absolute; bottom: 0; left: 0;}
.hxjs-box .binfo:before{ content: ""; width: 10%; height: 2px; background: #dedede; display: block; position: absolute; left: 0; top: 5.5rem;}
.hxjs-box .binfo h3{ font-size: 3rem; font-weight: normal;}
.hxjs-box .binfo p{ color: #666;}
.hxjs-odd .binfo{ left: auto; right: 0; text-align: right;}
.hxjs-odd .binfo:before{ left: auto; right: 0;}
.hxjs-box a:hover .binfo:before{ background: #e48c0f; animation: amt-line 1s infinite;}
.hxjs-box a:hover h3{ color:#e48c0f ;}
.hxjs-box a:hover img{ filter:brightness(100%)}

@keyframes amt-line{
	0%{ width: 10%;}
	50%{ width: 0;}
	100%{width: 10%;}
}

.big_img{position: fixed;z-index: -1;opacity: 0;background: rgba(0,0,0,0.8);width: 100%;height: 100%;top:0;left:0;}
.big_img .swiper-container2 {position: relative;width: 100%;height: 100%;}
.big_img .swiper-container2  .swiper-wrapper{width: 100%;height: 100%;}
.big_img .swiper-slide{width: 100%;height: 100%;display: table}
.big_img .swiper-slide .cell{width: 100%;;height: 100%;display: table-cell;vertical-align: middle;text-align: center;}
.big_img .swiper-slide img{max-width: 90%;max-height: 80%;margin:0 auto;}
.big_img .page2{position: absolute; top:0.2rem;text-align: center;width: 100%;}
.big_img .page2 span{margin:0 0.05rem;}
.big_img .close{ font-size: 5rem; color: #fff; width: 6rem; height: 6rem; line-height: 6rem; top: 1rem; right: 1rem; position: absolute; z-index: 10000; cursor: pointer;}

a.amore{ display: block; border: 1px solid #b80924; color: #b80924; line-height: 40px; text-align: center;}
a.amore:hover{ background: #b80924; color: #fff;}


.form-style1 .form-control{ background: #fff;}

.nbg2{ background: url(../img/bg_nk1.jpg) no-repeat center 0; padding: 6rem 0 0;}




.hui{background:url(../img/yy.png) no-repeat right top #f1f2f4 ; box-shadow:inset 0px 15px 10px -5px #e4e4e6; }

.pro_nr{width:100%; margin: 0 auto}
.pro_nr_bt{padding: 20px 0;text-align: left;color: #616161}
.pro_nr_bt .m3 a{color:#616161}
.pro_nr_bt .m3 i{color:#f13925}

.pro-bk{  height: 100%; box-sizing: border-box;overflow: hidden;}

.pro-bk .swiper-container {width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
.pro-bk .swiper-slide {background-size: cover;background-position: center;}
.pro-bk .swiper-slide .bimg{ height: 99%;border: 1px solid #e5e5e5; }
.pro-bk .gallery-top {height: 80%;width: 100%;}
.pro-bk .gallery-top img{    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;}
.pro-bk .gallery-thumbs {height: 16%;box-sizing: border-box;  width: 90%; margin: 0 auto;margin-top: 4%; padding: 0 2%}
.pro-bk .gallery-thumbs .swiper-slide {width: 25%;height: 95%;opacity: 1;border: 1px solid #ddd;}
.pro-bk .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;border: 1px solid #e48c0f;}


.cp_l{width:650px; height: auto; float: left;}
.cp_r{width:calc(100% - 750px); float: right;}
.gdl{width:650px;}

.pro-thumb{ height: 530px; position: relative;}
.pro-thumb .swiper-button-next,.pro-thumb .swiper-button-prev{ top: auto; bottom: 0; height: 16%; width: 4%; text-align: center;  background: none; line-height: 100%;outline: none}
.pro-thumb .swiper-button-next{ right: 0;}
.pro-thumb .swiper-button-prev{ left: 0;}
.pro-thumb .swiper-button-next i,.pro-thumb .swiper-button-prev i{ vertical-align: middle; font-size: 2.4rem; color: #999;}

.pro-bk2{ background: #f3f3f3; padding: 2rem 4% 1rem; height: 100%; box-sizing: border-box;}
.pro-bk2 .case-box{ margin: 0 2rem; width: auto;}

.swiper-thumb{ height: 99.5%; border: 1px solid #f6f6f6;}
.swiper-thumb .swiper-pagination-bullet-active{ background: #e48c0f;}

.wx{text-align:center;color: #e5e5e5;line-height: 2}
.wx img{max-width:100%; border: 1px solid #e5e5e5;padding: 7px;}


.topfix{ position:fixed;top: 0;}

.cp_r{min-height:800px;}
.cp_y .cp_y_zi .p1{font-size:40px; font-weight: bold; color:#222222}
.cp_y .cp_y_zi .p2{ font-size:16px; color:#333333}

.cp_y_lx{ border:1px solid #dedfe1; border-left: none; border-right: none; padding: 30px 0 20px; height: auto; overflow: hidden; margin-top: 40px;background:url(../img/y1.png) no-repeat 80% bottom }
.cp_nr{text-align:center; position: relative;overflow: hidden}
.cp_nr::after{content:'';width:1px; height: 50px; background: #d9d9db; position: absolute; right: 0;}

.cp_y_lx div.span-4:last-child .cp_nr::after{content:none}

.cp_nr div{display:inline-block;line-height: 20px;}
.cp_nr div.cp1{ position: relative;top:6px;width:60px;float: left;display: block}
.cp_nr div.cp2{ text-align:left; width:calc(100% - 80px); float: left; display: block; margin:0 10px; line-height: 1.5}
.cp_nr div.cp2 p:first-child{font-size:16px; font-weight: bold; padding-bottom: 5px;}

.cptd{margin:40px 0;}
.cp_bt{font-size:26px;font-weight: bold;color:#222222;position: relative;padding-left: 20px;}
.cp_bt::before{content:'';width:5px; height: 16px; background: #c8212b; position: absolute; left: 0;top: 18px;}
.cp_bt span{font-size:14px; font-weight: normal;color:#666666;padding-left: 5px;}
.cptd_nr{ margin-top:15px;}
.cptd_nr p{ line-height: 40px; font-size:16px; color:#666666;position: relative;padding-left: 30px;}
.cptd_nr p::before{content:'';width:18px; height: 18px; background: url("../img/c.jpg") no-repeat;position: absolute; left: 0;top: 10px;}
.sjt_nr img{ max-width:100%; padding: 15px;}

.cptd .form-group{margin-top:15px;}
.cptd .btn{ margin-top:15px;width:100%; border-radius: 0; height: 40px; outline: none; background: #c20a14; border: none; line-height: 40px; color:#ffffff}
.cptd form{ margin-bottom: 40px; overflow: hidden}



/*联系我们*/
.lxwm{ width:100%; height: 675px; background: url("../img/lx.jpg") no-repeat center center; background-size: cover;}
.lxwm .lx_bt{ font-size:40px;font-family: Impact;color:#222222;padding-top: 75px;}
.lxwm .lx_bt1{font-size:16px; color:#666666; padding-bottom: 15px;}
.lxwm .lx_bt2{border: 1px solid #cecece; border-left: none; border-right: none; padding: 20px 0; overflow: hidden}
.lxwm .lx_bt2_1{ float:left; }

.lxwm .lx_bt2_1 img{ background:#fb4736; padding: 13px; max-width: 100%; border-radius: 50%; margin-top: 5px;}

.lxwm .lx_bt2_2{float:left; margin-left: 5%;}
.lxwm .lx_bt2_2 p:first-child{font-size:30px;font-family: Impact; color:#e21a0a}
.lxwm .lx_bt2_2 p:last-child{font-size:16px; color:#666666; }


.lxwm .lx_tb{ line-height: 2; margin-top: 15px; overflow: hidden; padding-left: 8px; font-size:15px;}
.lxwm .lx_tb img{ max-width: 18px; margin-right: 10px}


.zz{ background:#ffffff; padding: 40px 0; overflow: hidden;}
.zz .zz_bt{ text-align: center;font-size:40px;font-family:Arial;color:#dddddd;}
.zz .zz_bt_1{text-align: center;font-size:50px; font-family: Impact; font-weight: bold; margin: -5px 0}
.zz .zz_bt_2{font-size:16px; color:#666666; text-align: center; padding-top: 10px; padding-bottom: 40px;}

.zz_nr_nr{ border:1px solid #ececec; overflow: hidden; border-radius: 8px; margin-top: 20px; padding: 30px 0}
.zz_nr_nr .zz_tu{width:50px; float: left; margin: 0 20px; padding-top: 30px;}
.zz_nr_nr .zz_zi{width:calc(100% - 160px); float: left;}
.zz_nr_nr .zz_zi p:first-child{font-size:24px; font-weight: bold;font-family: Impact; border-bottom: 1px solid #ececec}
.zz_nr_nr .zz_zi p:last-child{font-size:16px; line-height:20px; color:#666666; padding-top: 15px; min-height: 55px;}


.ly{width:100%; height: auto; background: #fafafa; padding: 80px 0;}
.ly_bt{text-align: center;font-size:40px; font-weight: bold;font-family: Impact;}
.ly_bt1{font-size:14px; line-height: 20px; text-align: center}
.ly_bt1 span{color:#f2281c;}


.ly .ll{ margin-top:40px; overflow: hidden}
.ly .ll .form-group{ margin-top:15px;}
.ly .ll .btn {
    width:280px;
    border-radius: 5px;
    font-size: 16px;
	margin: 0 auto;
    margin-top:20px;
    background: #f2281c;
    color: #fff;
    height: 55px;
	border: none;outline: none;
}



.ditu{padding:80px 0; overflow: hidden}


@media screen and (max-width:1440px){
	
.cp_l{width:550px; height: auto; float: left;}
.cp_r{width:calc(100% - 650px); float: right;}
.gdl{width:550px;}
	
.qy1_zi{ position:absolute; left: 20px; bottom: 20px; font-size:20px; line-height: 1.8 }
.qy1_zi span{ font-size:18px; }
.qy2_zi{ position:absolute; left: 20px; bottom: 20px; font-size:20px; line-height: 1.8 }
.qy2_zi span{ font-size:14px; }
	
.nybt{  font-size:40px; font-weight: bold; color:#111111; line-height: 1}
.nybt span{ font-weight:normal; font-size:18px; color:#666666}
	
	
	.sect_5 .swiper-button-next{ right: 40%;}
.sect_5 .swiper-button-prev{ left: 40%; right: 50px;}
}



@media screen and (max-width:992px){
	
.cp_l{width:400px; height: auto; float: left;}
.cp_r{width:calc(100% - 450px); float: right;}
.gdl{width:400px;}
	
.qy1_zi{ position:absolute; left: 10px; bottom: 10px; font-size:18px; line-height: 1.3 }
.qy1_zi span{ font-size:16px; }
.qy2_zi{ position:absolute; left: 10px; bottom: 10px; font-size:18px; line-height: 1.3 }
.qy2_zi span{ font-size:12px; }
	
.nybt{ text-align:center; padding-top: 40px; font-size:30px; font-weight: bold; color:#111111; line-height: 1}
.nybt span{ font-weight:normal; font-size:16px; color:#666666}
	
}

@media screen and (max-width:768px){

	.topfix{ position:relative;top: 0;}
.pro-thumb{ height: 350px; position: relative; margin-bottom: 40px;}		
.cp_l{width:100%; height: auto; float: none;}
.cp_r{width:100%; margin-top: 30px; float: none;}
.gdl{width:100%;}
	.cp_nr {    text-align: left;    position: relative; border-bottom: 1px solid #d9d9db; padding: 15px 0}
	.cp_nr::after{content:none}
	
.cp_y .cp_y_zi .p1 {    font-size: 25px;}
	.cp_y .cp_y_zi .p2 {    font-size: 14px;  	}
	
	.pro-bk .gallery-thumbs {    padding: 0 3%;}
	
	.nybt{ text-align:center; padding-top: 40px; font-size:25px; font-weight: bold; color:#111111; line-height: 1}
.nybt span{ font-weight:normal; font-size:14px; color:#666666}
	
		.sect_5 .swiper-button-next{ right: 35%;}
.sect_5 .swiper-button-prev{ left: 35%; right: 50px;}
	
}

@media screen and (max-width:500px){

.qy1_zi{ position:absolute; left: 20px; bottom: 20px; font-size:20px; line-height: 1.8 }
.qy1_zi span{ font-size:18px; }
.qy2_zi{ position:absolute; left: 20px; bottom: 20px; font-size:20px; line-height: 1.8 }
.qy2_zi span{ font-size:14px; }
	
	
}





