@charset "utf-8";

/* CSS Document */

*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body{ overflow-x: hidden; margin:0px; padding:0px; font-size:12px;font-family:"font4","微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;}

ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;font-family:"font1","微软雅黑","黑体";}

input,textarea { font-family:"font4", "微软雅黑"; border: none; outline: none; background: none; }

ul,li{ list-style:none}

img{border:0px; padding:0px; display: block;}

a{ color:#5c5c5c; text-decoration:none}
.clear{ zoom: 1; }

.clear:after { content: ''; display: block; clear: both; }

.fl { float:left}

.fr { float:right}

.hidden{display:none; background: url() no-repeat center;}
.ppcfbox .swiper-slide { background:#ffffff; opacity:0!important}
.ppcfbox .swiper-slide.swiper-slide-active { opacity:1!important}

@font-face {

    font-family: "font1";

    src: url(opl.ttf);   

}

@font-face {

    font-family: "font2";

    src: url(opm.ttf);   

}

@font-face {

    font-family: "font3";

    src: url(oph.ttf);   

}



.swiper-button-prev:after,.swiper-button-next:after { content:''!important;}
.header{width: 100%;background: #fff; height: 120px; }

.headerbox{width: 1200px; max-width:92%; margin: 0 auto;overflow: hidden;}

.logo{float: left; width:72px;padding-top:10px;}
.logo img { display: block; width: 100%;}

.nav{float: right;}

.nav img{display: none;}

.nav ul{overflow: hidden;}

.nav li{float: left; font-size: 16px; padding-left: 65px; line-height: 120px;}

.nav a{font-size: 16px;color: #676A73;text-align: center;font-weight: 500; font-family: font2;}

.ssxq{position: absolute;width: 100%;  left: 0; top: 120px; background: #f1f1f1;padding: 20px 0;z-index: 100;display: none;}

.ssxqbox{width: 460px; position: relative; margin: 0 auto;}

.wby1{width: calc(100% - 40px); float: left; line-height: 40px;height: 40px;font-size: 20px;font-family: font1;}

.btn1{background: url(../images/iconl1.svg); width: 40px;height: 40px;float: right;background-size: 100% 100%;border: none;cursor: pointer;}

.beliefCont .mobShow { display: none;}

.banner img{width: 100%;}


.banner img.pcShow { display:block!important;}


.banner img.mobShow{ display:none!important;}
.banner .swiper-button-next{background: url(../images/right.png) no-repeat center center;width: 182px;height: 27px; margin-top: -13px;background-size: 100% auto;}

.banner .swiper-button-prev{background: url(../images/left.png) no-repeat center center;width: 182px;height: 27px; margin-top: -13px;background-size: 100% auto;}

.banner span { opacity:1; background:rgba(0,0,0,0.5)}
.banner span.swiper-pagination-bullet-active { background:#ffffff}

.banner1 span { opacity:1; background:rgba(0,0,0,0.5)}
.banner1 span.swiper-pagination-bullet-active { background:#ffffff}


.ppcf{background: #fafafa; padding: 100px 0 170px; }

.ppcfbox{width: 1200px; max-width:92%; margin: 0 auto; padding: 185px 60px 0 80px; background: #fff;position: relative;height:678px;}

.ppcfbox .swiper-slide { background: #ffffff;}

.swiper-container_a{float: right;width: 562px; }

.swiper-container_a img{width: 100%;}

.ppcfbox .swiper-pagination{bottom: auto; top: 78px;}

.ppcfbox .swiper-pagination-clickable .swiper-pagination-bullet{width: 30px;height: 30px; background: #f1f3f6;color: #7d94ac;font-size: 14px; line-height: 30px; margin-right: 14px; opacity: 1;}

.ppcfbox .swiper-pagination-clickable .swiper-pagination-bullet-active{background: #758ea7; color: #fff;}

.swiper-container_b{float: left; width:440px;}



.swiper_btext h2{ font-weight:normal; font-size: 26px;color: #2C2C2E; line-height: 42px; margin-bottom: 50px;font-family: font2;}

.swiper_btext p{font-size: 14px; font-family:'font2';  color: #2C2C2E; line-height: 32px;}
.swiper_btext li{line-height: 2; font-size: 16px;font-family: font5; color: #2C2C2E;}
.swiper_btext li i{color: #ff0000;font-style: normal;}
.btn2{display: block; text-align: center;width: 225px; line-height:60px;background: #333333;color: #fff; margin-top:28px;font-size:16px;transition: All 0.4s ease-in-out;font-family: font2;}
.btn2:hover{background: #758ea7;}
.ppln .btn2 { margin-top:68px}

.rmcp{width: 1200px; max-width:92%; margin: 0 auto; padding-bottom:40px}

.rmcp_tit{padding-bottom: 85px;}

.rmcp_tit h2{ font-size:40px; color: #2C2C2E; margin-bottom:32px; font-weight:normal; font-family:'font2'}

.rmcp_tit a{font-size: 16px; color:#1890FF; font-family:'font2'}

.rmcp_tit a span{display: inline-block;background: url(../images/a4.png);width: 16px;height: 16px; vertical-align: middle; margin: -3px 0 0 20px;}

.rmcp_nr ul{overflow: hidden; margin-left: -25px;}

.rmcp_nr li{float: left; width: 33.33%; padding: 0 0 60px 25px;}

.rmcpbox{background: #fff;}

.rmcpbox span{ position: relative; display: block;overflow: hidden;font-weight: 600; height:520px;}

.rmcpbox img{width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.img2 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-ou }

.img2:hover { transform:  translateY(-50%) scale(1.1);-webkit-transform: translateY(-50%) scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1); -ms-transform: scale(1.1); }

.rmcp_text{text-align: center; padding-bottom: 65px;}

.rmcp_text h3{font-size: 14px;color: #A6A6A6;font-family: font2;font-weight: 600;}

.rmcp_text p{font-size:18px;color: #333333; padding: 24px 0 10px; white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; font-family:font2;}

.rmcp_text h2{font-size:12px; font-weight:bold; color: #666666; font-family: font2;}

.ppln{background: url(../images/a12.png) repeat-y center center;}

.pplnbox{width: 1060px; margin: 0 auto; overflow: hidden; padding: 25px 0;}

.ppln_left{float: left; width:340px;}

.ppln_left h3{line-height: 2px; line-height:1; font-size:18px;color: ##B9B5B0; margin:22px 0 55px;font-family: font2; font-weight:normal}

.ppln_left p{font-size: 14px;
color: #2C2C2E;
 font-family:"font2"; line-height:2;}

.ppln_left li{font-family: font2; color: #2C2C2E;font-size: 14px; line-height: 2;}

.ppln_right{float: right;position: relative;width: 571px;}

.ppln_right h2{font-size: 22px;color: #2C2C2E; font-weight:normal; font-family:'font2'; text-align: center; margin-bottom: 25px;}
.ppln_left h2{font-size: 18px;color: #2C2C2E; font-weight:normal; font-family:'font2'; line-height:1.5}
.pptp{position: relative;}

.pptp img{width: 100%;}

.bfbtn{position: absolute; text-align: center; bottom: 65px;left:50%; transform: translateX(-50%);width: 80px;cursor: pointer;}

.bfbtn p{font-size: 18px;color: #FFFFFF; margin-top: 20px;}

.bfbtn b{background: url(../images/a5.png);width: 64px;height: 64px; margin: 0 auto;display: block; background-size: 100%;}



.news{background: #fff; margin-top: 75px;padding: 100px 0; position: relative;}
.newsbox{width: 1200px; max-width:92%; margin: 0 auto; overflow: hidden;}
.newsqh{width: 960px;float: right;}
.news_qh{position: relative; overflow: hidden;}
.news_tp{width: 688px;float: right;}
.news_tp img{width: 100%;}
.news_text{position: absolute;left: 0;top:50%; transform: translateY(-50%); background: #333333;padding: 50px 40px;width: 417px; height:432px;
    box-sizing: border-box;
}
.news_text h2{font-size:18px;color: #F7F7F7;line-height: 40px;font-weight: 400;font-family: font2;}
.news_text p{font-size: 14px;color: #E9E9E9;line-height: 28px;margin-top: 20px;font-family: font2;}
.news_text a{display: block;background:url(../images/a15.png) no-repeat 90% center #fff;width: 270px;font-size: 16px;color: #333333;line-height: 46px; margin-top: 90px; padding: 0 20px;transition: All 0.4s ease-in-out;font-weight: 400;font-family: font4;}
.news_text a:hover{background:url(../images/a15.png) no-repeat 95% center #fff;}
.news_texta{float: left;  width: 230px; position: relative;position: absolute;left: 100px; top: 120px;}
.news_texta h2{ font-weight: bold; font-size: 30px;color: #2C2C2E;font-family: font2;
color: #2C2C2E;}
.qhbtn{position: absolute;bottom: 100px; left: 100px;width: 100px;}
.news .swiper-button-next{background: url(../images/a17.png);width: 32px;height: 32px;background-size: 100%;right: 0;}
.news .swiper-button-next:hover{background: url(../images/a17a.png);width: 32px;height: 32px;background-size: 100%;}
.news .swiper-button-prev{background: url(../images/a16.png);width: 32px;height: 32px;background-size: 100%;left: 0;}
.news .swiper-button-prev:hover{background: url(../images/a16a.png);width: 32px;height: 32px;background-size: 100%;}
.news .swiper-button-next:after,.news .swiper-button-prev:after { content:''}




/*页面2*/

.gmfl{background: #fff;width: 1200px; max-width:92%; margin: -120px auto 0 auto; position: relative; z-index: 10; padding: 45px 40px 50px 40px;}

.gmfl h2{font-size: 20px;color: #AEAEB2;font-weight: 500;}

.gmfl ul{overflow: hidden; margin-left: -24px; padding-top: 65px;}

.gmfl li{float: left; padding-left: 20px;text-align: center;width: 11.11%;}

.gmfl img{width: 100%;}

.gmfl p{color: #2C2C2E;line-height: 52px;font-size: 15px;font-weight: 400;}

.img4 { transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}

.img4:hover { transform: translate(0, -10px); -webkit-transform: translate(0, -10px);-moz-transform: translate(0, -10px); -o-transform: translate(0, -10px);-ms-transform: translate(0, -10px);}



.jgjh{background: #050403;position: relative;overflow: hidden; margin-top: 85px;}

.jgjh_right{width: 50%;float: right;position: relative; overflow: hidden;}

.jgjh_right img{width: 100%;}

.jgjh_texta{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%); width: 100%;}

.jgjh_texta ul{overflow: hidden;}

.jgjh_texta li{float: left;}

.jgjh_texta p{font-size: 140px; line-height: 1.3; color: #282a28;font-weight: 600;}

.jgjh_tp{width: 100%;position: absolute;top: 0; left: 0;z-index: 1;}

.jgjhbox{position: absolute;width: 1200px; max-width:92%;left:50%; top:50%; transform:translate(-50%,-50%);}

.jgjh_text{width: 435px;}

.jgjh_top{padding-bottom: 60px;}

.jgjh_top h2{font-size: 28px;color: #FFFFFF;line-height: 46px; margin-bottom: 45px;font-weight: 600;font-family: font4;}

.jgjh_top p{font-size: 18px;color: #FFFFFF;line-height: 32px; padding-right: 115px;font-weight: 600;font-family: font4;}

.jgjh_text ul{border-top: 1px solid #1f1f1e;}

.jgjh_text li{border-bottom: 1px solid #1f1f1e; padding: 25px 100px 25px 0; overflow: hidden;line-height: 2; font-family: font4;}

.jgjh_text span{float: left;font-size: 18px;color: #FFFFFF;font-weight: 600;font-family: font5;}

.jgjh_text b{float: right; width: calc(100% - 120px);font-size: 18px;color: #FFFFFF;font-weight: 400;font-family: font5;}

.jgjh_text b img{display: inline-block;vertical-align: middle;}

.jgjh_text i{font-size: 14px; color: #646464; padding: 0 20px;}



.bj1{background: #f1f1f1;}

.wz1200{width: 1200px; max-width:92%; margin: 0 auto;}

.ppcp{overflow: hidden; padding: 100px 0;animation:fadeInUp 1.25s, 100ms;}

.ppcp_to{width: 588px; max-height:588px; overflow:hidden}

.ppcp_to img{width: 100%;}



.ppcp_text{width:430px ;}

.fl{float: left;}

.ppcp_text h3{font-size: 20px;color: #AEAEB2;padding-bottom: 80px;font-weight: 500;font-family: font2;}

.ppcp_text h2{font-size: 28px;color: #2C2C2E;line-height: 46px; margin-bottom: 45px;font-weight: 600;font-family: font2;}

.ppcp_text p{font-size: 18px;color: #2C2C2E;line-height: 32px; padding-right: 110px;font-weight: 600;font-family: font2;}

.ppcp_text ul{border-top:1px solid #e4e4e4; margin-top: 75px;}

.ppcp_text li{border-bottom: 1px solid #e4e4e4; padding: 25px 100px 25px 0; overflow: hidden;line-height: 2;font-family: font3;}

.ppcp_text li span{float: left; font-size: 18px;color: #333333 ;font-weight: 600;font-family: font2;}

.ppcp_text li b{float: right;width: calc(100% - 120px);font-size: 18px;color: #333;font-weight: 400;font-family: font3;}

.ppcp_text b img{display: inline-block;vertical-align: middle;}

.ppcp_text i{font-size: 14px; color: #e4e4e4; padding: 0 20px;}



.bj2{background: #fafafa; padding: 120px 0 0;position: relative;}

.vgym{width: 1200px; max-width:92%; margin: 0 auto;overflow: hidden;}

.vgym .swiper-button-next{background: url(../images/a17.png);width: 32px;height: 32px;background-size: 100%; right: 100px;top: auto; bottom: 0;margin-top: 0;}

.vgym .swiper-button-next:hover{background: url(../images/a17a.png);width: 32px;height: 32px;background-size: 100%;}

.vgym .swiper-button-prev{background: url(../images/a16.png);width: 32px;height: 32px;background-size: 100%; right: 170px;top: auto; bottom: 0;margin-top: 0;left: auto;}

.vgym .swiper-button-prev:hover{background: url(../images/a16a.png);width: 32px;height: 32px;background-size: 100%;}



/*成份*/

.banner1{position: relative;}

.banner1_btn{border: 2px solid #fff; position: absolute; right: 50px;top:50%; transform: translateY(-50%);z-index: 10;width: 100px;height: 80%;}

.banner1 .swiper-button-next{background: url(../images/a25.png); width: 15px; height: 24px;background-size: 100%;right: auto;top: auto;bottom: 50px;left:50%; transform: translateX(-50%); margin-left: 0;}

.banner1 .swiper-button-prev{background: url(../images/a26.png); width: 15px;height: 24px; margin-top: 0; top: 50px;background-size: 100%;left:50%; transform: translateX(-50%);}

.banner1 .swiper-container{width: 100%; overflow: hidden;}

.banner1 img{width: 100%;}

.comp_tit{text-align: center; padding: 110px 0 60px;}

.comp_tit h2{font-size: 28px;color: #333333;font-weight: 400;}

.comp_nr ul{overflow: hidden; margin-left: -25px; padding: 10px 0 100px;}

.comp_nr li{float: left; margin-bottom:20px; width: 33.33%; padding-left: 25px;height:630px}

.comp_box{position: relative;}

.comp_box img{width: 100%}

.comp_text{position: absolute; top: 35px; left: 0; padding: 0 0 0 30px;width: 100%;}

.comp_text h2{font-size: 22px;color: #333;position: relative; padding-bottom: 45px;font-family: font4;}

.comp_text h2:before{border-bottom: 2px solid #4b4a4a;width: 42px;left: 0; bottom: 19px; position: absolute;content: "";}

.comp_text a{display: block;width: 210px;height: 40px; line-height: 38px;border: 1px solid #353434;text-align: center;color: #333;font-family: font4;}

.comp_text a img{width: 17px;display: inline-block;vertical-align: middle; margin: -3px 0 0 8px;transition: All 0.4s ease-in-out;}

.comp_text a:hover img{margin-left: 15px;}



/*产品详情*/

.cpxq{width: 1400px; margin: 0 auto; padding-top: 95px;}

.cpjs{background: #fff; margin-bottom: 95px;padding: 95px;position: relative;overflow: hidden;}

.mySwiper2{width: 588px;float: left;}

.cpxq_text{float: right;width: calc(100% - 685px);}

.cpxq_text h2{font-size: 28px;color: #2C2C2E;line-height: 46px; margin-bottom: 40px;font-weight: 600;font-family: font4;}

.cpxq_text p{font-size: 18px;color: #2C2C2E;line-height: 32px;font-weight: 600;font-family: font4;}

.cpxq_text ul{border-top: 1px solid #ececec;width: 430px; margin-top: 35px;}

.cpxq_text li{border-bottom: 1px solid #ececec;overflow: hidden; padding: 25px 100px 25px 0;font-family: font4;}

.cpxq_text span{float: left;font-size: 18px;color: #333;line-height: 32px;font-weight: 600;font-family: font5;}

.cpxq_text b{float: right;width: calc(100% - 120px);font-size: 18px;color: #333;line-height: 32px;font-weight: 400;font-family: font4;}

.cpxq_text img{display: inline-block;vertical-align: middle;}

.cpxq_text b i{padding: 0 15px; font-size: 14px; color: #ececec;}

.cpjs .swiper-button-next{background: url(../images/a17.png);width: 32px;height: 32px;background-size: 100%; right: calc(50%  - 50px);top: auto; bottom: 15px;margin-top: 0;}

.cpjs .swiper-button-next:hover{background: url(../images/a17a.png);width: 32px;height: 32px;background-size: 100%;}

.cpjs .swiper-button-prev{background: url(../images/a16.png);width: 32px;height: 32px;background-size: 100%; top: auto; bottom: 15px;margin-top:0;left: calc(50% - 50px);}

.cpjs .swiper-button-prev:hover{background: url(../images/a16a.png);width: 32px;height: 32px;background-size: 100%;}

.swiper-button-next:after, .swiper-button-prev:after {font-size:0; }



.cpxq_tp {padding: 95px;background: #fff;}

.cpxq_tp img{width: 100%;}

.mtnr h2{font-size: 49px;color: #0D2136;text-align:center; padding: 170px 0 120px;font-weight: 500;font-family: font2;}

.pfgl p{font-size: 32px;color: #0D2136;line-height: 52px; padding: 120px 0 80px;font-weight: 500;font-family: font2;}

.ptfh_title{padding: 220px 0 340px;}

.ptfh_title h2{font-size: 112px;color: #0D2136;font-weight: 600;font-family: font4;}

.ptfh_title h3{font-size: 80px;color: #0D2136;line-height: 200px;font-weight: 400;font-family: font5;}

.ptfh_title p{line-height: 1.6;font-size: 56px;color: #0D2136; margin-top: 40px;font-weight: 600;}

.ptfh_lb{padding-top: 240px;overflow: hidden;}

.ptfh_lb ul{overflow: hidden; margin-left: -30px;}

.ptfh_lb li{float: left; width: 25%; padding:0 30px ;border-right: 1px solid #e2e2e2;text-align: center;}

.ptfh_lb ul li:nth-child(4){ border: none;}

.ptfh_lb h3{position: relative;font-size: 32px;color: #758EA7;padding-bottom: 95px;font-weight: 600;font-family: font2;}

.ptfh_lb h3:before{border-bottom: 3px solid #6b86a1;width: 28px; bottom: 68px;left: 50%; margin-left: -14px; position: absolute; content: "";}

.ptfh_lb h2{font-size: 44px;color: #0D2136; margin-bottom: 40px;font-weight: 600;font-family: font2;}

.ptfh_lb p{font-size: 32px;color: #0D2136;line-height: 46px;font-weight: 400;font-family: font5;}



.whtj_tit{padding: 180px 0  110px;}

.whtj_tit h2{font-size: 112px;color: #0D2136;line-height: 170px;font-weight: 600;}

.whtj_tit p{font-size: 56px;color: #0D2136;line-height: 70px;font-weight: 600;}

.whtjbox{overflow: hidden; padding-bottom: 100px;}

.whtj_left{float: left; width: 568px;}

.whtj_left img{width: 100%;}

.whtj_right{float: right;width: calc(100% - 630px); padding-top: 10px;}

.whtj_right h2{font-size: 40px;color: #FFFFFF;background: #333333;padding-left: 30px;line-height: 88px; margin-bottom: 50px;font-weight: 400;font-family: font2;}

.whtj_right p{font-size: 32px;color: #0D2136;line-height: 44px;font-weight: 400;font-family: font5;}



.spxl h2{font-size: 112px;color: #0D2136;line-height: 170px;padding: 90px 0;font-weight: 600;font-family: font4;}

.spxl ul{overflow: hidden; margin-left: -40px;}

.spxl li{float: left; width: 50%; padding-left: 40px;}

.spxl p{font-size: 40px;color: #FFFFFF;text-align: center;line-height: 88px;background: #333;}

.spxlbox img{width: 100%;}

.xxxq h2{font-size: 112px;color: #0D2136;line-height: 170px;padding:150px 0 100px 0;font-weight: 600;font-family: font4;}

.xxxq_text li{overflow: hidden; line-height: 120px;}

.xxxq_text span{float: left;font-size: 54px;color: #0D2136;font-weight: 600;font-family: font4;}

.xxxq_text b{float: right;width: calc(100% - 195px);font-size: 54px;color: #0D2136;font-weight: 400;font-family: font5;}

.xxxq_text ul{padding: 100px 0;}



/*新闻列表*/

.news_lb{width: 1400px; margin: 0 auto;}

.news_lb h2{font-size: 64px;color: #0D2136;text-align: center; line-height: 286px;font-weight: 500;font-family: font2;}

.post{background: #fff; padding: 30px 100px 0 100px;}

.post_title li{overflow: hidden; line-height: 85px; border-bottom: 1px solid #d9d9d9;font-size: 18px;color: #0D2136;font-family: font2;}

.post_title span{width: 200px;text-align: center;font-weight: 500;}

.post_title b{width: 90px;text-align: center;font-weight: 500;}

.post_nr li{overflow: hidden; line-height: 85px; border-bottom: 1px solid #d9d9d9;font-size: 18px;color: #0D2136;font-weight: 500;font-family: font4;}

.post_nr span{width: 200px;text-align: center;font-weight: 400;font-family: font6;}

.post_nr b{width: 90px;text-align: center;font-weight: 400;font-family: font6;}

.post_nr a{display: block;float: left; width: calc(100% - 340px);overflow: hidden; text-overflow:ellipsis; white-space: nowrap;font-weight: 400;font-family: font6;}

.post_nr a:hover{color: #1890FF;}

.fynr{text-align: center; padding: 60px 0 100px; position: relative;}

.fynr li{display: inline-block; padding: 0 5px;}

.fynr a{display: block; font-size: 18px;color: #0D2136;text-align: center;line-height: 44px; padding: 0 20px;font-weight: 500;}

.fynr li.cur a{color: #fff; background: #758ea7;}

.fynr li a:hover{color: #fff; background: #758ea7;}



/*新闻详情*/

.xwxq_tit{border-bottom: 1px solid #d5d5d5; padding: 40px 0 30px;}

.xwxq_tit h3{font-size: 28px;color: #0D2136; margin-bottom: 35px;font-weight: 600;font-family: font4;}

.xwxq_tit p{font-size: 18px;color: #0D2136;font-weight: 400;}

.xwxq_tit p span{padding-right: 110px; opacity:0.5; font-weight: 400;font-family: font5;}

.xwxq_tit  img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;width: 25px;height: 25px;}

.xwxq_nr{padding: 30px 0 60px;}

.xwxq_nr h3{text-align: center;font-size: 22px;color: #0D2136;line-height: 1.6; margin-bottom: 25px;font-weight: 600;font-family: font2;}

.xwxq_nr p{font-size: 18px;color: #0D2136;line-height: 26px;text-align:justify; word-break: break-all;font-weight: 400;font-family: font6;}

.xwxq_nr h4{font-size: 20px;color: #0D2136;line-height: 1.6; margin-bottom: 20px;font-weight: 600;}

.xwxq_nr img{max-width: 100%;  margin: 30px auto;}

.fhsy{border-top: 1px solid #d9d9d9; padding: 60px 0 70px;}

.fhsy a{font-size: 18px;color: #0D2136;line-height: 24px;font-weight: 400;font-family: font6;}

.fhsy a img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;}

.fhsy a:hover{color: #1890FF;}



/*品牌*/

.bj3{background: url(../images/c17.png) repeat-y center center; margin-top: 90px; padding: 120px 0;}

.cpst{width: 1150px; overflow: hidden; margin: 0 auto;}

.pcst_right{width: 862px;float: right;}

.pcst_right img{width: 100%;}

.pcst_left{float: left; width: 230px;}

.pcst_left h3{font-size: 20px;color: #AEAEB2; margin-bottom: 50px;font-weight: 500;}

.pcst_left h2{font-size: 28px;line-height: 46px; margin-bottom: 50px;

color: #2C2C2E;font-weight: 600;}

.pcst_left p{font-size: 18px;color: #2C2C2E;line-height: 32px;font-weight: 600;}



.kjst{text-align: center; padding: 90px 0  120px;}

.kjst h2{font-size: 28px;color: #2C2C2E;line-height: 46px; margin-bottom: 20px;font-weight: 600;}

.kjst p{font-size: 18px;color: #2C2C2E;line-height: 32px;font-weight: 600; margin-bottom: 20px;}
.kjst li{text-align: center; line-height: 2; font-family: font5; font-size: 18px;}
.banner_tp img{width: 100%;}
.hxpf_bj{background: #fff;}
.hxpf{width: 1300px; max-width:100%; margin: 0 auto; overflow: hidden; padding: 60px 0 0 0;}
.fxpf_right{float: right; width: 595px;}
.fxpf_right img{width: 100%;}
.fxpf_left{float: left; max-width:calc(100% - 695px); width: 580px;}
.fxpf_left h2{font-size: 50px;color: #2C2C2E; margin-bottom: 20px; line-height: 1.4; margin-top: 60px;}
.fxpf_left h3{font-size: 28px;color: #2C2C2E;font-weight: 600; margin-bottom: 50px;}
.fxpf_left p{font-family: font5; font-size: 20px; color: #202020; line-height: 2;}
.fxpf_right_a{float: left; width: 595px;}
.fxpf_right_a img{width: 100%;}
.fxpf_left_a{float: right; max-width:calc(100% - 615px); width: 580px;text-align: right;}
.fxpf_left_a h2{font-size: 50px;color: #2C2C2E; margin-bottom: 20px; line-height: 1.4; margin-top: 60px;}
.fxpf_left_a h3{font-size: 28px;color: #2C2C2E;font-weight: 600; margin-bottom: 50px;}
.fxpf_left_a p{font-family: font5; font-size: 20px; color: #202020; line-height: 2;}
.fxpf_left_a ul{padding: 60px 0;}
.fxpf_left_a li{font-family: font5; font-size: 18px; line-height: 2;color: #999;}
.fxpf_left_a li span{font-size: 24px;font-family: 700;color: #333;}
.fxpf_left_a h4{font-size: 18px; font-family: font5; line-height: 2; color: #333;text-align: left;font-weight: 400;}
.fxpf_left_a h4 span{text-align: right; display: block;}
.banner .swiper-container{width: 100%;overflow: hidden;}

.sghf{overflow: hidden; margin:100px 0 0 0 ;position: relative;}

.sghf_left{float: left; width: 50%;overflow: hidden;}

.sghf_left img{float: right;max-width: 100%;}

.sghf_rigth{width: 50%;background: #fff; position: absolute;right: 0;top:50%; transform: translateY(-50%);}

.sghf_text{max-width: 520px; text-align: right;  padding: 100px 0;}

.sghf_text h3{font-size: 20px;color: #AEAEB2; margin-bottom: 50px;font-weight: 500;}

.sghf_text h2{font-size: 28px;line-height: 46px; margin-bottom: 50px;color: #2C2C2E;font-weight: 600;}

.sghf_text p{font-size: 18px;color: #2C2C2E;line-height: 32px;font-weight: 600;}



/*私藏*/

.scnr{padding-top: 110px;}

.scnr_top{padding-left: 30%;}

.scnr_top img{width: 100%;position: relative;z-index: 10;}

.scnr_box{width: 1400px; padding: 460px 90px 0 90px; margin: -360px  auto 0 auto;background: #fff;}

.sgcf{overflow: hidden;}

.sgcf_left{width: 445px;float: left;}

.sgcf_left img{width: 100%;}

.sgcf_right{float: right;width: calc(100% - 540px); padding-top: 150px;}

.sgcf_right h2{font-size: 28px;line-height: 46px; margin-bottom: 50px;

color: #2C2C2E;font-weight: 600;font-family: font4;}

.sgcf_right p{font-size: 18px;color: #2C2C2E;line-height: 32px;font-weight: 600;font-family: font4;}

.sgcf_right p:nth-child(5){ padding-bottom: 50px;}

.xfty{width: 1400px; margin: 0 auto; background: #fff;padding-bottom: 90px;}

.sgty_tit{padding: 100px 0 70px 90px;}

.sgty_tit h2{font-size: 36px;color: #2C2C2E;line-height: 60px;font-weight: 600;font-family: font4;}

.sgty_tit p{font-size: 36px;color: #2C2C2E;line-height: 60px;font-weight: 600;font-family: font4;}

.sgty_nr{padding-left: 90px;position: relative;}



.sgtybox{overflow: hidden;}

.sgty_text{float: left; width: 60px;}

.sgty_right{width: calc(100% - 60px);float: right;}

.sgty_right img{width: 100%;}

.sgty_right p{font-size: 22px;color: #2C2C2E; margin-top: 35px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-weight: 700;font-family: font4;}

.sgty_text h2{font-size: 22px;color: #2C2C2E;position: relative; transform: rotate(90deg);padding-top: 40px;font-weight: 600;}

.sgty_text h2:before{border-bottom: 3px solid #000000; width: 110px; bottom: 11px; left: 60px; position: absolute;content: "";}

.sgty_nr .swiper-container{overflow: hidden;width: 100%;}

.sgty_nr .swiper-button-next{background: url(../images/a17.png);width: 32px;height: 32px;background-size: 100%;right: 100px;top: -50px;}

.sgty_nr .swiper-button-next:hover{background: url(../images/a17a.png);width: 32px;height: 32px;background-size: 100%;}

.sgty_nr .swiper-button-prev{background: url(../images/a16.png);width: 32px;height: 32px;background-size: 100%;left: auto;top: -50px;  right: 170px;}

.sgty_nr .swiper-button-prev:hover{background: url(../images/a16a.png);width: 32px;height: 32px;background-size: 100%;}



.smkj_nr{text-align: center; padding: 110px 0 150px;background: #f2f5f7; margin: 0 90px;}

.smkj_nr img{max-width: 100%; margin: 0 auto;}

.smkj_nr h2{font-size: 44px;color: #2C2C2E;line-height: 68px;font-weight: 600;font-family: font4;}

.smkj_nr ul{overflow: hidden; margin: 30px auto 100px auto; 600; width: 350px; border-bottom: 2px solid #a9b9c8;border-top: 2px solid #a9b9c8; }

.smkj_nr li{width: 50%; text-align: center; float: left; padding: 15px 0;}

.smkj_nr p{font-size: 22px;color: #758EA7;line-height: 38px;font-weight: 400;font-family: font5;}

.smkj_nr a{display: block; margin: 100px auto 0 auto;text-align: center; line-height: 88px;width: 245px;color: #fff;background: #333; font-size: 26px;font-weight: 400;font-family: font5;}

.intBox { background:url(../images/intbg.jpg) center no-repeat; background-size:cover; height:550px; width:1200px; margin:0 auto 100px;
    padding:135px 0 0 110px;
}
.intBox p { font-size:14px; line-height:32px; font-family:font2; margin-bottom:24px; color:#272727}
.intBox a {display: block;
    text-align: center;
    width: 225px;
    line-height: 60px;
    background: #333333;
    color: #fff;
    margin-top: 28px;
    font-size: 16px;
    transition: All 0.4s ease-in-out;
    font-family: font2; margin-top:30px;}



/**/





.brandBelief { width: 1200px; max-width:92%; margin:5.2vw auto 5.2vw; background:url(../images/homeBg1.jpg) center no-repeat; height: 760px;}


.brandBelief.firstCod { margin: 5.2vw auto;}


.brandCont { padding: 125px 0 0 145px;}


.brandCont h2 { font-weight: bold; font-size: 19px; color: #000000; line-height: 1; margin-bottom: 40px;}


.brandCont h3 { margin-bottom: 150px; color: #272727; font-size: 28px; font-weight: bold; line-height: 40px;}


.brandCont p { font-size: 16px; color: #272727; line-height: 22px; margin-bottom: 22px;}


.brandCont a { display: block; background: #141414; color: #ffffff; width: 160px; height: 50px; text-align: center; line-height: 50px; margin-top:105px;}


.brandNews { width: 1200px; max-width:92%; overflow: hidden; margin: 0 auto 5.2vw; background:url(../images/homeBg2.jpg) center no-repeat; height: 760px;}
.brandNews .brandCont { float: right; text-align: right;padding: 125px 145px 0 0;}


.brandNews .brandCont a { float: right; margin-top: 80px;}


.brandNews .brandCont h3 { margin-bottom: 105px;}


.brandInfor { width: 1200px; max-width:92%; margin: 0 auto 5.2vw;}


.brandInfor .brandCont { height: 760px;}


.brandInfor .brandCont h3 { margin-bottom: 60px;}


.brandInfor .brandCont p { line-height: 32px;}


.brandInfor .brandCont a { margin-top:98px;}


.starProduct { width: 1200px; max-width:92%; margin: 0 auto 5.2vw;}


.starProduct h2 { font-size: 24px; font-weight: bold; line-height: 1; margin-bottom: 70px; color: #000000; text-indent: 50px;}


.starProduct ul { overflow: hidden;}


.starProduct li { padding-bottom: 10px; text-align: center; float: left; width: 23.333%; background: #ffffff; margin-right: 2.2222%;}


.starProduct li:nth-child(4){ margin-right: 0;}


.starProduct li h3 {overflow: hidden; white-space:nowrap; text-overflow: ellipsis; font-size: 14px; color: #030000; line-height: 1; font-weight: bold;}


.starProduct p { font-size: 18px; color: #646464; line-height: 46px;}


.starProduct li span { font-size: 13px; color: #010101; line-height: 35px;}


.proImgs { margin: 0 auto 10px; width: 100%; max-width: 250px;}


.proImgs img { display: block; width: 100%;}


.footer { padding: 5.2vw 0; border-top: 2px solid #acacac; background: #ffffff;}


.footerCont { width: 1200px; max-width:92%; margin: 0 auto; overflow: hidden;}


.footerCont a.footLogo { float: left;}


.footLink { float: left; margin-left: 204px;}


.footLink ul { overflow: hidden;}


.footLink li { float: left; margin-right: 168px;}


.footLink li:last-child { margin-right: 0;}


.footLink li h2 { line-height: 1; margin-bottom: 13px; font-weight: bold; font-size: 14px;}


.footLink li h2 a { color:#232323;}


.footLink li p { color: #717171; font-size: 14px; line-height: 42px;}


.footerShare { float: right; width: 190px;}


.shareEwm { margin-bottom: 12px; overflow: hidden;}


.ewmBar { color: #030000; font-size: 14px; line-height: 30px; float: left; text-align: center;}


.ewmBar:nth-child(2n){ float: right;}


.shareShop { margin-bottom: 20px; overflow: hidden;}


.shareShop a { float: left; margin-right: 30px;}


.shareShop a:last-child { margin-right: 0; float: right;}


.homeVide { width: 1200px; max-width:92%; margin:5.2vw auto;}


.homeVide video { display: block; width: 100%; outline: none;}


.beliefCont { width: 1200px; max-width:92%; margin:5.2vw auto 0;}


.beliefCont li { position: relative; margin-bottom: 5.2vw;}


.beliefCont li:nth-child(1) { background: url(../images/beliefImg1.jpg) center no-repeat; height: 640px;}


.beliefCont li:nth-child(2) { background: url(../images/beliefImg2.jpg) center no-repeat; height: 640px;}


.beliefCont li:nth-child(3) { background: url(../images/beliefImg3.jpg) center no-repeat; height: 640px;}


.beliefTxt { text-align: center; width: 530px; position: absolute; right:0; top: 50%; transform: translateY(-50%);}


.beliefTxt p { font-size: 30px; line-height: 72px; color: #32373c;}


.beliefCont li:nth-child(2) .beliefTxt { left: 0;}


.underPage { width: 1200px; max-width:92%; margin: 5.2vw auto 0; }


.understandCont { background: #ffffff; margin: 0 auto 5.2vw;}


.cont-1 { padding: 40px 0 120px 40px;}


.cont1-tit { margin-bottom: 180px; overflow:hidden;}


.cont1-tit img:nth-child(1) { float: left;}


.cont1-tit img:nth-child(2) { float: right;}


.underStep { position: relative;}


.underStep ul { margin-right: 20px; position: relative; overflow: hidden;}


.underStep li { position: relative; float: left; text-align: center; width: 14.285%;}


.underStep li h2 { font-size: 14px; color: #434343; font-weight: bold; line-height:30px;}


.underStep li p { font-size: 12.5px; color: #434343; line-height: 24px;}


.underStep li:nth-child(2n){ padding-top:180px;}


.underStep ul:after { content: ''; position: absolute; left: 0; top: 150px; height: 2px; background: #221512; width: 100%;}


.underStep li:nth-child(odd):after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 11px; height: 11px;


border-radius: 50%; background: #221512;}


.underStep li:nth-child(odd) { padding-bottom:24px;}


.underStep li:nth-child(even):after { content: ''; position: absolute; top: 145px; left: 50%; transform: translateX(-50%); width: 11px; height: 11px;


border-radius: 50%; background: #221512;}


.cont-2 { overflow: hidden; padding: 88px 26px 88px 40px;}


.cont-2Left { float: left; width: 400px;}


.cont-2Left>img { margin-bottom: 95px;}


.cont-2Left h2 { font-size: 22px; color: #434343; font-weight: bold;}


.cont2-tit img { display: block; margin: 15px 0 20px;}


.cont2-tit { margin-bottom: 100px;}


.cont-2Left p { font-size: 16px; color: #434343; line-height: 35px;}


.cont-2Right { width: 650px; float: right;}


.cont-2Right ul { overflow: hidden;}


.cont-2Right li { padding-bottom: 28px; border-radius: 10px; float: left; width: 318px; background: #c4c8d3;}


.cont-2Right li h2 { margin-bottom: 6px; line-height: 42px; font-weight: bold; color: #434343; font-size: 18px; text-align: center; padding-bottom: 15px; background: url(../images/understand10.jpg) center bottom no-repeat;}


.cont-2Right li h3 { font-size: 18px; color: #434343; line-height: 66px; font-weight: normal; text-align: center;}


.cont-2Right li p { padding: 0 25px; color: #434343; font-size: 15px; text-align: center; line-height: 30px;}


.cont-2Right li p span { font-weight: bold;}


.cont-2Right li:nth-child(2n){ float: right;}


.cont-3 { padding: 85px 40px 40px;}


.cont3-tit { margin-bottom: 80px; overflow: hidden;}


.cont3-tit>img { float: left;}


.cont3-tit h2 { color: #434343; font-weight: bold; font-size: 29px;}


.cont3TitRight { text-align: right; float: right;}


.cont3TitRight img { float: right; margin: 12px 0 10px;}


.partner3Cont ul { overflow: hidden;}


.partner3Cont li { float: left; width: 315px; margin-right: 80px;}


.partner3Cont li img { display: block; margin: 0 auto 50px;}


.partner3Cont li:last-child { margin-right: 0;}


.cont3Txt { background: #f8f8f8; height: 386px; border-radius: 10px; padding-top: 75px;}


.cont3Txt h2 { margin-bottom: 90px; text-align: center; font-size: 18px; color: #434343;}


.cont3Txt p { font-size: 16px; color: #434343; line-height: 35px; padding: 0 35px;}


.productSlide { padding: 0 50px 70px; width: 1200px; max-width:92%;background: #ffffff; margin:5.2vw auto 5.2vw;}


.productSlide h2 {font-size: 24px; padding-top: 70px; font-weight: bold; line-height: 1; margin-bottom: 70px; color: #000000;}





.productSlide .proBox h3 { color: #434343; font-size: 16px; font-weight: bold; line-height: 1; padding-bottom: 30px; background: url(../images/understand16.jpg) left bottom no-repeat;}


.productSlide img { display: block; width: 100%;}


.productSlide .proBox p { line-height: 62px; font-size: 16px; color: #434343;}


.fiveDcont { width: 1200px; max-width:92%;padding: 0 62px 74px; background: #ffffff; margin: 5.2vw auto 0;}


.fiveTitle { font-weight: bold; font-size: 30px; color: #000000; line-height: 188px; text-align: center;}


.contBar { overflow: hidden;}


.fiveDcont:last-child { margin:5.2vw auto;}


.fiveDcont-img { float: left; width: 503px; overflow: hidden;}


.fiveDcont-img img { display: block; width: 100%;}


.fiveDcont-text { padding-top: 110px; width: 482px; float: right;}


.fiveDcont-text h3 { text-align: right; font-size: 26px; color: #000000; line-height: 1; margin-bottom: 35px;}


.fiveDcont-text p { font-size: 16px; line-height: 28px; color: #000000;}


.section5d-1 { margin-bottom: 135px;}


.section5d-2 .fiveDcont-img { float: right; width: 500px;}


.section5d-2 .fiveDcont-text { width: 515px; padding-top: 90px; float: left;}


.section5d-2 .fiveDcont-text h3 { text-align: left;}


.lastTit { text-align: center; padding-top: 30px;}


.lastTit h2{ line-height: 104px; font-weight: bold; font-size: 30px; color: #000000;}


.lastTit h3 { font-size: 26px; color: #000000; line-height: 32px;}


.lastImg { margin: 50px auto 0;width: 100%; }


.partMobimg { display: none;}



@media(max-width:1420px){
.hxpf { padding:60px 4% 0}
.cpxq{width: 94%;  }

.cpjs{padding: 30px;}

.cpxq_tp{padding: 0 0 0 ;}

.mySwiper2{width: 400px;}	

.mySwiper1{width: calc(100% - 450px);}

.ptfh_lb h2{font-size: 30px;}	

.ptfh_lb p{font-size: 20px;}

.whtj_tit h2{font-size: 60px;line-height: 1.5;}

.whtj_tit p{font-size: 30px;}

.ptfh_title h2{font-size: 60px;line-height: 1.5;}

.ptfh_title h3{font-size: 30px;line-height: 2;}

.spxl h2{font-size: 60px;line-height: 1.5;}

.xxxq h2{font-size: 60px;line-height: 1.5;}

.xxxq_text span{font-size: 30; line-height: 1.8;}

.xxxq_text b{font-size: 30; line-height: 1.8;}

.ptfh_title{padding: 80px 0;}

.whtj_right h2{font-size: 30px;line-height: 2.4; }

.whtj_right p{font-size: 24px; line-height: 1.8;}



.xfty{width: 94%; }

.scnr_box{width: 94%;padding:400px 30px 30px 30px;}

.sgty_tit{padding: 80px 30px;}

.smkj_nr{margin: 0 30px;}

.news_lb{width: 94%;}

.post{padding: 30px;}

.jgjh_texta p{font-size: 85px;}



.jgjh_text{width: 50%; padding: 0 3%;}

.jgjh_top{padding: 0;}

.jgjh_top p{padding: 0;}

.jgjhbox{width: 100%;}

}

@media(max-width:1220px){


.cont3-tit h2,.cont-2Left h2 { font-size: 20px;}


.cont-3 { padding: 20px;}


.cont3-tit>img { width: 120px; float:none; margin: 0 auto 20px;}


.cont3TitRight { float: none; text-align: left;}


.cont3TitRight img { float: left; width: 36px;}


.cont-2Left>img { display: block; width: 120px; margin: 0 auto 20px;}


.cont-2Left { float: none; width: 100%;}


.cont2-tit { margin-bottom: 20px;}


.cont-2Right { text-align: center; margin: 20px auto 0; float: none; width: 100%;}


.cont2-tit img { width: 36px;}


.cont-2 { padding: 20px;}





.cont-2Right li,.cont-2Right li:nth-child(2n) { margin: 0 40px; float: none; display: inline-block;}


.cont1-tit img:nth-child(1) { width: 120px; float: none; margin: 0 auto 20px; display: block;}


.cont1-tit img:nth-child(2){ width: 100%; float: none; margin: 0 auto; display: block;}


.underStep li { margin-left: -3px; float: none; display: inline-block; vertical-align: top; width: 162px;}


.underStep ul { overflow-x: auto; white-space:nowrap;}


.underStep li::before {    content: '';

    position: absolute;

    left: 0;

    top: 150px;

    height: 2px;

    background: #221512;

    width: 100%;}


.cont1-tit { margin-bottom: 5.2vw;}


.cont-1 { padding: 40px 4%;}


.footLink { margin-left: 10vw;}


.brandCont,.brandNews .brandCont { padding:40px 4%;}


.brandCont h3,.brandNews .brandCont h3 { font-size: 22px; line-height: 1.5; margin-bottom: 20px;}


.brandBelief,.brandNews { height: auto; background-size:cover!important;}


.footLink li { margin-right: 8.75vw;}


.brandCont a,.brandNews .brandCont a,.brandInfor .brandCont a { margin-top: 40px;}


.brandInfor .brandCont { height: auto;}


.brandInfor .brandCont h3 { margin-bottom: 20px;}
.rmcpbox span { height: 43vw;}

.header{width: 100%; padding: 0  3%;}

.headerbox{width: 100%;}

.ppcf{padding: 50px 0 90px;}

.ppcfbox{width: 94%; padding: 30px;}

.swiper-container_a{width: 500px;padding: 0;}

.ppcfbox .swiper-pagination{top: 30px;}

.swiper-container_b{padding-top: 70px;}

.swiper_btext h3{margin-bottom: 20px;}

.swiper_btext h2{margin-bottom: 30px; margin-top:40px}

.ppcfbox{overflow: hidden; height: auto;}



.rmcp{width: 100%; padding: 0 3%;}

.pplnbox{width: 100%; padding: 25px 3%;}

.newsbox{width: 100%; padding: 0 3%;}

.dbdh li{padding: 0 60px;}



.wz1200{width: 100%; padding: 0 3%;}

.ppcp_to{width: 500px;}

.vgym{width: 100%; padding: 0 3%;}

.ppcp_text p{padding-right: 0;}

.ppcp_text li{padding-right: 0;}

.cpst{width: 100%; padding-left: 3%;}

.pcst_right{width: 65%;}

.kxhy_text{width: 100%; padding:0 3%;}

.kxhy_box{padding: 0;}

.gmfl{width: 94%; padding: 0 3%;}

.jgjh_top h2{font-size: 20px; margin-bottom: 10px;}

.jgjh_top p{font-size: 14px; line-height: 1.8;}

.jgjh_text li{padding: 15px 0;font-size: 14px;}

.jgjh_text span{font-size: 14px;}

.jgjh_text b{font-size: 14px;}



.cpxq_text{width: calc(100% - 480px);}

}

@media(max-width:1000px){

body{padding-top: 50px;}

.rmcpbox span { height:55vw;}

.header{height: 50px;width: 100%; position: fixed;z-index: 100;top: 0;left: 0;}

.logo{width:30px; padding:3px 0 0 0;}

.logo img{width: 100%;}

.dhbtn{background: url(../images/a2.png);width: 26px;height: 26px;float: right; margin: 50px 65px 0 0; cursor: pointer;display: none;}

.dhbtn{margin: 12px 15px 0 0;display: block;}

.dhbtn.on{background: url(../images/c21png.png) no-repeat center center;}

.ssbtn{margin-top: 10px;display: block;float: right;background: url(../images/a1.png) no-repeat center center;width: 26px;height: 26px; cursor: pointer;}

.ssbtn.on{position: static;background: url(../images/c21png.png) no-repeat center center ;}

.nav{position: fixed; background: #fafafa;width:200px; height: 100%; left: -200px; top: 0;}

.dhbj{position: fixed; width: 100%; height: 100%;z-index: 99; background: rgba(0,0,0,.8);left: 0; top: 0;display: none;}

.nav li{line-height: 50px; border-bottom: 1px solid #ddd; padding: 0 15px;float: none; width: 100%;}

.nav img{margin: 0 auto; width: 50px; padding: 20px 0;display: block;}

.ssxq{padding: 10px 3%; top: 50px;}

.ssxqbox{width: 100%;}

.btn1{height: .4rem; width: .4rem;}

.wby1{height: .4rem; width: calc(100% - .4rem); font-size: 18px;}

.banner .swiper-button-next{width: 1.82rem;height: .27rem;}

.banner .swiper-button-prev{width: 1.82rem;height: .27rem;}

.ppcf{padding: .5rem 0 .9rem;}

.ppcfbox{padding: .3rem;width: 100%; overflow: hidden;}

.swiper-container_a{width: 100%; float: none;}

.swiper-container_b{padding-top: .2rem;width: 100%; float: none;overflow: hidden;}

.news_texta{position: static;}

.news_texta h2{font-size: .24rem; padding: 0 0 15px 3%;}



.swiper_btext h3{font-size: 16px; margin-bottom: 10px;}

.swiper_btext h2{font-size: 20px; margin-bottom: 20px; line-height: 1.6;}

.swiper_btext p{font-size: 14px; line-height: 1.6;}

.swiper_btext a{width: 100px; line-height: 38px; font-size: 14px; margin-top: 20px;}

.rmcp_tit{padding-bottom: 40px;}

.rmcp_tit h2{font-size: 24px; margin-bottom: 20px;}

.rmcp_tit p{font-size: 16px;}

.rmcp_nr ul{margin-left: -10px;}

.rmcp_nr li{width: 50%; padding: 0 0 10px 10px;}

.rmcp_text h3{font-size: 12px;}

.rmcp_text p{font-size: 14px; margin: 10px 0 20px;}

.rmcp_text{padding-bottom: 30px;}

.rmcp_text h2{font-size: 12px;}

.ppln_left h2{font-size: 12px;line-height: 1;}

.ppln_left{float: none; width: 100%;}

.ppln_left p{font-size: 14px; line-height: 1.6;}

.ppln_left a{width: 100px; line-height: 38px; font-size: 14px; margin-top: 20px;}

.ppln_right{width: 100%;float: none; padding-top: 30px;}

.ppln_right h2{font-size: 20px;}



.news{padding: 30px 0 60px;margin-top: 10px;}

.newsqh{float: none; width: 100%;}

.news_tp{width: 100%;float: none;}

.news_text{position: static; top: 0%;transform: translateY(0%); padding:10px;width: 100%;}

.news_text h2{font-size: 18px; line-height: 1.5; margin-bottom: 10px;}

.news_text p{font-size: 14px; line-height: 1.6;}

.news_text a{width: 150px; height: 38px; line-height: 38px; margin-top: 20px;}

.qhbtn{bottom: 30px;}







.cpxq{padding-top: 50px;}

.cpjs{padding: 15px; margin-bottom: 40px;}

.mySwiper2{width: 100%;float: none;}

.mySwiper1{width: 100%;}

.cpxq_text{padding-top: 30px;}

.cpxq_text h2{font-size: 18px; margin: 20px 0;line-height: 1.6;}

.cpxq_text p{font-size: 14px; line-height: 1.6;}

.cpxq_text ul{width: 100%; margin-top: 20px;}

.cpxq_text li{padding: 10px 0;}

.cpxq_text span{font-size: 14px;}

.cpxq_text b{font-size: 14px;width: calc(100% - 80px);}



.mtnr h2{padding: 40px 0 20px;font-size: 18px;}

.pfgl p{font-size: 14px; padding: 40px 0 20px;line-height: 1.6;}

.ptfh_title{padding: 40px 0 20px;}

.ptfh_title h2{font-size: 20px;}

.ptfh_title h3{font-size: 16px;}

.ptfh_title p{font-size: 20px; margin-top: 10px;}

.ptfh_lb{padding-top: 50px;}

.ptfh_lb ul{margin-left: 0;}

.ptfh_lb li{width: 50%; padding: 0 10px; margin-bottom: 20px;}

.ptfh_lb h3{font-size: 16px; padding-bottom: 40px;}

.ptfh_lb h3:before{bottom: 18px;}

.ptfh_lb h2{font-size: 20px; margin-bottom: 20px;}

.ptfh_lb p{font-size: 14px; line-height: 1.6;}

.ptfh_lb  ul li:nth-child(2){border: none;}

.whtj_tit{padding: 40px 0 20px;}

.whtj_tit h2{font-size: 20px; line-height: 1.5;}

.whtj_tit p{font-size: 14px; line-height: 1.5;}

.whtjbox{padding-bottom: 40px;}

.whtj_left{width: 100%;float: none;}

.whtj_right{float: none;width: 100%; padding: 0;}

.whtj_right h2{font-size: 16px; line-height: 40px; padding: 0 15px; margin-bottom: 10px;}

.whtjbox{padding-bottom: 20px;}

.whtj_right p{font-size: 14px; line-height: 1.6;}

.spxl h2{font-size: 20px; line-height: 1.6; padding: 40px 0 20px;}

.spxl ul{margin-left: -10px;}

.spxl li{padding-left: 10px;}

.spxl p{font-size: 16px; line-height: 40px;}

.xxxq h2{font-size: 20px; padding: 40px 0 20px;}

.xxxq_text ul{padding: 20px  0;}

.xxxq_text li{line-height: 1.6;}

.xxxq_text span{font-size: 14px;}

.xxxq_text b{width: calc(100% - 50px);font-size: 14px;}

.cpxq_text{float: none; width: 100%;}



.banner1_btn{width: 50px;right: 3%;}

.banner1 .swiper-button-next{bottom: 15px;}

.banner1 .swiper-button-prev{top: 15px;}

.comp_tit{padding: 40px 0 20px;}

.comp_tit h2{font-size: 28px;color: #333333;text-align: center;font-weight: 400;font-family: font4;}

.comp_nr li{width: 100%;padding-bottom: 20px;height:630px}

.comp_nr ul{padding: 10px 0 20px;}

.ppcp{padding: 40px 0;}

.ppcp_to{width: 100%;float: none;}

.ppcp_text{width: 100%; float: none; padding-top: 30px;}

.ppcp_text h3{font-size: 14px;padding-bottom: 10px;}

.ppcp_text h2{font-size: 20px; line-height: 1.6; margin-bottom: 20px;}

.ppcp_text p{font-size: 14px; line-height: 1.6;}

.ppcp_text ul{margin-top: 20px;}

.ppcp_text li{padding: 10px  0;line-height: 1.6;}

.ppcp_text li span{font-size: 14px;}

.ppcp_text li b{font-size: 14px; width: calc(100% - 70px);}

.bj2{padding-top: 40px;}

.vgym{overflow: hidden; padding-bottom: 40px;}

.vgym .swiper-container{width: 100%;overflow: hidden;}



.bj3{margin-top: 40px; padding: 30px 0;}

.pcst_right{float: none; width: 100%;}

.banner{position: relative;}

.cpst{padding: 0 3%;}

.pcst_left{width: 100%; float: none; padding: 20px 3% 0 3%;}

.pcst_left h3{font-size: 14px; margin-bottom: 10px;}

.pcst_left h2{font-size: 20px; line-height: 1.6; margin-bottom: 20px;}

.pcst_left p{font-size: 14px; line-height: 1.6;}

.kjst{padding: 40px 3%;}

.kjst h2{font-size: 20px; line-height: 1.6; margin-bottom: 20px;}

.kjst p{font-size: 14px; line-height: 1.6;}



.kxhy{padding: 10px 3%;}

.kxhy img{float: none;width: 100%;}

.kxhy_box{float: none;width: 100%; padding: 20px 0;}

.kxhy_text h3{font-size: 14px; margin-bottom: 10px;}

.kxhy_text h2{font-size: 20px; line-height: 1.6; margin-bottom: 20px;}

.kxhy_text li{font-size: 14px; line-height: 1.6;}

.sghf{margin: 40px 3% 0 3%;}

.sghf_left{float: none;width: 100%; }

.sghf_left img{margin: 0 auto; max-width: 100%;float: none;}

.sghf_rigth {  width: 100%; background: none; position:static; top: 0%; transform: translateY(0%);}

.sghf_text{width: 100%; padding: 40px 0;text-align: center;}

.sghf_text h3{font-size: 14px; margin-bottom: 10px;}

.sghf_text h2{font-size: 20px; margin-bottom: 20px; line-height: 1.6;}

.sghf_text p{font-size: 14px;}

.scnr { margin-top: 0px; padding: 0;}

.scnr_top{padding: 0;}

.scnr_box{padding: 30px 3%; margin: 0;width: 100%;}

.sgcf_left{float: none; width: 100%;}

.sgcf_right{width: 100%; float: none;padding-top: 30px;}

.sgcf_right h2{font-size: 20px; line-height: 1.6; margin-bottom: 20px;}

.sgcf_right p{font-size: 14px; line-height: 1.6;}

.sgcf_right p:nth-child(5) {padding-bottom: 25px;}

.xfty{width: 100%; padding-bottom: 40px;}

.sgty_tit{padding: 20px 3%;}

.sgty_tit h2{font-size: 20px;line-height: 1.6;}

.sgty_tit p{font-size: 14px;line-height: 1.6;}

.sgty_nr .swiper-button-next{right: 10px;}

.sgty_nr .swiper-button-prev{right: 50px;}



.sgty_nr{padding: 0;}

.sgty_text{width:40px ;}

.sgty_text h2{font-size: 16px; padding-top: 10px;padding-left: 5px;}

.sgty_text h2:before{width: 50px;bottom: 7px;left: 50px;}

.sgty_right{width: calc(100% - 40px);}

.sgty_right p{font-size: 14px; margin-top: 10px;}

.smkj_nr{padding: 40px 3%;margin: 0 3%;}

.smkj_nr h2{font-size: 24px; line-height: 1.6;}

.smkj_nr p{font-size: 14px;line-height: 1.6;}

.smkj_nr ul{max-width: 95%; margin-bottom: 40px;}

.smkj_nr a{width: 100px; font-size: 14px; line-height: 38px; margin-top: 40px;}



.news_lb h2{font-size: 24px; line-height: 3;}

.post{padding: 30px 3%;}

.post_title li{font-size: 14px;line-height: 2.2;}

.post_title b{width: 40px;}

.post_title span{width: 80px;}

.post_nr li{line-height: 2.6;font-size: 12px;}

.post_nr span{width: 80px;}

.post_nr b{width: 40px;}

.post_nr a{width: calc(100% - 140px);}

.fynr{padding: 20px 0 0 0;}

.fynr a{padding: 0 13px; line-height: 30px; font-size: 14px;}



.xwxq_tit{padding-top: 0; padding-bottom: 15px;}

.xwxq_tit h3{font-size: 20px; line-height: 1.5; margin-bottom: 20px;}

.xwxq_tit p{font-size: 14px;}

.xwxq_tit p span{padding-right: 20px;}

.xwxq_tit img{width: 20px;height: 20px;}

.xwxq_nr{padding: 15px 0 20px;}

.xwxq_nr h3{font-size: 18px; margin-bottom: 15px;}

.xwxq_nr p{font-size: 14px;  line-height: 1.6;}

.fhsy{padding: 30px 0;}

.fhsy a{font-size: 16px;}



.gmfl  h2{font-size: 18px; line-height: 2.2;}

.gmfl li{width: 33.33%;}

.gmfl ul{padding-top: 20px;}

.gmfl p{font-size: 12px;}

.jgjh{margin-top: 40px;}

.jgjh .cttp{width: 100%; float: none;}

.jgjhbox{position: static;top: 0%; transform: translate(0%);}

.jgjh_text{padding: 30px 3%;width: 100%;}    

.jgjh_top h2{font-size: 20px; line-height: 1.6; margin-bottom: 20px;}    

.jgjh_text b{width: calc(100% - 80px);} 



.twnr{width: 90%;}   

.gbbtn{width: 25px;height: 25px;background-size: 15px 15px;top: -12px; right: -12px;} 

.jgjh_right{width: 100%; }

.jgjh_texta p{font-size: .8rem;}   
.news_right{float: none; width: 100%; padding: 0;}
.news_left{width: 100%; padding: 0 0 20px 0;}

.fxpf_left{float: none; width: 100%; max-width:none}
.hxpf{width: 100%; max-width:none; padding: 40px 3% 0 3%;}
.fxpf_left img{width: 180px;}
.fxpf_left h2{font-size: 30px; margin: 40px 0 20px;}
.fxpf_left h3{font-size: 20px; margin-bottom: 40px;}
.fxpf_left p{font-size: 14px;}
.fxpf_right{width: 100%; float: none; padding-top: 20px;}
.fxpf_left_a{float: none; max-width:none; width: 100%;text-align: left;}
.fxpf_left_a h2{font-size: 30px; margin: 40px 0 20px;}
.fxpf_left_a h3{font-size: 20px; margin-bottom: 40px;}
.fxpf_left_a p{font-size: 14px;}
.fxpf_left_a ul{padding: 30px 0;}
.fxpf_left_a li{font-size: 14px;}
.fxpf_right_a{width: 100%; float: none;}
.fxpf_left_a h4{font-size: 14px;}

}



/*news xu 4.9*/

.ppcp_to{width: 588px;max-height: 800px;overflow: hidden;}
.ppcp_to img{width: 588px;height: 800px;object-fit: cover}

.cpxq_tp{width: 588px;height: 588px;overflow: hidden;padding: unset}
.cpxq_tp img{width: 588px;height: 588px;object-fit: cover}


/*首页*/
.intBox {padding: unset;position: relative}
.intBox img{margin: 0 auto}
.intBox>div{position: absolute;top: 115px;left: 125px;}
.ppcfbox{height: 800px}


@media (max-width:880px) {


	.footLink { display: none;}
	.beliefCont .mobShow{ display: block; width: 100%; }

	.beliefCont li { height: auto!important; text-align: center; background: none!important;}

	.beliefTxt { position: static; width: 100%; transform: translate(0);}

	.beliefTxt p { padding: 40px 0; font-size: 16px; line-height: 2;}
	.fiveTitle,.lastTit h2 { font-size:18px; line-height: 80px;}

	.fiveDcont { padding: 0 4% 20px;}

	.fiveDcont-img,.fiveDcont-text { width: 100%!important; float: none!important;}

	.fiveDcont-text h3 { font-size: 18px; text-align: center!important; margin-bottom: 20px;}

	.fiveDcont-text { padding-top: 20px!important; text-align: center!important;}

	.lastTit h3 { font-weight: normal; font-size: 16px;}

	.fiveDcont-text p { font-size: 14px; line-height: 1.75;}

	.section5d-1 { margin-bottom:40px;}

}
@media (max-width: 780px) {
	.productSlide h2 { padding-top: 35px; margin-bottom: 35px;}

	.productSlide { padding: 0 4% 20px;}

	.banner img.pcShow { display:none!important;}


	.banner img.mobShow{ display:block!important;}


	.cont-2Right li, .cont-2Right li:nth-child(2n) { height: auto; display: block; width: 100%; margin:0 0 10px;}


	.brandCont h3, .brandNews .brandCont h3 { font-size: 18px;}


	.brandInfor .brandCont p { font-size: 14px; line-height: 1.5;}


	.starProduct li { width: 49%; margin-bottom: 10px; margin-right: 0; float: left;}


	.starProduct li:nth-child(2n){ float: right;}


	.footerShare { float: none; margin: 0 auto;}


	.footerCont a.footLogo { display: block; float: none; margin: 0 auto 40px;}


	.footLogo img { margin: 0 auto; display: block;}


	.partner3Cont li { float: none; width: 100%; margin: 0 0 20px;}


	.cont3Txt { height: auto; padding: 20px;}


	.cont3Txt h2 { font-size: 16px; margin-bottom: 10px;}


	.cont3Txt p { padding: 0;}


	.partner3Cont li img { margin: 0 auto 20px;}


	.cont3-tit { margin-bottom: 20px;}


	.starProduct h2 { margin-bottom: 20px; text-indent: 0;} 


	.brandInfor { margin-bottom:40px;}


	.starProduct p { font-size: 14px;}
	.partMobimg { margin: 0 auto 15px; display: block; width: 100%;}

	.brandBelief { max-width: none; background: none; width: 100%;}

	.brandCont { padding: 0;}

	.brandCont h2,.brandCont h3,.brandCont p { text-align: center;}

	.brandCont p { font-size: 12px;}

	.brandCont h3{ font-size: 18px; margin-bottom: 50px; font-weight: normal; line-height: 26px;}

	.brandCont h2 { margin-bottom: 15px; font-size: 16px;}

	.brandCont a { float: none!important; width: 80px; height: 26px; margin: 0 auto; line-height: 26px;}

	.brandCont, .brandNews .brandCont { padding: 40px 0;}

	.brandNews { background: none; max-width: none; width: 100%;}

	.brandInfor .brandCont { padding: 0;}

	.brandInfor { width: 100%; max-width: none;}

	.brandCont { background: none!important;}

	.starProduct h2 { font-size: 16px;}

	.starProduct li h3 { padding: 0 10px;}

	.peoImgs img,.peoTit img { display: block; width: 100%;}

}