/* 公共样式 */
body{font-size: 14px; color: #333; margin: 0 auto; font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif; /*font-family: -apple-system,"SF UI Text",Roboto,Noto,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;*/}
*{margin: 0; padding: 0; box-sizing: border-box;}
ul,dl,dd,dt,h2,p,h3,h4,h1{margin: 0;}
ul,li{list-style: none;}
i{font-style: normal;}
a{cursor: pointer;color: inherit;}
a:hover,a:focus{text-decoration: none; color: inherit;}

@font-face{font-family: "iconfont";
  src: url('../fonts/iconfont.eot'); /* IE9*/
  src: url('../fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  display:inline-block;
  vertical-align: middle;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0px;
  -moz-osx-font-smoothing: grayscale;   
}

@font-face{
  font-family: 'impact';
  src:url('../fonts/impact.woff');
}
@font-face{
  font-family: 'rt';
  src:url('../fonts/pfr.ttf');
}

.img-responsive{display: block; margin: 0 auto; max-width: 100%;}
.flex,.flexC{ display: -webkit-box;display: -webkit-flex;  display: -ms-flexbox; display: flex;}
.flex>.sub,.flexC>.sub{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden;}
.flexC{-webkit-flex-direction: column; flex-direction: column;}
.sb{justify-content: space-between;}
.jc{justify-content: center;}
.ai{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.wrap{flex-wrap: wrap;}
.oneLine{white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;}
.twoLine{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.threeLine{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;}
.no-padding{padding-left:0;padding-right: 0;}
.navbar{margin:0;border:none;background: none;color:#fff;}
.navbar-brand{height: auto;padding:20px 15px;display: inline-block;}
.navbar-collapse{padding:20px 0;}
.logo-m{display: none!important;}
.navbar-brand>img{max-height: 55px;}
.imghover{transition: all linear .6s;}
.imghover:hover{transform: scale(1.08);}
.mix{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.css3{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.css3l{-webkit-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; -moz-transition-duration: 1s; transition-duration: 1s;}
.full_img{width:100%;height: 100%;object-fit: cover;object-position: center;position: absolute;left:0;top:0;}
.gray {-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.gray:hover {-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);filter:gray;}


.more-btn{display: block;width: 168px;line-height: 48px;border:1px solid #000;text-align: center;color:#000;letter-spacing: 2px;border-radius:999px;overflow: hidden;font-size:17px;transition: all .3s;}
.more-btn.white{border-color:#fff;color:#fff;}
.more-btn:hover{background: #0071bc;color:#fff;border-color:#0071bc;}

.common_btn{position: relative;overflow: hidden;}
.common_btn>span{display:inline-block;vertical-align:middle;opacity:0;filter: alpha(opacity=0);color:#fff;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);vertical-align:0}
.common_btn::before{content:attr(c-text);position:absolute;top:0;left:10%;width:80%;height:100%;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);display: none\0;}
.common_btn:hover .iconfont{color:#fff;}
/*.common_btn:hover{background:#0071bc;}*/
.common_btn:hover::before{opacity:0;filter: alpha(opacity=0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.common_btn:hover>span{opacity:1;filter: alpha(opacity=100);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);display: inline-block;}
.common_btn>span.sep{width: 5px;height: 5px;display: inline-block;}
.common_btn:hover>span:nth-child(1){-webkit-transition-delay:45ms;transition-delay:45ms}
.common_btn:hover>span:nth-child(2){-webkit-transition-delay:.09s;transition-delay:.09s}
.common_btn:hover>span:nth-child(3){-webkit-transition-delay:.135s;transition-delay:.135s}
.common_btn:hover>span:nth-child(4){-webkit-transition-delay:.18s;transition-delay:.18s}
.common_btn:hover>span:nth-child(5){-webkit-transition-delay:.225s;transition-delay:.225s}
.common_btn:hover>span:nth-child(6){-webkit-transition-delay:.27s;transition-delay:.27s}
.common_btn:hover>span:nth-child(7){-webkit-transition-delay:.315s;transition-delay:.315s}
.common_btn:hover>span:nth-child(8){-webkit-transition-delay:.36s;transition-delay:.36s}
.common_btn:hover>span:nth-child(9){-webkit-transition-delay:.405s;transition-delay:.405s}
.common_btn:hover>span:nth-child(10){-webkit-transition-delay:.45s;transition-delay:.45s}
.common_btn:hover>span:nth-child(11){-webkit-transition-delay:.495s;transition-delay:.495s}
.common_btn:hover>span:nth-child(12){-webkit-transition-delay:.54s;transition-delay:.54s}
.common_btn:hover>span:nth-child(13){-webkit-transition-delay:.585s;transition-delay:.585s}
.common_btn:hover>span:nth-child(14){-webkit-transition-delay:.63s;transition-delay:.63s}
.common_btn:hover>span:nth-child(15){-webkit-transition-delay:.675s;transition-delay:.675s}
.common_btn:hover>span:nth-child(16){-webkit-transition-delay:.72s;transition-delay:.72s}
.common_btn:hover>span:nth-child(17){-webkit-transition-delay:.765s;transition-delay:.765s}
.common_btn:hover>span:nth-child(18){-webkit-transition-delay:.81s;transition-delay:.81s}
.common_btn:hover>span:nth-child(19){-webkit-transition-delay:.855s;transition-delay:.855s}
.common_btn:hover>span:nth-child(20){-webkit-transition-delay:.9s;transition-delay:.9s}
.common_btn.static_btn:hover{background:none;}
.common_btn.static_btn>span{color:#0071bc;}
.common_btn.static_btn::before{left:0;}

.common-btn{border-radius:999px;width:310px;text-align: center;max-width: 60%;margin-left:auto;margin-right: auto;display: block;line-height: 58px;border:3px solid #313131;}
.common-btn:hover{border-color:#0071bc;background: #0071bc;color:#fff;}


.container{width:1400px; max-width: 100%;}
@media (max-width: 1480px){
  .container{width: 1200px;}
}
@media (max-width: 1200px){
  .container{width: 95%;}
}
@media (max-width: 768px){
  .container{width: 100%;}
}
/* 公共样式 */


/* 导航部分 */
.header{width: 100%; background: url(../images/navbg.png) repeat-x;}
.header_box{position: relative; height: 120px;}
.header_box .sub{overflow: visible;}
.header .header_logo{height: 100%; display: flex; align-items: center;}
.header .header_logo img{max-height:80px;margin:0;max-width: 100%;}
.header .logo_txt{color: #000; text-align-last: justify; margin-left: 20px; padding-left: 20px; position: relative;}
.header .logo_txt::before{content: ""; width: 1px; height: 40px; background: #aaa; position: absolute; left: -1px; top: 10px;}
.header .logo_txt h3{font-size: 28px; font-weight: bold; line-height: 36px;}
.header .logo_txt p{font-size: 16px; line-height: 24px;}

.header .header_nav{width: 100%; font-size:16px; background: #333; color: #fff;}
.header .header_nav.fixed{position: fixed; left: 0; top: 0; z-index: 1000;}
.header .header_nav .nav_all{width: 100%;}
.header .header_nav .nav_all>li{display: inline-block;text-align: center; min-width: 16.67%; position: relative;}
.header .header_nav .nav_all>li>a{display: block; height: 60px; line-height: 20px; padding: 10px 0; transition: all .3s ease; -webkit-transition: all .3s ease;}
.header .header_nav .nav_all>li>a>span{display: block; font-size: 12px; text-transform: uppercase;}
.header .header_nav .nav_all>li>a.active,.header .header_nav .nav_all>li:hover>a{background: #0071bc;}

.header .header_nav .nav_all .drop_ul{min-width: 100%; background: #0071bc; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); z-index: 99; display: none;}
.header .header_nav .nav_all .drop_ul li{width: 100%;}
.header .header_nav .nav_all .drop_ul li a{display: block; font-size: 15px; line-height: 50px; white-space: nowrap; padding: 0 15px;}
.header .header_nav .nav_all .drop_ul li a:hover{background: #333;}

.header .header_box .header_tel{display: block;padding-left:50px;background: url(../images/icon-header-tel.png) no-repeat left center;font-size: 16px;  line-height: 30px;}
.header .header_box .header_tel span{font-size: 16px;}
.header .header_box .header_tel p{font-family: 'rt'; font-size: 28px; font-weight: bold; color: #000;}
.header .header_box .header_tel:hover p{color: #0071bc;}

.header_topbg{width: 100%; background: #111;}
.header_top{line-height: 50px;}
.header_top .welcome{padding-left: 30px; background: url(../images/icon-welcome.png) no-repeat center left; background-size: 20px; color: #fff;}
.header_top .quote{display: inline-block; font-size: 14px; color: #fff; line-height: 20px; padding: 5px 15px; border-radius: 15px; background: #0071bc; margin-left: 15px;}
.header_top .quote:first-child{margin-left: 0;}

.xmenu {display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between; width:25px; height:18px; padding: 5px; box-sizing: content-box; cursor: pointer; display: none; transition: all .5s ease; -webkit-transition: all .5s ease;}
.xmenu > .item {position: relative;width:100%;height:2px;background-color:#000;transform-origin: center;-webkit-transition:transform 0.5s;-moz-transition:transform 0.5s;-o-transition:transform 0.5s;-ms-transition:transform 0.5s;transition:transform 0.5s;}
.xmenu.active{position: fixed; right: 5px; z-index: 300; transform: translateX(-250px);}
.xmenu.active .item.is-0{transform: rotateZ(45deg); background-color: #fff;}
.xmenu.active .item.is-2{transform: rotateZ(-45deg); background-color: #fff;}
.xmenu.active .item.is-1{opacity: 0;}

.header_fixbg{width: 100%; height: 100%; background: rgba(0,0,0,.6); position: fixed; left: 0; top: 0; z-index: 100; display: none; overflow-y: auto;}
.slide_nav{width: 250px; min-height: 100%; padding: 15px 0; background: #000; color: #fff; position: fixed; top: 0; right: 0; z-index: 200; transform: translateX(100%); transition: all .5s ease; -webkit-transition: all .5s ease;}
.slide_nav>li{position: relative;}
.slide_nav>li>a{display: block; padding: 10px 60px 10px 30px; font-size: 15px; line-height: 30px; white-space: nowrap;}
.slide_nav>li>a.active{background: #0071bc;}
.slide_nav>li>i{display: block; width: 60px; height: 50px; position: absolute; top: 0; right: 0; z-index: 10; cursor: pointer;}
.slide_nav>li>i::before{content: ""; width: 16px; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10;}
.slide_nav>li>i::after{content: ""; width: 2px; height: 16px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10;}
.slide_nav>li>i.on::after{content: unset;}
.slide_nav .slide_drop{width: 100%; padding: 10px 0; display: none;}
.slide_nav .slide_drop a{display: block; padding: 5px 30px 5px 45px; font-size: 14px; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.header_fixbg.active{display: block;}
.slide_nav.active{transform: translateX(0);}
/* 导航部分 */


/* banner */
.banner{position: relative;}
.banner .slide-item-img{width:100%;height:auto;object-fit: cover;object-position: center;}

.banner .swiper-btn-box{position: absolute;z-index:10;left:0;width: 100%;height: 0;top: 50%;}
.banner .swiper-btn-box .container{height: 0;}
.banner .swiper-btn-prev,.banner .swiper-btn-next{float: left; width: 60px; height: 60px; border-radius: 50%; background-repeat: no-repeat; background-size: 50%; background-position: center; background-color: rgba(255,255,255,.2); transform: translateY(-50%); transition: all .3s;}
.banner .swiper-btn-prev:hover,.banner .swiper-btn-next:hover{background-color: #0071bc;}
.banner .swiper-btn-prev{background-image: url(../images/icon-banner-prev.png);}
.banner .swiper-btn-next{background-image: url(../images/icon-banner-next.png); float: right;}

.banner .swiper-page-box{position: absolute;z-index:10;left:0;width: 100%;height: 0; bottom: 30px;}
.banner .swiper-page-box .container{height: 0;}
.banner .swiper-pagination{width: auto; height: auto; position: unset; transform: translateY(-50%); font-size: 0;}
.banner .swiper-pagination-bullet{width: 40px; height: 5px; background: #fff; margin-right: 10px; border-radius: unset; opacity: 1;}
.banner .swiper-pagination-bullet:last-child{margin-right: 0;}
.banner .swiper-pagination-bullet-active{background: #0071bc;}
/* banner */


/* index */
.wrapper{position: relative;z-index:20;background: #fff;}
.part{background-size: cover; background-position: center; background-repeat: no-repeat;}

.title-box{width: 100%; text-align: center;}
.title-box .tit{font-size: 32px; color: #000; text-transform: uppercase; line-height: 1;}
.title-box .tit i{display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #0071bc; margin: 0 20px; vertical-align: middle;}

/* product */
.part_product{padding: 80px 0; background: #e6e6e6;}
.i_product_tab{font-size: 0; text-align: center; margin: 40px 0 10px;}
.i_product_tab a{display: inline-block; white-space: nowrap; font-size: 18px; line-height: 30px; padding: 5px 25px; background: #0071bc; color: #fff; margin: 5px 10px;}
.i_product_tab a:hover{background: #fff; color: #000;}
.i_product_list li{width: 32%; float: left; margin-right: 2%; margin-top: 2%; transition: all .5s;}
.i_product_list li:nth-of-type(3n){margin-right: 0;}
.i_product_list li a{display: block; width: 100%; background: #fff; padding-bottom: 75%; position: relative; overflow: hidden;}
.i_product_list li a img{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; object-fit: contain; transition: all .5s;}
.i_product_list li p{width: 100%; font-size: 16px; line-height: 45px; background: #0071bc; text-align: center; color: #fff;}
.i_product_list li:hover{box-shadow: 0 0 20px #666;}
.i_product_list li:hover img{transform: scale(1.05);}
/* product */

/* about */
.part_about{padding: 80px 0; background: rgba(0,113,188,.8);}
.iabout_tit{width: 100%; height: auto; text-align: center; font-family: "impact"; font-size: 98px; color: #fff; line-height: 1; background: -webkit-linear-gradient(top, #fff, transparent 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; white-space: nowrap;}
.iabout{width: 100%; display: flex; align-items: center; justify-content: space-between; position: relative;}
.iabout_con{width: 48%;}
.iabout_con .name{font-size: 32px; color: #fff; line-height: 1; font-weight: bold;}
.iabout_con .desc{font-size: 16px; color: #fff; line-height: 32px; text-align: justify; margin: 40px 0;}
.iabout_con .more{display: inline-block; padding: 15px 40px; background: #ce181e; font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif !important; font-size: 16px; color: #fff; font-weight: bold; text-align: center; line-height: 20px; letter-spacing: 1px; transition: all .5s; box-shadow: 20px 20px 0px -6px rgba(206,24,30,.6);}
.iabout_con .more:hover{box-shadow: 0px 0px 0px 0px rgba(206,24,30,.6);}
.iabout_img{width: 48%;}
.iabout_img img{display: block; width: 100%; border-radius: 20px;}
/* about */

/* case */
.part_case{padding: 80px 0; background-image: url(../images/case_bg.png);}
.More{width: 100%; margin-top: 40px; text-align: right;}
.More a{display: inline-block; font-size: 20px; color: #333; line-height: 1; padding-left: 30px; background: url(../images/icon-more.png) no-repeat left center; background-size: contain;}
.More a i{margin-left: 10px;}
.More a:hover{background-image: url(../images/icon-more-h.png); color: #0071bc;}
.i_case li{width: 32%; float: left; margin-right: 2%; margin-top: 2%;}
.i_case li:nth-of-type(3n){margin-right: 0;}
.i_case li a{display: block; width: 100%; padding-bottom: 66.666%; position: relative; overflow: hidden;}
.i_case li a img{transition: all .5s; width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; margin-left: -50%; margin-top: -33.333%; z-index: 5;}
.i_case li .cover{width: 100%; height: 100%; padding: 40px; background: rgba(0,113,188,.8); position: absolute; left: 0; top: 0; z-index: 10; opacity: 0; transition: all .5s;}
.i_case li .content{width: 100%; height: 100%; position: relative; align-items: flex-end;}
.i_case li .content .line{background: #fff; position: absolute; transition: all .8s;}
.i_case li .content .line_t{width: 0; height: 1px; top: 0; left: 0;}
.i_case li .content .line_r{width: 1px; height: 0; top: 0; right: 0;}
.i_case li .content .line_b{width: 0; height: 1px; bottom: 0; right: 0;}
.i_case li .content .line_l{width: 1px; height: 0; bottom: 0; left: 0;}
.i_case li .txt{width: 100%; transition: all .5s;}
.i_case li .txt h3{font-size: 20px; color: #fff; line-height: 1;}
.i_case li .txt span{display: block; height: 40px; background: url(../images/icon-banner-next.png) no-repeat left center; background-size: 30px;}
.i_case li a:hover img{transform: scale(1.1);}
.i_case li a:hover .cover{opacity: 1;}
.i_case li a:hover .content .line_t, .i_case li a:hover .content .line_b{width: 100%;}
.i_case li a:hover .content .line_r, .i_case li a:hover .content .line_l{height: 100%;}
.i_case li a:hover .txt{transform: translateX(30px);}

.videoitems .video-play{width: 60px; height: 60px; background: url(../images/icon-play.png) no-repeat center; background-size: contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 20;}
.video-fixed{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10000; background: rgba(0,0,0,.6); cursor: pointer; display: none;}
.video-fixed .videoboxs{max-width: 80vw; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 10;}
.video-fixed .videoboxs video{display: block; max-width: 100%; margin: auto;}
.video-fixed .video-close{width: 30px; height: 30px; background: url(../images/close-vid2.png) no-repeat center/100% auto; position: absolute; top: 30px; right: 30px; cursor: pointer;}
/* case */

/* news */
.part_news{padding: 80px 0;}
.inews_box{width: 100%; display: flex; justify-content: space-between; margin-top: 40px;}
.inews_dan{display: block; width: 48%;}
.inews_img{width: 100%; padding-bottom: 66%; position: relative; overflow: hidden; background: #eee;}
.inews_img img{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; object-fit: cover; transition: all .3s;}
.inews_dan h3{font-size: 26px; line-height: 30px; margin: 20px 0 15px;}
.inews_dan p{font-size: 16px; line-height: 30px;}
.inews_dan:hover img{transform: scale(1.05);}
.inews_dan:hover h3{color: #0071bc;}
.inews_duo{width: 48%;}
.inews_duo a{display: block; width: 100%; border-bottom: 1px solid #ccc; padding: 20px; transition: all .3s;}
.inews_duo h3{font-size: 26px; line-height: 30px; margin-bottom: 10px;}
.inews_duo p{font-size: 16px; line-height: 30px;}
.inews_duo a:hover{box-shadow: 0 0 20px #ccc;}
.inews_duo a:hover h3{color: #0071bc;}
/* news */

/* footer */
.footer{width: 100%; background: #333;}
.footer_content{width: 100%; padding: 50px 0;}
.footlogo{width: 90px;}
.footinfo{margin-top: 20px;}
.footinfo li{font-size: 16px; color: #fff; line-height: 30px; letter-spacing: 1px;}

.footer_mid{width: 50%;}
.footer_nav{width: 100%; margin: 20px 0;}
.footer_nav a{display: block; font-size: 20px; color: #fff; line-height: 30px; letter-spacing: 1px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.footer_nav a:hover{color: #0071bc;}

.message{width: 100%;}
.message .biaodan{width: 100%; flex-wrap: wrap;}
.message .biaodani, .message .biaodant, .message .biaodanb{display: block; height: 48px; padding: 10px 20px; background: #fff; border: none; outline: none; border-radius: 6px; font-size: 16px; color: #333; line-height: 28px; margin: 10px 0;}
.message .biaodani{width: 49%;}
.message .biaodant{width: 74%;}
.message .biaodanb{width: 24%; color: #fff; background: #0071bc; transition: all .3s;}
.message .biaodanb:hover{background: #ce181e;}

.footer_code{margin-left: 4%;}
.footcode{height: 50px;}
.footcode li{position: relative; margin-right: 30px;}
.footcode li .qrcode{width: 130px; position: absolute; left: 50%; transform: translateX(-50%); top: 70px; z-index: 1; display: none;}
.footcode li .qrcode::before{content: ""; border-bottom: 10px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; left: 50%; transform: translateX(-50%); top: -10px; z-index: 1;}
.footcode li:first-child .qrcode{display: block;}
.codebtn{width: 50px; height: 50px; border: 1px solid #fff; border-radius: 50%; background-repeat: no-repeat; background-position: center; cursor: pointer; transition: all .3s;}
.codebtn.wx{background-image: url(../images/wx.png);}
.codebtn.btop{background-image: url(../images/top.png);}
.codebtn:hover{border-color: #0071bc;}
.codebtn.wx:hover{background-image: url(../images/wx_h.png);}
.codebtn.btop:hover{background-image: url(../images/top_h.png);}

.copyright{width: 100%; padding: 20px 0 30px; border-top: 1px solid rgba(255,255,255,.8); font-size: 16px; color: #fff; line-height: 30px; letter-spacing: 1px;}
/* footer */

/* index */
@media (max-width: 1440px){
  .iabout_tit{font-size: 84px;}
  .iabout_con .name{font-size: 30px;}
  .iabout_con .desc{font-size: 15px; line-height: 30px; margin: 30px 0;}
  .iabout_con .more{font-size: 15px; padding: 12px 35px;}

  .i_case li .cover{padding: 30px;}
  .videoitems .video-play{width: 50px; height: 50px;}
  .i_case li .txt h3{font-size: 18px;}
  .i_case li .txt span{height: 30px; background-size: 25px;}
  .i_case li a:hover .txt{transform: translateX(20px);}

  .inews_dan h3{font-size: 24px; margin: 20px 0 10px;}
  .inews_duo a{padding: 16px;}
  .inews_duo h3{font-size: 24px; margin-bottom: 5px;}
}

@media (max-width: 1200px){
  .header_box{height: 100px;}
  .header .header_logo img{max-height: 60px;}
  .header .logo_txt::before{top: 5px;}
  .header .logo_txt h3{font-size: 24px; line-height: 30px;}
  .header .logo_txt p{font-size: 14px; line-height: 20px;}
  .header_topbg{display: none;}
  .header .header_box .header_tel{display: none;}
  .header .header_nav{display: none;}
  .xmenu{display: flex;}

  .title-box .tit{font-size: 30px;}
  .part_product{padding: 60px 0;}
  .i_product_tab{margin: 30px 0 5px;}
  .i_product_tab a{font-size: 17px; padding: 3px 20px; margin: 4px 8px;}

  .part_about{padding: 60px 0;}
  .iabout_tit{font-size: 6.4vw;}
  .iabout_con .name{font-size: 26px;}
  .iabout_con .desc{font-size: 14px; line-height: 26px; margin: 25px 0;}
  .iabout_con .more{font-size: 14px; padding: 10px 30px;}

  .part_case{padding: 60px 0;}
  .More{margin-top: 30px;}
  .i_case li{width: 48%; margin-right: 4%; margin-top: 4%;}
  .i_case li:nth-of-type(3n){margin-right: 4%;}
  .i_case li:nth-of-type(2n){margin-right: 0;}

  .part_news{padding: 60px 0;}
  .inews_box{margin-top: 30px;}
  .inews_dan h3{font-size: 22px; margin: 18px 0 6px;}
  .inews_dan p{font-size: 15px; line-height: 26px;}
  .inews_duo a{padding: 10px;}
  .inews_duo h3{font-size: 22px; margin-bottom: 5px;}
  .inews_duo p{font-size: 15px; line-height: 26px;}

  .footer_content{padding: 40px 0;}
  .footlogo{width: 80px;}
  .footinfo li{font-size: 15px;}
  .footer_nav a{font-size: 18px;}
  .message .biaodani, .message .biaodant, .message .biaodanb{height: 44px; line-height: 24px; font-size: 15px;}
  .footcode li{margin-right: 20px;}
  .footcode li .qrcode{width: 120px;}
  .copyright{font-size: 15px; padding: 15px 0 25px;}
}

@media (max-width: 768px){
  .header_box{height: 60px;}
  .header .header_logo img{max-height: 50px;}
  .header .logo_txt{padding: 0; margin-left: 10px;}
  .header .logo_txt::before{display: none;}
  .header .logo_txt h3{display: none;}
  .header .logo_txt p{display: none;}
  .header .logo_txt h2{display: block !important; font-size: 20px; line-height: 1; font-weight: bold; color: #0071bc;}
  .slide_nav{padding: 5px 0;}
  .banner .swiper-btn-prev, .banner .swiper-btn-next{width: 40px; height: 40px;}
  .banner .swiper-page-box{bottom: 15px;}
  .banner .swiper-pagination-bullet{width: 20px; height: 3px; margin-right: 5px;}

  .title-box .tit{font-size: 24px;}
  .part_product{padding: 40px 0;}
  .i_product_tab{margin: 20px 0 0;}
  .i_product_tab a{font-size: 16px; padding: 1px 15px; margin: 4px 5px;}
  .i_product_list li{width: 48%; margin-right: 4%; margin-top: 4%;}
  .i_product_list li:nth-of-type(3n){margin-right: 4%;}
  .i_product_list li:nth-of-type(2n){margin-right: 0;}
  .i_product_list li:nth-of-type(n+7){display: none;}
  .i_product_list li p{font-size: 15px; line-height: 40px;}

  .part_about{padding: 40px 0;}
  .iabout{display: block;}
  .iabout_img{width: 100%;}
  .iabout_tit{font-size: 13.6vw;}
  .iabout_con{width: 100%; margin-top: 20px;}
  .iabout_con .name{font-size: 22px;}
  .iabout_con .desc{line-height: 24px; margin: 15px 0;}

  .part_case{padding: 40px 0;}
  .More{margin-top: 20px;}
  .More a{font-size: 16px; padding-left: 25px;}
  .i_case li{width: 100%; margin-right: 0 !important; margin-top: 15px;}
  .i_case li .cover{padding: 25px;}
  .i_case li .txt h3{font-size: 16px;}
  .video-fixed .videoboxs{width: calc(100% - 30px); max-width: unset;}
  .video-fixed .video-close{width: 20px; height: 20px; top: 15px; right: 15px;}

  .part_news{padding: 40px 0;}
  .inews_box{margin-top: 20px; display: block;}
  .inews_dan{width: 100%; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
  .inews_dan h3{font-size: 19px; margin: 15px 0 4px;}
  .inews_duo{width: 100%;}
  .inews_duo a{padding: 10px 0;}
  .inews_duo h3{font-size: 19px; margin-bottom: 0;}
  .inews_duo a:hover{box-shadow: unset;}

  .footer_content{padding: 30px 0; display: block;}
  .footlogo{display: none;}
  .footinfo{margin: 0;}
  .footinfo li{line-height: 26px;}
  .footer_mid{width: 100%;}
  .footer_nav{display: block; margin: 10px 0; font-size: 0;}
  .footer_nav li{display: inline-block; margin-right: 5px;}
  .footer_nav li:last-child{margin-right: 0;}
  .footer_nav a{font-size: 16px;}
  .message .biaodani, .message .biaodant, .message .biaodanb{height: 40px; padding: 8px 15px; margin: 5px 0;}
  .footer_code{display: none;}
  .copyright{font-size: 14px; line-height: 26px;}
}
/* index */


/* inner banner */
.ibanner{width: 100%;}
.ibanner img{width: 100%;}

@media (max-width: 768px){
  .ibanner img{height: 20vh; object-fit: cover;}
}
/* inner banner */

/* location/category */
.strip{width: 100%; line-height: 60px; font-size: 16px; color: #333; border-bottom: 1px solid #aaa;}
.location{float: left; padding-left: 35px; background: url(../images/icon-home.png) no-repeat left center; background-size: 25px;}
.location a:hover{color: #0071bc;}
.category{float: right;}
.category a{display: block; float: left; margin-left: 40px; position: relative; transition: all .3s;}
.category a::after{content: ""; width: 0; height: 1px; background: #0071bc; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; z-index: 1; transition: all .3s;}
.category a.active, .category a:hover{color: #0071bc;}
.category a.active::after, .category a:hover::after{width: 100%;}

@media (max-width: 1200px){
  .strip{line-height: 50px;}
}

@media (max-width: 768px){
  .strip{line-height: 45px;}
  .location{float: unset; padding-left: 28px; background-size: 20px; display: none;}
  .category{float: unset; text-align: center; overflow-x: auto;}
  .category .overflow-x{white-space: nowrap;}
  .category a{float: unset; display: inline-block; margin-left: 25px;}
  .category a:first-child{margin-left: 0;}
}
/* location/category */


/* case_list */
.pagination{margin: 30px 0 0;}
.pagination > li > a, .pagination > li > span{margin: 3px;}
.case_list{padding: 80px 0;}
.column_tit{font-size: 30px; color: #333; line-height: 1; letter-spacing: 1px;}

@media (max-width: 1200px){
  .case_list{padding: 60px 0;}
  .column_tit{font-size: 26px;}
}

@media (max-width: 768px){
  .pagination{margin: 15px 0 0;}
  .case_list{padding: 40px 0;}
  .column_tit{font-size: 22px;}
}
/* case_list */


/* news_list */
.news_list{padding: 80px 0;}
.newsList li{width: 32%; float: left; margin-top: 2%; margin-right: 2%;}
.newsList li:nth-of-type(3n){margin-right: 0;}
.newsList li a{display: block;}
.newsList_img{width: 100%; padding-bottom: 80%; position: relative; overflow: hidden; background: #eee;}
.newsList_img img{transition: all .5s; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; object-fit: cover;}
.newsList_cont{width: 100%;}
.newsList_tit{padding: 15px; padding-bottom: 0;}
.newsList_tit h3{font-size: 18px; color: #333; line-height: 1.5;}
.newsList_desc{font-size: 16px; color: #666; line-height: 25px; padding: 15px; border-bottom: 2px solid #ccc; position: relative;}
.newsList_desc::after{content: ""; width: 0; height: 2px; background: #0071bc; position: absolute; left: 0; bottom: -2px; z-index: 10; transition: all .5s;}
.newsList_desc p{height: 50px;}
.newsList li a:hover .newsList_img img{transform: scale(1.1);}
.newsList li a:hover .newsList_tit h3{color: #0071bc;}
.newsList li a:hover .newsList_desc::after{width: 100%;}

@media (max-width: 1200px){
  .news_list{padding: 60px 0;}
  .newsList_tit{padding: 10px; padding-bottom: 0;}
  .newsList_desc{font-size: 15px; line-height: 24px; padding: 10px;}
  .newsList_desc p{height: 48px;}
}

@media (max-width: 768px){
  .news_list{padding: 40px 0;}
  .newsList li{width: 100%; margin-top: 20px; margin-right: 0;}
  .newsList_tit{padding: 15px 0 0;}
  .newsList_desc{padding: 10px 0 12px;}
}
/* news_list */


/* news_detail */
.news_detail{padding: 80px 0;}
.news_tit{font-size: 30px; color: #333; line-height: 1.5; text-align: center;}
.news_tag{font-size: 15px; color: #444; line-height: 25px; text-align: center; margin-top: 10px;}
.news_tag span{margin-right: 20px;}
.news_tag span:last-child{margin-right: 0;}
.news_content{font-size: 16px; color: #333; line-height: 1.6; margin-top: 30px;}
.news_content h3{margin-bottom: 15px; line-height: 1.5; font-size: 22px;}
.news_content h4{margin-bottom: 15px; line-height: 1.5; font-size: 20px;}
.news_content p{margin-bottom: 12px;}
.news_content a{color: #0071bc;}
.news_content img{display: block; max-width: 100%; margin: unset;}

@media (max-width: 1200px){
  .news_detail{padding: 60px 0;}
  .news_tit{font-size: 26px;}
  .news_tag{margin-top: 5px;}
  .news_content{font-size: 15px; margin-top: 20px;}
  .news_content h3{font-size: 20px;}
  .news_content h4{font-size: 18px;}
}

@media (max-width: 768px){
  .news_detail{padding: 40px 0;}
  .news_tit{font-size: 22px;}
  .news_content{margin-top: 15px;}
  .news_content h3{font-size: 18px;}
  .news_content h4{font-size: 16px;}
}
/* news_detail */


/* contact */
.contact{padding: 80px 0;}

.contact_info{width: 40%;}
.ct_info{margin-bottom: 50px;}
.ct_info:last-child{margin-bottom: 0;}
.ct_info h3{font-size: 20px; color: #333; font-weight: bold; line-height: 1; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #ccc;}
.ct_info p{font-size: 16px; color: #444; line-height: 1;}
.ct_code li{margin-right: 50px; float: left; text-align: center;}
.ct_code li:last-child{margin-right: 0;}
.ct_code li img{width: 150px; margin-bottom: 20px;}

.contact_message{width: 50%;}
.ct_messagei, .ct_messaget{display: block; width: 100%; padding: 15px 30px; background: #eee; border: none; outline: none; font-size: 16px; color: #333; line-height: 30px; margin-bottom: 30px;}
.ct_messageb{width: 30%; height: 60px; background: #0071bc; border: none; outline: none; font-size: 16px; color: #fff;}

.cmap{width: 100%; height: 50vh; margin-top: 80px;}
.cmap #contmap{width: 100%; height: 100%;}

@media (max-width: 1200px){
  .contact{padding: 60px 0;}
  .contact_info{width: 46%;}
  .ct_info{margin-bottom: 25px;}
  .ct_info h3{padding-bottom: 12px; margin-bottom: 12px; font-size: 18px;}
  .ct_info p{font-size: 15px;}
  .ct_code li{margin-right: 30px;}
  .ct_code li img{width: 130px; margin-bottom: 12px;}
  .ct_messagei, .ct_messaget{margin-bottom: 15px; padding: 8px 20px; font-size: 15px;}
  .ct_messageb{height: 46px; width: 40%;}
  .cmap{margin-top: 60px;}
}

@media (max-width: 768px){
  .contact{padding: 40px 0;}
  .contact .contdt{display: block;}
  .contact_info{width: 100%; margin-top: 35px;}
  .ct_code li{margin-right: 20px;}
  .contact_message{width: 100%;}
  .ct_messageb{width: 50%;}
  .cmap{margin-top: 35px;}
}
/* contact */


/* about */
.about{width: 100%; padding: 80px 0;}
.about_body{width: 100%;}
.about_img{width: 40%; float: left; margin-right: 50px;}
.about_img img{width: 100%;}
.about_tit{font-size: 30px; color: #0071bc; line-height: 1.2; font-weight: bold; margin-bottom: 20px;}
.about_cont{font-size: 16px; color: #333; line-height: 30px; text-align: justify; text-indent: 2em;}
.about_cont p{margin-bottom: 10px;}
.about_cont p:last-child{margin-bottom: 0;}

@media (max-width: 1480px){
  .about_img{width: 44%; margin-right: 40px;}
}

@media (max-width: 1200px){
  .about{padding: 60px 0;}
  .about_img{width: 46%; margin-right: 30px;}
  .about_tit{font-size: 26px; margin-bottom: 15px;}
  .about_cont{font-size: 15px; line-height: 28px;}
}

@media (max-width: 768px){
  .about{padding: 40px 0;}
  .about_img{width: 100%; float: unset; margin-right: 0;}
  .about_tit{font-size: 22px; text-align: center; margin-top: 20px; margin-bottom: 15px;}
  .about_cont{line-height: 26px;}
}
/* about */


/* product_list */
.product_box{padding: 80px 0;}
.column_tit{font-size: 30px; color: #333; line-height: 1; letter-spacing: 1px;}

.product_list li{width: 32%; float: left; margin-right: 2%; margin-top: 2%;}
.product_list li:nth-of-type(3n){margin-right: 0;}
.product_list li a{display: block;}
.product_list li .product_img{width: 100%; padding-bottom: 75%; position: relative; overflow: hidden; border: 1px solid #ccc; border-bottom: none; background: #eee;}
.product_list li .product_img img{transition: all .5s; width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; margin-left: -50%; margin-top: -37.5%; z-index: 5;}
.product_list li .cover{width: 100%; height: 100%; padding: 40px; background: rgba(0,113,188,.8); position: absolute; left: 0; top: 0; z-index: 10; opacity: 0; transition: all .5s;}
.product_list li .content{width: 100%; height: 100%; position: relative; align-items: center; justify-content: center;}
.product_list li .content .line{background: #fff; position: absolute; transition: all .8s;}
.product_list li .content .line_t{width: 0; height: 1px; top: 0; left: 0;}
.product_list li .content .line_r{width: 1px; height: 0; top: 0; right: 0;}
.product_list li .content .line_b{width: 0; height: 1px; bottom: 0; right: 0;}
.product_list li .content .line_l{width: 1px; height: 0; bottom: 0; left: 0;}
.product_list li .txt{font-size: 20px; color: #fff; line-height: 1.5; position: relative; transition: all .5s;}
.product_list li .txt::before{content: ""; width: 70px; height: 1px; background: #fff; position: absolute; left: 50%; top: -15px; z-index: 10; transform: translateX(-50%); transition: all .6s;}
.product_list li .txt::after{content: ""; width: 70px; height: 1px; background: #fff; position: absolute; left: 50%; bottom: -15px; z-index: 10; transform: translateX(-50%); transition: all .6s;}
.product_list li .product_img:hover img{transform: scale(1.1);}
.product_list li .product_img:hover .cover{opacity: 1;}
.product_list li .product_img:hover .content .line_t, .product_list li a:hover .content .line_b{width: 100%;}
.product_list li .product_img:hover .content .line_r, .product_list li a:hover .content .line_l{height: 100%;}
.product_list li .product_img:hover .txt::before, .product_list li a:hover .txt::after{width: 10px;}
.product_list li .product_txt{width: 100%; border: 1px solid #ccc; padding: 0 15px; font-size: 20px; color: #333; line-height: 60px; text-align: center; transition: all .5s;}
.product_list li .product_txt:hover{background: #0071bc; color: #fff; border-color: #0071bc;}

@media (max-width: 1680px){
  .product_box{padding: 70px 0;}
  .column_tit{font-size: 27px;}

  .product_list li .cover{padding: 35px;}
  .product_list li .txt{font-size: 18px;}
  .product_list li .product_txt{font-size: 18px; line-height: 54px;}
}

@media (max-width: 1440px){
  .product_box{padding: 60px 0;}
  .column_tit{font-size: 24px;}

  .product_list li .cover{padding: 30px;}
  .product_list li .product_txt{line-height: 50px;}
}

@media (max-width: 1200px){
  .product_box{padding: 50px 0;}
  .column_tit{font-size: 22px;}

  .product_list li .cover{padding: 24px;}
  .product_list li .txt{font-size: 16px;}
  .product_list li .product_txt{font-size: 16px; line-height: 46px;}
}

@media (max-width: 768px){
  .product_box{padding: 40px 0;}
  .column_tit{font-size: 20px;}

  .product_list li{width: 100%; margin-right: 0 !important; margin-top: 15px;}
  .product_list li .cover{display: none;}
  .product_list li .product_txt{font-size: 15px; line-height: 40px;}
}
/* product_list */


/* product_detail */
.product_detail{width: 100%; overflow: hidden; padding-bottom: 80px;}
.prodttop{width: 100%; display: flex; align-items: center; position: relative;}
.prodttop::after{content: ""; width: 100%; height: 100%; background: #F6F6F6; position: absolute; left: 56%; top: 0; z-index: -1;}
.prodtleft{width: 56%;}
.prodtleft .img-list{width: 600px; max-width: 80%; margin: 50px auto;}
.prodtleft .img-list .item-img{position: relative;height: auto;overflow: hidden;}
.prodtleft .gallery-top .item-img{padding-bottom: 75%;}
.prodtleft .gallery-thumbs .item-img{border:2px solid rgba(0,0,0,.1);transition: all .3s;cursor: pointer;padding-bottom: 75%;}
.prodtleft .gallery-thumbs .swiper-slide-thumb-active .item-img{border-color:#0071bc;}
.prodtleft .b-img{position: relative;padding:0 30px;margin-top: 30px;}
.prodtleft .b-img .swiper-btn{width: auto;}
.prodtleft .b-img .swiper-btn:after{font-size:30px;color:#000;}
.prodtleft .b-img .swiper-button-next{right:0;}
.prodtleft .b-img .swiper-button-prev{left:0;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}

.prodtright{width: 44%; padding: 70px 0 70px 60px;}
.prodtright h1{font-size: 50px; font-family: "Impact"; line-height: 1.2; margin-bottom: 25px;}
.prodtright p{font-size: 16px; color: #666; line-height: 1.75;}
.prodtright span{display: block; width: 100%; height: 1px; background: rgba(0,0,0,.5); margin: 30px 0;}
.prodtright dd{font-size: 16px; color: #333; line-height: 2; padding-left: 15px;}
.prodtright dd b{display: block; color: #0071bc; position: relative;}
.prodtright dd b::before{content: ""; width: 5px; height: 5px; background: #0071bc; border-radius: 50%; position: absolute; left: -15px; top: 50%; transform: translateY(-50%);}
.prodtright a{display: block; width: 180px; height: 52px; background: #0071bc; border-radius: 52px; font-size: 18px; color: #fff; line-height: 52px; text-align: center; margin-top: 30px; transition: all .3s;}
.prodtright a i{font-family: "宋体"; font-weight: bold;}
.prodtright a:hover{background: rgba(206,24,30,.8);}

.prodtmid{width: 100%; border-top: 2px solid #0071bc; border-bottom: 1px solid rgba(0,0,0,.1);}
.prodttab li{float: left; margin-right: 30px;}
.prodttab li a{display: block; font-size: 18px; color: #333; line-height: 54px; position: relative;}
.prodttab li a::after{content: ""; height: 2px; background: #0071bc; position: absolute; left: 50%; right: 50%; bottom: 0; transition: all .3s;}
.prodttab li.on a, .prodttab li:hover a{color: #0071bc;}
.prodttab li.on a::after, .prodttab li:hover a::after{left: 0; right: 0;}

.prodtitem{padding-top: 70px;}
.prodtitem h3{font-size: 30px; color: #222; line-height: 1.5; font-weight: bold; margin-bottom: 25px;}
.prodtcon{font-size: 16px; line-height: 1.75;}
.prodtcon img{display: block; max-width: 100%;}
.prodtcon table{width: 100%;}
.prodtcon table th, .prodtcon table td{text-align: center; border: 1px solid rgba(0, 0, 0, 1); font-size: 16px; line-height: 1.2;}
.prodtguige table th, .prodtguige table td{height: 45px;}
.prodtpeijian table th, .prodtpeijian table td{height: 55px;}
.prodtpeijian img{max-width: 80%; margin: auto;}

@media (max-width: 1200px){
  .product_detail{padding-bottom: 60px;}
  .prodtleft .img-list{margin: 40px auto;}
  .prodtleft .b-img{margin-top: 25px;}
  .prodtright{padding: 50px 0 50px 45px;}
  .prodtright h1{font-size: 44px; margin-bottom: 20px;}
  .prodtright p{font-size: 15px;}
  .prodtright span{margin: 25px 0;}
  .prodtright dd{font-size: 15px;}
  .prodtright a{width: 150px; height: 44px; line-height: 44px; font-size: 15px; margin-top: 25px;}
  .prodttab li a{font-size: 17px; line-height: 52px;}
  .prodtitem{padding-top: 60px;}
  .prodtitem h3{font-size: 26px; margin-bottom: 20px;}
  .prodtcon{font-size: 15px;}
  .prodtcon table th, .prodtcon table td{font-size: 15px;}
  .prodtguige table th, .prodtguige table td{height: 40px;}
  .prodtpeijian table th, .prodtpeijian table td{height: 45px;}
}

@media (max-width: 768px){
  .product_detail{padding-bottom: 40px;}
  .prodttop{display: block;}
  .prodttop::after{content: unset;}
  .prodtleft{width: 100%;}
  .prodtleft .img-list{max-width: 100%; margin: 25px auto;}
  .prodtleft .b-img{padding: 0 20px; margin-top: 20px;}
  .prodtleft .b-img .swiper-btn:after{font-size: 20px;}
  .prodtright{width: 100%; padding: 20px 15px; background: #F6F6F6;}
  .prodtright h1{font-size: 30px; margin-bottom: 10px;}
  .prodtright p{line-height: 1.5;}
  .prodtright span{margin: 15px 0;}
  .prodtright dd{line-height: 2;}
  .prodtright a{width: 120px; height: 40px; line-height: 40px; margin-top: 15px;}
  .prodtmid{border-bottom: unset; display: none;}
  .prodttab li{margin-right: 0; float: unset;}
  .prodttab li a{line-height: 45px;}
  .prodttab li a::after{left: 0; right: 0; height: 1px; background: rgba(0,0,0,.1);}
  .prodttab li.on a::after, .prodttab li:hover a::after{background: #0071bc;}
  .prodtitem{padding-top: 30px;}
  .prodtitem h3{font-size: 22px; margin-bottom: 10px;}
  .prodtcon{overflow-x: auto;}
  .prodtguige table{width: 800px;}
  .prodtpeijian table{width: 1000px;}
}
/* product_detail */