@media only screen and (min-width:956px) and (max-width:1268px){ 
/* .drawer-nav { display: none; }
.drawer-hamburger{display: none;} */

/* header */
.pc-1200px {display: none!important;}
.drawer-nav { display: block; } 

/* drawer-hamburger */
.headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0;    background-color: #cd161d!important;display: block;box-sizing: border-box;width: 60px;z-index: 21;}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff!important;}
.drawer-hamburger
.drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-nav{    padding-top: 80px; width: 30%; z-index: 20;}
.headerbody .drawer--right.drawer-open .drawer-hamburger{right: 0!important;}
.drawer--right .drawer-nav{right: -100%!important;} 
.headerwrap .h-min{height: 60px;width: 100%;box-sizing: border-box;padding-left: 2%;}
.headerwrap{background-color: #FFFFFF;}
.sj-language{position: absolute;right: 20px;bottom: 50px;}
.drawer--right.drawer-open .drawer-nav{      height: 100%; box-sizing: border-box; width: 100%; right: 0px!important; top: 80px!important;}
.drawer--right .drawer-nav>.drawer-menu{width: 100%;height: 100%;overflow: hidden;overflow-y: auto;box-sizing: border-box;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu{height: auto;min-height: 100%;box-sizing: border-box;padding-bottom: 60px;position: relative;          top: 0.4%;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {margin-bottom: 29px!important;}
.drawer-menu-item:hover{color: #cd161d;}
.drawer-dropdown-menu>li{margin-bottom: 10px;}
.drawer-menu-item{font-size: 16px;}
.drawer-dropdown.open>.drawer-dropdown-menu{padding-bottom: 0;} 
.sjlanguage{position: absolute;right: 10%;bottom: 30px;font-size: 16px;color: #cd161d;;display: none;}
.drawer--right.drawer-open .drawer-hamburger { right: 0px!important;}
.drawer-hamburger-icon{ width: 55% !important; margin-top: 0px !important; margin: auto;}
.drawer-hamburger { display: block!important; width: 80px!important; height: 80px!important; padding: 0px!important; top: 0px!important; }
.drawer-hamburger-icon::before {height: 100%!important;}
.drawer-hamburger-icon::after {height: 100%!important;}
.drawer-hamburger:hover { cursor: pointer; background-color: #cd161d!important; }
.drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-hamburger {background-color: #cd161d!important; }
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}
.drawer-open .drawer-hamburger-icon {background-color: #cd161d!important;}
.drawer-menu-item:hover { color: #cd161d!important; } 




/* head footer */
.icenter {width: 94%;}
.icenter1 {width: 94%;}
.icenter2 {width: 94%;}
.head .icenter .right {display: none;}
.head { height: 80px; }
.div1 {background-color: #fff; -webkit-box-shadow: 0 6px 30px 0 rgba(0,0,0,.2); box-shadow: 0 6px 30px 0 rgba(0,0,0,.2);}
.div1 .head .icenter .logo {filter: none;}
.div1 .head .icenter li a{color: #333;}
.div1 .head .icenter .tools a {color: #666;}
.div1 .head .icenter .right .tools a:nth-of-type(2) {border-color: rgb(111 109 109 / 40%);}
.div1 .head .icenter .right .tools .lang img{filter: invert();}
footer .icenter .top {display: none;}
footer .icenter .bot .share {display: none;}
footer .waves {display: none;}
.side_btn a::after { width: 45px; height: 45px; }
.side_btn { width: 80px; height: 80px; bottom: 58px; }
footer .icenter .icon {display: none;}
footer .icenter .bot { margin-top: 0px;     justify-content: center;} 
footer { padding: 20px 0; }
footer .icenter .bot .left { justify-content: center; }
.head .icenter .logo { width: 120px; }
.index02 { padding: 80px 0; }

.index01 .short {position: unset; width: 94%; transform: none; margin: auto;    padding: 50px 0 30px;}
.index01 .com_h3 { font-size: 36px; }
.index01 .short h4 {font-size: 20px; margin: 14px 0;}
.index01 .short p {font-size: 16px; line-height: 30px;}
.index01 { min-height: auto; }
.index01 .content .up_img {display: none!important;}
.index01 .text_cc {     opacity: 1; width: 94%;transform: translate(-50%,-50%);}
.index01 .content { min-height: unset; top: 0px; height: 58vh; position: relative;}
.index01 .text_cc img {    margin-top: 26px; width: 200px; opacity: 1; transform: unset;}
.index01 .text_cc h4 { font-size: 20px; margin: 14px 0; }
.index01 .text_cc p { font-size: 16px; line-height: 30px; }
.index01 .text_cc h6 {     font-size: 20px; margin-top: 16px; opacity: 1; transform: unset; }
.index02 .icenter { padding: 14px; }
.index02 .top h3 { font-size: 36px; margin-bottom: 21px; }
.index02 .top h4 { font-size: 16px; padding-left: 116px; }
.index02 ul li h5 { font-size: 12px; line-height: 24px; }
.index02 ul li h4 strong { font-size: 44px; margin-right: 7px; line-height: 42px; }
.index03 .tab .tab_cc { padding: 0px 10px 0 10px; }
.index03 .tab .tab_cc h4 { font-size: 16px; margin-bottom: 3px; }
.index03 .tab .tab_cc .icon { width: 28px; margin-bottom: 8px; }
.index03 .tab .tab_cc .bt_hide { width: 28px; }
.index03Swiper::before { width: 2%; }
.index03 .cc_img { height: calc(70vh); }

.index04 .bot dd p { font-size: 14px; line-height: 22px; margin-bottom: 58px;width: 88%; }
.index04 .bot dd .content .con_img { width: 40px; margin-bottom: 12px; }
.index04 .bot dd .content h4 { font-size: 24px; }
.index04 .bot dd:hover .content { top: 50%; left: 50%; transform: translate(-50%, -50%); width: 94%; }
.index04 .bot dd:hover .tips { right: 12px; }
.index04 .bot dd .tips { width: 34px; height: 34px; font-size: 13px; right: 12px; }
.index04 .bot dd .ti-text { font-size: 12px; top: 67%; }
.index04 .bot dd .icon { width: 30px; bottom: 28px; }
.index07 dl dd h4 {     font-size: 16px; line-height: 28px; margin: 18px 0;     height: 54px;}
.index05 .icenter1 .right .ph {     left: -70px; top: -23px; height: 405px;}
.index06 .map {display: none;}
.index06 { padding: 50px 0;background: url("../img/i06_h5.jpg")/*tpa=https://www.chuandao.com/static/chuandao/static/img/i06_h5.jpg*/ 100%;    background-position: center;background-size: inherit;}
.index06 .icenter { position: relative; height: 440px; }

.con_banner img {height: 508px; }
.con01 .icenter2 .tel .num a { font-size: 34px; padding-bottom: 5px; }
.con01 .icenter2 .tel .num a::after { width: 46px; height: 1px; bottom: -3px; }
.con01 .icenter2 .bot .box .imgbox img { height: 190px; }
.con01 .icenter2 .bot .bottom .title h3 { font-size: 16px; }
.con01 .icenter2 .bot .bottom .title h4 { font-size: 12px; line-height: 10px; }
.con01 .icenter2 .bot dl dd .a { font-size: 12px; }
.con01 .icenter2 .bot .fa { width: 32px; height: 32px; }
.con01 .icenter2 .bot .fa img { width: 18px; }
.con01 .icenter2 .bot .fa {top: 86%;}
.con01 .icenter2 .bot::after { bottom: 9.5%;}
.con01 { padding: 190px 0 100px; position: relative; }
.con02 { padding: 50px 0 80px; }

.acc .top .box { padding: 0 12px; }
.acc .bot { padding: 70px 0 70px; }
.acc .bot dl dd { width: 186px; padding: 26px 12px 12px 25px; margin-right: 20px; }
.acc .bot dl dd .aft_jian { width: 30px; right: -43px; }
.acc .bot .phone { height: 518px; right: 4px; bottom: 84px; }
.acc .bot dl dd .aft_jian { width: 26px; right: -32px; }
.acc .bot dl dd .content { height: 100%; }
.honor01 { padding: 90px 0 160px; }
.honor01 .left dl dd { padding-bottom: 14px; padding-top: 20px; width: 193px; }
.honor01 .right .h01thumbs .text { padding: 40px; width: 398px; height: 225px; }
.honor01 .right .h01thumbs { left: -100px; bottom: -13px; }
.honor02 { padding: 90px 0; }
.honor02 dl dd { padding: 20px 13px 25px 23px; }
.honor05 .bg1 {display: none;}
.honor05 .bg2 {display: none;}
.honor05 { padding: 90px 0 124px; }
.fa-dr { top: 40%!important; width: 32px!important; height: 32px!important; font-size: 28px!important; }
.honor05 .swiper-button-prev { left: -24px; }
.honor05 .swiper-button-next { right: -24px; }
.honor05 .box h4 { font-size: 14px; margin-top: 14px; }
.honor04 .botF { width: 100%; }
.honor04 .bot { width: 100%; }
.honor04 .imgbox .con { width: 148px; }
.honor04 .box h4 { font-size: 14px; margin-top: 14px; }
.imgshow { width: 94%; height: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.honor04 { padding: 80px 0; }
.honor04 .swiper-button-prev { left: 2px; }
.honor04 .swiper-button-next { right: 2px; }


.honor03 .swiper-wrapper .swiper-slide img { width: 103px; max-height: 157px; }
.honor03 .swiper-wrapper .swiper-slide-active { margin-right: 7px !important; }
.honor03 .swiper-wrapper .swiper-slide-active img { width: 226px; max-height: 390px; }
.honor03 .ban { bottom: 81px; }
.honor03 .soft_h4 { margin-bottom: 85px; }
.honor03 { padding: 96px 0 102px; }
.honor03 .le_cc { top: -58px; }
.honor03 .ri_cc { top: -58px; }
.honor03Swiper { height: 357px; }
.page { padding-bottom: 100px; }

.newsinfo_banner { margin-top: 80px; }
.newsinfo_banner img{height: 300px;}
.newsinfo_banner .news_text { width: 94%; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.newshowtxt { width: 94%; margin: 80px auto 80px; }

.inner_banner {margin-top: 80px;}
.fx {margin-top: 550px;}
.icenter3 { width: 94%; }

.proinfo_banner .left .main .icon img { height: 309px; }
.proinfo_banner .left .tab { width: 77px; }
.proinfo_banner .right { width: 41%; }
.proinfo_banner .right h3 { font-size: 32px; margin-bottom: 14px; }
.proinfo_banner .right h4 { font-size: 15px; }
.proinfo_banner .right dl dd .icon { width: 62px; height: 62px; }
.proinfo_banner .right dl dd .icon img { width: 36px; }
.proinfo_banner .right dl dd span { font-size: 14px; margin-top: 6px; }
.proinfo01 .top { padding: 90px 0; }
.proinfo01 .top .ri ul li { margin-bottom: 49px; }
.proinfo01 dl { margin: 90px 0; }
.proinfo02 { padding: 80px 0; }
.proinfo03 { padding: 90px 0; }
.proinfo01 dl dd p { font-size: 12px; line-height: 24px; }


.s_list01 .top { width: 94%; padding: 36px; padding-left: 66px; }
.s_list01 .top h3::before { left: -66px; height: 38px; }
.solu_list_banner {margin-top: 80px;}
.s_list01 .top h3 { font-size: 38px; margin-bottom: 12px; }
.s_list01 .top .icon { width: 88px; }
.s_list01 .icenter2 .imgbox { width: 94%; margin-bottom: 28px; }
.s_list02 dl dd h4 { font-size: 16px; margin-bottom: 10px; }
.s_list02 dl dd p { font-size: 12px; line-height: 20px; width: 85%; height: 60px; }
.s_list04 { padding: 90px 0; }

.s_list03 { padding: 50px 0; }
.s_list03 .bot { width: 100%; }

.s_list03 .bot .fa { width: 40px; height: 40px; }
.s_list03 .bot .fa-left { left: 5px; }
.s_list03 .bot .fa-right {right: 5px; }
.s_list03 .bot .box h5 { font-size: 14px; line-height: 24px; width: 350px; }
.s_list03 .swiper-slide-active .box img { height: 200px; }


.solu01 dl dd.active { padding: 25px 30px; }
.solu01 dl dd .text p { width: 100%; }
.solu01 dl dd .icon { width: 18px; margin-right: 16px; }
.solu01 dl dd .text { width: 86%; }
.solu01 .ri_bg { top: 228px; height: 425px; }
.solu02 { padding: 90px 0 130px; }
.solu02 .hu_h3 { margin-bottom: 24px; }
.solu02 .op { bottom: 11%; left: 3%; width: 94%; }
.solu02 .bot .box .b { padding: 22px 12px 22px 21px; }
.solu02 .bot .box .b h4 { font-size: 15px; margin-bottom: 8px; }
.solu02 .bot .box .b p { font-size: 13px; padding-bottom: 20px; margin-bottom: 20px; }
.solu02 .bot .box .b .cc .bo { font-size: 14px; width: 32px; height: 32px;}
.solu04 { padding-bottom: 138px; }
.solu04 .bot { padding: 48px 0 53px; border-radius: 20px; }
.solu04 .nav { padding: 0px 60px 16px; }
.solu04 .content { padding: 42px 60px 0; }
.solu04 .hu_h3 { margin-bottom: 28px; }
.solu03 { padding: 80px 0 70px; }
.solu03 .top .le p { width: 96%; font-size: 13px; line-height: 24px; margin-top: 33px; }
.solu03 .top .le { padding-bottom: 26px;}
.solu03 .wen1 { font-size: 105px; }
.solu03 .top { height: 173px; }
.solu03 .wen2 { font-size: 105px; right: 2%; top: 57%; height: 54px; line-height: 132px; }
.solu03 .bot .ri p { font-size: 14px; line-height: 24px; }
.solu03 .bot .ri { width: 31%; padding: 271px 0 0 26px; }
.solu03 .bot .ri p::before { top: -16px; width: 38px; height: 2px; }
.solu03 .bot { height: 347px; }
.aft04 dl dd .bg { width: 89px; left: 8px; bottom: 8px; }
.aft03 { padding-bottom: 100px; }
.aft04 dl dd .ri .number .t a { font-size: 26px; }
.aft04 dl dd:hover .bg { left: 30px; bottom: 30px; }
.aft04 { padding: 100px 0; }

.aft02 .bot { width: 100%; }
.aft02 .bot .aft02Swiper { width: 100%;    padding: 0 14px; }


.com01 { padding: 80px 0; }
.com01 .top .le .text h4 { font-size: 18px; line-height: 26px; margin-bottom: 29px; }
.com01 .top .le .text h5 { font-size: 14px; line-height: 26px; }
.com01 .top .le { width: 45.5%;}
.com01 .top .le .com01Swiper { width: 338px; height: 257px;}
.com01 .top .ri video { height: 269px; }
.com01 dl { margin-top: 60px; }
.com01 dl dd strong { font-size: 40px; line-height: 40px; }
.com01 dl dd img { height: 53px; }
.com01 dl dd h4 { font-size: 48px; margin: 14px 0 11px; }
.com02 .bg { height: 346px; }
.com02 .icenter2 .content img { width: 100%; }
.com02 .icenter2 .content .box { height: 360px; }
.com02 .icenter2 .content .box::after { width: 86%;}
.com02 .icenter2 .content .text p { font-size: 13px; line-height: 24px; width: 320px; }
.com02 .icenter2 .content .text h4 { font-size: 20px; margin: 16px 0 10px; }
.com02 .icenter2 .content .text { right: 17%; top: 24%; }
.com02 .icenter2 .fix_icon { width: 161px; height: 50px; border-radius: 30px; bottom: 70px; left: 21%; }
.com03 { padding: 90px 0; }
.com02 { padding-top: 110px; }
.com04 { padding: 90px 0; }
.com04 dl dd .icon { margin-right: 14px; width: 80px; height: 80px; }
.com04 dl dd { width: 31%; padding: 28px 18px; }


.culture01 { position: relative; top: 0px; margin-top: 550px; padding: 104px 0; }
.culture01 .icenter2 p { font-size: 20px; line-height: 36px; margin-bottom: 40px; width: 100%; }
.culture02 dl dd .icon { width: 95px; height: 95px; top: -16%; }
.culture02 dl dd .icon img { width: 38px; }
.culture02 dl dd { padding: 57px 19px 30px; }
.culture02 dl dd h5 { font-size: 22px; margin-bottom: 7px; }
.culture02 dl dd p { font-size: 13px; line-height: 24px; margin-bottom: 20px; height: 95px; }
.culture02 dl dd span { font-size: 22px; }
.culture03 .bg .cir { width: 220px; }
.culture03 .bg .tips h4 { font-size: 20px; margin: 10px 0; }
.culture03 .bg .tips img { width: 24px; }
.culture03 .bg .tips h5 { font-size: 13px; }
.culture03 .bg { left: calc(50% + 10px); }
.culture03 .right .text .seg p { font-size: 14px; line-height: 26px; width: 100%; }
.culture03 .right .text .seg h4 { font-size: 22px; margin-bottom: 20px; }
.culture03 .right .text .seg { margin-bottom: 35px; }
.culture04 .icenter2 .box .seg h4 { font-size: 22px; margin-bottom: 20px; }
.culture05 { padding: 90px 0; }
.culture05 dl dd .imgbox img { height: 171px; }
.culture05 dl dd .bot h5 { font-size: 16px; line-height: 26px; }
.culture05 dl dd .bot h4 { font-size: 13px; margin-bottom: 20px; }
.culture05 dl dd .bot .icon img { width: 54px; }
.inner_banner .text h3 { white-space: nowrap; }

.honor01 .right .h01thumbs .text { padding: 40px; width: 377px; height: 208px; }
.honor01 .right .h01thumbs {    left: -77px; bottom: -34px; }
.honor01 .right { right: 0px; top: 109px; height: 434px; }
.honor02 dl dd .bg { width: 140px; }
.honor02 dl dd .bot .icon { width: 44px; }
.honor02 dl dd .text h4 strong { font-size: 45px; margin-right: 3px; line-height: 45px; }
.honor03 .com_cc .text h5 { width: 270px; }
.honor03 .com_cc .text h5 { font-size: 16px; }
.honor04 .imgbox .con { width: 85px; }
.honor04 .box h4 { font-size: 13px; margin-top: 13px; }

.hu_p { font-size: 13px; line-height: 22px; }
.human01 .segment2 .title .content { font-size: 24px; }
.human01 .segment2 .svg { padding: 0 82px; }
.human01 .segment2 { margin: 80px 0; }
.human01 { padding: 258px 0 90px; }
.human02 dd .box2 { width: 32px; height: 32px; left: 21px; top: 117px; }
.human02 dl dd:nth-of-type(2) h5 { width: 417px; left: 48px; bottom: -112px; }
.human02 dl dd:nth-of-type(1) h5 { bottom: -73px; width: 152px; left: 60%; }
.human03 { padding: 90px 0 80px; }
.human02 dl dd h4 { font-size: 16px; margin-top: 10px; }
.human03 dl dd .icon { margin-bottom: 10px; height: 84px; width: 84px; }
.human03 dl dd h4 { font-size: 16px; margin-bottom: 5px; }
.human04 { padding: 100px 0 110px; }
.human04 .icenter2 p { margin-bottom: 53px; width: 100%; }
.human04 .icenter2 .icon::before { width: 233px; left: -298px; }
.human04 .icenter2 .icon::after { width: 233px; right: -298px; }
.human02 dd .box1 { width: 52px; height: 38px; left: -31px; top: -9px; }
.human02 dd .box { width: 52px; height: 38px; left: 112px; top: 28px; }
.human dd .box {position: relative;}
.s_list03 .swiper-slide .box h4{width: 155px;}

.index01 .text_cc .com_h3 {display: none;}
.index01 .text_cc h4 {display: none;}
.index01 .text_cc p {display: none;}
.index01 .content { height: 32vh; }

.vi_icenter { width: 94%!important;}
.dr_video { position: relative; display: flex; justify-content: center; align-items: center; }
.dr_video video { height: 380px; width: auto; max-width: 100%; margin: auto; }



}
@media only screen and (min-width:750px) and (max-width:1000px){
/* .drawer-nav { display: none; }
.drawer-hamburger{display: none;} */

/* header */
.pc-1200px {display: none!important;}
.drawer-nav { display: block; } 


/* drawer-hamburger */
.headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0;    background-color: #cd161d!important;display: block;box-sizing: border-box;width: 60px;z-index: 21;}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff!important;}
.drawer-hamburger
.drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-nav{    padding-top: 80px; width: 30%; z-index: 20;}
.headerbody .drawer--right.drawer-open .drawer-hamburger{right: 0!important;}
.drawer--right .drawer-nav{right: -100%!important;} 
.headerwrap .h-min{height: 60px;width: 100%;box-sizing: border-box;padding-left: 2%;}
.headerwrap{background-color: #FFFFFF;}
.sj-language{position: absolute;right: 20px;bottom: 50px;}
.drawer--right.drawer-open .drawer-nav{      height: 100%; box-sizing: border-box; width: 100%; right: 0px!important; top: 80px!important;}
.drawer--right .drawer-nav>.drawer-menu{width: 100%;height: 100%;overflow: hidden;overflow-y: auto;box-sizing: border-box;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu{height: auto;min-height: 100%;box-sizing: border-box;padding-bottom: 60px;position: relative;          top: 0.4%;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {margin-bottom: 29px!important;}
.drawer-menu-item:hover{color: #cd161d;}
.drawer-dropdown-menu>li{margin-bottom: 10px;}
.drawer-menu-item{font-size: 16px;}
.drawer-dropdown.open>.drawer-dropdown-menu{padding-bottom: 0;} 
.sjlanguage{position: absolute;right: 10%;bottom: 30px;font-size: 16px;color: #cd161d;;display: none;}
.drawer--right.drawer-open .drawer-hamburger { right: 0px!important;}
.drawer-hamburger-icon{ width: 55% !important; margin-top: 0px !important; margin: auto;}
.drawer-hamburger { display: block!important; width: 80px!important; height: 80px!important; padding: 0px!important; top: 0px!important; }
.drawer-hamburger-icon::before {height: 100%!important;}
.drawer-hamburger-icon::after {height: 100%!important;}
.drawer-hamburger:hover { cursor: pointer; background-color: #cd161d!important; }
.drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-hamburger {background-color: #cd161d!important; }
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}
.drawer-open .drawer-hamburger-icon {background-color: #cd161d!important;}
.drawer-menu-item:hover { color: #cd161d!important; } 




/* head footer */
.icenter {width: 94%;}
.icenter1 {width: 94%;}
.icenter2 {width: 94%;}
.head .icenter .right {display: none;}
.head { height: 80px; }
.div1 {background-color: #fff; -webkit-box-shadow: 0 6px 30px 0 rgba(0,0,0,.2); box-shadow: 0 6px 30px 0 rgba(0,0,0,.2);}
.div1 .head .icenter .logo {filter: none;}
.div1 .head .icenter li a{color: #333;}
.div1 .head .icenter .tools a {color: #666;}
.div1 .head .icenter .right .tools a:nth-of-type(2) {border-color: rgb(111 109 109 / 40%);}
.div1 .head .icenter .right .tools .lang img{filter: invert();}
footer .icenter .top {display: none;}
footer .icenter .bot .share {display: none;}
footer .waves {display: none;}
.side_btn a::after { width: 45px; height: 45px; }
.side_btn { width: 80px; height: 80px; bottom: 58px; }
footer .icenter .icon {display: none;}
footer .icenter .bot { margin-top: 0px;     justify-content: center;} 
footer { padding: 20px 0; }
footer .icenter .bot .left { justify-content: center; }
.head .icenter .logo { width: 120px; }
.index02 { padding: 80px 0; }

.index01 .short {position: unset; width: 94%; transform: none; margin: auto;    padding: 50px 0 30px;}
.index01 .com_h3 { font-size: 36px; }
.index01 .short h4 {font-size: 20px; margin: 14px 0;}
.index01 .short p {font-size: 16px; line-height: 30px;}
.index01 { min-height: auto; }
.index01 .content .up_img {display: none!important;}
.index01 .text_cc {     opacity: 1; width: 94%;transform: translate(-50%,-50%);}
.index01 .content { min-height: unset; top: 0px; height: 58vh; position: relative;}
.index01 .text_cc img {    margin-top: 26px; width: 200px; opacity: 1; transform: unset;}
.index01 .text_cc h4 { font-size: 20px; margin: 14px 0; }
.index01 .text_cc p { font-size: 16px; line-height: 30px; }
.index01 .text_cc h6 {     font-size: 20px; margin-top: 16px; opacity: 1; transform: unset; }
.index02 .icenter { padding: 14px; }
.index02 .top h3 { font-size: 36px; margin-bottom: 21px; }
.index02 .top h4 { font-size: 16px; padding-left: 116px; }
.index02 ul li h5 { font-size: 12px; line-height: 24px; }
.index02 ul li h4 strong { font-size: 44px; margin-right: 7px; line-height: 42px; }
.index03 .tab .tab_cc { padding: 0px 10px 0 10px; }
.index03 .tab .tab_cc h4 { font-size: 16px; margin-bottom: 3px; }
.index03 .tab .tab_cc .icon { width: 28px; margin-bottom: 8px; }
.index03 .tab .tab_cc .bt_hide { width: 28px; }
.index03Swiper::before { width: 2%; }
.index03 .cc_img { height: calc(70vh); }

.index04 .bot dd p { font-size: 14px; line-height: 22px; margin-bottom: 58px;width: 88%; }
.index04 .bot dd .content .con_img { width: 40px; margin-bottom: 12px; }
.index04 .bot dd .content h4 { font-size: 24px; }
.index04 .bot dd:hover .content { top: 50%; left: 50%; transform: translate(-50%, -50%); width: 94%; }
.index04 .bot dd:hover .tips { right: 12px; }
.index04 .bot dd .tips { width: 34px; height: 34px; font-size: 13px; right: 12px; }
.index04 .bot dd .ti-text { font-size: 12px; top: 67%; }
.index04 .bot dd .icon { width: 30px; bottom: 28px; }
.index07 dl dd h4 {     font-size: 16px; line-height: 28px; margin: 18px 0; }
.index05 .icenter1 .right .ph { left: -139px; top: -14px; height: 386px; }
.index06 .map {display: none;}
.index06 { padding: 50px 0;background: url("../img/i06_h5.jpg")/*tpa=https://www.chuandao.com/static/chuandao/static/img/i06_h5.jpg*/ 100%;    background-position: center;background-size: inherit;}
.index06 .icenter { position: relative; height: 440px; }
.con_banner img {height: 508px; }
.con01 .icenter2 .tel .num a { font-size: 34px; padding-bottom: 5px; }
.con01 .icenter2 .tel .num a::after { width: 46px; height: 1px; bottom: -3px; }
.con01 .icenter2 .bot .box .imgbox img { height: 145px; }
.con01 .icenter2 .bot .bottom .title h3 { font-size: 16px; }
.con01 .icenter2 .bot .bottom .title h4 { font-size: 12px; line-height: 10px; }
.con01 .icenter2 .bot dl dd .a { font-size: 12px; }
.con01 .icenter2 .bot .fa { width: 32px; height: 32px; }
.con01 .icenter2 .bot .fa img { width: 18px; }
.con01 .icenter2 .bot .fa {top: 86%;}
.con01 .icenter2 .bot::after { bottom: 9.5%;}
.con01 { padding: 190px 0 100px; position: relative; }
.con02 { padding: 50px 0 80px; }

.acc .top .box { padding: 0 12px; }
.acc .bot { padding: 70px 0 70px; }
.acc .bot dl dd { width: 177px; padding: 20px 12px 12px 20px; margin-right: 19px; }
.acc .bot dl dd .aft_jian { width: 30px; right: -43px; }
.acc .bot .phone { height: 420px; right: -81px; bottom: 241px; }

.honor01 { padding: 90px 0 160px; }
.honor01 .left dl dd { padding-bottom: 14px; padding-top: 20px; width: 193px; }
.honor01 .right .h01thumbs .text { padding: 40px; width: 398px; height: 225px; }
.honor01 .right .h01thumbs { left: -100px; bottom: -13px; }
.honor02 { padding: 90px 0; }
.honor02 dl dd { padding: 20px 13px 25px 23px; }
.honor05 .bg1 {display: none;}
.honor05 .bg2 {display: none;}
.honor05 { padding: 90px 0 124px; }
.fa-dr { top: 40%!important; width: 32px!important; height: 32px!important; font-size: 28px!important; }
.honor05 .swiper-button-prev { left: -24px; }
.honor05 .swiper-button-next { right: -24px; }
.honor05 .box h4 { font-size: 14px; margin-top: 14px; }
.honor04 .botF { width: 100%; }
.honor04 .bot { width: 100%; }
.honor04 .imgbox .con { width: 148px; }
.honor04 .box h4 { font-size: 14px; margin-top: 14px; }
.imgshow { width: 94%; height: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.honor04 { padding: 80px 0; }
.honor04 .swiper-button-prev { left: 2px; }
.honor04 .swiper-button-next { right: 2px; }

.honor03 .swiper-wrapper .swiper-slide img { width: 103px; max-height: 157px; }
.honor03 .swiper-wrapper .swiper-slide-active { margin-right: 7px !important; }
.honor03 .swiper-wrapper .swiper-slide-active img { width: 226px; max-height: 390px; }
.honor03 .ban { bottom: 81px; }
.honor03 .soft_h4 { margin-bottom: 85px; }
.honor03 { padding: 96px 0 102px; }
.honor03 .le_cc { top: -58px; }
.honor03 .ri_cc { top: -58px; }
.honor03Swiper { height: 357px; }
.page { padding-bottom: 100px; }

.newsinfo_banner { margin-top: 80px; }
.newsinfo_banner img{height: 300px;}
.newsinfo_banner .news_text { width: 94%; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.newshowtxt { width: 94%; margin: 80px auto 80px; }
.aft01 { padding: 90px 0 90px; }
.aft02 .bot { width: 100%; }
.aft02 .bot .aft02Swiper { width: 100%;    padding: 0 14px; }
.inner_banner .text h3 { white-space: nowrap; }
.pro .left {  padding-left: 14px; }
.pro .left .seg .title { font-size: 14px; }
.pro .right .seg .title h3 { font-size: 30px; margin-bottom: 2px; }
.pro .right .seg dl dd { width: 49%; margin-right: 2%; margin-bottom: 2%; }
.pro .right .seg dl dd:nth-of-type(3n) {margin-right: 2%;}
.pro .right .seg dl dd:nth-of-type(2n) {margin-right:0%;}
.pro_fix.active1 { top: 80px; height: calc(100% - 80px ); width: calc(21% - 14px); }
.pro .right { width: 79%; padding: 80px 33px 70px; }
.inner_banner {margin-top: 80px;}
.fx {margin-top: 550px;}
.icenter3 { width: 94%; }

.proinfo_banner .left .main .icon img { height: 309px; }
.proinfo_banner .left .tab { width: 77px; }
.proinfo_banner .right { width: 41%; }
.proinfo_banner .right h3 { font-size: 32px; margin-bottom: 14px; }
.proinfo_banner .right h4 { font-size: 15px; }
.proinfo_banner .right dl dd .icon { width: 62px; height: 62px; }
.proinfo_banner .right dl dd .icon img { width: 36px; }
.proinfo_banner .right dl dd span { font-size: 14px; margin-top: 6px; }
.proinfo01 .top { padding: 90px 0; }
.proinfo01 .top .ri ul li { margin-bottom: 49px; }
.proinfo01 dl { margin: 90px 0; flex-flow: wrap; }
.proinfo01 dl dd { width: 48%; margin-bottom: 20px;}
.proinfo02 { padding: 80px 0; }
.proinfo03 { padding: 90px 0; }


.s_list01 .top { width: 94%; padding: 36px; padding-left: 66px; }
.s_list01 .top h3::before { left: -66px; height: 38px; }
.solu_list_banner {margin-top: 80px;}
.s_list01 .top h3 { font-size: 38px; margin-bottom: 12px; }
.s_list01 .top .icon { width: 88px; }
.s_list01 .icenter2 .imgbox { width: 94%; margin-bottom: 28px; }
.s_list02 dl dd h4 { font-size: 16px; margin-bottom: 10px; }
.s_list02 dl dd p { font-size: 12px; line-height: 20px; width: 85%; height: 60px; }
.s_list04 { padding: 90px 0; }

.s_list03 { padding: 50px 0; }
.s_list03 .bot { width: 100%; overflow: hidden;}

.s_list03 .bot .fa { width: 40px; height: 40px; }
.s_list03 .bot .fa-left { left: 5px; }
.s_list03 .bot .fa-right {right: 5px; }
.s_list03 .bot .box h5 { font-size: 14px; line-height: 24px; width: 350px; }
.s_list03 .swiper-slide-active .box img { height: 200px; }
.s_list03 .bot .cc { width: 91%;    overflow: unset; }



.solu01 dl dd.active { padding: 25px 30px; }
.solu01 dl dd .text p { width: 100%; }
.solu01 dl dd .icon { width: 18px; margin-right: 16px; }
.solu01 dl dd .text { width: 86%; }
.solu01 .ri_bg { top: 228px; height: 425px; }
.solu02 { padding: 90px 0 130px; }
.solu02 .hu_h3 { margin-bottom: 24px; }
.solu02 .op { bottom: 11%; left: 3%; width: 94%; }
.solu02 .bot .box .b { padding: 22px 12px 22px 21px; }
.solu02 .bot .box .b h4 { font-size: 15px; margin-bottom: 8px; }
.solu02 .bot .box .b p { font-size: 13px; padding-bottom: 20px; margin-bottom: 20px; }
.solu02 .bot .box .b .cc .bo { font-size: 14px; width: 32px; height: 32px;}
.solu04 { padding-bottom: 138px; }
.solu04 .bot { padding: 48px 0 53px; border-radius: 20px; }
.solu04 .nav { padding: 0px 60px 16px; }
.solu04 .content { padding: 42px 60px 0; }
.solu04 .hu_h3 { margin-bottom: 28px; }
.solu03 { padding: 80px 0 70px; }
.solu03 .top .le p { width: 96%; font-size: 13px; line-height: 24px; margin-top: 33px; }
.solu03 .top .le { padding-bottom: 26px;}
.solu03 .wen1 { font-size: 105px; }
.solu03 .top { height: 173px; }
.solu03 .wen2 { font-size: 105px; right: 2%; top: 57%; height: 54px; line-height: 132px; }
.solu03 .bot .ri p { font-size: 14px; line-height: 24px; }
.solu03 .bot .ri { width: 31%; padding: 271px 0 0 26px; }
.solu03 .bot .ri p::before { top: -16px; width: 38px; height: 2px; }
.solu03 .bot { height: 347px; }

.aft04 dl dd .bg { width: 89px; left: 8px; bottom: 22px; }
.aft03 { padding-bottom: 100px; }
.aft04 dl dd .ri .number .t a { font-size: 26px; }
.aft04 dl dd:hover .bg { left: 30px; bottom: 42px; }
.aft04 { padding: 100px 0; }

.acc .bot dl dd .aft_jian { width: 25px; right: -27px; }
.acc .top .box h4 { font-size: 17px; margin-bottom: 25px; }
.hu_h3 { font-size: 32px; }
.acc .bot dl dd .content {height: 100%;}
.com01 { padding: 80px 0; }
.com01 .top .le .text h4 { font-size: 18px; line-height: 26px; margin-bottom: 29px; }
.com01 .top .le .text h5 { font-size: 14px; line-height: 26px; }
.com01 .top .le { width: 45.5%;}
.com01 .top .le .com01Swiper { width: 261px; height: 257px; }
.com01 .top .ri video { height: 235px; }
.com01 dl { margin-top: 60px; }
.com01 dl dd strong { font-size: 40px; line-height: 40px; }
.com01 dl dd img { height: 53px; }
.com01 dl dd h4 { font-size: 48px; margin: 14px 0 11px; }
.com02 .bg { height: 346px; }
.com02 .icenter2 .content img { width: 100%; }
.com02 .icenter2 .content .box { height: 360px; }
.com02 .icenter2 .content .box::after { width: 86%;}
.com02 .icenter2 .content .text p { font-size: 13px; line-height: 24px; width: 273px; }
.com02 .icenter2 .content .text h4 { font-size: 20px; margin: 16px 0 10px; }
.com02 .icenter2 .content .text { right: 10%; top: 24%; }
.com02 .icenter2 .fix_icon { width: 161px; height: 50px; border-radius: 30px; bottom: 70px; left: 21%; }
.com03 { padding: 90px 0; }
.com02 { padding-top: 110px; }
.com04 { padding: 90px 0; }
.com04 dl dd .icon { margin-right: 14px; width: 80px; height: 80px; }
.com04 dl dd { width: 31%; padding: 28px 18px; }

.culture01 { position: relative; top: 0px; margin-top: 550px; padding: 104px 0; }
.culture01 .icenter2 p { font-size: 20px; line-height: 36px; margin-bottom: 40px; width: 100%; }
.culture02 dl dd .icon { width: 95px; height: 95px; top: -16%; }
.culture02 dl dd .icon img { width: 38px; }
.culture02 dl dd { padding: 57px 19px 30px; }
.culture02 dl dd h5 { font-size: 22px; margin-bottom: 7px; }
.culture02 dl dd p { font-size: 13px; line-height: 24px; margin-bottom: 20px; height: 95px; }
.culture02 dl dd span { font-size: 22px; }
.culture03 .bg .cir { width: 220px; }
.culture03 .bg .tips h4 { font-size: 20px; margin: 10px 0; }
.culture03 .bg .tips img { width: 24px; }
.culture03 .bg .tips h5 { font-size: 13px; }
.culture03 .bg { left: calc(50% + 10px); }
.culture03 .right .text .seg p { font-size: 14px; line-height: 26px; width: 100%; }
.culture03 .right .text .seg h4 { font-size: 22px; margin-bottom: 20px; }
.culture03 .right .text .seg { margin-bottom: 35px; }
.culture04 .icenter2 .box .seg h4 { font-size: 22px; margin-bottom: 20px; }
.culture05 { padding: 90px 0; }
.culture05 dl dd .imgbox img { height: 171px; }
.culture05 dl dd .bot h5 { font-size: 16px; line-height: 26px; }
.culture05 dl dd .bot h4 { font-size: 13px; margin-bottom: 20px; }
.culture05 dl dd .bot .icon img { width: 54px; }

.honor01 .right .h01thumbs .text { padding: 40px; width: 377px; height: 208px; }
.honor01 .right .h01thumbs {    left: -77px; bottom: -34px; }
.honor01 .right { right: 0px; top: 109px; height: 434px; }
.honor02 dl dd .bg { width: 140px; }
.honor02 dl dd .bot .icon { width: 44px; }
.honor02 dl dd .text h4 strong { font-size: 45px; margin-right: 3px; line-height: 45px; }
.honor03 .com_cc .text h5 { width: 270px; }
.honor03 .com_cc .text h5 { font-size: 16px; }
.honor04 .imgbox .con { width: 85px; }
.honor04 .box h4 { font-size: 13px; margin-top: 13px; }


.pagenews dl a dd strong { font-size: 20px; margin-bottom: 13px; }
.pagenews dl a dd font { font-size: 13px; line-height: 22px; }
.pagenews dl a .dates span { font-size: 28px; }
.newsinfo_banner .news_text .bt { font-size: 26px; }
.hu_p { font-size: 13px; line-height: 22px; }
.human01 .segment2 .title .content { font-size: 24px; }
.human01 .segment2 .svg { padding: 0 82px; }
.human01 .segment2 { margin: 80px 0; }
.human01 { padding: 258px 0 90px; }
.human02 dd .box2 { width: 32px; height: 32px; left: 21px; top: 117px; }
.human02 dl dd:nth-of-type(2) h5 { width: 417px; left: 48px; bottom: -112px; }
.human02 dl dd:nth-of-type(1) h5 { bottom: -73px; width: 152px; left: 60%; }
.human03 { padding: 90px 0 80px; }
.human02 dl dd h4 { font-size: 16px; margin-top: 10px; }
.human03 dl dd .icon { margin-bottom: 10px; height: 84px; width: 84px; }
.human03 dl dd h4 { font-size: 16px; margin-bottom: 5px; }
.human04 { padding: 100px 0 110px; }
.human04 .icenter2 p { margin-bottom: 53px; width: 100%; }
.human04 .icenter2 .icon::before { width: 233px; left: -298px; }
.human04 .icenter2 .icon::after { width: 233px; right: -298px; }
.human02 dd .box1 { width: 52px; height: 38px; left: -28px; top: -9px; }
.human02 dd .box { width: 52px; height: 38px; left: 87px; top: 28px; }
.s_list03 .swiper-slide .box h4{width: 155px;}

.index01 .text_cc .com_h3 {display: none;}
.index01 .text_cc h4 {display: none;}
.index01 .text_cc p {display: none;}
.index01 .content { height: 32vh; }


.vi_icenter { width: 94%!important;}
.dr_video { position: relative; display: flex; justify-content: center; align-items: center; }
.dr_video video { height: 380px; width: auto; max-width: 100%; margin: auto; }


}

@media only screen and (max-width:768px){

           /* .drawer-nav { display: none; }
    .drawer-hamburger{display: none;} */
/* pc-h5 */
.i_h5_img {display: block; height: 100%;}
.index_banner .box .bg video {display: none;}

.v-ti {display: block; height: 100%;}
.v-ti img {height: 100%;}
.index01 video { display: none; }
/* header */
 .pc-1200px {display: none!important;}
.drawer-nav { display: block; } 
/* drawer-hamburger */
.headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0;    background-color: #cd161d!important;display: block;box-sizing: border-box;width: 60px;z-index: 21;}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff!important;}
.drawer-hamburger
.drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-nav{    padding-top: 80px; width: 30%; z-index: 20;}
.headerbody .drawer--right.drawer-open .drawer-hamburger{right: 0!important;}
.drawer--right .drawer-nav{right: -100%!important;} 
.headerwrap .h-min{height: 60px;width: 100%;box-sizing: border-box;padding-left: 2%;}
.headerwrap{background-color: #FFFFFF;}
.sj-language{position: absolute;right: 20px;bottom: 50px;}
.drawer--right.drawer-open .drawer-nav{      height: 100%; box-sizing: border-box; width: 100%; right: 0px!important; top: 60px!important;}
.drawer--right .drawer-nav>.drawer-menu{width: 100%;height: 100%;overflow: hidden;overflow-y: auto;box-sizing: border-box;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu{height: auto;min-height: 100%;box-sizing: border-box;padding-bottom: 60px;position: relative;          top: 0.4%;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {margin-bottom: 29px!important;}
.drawer-menu-item:hover{color: #cd161d;}
.drawer-dropdown-menu>li{margin-bottom: 10px;}
.drawer-menu-item{font-size: 16px;}
.drawer-dropdown.open>.drawer-dropdown-menu{padding-bottom: 0;} 
.sjlanguage{position: absolute;right: 10%;bottom: 30px;font-size: 16px;color: #cd161d;;display: none;}
.drawer--right.drawer-open .drawer-hamburger { right: 0px!important;}
.drawer-hamburger-icon{ width: 55% !important; margin-top: 0px !important; margin: auto;}
.drawer-hamburger { display: block!important; width: 60px!important; height: 60px!important; padding: 0px!important; top: 0px!important; }
.drawer-hamburger-icon::before {height: 100%!important;}
.drawer-hamburger-icon::after {height: 100%!important;}
.drawer-hamburger:hover { cursor: pointer; background-color: #cd161d!important; }
.drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-hamburger {background-color: #cd161d!important; }
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}

.drawer-open .drawer-hamburger-icon {background-color: #cd161d!important;}
.drawer-menu-item:hover { color: #cd161d!important; } 


.head .icenter .logo img {   object-fit: contain;}

/* head footer */
.icenter {width: 94%;}
.icenter1 {width: 94%;}
.icenter2 {width: 94%;}
.head .icenter .right {display: none;}
.head { height: 60px; }
.div1 {background-color: #fff; -webkit-box-shadow: 0 6px 30px 0 rgba(0,0,0,.2); box-shadow: 0 6px 30px 0 rgba(0,0,0,.2);}
.div1 .head .icenter .logo {filter: none;}
.div1 .head .icenter li a{color: #333;}
.div1 .head .icenter .tools a {color: #666;}
.div1 .head .icenter .right .tools a:nth-of-type(2) {border-color: rgb(111 109 109 / 40%);}
.div1 .head .icenter .right .tools .lang img{filter: invert();}
footer .icenter .top {display: none;}
footer .icenter .bot .share {display: none;}
footer .waves {display: none;}
.side_btn a::after { width: 45px; height: 45px; }
.side_btn { width: 48px; height: 48px; bottom: 58px; display: none;}
footer .icenter .icon {display: none;}
footer .icenter .bot { margin-top: 0px;     justify-content: center;} 
footer { padding: 20px 0; }
footer .icenter .bot .left { justify-content: center; }

.index_banner .box .text { left: 50%; top: 50%; transform: translate(-50%,-50%);width: 94%;}
.index_banner .box .text h4 {    font-size: 20px; margin-bottom: 30px; }
.index_banner .box .text h3 {     font-size: 36px; line-height: 38px; white-space: normal; text-align: center; }

.index01 .short {position: unset; width: 94%; transform: none; margin: auto;    padding: 50px 0 30px;}
.index01 .com_h3 { font-size: 26px; }
.index01 .short h4 { font-size: 18px; margin: 11px 0; }
.index01 .short p { font-size: 14px; line-height: 24px; }
.index01 { min-height: auto; }
.index01 .content .up_img {display: none!important;}
.index01 .text_cc {     opacity: 1; width: 94%;transform: translate(-50%,-50%);}
.index01 .content { min-height: unset; top: 0px; height: 35vh; position: relative;}
.index01 .text_cc img { margin-top: 16px; width: 150px; opacity: 1; transform: unset; }
.index01 .text_cc h4 { font-size: 18px; margin: 11px 0; }
.index01 .text_cc p { font-size: 14px; line-height: 24px; }
.index01 .text_cc h6 { font-size: 18px; margin-top: 14px; opacity: 1; transform: unset; }
.index02 .icenter { padding: 0px; }
.index02 .top h3 { font-size: 26px; margin-bottom: 18px;    text-align: center; }
.index02 .top h4 { font-size: 16px; padding-left: 0px; }
.index02 .top { margin-bottom: 40px; width: 100%; }
.index02 .top h4 { font-size: 14px;  text-align: center;}
.index02 ul {flex-flow: wrap;}
.index02 ul li {width: 100%;margin-bottom: 20px;}
.index02 { padding: 50px 0 30px; }
.index03 .tab {display: none;}
.index03 .text .icon { width: 46px; margin-bottom: 12px; }
.index03 .text h4 { font-size: 25px; margin-bottom: 13px; width: 100%;}
.index03 .text h5 { font-size: 28px; margin-bottom: 20px; }
.index03 .text h6 { font-size: 14px; margin-bottom: 38px; }
.amore { width: 128px; height: 36px; line-height: 34px; }
.index03 .cc_img { height: calc(100vh - 235px); }
.index04 { padding: 50px 0 30px; }
.index04 .top .title span { font-size: 14px; margin-bottom: 3px; }
.index04 .com_h3 { font-size: 18px; }
.index04 .top .amore { width: 94px; height: 31px; line-height: 29px; }
.index04 .bot dd {width: 100%;}
.index04 .bot {flex-flow: wrap;height: auto;}
.index04 .bot dd .ti-text {display: none;}
.index04 .bot dd .icon {display: none;}
.index04 .bot dd .content { top: 50%; left: 50%; transform: translate(-50%, -50%);     width: 94%;}
.index04 .bot dd:hover .content { top: 50%; left: 50%; transform: translate(-50%, -50%); }
.index04 .bot dd::after {background-color: rgba(0, 0, 0, 0.25);}
.index04 .bot dd:hover { width: 100%; }
.index04 .bot dd .content { opacity: 1; }
.index04 .bot dd p {    font-size: 14px; line-height: 22px; margin-bottom: 44px; width: 100%; }
.index04 .bot dd .content .con_img { width: 48px; margin-bottom: 12px; }
.index04 .bot dd .tips {display: none;}
.index04 .bot dd { width: 100%; height: 400px; margin-bottom: 20px; }
.index04 .bot dd::after { background-color: rgba(0, 0, 0, 0.25)!important; }
.index05 .icenter1 .left { width: 94%;margin: auto;}
.index05 .icenter1 .right {width: 100%;    justify-content: center;   margin-top: 73px;flex-flow: wrap;}
.index05 .icenter1 .left h3 { font-size: 30px; line-height: 36px; margin-bottom: 12px; }
.index05 .icenter1 .left h4 { font-size: 28px; margin-bottom: 5px; }
.index05 .icenter1 .left p { font-size: 14px; line-height: 24px; margin-bottom: 30px; }
.index05 .bg {       width: 100%; clip-path: none; position: absolute; height: 363px; top: 0px; background-attachment: unset;}
.index05 .icenter1 { width: 100%; margin: auto; transform: none; position: relative; flex-flow: wrap; z-index: 3; top: auto; left: auto; }
.index05 { margin-bottom: 0px; padding: 50px 0; }
.index05 .icenter1 .right .ph{position: unset;margin-bottom: 20px;    height: 312px;}
.index05 .icenter1 .right .pei { top: 0px; }
.index06 { padding: 50px 0; }
.com_h3 { font-size: 26px; }

.index07 { padding: 50px 0; }
.index07 .top { margin-bottom: 20px; }
.index07 dl {flex-flow: wrap;}
.index07 dl dd {width: 100%;margin-bottom: 40px;}
.index07 dl dd h4 { font-size: 18px; line-height: 28px; margin: 16px 0;     height: auto;}
.index07 dl dd .date {     margin-top: 12px; font-size: 14px; padding-top: 18px; }
.index07 dl dd:last-of-type{margin-bottom: 0px;}
.index06 .map {display: none;}
.index06 { padding: 50px 0;    background-position: center;background-size: cover;}
.index06 .icenter { position: relative; height: 456px; }

.inner_banner .text h3 { font-size: 30px; margin-bottom: 6px; line-height: 39px; white-space: nowrap; }
.inner_banner .text h4 { font-size: 18px; }
.inner_banner {  top: 60px;}
.inner_banner img { height: 230px; }
.inner_banner .text { top: 50%;}
.fx { margin-top: 290px; }
.acc .bot .phone {display: none;}
.acc .top .box {    padding: 0 0px; text-align: center; margin: auto; }
.acc .top .box h4 { font-size: 16px; margin-bottom: 30px; }
.acc .top .box .icon { width: 140px; margin-bottom: 16px; padding: 8px; }
.hu_h3 { font-size: 26px; }
.acc .bot { padding: 50px 0; }
.acc .bot dl {     margin-left: 0px; justify-content: space-between;flex-flow: wrap;} 
.acc .bot dl dd .content { width: 100%; height: 100%; }
.acc .bot .phone { display: none }
.acc .bot .icenter2 { position: relative; display: flex; flex-flow: wrap-reverse; }
.acc .bot dl dd .aft_jian {display: none;}
.acc .bot dl dd {     width: 33.3%; padding: 5px; margin-right: 0px; }
.acc .bot dl dd h4 { font-size: 22px; margin-bottom: 7px; }
.acc .bot dl dd h5 { font-size: 14px; margin-bottom: 28px; }
.acc .bot dl dd .i .icon2 { width: 63px; }
.acc .top .bg1 { left: -63%; top: -2%; width: 300px; }
.human03 { padding: 50px 0; }
.human04 .icenter2 h4 { font-size: 20px; margin-bottom: 16px; }
.hu_p { font-size: 14px; line-height: 24px; }
.human04 .icenter2 p { margin-bottom: 48px; width: 100%; }
.human04 .icenter2 .icon { width: 76px; height: 76px; font-size: 13px; }
.human04 .icenter2 .icon::before { width: 120%; left: -166%; }
.human04 .icenter2 .icon::after { width: 120%; right: -166%; }
.human04 { padding: 70px 0;background-attachment: unset; }
.human03 dl {flex-flow: wrap;}
.human03 dl dd { width: 47%; margin-right: 6%; margin-bottom: 6%; padding: 23px 0 8px; }
.human03 dl dd:nth-of-type(5n) { margin-right: 6%; }
.human03 dl dd:nth-of-type(2n){margin-right: 0px;}
.human03 dl dd .icon { margin-bottom: 10px; height: 76px; width: 76px; }
.human03 dl dd h4 { font-size: 16px; margin-bottom: 4px; }
.human02 { padding: 50px 0 60px; }
.human02 dl { margin-top: 30px; display: none;}
.human02_h5 { display: block; margin-top: 20px;}
.human02 dd .box1 {display: none;}
.human02 dd .box {display: none;}
.human02 dd .box2 {display: none;}
.human02 dl dd { width: 60px; position: relative; }
.human02 dl dd:nth-of-type(1) h5 {display: none;}
.human02 dl dd:nth-of-type(2) h5 {display: none;}
.human03 dl dd h5 { font-size: 16px; }
.human02 dl dd h4 { font-size: 12px; margin-top: 12px; }
.human02 dl dd img { width: 45px; }
.human01 .segment1 {flex-flow: wrap;}
.human01 .segment1 .left {width: 100%;margin-bottom: 20px;}
.human01 .segment1 .right {width: 100%;}
.human01 .segment1 .left .hu_h3 { margin-bottom: 10px; }
.human01 .segment2 dl {flex-flow: wrap;}
.human01 .segment2 dl dd { padding: 32px 32px; font-size: 14px; line-height: 26px; margin-bottom: 20px; width: 100%; }
.human01 .segment2 { margin: 50px 0 50px; }
.human01 .segment2 .title img { width: 100%; }
.human01 .segment2 .title .content { font-size: 17px; }
.human_banner { margin-top: 60px; }
.human_banner img { height: 430px; }
.human_banner .text p, .human01 .text p { font-size: 15px; line-height: 26px; white-space: nowrap; }
.human01 { padding: 175px 0 50px; }
.human01 .bg1 {display: none;}
.human01 .bg2 {display: none;}
.human01 .segment2 .svg {display: none;}
.human01 .segment2 .title {display: none;}
.human01_h5 {display: block;} 
.com01 { padding: 50px 0; }
.com01 .top {flex-flow: wrap;}
.com01 .top .le {width: 100%;}
.com01 .top .ri {width: 100%;}
.com01 .top .le { width: 100%; margin-bottom: 20px; }
.com01 .top .le .com01Swiper { width: 82%; height: 276px; }
.com01 .top .le .text h4 { font-size: 22px; line-height: 33px; margin-bottom: 28px; }
.com01 .top .le .text h4 { font-size: 22px; line-height: 33px; margin-bottom: 28px; }
.com01 .top .ri video { height: 208px; }
.vi_box .box .video { position: relative; width: 94%; height: auto; }
.vi_box .box .video img.close { right: 0px; top: -40px; }
.com01 dl { margin-top: 50px;flex-flow: wrap; }   
.com01 dl dd img { height: 42px; }
.com01 dl { margin-top: 30px; }
.com01 dl dd h4 { font-size: 39px; margin: 18px 0 10px; }
.com01 dl dd strong { font-size: 42px; line-height: 42px; }
.com01 dl dd span { font-size: 12px; text-align: center; }
.com01 dl dd { width: 48%;    margin-bottom: 20px;}
.com01 dl dd:nth-of-type(3),.com01 dl dd:nth-of-type(4) {margin-bottom: 0px;}
.com02 { padding-top: 100px; }
.com02 .icenter2 .content { margin-top: 26px; }
.com02 .icenter2 .content .bg_img {display: none;}
.com02 .icenter2 .content .box::after {display: none;}
.com02 .icenter2 .content .box { background-color: #333; }
.com02 .com02Swiper-pagination { flex-direction: row; width: fit-content!important; left: 50%!important; top: 93%; transform: translate(-50%,-50%); }
.com02 .com02Swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0px 6px!important; }
.com02 .icenter2 .fix_icon { width: 142px; height: 44px; bottom: 61px; left: 3%; }
.com02 .icenter2 .fix_icon span { font-size: 12px; }
.com02 .icenter2 .fix_icon .dot { margin-right: 12px; width: 38px; height: 38px; }
.com02 .icenter2 .fix_icon .dot img { width: 17px; }
.com02 .icenter2 .content .text { left: 50%; top: 38%; transform: translate(-50%, -50%); right: auto;     width: 94%;}
.com02 .icenter2 .content .box {     height: 385px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-appearance: none; border-radius: 20px; overflow: hidden;}

.com02 .bg { height: 274px; }
.com03 { padding: 50px 0; }
.com_top p { font-size: 14px; line-height: 24px; margin-top: 12px; width: 100%; }
.com03 dl dd { width: 100%; margin-bottom: 20px; }
.com03 dl dd h4 { font-size: 17px; margin: 20px 0 33px; }
.com03 dl dd p { font-size: 14px; line-height: 26px; height: auto; text-align: center; }
.com03 dl dd h4::after { width: 38px; bottom: -19px;}
.com04 { padding: 50px 0; }
.com_top { margin-bottom: 30px; }
.com04 dl {flex-flow: wrap;}
.com04 dl dd {       margin-right: 4%; margin-bottom: 4%; width: 48%; padding: 27px 17px;    box-shadow: 0 0 5px #ddd; }
.com04 dl dd .icon img { width: 32px; }
.com04 dl dd .icon {     margin-right: 10px; width: 56px; height: 56px; }
.com04 dl dd .text h4 { margin-bottom: 16px; font-size: 16px; width: fit-content; }
.com04 dl dd .text h5 { font-size: 13px; }
.com04 dl dd .text h4::after { width: 100%; bottom: -9px; }
.com04 dl dd:nth-of-type(3n) { margin-right: 4%; }
.com04 dl dd:nth-of-type(2n){margin-right: 0%;}

.com04 dl dd .icon img { width: 42px; }
.com02 .icenter2 .content .text p { font-size: 14px; line-height: 26px; width: 100%; }
.aft01 { padding: 50px 0; }
.aft01 h4 { font-size: 22px; margin: 10px 0 22px; }
.aft01 .box .min {        width: 192px; height: 192px; }
.aft01 .box .min h5 { font-size: 14px; margin-bottom: 20px; }
.aft01 .box .min h6 {      font-size: 16px; margin-bottom: 34px; height: 40px; display: flex; align-items: center;}
.aft01 p { font-size: 16px; }
.aft01 .box .min:nth-of-type(2) { margin-left: -25px; }
.aft02 .top p { font-size: 15px; line-height: 26px; margin-top: 8px; }
.aft02 .top .line { height: 42px; margin: 14px 0;position: relative; }
.aft02 .top h4 { font-size: 22px; }
.aft02 .bot { width: 110%; }
.aft02 .top { margin-bottom: 20px; }
.aft02 .botF { padding: 0 0px; }
@keyframes hua2 { from { top: 0%; } to { top: 95%; } }
.aft02 .bot .aft02Swiper { width: 100%; }
.aft02 .bot { width: 100%;padding: 20px; }
.aft02 .botF .fa-angle-left { left: -8px; }
.aft02 .botF .fa-angle-right{ right: -8px; }
.aft02 { padding: 80px 0 40px; }
.aft02 .bg_fix { height: 483px; }
.aft03 .icenter2 {flex-flow: wrap;}
.aft03 .icenter2 .le {width: 100%;height: auto;margin-bottom: 20px;}
.aft03 .icenter2 .ri {width: 100%;}
.aft03 dl dd .icon { width: 60px; margin-right: 31px; }
.aft03 { padding-bottom: 50px; }
.aft04 {    padding: 50px 0 20px; background-attachment: unset;}
.aft04 .hu_h3 { padding-left: 0px; }
.aft04 dl { margin-top: 26px; flex-flow: wrap;}
.aft04 dl dd {     padding-left: 22px; padding-bottom: 22px; width: fit-content; margin-bottom: 30px; }
.aft04 dl dd .bg {     width: 72px; bottom: 0px; }
.aft04 dl dd .le .imgbox {    height: 153px; width: 123px;}
.aft04 dl dd .ri .name { font-size: 14px; width: 114px; height: 33px; }
.aft04 dl dd .ri .number { margin-top: 38px; }
.aft04 dl dd .ri .number .t a { font-size: 24px; }
.aft04 dl dd .ri .number .t .icon { width: 32px; margin-right: 6px; }
.aft04 dl dd .ri .number span { font-size: 14px; }
.aft04 dl dd .ri { width: 60%; margin-left: 8%; }
.aft01 .box:hover .min:nth-of-type(1) { left: 168px; }
.aft01 .box:hover .min:nth-of-type(2) { right: 168px; }


/* news */
.pagenews { padding: 50px 0;}
.h5_dates02 { display: block; }
.h5_dates01 {display: none!important;}
.pagenews { padding: 50px 0;}
.pagenews dl { width: calc(100% - 0px); padding: 50px 0; }
.pagenews dl a p { width: 100%; margin-left: 0px; }
.pagenews dl a dd { width: 100%; position: unset; margin-top: 14px; }
.pagenews dl a dd strong { margin-bottom: 30px;      font-size: 20px; }
.pagenews dl a dd font { line-height: 24px;     display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden; font-size: 14px; }
.pagenews {padding: 20px 0 0;}
.pagenews dl a .dates span {       font-family: arial; font-size: 14px;}
.pagenews dl a .dates {    display: flex;    right: auto; left: 0px; top: 275px;     position: unset;   align-items: center; }
.pagenews dl a .dates font {margin-top: 0px;     font-family: arial;   line-height: 14px!important;    font-size: 14px;}
.pagejobicon dl:after {display: none;}
.pagenews dl a .dates font { color: #333;}
.pagenews dl:nth-child(2n) p { margin-left: 0; }
.pagenews dl a p img { height: 200px; }
.page { padding: 40px 0; }
.page a { margin-right: 14px; font-size: 16px; width: 30px; height: 30px; }
.page span {margin-right: 14px; font-size: 16px; width: 30px; height: 30px; }
.newshowtxt { width: 94%; margin: 50px auto; }
.sxy { margin-top: 40px;}
.sxy a { padding: 10px 0; font-size: 12px; }
.bottomfx dd span { font-size: 13px; line-height: 30px; margin-right: 12px; }
.bottomfx dd .fx a { width: 30px; height: 30px; line-height: 30px; border-radius: 50%; margin-right: 6px; font-size: 15px; }
.bottomfx dt a {    width: 94px; height: 30px; font-size: 12px; line-height: 30px; }
.bottomfx dt a span {font-size: 12px;}
.newsinfo_banner { margin-top: 60px; }
.newsinfo_banner .news_text { width: 94%; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.newsinfo_banner .news_text .bt { font-size: 22px; }
.newsinfo_banner img {height: 250px;}
.newshowtxt p { font-size: 14px; line-height: 24px; margin-bottom: 14px; }

/* contact */
.con_banner { margin-top: 60px; }
.con01 .icenter2 .bot .box .imgbox img { height: 202px; }
.con02 { padding: 70px 0; }
.con_banner img {height: 552px;}
.con01 .icenter2 { top: -417px; }
.con01 .icenter2 .tel { flex-flow: wrap; }
.con01 .icenter2 .tel .num { margin-right: 0px;margin-bottom: 20px; }
.con01 .icenter2 .icon { margin-bottom: 24px; padding: 12px; }
.con01 .icenter2 .tel .num a { font-size: 32px; padding-bottom: 5px; }
.con01 .icenter2 .tel .num h4 { font-size: 15px; margin-top: 12px; }
.con01 .icenter2 .tel { margin-bottom: 30px; flex-flow: wrap; }
.con01 .icenter2 .bot { padding-bottom: 68px; }
.con01 .icenter2 .bot .fa { width: 36px; height: 36px; }
.con01 .icenter2 .bot .fa img { width: 20px; }
.con01 .icenter2 .bot::after { width: 71%; height: 1px; bottom: 4%; left: 50%; }
.con01 { padding: 190px 0 10px;}
.con_banner img { height: 502px; }
.con01 { padding: 190px 0 100px; }
.con02 .top h3 { font-size: 26px; margin-bottom: 8px; }
.con02 .top { margin-bottom: 26px; }
.con02 form label { flex-flow: wrap; margin-bottom: 0px;  }
.con02 form label span {width: 100%;}
.con02 form label span { margin-bottom: 16px; }
.con02 form h5 {     font-size: 14px; margin: 6px 0 34px; line-height: 26px;}
.con02 .top h4 { font-size: 14px; line-height: 26px; }
.honor01 { padding: 50px 0; }
.honor01 .ho01_bg {display: none;}
.honor01 .left .icenter2 { top: 0px; }
.honor01 .left  {margin-bottom: 30px;} 
.honor01 .right {right: 0px; top: 0px; height: auto; position: unset; width: 100%; display: flex; flex-direction: column; flex-flow: column-reverse; }
.honor01 .right .h01thumbs {left: 0px; bottom: 24px;    width: 100%; }
.honor01 .left dl  {display: flex;flex-flow: wrap;justify-content: space-between;}
.honor01 .left dl dd .text h5 { font-size: 17px; }
.honor01 .left dl dd .text h4 { font-size: 12px; margin-bottom: 3px; }
.honor01 .left dl dd { width: 48%; padding-bottom: 11px; padding-top: 6px; }
.honor01 .left dl dd .icon { width: 20px; }
.honor01 .right .h01thumbs { left: 0px; bottom: 0px; width: 100%; position: relative; margin-bottom: 20px;}
.honor01 .right .h01thumbs .text { padding: 24px; width: 94%; height: 208px; margin: auto; }
.honor01 .right .text h4 { font-size: 22px; margin-bottom: 22px; }
.honor01 .right .text h4::after { bottom: -13px; width: 37px; height: 2px; left: 2px; }
.honor01 .right .text p { font-size: 14px; line-height: 24px; }
.honor01 .honor01Swpier .swiper-slide {height: 100%;}
.honor01 .honor01Swpier .box .imgbox img { height: 100%; border-radius: 20px; overflow: hidden; height: 208px; width: 94%; margin: auto; }
.honor02 { padding: 50px 0; } 
.honor02 dl dd { padding: 34px 30px 27px 28px; width: 100%; margin-bottom: 20px; }
.honor02 dl {flex-flow: wrap;}

.honor03 { padding: 50px 0; }
.honor03 .soft_h4 { margin-bottom: 20px; }
.honor03 .swiper-wrapper .swiper-slide img {     width: 84px; max-height: 118px; transition: 0s;}
.honor03 .swiper-wrapper .swiper-slide-active img { width: 149px; max-height: 225px;}
.honor03 .swiper-wrapper .swiper-slide-active { margin-right: 4px !important; }
.honor03 .com_cc .text h4 { font-size: 12px; }
.honor03 .com_cc .text h5 {     font-size: 12px; width: 123px; height: 51px;}
.honor03 .fa { width: 15px; height: 31px; }
.honor03 .le_cc .text { margin-left: 10px; }
.honor03Swiper { padding-top: 80px;height: 294px;  }
.honor03 .ri_cc .text { margin-right: 10px; }
.honor03 .ban { bottom: 38px; }
.honor04 { padding: 50px 0; }
.honor04 .botF { width: 100%; }
.honor04 .bot { width: 100%; }
.honor04 .box h4 { font-size: 18px; margin-top: 16px; }
.honor05 .bg1,.honor05 .bg2 {display: none;}
.honor05 { padding: 50px 0; }
.honor05 .box h4 {     font-size: 14px; margin-top: 10px; }
.honor05 .hu_h3 { margin-bottom: 20px; }
.honor04 .hu_h3 { margin-bottom: 0px; }
.imgshow { width: 100%; height: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.s_list01 .top {     width: 94%; padding: 30px; margin-top: 0px; }
.solu_list_banner {margin-top: 60px;}
.s_list01 .top h3 { font-size: 26px; margin-bottom: 10px; }
.s_list01 .top p { font-size: 14px; line-height: 24px; margin-bottom: 24px; width: 100%; }
.s_list01 .top .icon { width: 60px; right: 20px; bottom: 20px; }
.s_list01 .icenter2 .imgbox { width: 100%; margin-bottom: 24px; }
.s_list02 { padding: 73px 0 50px; }
.s_list02 dl dd { width: 100%; margin-right: 0%; margin-bottom: 20px; padding: 33px 0 29px; }
.s_list04 { padding: 50px 0; }
.s_list04 .bot { width: 100%; }
.s_list04 .botF { width: 100%;}
.s_list04 .botF { margin-bottom: 16px; }
.s_list04 .bg {display: none;}
.s_list03 { padding: 50px 0; }
.s_list03 .bot { width: 100%; }
.s_list03 .swiper-slide .box img { height: 190px; }
.s_list03 .bot::before, .s_list03 .bot::after,.s_list03 .bot::before, .s_list03 .bot::before { display: none; } 
.s_list03 .bot .fa { width: 40px; height: 40px; }
.s_list03 .bot .fa-left { left: 5px; }
.s_list03 .bot .fa-right {right: 5px; }
.s_list03 .bot .box h5 { font-size: 14px; line-height: 24px; width: 340px; }
.solu01 { padding: 50px 0; }
.solu01 dl { height: auto; width: 100%; }
.solu01 .ri_bg {     height: 220px; width: 94%; position: unset; margin: auto; margin-top: 30px; border-radius: 20px; }
.solu01 dl dd.active { padding: 24px; }
.solu01 dl dd { margin-bottom: 16px; padding: 0 20px; }
.solu01 dl dd .text p { width: 100%; }
.solu01 dl dd .text { width: 88%; }
.solu02 { padding: 50px 0; }
.solu02 .bot { padding-left: 0%; width: 94%; margin: auto; }
.solu02 { padding: 50px 0 100px; }
.solu02 .op { bottom: 7%; left: 50%; width: 96%; transform: translateX(-50%); }
.solu02 .op .solu02Swiper-pagination { position: unset; width: 77%; height: 3px; }
.solu03 { padding: 50px 0; }
.solu03 .top { height: auto; flex-direction: column-reverse; }
.solu03 .top .le {margin-bottom: 26px;width: 100%;padding-bottom: 0px;}
.solu03 .top .le .hu_h3{text-align: center;}
.solu03 .top .imgbox { width: 100%; border-radius: 20px; margin-bottom: 16px; height: 200px;    text-align: center;}
.solu03 .top .le p { width: 100%; font-size: 14px; line-height: 24px; margin-top: 20px;     }
.solu03 .top .le p::before { top: -10px; width: 47px; height: 2px; left: 50%; transform: translateX(-50%);}
.solu03 .bot { height: auto;flex-direction: column; }
.solu03 .bot .ri { width: 100%; padding: 0px 0 0 0px; }
.solu03 .wen2 {display: none;}
.solu03 .wen1 {display: none;}
.solu04 .bg {display: none;}
.solu03 .bot .imgbox { border-radius: 20px; width: 100%; height: 100%;     height: 200px;}
.solu03 .bot .ri p { font-size: 16px; line-height: 26px; margin-top: 12px;    text-align: center; }
.solu03 .bot .ri p::before {display: none;}
.solu04 .hu_h3 { margin-bottom: 26px; }
.solu04 .bot { padding: 40px 0 48px; border-radius: 20px; }
.solu04 .content { padding: 24px 24px 0; }
.solu04 .content .min h5 { font-size: 14px; line-height: 24px; width: 100%; }
.solu04 .content .min h4 { font-size: 20px; margin-bottom: 4px; }
.solu04 .nav .box img { width: 34px; margin-bottom: 9px; }
.solu04 .nav .box span { font-size: 12px; } 
.solu04 .nav { padding: 0px 10px 3px; flex-flow: wrap; }
.solu04 .nav .box::after {display: none;}
.solu04 .nav .box { width: 33%; margin-bottom: 16px; }
.solu04 .nav .box.active::after {display: none;}
.solu04 .nav .box:hover::after {display: none;}
.solu04 .bot .s04_textSwiper-pagination {width: 100%;    bottom: -37px; }
.solu04 .bot .swiper-pagination-bullet { margin: 0 5px; width: 22px;}
.solu04 { padding-bottom: 87px; }
.culture01 {     top: 0px; margin-top: 290px; padding: 50px 0; position: relative; height: auto;}
.culture02, .culture03, .culture04 { top: 0px; position: relative; height: auto; padding: 50px 0; background-color: #fff; flex-flow: wrap;}
.culture02 {padding-top: 100px;}
.culture05 { padding: 100px 0 0px; }
.culture01 .icenter2 h4 { font-size: 14px; margin: 8px 0 18px; }
.culture01 .icenter2 p { font-size: 18px; line-height: 32px; margin-bottom: 44px; width: 100%; }
.culture01 .icenter2 img { width: 46px; }
.culF { height: auto; overflow: hidden; position: relative;}
.culture02 dl dd { width: 100%; margin-bottom: 70px;     padding: 50px 30px 35px;}
.culture02 dl {flex-flow: wrap;}
.culture02 dl dd .icon { width: 92px; height: 92px; top: -15%; }
.culture03 .bg .cir { width: 178px; }
.culture04 {flex-flow: column-reverse;}
.culture04 .icenter2 .box { padding: 50px 28px; width: 100%; margin-bottom: 20px; }
.culture05 { padding: 50px 0 0px; }
.culture05 dl dd {width: 100%;margin-bottom: 20px;}
.culture04 .icenter2 .box .icon {display: none;}
.culture04 .left .wen {display: none;}
.culture04 .icenter2 { position: unset; transform: none; left: 0px; top: 0px; }
.culture04 .right { width: 100%; height: auto; }
.culture04 .right img { height: 250px; width: 94%; margin: auto; margin-bottom: 20px; }
.culture04 .icenter2 .box .seg h4 { font-size: 24px; margin-bottom: 22px; }
.culture03 .left { width: 100%; height: 100%;  }
.culture03 .right {width: 100%;}
.culture03 .right .text { position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; }
.culture03 .left img { height: 300px; object-fit: cover; }
.culture02 dl dd:nth-of-type(3n) {margin-bottom: 0px;}
.culture03 .bg .tips h4 { font-size: 18px; margin: 8px 0; }
.culture03 .bg .tips h5 { font-size: 14px; }
.culture03 .bg .tips img { width: 26px; }
.culture03 .bg { top: 27%; }
.culture03 .right .text .seg { margin-bottom: 22px; }
.culture03 .right .text .seg h4 { font-size: 20px; margin-bottom: 20px; }
.culture03 .right .text .seg p { font-size: 13px; line-height: 24px; }
.culture03 .right img { height: 350px; }
.culture04 { padding-top: 0px; }
.pro {flex-flow: wrap;}
.pro .left { width: 94%;padding-top: 50px; margin: auto;   padding-left: 0px;    border: 0px;}
.pro .right { width: 100%;padding: 50px 20px 0px;}
.pro .left .seg:nth-of-type(1) {padding-top: 0px;}
.pro .left .seg:last-of-type { padding-bottom: 0px; }
.pro .right .seg .title h3 { font-size: 24px; margin-bottom: 2px; }
.pro .right .seg .title h4 {font-size: 14px;}
.pro .right .seg .title { margin-bottom: 24px; padding-left: 18px; }
.pro .right .seg .title h3::before { width: 9px; height: 9px; left: -18px; }
.pro .right .seg dl dd { height: 330px; width: 100%; margin-right: 0%; margin-bottom: 20px; }
.pro .right .seg { margin-bottom: 42px; }
.pro .right .seg dl dd .content .icon { width: 38px; margin-bottom: 174px; }
.pro .right .seg dl dd .content .t { font-size: 20px; margin-bottom: 38px; }
.pro .right .seg dl dd .content { top: 18%; }

.proinfo_banner { position: relative; margin-top: 60px; padding: 50px 0 50px;overflow: hidden; }
.icenter3 { width: 94%; }
.proinfo_banner .left { width: 100%;justify-content: flex-start;     margin-bottom: 20px;}
.proinfo_banner .icenter3 {    flex-flow: wrap; justify-content: flex-start;padding: 0px;}
.proinfo_banner .right { width: 100%; }
.proinfo_banner .right h3 { font-size: 26px; margin-bottom: 15px; }
.proinfo_banner .left .main .icon img { height: 267px; }
.proinfo_banner .left .tab { width: 62px; }
.proinfo01 .top { padding: 50px 0; }
.proinfo01 .top .icenter3 {flex-flow: wrap;}
.proinfo01 .top .le {width: 100%; margin-bottom: 40px;}
.proinfo01 .top .ri {width: 100%;}
.proinfo01 .top .le img {width: 70%;margin: auto;}
.proinfo01 .top .le .swiper-pagination { bottom: -41px; }
.proinfo01 .top h3 { font-size: 24px; margin-bottom: 20px; }
.proinfo01 .top .ri ul li { width: 48.5%; margin-right: 3%;margin-bottom: 50px; }
.proinfo01 .top .ri ul li:nth-of-type(3n) { margin-right: 3%; }
.proinfo01 .top .ri ul li:nth-of-type(2n) { margin-right: 0%; }
.proinfo01 dl { margin: 50px 0;     flex-flow: wrap;}
.proinfo01 dl dd { border-radius: 15px; padding: 44px 15px 55px; width: 100%; margin-bottom: 20px; }
.proinfo01 {overflow: hidden;}
.proinfo02 ul { margin-bottom: 37px; padding: 24px; }
.proinfo02 { padding: 50px 0; }
.proinfo02 { background-size: 1200px auto; padding: 50px 0; animation: bg_move 10s linear infinite; background-position: -330px center; }
.proinfo02 h3 { font-size: 24px; margin-bottom: 30px; }
.proinfo02 a { width: 170px; height: 40px; font-size: 14px; }
.proinfo03 { padding: 50px 0; }
.proinfo03 h3 { font-size: 24px; margin-bottom: 10px; }
.proinfo03 h4 { font-size: 14px; margin-bottom: 24px;     text-align: center;}
.proinfo03 .share .s a { width: 34px; height: 34px; font-size: 14px; margin-right: 6px; }
.proinfo03 .share span { font-size: 14px; margin-right: 10px; }
.proinfo03 .min a { width: 146px; height: 36px; line-height: 36px; }
.proinfo01 dl dd p { font-size: 13px; line-height: 22px; width: 91%; }
.proinfo02 ul li {overflow-x: scroll;    padding-bottom: 15px;}
.proinfo02 ul li img {width: 827px;}

.proinfo02 ul li::-webkit-scrollbar { height: 1px; width: 3px; }
.proinfo02 ul li::-webkit-scrollbar-thumb { border-radius: 2px; -webkit-box-shadow: inset 0 0 5px rgba(127,127,127,0.3);     background: #ded8d8; }
.proinfo02 ul li::-webkit-scrollbar-track { /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */ border-radius: 2px; background: rgba(164,164,164,0.1); }
.solu_list_banner img{height: 280px;}
.aft02 .bot .box { box-shadow: 5px 0px 15px rgb(0 0 0 / 20%); }
.com02 .icenter2 .content .text .icon { margin: auto; }
.com02 .icenter2 .content .text h4 { text-align: center; }
.com02 .icenter2 .content .text p { text-align: center; }
.com02 .icenter2 .fix_icon { left: 50%; transform: translateX(-50%); }
.culture02 dl dd span { font-size: 20px; }
.i06_h5{display: block; top: 43%; position: relative; transform: translateY(-50%);}
.solu01 .top p br {display: none;}
.aft02 .botF .fa{font-size:40px ;} 
.aft03 dl dd .text h4 strong{font-size: 44px;}
.newshowtxt p a{font-size: 14px;}
.proinfo_banner .vi {display: none;}
.proinfo_banner::after { background: url("../img/proinfo_banner.jpg")/*tpa=https://www.chuandao.com/static/chuandao/static/img/proinfo_banner.jpg*/;background-size: cover;}
.index_banner {     height: calc(70% - 60px); margin-top: 60px;}
.index_banner .indexSwiper-pagination {display: none;}
.index01 .text_cc .com_h3 {display: none;}
.index01 .text_cc h4 {display: none;}
.index01 .text_cc p {display: none;}
.s_list02 .content .box h4 { font-size: 15px; margin: 15px 0 24px; }
.s_list02 .content .swiper-pagination-bullet { margin: 0 4px; width: 6px; height: 6px;}
.s_list02 .content .swiper-pagination { bottom: -30px; }
.index07 dl dd { margin-right: 0%; }

}