@charset "utf-8";

/* CSS Document */






.dl-menuwrapper li > a:after{color: #149245;}
.dl-menuwrapper li.dl-back:after{color: #149245;}

#cd-main-header{display: none ;}

.clear{ clear:both;}

/*.for12{display:none;}
*/
#set{color: #149245;}

.topbanner{min-height: 600px;}

#red a{transition:  color 0.5s}

#red a:hover{color: #e40114;transition:  color 0.5s; }

.icon_hover:hover{opacity: 0.8}


#bg:hover{background: #e40114;transition: background 0.5s;}



.phonelogo{display: none;position: relative;

    z-index: 996;

    margin-left: 36px;

   /* margin-right: auto;*/

    margin-top: 4px;

    /*max-width: 76px;*/

}

.top .phonelogo img{  padding-top: 10px; }

.top .top_word{margin-top: 0.8%;font-size: 18px;letter-spacing: 6px;margin-left: 0.3%;}
.top .top_word span{border-right: 1px solid #000;padding-right: 10px;margin-right: 10px;}

.top .top_nav{width: 25%;max-width: 480px;margin-left: 5%;min-width: 380px;padding-top: 10px;position: relative;z-index: 1100;}
.top .top_nav ul{display: flex;justify-content: space-between;}
.top .top_nav ul li{font-size: 15px;}
.top .top_nav ul li a{color: #000;transition: color 0.4s;display: block;}
.top .top_nav ul li a:hover{color: #149245;transition: color 0.4s;}



.wrap{margin-left: 16%;width:84%;overflow: hidden;/*margin-top:-5px;margin-bottom:-10px*/}

.top{height: 80px;width: 100vw;line-height: 80px;padding: 0 3% 5px 3%;background-size: 100% 100%;background-color: #f0f1f2;

top:0;	display: flex;position: fixed;z-index: 901 }

.top img {padding-top: 22px}

.top .text{display: flex;padding-left: 140px}

.top .text div{margin: 0 22px}

.top .text div a{color: #858585;transition:color 0.5s}

.top .text div a:hover{color: #e50012;transition:color 0.5s;}


.icon{display: flex;margin-left:auto;margin-right: 5%;padding-top: 6px;position: relative;z-index: 991;}

.icon div{margin: 0 11px;}
.icon .input{display: flex;align-items: center; margin-top: 10px;}
.icon .input input{width: 144px ;height: 18px;border: none;border-radius: 50px;background: url(../images/search.svg) #fff no-repeat center right 10px;background-size: 10%;padding:0 10px}





/*
#pop1{position: absolute;left: -34px;display: none;;top: 54px;width: 150px;height: 150px}

#pop1 img{width: 100%;height: 100%}


*/

/*.wechat{position: relative;}*/

/*#pop3{position: absolute;left: -10px;display: none;;top: 54px;width: 150px;height: 150px}

#pop3 img{width: 100%;height: 100%}

*/

/*.icon .wechat:hover #pop3{display:block !important;animation:fadein 0.8s;}



.Tiktok{position: relative;}

.icon .Tiktok:hover #pop1{display:block !important;animation:fadein 0.8s;}

*/

.fhotop{ position: relative;}

.fhotop .fhotopup{ display: none;}

.fhotop:hover .fhotopup{ display: block; position: absolute; width: 150px; height: 150px;

    top: 10px; left: 30px;}

.fhotop:hover .fhotopup img{ width: 100%; height: 100%;}

/*导航*/

.nav{position: fixed;z-index: 900;padding-top: 85px;}





.nav .nav_xl{display: flex;padding-left: 20px;padding-bottom: 40px}

.nav .nav_xl .nav_a{font-size: 32px;font-weight: 600;text-align: center; color: #585858 ;}

.nav .nav_xl div{margin-right: 20px}

.nav .nav_xl .nav_b p{font-size: 14px;color: #585858 ;}

.nav .nav_xl .nav_b p a{color: #585858;font-size: 14px;transition:  color 0.5s}

.nav .nav_xl .nav_b p a:hover{color: #e50012;transition: color 0.5s}

.nav .nav_xl .nav_b{margin-top: 49px}

.nav .nav_xl .nav_b p:first-child{font-weight: 600}

.nav .nav_xl .nav_line {border-right: 2px solid #e0e0e0;padding-right: 20px}





#nav{position: relative;}

.nav_bottom{position: absolute;/*bottom:20px;*/left: 0;line-height: 38px;background-color: #fff;width: 82%;/*padding-bottom: 20px;*/z-index: 800;padding-left: 18%;padding-bottom:50px;padding-top:56px}

.nav_bottom a{color:#149245 ;transition:color 0.5s;display: block;width: 100%}

.nav_bottom div{padding-left: 30px}

.nav_bottom .b_icon1{background: url(../images/icon_bottom1.1.png) no-repeat left center;transition:background 0.5s;font-size: 13px}

.nav_bottom .b_icon2{background: url(../images/icon_bottom2.1.png) no-repeat left center;transition:background 0.5s;font-size: 13px}

/*.nav_bottom a:hover{color:  #149245;transition:color 0.5s;}*/

/*.nav_bottom .b_icon1:hover{background: url(../images/icon_bottom1.2.png) no-repeat left center;transition:background 0.5s;}

.nav_bottom .b_icon2:hover{background: url(../images/icon_bottom2.2.png) no-repeat left center;transition:background 0.5s;}

*/

#pop2{position: absolute;bottom: 20px;left:100%;display: none;width: 462px;background-color: rgb(247,247,247,0.9);

	border:1px solid #b6b6b6;padding: 56px 0;}

#pop2 .pop2_img {display: flex;justify-content: flex-start;}

#pop2 .pop2_img a{display: block;margin:0 24px; }

/*#pop2 .pop2_img a:hover{opacity: 0.8}*/



.nav_bottom .b_icon2:hover #pop2{display:block!important;animation:fadein 0.8s}



@keyframes fadein{

from{opacity:0}

to{opacity:1}

}



/*.pppc{display: block;}

.ppwap{display: none;}

*/

#owl-demo-banner{margin-top: 0px}

#owl-demo-banner img{width: 100%;display: none;}

#owl-demo-banner{position: relative;}

#owl-demo-banner .banner_word{position: absolute;bottom: 0px;color: #fff;padding-left: 50px;text-align: left;background-color:rgba(82,87,89,.7);width:100%;}

#owl-demo-banner .banner_word div{font-size:20px;}

#owl-demo-banner .banner_word p{width: 426px;font-size: 14px;line-height: 18px;padding-top: 12px}

#owl-demo-banner .banner_word span a{font-size: 14px;padding-top: 6px;color: #fff;transition:color 0.5s;position: relative;z-index: 898}

#owl-demo-banner .banner_word span a:hover{color:#e50012;transition:color 0.5s;}

#owl-demo-banner{position: relative;text-align: center;}

.owl-theme .owl-controls{position: absolute;bottom: 30px;width: 200px;left: calc(100%/2 - 100px)}




.produt_2022 ul{width: 100%;}
.produt_2022 ul li{width: 100%;position: relative;}
.produt_2022 ul li .l{width: 38%;position: absolute;left: 7%;top: 25%;max-width:560px;}
.produt_2022 ul li .img img{width: 100%;height: 100%;}

.produt_2022 ul li .l p{color: #595757;font-size: 40px;line-height: 62px;margin-bottom: 10px;text-align: right;}
.produt_2022 ul li .l span{font-size: 24px;color: #595757;line-height: 28px;display: block;margin-bottom: 24px;text-align: right;}
.produt_2022 ul li .l i{font-style: normal;display: block;}
.produt_2022 ul li .l i a{color: #fff;font-size: 16px;display: block;width: 102px;height: 30px; line-height: 30px;background: url(../images/arrow_hover.png) #149245 no-repeat center right 16px;
padding-left: 24px;margin-left: auto;}

.produt_2022 ul li{width: 100%;position: relative;}
.produt_2022 ul li .r{max-width: 252px;position: absolute;right: 12%;top: 25%;width: 20%;min-width: 250px;}
.produt_2022 ul li .r .r_img{display: flex;flex-wrap: wrap;justify-content: space-between;}
.produt_2022 ul li .r .r_img i{display: block;}
.produt_2022 ul li .r .r_img p{font-size: 44px;color: #149245;font-weight: 600;border-bottom: 2px solid  #149245;line-height: 50px;}
.produt_2022 ul li .r_bottom{color: #a58d73;width: 100%;font-size: 22px;text-align: center;padding-top: 15px;}

.iphone{display: none;}

.title{font-size: 33px;text-align: center;color: #040114} 
/*.produt{padding-top: 43px}



.produt .p2{padding-top: 43px;display: flex;justify-content: space-between;flex-wrap:wrap}

.produt .produt_concent{width: 49%;background: url(../images/produt_bg.jpg) no-repeat;background-size: 100% 100%;margin-bottom: 30px;height: 20%;max-height: 390px}

.produt .produt_concent a{display: block;width: 100%;display: flex;justify-content: space-between;margin-bottom: 20px;}

.produt .produt_concent .produt_word{padding:50px 0 0 50px;width: 80%}

.produt .produt_concent .produt_word p{font-size: 24px;color: #040114}

.produt .produt_concent .produt_word span{font-size: 14px;color: #585858;display: block;padding-top: 10px}

.produt .produt_concent img{width: 90%}


*/


/*全领域产品*/

.all_icon{margin-top: 72px}

.all_icon .icon_concent {width: 100%;display: flex;margin-top: 48px;transition: all 0.6s;justify-content: space-between;}

.all_icon .icon_concent div{text-align: center;margin: 0 auto;background-color: #f0f1f2;width: 11.11111111111111%;transition: all 0.5s;}
.all_icon .icon_concent div:nth-child(2),.icon_concent div:nth-child(4),.icon_concent div:nth-child(6),.icon_concent div:nth-child(8){background-color: #e5e5e5;}
.all_icon .icon_concent div:hover{background-color: #149245; transition: all 0.5s;}


.all_icon .icon_concent i{display: block;width: 100%;max-width: 94px;margin: 0 auto;padding-bottom: 85px;transition:  background 0.5s; }

.all_icon .icon_concent p{padding-bottom: 74px;font-size: 22px;height: 56px;}

.all_icon .icon_concent a{color: #585858;transition: color 0.5s;display: block;width: 100%;;padding-top: 54px;padding-bottom: 72px}

.all_icon .icon_concent a:hover  {color: #fff;transition: color 0.5s}

.all_icon .icon_concent span{display: block;background: url(../images/arrow.png) no-repeat center right 30%;padding-right: 10px;font-size: 14px;transition: background 0.5s;}
.all_icon .icon_concent div:hover span{background: url(../images/arrow_hover.png) no-repeat center right 30%;transition: background 0.5s;}



.all_icon .icon1{background: url(../images/icon1.1.png) no-repeat center;transition:  background 0.5s;}


.all_icon .icon_concent div:hover .icon1{background: url(../images/icon1.2.png) no-repeat center;transition:  background 0.5s;}



.all_icon  .icon2{background: url(../images/icon2.1.png) no-repeat center;transition:  background 0.5s;}

.all_icon .icon_concent div:hover .icon2{background: url(../images/icon2.2.png) no-repeat center;transition:  background 0.5s;}



.all_icon  .icon3{background: url(../images/icon3.1.png) no-repeat center;transition:  background 0.5s;}

.all_icon .icon_concent div:hover .icon3{background: url(../images/icon3.2.png) no-repeat center;transition:  background 0.5s;}



.all_icon  .icon4{background: url(../images/icon4.1.png) no-repeat center;transition:  background 0.5s;}

.all_icon .icon_concent div:hover .icon4{background: url(../images/icon4.2.png) no-repeat center;transition:  background 0.5s;}



.all_icon .icon5{background: url(../images/icon5.1.png) no-repeat center;transition:  background 0.5s;}

.all_icon .icon_concent div:hover .icon5{background: url(../images/icon5.2.png) no-repeat center;transition:  background 0.5s;}



.all_icon .icon6{background: url(../images/icon6.1.png) no-repeat center;transition:  background 0.5s;}

.all_icon .icon_concent div:hover .icon6{background: url(../images/icon6.2.png) no-repeat center;transition:  background 0.5s;}



.all_icon  .icon7{background: url(../images/icon7.1.png) no-repeat center;transition:  background 0.5s;}

.all_icon .icon_concent div:hover .icon7{background: url(../images/icon7.2.png) no-repeat center;transition:  background 0.5s;}



.all_icon .icon8{background: url(../images/icon8.1.png) no-repeat center;transition:  background 0.5s;}

.all_icon .icon_concent div:hover .icon8{background: url(../images/icon8.2.png) no-repeat center;transition:  background 0.5s;}



.all_icon .icon9{background: url(../images/icon9.1.png) no-repeat center;transition:  background 0.5s;}

.all_icon .icon_concent div:hover .icon9{background: url(../images/icon9.2.png) no-repeat center;transition:  background 0.5s;}



/*.bkicon{ position: absolute; left: 50px; bottom: 30px;}
.bkicon img{ max-width: 130px;}
*/
/*.eject_img img{ height:34px; }
*/

.news{margin-top: 60px}

.news .title{margin-bottom: 46px;}



 #owl-demo-news .news_concent{position: relative;z-index: -1}

.news .news_concent{margin:0 1%;overflow: hidden;}

.news .news_concent .news_word{background-color: #4b4b4b;position: absolute;bottom: 0px;color: #fff;width: 100%;padding-top: 13px;text-align: center;

								margin-bottom: -30px;padding-bottom: 6px;/*overflow: hidden;*/

							transition: all 0.6s;}

.news .news_concent .news_word .news_w{display: flex;justify-content: flex-start;padding-left: 6%;padding-bottom: 6px}

.news .news_concent .news_word .news_w div{background: url(../images/arrow3.png) no-repeat right;text-align: left;min-width: 32px;padding-right:8px;max-width: 64px;line-height: 22px}

.news .news_concent .news_word .news_w p{overflow: hidden;height: 22px;font-size: 14px;padding-right: 6px;width:68%;padding-left: 16px;line-height: 22px }

.news .news_concent .news_word span{font-size: 14px}

.news .news_concent .news_word a{font-size: 14px;color: #fff}

.news .news_concent .item{height: 100%;}

.news .news_concent img{width: 100%;height: 100%;}

.news .news_concent:hover .news_word{margin-bottom: 0; background:rgba(20,146,69,0.75);}

 





.foot{background-color: #f0f1f2;padding-top: 34px;margin-top: 10px;}

.foot .foot_in{display: flex;justify-content:space-between;}

.foot .foot_in  ul {width: 40%; max-width: 570px;padding-left: 5%;margin-right: 10px;display: flex;;justify-content:flex-start; }

.foot .foot_in  ul li{text-align: left;}

.foot .foot_in  ul .foot_li1{width:20%; padding-left: 5%;margin-right: 10% }

.foot .foot_in  ul .foot_li2{width:30%;margin-right: 8%}

.foot .foot_in  ul .foot_li3{width:30%; }



.foot .foot_in  ul li .left_a{margin-top: 30px}



/*.foot .foot_in .focuse{display: flex;}*/

.foot .foot_in .focuse a{margin-right: 9%;display: block;margin-bottom: 12px;}







.foot .foot_in ul li p{font-size: 14px;color: #595757;padding-bottom: 24px}

.foot .foot_in ul li span{display: block;font-size: 12px;line-height: 24px}

.foot .foot_in ul li span a{color: #595757;transition: color 0.5s}

.foot .foot_in ul li span a:hover{color:  #149245;transition: color 0.5s}







.foot .foot_in .foot_right{width: 56%;}

.foot .foot_in .foot_right p{font-size: 14px;color: #595757;padding-bottom: 24px;padding-left: 4%}

.foot .foot_in .foot_right div{display: flex;margin-bottom: 54px; flex-wrap: wrap;}



.foot .foot_in .foot_right .friend a{margin-right: 2%;margin-bottom: 34px;width: 15%;display: block;max-width: 140px}

.foot .foot_in .foot_right div img{width: 100%}





.foot .foot_bottom{padding-top: 18px;padding-bottom: 42px;display: flex;justify-content: space-between;padding-left: 20px;padding-right: 20px;background: url(../images/foot_bg.jpg) no-repeat;
    background-size: cover;padding-left: 5%;}

.foot .foot_bottom p,.foot .foot_bottom p a{color: #fff;font-size: 10px}

.foot .foot_bottom .foot_bottom_logo{display: flex;flex-wrap: wrap;}

.foot .foot_bottom .foot_bottom_logo div{margin-right: 5px;margin-bottom: 10px;margin-left: 5px;}











.phone{display: none;}



.dl-menuwrapper ul{position: relative;height:100vh ;}

.phone_bottom{position: absolute;bottom: 80px;padding: 20px 0 20px 0%;width:100%;display: flex;justify-content: space-around;z-index: 994;background-color: #ffffff}

.phone_bottom a{color:#8c8c8c ;transition:color 0.5s;display: block;}

.phone_bottom div{padding-left: 30px;line-height: 20px}



.phone_bottom .b_icon1{background: url(../images/icon_bottom1.1.png) no-repeat left center;transition:background 0.5s;}

.phone_bottom .b_icon2{background: url(../images/icon_bottom2.1.png) no-repeat left center;transition:background 0.5s;}

.phone_bottom a:hover{color:  #e50012;transition:color 0.5s;}

.phone_bottom .b_icon1:hover{background: url(../images/icon_bottom1.2.png) no-repeat left center;transition:background 0.5s;}

.phone_bottom .b_icon2:hover{background: url(../images/icon_bottom2.2.png) no-repeat left center;transition:background 0.5s;}

.phone_content{overflow-y:scroll;height: calc(100vh - 140px)}



#phont_pop{position: absolute;bottom: 0;left: 264px;display: none;width: 462px;background-color: rgb(247,247,247,0.9);

	border:1px solid #b6b6b6;padding: 56px 0;padding-left: 0}

#phont_pop .pop2_img {display: flex;justify-content: flex-start;}

#phont_pop .pop2_img a{display: block;margin:0 24px; }

#phont_pop .pop2_img a:activer{opacity: 0.8}



.phone_bottom.b_icon2:focus  #pop2{display:block!important;animation:fadein 0.8s}

.phone_bottom .b_icon2:active #pop2{display:block!important;animation:fadein 0.8s}



@keyframes fadein{

from{opacity:0}

to{opacity:1}





}

#nav{display: none;}







/*.in_warp{padding-top: 80px}*//*

.for1{margin-bottom: 118px}

.for1_title{color:#acacac; text-align: center;width: 100%;}

.for1_title h1{color: #000;font-size: 40px;padding-bottom: 42px;display: block;line-height: 40px}

.for1_title p{font-size:15px;margin-right: 60px;}

.for1_title div{display: flex;justify-content:center;}

.for1_title p:nth-child(2){background: url(../images/for1_look.png) no-repeat center left;padding-left: 38px}

.for1_title a{display: block;margin-right: 22px}



.for1 .for1_content{padding: 136px 21.5% 130px 21.5%;margin: 0 auto;background: #f5f5f5;margin-top: 82px;margin-bottom: 46px;font-size: 17px;line-height: 30px}

.for1 .for1_content  p{color: #999999}

.for1 .for1_content  span{color: #000}

.for1 .for1_content img{width: 100%;margin: 20px 0;}

.for1_top a{background: url(../images/for1_top.png) no-repeat center top;text-align: center;width: 30px;margin: 0 auto;color: #999999; display: block;padding-top: 20px;}
*/
/*.mao{height:180px;width: 100% }

.mao a{display: block;}

*/
/*
.for2{margin-bottom: 60px}

.for2_title {text-align: center;padding-bottom: 30px}

.for2_title p{font-size: 32px;color: #000;padding-bottom: 15px}

.for2_title span{font-size: 16px;display: block;color: #585858;}

.for2_title a{color: #585858;}

.for2  .for2_content{display: flex;justify-content: space-between;}

.for2  .for2_content .grid{width: 32%}

.for2  .for2_content .grid img{width: 100%;}

.for2  .for2_content .effect-julia{border-bottom: 10px solid #f5f5f5;}

.for2  .for2_content p{font-size: 16px;color: #000;padding:0 2%;height: 24px;overflow: hidden;margin-top: 6px;transition:  color 0.5s;}

.for2  .for2_content span{font-size: 14px;color: #8b8b8b;padding:0  2%;overflow: hidden;display: block;line-height: 20px;

	margin-top: 20px;height: 40px;width: 100%;transition:  color 0.5s;}

.for2_hover:hover p,.for2_hover:hover span {color: #e40114 !important;transition:  color 0.5s;}
*/




/*

.for3{background: #f5f5f5;padding: 66px 20%  86px 20%;margin-bottom: 10px;display: none;}

.for3 .for3_content{display: flex;justify-content: space-between;text-align: center;}

.for3 .for3_content p{color: #252525;font-size: 20px}

.for3 .for3_content a{color: #252525;font-size: 15px;display: block;padding-top: 8px}





.for4{margin-bottom: 60px}

.for4 .for4_title{text-align: left;padding-left: 1%;margin-bottom: 20px}

.for4 .for4_title h1{color: #000;font-size: 40px;padding-bottom: 20px;display: block;line-height: 40px}

.for4 .for4_title p{color: #585858}

*/



/*

#owl-for4 {padding-bottom: 40px}

#owl-for4 .for4_con{display: flex;padding: 28px 3.5% 28px 2.5%;background: #f5f5f5;justify-content: space-between;}

#owl-for4 .for4_word{margin-top: 134px;width: 40%;max-width: 560px}

#owl-for4 .for4_word p{font-size: 24px;color: #000;font-weight: 600;line-height: 40px;margin-bottom: 24px}

#owl-for4 .for4_word span{display: block; font-size: 16px;color: #989898;height: 156px}

#owl-for4 .for4_word a{display: block;width: 150px;height: 45px;line-height: 45px;color: #fff;text-align: center;background:  #e40114;font-size: 16px}

#owl-for4 .for4_pic{max-width: 880px;width: 60%}

#owl-for4 .for4_pic img{width: 100%}

#owl-for4 .owl-page span{width: 100px;height: 5px}

#owl-for4 .owl-controls{width: 800px;left: calc(100%/2 - 400px);bottom: 0px}

#owl-for4 .owl-controls .owl-page span{background: #dedede}*/

/*#owl-for4 .owl-controls .owl-page span:hover{background: #e40011}*//*

#owl-for4 .owl-controls .owl-page.active span, #owl-for4 .owl-controls.clickable .owl-page:hover span{background:#e40011 }





.for5 .for5_data {display: flex;align-items:center;margin-bottom: 14px;padding-left: 4%}

.for5 .for5_data a{color: #595959;display: block;font-size: 16px;margin-right: 1%;}

.for5 .for5_data i{width: 1px;height: 18px;background: #595959;margin-right: 1%}

.for5 .for5_content{background: #f5f5f5;padding-top: 40px;flex-wrap: wrap;}

.for5 .for5_content:after{

    content: ""; width:32%;overflow: hidden;margin-bottom: 32px;*/

    /*只需要添加父元素的after伪元素中 高度0 ，宽度与item的宽一样*/

/*}*/
/*
.for5 .for5_content .for5-effect-julia{border-bottom: 10px solid #ececec !important}

.for5 .for5_content .grid{margin-bottom: 100px}

.for5 .for5_page{justify-content: flex-end;margin-top: 20px}





.for6 .for5_contentfigure{position: relative;}

.for6 .for5_content figure i{width: 80px;height: 81px;background: url(../images/news_play.png) no-repeat center;position: absolute;top: calc(50% - 40px);left:calc(50% - 40px);display: block;transition: background 0.6s}

.for6 .for5_content figure:hover i{background: url(../images/news_play2.png) no-repeat center;transition: background 0.6s}



.for7{margin-top: 130px;margin-bottom: 100px}

.for7_title{text-align: center;margin-bottom: 54px}

.for7_title p{font-size: 32px;color: #000;margin-bottom: 10px}

.for7_title  span{display: block;color: #585858;margin-bottom: 20px}

.for7_title .for7_label{display: flex;justify-content: center;font-size: 10px;}

.for7_title .for7_label a{color: #fff;background: #585858;display: block;margin: 0 0.2%;padding: 0 15px;border-radius: 50px;line-height: 25px;transition:  background 0.5s}

.for7 .for7_content{display: flex;justify-content: flex-start;background: #eeeeee;padding-left: 5%; }

.for7 .for7_left{width:28%;padding-top: 80px;margin-right: 5% }

.for7 .for7_left i{max-width: 337px;width: 76.5%;padding-bottom: 60px;display: block;margin: 0 auto}

.for7 .for7_left i img{width: 100%}

.for7 .for7_content h2{font-size: 20px;margin-bottom: 25px}

.for7 .for7_content p{font-size: 16px;color: #999999;margin-bottom: 22px;line-height: 24px}

.for7 .for7_content h3{font-size: 40px;color: #999999;line-height: 48px;padding-bottom: 60px}

.for7  .for7_right{width: 45%;background:#f9f9f9;padding: 70px 5% 60px 5%}



.for8 {margin-bottom: 78px}

.for8 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}

.for8 ul:after{

    content: ""; width:32%;overflow: hidden;*/

    /*只需要添加父元素的after伪元素中 高度0 ，宽度与item的宽一样*/
/*
}
.for8 .for8_line1 .for8_content1:after{display: none;}



.for8 ul li{background: #f5f5f5;width:32%;overflow: hidden;margin-bottom: 32px}

.for8 .for8_li{padding-left: 10.6%;padding-top: 50px;padding-bottom: 22px;}

.for8 .for8_li .for8_title1{font-size: 14px;color: #878787;display: none;}

.for8 .for8_li .for8_title2{height: 110px;width: 60%;max-width: 220px}

.for8 .for8_li p{color: #000;font-size: 24px;font-weight: 600;}

.for8 .for8_li .for8_title3 {height: 110px;width: 0;max-width: 220px; }

.for8 .for8_li .for8_title3 span{color: #585858;font-size: 16px;display: block;line-height: 22px;font-weight: 600;display:none;}

.for8 .for8_li{position: relative;}

.for8 .for8_li i{position: absolute;right: 0px;top: 90px;transition: all 0.5s;}

.for8 ul li:hover i{right: 20px}

.for8 .for21_label{position: relative;}
.for8 .for21_label .label_left{position: absolute;right: 63%;top: 20px;line-height: 36px;text-align: right;}
.for8 .for21_label .label_right{position: absolute;left: 63%;top: 20px;line-height: 36px}
.for8 .for21_label a{ background-color: #f5f5f5;padding: 4px 8px;color: #000;margin: 0px 8px;border-radius: 10px;font-size: 18px;white-space: nowrap;}

.for8_line1{display: flex;justify-content: space-between;}
.for8_line1 .for8_content1{width: 32%}
.for8_line1 .for8_content1 li{width: 100%}
.for8_line1 .for8_content2{width: 66%;display: flex;flex-wrap: wrap;}
.for8_line1 .for8_content2 li{width: 48.5%}
.for8_line1 .for8_content1 li{position: relative;}
.for8_line1 .for8_content1  i{bottom: 20px;position: absolute;right: 0px;transition: all 0.5s;}
.for8_line1  .for8_content1 li:hover i{right: 20px}



.for9{margin-bottom: 36px}

.for9 ul{display: flex;justify-content: space-between;}

.for9 ul li{width: 32%;background: #e1e1e1;transition:all 0.5s }

.for9 .for9_li {padding: 40px 7.6% 25px 7.6%}

.for9 .for9_li p{color: #000;font-size: 20px;font-weight: 600;margin-bottom: 6px;height: 58px;overflow: hidden;}

.for9 .for9_li span{display: block;font-size: 16px;color: #3a3a3a;line-height: 22px;height: 66px;margin-bottom: 12px;overflow: hidden;}

.for9 .for9_li i{width: 100%}

.for9 .for9_li i img{width: 100%}

.for9 ul li:hover p,.for9 ul li:hover span{color: #fff;transition:all 0.5s}



.for10{margin-top: 130px;margin-bottom: 60px;}

.for10 .for7_title p{font-size: 40px;line-height: 40px}

.for10_title span{font-weight: 600;font-size: 18px}

.for10 i{width: 100%}

.for10 i img{width: 100%}



.for11{margin-top: 70px;margin-bottom: 30px}

.for11 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}

.for11 ul li{width: 32%;background: #f5f5f5;overflow: hidden;margin-bottom: 20px}

.for11 ul li p{font-size: 24px;color: #000;padding-top: 30px;font-weight: 600;padding: 30px 9% 0 9%;transition:  color 0.5s;}

.for11 ul li span{font-size: 16px;color: #585858;padding: 0px 9% 18px 9%;display: block;transition:  color 0.5s;}

.for11 ul li:hover p,.for11 ul li:hover span{color: #e40114;transition:  color 0.5s; }



.for13{margin-bottom: 40px} 

.for13 ul{display: flex;justify-content: space-between;}

.for13 ul li{width: 6.25%;background:  #fff;text-align: center;}

.for13 ul li a{width: 100%;height: 100%;display: block;padding-top: 36px;padding-bottom: 44px}

.for13 ul li i{display: block;width: 76%;max-width: 76px;margin: 0 auto;padding-bottom: 124px;transition:  background 0.5s;}



.for13 ul li p{font-size: 18px;color: #000;transition:  color 0.5s;}

.for13 ul li:hover p{color: #e40114;transition:  color 0.5s; }



.for13 ul li .for3_icon1{background: url(../images/for3_icon1.1.png) no-repeat center;transition:  background 0.5s;}

.for13 ul li:hover .for3_icon1{background: url(../images/for3_icon1.2.png) no-repeat center;transition:  background 0.5s;}



.for13 ul li .for3_icon2{background: url(../images/for3_icon2.1.png) no-repeat center;transition:  background 0.5s;}

.for13 ul li:hover .for3_icon2{background: url(../images/for3_icon2.2.png) no-repeat center;transition:  background 0.5s;}



.for13 ul li .for3_icon3{background: url(../images/for3_icon3.1.png) no-repeat center;transition:  background 0.5s;}

.for13 ul li:hover .for3_icon3{background: url(../images/for3_icon3.2.png) no-repeat center;transition:  background 0.5s;}



.for13 ul li .for3_icon4{background: url(../images/for3_icon4.1.png) no-repeat center;transition:  background 0.5s;}

.for13 ul li:hover .for3_icon4{background: url(../images/for3_icon4.2.png) no-repeat center;transition:  background 0.5s;}



.for13 ul li .for3_icon5{background: url(../images/for3_icon5.1.png) no-repeat center;transition:  background 0.5s;}

.for13 ul li:hover .for3_icon5{background: url(../images/for3_icon5.2.png) no-repeat center;transition:  background 0.5s;}



.for13 ul li .for3_icon6{background: url(../images/for3_icon6.1.png) no-repeat center;transition:  background 0.5s;}

.for13 ul li:hover .for3_icon6{background: url(../images/for3_icon6.2.png) no-repeat center;transition:  background 0.5s;}



.for13 ul li .for3_icon7{background: url(../images/for3_icon7.1.png) no-repeat center;transition:  background 0.5s;}

.for13 ul li:hover .for3_icon7{background: url(../images/for3_icon7.2.png) no-repeat center;transition:  background 0.5s;}



.for13 ul li .for3_icon8{background: url(../images/for3_icon8.1.png) no-repeat center;transition:  background 0.5s;}

.for13 ul li:hover .for3_icon8{background: url(../images/for3_icon8.2.png) no-repeat center;transition:  background 0.5s;}



.for13 ul li .for3_icon9{background: url(../images/for3_icon9.1.png) no-repeat center;transition:  background 0.5s;}

.for13 ul li:hover .for3_icon9{background: url(../images/for3_icon9.2.png) no-repeat center;transition:  background 0.5s;}



.for13 ul li .for3_icon10{background: url(../images/for3_icon10.1.png) no-repeat center;transition:  background 0.5s;}

.for13 ul li:hover .for3_icon10{background: url(../images/for3_icon10.2.png) no-repeat center;transition:  background 0.5s;}



.for13 ul li .for3_icon11{background: url(../images/for3_icon11.1.png) no-repeat center;transition:  background 0.5s;}

.for13 ul li:hover .for3_icon11{background: url(../images/for3_icon11.2.png) no-repeat center;transition:  background 0.5s;}



.for13 ul li .for3_icon12{background: url(../images/for3_icon12.1.png) no-repeat center;transition:  background 0.5s;}

.for13 ul li:hover .for3_icon12{background: url(../images/for3_icon12.2.png) no-repeat center;transition:  background 0.5s;}





.for13 ul li .for3_icon13{background: url(../images/for3_icon13.1.png) no-repeat center;transition:  background 0.5s;}

.for13 ul li:hover .for3_icon13{background: url(../images/for3_icon13.2.png) no-repeat center;transition:  background 0.5s;}





.for13 ul li .for3_icon14{background: url(../images/for3_icon14.1.png) no-repeat center;transition:  background 0.5s;}

.for13 ul li:hover .for3_icon14{background: url(../images/for3_icon14.2.png) no-repeat center;transition:  background 0.5s;}





.for13 ul li .for3_icon15{background: url(../images/for3_icon15.1.png) no-repeat center;transition:  background 0.5s;}

.for13 ul li:hover .for3_icon15{background: url(../images/for3_icon15.2.png) no-repeat center;transition:  background 0.5s;}



.for13 ul li .for3_icon16{background: url(../images/for3_icon16.1.png) no-repeat center;transition:  background 0.5s;}

.for13 ul li:hover .for3_icon16{background: url(../images/for3_icon16.2.png) no-repeat center;transition:  background 0.5s;}



.for14 {margin-top: 80px;margin-bottom: 60px}

.for14 i{width: 100%}

.for14 i img{width: 100%}

.for14{position: relative;z-index: -1}

.for14 .for14_title{position: absolute;width: 80%;text-align: center;color: #000;top: 110px;color: #fff;}

.for14 .for14_title p{font-size: 32px;padding-bottom: 14px}

.for14 .for14_title span{font-size: 18px;line-height: 24px;display: block;}



.for15_wrap{width: 75%;margin: 0 auto;}

.for15{margin-bottom: 70px; border-bottom: 1px solid #ccc;}

.for15 h2{font-size: 24px;padding-bottom: 68px}

.for15  ul li{width: 100%;display: flex;justify-content: space-between;margin-bottom: 10px}

.for15  ul li .for15_pic{max-width: 300px;height: 200px;width: 30%;min-width: 280px;margin-right: 4%}

.for15  ul li .for15_pic img{width: 100%;}

.for15  ul li  .for15_r{width: 68%}

.for15  ul li i{max-width: 201px;display: block;width: 40%;min-width: 140px}

.for15  ul li i img{width: 100%}

.for15  ul li p{font-size: 18px;color: #000;font-weight: 600;padding-bottom: 14px;padding-top: 14px}

.for15  ul li span{font-size: 16px;color: #8c8c8c;display: block;line-height: 22px}









.for16{margin-bottom:  75px;padding-bottom: 75px; border-bottom: 1px solid #ccc;}

.for16_title{margin-bottom: 30px}

.for16_title h2{font-size: 24px;padding-bottom: 12px;font-weight: normal;}

.for16  .for16_title span{font-size: 18px;color:#717171 }



.for16  ul {width: 100%}

.for16  ul li{display: flex;justify-content: space-between;margin-bottom: 3px;}

.for16  ul li i{display: block;width: 42%;max-width: 503px;padding-top: 30px;height: 130px;text-align: center;padding: 4% 2% 0% 2%;}



.for16  ul li div{width: 58%;max-width: 696px;height: 160px;overflow: hidden;}

.for16  ul li .for16_hover1 img{width: 55%;margin-left: auto;transition: all 0.6s;}

.for16  ul li .for16_hover1{background: #eeeeef;text-align: right;}

.for16  ul li .for16_hover1:hover img{width: 65%}

.for16  ul li .for16_hover1{position: relative;}

.for16  ul li .for16_hover1 p{position: absolute;font-size: 15px;color: #000;top: 8%;left: 2%}



.for16_hover2{background: url(../images/for6_pic2_bg.png) no-repeat right;/*background-size: 100%;text-align: right;position: relative;overflow: hidden;}

.for16_hover2 p{position: absolute;left: 2%;top: 8%;color: #fff;font-size: 15px;text-align: left;line-height:20px;}

.for16_hover2 img{;width:80%;transition: all 0.8s;position: absolute;bottom: 0;right:-18%}

.for16_hover2:hover img{right:0%}



.for16_hover3{background: url(../images/for6_pic6_bg.png) no-repeat right;text-align: right;position: relative;overflow: hidden;}

.for16_hover3 img{transition: all 0.8s;width: 50%;}
.for16_hover3 p{position: absolute;left: 59%;top: 5%;color: #000;font-size: 15px;text-align: left;}

.for16_hover3:hover img{margin-right:130px}



.for16_hover4{background: url(../images/for16_pic7_bg.png) no-repeat right;text-align:right;position: relative;overflow: hidden;}

.for16_hover4 img{transition: all 0.8s;width: 70%;margin-right: 10%}



.for16_hover5{background: url(../images/for16_pic10_1.png) no-repeat right;text-align:right;position: relative;overflow: hidden;transition: all 0.4s;}

.for16_hover5:hover {background: url(../images/for16_pic10_2.png) no-repeat right }









.for17{margin-bottom: 65px; border-bottom: 1px solid #ccc;}

.for17 .for16_title{margin-bottom: 150px}

.for17 ul{display: flex;justify-content: start;margin-bottom: 40px}



.for17 ul li{width: 15%;margin: 0 4px;}

.for17 ul li a{width: 100%;display: block;}

.for17 ul li a p{color: #000}

.for17 ul li .content_bg{width: 100%;background: #ffe100;position: relative;height: 36px;}

.for17 ul li  p{position: absolute;font-size: 50px;top: -14px;font-family:  'DINCond';padding-left: 10px; }

.for17 ul li  span{display: block;color: #abaaaa;font-size: 12px;line-height: 16px;min-height: 54px;padding-top: 8px;overflow: hidden;}

.for17 ul li  i{width: 100%;display: block;}

.for17 ul li  i img{width: 100%;

filter: grayscale(100%);

-webkit-filter:grayscale(100%);

-moz-filter:grayscale(100%);

-o-filter:grayscale(100%);

filter:grayscale(100%);

filter: gray;

-webkit-filter:grayscale(1);



}

.for17 ul li:hover i img{width: 100%;

filter: grayscale(0%);

-webkit-filter:grayscale(0%);

-moz-filter:grayscale(0%);

-o-filter:grayscale(0%);

filter:grayscale(0%);

filter: gray;

-webkit-filter:grayscale(0);



}

.for17 ul .down{margin-top: 140px}



.for17 ul  .enlarge{flex-grow: 1.5}



.for18{border-bottom: 1px solid #ccc;margin-bottom: 70px;}



.for18 .for18_wrap{background: url(../images/for18_bg.jpg) no-repeat center top 250px;padding-bottom: 600px;

    background-size:100%;}

.for18 .for16_title{}

.for18 ul {display: flex;justify-content: space-around;flex-wrap: wrap;}

.for18 ul li{text-align: center;width: 30%;display: block;}

.for18 ul li i{max-width: 102px;width:70%;display: block;margin: 0 auto;border-radius: 100px}

.for18 ul li i img{width: 100%}

.for18 ul li .ptitle{color: #727171;font-size: 14px;padding-top: 10px;padding-bottom: 20px}

.for18 ul li div{color: #595757;font-size: 16px; line-height: 30px;display: block;word-break: break-all;}


*//*
.hg8 ul{justify-content:center;}

.hg8 ul li{width: 20%;}

.hg8 .for18_wrap{padding-bottom: 200px;}



.hg5 ul li{ width: 20%;font-size: 14px; color: #727171;}

.hg5 ul li i{ max-width: none;}

.hg5 .for18_wrap{padding-bottom: 60px;}

.hg5 .fdesc{

    margin-top: 20px;

    text-align: left;

    font-family: 'Regular';

    color: #000;

    font-size: 10px;

}
.fdesc p{line-height:180%}

.mb20{ margin-bottom: 20px;}



.hg0 .for18_wrap{padding-bottom: 0px;}





.for19{margin-top: 130px}

.for19 .for7_title {margin-bottom: 60px}

.for19 .for19_bg a{display: block;width: 31px;height: 31px;}

.for19 .for19_bg i{width: 100%;position: relative;}

.for19 .for19_bg i img{width: 100%}



.for19 .for19_bg {position: relative;z-index: 0}

.point,.point::before{position: absolute;width: 51px; height: 51px; left:-10px;top:-10px; border-radius: 50%;content: '';}



.point::before{animation: scale 2s infinite; }

.point::before{ z-index:-1;}

 @keyframes scale{

 	0%{ transform: scale(1); opacity:.9;background-color: rgba(0, 0, 0, 0.7)}

 	100%{ transform: scale(2); opacity: 0;background-color: rgba(0, 0, 0, 0)}

 }

.for19 .for19_bg {position: relative;}

.point{position: absolute; z-index: 993;}





.for19 .for19_bg{position: relative;}

.for19 .location_hover{position: absolute; padding: 22px 80px;background: rgb(0,0,0,0.65);;color: #fff;font-size: 24px;display:none;z-index: 199;border-radius: 100px;;}











.location1:hover +.location1_hover{display: block;animation:fadein 0.8s; }

.location2:hover +.location2_hover{display: block;animation:fadein 0.8s; }

.location3:hover +.location3_hover{display: block;animation:fadein 0.8s; }

.location4:hover +.location4_hover{display: block;animation:fadein 0.8s; }

.location5:hover +.location5_hover{display: block;animation:fadein 0.8s; }

.location6:hover +.location6_hover{display: block;animation:fadein 0.8s; }

.location7:hover +.location7_hover{display: block;animation:fadein 0.8s; }



.eject{padding: 30px 0px 20px 0px;width: 90%;margin: 0 auto} 

.eject_title{display: flex;justify-content: flex-start;padding-top: 30px;padding-left: 30px;margin-bottom: 20px}

.eject_title i{display: block;margin-left: 30px}

.eject_title span{font-size: 16px;color: #585858;display: block;font-weight: 600}



.eject_con{font-size: 14px;color: #585858;padding: 0px 0px 6px 30px;}

.eject_con a{color: #585858;}



.layui-layer{background: #f2f2f2;padding-bottom: 20px}





.for20{margin-bottom: 20px}

.for20 ul{display: flex;justify-content: space-between; padding-bottom: 20px;}

.for20 ul li{padding-bottom: 20px;}

.for20 ul .for20_li1{background: #e9e9e9;width: 66.2%;max-width:1060px;margin-right: 1%}

.for20 ul li div{padding-left: 4%;padding-top: 48px;}

.for20 ul li p{color: #808080;font-size: 12px;display: none;}

.for20 ul li h3{font-size: 20px;color: #000;padding-bottom: 6px}

.for20 ul li span{font-family: 18px;color: #585858;font-weight: 600;
    display: none;}

.for20 ul li  a{display: block;display: flex;justify-content: space-between;}

.for20 ul li i{display: block;padding-top: 120px;}

.for20 ul li.for20_li1 i img{width: 100%; max-width:762px;mix-blend-mode: multiply;}

.for20 ul li.for20_li2 i img{width: 100%; max-width: 209px;mix-blend-mode: multiply;}

.for20 ul .for20_li2{background: #c6e8e5;width: 40%;max-width: 480px}











.for21{margin-top: 70px}



.for22{ padding-bottom: 70px;margin-bottom: 70px; border-bottom: 1px solid #ccc;}

.for22 ul{display: flex;justify-content: space-between;flex-wrap: wrap; }

.for22 ul li{width: 32%;margin-bottom: 20px;}

.for22 ul li img{width: 100%;height: auto;mix-blend-mode: multiply;}





.for22 ul:after {

    content: "";

    width: 32%;

}



.for23{padding: 26px 0 26px 0}

.for23 p{font-size: 24px;font-weight: normal;padding-bottom: 8px}

.for23 span{color: #727171;font-size: 14px}



.for24{padding: 24px;margin-bottom: 60px}

.for24 ul li .for24_title{font-size: 18px;padding-bottom: 8px;}

.for24 ul li .for24_content{font-size: 17px;color: #89898a;line-height: 24px}

.for24 ul {display: flex;justify-content: space-between;flex-wrap: wrap;}

.for24 ul li{width: 32%;margin-bottom: 40px}

.for24 ul li img{ width: 100%}

.for24 ul:after {

    content: "";

    width: 32%;

}



.hg9 ul li{ width: 26%;}



*/

/* ------------------ by lorin 2021.10.12-----------*/

/*

#tyry_pc{display: block;}

#tyry_m{display: none;}

#wdpp_pc{display: block;}

#wdpp_m{display:none;}

#fzlc_pc{display: block;}

#fzlc_m{display:none;}

#chanye_pc{display: block;}

#chanye_m{display:none;}

#hangye_pc{display:block;}

#hangye_m{display: none;}

#yanfa_pc{display:block;}

#yanfa_m{display: none;}

#tlab_pc{display:block;}

#tlab_m{display: none;}

#oem_pc{display:block;}

#oem_m{display: none;}

#renzheng_pc{display:block;}

#renzheng_m{display: none;}

#hezuo_pc{display:block;}

#hezuo_m{display: none;}

#dark_pc{display:block;}

#dark_m{display: none;}

#wba_pc{display:block;}

#wba_m{display: none;}

#one_pc{display:block;}

#one_m{display: none;}

#china_pc{display:block;}

#china_m{display: none;}*/



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

/*

#t410_pc{display:block;}

#t410_m{display: none;}

#t411_pc{display:block;}

#t411_m{display: none;}

#t412_pc{display:block;}

#t412_m{display: none;}

#t413_pc{display:block;}

#t413_m{display: none;}

#t414_pc{display:block;}

#t414_m{display: none;}

#t415_pc{display:block;}

#t415_m{display: none;}

#t407_pc{display:block;}

#t407_m{display: none;}

#t234_pc{display:block;}

#t234_m{display: none;}

#t422_pc{display:block;}

#t422_m{display: none;}

#t448_pc{display:block;}

#t448_m{display: none;}

#t449_pc{display:block;}

#t449_m{display: none;}


.display_none{display:none;}
.display_m_none{display:block;}

#chanye li{ text-align: center;}

#chanye a{ font-size: 14px; color: #727171}
.hg9{margin-bottom: 65px;}
*/

/*手机端*/

@media only screen  and (max-width:894px) {
     #top{position: relative;}
    #cd-main-header{position: absolute;right: 2%;z-index: 1200; ;}
     #cd-main-header{display: block;}
     .icon{display: none !important;}
    .pc{display: none;}
    .iphone{display: block;}
    .top_nav{display: none;}
    .top_word{display: none;}
    .icon{display: block;}
    #tyicon{display: none;}
    .icon{margin-right: 2%;}
    .icon .input{margin-top: 32px;}
    .icon div{margin: 0;}
    .icon .input input{max-width: 144px;width: 80%;min-width: 80px;}

  
.phone{display: block;z-index: 886;}

.nav{display: none;}

.blog , .wechat , .Tiktok{display: none;}

/*.icon{display: none;}*/

/*.cd-main-nav{display: none;}*/

#disappear{display: none;}



.wrap{width: 100%;margin-left: 0}



#owl-demo-banner .banner_word{top:80px;padding-left: 2%;width: 100%}

#owl-demo-banner .banner_word div{font-size: 18px}

#owl-demo-banner .banner_word p{display:none;font-size: 16px;width: 100%;padding-top: 2%;max-width: 580px}
#owl-demo-banner .banner_word span{display:none;}
.owl-theme .owl-controls{bottom: 5px;}

.top{display: flex;justify-content: space-between;width: 98%}

.logo{position: relative;z-index: 996;margin-left:36px;margin-right: auto;margin-top: 4px}

.logo:hover{opacity: 0.5}

.logo img{width: 90%}

.cd-main-header{margin-left: 0;width: 50%}

.cd-search-trigger{left: 10px}



.phonelogo{display: block;}

.logo{display: none;}







.produt .p2{display: block;}

.produt .produt_concent{width: 100%}

.produt .produt_concent .produt_word p{font-size: 22px}

.produt .produt_concent .produt_word{padding: 8% 0 0 4%}

.all_icon .icon_concent{flex-wrap: wrap;}

.all_icon .icon_concent div{width: 33.33333333%;/*margin-bottom: 10px;*/max-width: 100%}

.all_icon .icon_concent img{width: 90%; }

.all_icon .icon_concent p{padding-top: 20px;padding-bottom:0}







.foot .foot_in{flex-wrap: wrap;justify-content: center;}




.foot .foot_in .foot_right{width: 100%;text-align: center;}

.foot .foot_in .foot_right div{flex-wrap: wrap;justify-content: center;margin-bottom:20px;}

.foot .foot_in .foot_right .friend a{margin-right: 2%;margin-left: 2%}

.foot .foot_in .foot_right div img{margin-bottom: 20px;}

.foot .foot_bottom{display: block;}

.foot .foot_bottom .foot_bottom_logo{justify-content: space-between;}

.foot .foot_bottom p{margin-top: 14px}

/*

.for1{margin-bottom: 60px}

.for1 .for1_content{padding: 60px 10% 100px 10%;margin-top: 40px}

.for3{background: #f5f5f5;padding: 40px 10%  60px 10%;}

.for1_title div{margin: 0 auto;width:100%;justify-content: center;}

.for1_title p{margin-right: 8%}
*/
/*



.for2  .for2_content{display: block;width: 100%;margin: 0 auto;}

.for2  .for2_content .grid{width: 90%;padding-bottom: 20px;max-width: 520px;margin: 0 auto}

.for2  .for2_content .grid .effect-julia{width: 100%;margin: 0 auto}

.mao{height: 140px}*/

.nav-modal.active{display: none;}

#owl-for4 .for4_con{display: block;}

#owl-for4 .for4_word{width: 100%}

#owl-for4 .for4_word{margin-top: 0;max-width: 100%;margin-bottom: 30px}

#owl-for4 .for4_word span{height: auto;margin-bottom: 20px}

#owl-for4 .for4_pic{width: 100%}

/*

.for7 .for7_content{display: block;padding-left: 0}

.for7 .for7_left{width: 100%;margin: 0 auto;text-align: center;}

.for7 .for7_right{width: 90%;margin: 0 auto}



.for8 ul{display: block;width: 90%;margin: 0 auto}

.for8 ul li {width: 100%;}

.for8 .for8_li .for8_title2{height: 110px;width: 55%;max-width: 220px}

.for8 .for8_li .for8_title3 {height: 110px;width: 55%;max-width: 220px}

.for8 .for8_li i{position: absolute;right: -40px;top: 90px;transition: all 0.5s;}

.for8 .for8_li i img{width: 90%}

.for8 ul li:hover i{right: -30px}
*/

/*


.for9 ul{display: block;width: 90%;margin: 0 auto}

.for9 ul li {width: 100%;margin-bottom: 32px}

.for7_title .for7_label a{padding: 0 12px;}

.for7_title p{line-height: 36px}

.for7 .for7_left i img{width: 65%}



.for10 .for7_title p{line-height: 50px}

.for11 ul{display: block;}

.for11 ul li{width: 100%;background: #f5f5f5;overflow: hidden;margin-bottom: 20px;text-align: center;padding-bottom: 10px}

.for11 ul li  .effect-julia{width: 90%;overflow: hidden;display: block;margin: 0 auto}

.for11 ul li  img{width: 100%;height: 100%;transition:all 0.5s;}

.for13 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}



.for13 ul li{width: 17%;background: #fff;text-align: center;margin: 0 0 20px 0 ;}

.for13 ul li a{padding-top: 0;padding-bottom: 10px;display: block;}

.for13 ul li i{padding-bottom: 100px;width: 100%;background-size: 80%;display: block;background: ;}



.for14 .for14_title{top: 50px;width: 100%}

.for15{padding-bottom: 0}

.for15_wrap{width: 90%;margin: 0 auto;}





.for15 ul li{width: 100%;display: block;text-align: center;}

.for15 ul li .for15_pic{padding-bottom: 40px;width: 100%;margin: 0 auto}

.for15 ul li .for15_pic img{width: 100%}

.for15 ul li .for15_r{width: 100%;text-align: left;}

.for15 ul li i{margin:  0 auto;width: 100%}



.for16{margin-bottom: 50px;padding-bottom: 30px;}

.for16_title{margin-bottom: 20px}

.for16 ul li{display: block;}

.for16 ul li i{width: 100%}

.for16 ul li div{width: 100%; }

.for16_hover2 img{;width:100%;transition: all 0.8s;position: absolute;bottom: 0;right:-8%}

.for16_hover3 img{transition: all 0.8s;width: 80%;}

.for16  ul li i img{width: 100%;}

.for16  ul li div{margin-bottom: 20px}

.for16_hover4 img{transition: all 0.8s;width: 80%;margin-right: 40%}*/

/*.for16  ul li i{margin-bottom: 20px}*/


/*


.for17 .for16_title{margin-bottom: 40px}

.for17 ul{flex-wrap: wrap;}

.for17 ul li{width: 45%;margin-bottom:30px}

.for17 ul .down{margin-top: 0px}

.for17 ul li{flex-grow: 1}

.for17 ul  .enlarge{flex-grow: 1}

.for17 ul li  p{font-size: 40px}



.for18 ul li{width: 30%}

.for18 .for18_wrap{background: url(../images/for18_bg.jpg) no-repeat center top 400px;padding-bottom: 20px;background-size:100%;}

.hg8 ul li{width: 20%}

.hg5 ul li{ width: 20%}

.hg5 .for18_wrap{}

.hg0 .for18_wrap{padding-bottom: 0px;}



.for20 ul{display: block;}

.for20 ul li{width: 100% !important;margin-bottom: 20px;max-width: 100% !important}

.for20 ul .for20_li1{margin-right: 0;}









.for19 .location_hover{position: absolute; padding: 12px 30px;background: rgb(0,0,0,0.65);;color: #fff;font-size: 24px;display:none;z-index: 199;border-radius: 100px;;}

*/

.foot .foot_in  ul{width: 100%;justify-content: space-between;padding-left: 0;max-width: 100%;margin-right: 0; flex-wrap: wrap;}

.foot .foot_in  ul .foot_li2{margin-right: 4%;margin-left: 4%;}

.foot .foot_in  ul .foot_li2{width:25%;}
.foot .foot_in  ul .left_a{width:42%;margin-top: 20px;}

.foot .foot_in .focuse a{width: 12%;max-width: 30px;margin-right:11%;}
.foot .foot_in .focuse a img{width:30px;}

.foot .foot_in .foot_right .friend a{width: 20%}





}





/*@media only screen and (min-width:1250px) and (max-width:1350px) {

    .cd-main-header{margin-left: 2% !important}

}*/



@media only screen and (min-width:894px) and (max-width:1249px) {

    #disappear{display: none;}
    #tyicon{display: none;}

    .cd-main-header{width: 60%;}


    .icon .input{margin-top:32px;}

    .icon{display: block;margin-left:auto}

    .icon div{margin: 0;}

  /*  .cd-search-trigger{right: 10px}*/

 /*   .cd-main-header{max-width: 500px}*/

   /* .logo{margin-right: auto;}*/

    .phonelogo{display: block;}

    .logo{display: none;}


/*.for2 .for2_content .effect-julia{max-height:230px;}*/


}







/*含手机导航样式*/

@media only screen and (min-width:895px) and (max-width:1217px) {
 .cd-main-header{display: none;}


.top{display: flex;}
.iphone{display:block;}
.pc{display: none;}
.icon{margin-right: 4%;}
.logo{position: relative;z-index: 996;margin-left:4%;margin-right: auto}
.top_word{display: none;}


.logo:hover{opacity: 0.5}

    .phonelogo{display: block;}

    .logo{display: none;}

.phone{display: block;/*position: relative;*/z-index:200;}

.top{padding: 0 2% 5px 2%;justify-content: flex-end; }



.blog,.wechat,.Tiktok{display: none;}

.cd-main-header{position: relative;z-index: 995}

.icon_hover{position: relative;z-index: 994}

.nav{display: none;}

.wrap{width: 100%;margin-left: 0}

.cd-main-header { margin-left:2%; }

.all_icon .icon_concent i{width: 100%;background-size: 80%}

#owl-demo-banner .banner_word{top:100px}

.produt .produt_concent .produt_word p{font-size: 22px}

.all_icon .icon_concent p{padding-top: 14px}

.news_w div{font-size: 14px}

.foot .foot_in .foot_right .friend a{margin-right: 0;width: 15%}



.icon_hover{z-index: 0}


/*
.for1 .for1_content{padding: 136px 15% 130px 15%;}

.for3{background: #f5f5f5;padding: 66px 15%  86px 15%;}

.for1_title div{margin: 0 auto;width:100%;justify-content: center}

.nav-modal.active{display: none;}



.for8 .for8_li .for8_title2{height: 110px;width: 50%;max-width: 220px}

.for8 .for8_li .for8_title3 {height: 110px;width: 50%;max-width: 220px}

.for8 .for8_li i{position: absolute;right: -40px;top: 90px;transition: all 0.5s;}

.for8 .for8_li i img{width: 80%}

.for8 ul li:hover i{right: -30px}



.for13 ul{display: flex;justify-content: center;flex-wrap: wrap;}

.for13 ul li{width: 10%;background: #fff;text-align: center;margin: 0 1% 20px 1% ;}





.for17 ul  .enlarge p{top: -60px;line-height: 40px}



.for18 .for18_wrap{background: url(../images/for18_bg.jpg) no-repeat center top 400px;padding-bottom: 600px;background-size:100%;}



.hg8 .for18_wrap{padding-bottom: 200px;}

.hg5 .for18_wrap{padding-bottom: 100px;}

.hg0 .for18_wrap{padding-bottom: 0px;}





.for16  ul li i img{width: 100%;}

.for8 .for21_label .label_left{position: absolute;right: 65%;top: 20px}
.for8 .for21_label .label_right{position: absolute;left: 65%;top: 20px;}

*/

.foot .foot_in{flex-wrap: wrap;justify-content: center;}

.foot .foot_in .foot_right{width: 100%;text-align: center;}

.foot .foot_in .foot_right div{flex-wrap: wrap;justify-content: center;margin-bottom:20px;}

.foot .foot_in .foot_right .friend a{margin-right: 2%;margin-left: 2%}

.foot .foot_in .foot_right div img{margin-bottom: 20px;}

.foot .foot_bottom{display: block;}

.foot .foot_bottom .foot_bottom_logo{justify-content: flex-start;}

.foot .foot_bottom p{margin-top: 14px}


.foot .foot_in  ul{width: 90%;justify-content: space-between;padding-left: 0;max-width: 100%;margin-right: 0;margin: 0 auto;}

.foot .foot_in  ul .foot_li2{margin-right: 4%;margin-left: 4%;}

.foot .foot_in .focuse a{width: 12%;max-width: 20px}

.foot .foot_in .foot_right .friend a{width: 20%}





}



@media only screen and (min-width:1024px) and (max-width:1440px) {

.foot .foot_in .foot_right .friend a{margin-right: 5%}

.topbanner{min-height: 450px;}

}
@media only screen and (min-width:1024px) and (max-width:1440px) {

.produt_2022 ul li .r{min-width: 220px;}


.produt_2022 ul li .l{top: 20%;}
.produt_2022 ul li .l p{font-size:34px;line-height: 38px;}
.produt_2022 ul li .l span{font-size: 20px;line-height: 28px;}
.produt_2022 ul li .r .r_img p{font-size: 36px;line-height: 50px;}
.produt_2022 ul li .r_bottom{font-size: 22px;}



}







/*@media only screen and (min-width:1218px) and (max-width:1400px)  {



.for8 .for8_li .for8_title2{height: 110px;width: 50%;max-width: 220px}

.for8 .for8_li .for8_title3 {height: 110px;width: 50%;max-width: 220px}

.for8 .for8_li i img{width: 90%}

.for8 .for8_li i{position: absolute;right: -30px;top: 90px;transition: all 0.5s;}

.for8 ul li:hover i{right: -20px}











}*/

/*@media only screen and (min-width:1218px) and (max-width:1620px) {



.for17 ul  .enlarge p{top: -60px;line-height: 40px}

.for18 .for18_wrap{background: url(../images/for18_bg.jpg) no-repeat center top 400px;padding-bottom: 700px;background-size:100%;}

.for8 .for21_label .label_left{position: absolute;right: 65%;top: 20px}
.for8 .for21_label .label_right{position: absolute;left: 65%;top: 20px;}


.hg8 .for18_wrap{padding-bottom: 100px;}

.hg5 .for18_wrap{padding-bottom: 200px;}

.hg0 .for18_wrap{padding-bottom: 0px;}



}*/



/*PC端*/

@media only screen and (min-width:1218px) and (max-width:1919px)  {





.topbanner{min-height: 450px;}

#nav{display: block;}

/*.produt{padding-top: 33px}*/

#dw{top:0;width: calc(100vw - 268px);padding-top:30px;}

.nav .nav_xl{padding-left: 50px;padding-bottom: 40px}

.nav .nav_xl .nav_a{font-size: 32px;font-weight: 600;}

.nav .nav_xl div{margin-right: 40px}

.nav .nav_xl .nav_b{margin-top: 49px}

.nav .nav_xl .nav_line {padding-right:30px}


#owl-demo-banner{margin-top: 85px}

/*#owl-demo-banner .banner_word p{line-height: 28px}

#owl-demo-banner .banner_word span{display: block;padding-top: 6px}*/

/*.produt .produt_concent{width: 49%;}*/

.all_icon .icon_concent img{width: 70%; }



/*.all_icon .icon_concent p{padding-top: 30px;h}*/

/*.produt .produt_concent .produt_word{width: 45%;padding: 70px 0 0 50px}

.produt .produt_concent .produt_word span{padding-top: 10px;font-size: 14px]}

.produt .produt_concent .produt_word{}*/

.foot .foot_in .foot_left ul li span{font-size: 12px;}

.foot .foot_bottom{/*padding-bottom: 22px;*//*padding-left: 20px;*/padding-right: 20px}



/*.for13 ul{display: flex;justify-content: center;flex-wrap: wrap;}

.for13 ul li{width: 10%;background: #fff;text-align: center;margin: 0 1% 20px 1% ;}

*/










}



/*1920PC端*/



@media only screen and (min-width:1920px)  {

body{margin: 0 auto;background: #fff}

#nav{display: block;}

.top{height: 80px;;line-height: 80px;padding: 0 50px 5px 56px;}

#dw{top:0;width: calc(100vw - 268px);padding-top:30px;}

.nav .nav_xl{padding-left: 50px;padding-bottom: 40px}

.nav .nav_xl .nav_a{font-size:32px;font-weight: 600;}

.nav .nav_xl div{margin-right: 40px}

.nav .nav_xl .nav_b{margin-top: 49px}

.nav .nav_xl .nav_line {padding-right:30px}

/*.produt_2022 ul li{padding-top: 90px;min-height: 253px;}*/



#owl-demo-banner{margin-top: 85px}

#owl-demo-banner .banner_word p{line-height: 28px}

#owl-demo-banner .banner_word span{display: block;padding-top: 6px}

.produt .produt_concent{padding-right: 4%;width: 45%;}

.produt .produt_concent img{width: 100%; }

.produt .produt_concent .produt_word{width: 45%;padding: 70px 0 0 50px}

.produt .produt_concent .produt_word span{padding-top: 10px;font-size: 16px}

.produt .produt_concent .produt_word{}

.foot .foot_in .foot_left ul li span{font-size: 12px;}

.foot .foot_bottom{padding-bottom: 42px;/*padding-left: 20px;*/padding-right: 20px}





}


@media only screen and (max-width:1136px)  {
	.topbanner{
	/*height:100vh;*/
	position: relative;
	/* width: 100vw; */
	/*height: 100vh;*/
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height:auto;
	
	}
#owl-demo-banner img{width: 100%;display: block;}	
}

@media only screen and (min-width:1137px) and (max-width:1920x)  {
 min-height: 450px;
   
}