/* CSS Document */

.m-menubtn{position: fixed;z-index: 102;top:0;right:3%;width:20px;height:60px;cursor: pointer;-webkit-transition:.5s;transition:.5s; display:none}
.m-menubtn span{position: absolute;top:0;bottom: 0;left: 0; right: 0; width:20px;height:2px; background: #333; margin: auto;}
.m-menubtn span:before, .m-menubtn span:after {content: "";width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto; background: #333;}
.m-menubtn span:before {bottom: 5px;}
.m-menubtn span:after {bottom: -5px;}
.m-menubtn.active span:before{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg); background:#333}
.m-menubtn.active span:after {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0;}
.m-menubtn.active span {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); background:#333}
.m-menubtn.active span, .m-menubtn.active span:before, .m-menubtn.active span:after {right: 0;bottom: 0;}
.m-menubtn span, .m-menubtn span:before, .m-menubtn span:after{-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-o-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);}

/*.m-menubtn:before {content: "Menu";font-size: 12px;position: absolute;bottom: 10px; left: 0; right: 0; margin: auto;text-align: center; color:#fff}

*/
.header.active .m-menubtn span, .header:hover .m-menubtn span, .header-scroll .m-menubtn span{ background:#333}
.header.active .m-menubtn span:before, .header.active .m-menubtn span:after{background:#333}
.header:hover .m-menubtn span:before, .header:hover .m-menubtn span:after{background:#333}
.header-scroll .m-menubtn span:before, .header-scroll .m-menubtn span:after{background:#333}

.m-menu{position:fixed; right:-100%;top:0; width:80%; height:100%;overflow-y:auto; overflow-x:hidden;background: rgba(0, 0, 0, 0.65);transition: all .5s;-webkit-transition: all .5s;z-index:90;}

.m-menu ul{ width:100%;padding-top:70px; padding-bottom:30px;overflow-y:auto;overflow-x:hidden;}
.m-menu li{ position: relative;border-bottom:1px solid rgba(255,255,255,.1);}
.m-menu li>a{ font-size:16px;line-height:20px; padding:15px; position:relative}
.m-menu li>i{ position:absolute; width:45px; padding:0 15px; height:100%; right:0;top:0; z-index:2;}
.m-menu li>i:before{ content:""; width:15px; height:1px; background:#fff; position:absolute;left:15px;top:22px;}
.m-menu li>i:after{ content:""; width:1px; height:15px; background:#fff; position:absolute; left:22px;top:15px;}
.m-menu li.on i:after{ -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.m-menu a{ display:block; color:#fff;}
.m-menu .sub{ display:none; padding-bottom:10px}
.m-menu .sub a{color:rgba(255,255,255,.8); line-height:20px;font-size:14px;padding:3px 25px; position:relative}
.m-menu.active{right:0}


.m-footer{background: #005bb8;color:#fff; position:fixed; width:100%; left:0;bottom:0; display:none; z-index:80}
.m-footer li{ float:left; width:50%; text-align:center}
.m-footer a{ display:block; line-height:20px;color:#fff;}
.m-footer span{ display:block;}
.m-footer .tel i{ display:block;background:url(../images/ico-tel.png) no-repeat center; background-size:auto 20px; height:25px;}
.m-footer .mail i{ display:block;background:url(../images/ico-mail.png) no-repeat center; background-size:auto 15px; height:25px;}

.m-inner-nav{ display:none;background: #f0f0f0; height:45px; line-height:45px; position:relative;z-index: 9;}
.m-inner-nav .tit{ padding:0 3%; font-size:15px; position:relative;background: url(../images/arrow02.png) no-repeat right 3% center;}
.m-inner-nav .sub{ position:absolute; left:0;width:100%;background:#fff; box-shadow:0 5px 7px 0 rgba(0,0,0,.2); display:none}
.m-inner-nav .sub a{ display:block; background:#fff; line-height:20px; font-size:14px; padding:8px 3%; border-bottom:1px solid #e8e8e8}
.m-inner-nav-sed{ display:none; margin-bottom:15px;}
.m-inner-nav-sed a{ display:inline-block; font-size:14px; margin-right:15px;}
.m-inner-nav-sed a.cur{color:#005bb8}
@media screen and (max-width:1920px){
.menu{ left:52%}
.menu .menu-fir li>a{ padding:0 23px}
.nbanner img{ height:100%; object-fit:cover}
.f-nav li{ margin-right:9%}
.en .f-nav li{ margin-right:7%}
.i-product .title, .i-news .title{ padding-top:40px}
.i-ys .title{padding-top:40px}
.wrap{ width:90%}
}

@media screen and (max-width:1680px){
.wrap, .header .wrap, .footer .wrap{ width:94%;max-width: initial;}

.menu .menu-fir li{ font-size:17px}
.logo{padding-top: 25px;}
.logo img{ height:35px}
.header .tel{ font-size:18px;}
.title{ font-size:40px; line-height:40px; margin-bottom:45px}
.nbanner{ height:350px}
.nbanner .nban-tit{bottom:80px}
.nbanner .nban-tit h3{ font-size:42px; line-height:60px}
.nbanner .nban-tit .locat{ font-size:14px}
}

@media screen and (max-width:1440px){
body{ font-size:14px}
.menu .menu-fir li{ font-size:16px}
.menu .sub{ font-size:14px}
.header .tel{ font-size:16px}
.logo img{height:32px}
.header, .search, .header .tel, .header .lang{ height:70px}
.logo{ padding-top:15px}
.search-btn{margin-top: 17.5px;}
.search-alert{top:70px;width: 300px;padding: 20px;}
.search-alert .search-close{ right: 20px;top: 35px;}
.search-alert form{width: calc(100% - 30px);}
.menu .menu-fir li>a{ line-height:70px}


.i-newsList .right li:nth-child(4){ display:none}
.title, .ntitle{ font-size:35px; line-height:36px; margin-bottom:30px}
.i-product .title, .i-news .title{ padding-top:80px}
.i-about-txt .tit, .i-client .tit{ font-size:30px; margin-bottom: 15px;}
.i-about-txt .tit{ margin-bottom:0}
.i-about-txt .intro{ font-size:14px; line-height:26px;height: 90px;overflow: hidden;}
.i-about-txt .intro p{ margin-top:10px}
.i-about-txt .more, .i-client .more{ margin-top:15px}
.i-about-txt .more a, .i-client .more a{line-height: 32px;padding: 0 20px;}

.i-productBox .tab li{ height:45px; font-size:15px}
.i-productCon{padding: 20px 30px 30px;}
.i-productCon h3{ font-size:22px; margin-bottom:10px}
.i-productList .txt .tit{ font-size:16px;}
.i-productList .txt .intro{ font-size:13px;}
.i-solutionList .txtcon h3{ font-size:22px;}
.i-solutionList .txtcon .more{ background-size:auto 10px}
.i-solutionList .txtcon .icon img{ display:block; width:auto; height:45px; margin: 0 auto;}
.i-newsList .left .tit{ font-size:20px; margin:5px 0 15px; padding-bottom:15px;}
.i-newsList .left .txt{padding: 50px 30px 30px;}
.i-newsList .right li{ padding:35px 0}
.i-newsList .right .time{ width:70px;font-size: 12px;}
.i-newsList .right .time span{ font-size:35px;line-height: 35px; padding-left: 2px;}
.i-newsList .right .txt{width: calc(100% - 160px);margin-left: 30px;}
.i-newsList .right .tit{ font-size:18px}
.i-aboutLeft .tit h3{ font-size:22px;}
.i-about-txt{padding-top: 70px;}

.banner .swiper-pagination{bottom:3%}
.banner .swiper-pagination-bullet{ width:10px; height:10px}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px}
.i-clientList .swiper-pagination{}
.i-clientList .swiper-pagination-bullet{ width:8px; height:8px}
.i-clientList .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px}
.inner-nav ul{ font-size:15px;}
.inner-nav li a{ height:45px}
.main{ padding:60px 0}
.main .locat{ margin-top:-40px;margin-bottom: 20px;}
.nbanner{ height:260px;}
.nbanner .nban-tit h3{ font-size:35px; line-height:40px}
.main .content{ font-size:14px; line-height:26px;}
.content-about .left h3{font-size:16px;line-height: 20px;font-weight: 300;}
.content-about .left h2{ font-size:30px;line-height: 40px;}
.content-about .left .txtcon{ font-size:14px; line-height:26px; margin-top:10px}
.content-about .left .txtcon p{ margin-top:10px}
.culture li{ padding:40px}
.culture .ico{top:40px;left:40px}
.culture .txt{ padding-left:120px}
.culture .txt:before{left:90px}
.culture .txt .tit{ font-size:22px;margin-bottom:5px;}

.newsTop{ margin-bottom:30px}
.newsTop .txt{padding: 4% 6% 3% 4%;}
.newsTop .txt h4{ font-size:20px}
.newsTop .txt .intro{ min-height:auto;margin-bottom: 5%;}
.newsTop .more{line-height: 32px;height:36px; padding:0 25px;}
.newsTop .pic{ height:300px}
.newslist .txt .tit{font-size: 20px;margin-bottom: 5px;}
.newslist .txt .intro{ font-size:14px}
.newslist li{margin-bottom: 30px;padding-bottom: 30px;}
.newslist .more{ width:45px; height:45px; background-size:auto 10px;top: 15px;}
.newslist .time{ font-size:12px;}
.newslist .time span{font-size: 35px;line-height: 35px;font-weight: bold;padding-left: 2px;}
.newstit{ font-size:26px; line-height:32px;padding-bottom:5px;}
.newstit02{ font-size:26px; line-height:32px;}

.productcon-top .right h2{ font-size:30px; line-height: 35px; margin:1% 0 2%;}
.productcon-top .right h3{ margin-bottom:2%}
.solutlist .pic{ width:30%}
.solutlist .txt{ width:65%}
.solutlist .tit{ font-size:20px;}
.solutlist .intro{ font-size:14px; line-height:24px}
.solutlist .more{line-height: 32px;height:36px; padding:0 25px;}

.ntitle-s{ font-size:16px; margin-bottom: 25px;}
.technology b{ font-size:20px}
.technology b:after{margin: 10px auto 10px;}

.downlist li{padding: 30px;}
.downlist .tit{font-size: 18px;}
.downlist .ico{ width:45px; height:45px;top: -8px;background-size: 20px;}
.downlist li:hover .ico{background:url(../images/ico-down2.png) no-repeat center;background-size: 20px; border:1px solid rgba(255,255,255,.3)}

.after-sales .txt{padding: 5%;}
.after-sales .tel p span, .after-sales .mail p span{ font-size:20px; line-height:30px}
.after-sales .tel, .after-sales .mail{ padding-left:70px}
.after-sales .tel .ico{ width:50px; height:50px; background-size: auto 20px;}
.after-sales .mail .ico{ width:50px; height:50px; background-size: auto 15px;}
.contentBox .left-nav{ width:232px;}
.locat02{margin-top: 70px;}

.client .pic{ height:100px}

.content-contact .txtcon{padding-bottom: 20px;margin-bottom: 30px;}
.contact-list .ctit, .message-con .ctit{ font-size:26px;line-height: 30px;margin-bottom: 20px;}
.contact-list li{ padding-left:65px}
.contact-list li .p2{ font-size:18px}
.contact-list li .p1{font-size: 16px;line-height: 20px; padding-bottom: 0;}
.contact-list li.tel .ico{ width:50px; height:50px; background-size: auto 20px;}
.contact-list li.mail .ico{ width:50px; height:50px; background-size: auto 15px;}
.contact-list li.add .ico{width:50px; height:50px; background-size: auto 20px;}
.message-con .item label{ font-size:14px; line-height:40px; height:40px}
.message-con .item .inp{height: 40px;line-height: 38px;}
.message-con .item #captcha_img{ height:40px !important}
.message-con .submit{color: #fff;font-size: 16px; width: 120px;height: 40px;line-height: 40px;}
#allmap{ height:450px}
.f-left, .f-contact{ padding-top:40px}
.f-left{ width:75%}
.f-nav li h4{ font-size:16px; margin-bottom: 10px;}
.f-nav li:last-child{ margin-right:0}
.f-contact{ width:20%}

.en .f-nav li{ margin-right:5%}
}

@media screen and (max-width:1366px){
.f-nav li{ margin-right:8%}
.menu .menu-fir li>a{ padding:0 10px}
.main{ padding:45px 0}
.title, .ntitle{ font-size:32px; line-height:35px; margin-bottom:25px}
.nbanner .nban-tit h3{ font-size:32px; line-height:35px}
.content-about .left h2{ font-size:26px}
.main .locat{ margin-top:-30px;margin-bottom: 20px;}
.newstit{ font-size:22px; line-height:30px; padding-bottom:0}
.newstit02{font-size:22px; line-height:30px;}
.newstime{ font-size:12px;}
.after-sales .txt h2{ font-size:26px; margin-bottom:20px}

.related-pro .swiper-button-prev{ left:-45px;}
.related-pro .swiper-button-next{ right:-45px;}
.f-ewm img{ width:100px}
}

@media screen and (max-width:1199px){
#fp-nav.right{ display:none !important}
.menu{ display:none}
.m-menubtn{ display:block}
.header{ background:#fff;}
.header, .search, .header .tel, .header .lang{ height:60px}
.search-btn {margin-top: 12.5px;}
.header .tel{ margin-right:40px;color:#333}
.header .lang a{ background:#eee; color:#999}
.header .search-btn{background:#eee url(../images/search-btn1.png) no-repeat center;}
.header .logo .img1{ display:none}
.header .logo .img2{ display:block}
.banner, .banner-box{ height:auto}
.banner .swiper-pagination-bullet, .newsTop .swiper-pagination-bullet-active{ width:8px; height:8px;}
.logo{ padding-top:17px}
.logo img{ height:26px}
.banner{ margin-top:60px}
.banner .swiper-button-prev, .banner .swiper-button-next{ display:none}
.title{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}
.i-productBox, .i-solutionList li, .i-newsList{
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1;}
.i-aboutLeft{ left:0!important; opacity:1!important}
.i-aboutRight{ right:0!important; opacity:1!important; float:right}
.i-product .title, .i-news .title{ padding-top:0}
.i-product, i-solution, .i-news, .main{ padding:40px 0}

.i-productBox .tab li{font-size: 14px;}
.i-productBox .tab li i{ display:none}
.i-solutionList .txtcon h3{ font-size:20px}
.i-about-txt, .i-client{ position:relative; height:auto; padding:40px 0%}
.i-aboutLeft{ position:absolute; left:0;bottom:0;}
.i-aboutLeft .tit{ margin-top:-130px}

.contentBox-right{ width:calc(100% - 280px)}

.nbanner{ margin-top:60px;height: 200px;}
.nbanner .nban-tit{bottom:30%}
.nbanner .nban-tit h3{ font-size:30px}
.locat02{ margin-top:60px}

.related-pro .swiper-button-prev, .related-pro .swiper-button-next{ display:none}

.footer{ font-size:12px}
.f-nav li h4{ font-size:15px;}
.f-nav li{ margin-right:7%}
.f-nav li a{line-height: 20px; margin-bottom:6px}
.f-contact .lxfs{ line-height:24px}
.copyright{font-size:12px; margin-top: 40px;}
}

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

.i-productCon h3{ font-size:20px}
.i-solutionList .txtcon h3{margin: 30px 0 35px;}
.i-newsList .right{ width:46%}
.i-newsList .right li{ padding:25px 0}
.i-newsList .right .time{width: 65px;}
.i-newsList .right .time span{ font-size:30px; padding-left:5px}
.i-newsList .right .txt{width: calc(100% - 140px);margin-left: 20px;}
.i-newsList .right .tit, .i-newsList .left .tit{ font-size:16px}

.i-aboutLeft .tit{ width:200px; height:200px; margin-top:-100px; margin-left:-100px;}
.i-aboutLeft .tit h3{ font-size:20px; margin:5px 0 15px}

.inner-nav .wrap{ width:100%}
.inner-nav li:first-child{ border-left:0}
.inner-nav li:last-child{ border-right:0}
.content-about .left, .content-about .right{ width:100%}
.content-about .left .txtcon p{ margin-top:0; margin-bottom:10px}
.culture .txt .tit{ font-size:20px}
.newslist .txt .tit, .solutlist .tit{font-size: 18px;}
.newslist02 .more2, .newsTop .more, .solutlist .more{ font-size:12px;line-height: 31px;height: 35px; padding: 0 20px;}
.newsTop .pic{ height:100%; position:absolute; left:0;top:0}
.newsTop .txt{ padding:5%}

.contentBox .left-nav, .main .locat{ display:none}
.contentBox-right{ width:100%; float:none; padding-top:0}
.m-inner-nav{ display:block}
.m-inner-nav-sed{ display:block;margin-top: -20px;}

.locat02{ line-height:24px;padding: 10px 0;}
.productcon-top .right h2{ font-size:26px}
.productcon-top .right .zixun{ margin-top:5%}
.productcon-top .right .zixun a{ line-height: 35px; width:100px;font-size: 12px;}
.productcon-top .right .zixun img{ height:25px; margin-right:2%}
.pro-container{ padding:3%}
.pro-container .ptit{ font-size:20px;padding: 5px;margin: 20px 0;}

.f-nav ul{ display:flex; display:-webkit-flex; justify-content:space-between}
.f-contact{ display:none}
.f-left{ width:100%; border-right:0}
.ron-img{width:98%;overflow: hidden;margin: 0px auto;}
.ron-img img{width:100%;height:100%;transition:all 0.6s;}
.ron-img img:hover{transform: scale(1.3);}
.ron-exp{width:98%;margin: 0px auto;}
.ron-cfn ul li ol{font-size: 20px;}
}
@media screen and (max-width:768px){
body, .header{ min-width:320px}
.header .tel{ display:none}
.search{ margin-right:30px}
.search-btn, .header:hover .search-btn, .header.active .search-btn, .header-scroll .search-btn, .header .search-btn{ background:url(../images/search-btn1.png) no-repeat center;background-size:17px;}
.search-btn:hover{background:#fff url(../images/search-btn1.png) no-repeat center!important;background-size:17px;}
.search-btn{ margin-left:0;margin-top: 12px;}
.search-alert{ width:260px;padding: 10px;}
.search-alert .search-close {right: 10px;top: 22px;}
.search-alert form{width: calc(100% - 25px);height: 40px; line-height:38px}
.header .lang a, .header:hover .lang a, .header.active .lang a, .header-scroll .lang a{ background-color:#fff}
.header .lang a:hover{ background:#fff !important; color:#999 !important}

.i-product, i-solution, .i-news, .i-solution, .main{ padding:30px 0}
.title, .ntitle, .i-about-txt .tit, .i-client .tit{ font-size:26px; line-height:30px; margin-bottom:20px}
.i-product{ background:#fff}
.i-productBox .tab{border-top-left-radius: 0; border-top-right-radius: 0; margin-bottom:15px}
.i-productBox .tab ul{ flex-wrap:wrap; margin-right:-1%}
.i-productBox .tab li{ background:#f3f3f3; width:24%; margin-right:1%; margin-bottom:1%}
.i-productBox .tab li:after{ display:none}
.i-productCon{ padding:0}
.i-productList{ margin-top:0}
.i-productList ul{ flex-wrap:wrap;}
.i-productList li{ width:48%; margin-bottom:3%}
.i-productCon h3{ font-size:16px}

.i-solution{ background:#f3f3f3;}
.i-solution .title, .i-solutionList li.last{ display:block;}
.i-solutionList{ padding:0 3%}
.i-solutionList ul{ flex-wrap:wrap; height:auto; margin-right:-2%}
.i-solutionList li{ width:23%; margin-right:2%; margin-bottom:2%; -webkit-box-flex:none;-ms-flex:none;flex:none;}
.i-solutionList li .pic{ width:100%; height:200px}
.i-solutionList li .pic:after{background: rgba(0,0,0,.45);}
.i-solutionList li .txt{ padding-top:45%}
.i-solutionList .txtcon .more{ display:none}
.i-solutionList .txtcon h3{ margin:5% 0 0; font-size:16px}
.i-solutionList .txtcon .icon img{ height:35px}
.i-solutionList li:hover .txtcon{margin-top: -10px;}

.i-news{ background:#fff}
.i-newsList .left{ width:100%; position:relative; margin-bottom:15px}
.i-newsList .left .txt{padding: 50px 3% 20px;}
.i-newsList .left .more{ display:none}
.i-newsList .left .tit{ border-bottom:0; padding-bottom:0; margin-bottom:0}
.i-newsList .left .time{ font-size:12px;}
.i-newsList .right{ width:100%}
.i-newsList .right li{ padding:20px 0}

.i-about{ position:relative;overflow: hidden;}
.i-aboutBox, .i-aboutRight{ height:auto}
.i-aboutLeft, .i-aboutRight{ position:relative; width:100%}
.i-aboutLeft{ height:auto;bottom:auto;}
.i-aboutLeft .tit{ width:160px; height:160px; margin-top:-80px; margin-left:-80px}
.i-aboutLeft .tit h3{margin-bottom:0}
.i-aboutLeft .tit .ico img{ height:30px}
.i-aboutLeft .tit .more{ display:none}
.i-about-txt, .i-client{ padding:30px 0%}
.i-about-txt .intro{ height:auto}
.i-about-txt .intro p{ margin-top:0}

.i-clientList .swiper-pagination-bullet, .banner .swiper-pagination-bullet, .newsTop .swiper-pagination-bullet-active{ width:7px; height:7px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.i-clientList.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.newsTop.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 3px}

.main-culture{ background-size:contain}
.culture li{ width:100%;padding: 20px;}
.culture .ico{top:20px;left:20px}
.culture .txt .tit{ font-size:18px}

.newslist li{ padding-bottom:20px; margin-bottom:20px}
.newslist a{ padding:0}
.newslist .time{ width:65px}
.newslist .time span{ font-size:30px; padding-left:5px}
.newslist .txt{width:calc(100% - 85px);float: right;}
.newslist .txt .tit, .solutlist .tit{ font-size:16px; line-height:20px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;}
.newslist .txt .intro, .solutlist .intro{ font-size:12px; line-height:20px; min-height:auto}
.newslist .more{ display:none}
.newslist02 .time{ display:none}
.newslist02 .txt{ width:65%;padding-top:0}
.newslist02 .more2{ height:auto; line-height:20px; padding:0; border:0; margin:0}
.newslist02 .more2:hover{ background:none; border:0; color:#999}
.newslist .bot{ display:flex; display:-webkit-flex; margin-top:20px;}
.newslist .bot .time2{ display:block;font-size: 12px; color:#999; padding-right:10px; line-height:20px}
.newslist02 .pic{ max-height:140px}
.content-news{ padding:3%}
.newstit, .newstit02{ font-size:18px; line-height:24px}
.newstime{ line-height:20px; margin-bottom: 20px;}
.page_2{margin-top: 20px;font-size: 12px;line-height: 20px;padding-top: 10px;}
.newsTop .txt h4{ font-size:16px}
.newsTop .txt .intro{-webkit-line-clamp: 2; line-height:20px;}


.horlist li{ width:31.33%}
.client li{ width:31.33%}
.client .pic{ height:80px}

.technology ul{ flex-wrap:wrap;}
.technology li{ width:49%; margin-bottom:2%}
.after-sales .pic{ width:100%}
.after-sales .txt{ width:100%; position:relative;top:auto; -moz-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0); padding:0; background:#fff;box-shadow:none; margin-top:20px}
.after-sales .txt h2{ font-size:22px; margin-bottom:10px; color:#333}
.after-sales .tel, .after-sales .mail{ padding-left:65px;}
.after-sales .tel{ margin-bottom:15px}
.after-sales .tel p, .after-sales .mail p{ color:#666;line-height: 20px;}
.after-sales .tel p span, .after-sales .mail p span{ font-size:16px; line-height:26px;color:#333}
.after-sales .tel .ico{background: #005bb8 url(../images/ico-tel.png) no-repeat center;background-size: auto 20px;}
.after-sales .mail .ico{background: #005bb8 url(../images/ico-mail.png) no-repeat center;background-size: auto 15px;}

.downlist li{ width:100%; margin:0; padding:10px 0; border:0;border-bottom: 1px solid #e8e8e8;}
.downlist li:first-child{ padding-top:0}
.downlist .tit{ font-size:16px; width:calc(100% - 60px);line-height: 24px;}
.downlist .ico{ width:24px; height:24px; border:0;top:0}

.product-list ul, .caselist ul{ margin-right:-2%}
.product-list li, .caselist li{ width:48%; margin-right:2%}
.product-list li:nth-child(3n), .caselist li:nth-child(3n){ margin-right:2%}

.productcon-top .left, .productcon-top .right{ width:100%}
.productcon-top .right h2{ font-size:22px; line-height:30px; margin:15px 0 0;}
.productcon-top .right h3{ margin-bottom:10px; font-size:16px}
.productcon-top .right .zixun{ margin-top:15px}
.content-product .pro-tab li{ padding-bottom:10px;width: 120px;}
.content-product .pro-tab .line{ width:120px}
.pro-container .ptit{ font-size:18px;}

.nbanner{height: 160px;}
.nbanner .nban-tit h3{font-size: 26px;}
.content-about .left h2, .content-contact .ntitle{ font-size:22px;}
.content-contact{ font-size:14px;}
.content-contact .ntitle{ margin-bottom:10px}
.content-contact .txtcon{padding-bottom: 10px; margin-bottom: 20px;}
.contact-list, .message-con{ width:100%;margin-bottom: 30px;}
.message-con{ margin-top:20px}
.contact-list .ctit, .message-con .ctit{ font-size:20px; margin-bottom:10px}
.contact-list li{ margin-bottom:15px}
.contact-list li .p1{ font-size:14px}
.contact-list li .p2{ font-size:16px}
.message-con .item{ width:100%; margin-right:0;margin-bottom: 10px;}
.message-con .item2{ width:100%}
.message-con .submit{ position:relative}
#allmap{ margin-top:20px; height:300px}

.f-left{ padding-top:20px}
.f-nav ul{ flex-wrap:wrap}
.f-nav li, .en .f-nav li{ width:100%; max-width:100%; border-bottom:1px solid rgba(255,255,255,.1); margin-right:0}
.f-nav li h4{ margin:5px 0}
.f-nav li a{ position:relative; margin-bottom:0}
.en .f-nav li a{ margin-bottom:0}
.f-nav li a:after{ content:""; width:5px; height:5px; border-top:1px solid #fff; border-right:1px solid #fff; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); position:absolute; right:5px;top:8px; opacity:.8}
.f-nav .sub{ display:none}
.copyright{ margin-top:20px}
.m-footer{ display:block}
.footer{ padding-bottom:45px}
.m-inner-nav-sed{ margin-top:-10px}
.ron-img{width:98%;overflow: hidden;margin: 0px auto;}
.ron-img img{width:100%;height:100%;transition:all 0.6s;}
.ron-img img:hover{transform: scale(1.3);}
.ron-exp{width:98%;margin: 0px auto;}
.ron-cfn ul li ol{font-size:16px;}
.ron-cfn ul li ol span{display: none;}
.ron-cfn ul li{height:65px;}
.ron-cfn ul li.cur{height:150px;margin-top: -85px;}
}
@media screen and (max-width:640px){
.logo{ padding-top:19px}
.logo img{ height:22px;}
#allmap{height:220px}

.i-productList .txt{ padding-top:5px}
.i-solutionList ul{ margin-right:0}
.i-solutionList li{ width:calc(25% - 1px); margin-right:1px; margin-bottom:1px}
.i-solutionList li .pic{ height:150px}
.i-solutionList .txtcon .icon img{ height:30px}
.i-solutionList .txtcon h3{ font-size:14px}

.newslist .bot{ margin-top:10px}
.newsTop .pic{ position:relative;width: 100%;}
.newsTop .txt{ width:100%; padding:5% 3%} 
.newsTop .txt h4{ margin-bottom:2%}
.newsTop .txt .intro{ margin-bottom:3%}
.newsTop .more{ height:30px; line-height:26px}
.newsTop .swiper-pagination{bottom:5%;right:3%}
.horlist li{ width:48%}
.technology li{ width:100%; margin-bottom:20px}
.technology .txt{ padding:5% 3%}

.product-list ul, .caselist ul{ margin-right:0}
.product-list li, .caselist li{ width:100%; margin-right:0;margin-bottom: 20px;}
.product-list li:nth-child(3n), .caselist li:nth-child(3n){ margin-right:0}
.product-list .tit, .caselist .tit{ white-space:normal;}
.en .product-list .tit, .en .caselist .tit{ line-height:20px}
.content-product .pro-tab li{ font-size:16px;width:100px;}
.content-product .pro-tab .line{ width:100px}
.pro-container .data{ flex-wrap:wrap; justify-content:flex-start}
.pro-container .data li{ margin:0 1% 1% 0; width:32.33%}

.solutlist li{ margin-bottom:20px}
.solutlist .more{height: auto; line-height: 20px;padding: 0; border: 0; margin-top:10px}
.solutlist .more:hover{ background:none; color:#999; border:0}
.solutlist .intro{-webkit-line-clamp: 2;}

.news-article iframe{ max-width:100%}

.en .newsTop .txt h4{ line-height:20px}
.pages{ text-align:left; margin-top:20px}
.pagination p, .pagination a{ padding:0 5px!important; margin-bottom:2px !important}
.pagination a{ min-width:24px; text-align:center}
.ron-img{width:98%;overflow: hidden;margin: 0px auto;}
.ron-img img{width:100%;height:100%;transition:all 0.6s;}
.ron-img img:hover{transform: scale(1.3);}
.ron-exp{width:98%;margin: 0px auto;}
.ron-cfn ul li ol{font-size:14px;}
.ron-cfn ul li ol span{display: none;}
.ron-cfn ul li{height:65px;}
.ron-cfn ul li.cur{height:150px;margin-top: -85px;}

}
@media screen and (max-width:480px){
.inner-nav ul{ font-size:14px}
.inner-nav li{ width:25%}
.nbanner{ height:130px}
.nbanner .nban-tit h3{ font-size:20px}
.culture .ico{ width:40px; height:40px;position: relative;top: auto;left: auto; margin: 0 auto;}
.culture .txt{ padding-left:0;text-align: center;}
.culture .txt:before{ display:none}
.culture .txt p{line-height: 20px;}

.newslist .txt{ width:calc(100% - 65px)}
.newslist .txt .intro{-webkit-line-clamp:1;}
.newslist .time span{ padding-top:3px}
.newslist02 .pic{ width:40%}
.newslist02 .txt{ width:55%}
.i-newsList .right .time span, .newslist .time span{ font-size:26px; line-height:20px;}
.i-newsList .right .more{ display:none}
.i-newsList .right .txt{width: calc(100% - 85px);}

.horlist ul{ margin-right:0}
.horlist li{ width:100%; margin-right:0; margin-bottom:3%}
.client .pic{ height:60px}
.client .pic img{ max-width:80%}
.client .tit{ font-size:12px; line-height: 30px;}
.solutlist .pic{ width:100%}
.solutlist .txt{ width:100%}
.solutlist .tit{ padding-top:5px; text-align:center}
.solutlist .intro, .solutlist .more{ display:none}

.i-productBox .tab ul{justify-content: center;}
.i-productBox .tab li{ width:32.33%}
.ron-img{width:98%;overflow: hidden;margin: 0px auto;}
.ron-img img{width:100%;height:100%;transition:all 0.6s;}
.ron-img img:hover{transform: scale(1.3);}
.ron-exp{width:100%;margin: 0px auto;}
.ron-cfn ul li ol{font-size:16px;}
.ron-cfn ul li ol span{display: none;}
.ron-cfn ul li{height:85px;padding-bottom: 20px;}
.ron-cfn ul li.cur{height:170px;margin-top: -85px;padding-bottom: 20px;}	
}