@charset "UTF-8";
@font-face {
    font-family: "element-icons";
    src: url(../fonts/element-icons.woff) format('woff'), url(../fonts/element-icons.ttf) format('truetype');
}
@font-face {
  font-family: 'iconfont';  /* Project id 3755900 */
  src: url('//at.alicdn.com/t/c/font_3755900_ivdssmddqms.woff2?t=1667824242428') format('woff2'),
       url('//at.alicdn.com/t/c/font_3755900_ivdssmddqms.woff?t=1667824242428') format('woff'),
       url('//at.alicdn.com/t/c/font_3755900_ivdssmddqms.ttf?t=1667824242428') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ------------------------------common----------------------------------------- */
body {overflow-x: hidden;}
ul {padding:0px;margin:0px;list-style:none;}
a {color:#333; text-decoration:none; transition: all 0.4s;}
a:hover {color:#085ca9; text-decoration:none;}
button, input, textarea {resize: none; border: none;outline: none;}
ins {text-decoration: none;}
.fl {float: left;}
.fr {float: right;}
.pt68 {padding-top: 68px;} 
.container {max-width: 1400px; width: 100%; margin-left: auto; margin-right: auto;}
.listpage {text-align: center; margin: 0 auto;}

/* ------------------------------menu-----------------------------------------*/
.pchead {position:fixed; z-index:9999; height:68px; position:fixed; width:100%; top:0;}
.pchead .logo {padding-top: 14px;}
.pchead .logo img {height: 40px;}
.pchead .search {position:relative; top:10px; right:0;}
.pchead .search form {border: 1px solid #ccc; padding:2px 2px;}
.pchead .search form .searchbut {float:left;}

.pchead .menu {/*width: 72%;*/ padding-left:50px;}
.pchead .pcnav {display: flex; width: 100%; align-items: center;}
li.nav-item {}
li.nav-item>a{display: block;text-align: center; padding:0 20px; color: #fff; line-height: 68px;font-size: 16px;position: relative;}
li.nav-item>a::before { display: none; content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); border-width: 0 10px 10px; border-style: solid; border-color: transparent transparent #085ca9; position: absolute;}
li.nav-item:hover>a ,li.nav-item.active>a{color: #fff;}
li.nav-item:hover>a::before,li.nav-item.active>a::before{display: block;}
/* 浜岀骇鑿滃崟 */
.subMenu{display: none;position: absolute;top: 68px;left: 0;width: 100%; height: 68px; background-color: rgba(255,255,255,.96); border-top: 1px solid transparent;}
.subMenu>ul{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: center;}
.subMenu>ul>li>a{display:block;padding:0 18px;text-align: center;line-height: 68px; color: #fff;}
.subMenu>ul>li>a:hover{color:#085ca9;}

.pchactive {background-color:#fff; box-shadow: 0 0 15px #ddd;}
.pchactive li.nav-item>a {color: #333;}
.pchactive li.nav-item:hover>a , .pchactive li.nav-item.active>a {color: #085ca9;}
.pchactive .subMenu {border-top-color:#085ca9;}
.pchactive .subMenu>ul>li>a {color: #333;}
.pchactive .subMenu>ul>li>a:hover{color:#085ca9;}

.pcblack {background-color:#fff; box-shadow: 0 0 15px #ddd;}
.pcblack li.nav-item>a {color: #333;}
.pcblack li.nav-item:hover>a , .pcblack li.nav-item.active>a {color: #085ca9;}
.pcblack .subMenu {border-top-color:#085ca9;}
.pcblack .subMenu>ul>li>a {color: #333;}
.pcblack .subMenu>ul>li>a:hover{color:#085ca9;}

.pcnav li.nav-item:first-child .subMenu {opacity:0;}


/* ------------------------------footer----------------------------------------- */
.footservice {background-color: #f1f2f5; padding: 18px 0;}
.footservice .container {display: flex; justify-content: center; align-items: center;}
.footservice span {font-size: 35px; color: #2a2a2a;}
.footservice a {background-color: #085ca9; color: #fff!important; padding: 5px 18px;}
.footservice a:hover {background-color: #0774d8;}

.footer {}
.footer .footnav {background-color: #444; color: #fff; padding: 50px 0;}
.footer .footnav .container {width: 86%;}
.footnav .footle {width: 80%;}
.footnav .footri {width: 20%;}
.footnav dl {width: 12%; margin-right: 2.6vw; float: left;}
.footnav dl dt a {font-size: 16px; font-weight: normal; color: #fff;}
.footnav dl dd {overflow: hidden; padding-top: 0.6vw;}
.footnav dl dd a {display: block; line-height: 26px; font-size: 12px; color: #bbb;}
.footnav dl dd a:hover {color:#00a73c; text-decoration:underline;}
/*.footnav dl:nth-child(1) {width:12%;}*/
.footnav dl:nth-child(1) dd a {display:inline-block; padding:0 2px;}
.footnav .footext {text-align: right;}
.footnav .footext h4 {font-size: 30px; font-weight: normal;}
.footnav .footext h6 {font-size: 13px; font-weight: normal;}
.footnav .footext p {padding-top: 0.5vw;}
.footnav .footext p a {display: inline-block; background-color: #fff; color: #306692; border-radius: 5px;; padding: 0 22px; line-height: 34px;}

.footer .footcopy {background-color: #333; line-height: 26px; color: #c8c8c4; text-align: center; padding: 15px 0;}
.footer .footcopy a {color: #c8c8c4;}
.footer .footcopy p {margin-bottom: 0;}

/* ------------------------------index----------------------------------------- */
/* banner button */
.pcbanner .swiper-slide {background-repeat: no-repeat; background-size: cover; background-position: center center;}
.pcbanner .swiper-slide img {height: 100%; opacity: 0;}
.banner-page {display:flex;justify-content:center;align-items:center;width:100%;height:30px;position:absolute;left:0;bottom:58px}
.banner-page .swiper-button-next,.banner-page .swiper-button-prev,
.banner-page .swiper-pagination{position:static;background:0 0;width:auto;height:auto;margin:0}
.banner-page .swiper-pagination{display:flex;align-items:center;width:auto!important}
.banner-page .swiper-pagination-bullet{width:3px;height:20px;background-color:#fff;margin:0 8px;border-radius:0;opacity:1}
.banner-page .swiper-pagination-bullet-active{width:4px;height:30px;background-color:#fad94d}
.banner-page .swiper-button-prev::after,
.banner-page .swiper-button-next::after {font-size:20px; font-weight:bold; color:#fff;}
.banner-page .swiper-button-prev {margin-right: 24px;}
.banner-page .swiper-button-next {margin-left: 24px;}


.i-title {position: relative; z-index: 10;}
.i-title h2 {font-size:28px;line-height:1.5;color:#1d1d1d;margin:0 0 12px}
.i-title p {font-size:24px;line-height:1.7;color:#3e3a39;margin:0}
.i-title > a {display:block; text-align: center; width:140px; line-height:32px; background-color:#085ca9;border-radius:6px; font-size:16px;color:#fff; transition:all .6s; position: absolute; bottom: 0; right: 0;}
.i-title > a:hover{background-color:#0774d8; color:#fff;transition:all .6s}

/* indexpro */
.indexpro {padding-top: 5rem; padding-bottom: 5rem;}
.list-product-bg{display:flex;justify-content:space-between;margin-top:56px}
.list-product-first{display:flex;justify-content:center;align-items:center;width:46%;height:576px;border:1px solid #ddd;border-radius:24px;overflow:hidden;position:relative}
.list-product-first .txt{width:100%;height:84px;position:absolute;flex:0;bottom:0;transition:all .6s}
.list-product-first .txt h3{font-size:24px;line-height:3;text-align:center;color:#121212;font-weight:400;transition:all .6s;margin:0}
.list-product-first .txt a{display:flex;justify-content:center;align-items:center;width:140px;height:0;margin:10px auto 0;background-color:#fff;border-radius:17px;font-size:18px;color:#3e3a39;transition:all .6s;overflow:hidden}
.list-product-first .txt a:hover{background-color:#0057a6;color:#fff;transition:all .6s}
.list-product-first:hover .txt{height:100%;padding-top:33%;background-color:rgba(11,25,54,.45);transition:all .6s}
.list-product-first:hover .txt h3{width:100%;color:#fff;font-size:36px;transition:all .6s}
.list-product-first:hover .txt a{height:40px;transition:all .6s}
.list-product-first .txt a em{transform:scaleY(1.6);margin-left:10px;transition:all .6s}
.list-product{display:flex;justify-content:space-between;flex-wrap:wrap;width:calc(54% - 10px)}
.list-product li{display:flex;justify-content:center;align-items:center;width:calc(50% - 5px);height:283px;margin-top:10px;border:1px solid #ddd;border-radius:24px;overflow:hidden;position:relative}
.list-product li:nth-of-type(1),.list-product li:nth-of-type(2){margin-top:0}
.list-product li .txt{width:100%;height:72px;position:absolute;flex:0;bottom:0;transition:all .6s}
.list-product li .txt h3{font-size:24px;line-height:3;text-align:center;color:#121212;font-weight:400;transition:all .6s;margin:0}
.list-product li .txt a{display:flex;justify-content:center;align-items:center;width:140px;height:0;margin:8px auto 0;background-color:#fff;border-radius:15px;font-size:18px;color:#3e3a39;opacity:0;transition:all .6s;overflow:hidden}
.list-product li .txt a:hover{background-color:#0057a6;color:#fff;transition:all .6s}
.list-product li:hover .txt{height:100%;padding-top:17%;background-color:rgba(11,25,54,.45);transition:all .6s}
.list-product li:hover .txt h3{width:100%;color:#fff;font-size:36px;transition:all .6s}
.list-product li:hover .txt a{height:40px;opacity:1;transition:all .6s}
.list-product li .txt a em{transform:scaleY(1.6);margin-left:8px;transition:all .6s}


.lp-list {padding:3rem 0 0;}
.lp-list .lone {width:41%;}
.lp-list .ltwo {width:58.3%;}

.pplink {box-shadow: 0 0 12px rgba(0,0,0,0.2); display: block;}
.pplink .ovh img {width: 100%; transition: all .5s;}
.pplink .ovh {position: relative; overflow:hidden; }
.pplink .ovh:hover>img{transform:scale(1.05);}
.pplink .nvsbj{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0;transition:all .5s;}
.pplink .nvsbj img{width: auto !important;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);}
.pplink .ovhtext {background: #085ca9;padding: 8px 20px; }
.pplink .ovhtext h2{font-size: 16px;color: #fff;margin-bottom: 12px; margin-top:0;}
.pplink .ovhtext p{font-size: 14px;color: #fff;line-height: 22px; margin-bottom:0;}

.lp-list .lone .ovh img {height:150%;}
.lp-list .ltwo .pplink .ovhtext h2 {margin-bottom:1px;}
.lp-list .ltwo .pplink {margin:0 0 3% 3%; width:47%; float:left;}



/* 鏂板搧鎺ㄨ崘 */
.newest-product{display:flex;justify-content:space-between;align-items:flex-start;margin-top:100px}
.newest-product .pull-title-erect{height:274px}
.pull-title-erect{width:17%;flex-wrap:wrap;margin-top:20px;}
.pull-title-erect>a{bottom:0;left:0;right:inherit}
.pull-title-erect>a.video-more{margin-top:135px}
.newest-product-list-bg{width:79.8%}
.newest-swiper{padding-bottom:0}
.newest-swiper .swiper-slide{border:1px solid #dcdcdc;border-radius:5px;overflow:hidden}
.newest-swiper .swiper-slide>section {position:relative;}
.newest-swiper .swiper-slide>section>span{display:block; overflow:hidden;position:relative; text-align:center;}
.newest-swiper .swiper-slide>section>span>img{max-width:100%; height:200px}
.newest-swiper .swiper-slide>section p {display:block;width:100%;padding:0 12px;height:42px; overflow:hidden; transition:all .6s; opacity:0; text-align:center;}
.newest-swiper .swiper-slide>section:hover p {opacity:1;}
.newest-swiper .swiper-slide>section h3 {font-size:18px; color:#3e3a39;  margin:0; line-height:40px; font-weight:400; text-align:center; background-color:#0c70bb;color:#fff;}
.newest-swiper .swiper-slide>section h3 a {color:#fff;}

.newest-swiper .swiper-slide>section>span em{display:flex;justify-content:center;align-items:center;width:54px;height:54px;border-radius:100%;background-color:rgba(0,0,0,.5);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}
.newest-swiper .swiper-slide>section>span em img{width:21px;height:24px}
.newest-swiper .swiper-slide>section>span em img:nth-of-type(1){display:felx;opacity:1;margin-left:5px;transition:all .6s}
.newest-swiper .swiper-slide>section>span em img:nth-of-type(2){display:none;opacity:0;transition:all .6s}
.newest-swiper .swiper-slide>section>span em.play img:nth-of-type(1){display:none;opacity:0;transition:all .6s}
.newest-swiper .swiper-slide>section>span em.play img:nth-of-type(2){display:flex;opacity:1;transition:all .6s}
/*.newest-swiper .swiper-slide>section p{font-size:14px;line-height:1.5;color:#727171;margin:10px 0}*/
/*.newest-swiper .swiper-slide>section a {display:flex;justify-content:center;align-items:center;width:90px;height:28px;border:1px solid #0057a6;color:#0057a6;font-size:14px;border-radius:5px;margin:7px 0 10px;transition:all .6s}*/
.newest-swiper .swiper-slide>section a:hover{background-color:#0057a6;color:#fff;transition:all .6s}

.newest-page{display:flex;justify-content:center;align-items:center;margin-top:18px;height:28px}
.newest-page>div{position:sticky}
.newest-page .swiper-pagination{display:flex;justify-content:center;align-items:center;width:auto!important;height:28px}
.newest-page .swiper-pagination .swiper-pagination-bullet{display:flex!important;justify-content:center;align-items:center;min-width:28px;height:28px;margin:0 7px;border-radius:4px;font-size:16px;line-height:26px;background-color:#fff;border:1px solid #eee;opacity:1}
.newest-page .swiper-pagination .swiper-pagination-bullet-active{background-color:#0057a6;border:1px solid #0057a6;color:#fff!important}
.newest-page .swiper-button-next,.newest-page .swiper-button-prev{display:flex;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;color:#999;transform:scaleY(2);margin-top:0;background:0 0}
.newest-page .swiper-button-next::after,.newest-page .swiper-button-prev::after{display:none}


/* indexabout */
.indexabout {background-image: url(../img/case-bg.jpg); background-repeat: no-repeat; background-size: cover;}
.index-about{padding:80px 0;display:flex;justify-content:space-between}
.index-about .pull-title-erect {width:46%}
.index-about .pull-title-erect h2,.index-about .pull-title-erect p{color:#fff}
.index-about .pull-title-erect span>p{width:65%}
.index-about .pull-title-erect p {margin-bottom:3rem;}
.index-about dl {color:#fff; text-align:justify; padding-right:4rem;}
.index-about dl dt {margin-bottom:0.5rem; font-size:16px;}
.index-about dl dd {color:#e1e1e1;} 

.data-item{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:75px}
.data-item>span{width:0;height:36px;border-left:1px solid #aec9e3;border-right:1px solid #484848}
.data-item li span{font-size:45px;line-height:1.2;color:#fff;font-weight:700}
.data-item li span>em{font-size:28px}
.data-item li span>ins{font-size:16px;color:#fff}
.data-item li:nth-of-type(1) span>ins{font-size:14px}
.data-item li p{font-size:12px;color:#085ca9}
.index-about .img{width:52.8%;height:476px;border-radius:26px;overflow:hidden;position:relative}
.index-about .img>img{width:100%;min-height:476px}
.index-about .img>video{display:none}
.index-about .img em{display:flex;justify-content:center;align-items:center;width:54px;height:54px;border-radius:100%;background-color:rgba(0,0,0,.5);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}
.index-about .img em img{width:21px;height:24px}
.index-about .img em img:nth-of-type(1){display:felx;opacity:1;margin-left:5px;transition:all .6s}
.index-about .img em img:nth-of-type(2){display:none;opacity:0;transition:all .6s}
.index-about .img em.play img:nth-of-type(1){display:none;opacity:0;transition:all .6s}
.index-about .img em.play img:nth-of-type(2){display:flex;opacity:1;transition:all .6s}


/* indexnews */
.indexnews {padding-top: 5rem; padding-bottom: 5rem;}
.inewbox {margin-left:-30px;margin-right:-30px}
.index-news-list{display:flex;justify-content:space-between;width:100%;padding-top:50px}
.index-news-list li{width:calc(33.3% - 50px);background-color:#fff;margin-bottom:35px;box-shadow:0 0 32px 2px rgba(188,188,188,.42)}
.index-news-list li>em{display:block;width:100%;height:240px;overflow:hidden}
.index-news-list li>em img{width:100%;min-height:240px;transition:all .6s}
.index-news-list li>em:hover img{transform:scale(1.2);transition:all .6s}
.index-news-list li>h3{padding:0 20px;font-size:18px;margin-top:0;margin-bottom:0;line-height:68px;overflow:hidden;color:#3e3a39;font-weight:400}
.index-news-list li>h3 a{font-size:14px;color:#6c6c6c;float:right;transition:all .6s}
.index-news-list li>h3 a:hover{color:#0057a6}
.index-news-list li>ins{display:block;width:100%;height:2px;background-image:url(../img/border-bg.jpg);background-repeat:repeat-x}
.index-news-list li>.txt{padding:10px 20px}
.index-news-list li>.txt p{display:flex;justify-content:space-between}
.index-news-list li>.txt a{width:calc(100% - 80px);font-size:16px;line-height:40px;color:#3e3a39;display:-webkit-box;-webkit-line-clamp:1;word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}
.index-news-list li>.txt a::before{content:"";display:block;width:10px;height:10px;background-color:#3e3a39;margin:15px 10px 0 0;border:1px solid #c6c5c5;float:left}
.index-news-list li>.txt span{font-size:12px;color:#919191;line-height:40px}
.index-news-list li>.txt p:hover a{color:#0057a6}
.index-news-list li>.txt ins{display:none}
.index-news-list li>.txt p:nth-of-type(1){flex-wrap:wrap;border-bottom:2px solid #ededed}
.index-news-list li>.txt p:nth-of-type(1) a{width:100%}
.index-news-list li>.txt p:nth-of-type(1) span{width:100%;padding-left:20px}
.index-news-list li>.txt p:nth-of-type(1) ins{display:block;width:100%;height:42px;padding-left:20px;font-size:14px;color:#919191;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}


/* page */
.blocal {margin-top: 20px; padding-left: 0; background-color: transparent;}

.bannerbox {position: relative;}
.bannerbox .tlbox {position: absolute;width: 100%;text-align: center;top: 50%; left: 0;transform: translateY(-50%);}
.bannerbox .tlbox .en{font-size:48px;font-weight:700;color:rgba(255,255,255,.3);margin-bottom:26px}
.bannerbox .tlbox .cn{letter-spacing:4px;font-size:36px;font-weight:700;text-shadow:0 8px 16px 0 rgba(129,129,129,.2);color:#fff}


/* about */
.about-title{font-size:40px;line-height:1.5;color:#3e3a39;text-align:center}
.about-title-white {color:#fff}

.about-introduction-bg{padding:10px 0 30px}
.about-introduction {display:flex;justify-content:space-between;align-items:center;margin-top:55px}
.about-introduction .img{width:38%;height:320px;border-radius:26px;margin-left:2.1%;overflow:hidden;position:relative}
.about-introduction .img img{width:100%;min-height:320px}
.about-introduction .img>video{display:none}
.about-introduction .img em{display:flex;justify-content:center;align-items:center;width:54px;height:54px;border-radius:100%;background-color:rgba(0,0,0,.5);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}
.about-introduction .img em img{width:21px;height:24px}
.about-introduction .img em img:nth-of-type(1){display:felx;opacity:1;margin-left:5px;transition:all .6s}
.about-introduction .img em img:nth-of-type(2){display:none;opacity:0;transition:all .6s}
.about-introduction .img em.play img:nth-of-type(1){display:none;opacity:0;transition:all .6s}
.about-introduction .img em.play img:nth-of-type(2){display:flex;opacity:1;transition:all .6s}
.about-introduction .txt{width:57.5%;padding:0 50px;font-size:16px;line-height:2;color:#3e3a39;text-align:justify}

/* 浼佷笟鏂囧寲 */
.about-culture-bg{padding:45px 0 80px}
.about-culture{display:flex;flex-wrap:wrap;margin-top:45px}
.about-culture li{width:calc(33.33% - 4px);height:400px;border-radius:2px;margin:6px 6px 0 0;position:relative;overflow:hidden}
.about-culture li:nth-of-type(3n){margin-right:0}
.about-culture li img{width:100%;min-height:400px}
.culture-txt{width:100%;text-align:center;color:#fff;position:absolute;top:140px;left:0}
.culture-txt p{font-size:35px;line-height:1.5;font-weight:700;margin-bottom:15px;color:#fff;margin-bottom:0}
.culture-txt span{display:flex;justify-content:center;align-items:center;height:72px;font-size:20px;line-height:1.8}

/* 鏈嶅姟鑼冨洿 */
.about-service-bg{height:513px; background-image: url(../img/service-bg.jpg); padding:45px 0;background-position:center;background-size:cover}
.about-service{display:flex;justify-content:space-between;align-items:center;width:1002px;padding:0;margin:220px auto 0}
.about-service li{width:20%;font-size:24px;line-height:1.5;color:#fff;text-align:center}

/* 璧勮川鑽ｈ獕 */
.about-honor-bg{padding-top:45px;background-color:#f2f6f9}
.about-honor {display: block; text-align: center; padding:4rem 0 6rem; }
.about-honor li {width: 33%; float: left;}
.about-honor a {display:block; margin: 0 15px;}
.about-honor img{max-width:100%; box-shadow: 0 0 10px #eee;}


/* contact */
.coninfor {text-align:center; color:#666; padding-top: 30px;}
.coninfor .tit{font-size:36px; line-height:40px;}
.coninfor .con{font-size:16px; margin:15px 0 30px;}

.ctcatebox {display:flex;justify-content:space-around;align-items:inherit;flex-wrap:wrap;}
.ctcatebox .adv-item {width: 23%; float: left;padding: 35px 0px; color: #59aabf;background-color: #f6f6f6;position: relative;z-index: 0;transition: all 0.2s;}
.ctcatebox .adv-item i{font-size: 26px;line-height: 45px;color: #0092E5;}
.ctcatebox .adv-img {text-align: center;  background: #fff;  width: 70px;height: 70px; margin: 10px auto; padding: 10px 10px;border-radius: 40px;}
.ctcatebox .adv-title {color: #000;font-size: 16px; font-weight: 600; text-align: center; margin-top: 5px;}
.ctcatebox .adv-bottom p{color: #000;text-align: center;margin-top: 15px;}

.salebox {padding: 1rem 0 3rem; margin: 0 auto 0; background-color: #f6f6f6;}
.globalitem {}
.globalitem .item {margin-bottom: 2em; padding: 1.5em 2em; border:1px solid #eee; transition: all 0.4s; box-shadow: 0 0 5px #eee;}
.globalitem .item h5 {font-size: 24px; color: #000; font-weight: 400; border-bottom: 1px solid #eee; padding-bottom: 0.5em;}
.globalitem .item h5 img {border:1px solid #eee; display: none; border-radius: 50%; margin-right: 0.5em; transition: all 0.3s;}
.globalitem .item a {display: inline-block; float: right; transition: all 0.4s;}
.globalitem .item a span {font-size: 20px;}
.globalitem .item div {padding-top: 0.5em;}
.globalitem .item div p {color: #555;}
.globalitem .item:hover {box-shadow: 0 5px 15px #bbb; border-color:#085ca9;  background-color: #085ca9;}
.globalitem .item:hover h5, .globalitem .item:hover p, .globalitem .item:hover a span {color: #fff;}
.globalitem .item:hover h5 {border-color: #f6f6f6;}
.globalitem .item:hover h5 i {color: #fff;}
/* .globalitem .item:hover a {padding-top: 20px;} */
.globalitem .item:hover h5 img {margin-right: 0.8em;}

.mapbox {padding: 5rem 0;}
#allmap {width:100%;height:420px;border:#eee solid 1px;}


/* news */
.change-mune {display:block;width:100%; margin:0 auto 30px auto;background:#e8e8e8; padding:10px}
.change-mune li {margin-right:20px;display:inline-block}
.change-mune li:last-child {margin-right:0}
.change-mune li a{height:36px;line-height:36px;padding:0 20px;text-align:center;display:inline-block;border-radius:5px;font-size:16px}
.change-mune li a:hover{color:#0057a6}
.change-mune li.active a{background:#0c70bb;color:#fff}

.new-page .new-listing{width:calc(calc(100% - 105px)/ 4);padding:0;display:inline-block;margin-right:30px;margin-bottom:30px; box-shadow: 0 0 5px #eee;}
.new-page .new-listing:nth-child(4n){margin-right:0}
.new-page .new-listing a{float:left;display:block;width:100%;color:#000;}
.new-page .new-listing a .imgs {width:100%;display:block; text-align: center; height:135px; overflow: hidden;}
.new-page .new-listing a .imgs img {max-width: 100%;}
.new-page .new-listing h3 {font-size:16px; height:40px; overflow:hidden;line-height:20px;margin:10px 10px;}
.new-page .new-listing h4{font-size:12px; height:40px; line-height:19px; overflow:hidden; font-weight:400; margin: 0 10px;}
.new-page .new-listing p{font-size:14px;color:#999; padding: 0 10px;}
.new-page .new-listing a:hover {box-shadow: 0 5px 15px #bbb; }

/* newscontent */
.newsconbody {padding: 1rem 0 3rem; background-color: #f6f6f6;}
.newsconbody .container {}
.newsconbody .newleft {width:74%; padding-bottom: 2rem;}
.newsconbody .newright {width: 25%; padding-top: 1rem;}
.newsconbody .newleft, .newsconbody .newright{background:#fff; padding-left:15px; padding-right: 15px;}
.nl-title h3{color:#333}
.nl-title h3 .btn{float:right;background:0 0;border:1px solid #333;border-radius:0;color:#000;padding-top:3px;padding-bottom:5px}
.nl-title h3 .btn:hover{background:#000;color:#fff}
.nl-title span{display:inline-block;padding:0 10px;color:#a3afb7}
.nl-content{padding-top:10px;padding-bottom:10px;line-height:2}
.nl-content img{display:block;max-width:100%;margin-left:auto;margin-right:auto}
.nl-foot .nextpage,.nl-foot .prevpage{padding-left:0!important;padding-right:0!important}
.nl-foot a{display:inline-block;border:1px solid #eee;border-radius:20px;padding:8px 15px 8px}
.nl-foot a:hover{border-color:#085ca9;color:#085ca9}
.nl-foot .prevpage{text-align:left}
.nl-foot .nextpage{text-align:right}
.newright .rlist2 li{border-color:#fff;padding:5px 0}
.newright hr{margin-bottom:0;margin-top:5px}
.newright .rcase li{border-color:#fff;text-align:center;padding:0;transition:all .3s;margin-top:15px}
.newright .rcase li p{padding-top:6px;margin-bottom:0}
.newright .rcase li:hover{border-color:#085ca9;padding:10px}



/* kucun */
.kucunbody {padding-bottom: 3rem;}
.kucunbody .has-success {width:30%; margin:0 auto 2.5rem; position:relative}
.kucunbody .has-success span {position:absolute; right:10px; top:10px;}

.tablebox  {border: 1px solid #eee; padding: 5px; border-radius: 5px; }
.tablebox table {margin-bottom: 0; text-align: center;}
.tablebox table th {text-align: center;}
.tablebox table tr {transition: all 0.4s;}
.tablebox table tr:hover {box-shadow: 0 0 8px #bbb; background:#0c70bb; color:#fff}


/* search */
.drlink {}
.drlink dl {overflow: hidden; padding-bottom: 10px; }
.drlink dl dt {padding-bottom: 15px; display: flex; align-items: center;}
.drlink dl dt span {font-size: 20px; margin: 0 10px 0 0;}
.drlink dl dt a {padding: 5px 12px;}
.drlink1 .timg dd {}
.drlink1 .timg dd span {width: 16.66%;padding: 0 10px;float: left;display: inline-block;margin-top: 20px; text-align:center;}
.drlink1 .timg dd span a {padding: 0; display: inline-block; width: 100%; text-align: center; box-shadow: 0 0 6px #eee; border: 1px solid #eee;}
.drlink1 .timg dd span a img { max-width: 100%; height: 60px; display: inline-block;}
.drlink1 .timg dd span a:hover {box-shadow: 0 0 10px #bbb;}
.drlink1 .timg dd span .img-primary {box-shadow: 0 0 12px #337ab7; border-color:#337ab7;}

.brandsearch {text-align:Center; margin:0 auto 2rem;}
.brandsearch .input-group {width:40%; margin:0 auto;}
.brandbody {padding-top:0;}
.brandbody div {width: 16.66%;padding: 0 10px;float: left;display: inline-block; margin-top: 15px; text-align:center;}
.brandbody a {padding: 0; display: inline-block; width: 100%; text-align: center; box-shadow: 0 0 6px #eee; border: 1px solid #eee;}
.brandbody a img { max-width: 100%; height: 60px; display: inline-block;}
.brandbody a:hover {box-shadow: 0 0 10px #bbb;}
.brandbody a p {margin-bottom:0;}


/* prolist */
.product-list {display:flex;flex-wrap:wrap;padding:14px 0 0rem}
.product-list li{width:calc(20% - 28px);background-color:#fff;box-shadow:0 0 10px 4px rgba(209,209,209,.3);border:1px solid #f0f0f0;margin:0 34px 34px 0;text-align:center; position:relative;}
.product-list li:nth-of-type(5n){margin-right:0}
.product-list li em {display:block;width:100%;padding:0 12px; height:180px; margin:36px auto 50px;overflow:hidden}
.product-list li ins {display:block;width:100%;padding:0 12px; position:absolute; top:72%; height:42px; overflow:hidden; transition:all .6s; opacity:0;}
.product-list li em img{height:180px;transition:all .6s; max-width:100%;}
.product-list li:hover em img{transform:scale(1.1);transition:all .6s}
.product-list li h3 {font-size:18px; color:#3e3a39;  margin:0; line-height:40px; font-weight:400; text-align:center; background-color:#0c70bb;color:#fff;}
.product-list li h3 a {color:#fff;}
.product-list li p{height:140px;padding:12px 40px 0;font-size:14px;line-height:1.5;text-align:left;color:#9d9d9d;margin-bottom:0;word-break:break-all;overflow:hidden}
/*.product-list li a {display:flex;justify-content:center;align-items:center;width:100%;height:54px;font-size:18px;border-top:1px solid #f0f0f0;color:#0c70bb;transition:all .6s}*/
/*.product-list li:hover a{background-color:#0c70bb;color:#fff;transition:all .6s}*/
.product-list li:hover ins {opacity:1;}

/*----------------------prodetail---------------------------*/
.proshow{ background-color: #f6f6f6; padding-bottom: 3rem; padding-top: 2.5rem;}
.proshow .pro .proimg {width: 48%;float: left;}
.proshow .pro .prodes {float: right; width: 50%; padding-top: 5rem;}
.proshow .pro .prodes .model{color: #0c70bb;font-size: 32px;}
.proshow .pro .prodes .protit{font-size: 1.2em;font-weight: 500;}
.proshow .pro .prodes .prodes01{color: #888;font-size: 18px; }
/*---------------------catepro----------------------------*/
.proshow .pro {}
.proshow .pro .proimg .imgbox,.proshow .pro .proimg .imgboxed{position: relative;display: inline-block;}
.proshow .pro .proimg{position: relative;}
.proshow .pro .proimg .imgbox,.proshow .pro .proimg .imgboxed{position: relative;display: inline-block;}
.proshow .pro .proimg .imgboxed{width: 300px;height:300px;position: absolute;top:0px;right: -100px; overflow: hidden;display: none; }
.proshow .pro .proimg .imgboxed img{position: absolute; }
.proshow .pro .proimg .imgbox>img{}
.proshow .pro .proimg .imgbox>span{width: 70px; height: 70px; background: #ddd; opacity: .5; position: absolute; left: 0; top: 0; display: none;}
.boede{margin-bottom:70px;}
.promodel p img{width: 15%;height: 15%;margin-right: 12px;border: 1px solid #0c70bb; color: #ffffff}
.promodel .jian{color: #888; text-align: left; font-size:14px; margin:0 43px 0 20px; display: none;}

.jqzoom img {max-width: 70%!important;}

.product-intru {padding: 4rem 0;}
.product-intru .tab-pane {padding-top: 1rem;}


.aalist {padding:0 0 2.5rem;}
.aalist a {display:inline-block; padding:0 10px; font-size: 16px;}
.aalist a:hover {color:#085ca9; text-decoration:underline;}
/*.aalist.aaactive {position:absolute; top:0;}*/


/* --------------------------------------------Wap------css---------------------------------------------- */
@media (max-width:768px){

/* common */
.ptb40 {padding-bottom: 20px; padding-top: 20px;}
.container {width: 100%; max-width: inherit;}
.pt68 {padding-top: 0;}

/* wap menu */
.headbox{width: 100vw; height: 15vw}
.headwap{width: 100vw; height: 15vw; position: fixed; left: 0; top: 0; z-index: 5000; background-color: #222; box-shadow: 0 0 2vw rgba(0, 0, 0, 0.3);}
.logo { height: 15vw; line-height: 15vw; width: 100%; z-index: 1; position: fixed; text-indent: 15px;}
.logo img{height: 9vw; filter: invert(100%) grayscale(100%) brightness(1000%);}
.nav-button{float: right; margin-right: 4.5vw; width: 6vw; margin-top: 6vw; position: relative; z-index: 1000;}
.nav-button::before, .nav-button::after, .nav-button span{width: 6vw; height: 2px; border-radius: 1px; background-color: #999; display: block; content: ""; margin-bottom: 1vw;}

.wapnav {width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.8); position: fixed; right: 0; top: 0; z-index: 6000; transform: translateX(100vw); opacity: 0; transition: all 0.5s;}
.wapnav.show{transform: translateX(0vw); opacity: 1;}
.wapnav .nav-t{height: 13vw; line-height: 13vw; padding: 0 5vw; font-size: 4vw; color: #fff; width: 80vw; margin-left: 20vw; box-sizing: border-box;
background-image: linear-gradient(-45deg, #085ca9 , #0774d8 50%, #085ca9);
background-image: -webkit-linear-gradient(-45deg, #085ca9 , #0774d8 50%, #085ca9);
background-image: -moz-linear-gradient(-45deg, #085ca9 , #0774d8 50%, #085ca9);
}
.wapnav .nav-t i{float: right; font-size: 5vw; padding-top: 15px;}
.wapnav ul {width: 80vw; height: calc(100vh - 13vw); overflow-x: hidden; overflow-y: auto; display: block; background-color: #fff; margin-left: 20vw;}
.wapnav ul li {line-height: 12vw; padding: 0 8vw; border-bottom: 1px solid #efefef; font-size: 4vw;}
.wapnav ul li i{float: right; font-size: 4vw; height: 12vw; line-height: 12vw; transition: all 0.5s; font-family: "element-icons"; font-style: normal;}
.wapnav ul li i.show{transform: rotate(-180deg);}
.wapnav ul li a {display: inline-block; height: 12vw; line-height: 12vw;}
.wapnav ul li .drop-nav{width: 80vw; background-color: #efefef; margin-left: -5vw; padding: 0 5vw 0 8vw; box-sizing: border-box; overflow: hidden; height: 0vw; transition: all 0.5s;}
.wapnav ul li .drop-nav a{display: block; overflow: hidden; font-size: 3.6vw; height: 10vw; line-height: 10vw;}
.wapnav ul li .drop-nav a i{float: right;}

/* footer */
.footservice {padding: 26px 0 32px;}
.footservice .container {display: block; text-align: center;}
.footservice span {display: block; font-size: 20px; margin-bottom: 15px; padding: 0 10%; text-align: left; line-height: 34px;}
.footservice a {padding: 5px 22px;}

/* banner */
.pcbanner .swiper-slide {background-image: none!important;}
.pcbanner .swiper-slide img {opacity: 1; height: auto; max-width: 100%;}
.banner-page {bottom: 5px;}


/* index */
.i-title h2 {font-size: 22px;}
.i-title p {font-size: 16px;}
.i-title > a {display: inline-block; width: auto; padding: 0 10px; bottom: 2px; right:0px; font-size: 14px;}
.pull-title-erect>a {left: inherit;}

.indexpro {padding-top: 3rem; padding-bottom: 3rem;}
.list-product-bg {flex-wrap:wrap;margin-top:20px}
.list-product-first {width:100%;height:320px}
.list-product-first img{max-width:70%}
.list-product {width:100%}
.list-product li {height:180px}
.list-product li img{max-width:60%}
.list-product li:nth-of-type(1),.list-product li:nth-of-type(2){margin-top:10px}
.list-product li .txt{height:48px}
.list-product li:hover .txt{padding-top:50px}
.list-product li .txt h3{font-size:16px}
.list-product li:hover .txt h3{font-size:22px;line-height:2.4}
.list-product li:hover .txt a{width:100px;height:30px;font-size:14px}

.lp-list {padding-top:1.5rem;}
.lp-list .lone, .lp-list .ltwo {width: 100%; float;none;}
.lp-list .lone {margin-bottom:20px;}
.lp-list .ltwo {}
.lp-list .ltwo .pplink {width:48%;}
.lp-list .ltwo .pplink:nth-child(odd) {margin-left: 0;}
.pplink .ovhtext {padding:8px 15px}
.pplink .ovhtext h2 {font-size:14px;}

.newest-product {margin-top:30px; flex-wrap:wrap}
.newest-product .pull-title-erect{width:100%;align-items:center; height: auto;}
.newest-product .pull-title-erect>span{width:auto;text-align:left}
.newest-product .pull-title-erect>a{margin-top:0}
.newest-product-list-bg{width:100%}
.newest-swiper{padding-bottom:0}
.newest-swiper .swiper-slide{flex-wrap:wrap;margin-top:15px}
.newest-swiper .swiper-slide>section {width:calc(100%);margin-right:0!important}
.newest-swiper .swiper-slide>section h3{margin-top:4px}
.newest-swiper .swiper-slide>section>span {height:220px;}
.newest-swiper .swiper-slide>section>span>img {}
.newest-swiper .swiper-slide>section p {opacity:1;}

.index-about {padding-top: 3rem; padding-bottom: 4rem; flex-wrap:wrap}
.index-about .pull-title-erect {text-align: center; width:100%}
.index-about .img {width:100%;height:240px}
.index-about .img>img{min-height:240px}
.video-list-bg {max-width:96%;height:200px}
.video_baike_list_top img {max-width:100%;}


.data-item {flex-wrap:wrap;justify-content:center;margin:15px auto 30px;}
.data-item li{padding:0 20px;margin-top:20px}
.data-item li span{font-size:30px}
.data-item li span>em{font-size:25px}
.data-item span:nth-of-type(3){display:none}

.inewbox {margin-left:-5px;margin-right:-5px}
.indexnews {padding-top: 1rem; padding-bottom: 2rem;}
.indexnews .i-title {justify-content:center;text-align:center; width: 100%;}
.indexnews .i-title h2 {margin-bottom: 5px;}
.index-news-list {margin-top:0px;flex-wrap:wrap; padding-top:15px;}
.index-news-list li{width:96%;margin:0 auto 20px}
.index-news-list li:last-child{margin-bottom:30px}
.index-news-list li>h3{line-height:50px;margin:0;font-size:18px}
.index-news-list li>h3 a{font-size:13px}
.index-news-list li>.txt p{margin-bottom:0}
.index-news-list li>.txt a{font-size:16px}
.index-news-list li>em{height:200px}
.index-news-list li>em img{min-height:200px}



/* .blocal */
.blocal {margin: 1rem auto;}

ul.change-mune{display:flex;flex-wrap:wrap;padding:5px 0;margin:15px auto}
ul.change-mune li {width:30%; margin:1% auto;}
.change-mune li a{font-size:15px;color:#333}

.bbbanner {overflow: hidden;}
.bbbanner img {width: 200%;max-width: 200%;transform: translateX(-25%);}
.bannerbox .tlbox .en{font-size:26px; margin-bottom: 0px;}
.bannerbox .tlbox .cn{font-size:22px}
.in-title .cn{font-size:24px}
.in-title .en{margin-bottom:18px}


/* about */
.about-introduction-bg{padding:30px 2% 0}
.about-title{font-size:24px}
.about-introduction{flex-wrap:wrap;margin-top:20px}
.about-introduction .img {width:100%;height:auto;margin:0 0 20px 0}
.about-introduction .img img{max-width:100%;}
.about-introduction .txt{width:100%;padding:0;font-size:15px}
.about-culture-bg{padding:30px 2% 15px}
.about-culture{margin-top:20px}
.about-culture li{width:100%;height:auto;margin:0 0 15px 0}
.about-culture li img{min-height:300px}
.culture-txt{top:108px}
.culture-txt span{font-size:16px;line-height:1.6;height:auto;margin-top:6px}
.culture-txt p{font-size:30px}
.about-service-bg{padding:30px 0;height:180px}
.about-service{margin-top:36px; width: 100%;}
.about-service li{font-size:14px}


/* news */
.new-page .new-listing{width:100%;margin-right:0}
.new-page .new-listing a .imgs,.oem .imgs{text-align:center}

.newsconbody .newleft{padding:15px; float: none; width: 100%;}
.nl-title h3{font-size:20px}
.nl-foot .prevpage{margin-bottom:15px}
.nl-foot .nextpage{text-align:left}
.newsconbody .newright {width:100%; float: none; width: 100%; margin-left:0;margin-top:20px}
.newsconbody .newright .rlist2 {margin-bottom: 0; padding-bottom: 10px;}



/* contact */
.ctcatebox {display:block;}
.ctcatebox .adv-item {width:100%; margin-bottom:15px; padding: 15px 0px;}
.mapbox {padding: 2rem 0;}
.coninfor .tit {font-size: 30px;}

/* prodetail */
.product-list{padding:0 2% 10px}
.product-list li{width:calc(50% - 10px); margin:10px 10px 0 0}
.product-list li:nth-of-type(2n){margin-right:10px;}
.product-list li:nth-of-type(5n){margin-right:10px;}
.product-list li p{display:none}
.product-list li em{padding:0 10px;margin:0}
.page-content{padding:0}
.product-list li ins {display:none;}
.product-list li a{font-size:14px;height:36px}
.product-list li h3{font-size:13px;margin-bottom:10px}
.product-list-bg .product-page{margin:30px 0}

.probody hr {margin-top: 0;}
.drlink dl {margin-bottom: 15px;}
.drlink .timg dd {overflow: hidden;}
.drlink .timg dd span {width: 33.33%; margin-top: 0px; margin-bottom: 10px;}

.drlink1 dd a {padding: 5px 10px; margin-top: 5px;}

.proshow {padding-top: 1rem; margin-bottom: 1rem; padding-bottom: 0;}
.proshow .pro {margin-bottom: 0;}
#preview {width: 100%!important; float: none!important;}
#spec {height: 65px!important; margin-top: 0!important;}
#specList UL LI {width: 20%!important;}
#specList UL LI IMG {width: auto!important; height: 60px!important;}
.promodel .jian {margin: 0 0px; text-align: justify;}
.proshow .pro .prodes {width: 100%; float: none; padding-top: 2em; padding-bottom: 1.5em;}
.proshow .pro .prodes .model {font-size: 24px; margin-bottom: 0;}

.boede {margin-bottom: 20px;}
.product-intru {padding: 1rem 0;}
.product-intru .nav-tabs>li {font-size: 14px; margin: 0;}
.product-intru .nav-tabs {justify-content:flex-start;}
.product-intru .tab-content>div {padding: 15px 0;}
.product-intru .tab-content>div img {max-width: 100%;}



.brandsearch .input-group, .kucunbody .has-success {width:100%;}
.brandbody {padding-left:8px; padding-right:8px;}
.brandbody div {width:50%; margin-top: 8px;}
.brandbody div p {margin-bottom:0;}
.brandbody a img {height: 40px;}


.new-page .new-listing a .imgs img {width:100%;}





}