/* media */
/* 横屏 */
@media screen and (orientation:landscape){

}
/* 竖屏 */
@media screen and (orientation:portrait){

}

@media screen and (max-width:1920px){
	.header .nav .li{margin-left: 48px;}
}
@media screen and (max-width:1510px){
	.header .nav .li{margin-left: 40px;}
}
@media screen and (max-width:1480px){
	.header .nav .li{ margin-left:35px; }
}

@media screen and (max-width:1440px){
	/*.header .nav .li{ margin-left:35px; }*/
	
	.news .bar .text .name{ max-width:500px; }
	
	.service .text{ padding-right:30px; }
	.footer.en .nav .li .a2{font-size: 12px;}
	.header .nav .li{ margin-left:28px; }
}

@media screen and (max-width:1400px){
	/*b哥*/
	.header .nav .li{ margin-left:20px; }
}

@media screen and (max-width:1350px){
	.header .nav .li .a1{font-size: 15px;}
	.header .phone>font{font-size: 15px;}

	.address .item .text p{ padding-top:3px; padding-bottom:3px; }
}
@media screen and (max-width:1279px){

	.header .phone{ display:none; }
	.header .nav .li{ margin-left:28px; }
	.header .nav .li .a1{font-size: 14px;}
	.case .item{ width:32.333%; }
	
	.news .table{ display:block; }
	.news .important{ display:none; width:auto; }
	.news .list{ display:block; padding-left:0; }
	.news .list .item.hide{ display:block; }
	
	.product .item{ width:100%; margin-left:0; }
	
	.address .item{ width:50%; }
	.address .item.null-2{ background:#fefefe; display:block; }
	.address .item.null-3{ display:none; }
}

@media screen and (max-width:1050px){
	.header .menu{ height:100%; float:right; width:40px; margin-left:16px; background:url(../images/menu.svg) no-repeat center / 100% auto; }
	.header .nav{ position:fixed; float:none; right:-100%; top:0; bottom:0; width:60%; background:#f1f1f1; z-index:12; -webkit-transition:all 300ms ease 0s; transition:all 300ms ease 0s; padding-top:40px; }
	.header .nav .li{ display:block; width:auto; margin-left:0; line-height:40px; }
	.header .nav .li .a1{ color:#333; }
	.header .nav .li:hover .sub{ display:none; }
	.header.ontop .nav .li.on:after{ display:none; }
	.header .navBg{ position:fixed; right:-100%; width:100%; top:0; height:100%; z-index:11; background:rgba(0,0,0,0.3); }
	.header .nav.cur,
	.header .navBg.cur{ right:0; }
	
	.contact-map{ height:35.5rem; }
	
	.feedback .i{ width:49%; margin-left:2%; }
	.feedback .i.no-2{ margin-left:0; }

	.links .item{ width:25%; }
	.links .item.null-5{ display:none; }
	.links .item.null-4{ display:block; }
	.links .item .box.b1{ background:none; }
	.links .item .box.b2{ background:#f8f8f8; }
	
	.about{ padding-left:0; font-size:0; }
	.about .video{ width:100%; position:relative; top:auto; bottom:auto; }
	.about .video .img{ width:100%; }
	.about .text .box{ max-width:inherit; padding:30px 3% 80px; height:auto; }
	
	.history{ /*background:url(../images/history-bg-02.jpg) no-repeat center / 100% auto;*/ padding-bottom:50px; }
	.history .img{ display:none; }
	.history .text{ position:relative; left:auto; top:auto; width:auto; margin:20px 5%; box-shadow:0 0 9px #999; }
	.history .text.cur{ left:auto; }
	.history .text font{ display:block; font-size:18px; padding-bottom:5px; }
	.history .ap{ display:none; }
	
	.detail .img{ max-width:100%; margin-bottom:3rem; }
	
	.technical .item .text .name{ padding-bottom:10px; }
	.technical .item:hover .text{ top:0; }
	.technical .item:hover .hover{ top:100%; }
	
	.news .hot{ display:none; }
	.news .bar.hide{ display:table; }
	
	.service .text{ display:block; width:auto; padding-right:0; }
	.service .img{ display:block; width:auto; text-align:left; }
	.service .img img{ max-width:100%; }
	.service .text .btn{ margin-top:0; }
	
	.value .item .brief{ display:none; }
	
	.product .list{ width:33.3333%; }
	
	.cate-nav li{ border-width:1px !important; }
	
	.case .list{ width:25%; }
	.case .list .box.b1{ background:none; }
	.case .list .box.b2{ background:#f8f8f8; }
	.case .list.null-6{ display:none; }
	.case .list.null-4{ display:block; }
	
	.footer .logo{ width:100%; text-align:center; height:auto; padding-bottom:50px; }
	.footer .nav{ width:60%; margin-left:0; }
	.footer .info{ max-width:40%; }
	.footer.en .nav .li .a2{font-size: 14px;}
}

@media screen and (max-width:959px){
	.footer .copyright{ line-height:2rem; margin-top:30px; padding:2rem 0; text-align:center; }
	.footer .copyright div{ font-size:1rem; width:100%; }
	.footer .copyright div.fl{ font-size:1rem; padding-bottom:1rem; }
	
	.core{ background:url(../images/core-bg-01.jpg) center; margin:30px 0 50px; }
	.core .img{ width:100%; height:auto; float:none; position:relative; }
	.core .img img{ width:100%; float:none; }
	.core .txt{ width:100%; height:auto; float:none; }
}
/* 窗口宽度<768,设计宽度=640 */
@media screen and (max-width:767px){
	.wrap-m{ padding:0 1%; }
	
	.header-MH{ height:80px; }
	.header-H{ height:0; }
	.header{ height:80px !important; line-height:80px !important; box-shadow:0 0 9px #999; }
	.header .logo img{ max-width:15rem; max-height:100%; }
	.header .BG{ background:#fff; opacity:1;filter:alpha(opacity=100); }
	.header .i2{ display:inline-block; }
	.header .i1{ display:none; }
	.header .nav .li .a1{ color:#333; }
	.header .nav .li.on .a1{ color:#0080cc; }
	.header .phone{ color:#0080cc; }
	.header .search{ width:17px; background:url(../images/search.svg) no-repeat center / 100% auto; }
	.header .menu{ width:30px; }
	.header .lang a{ font-size:12px; }
	.header .search img{ width:0; display:none !important; }
	.header .search .fa-search{ color:#ccc; }
	.header .search form>.box{ background:#D5D5D5; }
	
	.contact-map{ height:21rem; }
	
	.address .item{ width:100%; }
	.address .item.null-2{ display:none; }
	.address .item.null-3{ display:none; }
	.address .item .text p{ font-size:1.1rem; background-size:1.2rem auto; line-height:1.6rem; padding:3px 0; padding-left:2rem; }
	.address .item .text .p0{ font-size:1.6rem; padding-bottom:1rem; }
	
	.title.p1{ padding:5rem 0 1rem; }
	.title>h3{ font-size:3rem; }
	.title>span{ height:1.6rem; line-height:1.6rem; font-size:1.3rem; margin:1rem 0 1.875rem; }
	.title>span:before,
	.title>span:after{ width:3.125rem;}
	.title>s{ height:1px; width:4.625rem; }
	.title>i{ display:inline-block; height:1px; }
	.title>i:before,
	.title>i:after{ margin:0 5px; width:20px; }
	.title>i:after{ width:5rem; }
	
	.title.p2{ padding:2.5rem 0; }
	.title.p2 h3{ color:#fff;  }
	.title.p2 p{ font:1.5rem/1.8rem sans-serif; padding-top:0.5rem; }
	.title.p3{ padding:5rem 0; }
	
	.title.p4{ padding:1.8rem 0; }
	.title.p4.bo{ padding-bottom:0; }
	.title.p4.bo2{ padding-bottom:20px; }
	.title.p4 h3{ font-size:2rem; padding-bottom:2rem; }
	.title.p4.x h3{ padding-bottom:1rem; }
	.title.p4 p{ font-size:1.3rem; }
	.title.p4 s{ height:1px; width:20px; }
	
	.title.p5{ padding:.5rem 0 0; }
	.title.p5.bo{ padding-bottom:30px; }
	.title.p5 h3{ font-size:1.8rem; padding-bottom:6px; }
	.title.p5 p{ font-size:1rem; }
	
	.crumbs{ line-height:2.6rem; padding-top:20px; padding-bottom:20px; font-size:1.3rem; }
	.crumbs div{ font-size:1.5rem; }
	.crumbs.sty1 div{ font-size:1.3rem; }
		
	.news-title{ background:url(../images/news-bg-02.jpg) center / auto 100%; padding:2.5rem 0; }
	.news-title h1{ font-size:1.8rem; line-height:3rem; padding-bottom:1rem; }
	.news-title span{ font-size:1.2rem; height:2rem; line-height:2rem; margin:0 1rem; }
	.news-title .t{ /*background:url(../images/15.png) no-repeat 0 0.2rem / auto 1.2rem;*/ background:none; padding-left:0; }
	.news-title .c{ /*background:url(../images/16.png) no-repeat 0 0.2rem / auto 1rem;*/ background:none; padding-left:0; }
	
	.news-detail{ padding-bottom:6rem; padding-top:2rem; }
	.news-detail .fx{ padding:2.5rem 0; }
	.news-detail .pn{ padding:2rem 0; }
	.news-detail .pn div{ line-height:2.5rem; font-size:1.4rem; }
	
	.case-bg{ background:#F2F5FA; }
	
	.case.p1{ margin-top: .2rem; padding-bottom:3rem; }
	.case .item{ width:25%; margin:0; display:block; }
	.case .item .box{ display:block; padding:0; }
	.case .item .img{ width:150%; overflow:hidden; margin-left:-25%; }
	.case .item img{ height:4rem; padding-top: 0; }
	.case .item .name{ font-size:1.3rem; }
	.case .item .brief{ font-size:1rem; display:none; }
	.case .item .box:hover{ box-shadow:none; background:none; }
	
	.about .video .a>span i{ width:6.5625rem; height:6.5625rem; line-height:6.5625rem; border:1px solid #fff; font-size:3.125rem; text-indent:0.75rem; }
	.about .video .a>span p{ font-size:1.875rem; padding:1.3rem 0; }
	.about .video .a>span u{ width:1.875rem; }
	.about .text .box{ padding:1.875rem; }
	.about .text .brief{ line-height:2.8rem; padding-bottom:1.5rem; font-size:1.5rem; }
	.about .text .brief *{ font-size:1.5rem !important; }
	.about .text .btn{ height:4rem; width:10rem; line-height:4rem; margin:1.3rem auto 5rem; font-size:1.3rem; }
		
	.data-bg{  }
	.data.p1{ padding-top:5rem; padding-bottom:5rem; }
	.data .item{ width:21%; margin:0 2%; }
	.data .item .m_pic{ width:auto; }
	.data .item .m_pic .x{ font-size:3rem; }
	.data .item .m_pic .x span{ font-size:1.1rem; }
	.data .item .name{ font-size:1.1rem; padding-top:1.2rem; }
	.data .item:hover .m_pic{ background-image:url(../images/10-2.png); }
	.data .item:hover .m_pic .x,
	.data .item:hover .m_pic .x font{ color:#fff; }
	
	.news-bg{ background:#F2F5FA; }
	.news.p1{ padding-bottom:3.75rem; }
	.news .list{ display:table-cell; vertical-align:top; }
	.news .list .item{ padding-bottom:40px; display:table; }
	.news .list .item .date{ width:5.625rem; padding-right:1.5rem; }
	.news .list .item .date .p{ height:auto; width:5.625rem; border-radius:3px; }
	.news .list .item .date .m{ font-size:1.5rem; line-height:2.4rem; margin:0 6px; }
	.news .list .item .date .d{ font:2.6rem/4rem sans-serif; }
	.news .list .item .text .name a{ font-size:1.6rem; }
	.news .list .item .text .brief{ font-size:1.4rem; line-height:1.9rem; margin:10px 0; max-height:3.4rem; overflow:hidden;}
	.news .list .item .text .btn{ font-size:1.4rem; margin:10px 0; padding:7px 20px; border-radius:3px; border-color:#0080cc; }
	
	.news.p2{ padding-top:30px; padding-bottom:30px; }
	.news .bar{ padding:2rem 0; }
	.news .bar .text{ padding-right:2rem; padding-left:1rem;  }
	.news .bar .text .name{ font-size:1.5rem; margin-bottom:1rem; max-width:24rem; }
	.news .bar .text .brief{ font-size:1.3rem; line-height:2rem; height:4rem; }
	.news .bar .date{ width:6rem; padding:0 0 0 2rem; }
	.news .bar .date .m{ font-size:2rem; }
	.news .bar .date .Y{ font-size:1.3rem; }
	.news .bar .icon{ padding-right:1rem; width:1rem; background:url(../images/13-1.png) no-repeat 0 50% / 1rem auto; }
	.news .bar .icon>div{ width:1rem; height:2rem; }
	.news .bar:hover{ background:none; }
	.news .bar:hover *{ color:#333 !important; }
	.news .bar:hover .text .brief{ color:#888 !important; }
	.news .bar:hover .date{ border-color:#ccc; }
	.news .bar:hover .date .m{ color:#0080cc !important; }
	.news .bar:hover .date .Y{ color:#666; }
	.news .bar:hover .icon{ background-image:url(../images/13-1.png); }
		
	.news-nav{ padding:2rem; }
	.news-nav .a1{ font-size:1.2rem; padding:8px 2rem; }
	
	.technical{ padding-bottom:0; padding-top:2rem; }
	.technical .item{ width:50%; }
	.technical .item .box{ display:table; height:100%; width:100%; }
	.technical .item .box>div{ display:table-cell; height:100%; width:100%; vertical-align:middle; }
	.technical .item .bg{ background:#333; opacity:0.5; z-index:1; display:block; }
	.technical .item .text .name{ font-size:3rem; padding-bottom:1rem; }
	.technical .item .text .brief{ font-size:1rem;line-height:2rem; height:4rem; }
	
	.service{ padding:3.75rem 0; }
	.service .text{ }
	.service .text .name{ font-size:1.9rem; line-height:2.5rem; }
	.service .text .conbox{ font-size:1.4rem; line-height:2.8rem; padding:1.7rem 0 2.5rem; }
	.service .text .conbox *{ font-size:1.4rem !important; }
	.service .text .btn{ font-size:1.4rem; height:3.125rem; width:10rem; line-height:3.125rem; margin-top:3.125rem; }
	.service .text .btn:hover{ color:#fff; background:#0080cc; }
	.service .img{ vertical-align:top; /*padding-top:3.125rem;*/ }
	
	.value.bor{ padding-top:1.815rem; padding-bottom:3.125rem; }
	.value .item .box{ padding:1.6rem 0; }
	.value .item .m_pic{ height:8rem; margin:0 16%; }
	.value .item .m_pic img{ max-height:60%; max-width:60%; }
	.value .item .name{ font-size:1.2rem; padding:0 0; }
		
	.product.bor{ padding-top:1rem; padding-bottom:2rem; }
	.product .list{ width:50%; margin-bottom:2rem; }
	.product .list .name{ font-size:1.3rem; padding:1rem 0; }
	.product .list .brief{ font-size:1rem; height:6rem; line-height:2rem; }
	
	.cate-nav{ height:3.75rem; line-height:3.75rem; margin:3rem 0; }
	.cate-nav ul{ display:table; }
	.cate-nav li{ width:226px; border-left:4px solid #fff; display:table-cell; }
	.cate-nav li:last-child{ border-right:4px solid #fff; }
	.cate-nav li a{ font-size:1.4rem; }
	
	.case.p2{ margin-top:3.75rem; margin-bottom:6rem; }
	.case .list{ width:33.333%; }
	.case .list.null-4{ display:none; }
	.case .list.null-6{ display:none; }
	.case .list.null-5{ display:none; }
	.case .list .box.b1{ background:none; }
	.case .list .box.b2{ background:none; }
	.case .list .box.b3{ background:#f8f8f8; }
	
	.instance-detail{ display:block; padding:3rem 0; }
	.instance-detail .con{ display:block; padding-right:0; }
	.instance-detail .con .name{ font-size:1.8rem; line-height:3rem; padding-bottom:1.5rem; }
	.instance-detail .con .date{ font-size:1.2rem; padding-bottom:1.5rem; }
	.instance-detail .con .fx{ padding-bottom:2rem; }
	.instance-detail .con .fx .bdsharebuttonbox a{ height:24px; width:24px; margin:0 7px 0 0; }
	.instance-detail .con .conbox{ padding:2rem 0; }
	.instance-detail .side{ display:block; width:auto; }
	.instance-detail .side .box{ width:auto; }
	.instance-detail .side .box .t{ padding:2rem 0; font-size:1.8rem; }
	.instance-detail .side .box .t font{ font-size:1rem; }
	.instance-detail .side .box .l{ padding:0 1.5rem; }
	.instance-detail .side .box .l .item{ padding:1.8rem 0; min-height:75px; }
	.instance-detail .side .box .l .item .img{ width:94px; height:75px; }
	.instance-detail .side .box .l .item .txt{ padding-left:110px; }
	.instance-detail .side .box .l .item .txt .name{ font-size:1.5rem; line-height:2rem; margin-bottom:4px; }
	.instance-detail .side .box .l .item .txt .brief{ font-size:1.3rem; height:auto; line-height:2.2rem; }
	
	.product.bor{ padding-top:1.8rem; padding-bottom:3rem; }
	.product .item{ margin-top:1.8rem; }
	.product .item .m_pic{ width:15rem; }
	.product .item .m_pic img{ max-width:15rem; }
	.product .item .text{ padding-left:1.8rem; }
	.product .item .text .name{ font-size:1.5rem; line-height:2rem; padding-bottom:0.8rem; max-height:4rem; }
	.product .item .text .brief{ font-size:1.2rem; line-height:2rem; max-height:inherit; }
	
	.history{ padding-bottom:3rem; }
	.history .text{ font-size:1.4rem; line-height:2.2rem; padding:3.2rem 1rem 1.8rem; }
	.history .text font{ font-size:1.6rem; }
	.history .text:before, .history .text:after{ width:1rem; height:1rem; top:1.5rem; left:1rem; background-size:100% 100%; }
	.history .text:after{ left:auto; right:1rem; display:none; }
	
	.feedback{ display:block; }
	.feedback .i{ width:100%; margin-left:0; margin-bottom:2rem; }
	.feedback .i.no{ margin-left:0; }
	.feedback .i label{ height:20px; padding:8px 9px; }
	.feedback .i label input{ height:20px; line-height:20px; font-size:1.4rem; }
	.feedback .t{ padding:8px 9px; margin-bottom:2rem; }
	.feedback .t textarea{ height:15rem; line-height:2rem; font-size:1.4rem; }
	.feedback .btn{ margin:2rem auto 8rem; height:36px; width:140px; font-size:16px; line-height:36px; }
	.feedback .btn:hover{ background:#fff; color:#0080cc; }
	
	.footer .nav{ width:100%; text-align:center; }
	.footer .nav .li .a1{ font-size:1.5rem; }
	.footer .nav .li .a2{ font-size:1.3rem; }
	.footer .info{ max-width:100%; width:100%; text-align:center; }
	
	.footer .wrap{ padding-top:3.125rem; }
	.footer .logo{ padding-bottom:3.125rem; }
	.footer .logo img{ height:5rem; max-height:67px; }
	.footer .nav .li .a1{ font-size:1.7rem; margin-bottom:1.25rem; }
	.footer .nav .li .a2{ font-size:1.3rem; line-height:1.6rem; }
	.footer .info .a1{ font-size:0; margin-bottom:1.25rem; padding-top:2rem; }
	.footer .info .a2{ font-size:1.3rem; line-height:2rem; }
	.footer .info .a2 font{ font-size:1.5rem; }
	.footer .info .a2 div{ display:inline; font-size:1.3rem; }
	.footer .info .a2 div:after{ content:' :'; color:#fff; }
	.footer .info .qr{ height:auto; padding:10px 0; display:none;}
	.footer .info .qr .a{ width:15rem; height:15rem; margin:1rem auto; float:none; }
	.footer .info .qr .b{ font-size:1.2rem; line-height:2rem; margin-top:1rem; float:none; }
	.footer .info .fx{ font-size:1.2rem; display:inline-block; }
	.footer .copyright{ line-height:2rem; margin-top:30px; padding:2rem 0; text-align:center; }
	.footer .copyright div{ font-size:1rem; width:100%; }
	.footer .copyright div.fl{ font-size:1.3rem; padding-bottom:1rem; }
	
	/*分页*/
	#turn_page{text-align:center; height:2.5rem; padding:3.75rem 0; }
	#turn_page *{font-size:1rem; margin:0 3px; padding:1rem 1.6rem;}
	
	#turn_page.page2{}
	#turn_page.page2 *{font-size:1rem; }
}
/* 窗口宽度<640,设计宽度=480 */
@media screen and (max-width:639px){
	
	.banner .hd .swiper-pagination-bullet{ height:8px; width:8px; border:2px solid #fff; }
	
	.conbox{ line-height:2.6rem; font-size:1.4rem !important; }
	.conbox *{ font-size:1.4rem !important; }

	.header-MH{ height:60px; }
	.header{ height:60px !important; line-height:60px !important; }]
	
	.address .item .text p{ font-size:1.1rem; background-size:1.2rem auto; line-height:1.6rem; }
	
	.culture.p1{ padding-top:3rem; padding-bottom:3rem; }
	.culture .item{ margin-top:2rem; }
	.culture .item .box{ padding:1.6rem 16%; }
	.culture .item .m_pic{ height:10rem; }
	.culture .item .name{ font-size:1.4rem; padding:1rem 0; color:#666; display:none;}
	
	.core{ margin:1.8rem 0 3.125rem; }
	.core .img .t{ height:10rem; margin-top:-5rem; padding:0 2rem; }
	.core .img .t>div h3{ font-size:1.8rem; }
	.core .img .t>div p{ font-size:1.4rem; }
	.core .txt li .icon{ padding-right:1.5rem; width:2rem; }
	.core .txt li .icon img{ width:2rem; }
	.core .txt li .text .name{ font-size:1.6rem; padding-bottom:1rem; }
	.core .txt li .text .brief{ font-size:1.3rem; line-height:2rem; height:auto; }
	
	.f-nav{ top:auto; bottom:20%; }
	.f-nav .i{ width:3.75rem; height:3.75rem; }
	.f-nav .i:hover .i-ap{ display:none; }

}
/* 窗口宽度<480,设计宽度=320 */
@media screen and (max-width:479px){
	
	.header .lang a{ font-size:1rem; }
	
	.footer .info .fx{ color:#fff; line-height:2rem; }
	.footer .fx a{ height:2rem; width:2rem; padding:0; margin:0 0 0 1rem; }

}
/* windows UI 贴靠 */
@media screen and (-ms-view-state:snapped){

}
/* 打印 */
@media print{

}