@charset "UTF-8";
@media only screen and (max-width:768px){
.product-page .specifications {overflow-x:auto;}
.product-page .specifications .table{width:100%; overflow-x:auto;}
.product-page .specifications .tbody{width:auto}
.product-page .specifications TABLE th{line-height:100%;padding:8px 5px;border:#ccc 1px solid;background:#0c84b9;font-size:16px;color:#fff}
.product-page .specifications TABLE TD{line-height:200%;border:#ccc 1px solid;padding:8px 5px;font-size:14px;color: #444444;}
.product-page .specifications TABLE tr:first-of-type td{background:#444444;font-weight:bold;color:#fff}
.product-page .specifications TABLE TR:nth-child(even){background:#f6f6f6}
}
@media only screen and (max-width: 1200px){*{box-sizing: border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.col.sm-col12{width: 100%;float: left;}
.col.sm-col1{width: 8.33333333%;}
.col.sm-col2{width: 16.66666667%;}
.col.sm-col3{width: 25%;}
.col.sm-col4{width: 33.33333333%;}
.col.sm-col5{width: 41.66666667%;}
.col.sm-col6{width: 50%;}
.col.sm-col7{width: 58.33333333%;}
.col.sm-col8{width: 66.66666667%;}
.col.sm-col9{width: 75%;}
.col.sm-col10{width: 83.33333333%;}
.col.sm-col11{width: 91.66666667%;}
.container .banner {position: relative;margin-top: 50px;}
.rbtn::after{display: none;}
.lzpic2{display: block;}
.lzpic1{display: none;}
.header.small,
.header{height: 50px;z-index: 105;padding: 0;}
.header.top{top: -60px;}
.header .logo{height: 36px;margin: 7px 0 0 10px;}
.header .logotext{display: none;}
.header .search-box{margin: 0 50px 0 0;}
.header .search-box .search-btn{width: 50px;height: 50px;}
.header .search-box .search-bar{width: 100%;height: 50px;position: fixed;right: 0;top: 0;z-index: 200;padding: 0px;}
.header .search-box .search-bar .close{display: none;}
.header .search-box .search-bar .btn{width: 50px;height: 50px;float: right;}
.header .search-box .search-bar .inpu{height: 50px;padding: 0 50px 0 0;}
.header .search-box .search-bar .inpu input{background: #fff;height: 50px;line-height: 50px;}
.header .language{margin: 0;}
.header .language .tit{height: 50px;line-height: 50px;padding: 0 30px 0 0;background-position: right 10px center;}
.header .language .list{top: 40px;width: 100px;}
.header .language li a:hover{background: none;}
.header .menu-btn{width: 50px;height: 50px;display: block;position: absolute;right: 0;top: 0;z-index: 3;}
.header .menu-btn span{width: 28px;height: 3px;background: #fff;border-radius: 2px;position: absolute;left: 12px;top: 23px;z-index: 2;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;-ms-transition: 0.8s;-o-transition: 0.8s;}
.header .menu-btn span.line1{top: 14px;}
.header .menu-btn span.line3{top: 32px;}
.header .nav{width: 260px;height: 100%;overflow: auto;position: fixed;right: -260px;top: 0;bottom: 0;z-index: 105;background: #fff;margin: 0;padding: 0 0 20px 0;}
.header .nav .tit{display: block;font-size: 30px;font-weight: bold;color: #eb6622;text-align: center;padding: 20px 0;}
.header .nav > ul > li{width: 100%;float: none;}
.header .nav > ul > li:hover >a,
.header .nav > ul > li > a{width: 100%;height: 50px;line-height: 50px;padding: 0 20px;border-bottom: solid 1px #ccc;color: #575757;}
.header .nav > ul > li.on > a:hover,
.header .nav > ul > li.on > a{border-bottom: solid 1px #eb6622;color: #eb6622;}
.header .nav > ul > li .arrow{width: 50px;height: 50px;position: absolute;top: 0;right: 0;z-index: 2;display: block;background: url(../images/arrow4.png) no-repeat center;}
.header .nav > ul > li.now .arrow{transform: rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg);}
.header .nav .sub{display: none;position: static;top: 0;left: 0;transform: translate(0%, 0%);-webkit-transform: translate(0%,0%);-moz-transform: translate(0%,0%);-ms-transform: translate(0%,0%);-o-transform: translate(0%,0%);padding: 0;box-shadow: 0 0 0 0 rgba(0,0,0,0);}
.header .nav .sub ul{background: #eee;border-radius: 0;padding: 0;box-shadow: 0 0 0 0 rgba(0,0,0,0);}
.header .nav .sub ul::after{display: none;}
.header .nav .sub li a:hover,
.header .nav .sub li a{display: block;height: 50px;line-height: 50px;text-align: left;text-indent: 10px;border-bottom: solid 1px #ccc;}
.wrapper.shiftLeft{margin-left: -150px;}
.wrapper.shiftLeft .header{left: -260px;z-index: 105;}
.wrapper.shiftLeft .header .nav{right: 0;}
.wrapper.shiftLeft .menu-btn span.line1{top: 23px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);}
.wrapper.shiftLeft .menu-btn span.line2{opacity: 0;}
.wrapper.shiftLeft .menu-btn span.line3{top: 23px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}
.wrapper,
.wrapper .header,
.wrapper .header .nav{transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;}

	.contact-page .contact .lianxifs{margin: 78px 10px 0 10px; display:block;}
	.contact-page .contact .lianxifs .lleft{width: 100%; float:none;}
	.contact-page .contact .lianxifs .lright{width: 100%;float:none;}
	.contact-page .contact .lianxifs .lleft ul{display:block;}
	.contact-page .contact .lianxifs .lleft li{width: 100%;padding: 15px 0px;text-align: center;margin-bottom: 50px;display:block; }
	.contact-page .contact .lianxifs .lleft li:nth-child(4n+1){/*clear: left;*/}
	.contact-page .contact .lianxifs .lleft li .icon1{width: 30%;float:left;}
	.contact-page .contact .lianxifs .lleft li .icon2{width: 70%;float:right;}
	
	.pl_service1,.pl_service4{ display:none}
	
.footer{padding: 10px 0 0 0;background-size: 150px auto;}
.footer .right,
.footer .link-list .list,
.footer .link-list{float: none;width: 100%;text-align: center;}
.footer .link-list .list{border-bottom: solid 1px #555;}
.footer .link-list .tit{height: 40px;line-height: 40px;display: block;}
.footer .link-list ul{margin: 0 0 10px 0;display: none;}
.footer .link-list li{margin-bottom: 0;}
.footer .link-list li a{height: 36px;line-height: 36px;display: block;}
.footer .contact{margin: 20px auto;}
.footer .contact .row{margin-bottom: 12px;}
.footer .contact .c1 p a,
.footer .contact .c1 p,
.footer .contact .c2 p a,
.footer .contact .c2 p{font-size: 1.6rem;}
.footer .share{text-align: center;}
.footer .share a{margin: 0 10px;}
.footer .bottom{padding: 10px 0;margin-top: 20px;}
.footer .copy,
.footer .technology{float: none;text-align: center;padding: 4px 0;margin: 0;font-size: 1.2rem;}
.footer .copy a,
.footer .technology a{font-size: 1.2rem;}
.footer .language{float: none;margin: 10px auto;max-width: 240px;}
.banner .swiper-pagination{bottom: 10px;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 40px;}
.main {position: relative;margin-top: 50px;}
.main .pctitle .title{font-size: 3rem;}
.main .pctitle .slogan{line-height: 20px;font-size: 1.4rem;margin-top: 10px;}
.main .product{padding: 40px 0;}
.main .product .wrap{max-width: 600px;}
.main .product .content{margin: 30px -10px 0 -10px;}
.main .product .content .col{padding: 0 10px;}
.main .product .content .box{margin-bottom: 20px;}
.main .product .content .box3 .cont,
.main .product .content .box2 .cont,
.main .product .content .cont{max-width: 100%;position: static;top: 0;left: 0;bottom: 0;text-align: center;-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);padding: 20px;}
.main .product .content .tit{font-size: 2.2rem;}
.main .product .content .box2 .cont .tit::after,
.main .product .content .tit::after{display: block;margin: 8px auto;}
.main .product .content .txt{line-height: 20px;}
.main .product .content .box2 .cont .rbtn,
.main .product .content .rbtn{border-radius: 40px;margin-top: 10px;}
.main .product .content .rbtn span{height: 40px;line-height: 40px;}
.main .about{padding: 50px 0;background-position: right -120px top 0;}
.main .about .wrap{max-width: 600px;}
.main .about .cont,
.main .about .picbox{width: 100%;float: none;padding: 0;}
.main .about .picbox .pic{border-radius: 0 40px 0 0;}
.main .about .picbox.aos-animate .btn,
.main .about .picbox .btn{width: 40px;height: 40px;bottom: 20px;left: -10px;}
.main .about .cont{margin-top: 30px;}
.main .about .cont .tit{font-size: 2.2rem;}
.main .about .cont .year{font-size: 7rem;margin-bottom: 20px;}
.main .about .cont .text{line-height: 22px;font-size: 1.4rem;}
.main .about .cont .txt{line-height: 26px;margin-top: 20px;padding-top: 20px;}
.main .service{background-attachment: scroll;padding: 50px 0;}
.main .service .content{border-radius: 0 40px 0 40px;padding: 30px 20px;}
.main .service .content .title{line-height: 44px;font-size: 3.6rem;}
.main .service .content .line{margin: 30px 0;}
.main .case .swiper-button-prev,
.main .news .swiper-button-prev,
.main .case .swiper-button-next,
.main .news .swiper-button-next{width: 24px;height: 24px;cursor: pointer;position: absolute;top: 50%;margin: -12px 0 0 0;background: no-repeat center;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);opacity: .4;}
.main .case .swiper-button-prev:hover,
.main .news .swiper-button-prev:hover,
.main .case .swiper-button-next:hover,
.main .news .swiper-button-next:hover{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);opacity: 1;}
.main .case .swiper-button-prev,
.main .news .swiper-button-prev{left: -50px;background-image: url(../images/arrow6.png);}
.main .case .swiper-button-next,
.main .news .swiper-button-next{right: -50px;background-image: url(../images/arrow7.png);}
.main .case{padding: 40px 0;min-height: auto;}
.main .case .head{max-width: none;padding-top: 0;}
.main .case .btn{display: none;}
.main .case .content .swiper-button-prev,
.main .case .content .swiper-button-next{display: block;position: absolute;}
.main .case .content .swiper-button-prev{left: 10px;}
.main .case .content .swiper-button-next{right: 10px;}
.main .case .content{position: static;top: 0;left: 0;right: 0;-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);margin-top: 30px;}
.main .case .swiper-slide{width: 80%; margin:0 10%;}
.main .case .swiper-slide:nth-child(odd) a{margin-top: 0px;}
.main .case .swiper-slide .tit{padding: 0 10px;}
.main .news{padding: 40px 0;}
.main .news .news-list{margin-top: 30px;}
.main .news .swiper-button-prev{left: 0px;}
.main .news .swiper-button-next{right: 0px;}
.news-list .swiper-slide{/*width: 260px;*/}
.news-list li .tit ,
.news-list .swiper-slide .tit{font-size: 1.6rem;margin: 10px 0 10px 0;}
.news-list li .date ,
.news-list .swiper-slide .date{height: 40px;line-height: 40px;font-size: 2rem;margin-top: 10px;transition-duration: 0.4s;}
.news-list ul{margin: 0 -5px;}
.news-list li{width: 50%;padding: 0 5px;margin-bottom: 10px;}
.news-list li:nth-child(3n+1){clear: none;}
.news-list li:nth-child(2n+1){clear: left;}
.container .banner .title{font-size: 4rem;}
.container .banner .crumbs{bottom: 10px;}
.container .banner .crumbs span{padding: 0 2px;}
.container .pctitle{font-size: 2.2rem;}
.columnmenu{height: 50px;position: relative;}
.columnmenu .tit{width: 90%;margin: 0 auto;height: 50px;line-height: 50px;display: block;font-size: 1.8rem;font-weight: bold;text-transform: uppercase;text-align: left;background: url(../images/arrow4.png) no-repeat right 0 center;}
.columnmenu .tit.on{background-image: url(../images/arrow8.png);}
.columnmenu ul{display: none;position: absolute;top: 50px;left: 0;width: 100%;z-index: 90;background: #efefef;}
.columnmenu li{float: none;padding: 0;}
.columnmenu li a{height: 50px;line-height: 50px;border-bottom: solid 1px #ddd;}
.columnmenu li a:hover{color: #222;}
.columnmenu li.on a:hover,
.columnmenu li.on a{color: #eb6622;border-bottom: solid 1px #eb6622;}
.paging li{margin: 0 2px;}
.about-page .profile{padding: 40px 0;}
.about-page .profile .content{margin-top: 40px;}
.about-page .profile .row{margin-bottom: 10px;display: block;}
.about-page .profile .row:last-child(){margin-bottom: 0;}
.about-page .profile .row:nth-child(even) .pic::after{left: auto;right: -10px;}
.about-page .profile .row:nth-child(even) .text,
.about-page .profile .row:nth-child(even) .pic,
.about-page .profile .text,
.about-page .profile .pic{width: 100%;float: none;order: 1;}
.about-page .profile .pic::after{left: -10px;bottom: -10px;}
.about-page .profile .row:nth-child(even) .text,
.about-page .profile .text{padding: 40px 0;}
.about-page .profile .row:last-child .text{padding-bottom: 0;}
.about-page .factory{padding: 40px 0;}
.about-page .factory ul{margin: 40px -5px 0 -5px;}
.about-page .factory li{width: 50%;padding: 0 5px;margin-bottom: 10px;}
.about-page .factory li:nth-child(4n+1){clear: none;}
.about-page .factory li:nth-child(2n+1){clear: left;}
.about-page .factory li a:hover{top: 0;box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);}
.about-page .factory2{padding: 40px 0;}
.about-page .factory2 ul{margin: 40px -5px 0 -5px;}
.about-page .factory2 li{width: 50%;padding: 0 5px;margin-bottom: 10px;}
.about-page .factory2 li:nth-child(4n+1){clear: none;}
.about-page .factory2 li:nth-child(2n+1){clear: left;}
.about-page .factory2 li a:hover{top: 0;box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);}

.about-page .history{padding: 40px 0;}
.about-page .history .content{margin-top: 40px;}
.about-page .history .gallery-top .swiper-slide{padding: 14px;}
.about-page .history .gallery-top .pic,
.about-page .history .gallery-top .text{width: 100%;float: none;}
.about-page .history .gallery-top .text{padding: 20px 0 0 0;}
.about-page .history .gallery-top .year{font-size: 2rem;}
.about-page .history .gallery-top .txt{margin-top: 10px;}
.about-page .history .gallery-thumbs{margin-top: 20px;}
.about-page .history .gallery-thumbs .swiper-slide{font-size: 2rem;background-size: 100% 14px;padding-top: 24px;}
.about-page .recruitment{padding: 40px 0;}

.his_list .list {position: relative;}
.his_list .list .line {position: absolute;top: 0;bottom: 0;left: 60px;width: 0px !important;background: #dbe1e5}
.his_list li span {margin-top: 13px;display: block; float: none !important;width: 59px; font-weight:700; font-size:18px}
.his_list li {padding: 15px 0}
.his_list li .box {overflow: hidden;}
.his_list li .box p { text-indent:2em;line-height: 30px;padding: 5px 0;padding-left: 0px !important;background: none !important;}

.recruitment-list{margin-top: 40px;overflow: auto;}
.recruitment-list .head,
.recruitment-list .top{padding-right: 0;}
.recruitment-list .head .col,
.recruitment-list .top .col{line-height: 22px;}
.recruitment-list .top,
.recruitment-list .head{font-size: 1.4rem;}
.recruitment-list .head .col{padding: 12px 0;}
.recruitment-list .top,
.recruitment-list li.on .top{background: none;}
.recruitment-list .top .col{padding: 12px 0;}
.recruitment-list .cont{line-height: 22px;font-size: 1.4rem;padding: 20px 10px;}
.recruitment-list .cont hr{margin: 20px 0;}
.product-list ul{margin: 0 -5px;}
.product-list li{width: 50%;padding: 0 5px;margin-bottom: 10px;}
.product-list li:nth-child(4n+1){clear: none;}
.product-list li:nth-child(2n+1){clear: left;}
.product-list li a:hover .text{margin-top: 0;}
.product-list li .text{padding: 10px 5px;}
.product-list li .tit{font-size: 1.6rem;}
.product-list li .txt{height: 60px;line-height: 20px;font-size: 1.2rem;margin-top: 0px;}
.product-list li .more{display: none;}
.product-page.padding{padding: 40px 0;}
.product-page .introduction{padding: 40px 0;}
.product-page .introduction .content ,
.product-page .introduction .photo{width: 100%;float: none;}
.product-page .introduction .content{margin-top: 40px;}
.product-page .introduction .content .title{font-size: 3rem;margin: 20px 0;}
.product-page .introduction .content .text{padding: 20px 0;}
.product-page .introduction .content .txt{margin-top: 20px;}
.product-page .introduction .content .txt .t{min-width: 120px;}
.product-page .introduction .content .txt .p.tel{width: 100%;font-size: 16px;color:#eb6622;font-family: sans-serif;font-weight: bold;}
.product-page .introduction .content .btn{min-width: 180px;height: 50px;line-height: 50px;font-size: 1.8rem;margin-top: 20px;}
.product-page .details{padding: 40px 0;}
.product-page .details .wrap{width: 96%;padding: 20px 10px;}
.product-page .details .tab{height: 50px;}
.product-page .details .tab span{font-size: 1.6rem;margin-right: 10px;height: 50px;line-height: 50px;}
.product-page .details .tabbox{margin-top: 20px;}
.product-page .specifications table{min-width: 320px;background: #fff;border-top: solid 1px #e5e5e5;border-left: solid 1px #e5e5e5;}
.product-page .specifications th,
.product-page .specifications td{line-height: 200%;padding: 10px;font-size: 1.4rem;}
.product-page .cases li{padding: 20px 0;}
.product-page .cases li .down{width: 100px;font-size: 1.4rem;}
.product-page .cases li .tit{line-height: 24px;padding: 0 110px 0 0;font-size: 1.4rem;}
.news-page{padding: 40px 0;}
.news-page .paging{margin-top: 10px;}
.content-left{padding-right: 0px;}
.news-page .sidebar-right{display: none;}
.news-page .details .title{line-height: 26px;font-size: 1.8rem;}
.news-page .details .info{font-size: 1.4rem;}
.news-page .details .article{margin: 20px 0;padding: 20px 0;}
.case-page{padding: 40px 0;}
.case-list ul{margin: 0 -10px;}
.case-list li{padding: 0 10px;margin-bottom: 20px;}
.case-list li .tit{height: 50px;line-height: 50px;padding: 0 10px;font-size: 1.4rem;}
.case-list li a::after{height: 120px;}

.case2-page{padding: 30px 0;}
.case2-page .paging{margin-top: 20px;}
.case2-list ul{margin: 0 -10px;}
.case2-list ul:after{content: "";height: 0;display: block;clear: both;}
.case2-list li{width: 50%;float: left;padding: 0 10px;margin-bottom: 18px;}
.case2-list li:nth-child(2n+1){clear: left;}
.case2-list li a{display: block;position: relative;overflow: hidden;}
.case2-list li a::after{content: " ";width: 100%;height: 174px;position: absolute;left: 0;bottom: 0;z-index: 5;background: url(../images/case-list-filter2.png) repeat-x 0 0;background-size: auto 100%;}
.case2-list li .tit{width: 100%;height: 30px;line-height: 25px;padding: 0 10px;font-size: .8rem;font-weight: bold;color: #fff;position: absolute;left: 0;bottom: 0;z-index: 20;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
.case2-list li .tit span{width: 100%;height: 15px;line-height: 15px;font-size: 0.8rem;color: #565656;}
}
@media only screen and (max-width: 750px){.case-list li{width: 100%;}}
.support-page{padding: 40px 0;}
.support-page .pctitle{margin-bottom: 40px;}
.support-page .sidebar-right{width: 100%;float: none;}
.support-page .sidebar-right .tips{text-align: center;margin-bottom: 30px;}
.support-page .sidebar-right .tips .p2{margin-top: 10px;}
.support-page .sidebar-right .tips .p2 a{font-size: 1.6rem;}
.support-page .faqlist li{background: url(../images/faqlist_icon1.png) no-repeat right 20px top 26px;background-position: right 0 top 16px;padding: 0;}
.support-page .faqlist li .tit{padding: 10px 40px 10px 0;font-size: 1.6rem;}
.support-page .faqlist li .txt{font-size: 1.4rem;padding: 0 0 20px 0;}
.downloads-list ul{margin: 0 -5px;}
.downloads-list li{width: 50%;padding: 0 5px;margin-bottom: 10px;}
.downloads-list li:nth-child(3n+1){clear: none;}
.downloads-list li:nth-child(2n+1){clear: left;}
.downloads-list li .box{padding: 20px;}
.downloads-list li .date{min-height: 100px;font-size: 1.6rem;}
.downloads-list li .date .y{font-size: 2.4rem;}
.downloads-list li .tit{font-size: 1.8rem;}
.downloads-list li .btn{display: block;}
.downloads-list li .btn span{padding: 0 20px 0 50px;font-size: 1.4rem;background-position: 20px center;}
@media only screen and (max-width: 670px){.downloads-list li{width: 100%;}}
.contact-page .contact{margin: 40px 0;}
.contact-page .contact ul{margin: 40px -10px 0 -10px;}
.contact-page .contact li{width: 100%;padding: 0 10px;}
.contact-page .contact li .icon{height: 30px;line-height: 30px;}
.contact-page .contact li .tit{font-size: 2rem;margin: 14px 0;}
.contact-page .contact li .p3{margin-top: 10px;}
.contact-page .contact li .p2,
.contact-page .contact li .p2 a{font-size: 2rem;}
.contact-page #allmap,
.contact-page iframe{height: 400px;}
.contact-page .message{margin: 60px 0;}
.contact-page .message .content{margin-top: 30px;}
.contact-page .message .row{margin: 0 -10px;}
.contact-page .message .row .col{padding: 0 10px;margin-bottom: 20px;}
.contact-page .message input[type="text"],
.contact-page .message textarea{padding: 10px;}
.contact-page .message textarea{height: 120px;}
.contact-page .message .verification{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
.contact-page .message .verification input{width: auto;flex: 1;}
.single-page{padding: 40px 0;}}