html, body, div,
h1, h2, h3, h4, h5, h6,
hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre, form, fieldset, object, code,
legend, button, input, textarea, label,
th, td, a, img{margin: 0; padding: 0; border: 0; outline: 0;}
body{font: 12px/1.5 'Microsoft YaHei', 'Helvetica Neue', 'Helvetica', 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif'; color: #333; background-color: #fff;}
li{ list-style: none; }
.inner{max-width: 1400px;margin: 0 auto;}
a:hover{text-decoration: none;}
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display: block; }
p{font-size: 16px;color: #333333;line-height: 35px;}
img{ max-width: 100%; }
#dplayer{ width: 100%; height: 460px; }
/*滚动条样式*/
::-webkit-scrollbar{width:6px; height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent; background: #f8f8f8; border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px; background: #bbb;}
/*menu*/
.menu{ width: 100%; height: 100%; box-sizing: border-box; padding:90px 0; position: fixed; top:-100%; left:0; background: #246dd5 url(../images/menu_bg.jpg) no-repeat center; background-size: cover; z-index: 99999; transition: all ease 0.8s; overflow: hidden; }
.menu .inner{ max-width: 84%; }
.menu_info .hd{ margin-bottom:100px; }
.menu_info ul{ overflow: hidden; }
.menu_info li{ width: 33.3%; float: left; text-align: left; height: 30vh; }
.menu_info li strong{ display: block; font-size: 22px; color: #fff; font-weight: normal; line-height: 1; margin-bottom: 18px; }
.menu_info li a, .menu_info li p{ display: block; font-size: 14px; line-height: 24px; color: rgba(255,255,255,.7); }
.menu_info li a:hover{ color: rgba(255,255,255, 1); }
.menu_info li strong:hover{ font-weight: bold; }
.menu_logo{ padding-left: 50%; }
.menu_logo .close_btn{ display: inline-block; width: 50px; height: 50px; background: #fff; border-radius: 50%; text-align: center; line-height: 50px; margin-bottom: 80px; float: right; }
.menu_logo .close_btn span{ color: #262626; font-size: 24px; }
.menu_logo .hd p{ font-size: 18px; color: #fbf0f0; margin-top: 35px; padding-left: 28px; position: relative; }
.menu_logo .hd p::before{ content: ""; display: inline-block; width: 20px; height: 2px; background: #fff; position: absolute; left: 0; top:50%; margin-top: -1px; background: #fff; border:0; }
.menu_logo .close_btn:hover{ animation: swing 1s;}
/*h_top*/
.h_top{ padding:23px 0;  }
.h_top .inner{ position: relative; overflow: visible; }
.h_top .row{ display: flex; justify-content: space-between; }
.h_top .tel{ background: #2776db; display: flex; flex-flow: column; position: absolute; right: 0; top:-23px; box-sizing: border-box; padding:26px 15px 52px; align-items: center; z-index: 33; }
.h_top .tel > span{ display: inline-block; width: 30px; height: 30px; line-height: 30px; background: #fff; border-radius: 50%; text-align: center; font-size: 18px; color: #2776db; }
.h_top .tel > a{ display: inline-block; }
.h_top .tel p{ font-size: 14px; color: #ffffff; position: relative; padding:18px 0 24px; line-height: 1; margin-bottom: 40px; }
.h_top .tel p::after{ content: ""; display: inline-block; width: 42px; height: 1px; background:#99bfee; border:0; position: absolute; bottom:0; left: 50%; margin-left: -21px; }
.h_top .tel a > span{ font-size: 24px; color: #fff; transition: all .3s; }
.h_top .tel a:hover{ animation: swing 1s;}
/*h_menu*/
.navbar-nav{ display: flex; justify-content: space-between; flex-direction: row; height: 72px; align-items: center;  justify-content: space-between; flex-wrap: wrap; padding-right: 9%; width: 63%; }
.navbar-nav a{ flex: 1; font-size: 16px; color: #333333; height: 100%; display: flex; align-items: center; transition: all .3s; }
.navbar-nav a:hover{ color: #da3436; font-weight: bold; transition: all .3s; }
/*banner*/
#banner{ width: 100%; height: 844px; }
#banner .swiper-slide{ min-width: 1400px; position: relative; background-position: center!important; background-size: cover!important; }
#banner .swiper-slide a{ position: absolute; top:0; left: 0; display: block; width: 100%; height: 100%; }
#banner .swiper-slide .inner{ overflow:visible; position: relative; height: 844px; width: 1400px; margin:0 auto; display: block; }
#banner .swiper-slide .b1_tit{ position: absolute; top:142px; left: 155px; }
#banner .swiper-slide .b1_p{position: absolute; top:300px; left: 344px; }
#banner .swiper-slide .b2_tit{ position: absolute; top:172px; left: 136px; }
#banner .swiper-slide .b2_p{position: absolute; top:314px; left: 210px; }
#banner .swiper-slide .b3_tit{ position: absolute; top:266px; left: 28px; }
#banner .swiper-slide .b3_p{position: absolute; top:382px; left: 26px; }
#banner .swiper-slide .b3_a{position: absolute; top:472px; left: 30px; }

#banner .swiper-button-next, #banner .swiper-button-prev{ background-image: none; width: 56px; height: 100px; margin-top: -50px; background: #656567; display: flex; justify-content: center; align-items: center; transition: all .3s; }
#banner .swiper-button-next span, #banner .swiper-button-prev span{ font-size: 28px; color: #fff; line-height: 1; }
#banner .swiper-button-next:hover, #banner .swiper-button-prev:hover{ background: #2776db; transition: all .3s; }
#mob_banner{ display: none; }
/*m_pro*/
.m_pro{ overflow: hidden; background: url(../images/pro_bg.jpg) no-repeat top center; padding:78px 0 130px; }
.m_pro .hd{ width: 100%; display: flex; justify-content: space-between; margin-bottom: 34px; }
.m_pro .hd strong{ display: inline-block; width:172px; height: 40px; background:url(../images/pro_tit.png) no-repeat top center; overflow: hidden; text-indent: -9999px; }
.m_pro .hd p{ text-align: right; font-size: 26px; color: #999999; font-weight: bold; padding-left: 108px; position: relative; }
.m_pro .hd p::before{ content: ""; display: inline-block; width: 88px; height: 1px; background:#929698; border:0; position: absolute; left: 0; top:50%; }
.m_pro .bd{ overflow: hidden; display: flex; justify-content: space-between; width: 100%; }
.m_pro .p_type{ width: 240px; }
.m_pro .p_type a{ display: block; box-sizing: border-box; border:1px solid #d2d2d2; position: relative; transition: all .3s; }
.m_pro .p_type a + a{ margin-top: 12px; }
.m_pro .p_type a span{ display: block; line-height: 1; padding:14px 0; text-align: center; font-size: 16px; color: #333333; position: relative; z-index: 4; }
.m_pro .p_type a::after{ content: ""; display: block; width: 0%; height: 100%; background: #2776db; border:0; position: absolute; left: 50%; top:0; transition: all .3s; z-index: 3; }
.m_pro .p_type a:hover{ border-color: #2776db; transition: all .3s; }
.m_pro .p_type a:hover span{ color: #fff; transition: all .3s; }
.m_pro .p_type a:hover::after{ width: 100%; transition: all .3s; left: 0%; }
.m_pro .p_list{ width: 1130px; }
.p_list a{ width: 100%; display: block; border:1px solid #d2d2d2; overflow: hidden; transition: all .3s; }
.p_list a .img{ width: 100%; height: 228px; overflow: hidden; background: #fff; box-sizing: border-box; padding:30px; }
.p_list a .img img{ width: 100%; height: 100%; object-fit: contain; transition: all .3s; }
.p_list a .txt{ padding:23px 15px; box-sizing: border-box; overflow: hidden; display: flex; align-items: center; flex-flow: column; }
.p_list a .txt strong{ line-height: 26px; font-size: 16px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; transition: all .3s; }
.p_list a .txt span{ display: flex; width: 28px; height: 28px; background: #2776db; border-radius: 50%; align-items: center; justify-content: center; margin:32px 0; font-size: 10px; color: #fff; }
.p_list a:hover{ background: #2776db; border-color: #2776db; transition: all .3s; }
.p_list a:hover .img img{ transition: all .3s; transform: scale(1.05); }
.p_list a:hover strong{ color: #fff; transition: all .3s; }
.p_list a:hover span{ background: #fff; color: #2776db; transition: all .3s; }
/*m_case*/
.m_case{ overflow: hidden; background: #fff; padding:50px 0; }
.m_case .row > .hd{ width: 100%; display: flex; justify-content: space-between; margin-bottom: 34px; }
.m_case .row > .hd > strong{ display: inline-block; width:172px; height: 40px; background:url(../images/case_tit.png) no-repeat top center; overflow: hidden; text-indent: -9999px; }
.m_case .row > .hd > p{ text-align: right; font-size: 26px; color: #999999; font-weight: bold; padding-left: 108px; position: relative; }
.m_case .row > .hd > p::before{ content: ""; display: inline-block; width: 88px; height: 1px; background:#929698; border:0; position: absolute; left: 0; top:50%; }
.m_case .row > .bd{ overflow: hidden; display: flex; justify-content: space-between; width: 100%; }
.m_case .case_type{ width: 240px; }
.m_case .case_type li{ width: 100%; height: 156px; background: #393939; text-align: center;  transition: all .3s; }
.m_case .case_type li:nth-child(even){ background: #4c4b4b; }
.m_case .case_type li a{ display: block; width: 100%; height: 100%; }
.m_case .case_type li span{ display: block; font-size: 50px; line-height: 1; color: #fff; padding:35px 0 15px; transition: all .3s; }
.m_case .case_type li strong{ font-size: 18px; color: #ffffff; font-weight: normal; }
.m_case .case_type li.on, .m_case .case_type li:hover{ background: #2776db; transition: all .3s; }
.m_case .case_type li.on span, .m_case .case_type li:hover span{ animation: swing 1s; padding:35px 0 20px; transition: all .3s; }
.m_case .slideBox > .hd{ width:calc(100% - 1130px);  }
.m_case .case_list{ width: 1130px; }
.case_list a{ display: block; position: relative; overflow: hidden; height: 624px; }
.case_list a img{ width: 100%; height: 100%; object-fit: cover; }
.case_list a .txt{ background: rgba(0,0,0,.72); box-sizing: border-box; width: 100%; overflow: hidden; padding:32px; position: absolute; left: 0; bottom:0; transition: all .3s; }
.case_list a .txt strong{ font-size: 20px; color: #ffffff; line-height: 32px; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; margin-bottom: 10px; }
.case_list a .txt p{ text-indent: -2em; font-size: 14px; line-height: 2; width: 80%; color: #b4b0b0; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.case_list a:hover .txt{ background: rgba(0,0,0,1);  transition: all .3s; padding:28px 32px; }
#case .swiper-button-next, #case .swiper-button-prev{ background-image: none; transition: all .3s; width: 26px; height: 26px; border-radius: 50%; top:90%; }
#case .swiper-button-next{ right: 56px; }
#case .swiper-button-prev{ left: unset; right: 108px; }
#case .swiper-button-next span, #case .swiper-button-prev span{ font-size: 26px; color: #fff;  line-height: 1; }
#case .swiper-button-next:hover span, #case .swiper-button-prev:hover span{ color: #2776db; transition: all .3s; }
/*m_about*/
.m_about{ overflow: hidden; background: url(../images/about_bg.jpg) no-repeat top center; padding:78px 0; }
.m_about .hd{ width: 100%; display: flex; justify-content: space-between; margin-bottom: 40px; }
.m_about .hd strong{ display: inline-block; width:172px; height: 40px; background:url(../images/about_tit.png) no-repeat top center; overflow: hidden; text-indent: -9999px; }
.m_about .hd p{ text-align: right; font-size: 26px; color: #999999; font-weight: bold; padding-left: 108px; position: relative; }
.m_about .hd p::before{ content: ""; display: inline-block; width: 88px; height: 1px; background:#929698; border:0; position: absolute; left: 0; top:50%; }
.m_about .bd{ overflow: hidden; width: 100%; }
.m_about .bd .img{ height: 256px; box-sizing: border-box; padding:74px 0 62px; background: url(../images/img_bg.jpg) no-repeat center; overflow: hidden; text-align: center; }
.m_about .bd .img strong{ font-size: 30px; color: #ffffff; font-weight: normal; line-height: 1; }
.m_about .bd .img p{ font-size: 18px; color: #dedede; line-height: 1; margin: 20px 0 26px; }
.m_about .bd .img a{ display: inline-block; width: 26px; height: 26px; line-height: 26px; border-radius: 50%; background: #2776db; text-align: center;  }
.m_about .bd .img a span{ font-size: 10px; color: #fff; line-height: 1; }
.m_about .bd ul{ overflow: hidden; margin:62px 0; display: flex;  }
.m_about .bd li{ width: 25%; height: 82px; text-align: center; box-sizing: border-box; }
.m_about .bd li + li{ border-left: 1px solid #d6d5d5; }
.m_about .bd li span{ font-size: 60px; color: #2776db; font-weight: bold; line-height: 1; margin:12px 0; font-family: Impact; }
.m_about .bd li span + span{ font-size: 10px; font-weight: normal; position: relative; bottom:42px; left: 6px; }
.m_about .bd li small{ display: block; font-size: 14px; color: #666666; }
.m_about .bd p{ padding:0 90px; font-size: 16px; color: #666666; line-height: 30px; text-align: center; overflow:hidden; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; }
/*m_news*/
.m_news{ overflow: hidden; background: #fff; padding:54px 0; }
.m_news .hd{ width: 100%; display: flex; justify-content: space-between; margin-bottom: 42px; }
.m_news .hd strong{ display: inline-block; width:172px; height: 40px; background:url(../images/news_tit.png) no-repeat top center; overflow: hidden; text-indent: -9999px; }
.m_news .hd p{ text-align: right; font-size: 26px; color: #999999; font-weight: bold; padding-left: 108px; position: relative; }
.m_news .hd p::before{ content: ""; display: inline-block; width: 88px; height: 1px; background:#929698; border:0; position: absolute; left: 0; top:50%; }
.m_news .bd{ overflow: hidden; }
.m_news .bd .hot{ overflow: hidden; background: #f9f9f9; display: flex; justify-content: space-between; }
.m_news .bd .hot a{ display: block; overflow: hidden; width: 82%; }
.m_news .bd .hot a .img{ width: 100%; height: 426px; overflow: hidden; }
.m_news .bd .hot a .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.m_news .bd .hot a .txt{ padding:48px 0 40px; }
.m_news .bd .hot a .txt strong{ display: block; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 22px; line-height: 34px; font-weight: normal; color: #333333; transition: all .3s; }
.m_news .bd .hot a .txt > span{ font-size: 14px; color: #666666; line-height: 1; display: block; margin:26px 0 58px; }
.m_news .bd .hot a .txt p{ text-indent: -2em; font-size: 14px; color: #999999; line-height: 30px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.m_news .bd .hot a .txt small{ display: inline-block; margin-top: 36px; font-size: 14px; color: #be000e; line-height: 1; transition: all .3s; padding:16px 0; }
.m_news .bd .hot a .txt small span{ font-size: 16px; color: #be000e; line-height: 1; position: relative; top:3px; margin-left: 0; }
.m_news .bd .new_phone{ text-align: center; padding:315px 0 0; width: 229px; background: url(../images/new_phone_bg.jpg) no-repeat top center; }
.m_news .bd .new_phone p{ font-size:24px; color: #ffffff; line-height: 1.5; }
.m_news .bd .new_phone p span{ font-size: 20px; color: #fff; line-height: 1; margin-right: 5px; }
.m_news .bd .list{ overflow: hidden; }
.m_news .bd .list a{ display: block; border:1px solid #eeeeee; box-sizing: border-box; width: 100%; padding:46px 24px; }
.m_news .bd .list .swiper-slide + .swiper-slide a{ border-left: 0; }
.m_news .bd .list a span{ font-size: 14px; color: #444444; display: inline-block; line-height: 1; }
.m_news .bd .list a span b{ font-size: 48px; color: #444444; font-weight: normal; line-height: 1; padding-bottom: 14px; position: relative; margin-bottom: 12px; display: block; }
.m_news .bd .list a span b::after{ content: ""; display: inline-block; width: 40px; height: 1px; border:0; background: #777777; position: absolute; left: 0; bottom:0; }
.m_news .bd .list a strong{ display: block; font-size: 18px; color: #444444; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1; margin:30px 0; }
.m_news .bd .list a p{ text-indent: -2em; font-size: 14px; color: #666666; line-height: 24px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.m_news .bd .list a small{ display: inline-block;transition: all .3s; margin-top: 36px; font-size: 14px; color: #444444; line-height: 1; }
.m_news .bd .list a small span{transition: all .3s; font-size: 16px; color: #444444; line-height: 1; position: relative; top:3px; margin-left: 0; }
.m_news .bd .hot a:hover .txt strong{ color: #2776db; transition: all .3s; font-weight: bold; }
.m_news .bd .hot a:hover .txt small{ transition: all .3s; padding:16px 26px; background: #be000e; color: #fff; }
.m_news .bd .hot a:hover .txt small span{ color: #fff; transition: all .3s; margin-left: 10px; }
.m_news .bd .list a:hover strong{ color: #2776db; transition: all .3s; font-weight: bold; }
.m_news .bd .list a:hover small{ transition: all .3s; letter-spacing: 1px; color: #2776db; }
.m_news .bd .list a:hover small > span{ color: #2776db; margin-left: 5px; }

/*footer*/
.footer{ padding-top: 78px; overflow: hidden; background: url(../images/f_bg.jpg) no-repeat top center; }
.f_contact{ width: 100%; overflow: hidden; }
.f_contact span{ display: block; height: 66px; background: url(../images/f_contact_tit.png) no-repeat left center; margin-bottom: 12px; text-indent: -9999px; }
.f_contact b{ display: block; font-size: 18px; color: #c4c2c2; line-height: 1;  }
.f_contact > div{ margin:60px 0 33px; overflow: hidden; }
.f_contact p{ font-size: 14px; line-height: 24px; color: #999999; }
.f_contact p a{ color: #999999;  }
.f_ewm{ padding-top: 68px; text-align: center; display: flex; justify-content: space-around; }
.f_ewm div{ display: inline-block; }
.f_ewm div img{ max-width: 100%; }
.f_ewm div p{ font-size: 14px; color: #999999; line-height: 1; margin-top: 26px; }
.f_msg{ width: 100%; overflow: hidden; box-sizing: border-box; padding-left: 6%; }
.f_msg form{ overflow: hidden; padding-top: 14px; position: relative; }
.f_msg input{ height: 42px; background: #fff; width: 80%; clear: both; outline: none; box-sizing: border-box; padding-left: 18px; color: #999999; font-size: 14px; margin-bottom: 10px; }
.f_msg textarea{ height: 52px; background: #fff; width: 80%; clear: both; outline: none; box-sizing: border-box; padding-left: 18px; color: #999999; font-size: 14px; margin-bottom: 10px; padding:13px; line-height: 24px; } 
.f_msg .code{ position: relative; }
.f_msg .code img{ position: absolute; top:0; height: 42px; right:40%; }
.f_msg #submit{ display: block; width: 212px; height: 212px; border-radius: 50%; position: absolute; right: 0; top:14px; text-align: center; background: #148ac1; outline: none; cursor: pointer; }
.f_msg #submit span{ font-size: 36px; color: #fff; line-height: 1; position: relative; z-index: 4; right:16px; transition: all .3s; }
.f_msg #submit small{ display: block; font-size: 18px; color: #ffffff; margin-top: 16px;  position: relative; z-index: 4; right: 16px;  transition: all .3s; }
.f_msg #submit::before{ content: ""; display: block; width: 100%; height: 100%; border-radius: 50%; background: #2776db; position: absolute; right: 16px; transition: all .3s; top:0; z-index: 3; }
.f_msg #submit:hover span, .f_msg #submit:hover small, .f_msg #submit:hover::before{ right: 0; transition: all .3s; }
.f_msg > span{ display: block; height: 66px; background: url(../images/f_msg_tit.png) no-repeat left center; margin-bottom: 12px; text-indent: -9999px; }
.f_msg b{ display: block; font-size: 18px; color: #c4c2c2; line-height: 1;  }
.f_copy{ overflow: hidden; padding:22px 0; background: #2776db; margin-top: 100px; color: #fff; }
.f_nav a{ display: inline-block; padding:0 28px; font-size: 14px; color: #ffffff; line-height: 1; }
.f_tj a, .f_tj p{ font-size: 14px; color: #ffffff; line-height: 18px; }
.f_tj a:hover, .f_nav a:hover, .f_contact p a:hover{ color: #f00; }
/*company_banner*/
.company_banner{ overflow: hidden; position: relative; padding:198px 0 214px; }
.company_banner .bg{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: -1; background: url(../images/company_bg.jpg) no-repeat center top; background-size: cover; }
.company_banner .tit{ overflow: hidden; }
.company_banner .tit strong{ display: block; height: 140px; background: url(../images/company_tit.png) no-repeat left center; }
.company_banner .tit p{ font-size: 16px; color: #ffffff; line-height: 36px; }
.company_banner .tit strong + p{ margin-top: 50px; }
.company_banner .tit a{ margin-top: 50px; display: inline-block; width: 28px; height: 28px; background: #2675db; border-radius: 50%; text-align: center; line-height: 28px; font-size: 14px; color: #ffffff; }
.c_about{ padding:0 0 40px; background: #fff;  }
.c_about .bd{ margin-bottom: 40px; }
/*s_banner*/
.s_banner { background-image:url(../images/company_bg.jpg); background-attachment: fixed; background-position: center top; background-repeat: no-repeat; }
.s_banner .tit{ padding:120px 0; }
.s_banner .tit span{ display: block; font-size: 40px; color: #fff; font-weight: bold; text-transform: uppercase; text-shadow: 0 0 1px #ccc; }
.s_banner .tit strong{ display: block; font-weight: normal; font-size: 30px; color: #fff; text-shadow: 0 0 1px #ccc; }
.s_banner .tit p{ font-size: 14px; color: #ffff; text-shadow: 0 0 1px #ccc;  }
.s_banner .tit p a{ color: #fff; }
.product_banner .s_banner{ background-image: url(../images/product_bg.jpg); }
.contact_banner .s_banner{ background-image: url(../images/contact_bg.jpg); }
.news_banner .s_banner{ background-image: url(../images/news_bg.jpg); }
.video_banner .s_banner{ background-image: url(../images/video_bg.jpg); }
.honor_banner .s_banner{ background-image: url(../images/honor_bg.jpg); }
.case_banner .s_banner{ background-image: url(../images/case_bg.jpg); }
.contact_banner .tit span, .contact_banner .tit strong, .contact_banner .tit p, .contact_banner .tit p a{ color: #333; }
/*c_honor*/
.c_honor{ padding:78px 0; overflow: hidden; background: url(../images/c_honor_bg.jpg) no-repeat top center; }
.c_honor .info{ overflow: hidden; }
.c_honor .info span{ font-size: 60px; color: #ffffff; font-family: impact; font-style: normal; line-height: 1; text-transform: uppercase; }
.c_honor .info strong{ font-weight: normal; display: block; font-size: 36px; color: #ffffff; line-height: 1; margin:10px 0 12px; }
.c_honor .info p{ font-size: 16px; color: #fff; line-height: 30px; }
.c_honor .info a{ display: inline-block; margin-top: 30px; padding:12px 30px; font-size: 14px; color: #ffffff; line-height: 1; border:1px solid #fff; border-radius: 30px; }
.c_honor .img{ width: 100%; }
.c_honor .img img{ width: 100%; }
/*c_case*/
.c_case{ overflow: hidden; background: #ededed; padding:60px 0; width: 100%; }
.c_case .hd{ text-align: center; margin-bottom: 24px; width: 100%; }
.c_case .hd strong{ display: block; font-size: 36px; color: #333333; line-height: 1; font-weight: normal; }
.c_case .hd p{ font-size: 14px; color: #999999; line-height: 1; margin-top: 26px; }
.c_case .bd{ position: relative; overflow: visible; }
.c_case .bd a{ display: block; width: 100%; height: 256px; overflow: hidden; }
.c_case .bd a img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.c_case .bd a:hover img{ transition: all .3s; transform: scale(1.05); }
.c_case .bd .swiper-button-next, .c_case .bd .swiper-button-prev{ background-image: none; transition: all .3s; width: 42px; height: 42px; border-radius: 50%; margin-top: -21px; }
.c_case .bd .swiper-button-next{ right: -64px; }
.c_case .bd .swiper-button-prev{ left: -64px; }
.c_case .bd .swiper-button-next span, .c_case .bd .swiper-button-prev span{ font-size: 42px; color: #9b9898;  line-height: 1; }
.c_case .bd .swiper-button-next:hover span, .c_case .bd .swiper-button-prev:hover span{ color: #3880dd; transition: all .3s; }

/*c-cursor*/
.c-cursor {position: fixed;z-index: 9999;top: 0;left: 0;pointer-events: none;mix-blend-mode: difference;-webkit-backface-visibility: hidden;backface-visibility: hidden;will-change: transform;}
.c-cursor[data-cursor-hiding="true"] {pointer-events: none;opacity: 0;}
.c-cursor[data-cursor-hiding="false"] {pointer-events: none;opacity: 1;}
.c-cursor__outer {-webkit-transform: translate3d(-50%, -50%, 1px);transform: translate3d(-50%, -50%, 1px);}
.c-cursor__inner {width: 0.5rem;height: 0.5rem;-webkit-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;-webkit-transform: rotate(135deg) scale(1) translateZ(0);transform: rotate(135deg) scale(1) translateZ(0);-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;pointer-events: none;opacity: 1;border: 1px solid #fff;background-color: #fff;will-change: width, height;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.c-cursor__svg-wrapper {display: none;-webkit-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;}
.c-cursor[data-cursor-type="left-right"] .c-cursor__inner {width: 3.75rem;height: 3.75rem;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);border-radius: 50%;background-color: transparent;}
.c-cursor[data-cursor-type="left-right"] .c-cursor__left-right {display: block;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.c-cursor[data-cursor-type="left-right"] .c-cursor__left-right svg {display: block;width: 100%;height: 100%;}
.c-cursor[data-cursor-type="left-right"] .c-cursor__left-right svg path,.c-cursor[data-cursor-type="left-right"] .c-cursor__left-right svg polygon {fill: #fff;}
.c-cursor[data-cursor-type="left-right"][data-cursor-holding] .c-cursor__inner {-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}
.c-cursor[data-cursor-type="eye"][data-cursor-holding] .c-cursor__inner {-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}
.c-cursor[data-cursor-type="interactive-element"] .c-cursor__inner,.c-cursor[data-cursor-interactive="true"] .c-cursor__inner {width: 46px;height: 46px;-webkit-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;-webkit-transform: scale(1) translateZ(0);transform: scale(1) translateZ(0);-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;opacity: 1;border-radius: 50%;background-color: #fff;}
.c-cursor[data-cursor-type="interactive-element"] .c-cursor__inner.focus::after,.c-cursor[data-cursor-interactive="true"] .c-cursor__inner.focus::after {font-size: 14px;position: absolute;z-index: 1;top: 50%;left: 50%;display: block;content: "More";transform: translate(-50%, -50%);color: #999;}
/*tool_bar*/
.tool_bar{ width: 100%; background: #000; border-top: 2px solid #1d7fd6; position: fixed; bottom:0; z-index: 999999; display: none; }
.tool_bar ul{ position: relative; display: flex; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; margin:0; padding:0; }
.tool_bar li{ position: relative; z-index: 1; display: block; margin: 0; padding:6px 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }
.tool_bar li i{ display: block; font-size: 22px; color: #fff; }
.tool_bar li span{ color: #9e9e9e; font-size: 14px; }
.tool_bar li:hover{ background: #1d7fd6; }
.tool_bar li:hover span{ color: #fff; }
/*pro_list*/
.pro_list{ overflow: hidden; width: 100%; }
.pro_list > div{ overflow: hidden; margin-bottom: 20px; width: 100%; }
.pro_list .hd{ padding:12px 0; overflow: hidden; }
.pro_list .hd strong{ display: inline-block; font-size: 28px; color: #333; position: relative; }
.pro_list .hd strong::after{ content: ""; display: inline-block; width: 30px; height: 5px; background: #2776db; border:0; position: absolute; right: -42px; top:50%; margin-top: -2px; }
.pro_list .hd a{ float: right;  }
.pro_list .hd a span{ font-size: 32px; color: #b5b5b5; }
.pro_list li{ overflow: hidden; }
.pro_list li .wrap, .pro_list li > a{ display: flex; align-items: center; width: 100%; border:3px solid #eee; box-sizing: border-box; overflow: hidden; padding:10px; }
/*.pro_list li:nth-child(1), .pro_list li:nth-child(2){ margin-bottom: 30px; }
.pro_list li:nth-child(1) .img, .pro_list li:nth-child(2) .img{ width: 50%; float: left; }
.pro_list li:nth-child(1) .txt, .pro_list li:nth-child(2) .txt{ width: 50%; float: left; }*/
.pro_list li{ margin-bottom: 30px; }
.pro_list li .img{ width: 50%; float: left; }
.pro_list li .txt{ width: 50%; float: left; }
.pro_list li .img{ overflow: hidden; transition: all .3s; }
.pro_list li .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.pro_list li:hover img{ transition: all .3s; transform: scale(1.05); }
.pro_list li .txt{ padding:20px; }
.pro_list li .txt strong{ font-size: 26px; font-weight: 500; margin: 20px 0; color: #333; font-weight: normal; display: block; }
.pro_list li .txt p{ color: rgba(46,45,45,.8); font-size: 15px; line-height: 24px; margin-bottom: 20px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.pro_list li .txt a{ display: inline-block; border:1px solid #2776db; line-height: 35px; border-radius: 17.5px; padding:0 25px; color: #2776db; transition: all .3s; }
.pro_list li .txt a + a{ margin-left: 12px; }
.pro_list li .txt a span{ font-size: 16px; margin-right: 10px; transform: all .3s; }
.pro_list li .txt a:hover{ background: #2776db; color: #fff; transform: all .3s; }
.pro_list li .txt a:hover span{ color: #fff; transform: all .3s; }
.products_list li{ margin-bottom:30px; }
/*联系我们*/
.c_content{ width: 100%; padding: 60px 0 20px; }
.c_txt{ width: 100%; height:316px; background: #f5f5f5; text-align: center; transition: all .3s; border-radius: 5px; box-shadow: 0 0 15px #f1f1f1; }
.c_txt i{ font-size: 50px; color: #525364; margin:30px 0; display: inline-block; font-weight: bold; }
.c_txt h3{ font-size: 24px; line-height: 40px; margin-bottom: 16px; color: #000; }
.c_txt p{ font-size: 16px; line-height: 28px; color: #000; margin-bottom: 0; }
.c_txt p a{ color: #000; }
.c_content .on .c_txt{ background: #1d7fd6;  transition: all .3s; }
.c_content .on .c_txt h3,.c_content .on .c_txt p,.c_content .on .c_txt p a, .c_content .on .c_txt i{ color: #fff; }
.c_message{ width: 100%; box-sizing: border; padding:50px 0; text-align: center; clear: both; overflow: hidden; }
.c_message form div{ overflow: hidden; }
.c_message textarea,.c_message input{ border-radius: 0; line-height: 38px; border: 1px solid #505050; opacity: .5; height: 38px; margin-bottom: 10px; text-indent: 10px; float: left;}
.c_message textarea{ height: 182px; resize: none; }
.c_message textarea:focus, .c_message input:focus{ box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(221, 176, 56); border-color: rgb(221, 176, 56); }
.c_message .btn-default{ margin:20px 15px 0; outline: none; padding:15px 60px; background: #1d7fd6; border:0; color: #fff; font-size: 16px; }
.c_message .btn-default+.btn-default{ background: #999; }
#allmap{width:100%;height:460px;overflow:hidden;margin:20px auto;border:1px solid #ccc;}
.no-goods{ text-align: center; padding:12px 0;  width: 100%; display: block;}
.no-goods p{ font-size: 14px; color: #ccc; line-height: 24px; margin:10px 0; }
/*b_type*/
.b_type{ overflow: hidden; background: #f8f8f8; color: #000; text-align: center; margin:0 0 30px; }
.b_type a{ display: inline-block; padding:20px 35px; font-size: 18px; color: #333; transition: all .3s; }
.b_type a:hover{ transition: all .3s; font-weight: bold; color: #f00; }
/*news_list*/
.news_list{ overflow: hidden; }
.news_list li{ box-sizing: border-box; padding:30px; border-bottom: 1px #ddd dashed; transition:all 0.3s; }
.news_list li strong{ display: block; font-size: 20px; color: #333; font-weight: normal; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news_list li p{ text-indent: -2em; font-size: 14px; color: #666; line-height: 26px; margin:12px 0 24px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.news_list li .txt > span{ color: #999; font-size: 14px; line-height: 25px; display: block; overflow: hidden; }
.news_list li small{ overflow: hidden; margin-top: 12px; display: inline-block; position: relative; }
.news_list li small i{ display: inline-block; background: #f5f5f5; height: 40px; line-height: 40px; padding:0 30px; font-size: 14px; color: #333; font-style: normal; }
.news_list li small span{ display: inline-block; width: 40px; height: 40px; background: #2776db; text-align: center; line-height: 40px; font-size: 14px; color: #fff; margin-left: -4px; }
.news_list li:hover {transform:translateY(-5px);}
.news_list li small:before { content:"查看详情"; width:100%; padding-left: 30px;font-size: 14px; height: 40px; line-height: 40px; background:#2776db; position:absolute; left:-100%; top:0; transition:0.4s all; z-index:1; overflow:hidden; }
.news_list li:hover small:before { left:0; background:#2776db87; color:#fff; transition: all .3s; }
/*news_content*/
.news_content{ width: 100%; overflow: hidden; padding:0 0 20px; }
.news_title strong{ display: block; font-size: 24px; color: #333; font-weight: bold; margin-bottom: 12px; line-height: 1.5; }
.news_title p{ font-size: 16px; color: #999; padding-bottom: 20px; border-bottom: 1px solid #ddd; margin-bottom: 20px; }
.news_content .fl{ background: #f1f1f1; box-sizing: border-box; padding:30px 45px; }
.news_content .fl p{ font-size: 16px; color: #333; line-height: 32px; margin-bottom: 10px; }
.news_content .fr{ box-sizing: border-box; }
.news_content .fr div{ font-size: 16px; color: #666; padding:20px; background: #fff; margin: 20px 0; }
.news_content .fr div a{ margin:12px 0; font-size: 18px; color: #666; line-height: 1.5; }
.news_content .fr div a:hover{ color: #1d7fd6; }
/*honor_list*/
.honor_list{ overflow: hidden; width: 100%; }
.honor_list > div{ overflow: hidden; margin-bottom: 20px; width: 100%; }
.honor_list .hd{ padding:12px 0; overflow: hidden; }
.honor_list .hd strong{ display: inline-block; font-size: 28px; color: #333; position: relative; }
.honor_list .hd strong::after{ content: ""; display: inline-block; width: 30px; height: 5px; background: #2776db; border:0; position: absolute; right: -42px; top:50%; margin-top: -2px; }
.honor_list .hd a{ float: right;  }
.honor_list .hd a span{ font-size: 32px; color: #b5b5b5; }
.honor_list li{ overflow: hidden; }
.honor_list li .wrap, .honor_list li > a{ display: block; width: 100%; border:3px solid #eee; box-sizing: border-box; overflow: hidden; padding:10px; }
.honor_list li .img{ overflow: hidden; transition: all .3s; height: 420px; }
.honor_list li:nth-child(1), .honor_list li:nth-child(2){ margin-bottom: 30px; }
.honor_list li .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.honor_list li:hover img{ transition: all .3s; transform: scale(1.05); }
/*cases_list*/
.cases_list{ width: 100%; overflow: hidden; }
.cases_list a{ display: block; position: relative; overflow: hidden; height: 420px; margin-bottom: 20px; }
.cases_list a img{ width: 100%; height: 100%; object-fit: cover; }
.cases_list a .txt{ background: rgba(0,0,0,.72); box-sizing: border-box; width: 100%; overflow: hidden; padding:28px; position: absolute; left: 0; bottom:0; transition: all .3s; }
.cases_list a .txt strong{ font-size: 20px; color: #ffffff; line-height: 32px; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; margin-bottom: 10px; }
.cases_list a .txt p{ text-indent: -2em; font-size: 14px; line-height: 28px; width: 100%; color: #b4b0b0; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.cases_list a:hover .txt{ background: rgba(0,0,0,1);  transition: all .3s; padding:20px 28px; }
.cases_list a .txt span{ font-size: 32px; margin-right: 12px; color: #fff; line-height: 1; }
.cases_list a .txt span + strong{ position: relative; top: -5px; }

/*product_focus*/
.product_focus{ overflow: hidden; background: url(../images/productinfo_bg.jpg) no-repeat top center; }
.product_focus .txt{ padding:20% 0; }
.product_focus .txt strong{ display: block; color: #fff; font-size: 30px; font-weight: bold; line-height: 1; margin-bottom: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product_focus .txt small, .product_focus .txt > p{ font-size: 14px; color: rgba(255,255,255,.6); line-height: 30px; margin-bottom: 20px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.product_focus .txt small{ display: block;  margin-bottom: 20px; }
.product_focus .txt small a{ color: rgba(255,255,255,.6); }
.product_focus .txt > div{ overflow: hidden; display: block; padding-top: 30px; }
.product_focus .txt > div p, .product_focus .txt > div a{ line-height: 1; display: inline-block; padding:12px 26px; background: #2776db; color: #fff; font-size: 14px; color: #fff; border-radius: 30px; }
.product_focus .txt > div p span, .product_focus .txt > div a span{ font-size: 16px; color: #fff; line-height: 1; margin-right: 10px;  transition: all .3s; }
.product_focus .txt > div a{ margin-left: 10px; }
.product_focus .txt > div a:hover{ background: #000; transition: all .3s; }
.product_focus .img{ box-sizing: border-box; padding: 50px; }
.product_nav{ overflow: hidden; background: #f8f8f8; }
.product_nav div{ background: #f8f8f8; width: 100%; }
.product_nav div a{ display: inline-block; padding:20px 0; width: 19%; text-align: center; font-size: 18px; color: #000; transition: all .3s; }
.product_nav div a:hover{ font-weight: bold; color: #da3436; }
.product_list{ margin-bottom: 20px; }
.product_list div a{ width: 16%; }
.product_content{ overflow: hidden; text-align: center; }
#product_content, #product_show, #product_honor, #product_case, #product_intro{ width: 100%; margin:24px 0; }
#product_content strong, #product_show strong, #product_honor strong, #product_case strong, #product_intro strong{ display: block; text-align: center; position: relative; font-size: 40px; font-weight: normal; color: #333; padding-bottom: 30px; margin-bottom: 15px; }
#product_content strong::after, #product_show strong::after, #product_honor strong::after, #product_case strong::after, #product_intro strong::after{ content: ""; display: inline-block; width: 30px; height: 5px; background: #2776db; border:0; left:50%; bottom:12px; margin-left: -15px; position: absolute; }
.product_content strong + span{ text-align: center; font-size: 15px; color: rgba(41,41,40,.6); line-height: 30px; display: block; margin:0 0 15px; }
#product_content p{ padding:0 3%; font-size: 16px; line-height: 32px; }
#phonor{ overflow: hidden; }
#phonor img{ width: 100%; }
#pcase{ overflow: hidden; }
#pcase a{ width: 100%; height: 246px; overflow: hidden; display: block; }
#pcase img{ width: 100%; height: 100%; object-fit: cover; }
/*prev_next*/
#prev_next{margin: 10px 10px;clear: both;overflow: hidden; width: 100%; }
#prev_next li{ display: flex; align-items: center; margin: 10px 0; font-size: 14px; color: #333; }
#prev_next li a{ font-size: 14px; color: #333; }
#prev_next li span{ margin-right: 5px; }
#prev_next li a:hover{ color: #da3436; }
/*page*/
.page{ margin:10px auto 30px; text-align:center; float:right; display: block; width: 100%; }
.page a{border:#dedede 1px solid; padding:3px 10px; margin:3px; color:#666; display: inline-block;}
.page a:hover{border:#D80100 1px solid;color:#fff; background: #D80100;}
.page a:active{border:#D80100 1px solid;color:#fff; background: #D80100;}
.page span.current{border:solid 1px #D80100;padding:3px 15px; font-weight:bold; margin:3px; color:#fff; background-color:#D80100; display: inline-block;}
.page span.disabled{border:#dedede 1px solid;padding:3px 10px;margin:3px;color:#ddd;  display: inline-block;}
.page select{ border:#dedede 1px solid; padding:3px 0px; display: inline-block;}
/*scrollsidebar*/
.scrollsidebar{ padding-left: 30px; position:absolute; z-index:999; top:150px; width: 195px; overflow: hidden; transition: all .3s; }
.scrollsidebar .close_btn{ cursor: pointer; display: inline-block; width: 60px; height: 60px; background: #323335; position: absolute; top:0; left: 0; border-radius: 50%; z-index: 25; }
.scrollsidebar .show_btn{ cursor: pointer; display: inline-block; width: 60px; height: 60px; background: #323335; position: absolute; top:0; left: 0; border-radius: 50%; z-index: 24; }
 .scrollsidebar .close_btn span, .scrollsidebar .show_btn span{ display: inline-block; font-size: 18px; color: #fff; margin:20px 0 0 10px; line-height: 1; }
.scrollsidebar .s_center{ position: relative; z-index: 33; width: 150px; background: #2776db; text-align: center; box-sizing: border-box; padding:12px 16px 36px; }
.scrollsidebar .s_center strong{ font-size: 18px; color: #fff; line-height: 1; display: block; margin:12px 0; }
.scrollsidebar .s_center span{ font-size: 12px; color: #fff; text-transform: uppercase; line-height: 1; margin-bottom:12px; display: inline-block; }
.scrollsidebar .s_center .img{ width: 100%; background: #fff; }
.scrollsidebar .s_center .img p{ line-height: 38px; font-size: 14px; color: #666666; margin:-10px 0 0; }
.scrollsidebar .s_center p{ font-size: 15px; color: #fff; line-height: 1; margin:14px 0; }
.scrollsidebar .s_center b{ font-size: 16px; color: #fff; font-weight: bold; }
.scrollsidebar .s_center a{ display: inline-block; padding:10px 15px; background: #fff; border-radius: 3px; font-size: 14px; color: #3f3f3f; margin-top:14px; }
.scrollsidebar .s_center a span{ display: inline-block; line-height: 1; color: #2776db; font-size: 18px; margin:0 8px 0 0; }
.scrollsidebar .s_center .cd-top{ position: absolute; bottom:0; left: 0; width: 100%; z-index: 33; cursor: pointer; }
/*animation*/
@-webkit-keyframes swing{
    20%{-webkit-transform:rotate(15deg);}
    40%{-webkit-transform:rotate(-10deg);}
    60%{-webkit-transform:rotate(5deg);}
    80%{-webkit-transform:rotate(-5deg);}
    100%{-webkit-transform:rotate(0);}
}
@-moz-keyframes swing{
    20%{-moz-transform:rotate(15deg);}
    40%{-moz-transform:rotate(-10deg);}
    60%{-moz-transform:rotate(5deg);}
    80%{-moz-transform:rotate(-5deg);}
    100%{-moz-transform:rotate(0);}
}
@-ms-keyframes swing{
    20%{-ms-transform:rotate(15deg);}
    40%{-ms-transform:rotate(-10deg);}
    60%{-ms-transform:rotate(5deg);}
    80%{-ms-transform:rotate(-5deg);}
    100%{-ms-transform:rotate(0);}
}
@keyframes swing{
    20%{transform:rotate(15deg);}
    40%{transform:rotate(-10deg);}
    60%{transform:rotate(5deg);}
    80%{transform:rotate(-5deg);}
    100%{transform:rotate(0);}
}
/*meidia query*/
@media (max-width: 1400px) {
	.inner{ padding:0 15px; }
	.h_top{ padding:24px 0 0; }
	.h_top .inner{ padding:0; }
	.h_top .logo{ padding-left: 15px; }
	.navbar-nav{ width: 100%; margin-top: 20px; background: #2776db; padding-right: 0; }
	.navbar-nav a{ justify-content: center; color: #fff; }
	.h_top .tel{ flex-flow: wrap; padding:40px 25px; }
	.h_top .tel p{ padding:0; margin-bottom: 0; margin:0 20px 0 12px; }
	.h_top .tel p::after{ display: none; }
	#banner{ height: 694px; }
	#banner .swiper-slide .inner{ width: 100%; }
	#banner .swiper-slide .inner img{ max-width: 80%; }
	.m_pro .p_type{ width: 18%; }
	.m_case .case_type{ width: calc(100% - 20px); }
	.m_pro .p_list, .m_case .case_list{ width: 80%; }
	.m_pro .hd p, .m_about .hd p, .m_case .row > .hd > p, .m_case .hd p, .m_news .hd p{ font-size: 20px; }
/*	.pro_list li:nth-child(1) .txt, .pro_list li:nth-child(2) .txt{ padding:10px; }*/
	.pro_list li .txt,{ padding:10px; }
	.pro_list li .txt strong{ font-size: 22px; }
	.pro_list li .txt a + a{ margin-left: 0; clear: both; }
	.m_case .slideBox > .hd{ width:20%;  }
}
@media (max-width: 1200px) {
	#banner{ height: 0; opacity: 0; }
	#mob_banner{ display: block; }
	.m_pro, .m_case, .m_about, .m_news{ padding:30px 0; }
	.m_pro .bd{ flex-wrap: wrap; }
	.m_pro .p_type, .m_pro .p_list{ width: 100%; }
	.m_pro .p_type{ margin-bottom: 20px; display: flex; justify-content: space-between; }
	.m_pro .p_type a{ display: inline-block; float: left; padding:0 15px; }
	.m_pro .p_type a + a{ margin-top: 0; margin-left: 1%; }
	.m_pro .hd p, .m_about .hd p, .m_case .row > .hd > p, .m_case .hd p, .m_news .hd p{ font-size: 16px; font-weight: normal; line-height: 1.2; }
	.f_contact span, .f_msg span{ background-size: contain; }
	.f_ewm{ flex-wrap: wrap; padding-top: 0; }
	.f_ewm div{ margin-bottom: 15px; }
	.f_ewm div img{ max-width: 65%; }
	.f_msg input, .f_msg textarea{ width: 100%; }
	.f_msg #submit{ position: static; width: 100%; height: 42px; border-radius: 0; }
	.f_msg #submit::before{ display: none; }
	.f_msg #submit span{ font-size: 18px; }
	.f_msg #submit small{ display: inline-block; margin-top: 0; }
	.pro_list li .txt strong{ font-size: 18px; }
	.pro_list li .txt p{ font-size: 14px; }
	.cases_list a{ height: 320px; }
	.cases_list a .txt{ padding:15px; }
	.cases_list a:hover .txt{ padding:10px 15px; }
	.cases_list a .txt p{ display: none; }
	.pro_list li .wrap, .pro_list li > a{ flex-direction:column; }
	/*.pro_list li:nth-child(1) .img, .pro_list li:nth-child(2) .img, .products_list .img{ width:100%; }
	.pro_list li:nth-child(1) .txt, .pro_list li:nth-child(2) .txt, .products_list .txt{ width:100%; }*/
	.pro_list li .img, .products_list .img{ width:100%; }
	.pro_list li .txt, .products_list .txt{ width:100%; }
}

@media (max-width: 992px) {
	.m_pro .p_type{ flex-wrap: wrap; }
	.m_pro .p_type a{ width: 33%; margin-bottom: 5px; }
	.m_pro .p_type a:last-child{ display: none; }
	.m_pro .p_type a + a{ margin-left: 0; }
	.m_case .bd{ flex-flow: wrap; }
	.m_case .case_type, .m_case .case_list{ width: 100%; }
	.m_case .case_type li{ float: left; width: 25%; }
	.case_list a{ height: 494px; }
	.m_pro .hd strong, .m_about .hd strong, .m_case .row > .hd > strong, .m_case .hd strong, .m_news .hd strong{ background-size: contain; }
	.m_pro .hd p::before, .m_about .hd p::before, .m_case .row > .hd > p::before, .m_case .hd p::before, .m_news .hd p::before{ display: none; }
	.m_about .bd p{ padding:0; }
	.m_news .bd .new_phone{ display: none; }
	.m_news .bd .hot a{ width: 100%; }
	.m_news .bd .hot a .img{ height: 320px; }
	.m_news .bd .hot a .txt{ padding:25px 15px; }
	.m_news .bd .hot a .txt > span{ margin:10px 0; }
	.m_news .bd .list a{ padding:20px; }
	.m_news .bd .list a small{ margin-top: 12px; }
	.footer{ padding-top: 60px; background-size: cover; }
	.f_msg > span, .f_contact span{ background-size: contain; }
	.scrollsidebar{ display: none; }
	.menu_logo .close_btn{ position: absolute; top:90px; right: 20px;  }
	.menu .inner{ max-width: 100%; }
	.menu .inner .row > div{ position: static; }
	.menu_logo img, .menu_logo p{ display: none; }
	.company_banner{ padding:80px 0; }
	.c_honor{ padding:30px 0; background-size: cover; }
	.pro_list li:nth-child(1) .img, .pro_list li:nth-child(2) .img{ width: 100%; }
	.pro_list li:nth-child(1) .txt, .pro_list li:nth-child(2) .txt{ width: 100%; }
	.pro_list li:nth-child(3), .pro_list li:nth-child(4){ margin-bottom: 30px; }
	.product_nav .inner, .product_list .inner{ padding:0; }
	.product_nav .inner .row, .product_list .inner .row{ margin-right: 0; margin-left: 0; }
	.product_list div a, .product_nav div a{ width: 33%; padding:12px 0; }
	.product_focus{ background-size: cover; }
	.product_focus .txt{ padding:10% 0; }
	.product_focus .img{ text-align: center; height: 400px; }
	.product_focus .img img{ height: 100%; object-fit: contain; }
	#product_content p{ padding:0; }
	.m_case .slideBox > .hd{ width:100%;  }
}

@media (max-width: 768px) {
	.navbar-nav{ flex-wrap: wrap; height: 94px; }
	.navbar-nav a{ width: 25%; height: 50%; flex:unset; }
	.h_top .logo img{ max-width: 90%; }
	.case_list a{ height: 384px; }
	.case_list a .txt{ padding:20px; }
	.case_list a .txt p{ display: none; }
	#case .swiper-button-next, #case .swiper-button-prev{ top:95%; }
	.m_case .case_type li{ height: 120px; }
	.m_case .case_type li span{ font-size: 30px; padding: 25px 0 15px; }
	.f_contact > div{ padding:20px 0; margin:20px 0; }
	.f_ewm{ display: none; }
	.f_msg{ padding:20px 0 0 0; }
	.tool_bar{ display: block; }
	.h_top .tel > span, .h_top .tel p{ display: none; }
	.m_case .row > .hd > p{ padding-left: 10px; }
	.menu_info .hd img{ max-width: 80%; }
	.menu_info li{ width: 50%; text-align: center; height: auto; }
	.menu_info li > div{ display: none; }
	.menu_logo .close_btn{ width: 35px; height: 35px; line-height: 35px;  }
	.menu_logo .close_btn span{ font-size: 18px; }
	.s_banner .tit{ padding:18px 0; color: #333; }
	.s_banner .tit span{ font-size: 20px; color: #333; }
	.s_banner .tit strong{ font-size: 18px; color: #333; }
	.s_banner .tit p, .s_banner .tit p a{ font-size: 12px; color: #333; }
	.product_list div a, .product_nav div a{ font-size: 14px; width: 33.3%; }
	.product_nav div a{ width: 32%; }
	#product_content, #product_show, #product_honor, #product_case, #product_intro{ margin:12px 0; }
	#product_content strong, #product_show strong, #product_honor strong, #product_case strong, #product_intro strong{ font-size: 22px; }
	.product_content strong + span{ font-size: 12px; line-height: 16px; }
	#phonor img{ height: 200px; object-fit: contain; }
	.product_focus .img{ text-align: center; height: 300px; }
	.product_focus .txt strong{ font-size: 22px; margin-bottom: 10px; }
	.product_focus .txt small, .product_focus .txt > p{ font-size: 12px; margin-bottom: 10px; }
	.product_focus .txt > div{ padding-top:10px; }
	.product_focus .txt > div a{ margin-left: 0; margin-top: 10px; }
	.cases_list a{ height: 220px; }
	.main .col-12{ padding:0; }
	.news_content .fl{ padding:5px 20px; }
	#dplayer{ height: 220px; }
	.news_list li p{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
	.c_message{ padding:10px 30px; }
	.c_txt { height: 266px; }
	.c_txt i{ font-size: 46px; margin:20px 0; }
	.c_txt h3{ font-size: 22px; }
	.c_txt p{ font-size: 14px; padding:0 10%; }
	.product_focus .img{ box-sizing: border-box; padding: 0; }
	.pro_list li{ padding-right:7.5px; }
	.pro_list li:nth-child(2n+0){ padding-left:7.5px; padding-right:15px; }
}
@media (max-width: 640px) {
	.m_case .case_type li{ width: 50%; }
	.m_case .case_type li strong{ font-size: 14px; }
	.m_case .case_type li:nth-child(3){ background: #4c4b4b; }
	.m_case .case_type li:nth-child(4){ background: #393939; }
	.m_pro .hd p, .m_about .hd p, .m_case .row > .hd > p, .m_case .hd p, .m_news .hd p{ padding-left: 10px; width: 90%; }
	.m_pro .hd, .m_about .hd, .m_case .hd, .m_case .hd, .m_news .hd{ margin-bottom: 15px; }
	.h_top .logo img{ max-width: 68%; }
	.h_top .tel{ padding:24px; }
	.m_pro .p_type a{ padding:0; }
	.case_list a{ height: 264px; }
	.case_list a .txt{ padding:12px; }
	.case_list a .txt strong{ font-size: 16px; }
	.m_about .bd .img{ padding:30px 0; height: 156px; }
	.m_about .bd .img strong{ font-size: 24px; }
	.m_about .bd .img p{ font-size: 16px; margin:15px 0; }
	.m_about .bd ul{ margin:20px 0; flex-flow: wrap; }
	.m_about .bd li{ width: 50%; text-align: center; padding:20px 0; }
	.m_about .bd li:nth-child(3){ border-left: 0; }
	.m_about .bd li:nth-child(1), .m_about .bd li:nth-child(2){ border-bottom: 1px solid #d6d5d5; }
	.m_about .bd li span{ font-size: 38px; }
	.m_about .bd li small{ font-size: 12px; }
	.m_about .bd li span + span{ bottom: 24px; }
	.m_about .bd p{ font-size: 14px; }
	.m_news .bd .hot a .img{ height: 220px; }
	.f_copy{ display: none; }
	.footer{ padding-bottom: 120px; }
	.company_banner{ padding:15px 0 30px; }
	.company_banner .tit a{ margin-top: 20px; }
	.company_banner .tit strong{ background-size: contain; }
	.m_about .bd .img strong{ font-size: 22px; }
	.m_about .bd .img p{ font-size: 16px; }
	.c_honor .info span{ font-size: 40px; }
	.c_honor .info strong{ font-size: 30px; }
	.c_honor .img img{ margin-top: 20px; }
	.pro_list li .txt p{ display: none; }
	.pro_list li .txt a{ display: none; }
	.m_pro .p_type a span{ font-size: 14px; }

}