body{background: #fff;font-size:14px;
 /*font-family: -apple-system,"SF UI Text",Roboto,Noto,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;*/
 font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif;
 color:#333;width: 100%;}
*{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;}

.fs0{font-size:0;}
.fs100{font-size:100px;}
.fs80{font-size:84px;line-height: 0.8;}
.fs52{font-size:52px;line-height: 1;}
.fs45{font-size: 45px;}
.fs35{font-size: 35px;}
.fs30{font-size: 30px;}
.fs26{font-size: 26px;}
.fs24{font-size: 24px;}
.fs22{font-size: 22px;}
.fs20{font-size: 20px;}
.fs18{font-size: 18px;}
.fs16{font-size: 16px;}


@font-face{font-family: "iconfont";
 /* 使用阿里CDN iconfont - 移除不存在的本地文件引用 */
 src: url('//at.alicdn.com/t/c/font_3694103_qdivn0uulak.woff2?t=1669603898851') format('woff2'),
 url('//at.alicdn.com/t/c/font_3694103_qdivn0uulak.woff?t=1669603898851') format('woff'),
 url('//at.alicdn.com/t/c/font_3694103_qdivn0uulak.ttf?t=1669603898851') format('truetype');
 font-display: swap;
}
.iconfont {
 font-family:"iconfont" !important;
 display:inline-block;
 vertical-align: middle;
 margin:0 .3em;
 font-size: 1.1em;
 font-style:normal;
 -webkit-font-smoothing: antialiased;
 -webkit-text-stroke-width: 0px;
 -moz-osx-font-smoothing: grayscale; 
}


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

.ht{font-family: '黑体';}
.c0{color:#000;}
.c3{color:#333;}
.c6{color:#666;}
.fl{float:left;}
.fr{float:right!important;}
.mb10{margin-bottom: 10px;}
.mt10{margin-top: 10px;}
.mt5{margin-top: 5px;}
.pr{position: relative;}
.bold{font-weight: bold;}
.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;}
.no-padding{padding-left:0;padding-right: 0;}
.padding{padding:0 3%;}
.bg{background: #f8f8f8;}
.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%);}
.w1400{width: 85%;max-width: 1470px;margin-left:auto;margin-right: auto;}
.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;}

.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:#d20319;}*/
.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:#d20319;}
.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:#0084e9;background: #0084e9;color:#fff;}

@media (min-width: 767px){
 .container{width:90%;max-width: 1460px;padding:1px 1px 3px 50px;}
}
@media (min-width: 1300px){
 .container{width:85%;}
}
@media (min-width: 1500px){
 .container{width: 1460px;}
}


/* 导航部分 */
.header{position: fixed;top:0; left:0; right:0; z-index: 99;transition: top .5s ease;-webkit-transition:top .5s ease; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;color:#fff;}
.header.fixed,.header:hover{top:0;box-shadow: 0 6px 10px 0 rgba(7,0,2,.15); background:#fff;color:#333333;}
.header_box{position: relative;font-size:16px;padding-right:130px;}
.header .header_logo{position: absolute;left:0;top:0;bottom:0;max-width: 30%;}
.header .header_logo .flex{height: 100%;}
.header .header_logo .logo-black,.header.fixed .header_logo .logo-white,.header:hover .header_logo .logo-white{display: none;}
.header.fixed .header_logo .logo-black,.header:hover .header_logo .logo-black{display: block;}
.header .header_logo img{max-height:90%;margin:0;}
.header .header_nav{text-align: right;}
.header .header_nav .nav_container>ul>li{display: inline-block;text-align: center;margin-right:5.2%;}
.header .header_nav li{position: relative;}
.header .header_nav .nav_container>ul>li>a{display: block;padding:0;position: relative;line-height: 120px;transition: line-height .3s;}
.header .header_nav .nav_container>ul>li>a::after{transition: all .3s;position: absolute;content:'';width:0;height: 2px;background: #fff;left:50%;transform: translateX(-50%);bottom:30px;}
.header .header_nav .nav_container>ul>li>a.active::after,.header .header_nav .nav_container>ul>li>a:hover::after{width:30px;}
.header .header_nav .nav_container .dropdown-menu{margin:0;padding:0;border:none;left:50%;transform: translateX(-50%);text-align: center;border-radius:0;background: rgba(255,255,255,.7);font-size:15px;}
.dropdown-menu li a{color:#333;}
.header .header_nav .nav_container .dropdown-menu li a{display: block;white-space: nowrap;padding:16px 10px;position: relative;transition: all .3s;}
.header .header_nav .nav_container .dropdown-menu li a:hover, .dropdown-menu li a:focus,.dropdown-menu li a.active{background: #0066af;color:#fff;}
.header.fixed .header_nav .nav_container>ul>li>a{line-height: 100px;}

.header .header-tel{position: absolute;right:0;top:50%;line-height: 20px;margin-top:-10px;padding-left:21px;background: url(../images/icon-tel-white.png) no-repeat left center;}
.header.fixed .header-tel,.header:hover .header-tel{background-image: url(../images/icon-tel-black.png);}
.header.fixed .header_nav .nav_container>ul>li>a.active::after,.header:hover .header_nav .nav_container>ul>li>a.active::after,
.header .header_nav .nav_container>ul>li>a:hover::after{background: #0066af;bottom:20px;}
.header.fixed .header_nav .nav_container>ul>li>a.active,.header:hover .header_nav .nav_container>ul>li>a.active,.header .header_nav .nav_container>ul>li>a:hover{color:#0066af;}

.header .header_tools{position: absolute;right:0;top:50%;margin-top:-30px;width: 100%;}
.header .header_tools>ul{}
.header .header_tools li{float: right;text-align: center; cursor: pointer;line-height: 60px;position: relative;margin-left:3%;cursor: pointer;}
.header .header_tools li:last-child{margin-left:0;}
.header .header_tools li .icon-lang{float:right;margin-left:12px;}
.header .header_tools .nav-lang{text-transform: uppercase;}
.header .header_tools .nav-lang .lang{display: block;padding:0 24px 0 38px;position: relative;background: url(../images/icon-earth.png) no-repeat left center;}
.header .header_tools .nav-lang .lang i{position: absolute;right:0;top:0;width:12px;height: 100%;background: url(../images/icon-down.png) no-repeat center;}
.header .header_tools .quick_box{position: absolute;top: 100%;left:0;width:500px; background-color:#fff; background-repeat: no-repeat;background-position: right top;text-align: left;font-size: 16px;padding: 25px 0 35px;display: none;}
.header .header_tools .quick_box a{padding-left:20px;display: block;height: 50px;line-height: 50px;opacity: 0;filter: alpha(opacity=0);transform: translateX(30px);transition: all .6s ease-in-out;-webkit-transition:all .6s ease-in-out; color:#313131;}
.header .header_tools .quick_box a .lin{padding-right: 30px;color:#313131;vertical-align: 2px;}
.header .header_tools .quick_box.show a{opacity: 1;filter: alpha(opacity=100);transform: translateX(0);transition-delay: .3s;}
.header .header_tools .quick_box.show a:nth-child(1){transition-delay: .3s;}
.header .header_tools .quick_box.show a:nth-child(2){transition-delay: .5s;}
.header .header_tools .quick_box.show a:nth-child(3){transition-delay: .7s;}
.header .header_tools .quick_box.show a:nth-child(4){transition-delay: .9s;}
.header .header_tools .quick_box.show a:nth-child(5){transition-delay: 1.1s;}
.header .header_tools .quick_box.show a:nth-child(6){transition-delay: 1.3s;}
.header .header_tools .quick_box.show a:nth-child(7){transition-delay: 1.5s;}
.header .header_tools .quick_box.show a:nth-child(8){transition-delay: 1.7s;}
.header .header_tools .quick_box.show a:nth-child(9){transition-delay: 1.9s;}
.header .header_tools .quick_box.show a:nth-child(10){transition-delay: 2.1s;}
.header .header_tools .quick_box.show a:nth-child(11){transition-delay: 2.3s;}

.mobile_key {display: none;width:28px;height:25px;position: relative;border:none!important;cursor: pointer;padding:0;}
/*.button_menu{width: 30px;height: 25px;position: absolute;top:7px;left:0;}*/
.button_menu span {display:block;width:100%;height:3px;background-color:#fff;position:absolute;left:0;-moz-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;transition:all .36s ease;}
.button_menu span:nth-child(1) {top:0}
.button_menu span:nth-child(2) {top:50%;transform: translateY(-50%);}
.button_menu span:nth-child(3) {bottom:0}
.header.fixed .button_menu span,.header:hover .button_menu span{background: #333;}

.index_header{top:-80px; -moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.index_header.ani{top:0;}
.header-container{position: relative;z-index:10;}

.ibanner{position: relative;}
.ibanner .slide-item{position: relative;overflow: hidden;color:#fff;}
.ibanner .slide-item .slide-item-img{max-width: 100%;}
.ibanner .slide-item .slide-item-img.mix{min-width: 100%;min-height: 100%;max-width: none;}
.ibanner .item-mask{position: absolute;top:0;left:0;right:0;bottom:0;background: rgba(0,0,0,.3);color:#fff;}
.ibanner .item-mask .title,.ibanner .item-mask .subtitle{transform: translateY(60px);opacity: 0;filter: alpha(opacity=0);transition: all .8s;transition-delay: .2s;line-height: 1;}
.ibanner .item-mask .subtitle{transform: translateY(50px);transition-delay: .4s;margin-top:38px;}
.ibanner .swiper-slide-active .title,.ibanner .swiper-slide-active .subtitle{transform: translateY(0);opacity: 1;filter: alpha(opacity=100);}
.ibanner .swiper-pager{position: absolute;bottom:8.5%;left:0;width: 100%;z-index:20;}
.ibanner .swiper-pager .swiper-pagination{position: relative;left:auto;bottom:auto;font-size:0;text-align: left;}
.ibanner .swiper-pagination-bullet{width: 50px;height:3px;background:#fff;opacity:1 ;border-radius:0;transition: all .2s;margin-right:16px;}
.ibanner .swiper-pagination-bullet-active{background: #0066af;}
.ibanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 3px;}

.ibanner .item-mask .tit{transform: translateY(30px);opacity: 0;filter: alpha(opacity=0);transition: all .6s;transition-delay: .2s;}
.ibanner .swiper-slide-active .tit{transform: translateY(0);opacity: 1;filter: alpha(opacity=100);}

.ibanner .swiper-btn-box{position: absolute;z-index:10;left:0;width: 100%;bottom:5.33%;}
.ibanner .swiper-btn-box .swiper-btn{margin-left:30px;float:right;width: 70px;height: 70px;padding:10px;border-radius:100%;overflow: hidden;position: relative;}
.ibanner .swiper-btn-box .swiper-btn span{display: block;width: 100%;height: 100%;background: url(../images/banner-next.png) no-repeat center;background-size: 100% auto;border:2px solid #fff;border-radius:100%;overflow: hidden;}
.ibanner .swiper-btn-box .swiper-btn-prev span{background-image: url(../images/banner-prev.png);}
.ibanner .swiper-btn-box svg{ position:absolute; width: 100%;left:0;top:0;height: 100%;transform: rotate(-90deg); transform-origin:35px;}
.ibanner .swiper-btn-box svg .jdt2{stroke-dasharray:0 190;}
.ibanner .swiper-btn-box .swiper-btn-next.active svg .jdt2{ animation: jtd2 infinite 6s linear; }
@keyframes jtd2{
 0%{ stroke-dasharray:0 190; stroke-dashoffset: 0;}
 100%{ stroke-dasharray:190 0; stroke-dashoffset: 0;}
}


.header_search_fix{position: fixed;z-index: 99;top: 0;left: 0;width: 100%;height: 100%;background: #c2000f;color: #fff;display: none;}
.header_search_fix .search{font-size: 18px;margin-bottom: 10px;}
.header_search_fix .box{position: absolute;width: 40%;top: 50%;margin-top: -50px;text-align: left;left: 30%;}
.header_search_fix .input{background:none; width:85%; line-height:40px; height:40px; padding-right:60px;border: 0;outline: 0;font-size:38px;color: #fff;font-family: 'Impact'}
.header_search_fix .input::-webkit-input-placeholder {color: #fff;}
.header_search_fix .input:-moz-placeholder {color: #fff;}
.header_search_fix .input:-ms-input-placeholder {color: #fff;}
.header_search_fix .search_box{line-height: 70px;height: 70px;position: relative;}
.header_search_fix .submit{width: 125px;height: 45px;line-height: 41px;font-size: 14px;color: #fff;border: 2px solid #fff;border-radius: 20px;background: transparent;padding: 0;margin: 0;position: absolute;top: 50%;margin-top: -23px;right: 0;-webkit-appearance: none;}
.header_search_fix .close-btn{position: absolute;width: 88px;height: 88px;font-size: 28px;line-height: 92px;border: 1px solid #fff;right: 60px;top: 20px;text-align: center;cursor: pointer;transition: all .5s ease;-webkit-transition:all .5s ease;background: #c2000f;}
.header_search_fix .close-btn:hover{background: #c2000f;}
.header_search_fix .submit:before{width: 100%;margin-top: 0;}
.header_search_fix .submit:hover{background: #c2000f;}
.header_search_fix .submit:before{width: 100%;left: 0;text-align: center;}
@media only screen and (max-width: 1660px){
.header_search_fix .box{width: 60%;left:20%;}
}

.xuanzhun{-webkit-transition-property: -webkit-transform;animation: rotate 5s linear infinite;}
@keyframes rotate{
 from{transform: rotate(0deg)}
 to{transform: rotate(359deg)}
}

.banner_mouse{position:absolute; width: 23px;height: 37px;cursor:pointer;background:url(../images/banner_mouse_ico.png) no-repeat -23px 0px;-webkit-animation: nudgeMouse 1.6s linear infinite;animation: nudgeMouse 1.6s linear infinite; bottom:5.44%; left:50%;margin-left:-12px;z-index:1;}
.banner_mouse:after,.banner_mouse:before{content: "";position: absolute;}
.banner_mouse:before{width:24px;height:40px;background:url(../images/banner_mouse_ico.png) no-repeat 0px 0px;-webkit-animation: colorSlide 1.6s linear infinite;animation: colorSlide 1.6s linear infinite;top:0;left:0;}
.banner_mouse:after{background-color: #ffffff;width: 4px;height: 8px;border-radius: 2px;-webkit-animation: trackBallSlide 1.6s linear infinite;animation: trackBallSlide 1.6s linear infinite;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
@-webkit-keyframes colorSlide {0% {height:0;}
90% {height:40px;}
}
@keyframes colorSlide {0% {height:0;}
90% {height:40px;}
}
@-webkit-keyframes trackBallSlide {0% {opacity:1;-webkit-transform:scale(1) translateY(-8px);transform:scale(1) translateY(-8px);}
34% {opacity:1;-webkit-transform:scale(0.9) translateY(4px);transform:scale(0.9) translateY(4px);}
68% {opacity:0;-webkit-transform:scale(0.4) translateY(16px);transform:scale(0.4) translateY(16px);}
100% {opacity:0;-webkit-transform:scale(0.4) translateY(-8px);transform:scale(0.4) translateY(-8px);}
}
@keyframes trackBallSlide {0% {opacity:1;-webkit-transform:scale(1) translateY(-8px);transform:scale(1) translateY(-8px);}
34% {opacity:1;-webkit-transform:scale(0.9) translateY(4px);transform:scale(0.9) translateY(4px);}
68% {opacity:0;-webkit-transform:scale(0.4) translateY(16px);transform:scale(0.4) translateY(16px);}
100% {opacity:0;-webkit-transform:scale(0.4) translateY(-8px);transform:scale(0.4) translateY(-8px);}
}
@-webkit-keyframes nudgeMouse {0% {-webkit-transform:translateY(0);transform:translateY(0);}
50% {-webkit-transform:translateY(8px);transform:translateY(8px);}
100% {-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes nudgeMouse {0% {-webkit-transform:translateY(0);transform:translateY(0);}
50% {-webkit-transform:translateY(8px);transform:translateY(8px);}
100% {-webkit-transform:translateY(0);transform:translateY(0);}
}


@media (max-width:992px){
 .header_box{overflow: hidden;padding:15px 0;}
 .mobile_key{display: block;float:right;}
 .header .header_logo{max-width: 70%;}
 .header .header_nav{text-align: left;font-size:14px;}
}


.title-box{text-align: center;line-height: 63px;min-height: 63px;position: relative;}
.title-box .en{color:#0066af;opacity: 0.1;text-transform: uppercase;letter-spacing: 2px;font-family: arial;}
.title-box .tit{position: absolute;left:0;width: 100%;top:50%;transform: translateY(-50%);z-index:10;letter-spacing: 4px;}
.title-desc{letter-spacing: 2px;margin-top:40px;text-align: center;}

.part-product{padding:80px 0;}
.part-product .index-proList{margin:45px -10px 0;}
.part-product .index-proList li{float:left;padding:0 10px;margin-bottom: 20px;width: 50%;}
.part-product .index-proList li:nth-child(5n+3){width:40.7%;}
.part-product .index-proList li:nth-child(5n+4){width:33%;}
.part-product .index-proList li:nth-child(5n+5){width:26.3%;}
.part-product .pitem{display: block;color:#fff;position: relative;overflow: hidden;}
.part-product .pitem .item-bg{background-repeat: no-repeat;background-size: cover;background-position: center;height: 264px;}
.part-product .pitem .item-img{position: absolute;right:5.6%;top:50%;margin-top:20px;transform: translateY(-50%);max-width: 50%;}
.part-product .pitem .item-name{position: absolute;left:0;width: 100%;top:30px;line-height: 1.1;letter-spacing: 2px;z-index:10;padding:0 40px;}
.part-product .pitem:hover .item-bg{transform: scale(1.04);}
.part-product .index-proList li:nth-child(5n+4) .item-name,.part-product .index-proList li:nth-child(5n+5) .item-name{padding:0 30px;}

.prolist_box{width: 100%; display: flex; justify-content: space-between; align-items: center; margin-top: 45px;}
.prolist_ban{width: 50%; padding-left: 100px; position: relative;}
.prolist_ban .swiper-container{height: 550px;}
.prol h3{font-size: 25px; color: #333; line-height: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.prol p{font-size: 16px; color: #333; line-height: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 24px 0 20px;}
.prol a{display: inline-block; height: 50px; padding: 0 32px; font-size: 16px; color: #333; line-height: 48px; border: 1px solid #333;}
.prol a span{font-family: "宋体"; font-weight: bold; margin-left: 45px;}
.prol.active h3{color: #0066af;}
.prol.active a, .prol a:hover{background: #0066af; border: 1px solid #0066af; color: #fff;}
.prob-btn{width: 40px; height: 100%; position: absolute; left: 0; bottom: 0;}
.prob-btn .swiper-button-next, .prob-btn .swiper-button-prev{left: 0; margin: 0; width: 40px;}
.prob-btn .swiper-button-prev{top: 30%;}
.prob-btn .swiper-button-next{bottom: 30%; top: unset;}
.prob-btn .swiper-button-next:after, .prob-btn .swiper-button-prev:after{transform: rotate(90deg); font-size: 40px; line-height: 40px; color: #a5a5a5;}
.prob-btn .swiper-button-next:hover:after, .prob-btn .swiper-button-prev:hover:after{color: #0066af;}
.prolist_img{max-width: 45%;}
.prolist_img .circle{max-width: 100%; padding: 30px; border-radius: 50%; position: relative; overflow: hidden;}
.prolist_img .circle::after{content: ""; width: 100%; height: 100%; background: url(../images/circle_bg.png) no-repeat center; background-size: contain; position: absolute; left: 0; top: 0; z-index: -1; -webkit-animation: spin 5s linear infinite; animation: spin 5s linear infinite;}
@-webkit-keyframes spin {
 from {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
 }

 50% {
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
 }

 to {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
 }
}

@keyframes spin {
 from {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
 }

 50% {
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
 }

 to {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
 }
}
.prolist_img .circle img{display: block; max-width: 100%; margin: auto;}
.prolist_img .circle .proimg{width: calc(100% - 60px); height: calc(100% - 60px); position: absolute; left: 30px; top: 30px; border-radius: 50%; overflow: hidden;}
.prolist_img .circle .proimg .swiper-container{height: 100%;}
.prolist_img .circle .proimg .swiper-slide{display: flex; align-items: center; height: 100%;}


.part-about{position: relative;padding-top: 64px;color:#fff;}
.part-about .bg{background-repeat: no-repeat;background-size: cover;background-position: center;position: absolute;left:0;top:0;width: 100%;height: 476px;}
.part-about .container{z-index:10; margin: 0 auto; max-width: 1460px; padding: 50px 50px;}
.part-about .title-box{text-align: left;color:#fff;}
.part-about .title-box .en{color:#fff;opacity: 0.2;}
.title-box .title{letter-spacing: 1px;margin-top:-28px;line-height: 1;}
.part-about .desc{margin-top:38px;line-height:2.25;letter-spacing: 1px;}
.part-about .index-caseList{margin-top:40px;}
.part-about .index-caseList .swiper-slide{width: 18.9%;max-width: 276px;margin-right:1.37%;}
.part-about .index-caseList .citem{display: block;position: relative;overflow: hidden;background: #0066af;}
.part-about .index-caseList .citem .item-img{padding-bottom: 162.9%;overflow: hidden;position: relative;opacity: 0.2;transition: all .6s;}
.part-about .index-caseList .citem .item-line{position: absolute;left:5.8%;right:5.8%;top:6%;bottom:6%;z-index:10;}
.part-about .index-caseList .citem .item-line b{position: absolute;background: #fff;overflow: hidden;transition: all .6s;transition-delay: 0.1s;}
.part-about .index-caseList .citem .item-line .b1,.part-about .index-caseList .citem .item-line .b3{width:1px;height: 0;}
.part-about .index-caseList .citem .item-line .b2,.part-about .index-caseList .citem .item-line .b4{width:0;height: 1px;}
.part-about .index-caseList .citem .item-line .b1{top:0;left:0;}
.part-about .index-caseList .citem .item-line .b3{bottom:0;right:0;}
.part-about .index-caseList .citem .item-line .b2{right:0;top:0;}
.part-about .index-caseList .citem .item-line .b4{left:0;bottom:0;}
.part-about .index-caseList .citem .icon{position: absolute;left:50%;top:50%;width: 32px;height: 32px;margin-top:-16px;margin-left:-16px;transform: scale(0.5);opacity: 0;transition: all .6s;}
/* icon-search.png 不存在，使用 iconfont 替代 */
.part-about .index-caseList .citem .icon::before{content:"\e600";font-family:"iconfont";font-size:32px;color:#fff;}
.part-about .index-caseList .citem .item-name{position: absolute;color:#fff;bottom:10%;left:0;text-align: center;padding:0 10px;width: 100%;line-height: 1;z-index:12;letter-spacing: 2px;}
.part-about .index-caseList .citem:hover .item-img{opacity: 1;transform: scale(1.04);}
.part-about .index-caseList .citem:hover .icon{transform: scale(1);opacity: 1;}
.part-about .index-caseList .citem:hover .item-line .b1,.part-about .index-caseList .citem:hover .item-line .b3{height: 89%;}
.part-about .index-caseList .citem:hover .item-line .b2,.part-about .index-caseList .citem:hover .item-line .b4{width: 82.7%;}

.part-news{padding:100px 0;}
.part-news .top{padding-bottom: 7px;border-bottom:1px solid #a8a8a8;}
.part-news .top ul{margin:30px -1.2% 0;}
.part-news .top li{float:left;padding:1.2%;width:32.8%;}
.part-news .top li:nth-child(3n+1){width: 67.2%;}
.part-news .top .news-item{display: block;position: relative;color:#fff;}
.part-news .top .news-item .item-img{position: relative;padding-bottom: 46.71%;}
.part-news .top li:nth-child(3n+1) .news-item .item-img{padding-bottom: 47.52%;}
.part-news .top .news-item .item-date{position: absolute;top:0;left:0;top:26px;left:26px;background: #0066af;width: 91px;height: 72px;padding:12px 0 0 20px;line-height: 1;font-family: arial;}
.part-news .top .news-item .item-date .d{margin-top:6px;}
.part-news .top .news-item .item-con{position: absolute;left:0;bottom:0;z-index:10;padding:0 27px 26px;width: 100%;}
.part-news .top .news-item .item-con h2{line-height: 1;letter-spacing: 2px;max-width: 590px;}
.part-news .top .news-item .item-con .item-desc{line-height: 24px;margin-top:20px;letter-spacing: 1px;max-width: 590px;}
.part-news .list{margin:0 -1.2%;color:#a8a8a8;}
.part-news .list li{padding:0 1.2%;margin-top:27px;}
.part-news .list .item-date{line-height: 1;font-family: arial;}
.part-news .list .item-name{color:#333;line-height: 1;margin-top:24px;letter-spacing: 1px;}
.part-news .list .item-more{margin-top:28px;}
.part-news .list .item-more span{float:left;letter-spacing: 1px;padding-right:54px;background: url(../images/icon-arrow.png) no-repeat right center;}
.part-news .list a:hover{color:#0066af;}
.part-news .list a{display: block;padding-bottom: 25px;border-bottom:1px solid #a8a8a8;}
.part-news .list a:hover .item-more span{background-image: url(../images/icon-arrow-b.png);}

.footer-box{background: #03548e;color:#fff;position: relative;overflow: hidden;}
.footer-box .f-logo{position: absolute;bottom:0;right:0;pointer-events: none;max-width: 49.5%;}
.copyright{padding:25px 0 35px;font-size:12px;border-top:1px solid #a5a5a5;}
.footer-box .footer{width: 100%;padding:55px 0;}
.footer-nav li{float:left;margin-right:4.6vw;}
.footer-nav li a{display: block;margin-bottom: 13px;}
.footer-nav li .s-menu{margin-top:40px;}
.footer .code{max-width:160px;width: 14%;text-align: center;flex:none;}
.footer .code p{margin-top:30px;letter-spacing: 1px;line-height: 1;}
.footer-info{width: 385px;max-width: 27%;padding-right:10px;flex:none;}
.footer-info .in{padding:5px 0 5px 52px;background-repeat: no-repeat;background-position: left center;margin-bottom: 23px;}
.footer-info .tel{background-image: url(../images/icon-tel.png);}
.footer-info .mail{background-image: url(../images/icon-mail.png);}
.footer-info .address{background-image: url(../images/icon-address.png);letter-spacing: 1px;}


@media (max-width:1600px){
 .fs100{font-size:94px;}
 .fs80{font-size:80px;}
 .fs52{font-size:46px;}
 .fs45{font-size: 43px;}
 .fs30{font-size: 28px;}
 .title-box .tit{letter-spacing: 2px;}
}
@media (max-width:1500px){
 .fs100{font-size:90px;}
 .fs52{font-size:42px;}
 .fs45{font-size: 41px;}
 .fs35{font-size: 34px;}
 .fs30{font-size: 24px;}
 .fs26{font-size: 23px;}
 .fs24{font-size: 22px;}
 .fs22{font-size: 20px;}
/* .fs18{font-size: 18px;}
 .fs16{font-size: 16px;}*/
 .header .header_nav .nav_container>ul>li{margin-right:4%;}
 .title-desc{letter-spacing: 1px;margin-top:30px;font-size:20px;}
 .part-product .pitem .item-name{padding:0 25px;letter-spacing: 1px;top:25px;}
 .part-product .index-proList li:nth-child(5n+4) .item-name, .part-product .index-proList li:nth-child(5n+5) .item-name{padding:0 20px;}
 .part-product .pitem .item-bg{height: 220px;}
 .part-about .desc{line-height: 2;margin-top:30px;}
 .part-about .index-caseList .citem .item-name{font-size:20px;letter-spacing: 1px;}
 .title-box .en{letter-spacing: 1px;}
 .part-news .top .news-item .item-date{top:14px;left: 14px;height: 58px;width: 74px;padding:7px 0 0 10px;}
 .part-news .top .news-item .item-con h2{letter-spacing: 1px;}
 .part-news .top .news-item .item-con{padding-bottom: 20px;}
 .part-news .top .news-item .item-con .item-desc{margin-top:16px;}
 .part-news .list .item-more span{padding-right:50px;}
}
@media (max-width:1200px){
 .fs100{font-size:80px;}
 .fs80{font-size:70px;}
 .fs52{font-size:38px;}
 .fs45{font-size: 36px;}
 .fs35{font-size: 32px;}
 .fs30{font-size: 22px;}
 .fs26{font-size: 21px;}
 .fs24{font-size: 20px;}
 .fs22{font-size: 18px;}
 .fs20{font-size: 18px;}
 .fs18{font-size: 17px;}
 .fs16{font-size: 15px;}
 .header .header_nav .nav_container>ul>li>a{line-height: 100px;}
 .header.fixed .header_nav .nav_container>ul>li>a{line-height: 90px;}
 .header_box{font-size:15px;}
 .header .header_logo img{max-height: 50px;}
 .header .header_nav .nav_container>ul>li{margin-right:3%;}
 .ibanner .item-mask .subtitle{margin-top:30px;}
 .ibanner .swiper-btn-box .swiper-btn{margin-left:20px;}
 .ibanner .swiper-pagination-bullet{width: 36px;margin-right:10px;}
 .part-product{padding:70px 0;}
 .title-box{line-height: 56px;min-height: 56px;}
 .title-desc{margin-top:20px;font-size:18px;}
 .part-product .index-proList{margin-top:35px;}
 .part-product .pitem .item-name{font-size:20px;padding:0 20px;top:20px;}
 .part-product .pitem .item-bg{height: 190px;}
 .part-about{padding-top:55px;}
 .part-about .bg{height: 370px;}
 .part-about .index-caseList .swiper-slide{width: 23.9%;}
 .part-about .index-caseList .citem .item-name{font-size:19px;}
 .part-news{padding:90px 0;}
 .part-news .list .item-name{margin-top:20px;}
 .part-news .list .item-more{margin-top:24px;}
 .part-news .list a{padding-bottom: 20px;}
 .footer-box .footer{padding:45px 0 40px;}
 .footer-info .in{background-size: auto 24px;padding-left:40px;margin-bottom: 15px;}
 .footer-nav li{margin-right:25px;}
 .footer-nav li .s-menu{margin-top:30px;}
 .footer .code p{margin-top:22px;}
 .copyright{padding:25px 0;}

 .prolist_box{margin-top: 35px;}
 .prolist_ban{padding-left: 80px;}
 .prolist_ban .swiper-container{height: 450px;}
 .prol a{height: 40px; line-height: 38px;}
 .prol a span{margin-left: 30px;}
}

@media (max-width:992px){
 .fs100{font-size:70px;}
 .fs80{font-size:60px;}
 .fs52{font-size:34px;}
 .fs45{font-size: 30px;}
 .fs35{font-size: 28px;}
 .fs30{font-size: 20px;}
 .fs26{font-size: 19px;}
 .fs24{font-size: 18px;}
 .fs22{font-size: 17px;}
 .fs20{font-size:17px;}
 .fs18{font-size: 16px;}
 .header .header_logo img{max-height: 45px;}
 .header .header-tel{right:50px;}
 .ibanner .swiper-btn-box .swiper-btn{margin-left:12px;}
 .ibanner .item-mask .subtitle{margin-top:25px;}
 .part-product{padding:60px 0;}
 .title-box{line-height: 48px;min-height: 48px;}
 .title-desc{font-size:16px;}
 .part-product .index-proList{margin:30px -8px 0;}
 .part-product .index-proList li{padding:0 8px;margin-bottom: 16px;}
 .part-product .pitem .item-bg{height: 150px;}
 .part-product .pitem .item-name{font-size:17px;padding:0 18px;top:18px;}
 .part-product .index-proList li:nth-child(5n+4) .item-name, .part-product .index-proList li:nth-child(5n+5) .item-name{padding:0 12px;}
 .part-about{padding-top:45px;}
 .part-about .index-caseList .swiper-slide{width: 32.4%;}
 .part-about .index-caseList .citem .item-name{font-size:17px;}
 .part-news{padding:80px 0;}
 .footer-box .footer{padding:30px 0 25px;flex-wrap: wrap;}
 .footer-box .footer-nav{width: 100%;margin-bottom: 20px;}
 .footer-nav li{margin-right: 4.6vw;}
 .footer-nav li .s-menu{margin-top:20px;}
 .footer-info{max-width: 80%;}
 .footer-info .in{margin-bottom: 12px;}
 .copyright{padding:20px 0;}
}

@media (max-width:767px){
 .fs100{font-size:50px;}
 .fs80{font-size:50px;}
 .fs52{font-size:32px;}
 .fs45{font-size: 28px;}
 .fs35{font-size: 26px;}
 .fs30{font-size: 18px;}
 .fs26{font-size: 18px;}
 .ibanner .slide-item-img{min-height:450px;object-fit: cover;object-position: center;}
 .ibanner .item-mask .title{font-size:24px;}
 .ibanner .item-mask .container{width: 100%;}
 .ibanner .item-mask .subtitle{font-size:15px;}
 .ibanner .swiper-pagination-bullet{width: 26px;height: 2px;margin-right:8px;}
 .ibanner .swiper-btn-box .swiper-btn{margin-left:5px;}
 .header .header-tel{right:45px;}
 .part-product{padding:50px 0;}
 .title-box{line-height: 40px;min-height: 40px;}
 .title-desc{font-size:15px;}
 .part-product .index-proList li{width: 100%!important;}
 .part-product .pitem .item-bg{height: auto;padding-bottom: 40%;}
 .part-product .pitem .item-img{margin-top:10px;}
 .title-box .title{margin-top:-24px;}
 .part-about .desc{max-height: 100px;overflow-y: scroll;overflow-y: auto;line-height: 1.8;}
 .part-about .index-caseList .swiper-slide{width: 49%;margin-right:2%;}
 .part-news{padding:70px 0;}
 .part-news .top li{width: 100%!important;}
 .part-news .top .news-item .item-con{padding:0 15px 15px;}
 .part-news .top .news-item .item-con .item-desc{line-height: 20px;margin-top:12px;}
 .part-news .top .news-item .item-date{top:10px;left:10px;height: 52px;width: 70px;padding-top:5px;}
 .part-news .top .news-item .item-date .d{margin-top:4px;}
 .footer-nav li .s-menu{display: none;}
 .footer-nav li{margin:0;width: 25%;text-align: center;}
 .footer-nav li a{font-size:15px;}
 .footer-info{max-width:60%;font-size:14px;}
 .footer-info .in{margin-bottom: 6px;padding-left:30px;background-size: auto 20px;}
 .footer .code{width: 36%;}
 .footer .code p{font-size:14px;margin-top:15px;}
 .copyright{padding:15px 0;}

 .prolist_box{display: block; margin-top: 30px;}
 .prolist_ban{width: 100%; padding-left: 0; padding-bottom: 40px;}
 .prolist_ban .swiper-container{height: 400px;}
 .prob-btn{width: 100%; height: 40px;}
 .prob-btn .swiper-button-next, .prob-btn .swiper-button-prev{top: 0; bottom: unset;}
 .prob-btn .swiper-button-prev{left: 25%;}
 .prob-btn .swiper-button-next{right: 25%; left: unset;}
 .prob-btn .swiper-button-next:after, .prob-btn .swiper-button-prev:after{transform: unset; font-size: 30px;}
 .prol h3{font-size: 22px;}
 .prol p{margin: 15px 0;}
 .prol a{padding: 0 25px; height: 36px; line-height: 34px;}
 .prolist_img{max-width: 100%; margin-top: 30px;}
 .prolist_img .circle{padding: 20px;}
 .prolist_img .circle .proimg{width: calc(100% - 40px); height: calc(100% - 40px); position: absolute; left: 20px; top: 20px;}
}


.inner-banner{position: relative;}
.inner-banner .subcolumn-nav{position: absolute;left:0;top:0;text-align: center;width: 100%;color:#fff;z-index:10;top:50%;line-height: 80px;height: 80px;margin-top:-40px;}
.inner-banner .subcolumn-nav .en{color:rgba(255,255,255,.2);text-transform: uppercase;font-family: arial;}
.inner-banner .subcolumn-nav .cn{position: absolute;left:0;top:0;width: 100%;letter-spacing: 4px;}

.inner-title{text-align: left;}

.about-box{padding-bottom: 100px;}
.about-part{margin-top:100px;}
.about-part1{padding:76px 0 72px;background: url(../images/about-img1.png) no-repeat center;background-size: cover;}
.about-part1 .box{width: 93%;background: rgba(255,255,255,.9);border-radius:18px;overflow:hidden;margin:0 auto;padding:94px 0;}
.about-part1 .left-icon{max-width: 12%;margin-right:6.7%;}
.about-part1 .right-con{border-left:4px solid #0066af;width: 81.3%;padding:0 2.74% 0 4.8%;}
.about-part1 .right-con .con{padding-bottom: 65px;}
.about-part1 .right-con .desc{line-height: 2.25;margin-top:92px;text-align: justify;}
.about-part2{position: relative;background: #f7f7f7;}
.about-part2 .left-imgSwiper{width: 50%;position: absolute;left:0;top:0;height: 100%;}
.about-part2 .left-imgSwiper .swiper-container,.about-part2 .left-imgSwiper .item-img{position: relative;height: 100%;}
.about-part2 .con{float:right;width: 50%;padding:62px 2.74% 62px 3.83%;}
.about-part2 .con .desc{margin-top:80px;line-height: 2.25;text-align: justify;letter-spacing: 1px;}
.about-part2 .con .common-more{float:right;margin-top:74px;}
.common-more{padding:0 33px;line-height: 49px;border:1px solid #333333;line-height: 48px;text-align: center;letter-spacing: 1px;transition: all .3s;}
.common-more span{padding-right:54px;background: url(../images/icon-arrow-black.png) no-repeat right center;}
.common-more:hover{background:#0066af;color:#fff;border-color:#0066af;}
.common-more:hover span{background-image: url(../images/icon-arrow-white.png);}
.about-part2 .left-imgSwiper .swiper-pagination{width: 10px;font-size:0;left:auto;right:4.48%;top:50%;transform: translateY(-50%);bottom:auto;}
.about-part2 .left-imgSwiper .swiper-pagination-bullet{width:10px;height: 10px;background: transparent;border:1px solid #fff;opacity: 1;}
.about-part2 .left-imgSwiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:10px 0;}
.about-part2 .left-imgSwiper .swiper-pagination-bullet-active{background: #fff;}

@media (max-width: 1680px){
 .about-part1 .box{width: 96%;}
}
@media (max-width: 1600px){
 .about-part1 .box{width: 94%;}
 .about-part1 .box .container{max-width: 100%;}
 .about-part1 .left-icon{margin:0 5% 0 5%;}
 .about-part1 .right-con{width: 76%;}
 .about-part1 .right-con .desc{margin-top:80px;}
}

@media (max-width: 1500px){
 .about-part1 .left-icon{margin-left:0;max-width: 15%;}
 .about-part1 .right-con{padding-right:0;}
 .about-part1 .box{padding:80px 0;}
 .about-part1 .right-con .con{padding-bottom: 50px;}
 .about-part{margin-top:90px;}
 .about-box{padding-bottom: 90px;}
 .about-part2 .con .desc,.about-part1 .right-con .desc{margin-top:65px;max-height: 280px;overflow-y: auto;padding-right:4px;}
 .about-part2 .con .desc::-webkit-scrollbar,.about-part1 .right-con .desc::-webkit-scrollbar {width:3px;}
 .about-part2 .con .desc::-webkit-scrollbar-track,.about-part1 .right-con .desc::-webkit-scrollbar-track {background:#fff;}
 .about-part2 .con .desc::-webkit-scrollbar-thumb ,.about-part1 .right-con .desc::-webkit-scrollbar-thumb{background:#333;}
 .about-part2 .con .desc::-webkit-scrollbar-thumb:window-inactive,.about-part1 .right-con .desc::-webkit-scrollbar-thumb:window-inactive {background:#333;}
 .about-part2 .con .desc::-webkit-scrollbar-thumb:vertical:hover ,.about-part1 .right-con .desc::-webkit-scrollbar-thumb:vertical:hover{background:#333;}
}
@media (max-width: 1200px){
 .about-part2 .con{padding:50px 2.74% 50px 3.83%;}
 .common-more span{padding-right:44px;}
 .common-more{padding:0 28px;}
 .about-part2 .con .common-more{margin-top:60px;}
 .about-part2 .con .desc, .about-part1 .right-con .desc{margin-top:50px;}
 .about-part1{padding:65px 0;}
 .about-part1 .box{padding:70px 0;}
 .about-part{margin-top:80px;}
 .about-box{padding-bottom: 80px;}
}
@media (max-width: 992px){
 .inner-banner .slide-item-img{min-height: 350px;object-fit: cover;object-position: center;}
 .about-part{margin-top:65px;}
 .about-box{padding-bottom: 65px;}
 .about-part1{padding:60px 0;}
 .about-part1 .box{padding:64px 0;}
 .about-part2 .con .desc, .about-part1 .right-con .desc{margin-top:40px;}
 .about-part1 .left-icon{max-width: 18%;}
 .about-part2 .con{padding:40px 2.74% 40px 3.83%;}
 .about-part2 .con .desc{letter-spacing: 0;}
 .about-part2 .con .more{margin-top:45px;}
 .common-more{line-height: 44px;padding:0 24px;}
 .about-part2 .con .desc, .about-part1 .right-con .desc{max-height: 260px;}
}
@media (max-width: 750px){
 .inner-banner .slide-item-img{min-height: 260px;}
 .about-part1{padding:50px 0;}
 .about-part1 .box{padding:45px 0;}
 .about-part{margin-top:55px;}
 .about-box{padding-bottom: 55px;}
 .about-part2 .con .desc, .about-part1 .right-con .desc{line-height: 2;font-size:14px;margin-top:25px;}
 .about-part1 .left-icon{max-width: 100%;width: 100%;margin:0;}
 .about-part1 .left-icon img{max-width: 35%;}
 .about-part1 .right-con{width: 100%;padding:20px 0 0;margin-top:30px;border-top:2px solid #0066af;border-left:none;}
 .about-part1 .right-con .con{padding:0;}
 .about-part2 .left-imgSwiper{position:relative;height: auto;width: 100%;}
 .about-part2 .left-imgSwiper .item-img{height: auto;padding-bottom: 72.46%;}
 .about-part2 .left-imgSwiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;}
 .about-part2 .con{width: 100%;padding:40px 0;}
 .common-more span{padding-right:35px;}
 .common-more{line-height: 40px;}
 .about-part2 .con .common-more{margin-top:35px;}
}

.inner-wrapper{padding:100px 0;background: #f7f7f7;}

.category-box .backBtn{position:absolute;width:45px;left:0;top:0;height:100%;vertical-align:top;background:#f5f8fa;display: none;}
.category-box .backBtn i{position:absolute;top:50%;margin-top:-20px;width:100%;height:40px;display:block;text-align:center;line-height:40px;font-size:24px;color:#1f42aa;padding:0;background: url(../images/icon-pro-arrow.png) no-repeat center;transform: rotate(-90deg);}
.category-box .moveBtn{display: none;line-height: 35px;text-align: center;margin:0 auto;width:200px;border-radius:999px;border:2px solid #313131;font-size:16px;}
.category-box .content a{margin-bottom: 20px;float:left;width:18.9%;border:1px solid #dcdcdc;background: #fff;line-height: 1;padding:22px 10px;text-align: center;margin-right:1.375%;transition: all .4s;}
.category-box .content a:nth-child(5n+5){margin-right:0;}
.category-box .content .active,.category-box .content a:hover{color:#fff;background: #0066af;border-color:#0066af;}
.category-box .content .ejBox{display: none;color:#1f42aa;text-align: center;}
.category-box{padding-bottom: 30px;}

.product-box .list li{margin-bottom: 30px;}
.product-box .list .pro-item{display: block;background: #fff;position: relative;}
.product-box .list .pro-item .item-img{float:left;width: 50%;background: url(../images/pro-bg.png) no-repeat center;background-size: 100% 100%;}
.product-box .list .pro-item .item-img img{max-width: 80%;max-height:80%;}
.product-box .list .pro-item .item-con{float:right;width: 50%;padding:30px 4% 80px;}
.product-box .list .pro-item .item-tit{line-height: 1;letter-spacing: 1px;}
.product-box .list .pro-item .item-desc{line-height: 1.5;color:#a5a5a5;letter-spacing: 2px;margin-top:44px;}
.product-box .list .pro-item .item-more{position: absolute;right:4%;bottom:28px;}
.common-imgBox{position: relative;padding-bottom: 95.2%;overflow:hidden;}
.common-imgBox .item-mask{position: absolute;left:0;top:0;width: 100%;height: 100%;background: #0066af;opacity: 0;transition: all .3s;}
.common-imgBox .item-line{position: absolute;left:6.74%;right:6.74%;top:6.76%;bottom:6.76%;}
.common-imgBox .item-line b{position: absolute;background: #fff;transition: all .7s;transition-delay: .1s;overflow: hidden;opacity: 0.8;}
.common-imgBox .item-line .b1,.common-imgBox .item-line .b3{height:0;width: 1px;}
.common-imgBox .item-line .b2,.common-imgBox .item-line .b4{width:0;height: 1px;}
.common-imgBox .item-line .b1{left:0;top:0;}
.common-imgBox .item-line .b3{right:0;bottom:0;}
.common-imgBox .item-line .b2{top:0;right:0;}
.common-imgBox .item-line .b4{bottom:0;left:0;}
.common-imgBox .item-line .icon{width: 30px;height: 30px;position: absolute;left:50%;top:50%;margin-top:-15px;margin-left:-15px;opacity: 0;transform: scale(0);transition: all .3s;transition-delay: .1s;}
/* icon-search.png 不存在，使用 iconfont 替代 */
.common-imgBox .item-line .icon::before{content:"\e600";font-family:"iconfont";font-size:30px;color:#fff;}
.common-imgBox:hover .item-line .b1,.common-imgBox:hover .item-line .b3,
.common-item:hover .item-line .b1,.common-item:hover .item-line .b3{height: 100%;}
.common-imgBox:hover .item-line .b2,.common-imgBox:hover .item-line .b4,
.common-item:hover .item-line .b2,.common-item:hover .item-line .b4{width: 100%;}
.common-imgBox:hover .item-mask,.common-item:hover .item-mask{opacity: 0.8;}
.common-imgBox:hover .item-line .icon,.common-item:hover .item-line .icon{opacity: 1;transform: scale(1);}

.pager-box{text-align: center;margin-top:20px;}
.pager-box a{display: inline-block;min-width: 30px;line-height: 30px;background: #fff;padding:0 5px;color:#333;margin:0 8px;font-size:16px;transition: all .3s;}
.pager-box a.PreA,.pager-box a.NextA{padding:0 25px;}
.pager-box a:hover,.pager-box a.Ahover{background: #0066af;color:#fff;}

@media (max-width: 1500px){
 .inner-wrapper{padding:85px 0;}
 .category-box .content{font-size:18px;}
 .common-item .item-more{padding:0 25px;line-height: 42px;}
 .common-item .item-more span{padding-right:40px;}
 .product-box .list .pro-item .item-desc{margin-top:35px;}
 .product-box .list ul{margin:0 -12px;}
 .product-box .list li{padding:0 12px;margin-bottom: 24px;}
}

@media (max-width: 1200px){
 .inner-wrapper{padding:70px 0;}
 .category-box .content{font-size:16px;}
 .category-box .content a{margin-right:1.33333%;width:24%;margin-bottom: 15px;padding:18px 8px;}
 .category-box .content a:nth-child(5n+5){margin-right:1.33333%;}
 .category-box .content a:nth-child(4n+4){margin-right:0;}
 .common-item .item-more{bottom: 20px;padding:0 18px;line-height: 38px;}
 .common-item .item-more span{padding-right:28px;}
 .pager-box a{margin:0 6px;}
}
@media (min-width:992px) and (max-width: 1200px){
 .product-box .list .pro-item .item-desc{margin-top:20px;}
 .product-box .list .pro-item .item-con{padding-top:24px;}
}
@media (min-width:767px) and (max-width: 992px){
 .category-box .content a{min-width: 24%;width: auto;margin-right:1.333%;}
 .inner-wrapper{padding:60px 0;}
 .product-box .list .pro-item .item-img,.product-box .list .pro-item .item-con{float:none;width: 100%;}
 .product-box .list .pro-item .item-desc{height: 44px;}
 .product-box .list .pro-item .item-con{padding-bottom: 100px;}
 .category-box .content{font-size:15px;}
}

@media (max-width: 767px){
 .inner-wrapper{padding:50px 0;}
 .category-box{padding:0 0 40px;}
 .category-box .moveBtn,.category-box .backBtn{display: block;}
 .contentBox{position: fixed;top:0;width: 100%;left:100%;background: #fff;z-index:1000;bottom:0;overflow-y: auto;font-size:0;padding-left:45px;}
 .category-box .content{padding:20px 15px;}
 .category-box .content a{width: auto;font-size:13px;margin-right:12px;border-radius:999px;overflow: hidden;padding:10px 16px;margin-bottom: 12px;}
 .product-box .list .pro-item .item-con{padding:20px 18px 75px;}
 .product-box .list .pro-item .item-desc{margin-top:20px;letter-spacing: 1px;}
 .inner-wrapper .common-item .item-more{line-height: 32px;padding:0 16px;bottom:20px;}
 .common-item .item-more span{padding-right:20px;font-size:14px;}
 .product-box .list li{margin-bottom: 18px;}
 .product-box .list .pro-item .item-img,.product-box .list .pro-item .item-con{width: 100%;float:none;}
 .pager-box a{font-size:14px;margin:0 3px;}
 .pager-box a.PreA, .pager-box a.NextA{padding:0 8px;}
}

.tech-list li{margin-bottom: 30px;}
.tech-list .tech-item{display: block;position: relative;background: #fff;transition: all .3s;border-radius:10px;overflow: hidden;}
.tech-list .tech-item .common-imgBox{padding-bottom: 69.5%;}
.tech-list .tech-item .item-img{width: 33.56%;float:left;border:1px solid #a5a5a5;border-radius: 10px;overflow: hidden;}
.tech-list .tech-item .item-con{width: 63%;float:right;padding:35px 2.74% 80px 0;}
.tech-list .tech-item .item-more{position: absolute;right:2.74%;bottom:28px;}
.tech-list .tech-item:hover{box-shadow: 0 0 40px rgba(0,0,0,.1);}
.tech-list .tech-item:hover .item-img{border-color:#2173ad;}
.common-item .item-tit{line-height: 1;letter-spacing: 1px;}
.common-item .item-desc{line-height: 2.25;letter-spacing: 2px;color:#a5a5a5;}
.tech-list .tech-item .item-desc{margin-top:60px;}
@media (min-width: 1500px){
 .tech-list .tech-item .item-tit{font-size:27px;}
}
@media (max-width: 1500px){
 .tech-list .tech-item .item-desc{margin-top:40px;}
}
@media (max-width: 1200px){
 .tech-list .tech-item .item-con{padding:25px 2.74% 70px 0;}
 .tech-list .tech-item .item-desc{margin-top:25px;} 
 .common-item .item-desc{line-height: 2;}
}
@media (min-width: 750px) and (max-width: 992px){
 .tech-list .tech-item .common-imgBox{padding-bottom: 0;height: 220px;}
 .tech-list .tech-item .item-img{width: 40%;}
 .tech-list .tech-item .item-con{width: 56%;}
 .tech-list li{margin-bottom: 25px;}
}
@media (max-width: 750px){
 .inner-wrapper .common-item .item-img,.inner-wrapper .common-item .item-con{float:none;width: 100%;}
 .inner-wrapper .common-item .item-con{padding:25px 18px 75px;}
 .common-item .item-desc{font-size:14px;line-height: 2;letter-spacing: 1px;}
 .tech-list .tech-item .item-tit{font-size:18px;}
 .tech-list .tech-item .item-desc{margin-top:20px;}
 .common-item .item-more span{background-size: 5px auto;}
 .product-box .list .pro-item .item-desc{line-height: 1.7;}
}

.news-box .news-list li{border-bottom:1px solid #999999;padding-bottom: 45px;margin-bottom: 45px;}
.news-box .news-list li:last-child{border:none;margin:0;}
.news-box .news-list .news-item{display: block;}
.news-box .news-list .news-item .item-img{float:right;width: 36.4%;max-width: 530px;}
.news-box .news-list .news-item .item-con{float:left;width:59%;max-width: 860px;}
.news-box .news-list .news-item .item-date{line-height: 1;margin-top:22px;font-family: arial;}
/*.news-box .news-list .news-item .common-imgBox{padding:0;height: 320px;}*/
.news-box .news-list .news-item .common-imgBox{padding-bottom:60.4%;}
.news-box .news-list .news-item .common-imgBox .item-line{left:6.8%;right:6.8%;top:10%;bottom:10%;}
.news-box .news-list .news-item .item-desc{line-height:24px;height: 48px;margin-top:38px;}
.news-box .news-list .news-item .item-more{float:left;margin-top:55px;}
@media (max-width: 1500px){
 .news-box .news-list li{padding-bottom: 35px;margin-bottom: 35px;}
 /*.news-box .news-list .news-item .common-imgBox{height: 280px;}*/
 .news-box .news-list .news-item .item-more{margin-top:45px;}
 .news-box .news-list .news-item .item-desc{margin-top:33px;}
}
@media (max-width: 1200px){
 .news-box .news-list .news-item .item-more{margin-top:30px;}
 .news-box .news-list .news-item .item-desc{margin-top:20px;}
 .news-box .news-list .news-item .item-date{margin-top:15px;}
}
@media (max-width: 992px){
 .news-box .news-list .news-item .item-more{margin-top:22px;}
 .news-box .news-list .news-item .item-desc{margin-top:16px;}
 .news-box .news-list .news-item .common-imgBox{padding:0;height: 180px;}
}
@media (max-width: 767px){
 .news-box .news-list .news-item .item-img,.news-box .news-list .news-item .item-con{float:none;width: 100%;}
 .news-box .news-list .news-item .item-con{padding:0 0 28px;}
 .news-box .news-list .news-item .item-desc{height: auto;}
 .news-box .news-list li{padding-bottom: 30px;margin-bottom: 28px;}
}

.contact-box .map-box{position: relative;}
.contact-box .map-box .map{width: 100%;position: absolute;left:0;top:0;height: 100%;}
.contact-box .map-box label{max-width: none;}
.contact-box .map-box #allmap{height: 100%;}
.contact-box .map-info{padding:80px 30px 76px;background: #fff;float:right;width: 50%;position: relative;z-index:10;border-bottom:5px solid #0066af;}
.contact-box .map-info .t{margin-bottom: 32px;line-height: 1;text-transform: uppercase;letter-spacing: 1px;padding-bottom: 37px;border-bottom:2px dashed #cccccc;color:#303131;}
.contact-box .map-info .t .en{margin-bottom: 30px;color:#0066af;}
@media (min-width: 1500px){
 .contact-box .map-info .t .en{font-size:80px;}
}
.contact-box .map-info .tit{letter-spacing: 1px;}
.contact-box .map-info .info{color:#666;}
.contact-box .map-info .info p{margin-bottom:15px;}
.contact-box .map-info .co{letter-spacing: 1px;margin-bottom: 30px;}

.contact-form{margin-top:100px;}
.contact-form .title{text-align: center;color:#999999;}
.contact-form .title h2{line-height: 1;margin-bottom: 25px;letter-spacing: 2px;color:#000;}
.contact-form .form{margin-top:46px;background: #fff;padding:40px 7.53%;}
.contact-form .form .row{margin:0 -10px;}
.contact-form .form li{float:left;width: 33.333%;padding:0 10px;margin-bottom: 31px;}
.contact-form .form li.textarea{width:100%;}
.contact-form .form li .item-value{display: block;width: 100%;border:1px solid #a5a5a5;padding:8px 14px;line-height: 22px;background: #fff;outline: none;resize:none;}
.contact-form .form li .item-value:focus{border-color:#000;}
.contact-form .form li textarea.item-value{height: 187px;}
.contact-form .form li .item-value::-webkit-input-placeholder {color:#a5a5a5;}
.contact-form .form li .item-value:-moz-placeholder {color:#a5a5a5;}
.contact-form .form li .item-value::-moz-placeholder {color:#a5a5a5;}
.contact-form .form li .item-value:-ms-input-placeholder {color:#a5a5a5;}
.contact-form .form .btn-box{text-align: center;}
.contact-form .form .btn-box .butt{width:200px;line-height:40px;border:none;background: #0066af;color:#fff;margin:0 auto;display: block;}



@media (max-width: 1500px){
 .contact-box .map-info .t .en{font-size:65px;}
 .contact-form .form li{margin-bottom: 25px;}
 .contact-form{margin-top:80px;}
 .contact-form .title h2{margin-bottom: 20px;}
 .contact-form .form{margin-top:40px;}
 .contact-box .map-info{padding:75px 30px 65px;}
}
@media (max-width: 1200px){
 .contact-box .map-info{padding:65px 30px 55px;}
 .contact-box .map-info .t .en{font-size:54px;}
 .contact-box .map-info .co{margin-bottom: 25px;}
 .contact-box .map-info .t{padding-bottom: 30px;margin-bottom: 25px;}
 .contact-form .form{padding:36px 7%;}
}
@media (max-width: 992px){
 .contact-box .map-info{padding:50px 25px 40px;width: 60%;}
 .contact-box .map-info .t .en{margin-bottom: 16px;font-size:42px;}
 .contact-box .map-info .t{padding-bottom: 25px;margin-bottom: 20px;}
 .contact-box .map-info .co{margin-bottom: 20px;}
 .contact-box .map-info .info p{margin-bottom:10px;}
 .contact-form{margin-top:65px;}
 .contact-form .title h2{margin-bottom: 16px;}
 .contact-form .form{margin-top:30px;padding:30px 5%;}
 .contact-form .form li{margin-bottom: 18px;}
}
@media (max-width: 750px){
 .contact-box .map-info{border-bottom-width:4px;margin-bottom: 35px;}
 .contact-box .map-box .map{position: relative;height: 350px;}
 .contact-form .title p{font-size:14px;}
 .contact-box .map-info{float:none;width: 100%;padding:35px 20px 30px;}
 .contact-box .map-info .t .en{font-size:38px;}
 .contact-box .map-info .t{padding-bottom: 25px;margin-bottom: 20px;}
 .contact-box .map-info .co{margin-bottom: 20px;}
 .contact-form{margin-top:55px;}
 .contact-form .title h2{letter-spacing: 1px;}
 .contact-form .form li{width: 100%;margin-bottom: 16px;}
 .contact-form .form{padding:20px 20px;}
}

.product-detail .detail-top{padding:50px 0 65px;background-repeat: no-repeat;background-size: cover;color:#fff;background-position: center;text-align: center;}
.product-detail .detail-top .pro-tips{margin-top: 14px;text-align: center;letter-spacing: 1px;}
.product-detail .detail-top .pro-tips span{display: inline-block;margin:0 1%;line-height: 1;}
.product-detail .detail-top .pro-tips .c{margin-right:2%;}
.product-detail .detail-top .pro-swiper{margin:30px auto;max-width: 600px;}
.product-detail .detail-top .item-img{padding-bottom: 60%;}
.product-detail .detail-top .item-img img{max-width: 100%;max-height: 100%;height: 100%;width: 100%;object-fit: cover;
 image-rendering: -moz-crisp-edges;
 image-rendering: -o-crisp-edges;
 image-rendering: -webkit-optimize-contrast;
 image-rendering: crisp-edges;
 -ms-interpolation-mode: nearest-neighbor;}
.product-detail .detail-top .pro-links{text-align: center;}
.product-detail .detail-top .pro-links .icon{display: inline-block;margin:0 4.9%;line-height: 38px;padding-left:50px;letter-spacing: 1px;background-repeat: no-repeat;background-position: left center;}
.product-detail .detail-top .pro-links .qq{background-image: url(../images/icon-qq.png);}
.product-detail .detail-top .pro-links .share{background-image: url(../images/icon-share.png);}
.product-detail .detail-top .pro-links .tel{background-image: url(../images/pro-tel.png);}
.product-detail .detail-top .pro-links .line{width:1px;background: #fff;height: 38px;display: inline-block;}

.product-detail .detail-top .gallery-thumbs .item-img{border:2px solid transparent;transition: all .3s;cursor: pointer;padding-bottom: 60%;height: auto !important;}
.product-detail .detail-top .gallery-thumbs .item-img img{width: calc(100% - 4px); height: calc(100% - 4px); left: 2px; top: 2px;}
.product-detail .detail-top .gallery-thumbs .swiper-slide-thumb-active .item-img{border-color:#fff;}
.product-detail .detail-top .b-img{position: relative; margin-top: 20px;}
.product-detail .detail-top .b-img .swiper-container{padding: 0 5px;}
.product-detail .detail-top .b-img .swiper-wrapper{justify-content: center;}
.product-detail .detail-top .b-img .swiper-btn{width: auto;}
.product-detail .detail-top .b-img .swiper-btn:after{font-size:30px;color:#fff;}
.product-detail .detail-top .b-img .swiper-button-next{right:-30px;}
.product-detail .detail-top .b-img .swiper-button-prev{left:-30px;}

.product-detail .description-box .title{line-height: 1;padding:28px 0;border-bottom:1px solid #a5a5a5;border-top:1px solid #a5a5a5;text-align: center;color:#0066af;text-align:center;letter-spacing: 2px;background: #fff;margin-bottom: 50px;font-size:30px;}
.product-detail .description-box .description{line-height: 2.25;}
.product-detail .description-box .description table{width: 100%;text-align: center;margin-bottom: 20px;}
.product-detail .description-box .description th{background: #0066af;color:#fff;}
.product-detail .description-box .description td,.product-detail .description-box .description th{border:2px solid #bebebe;text-align: center;padding:5px 10px;}
.product-detail .description-box .desc-t{font-size:30px;letter-spacing: 2px;line-height: 1;margin:40px 0 20px;}

@media (max-width: 1500px){
 .product-detail .description-box .desc-t,.product-detail .description-box .title{font-size:26px;}
 .product-detail .detail-top{padding:40px 0 50px;}
 .product-detail .detail-top .pro-links .icon{background-size: auto 30px;padding-left:45px;line-height: 36px;}
 .product-detail .detail-top .pro-links .line{height:36px;}
}
@media (max-width: 992px){
 .product-detail .category-box{padding-bottom: 16px;}
 .product-detail .detail-top{padding:35px 0 40px;}
 .product-detail .detail-top .pro-links .icon{line-height: 32px;background-size: auto 25px;padding-left:40px;}
 .product-detail .detail-top .pro-links .line{height: 32px;}
 .product-detail .description-box .desc-t, .product-detail .description-box .title{font-size:24px;letter-spacing: 1px;}
 .product-detail .description-box .title{padding:24px 0;}
}
@media (max-width: 767px){
 .product-detail .category-box{padding-bottom: 40px;}
 .product-detail .detail-top{padding:30px 0 25px;}
 .product-detail .detail-top .pro-tit{font-size:24px;}
 .product-detail .detail-top .pro-tips{font-size:13px;}
 .product-detail .detail-top .pro-links{flex-wrap: wrap;}
 .product-detail .detail-top .pro-links .icon{margin: 5px 6%;min-width: 30%;text-align: left;}
 /*.product-detail .detail-top .pro-links .tel{width: 100%;}*/
 .product-detail .detail-top .pro-links .line{display: none;}
 .product-detail .detail-top .pro-links .icon{background-size: auto 22px;}
 .product-detail .description-box .desc-t, .product-detail .description-box .title{font-size:20px;}
 .product-detail .description-box .title{margin-bottom: 30px;padding:20px 0;}
 .product-detail .detail-top .b-img{padding:0 20px;}
 .product-detail .detail-top .b-img .swiper-button-next{right:-10px;}
 .product-detail .detail-top .b-img .swiper-button-prev{left:-10px;}
}
.news-detail{margin:50px 0; overflow: hidden;}
.news-detail h1{text-align: center; letter-spacing: 2px;}
.news-detail .dtinfo{margin: 20px 0; text-align: center;}
.news-detail .dtinfo span{margin: 0 10px;}
.news-detail .caseimg{margin-bottom: 30px;}
.news-detail .caseimg img{display: block; max-width: 100%; margin: auto;}
.news-detail .content{font-size: 15px; line-height: 1.8;}
.news-detail .content img{width: 100%; max-width: 800px;}
.news-detail .news-epx{margin: 30px auto 0; overflow: hidden;}
.news-detail .news-epx li{width: 49%; float: left; padding: 0 15px; line-height: 40px; background: #ccc; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news-detail .news-epx li:first-child{margin-right: 2%;}
@media (max-width: 992px){
 .news-detail .news-epx li{width: 100%; margin: 5px 0;}
 .news-detail .news-epx li:first-child{margin-right: 0;}
}
@media (max-width: 767px){
 .news-detail{margin:30px 0;}
 .news-detail .dtinfo{margin: 15px 0;}
 .news-detail .dtinfo span{margin: 0 5px;}
 .news-detail .caseimg{margin-bottom: 20px;}
 .news-detail .news-epx{margin: 20px auto 0;}
}