@charset "utf-8";
/* CSS Document */






/*手机站样式开始*/
@media screen and (max-width:740px)
{
	
	
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,span,dd,dt,b,c,e,a {

 -webkit-text-size-adjust:100%;

}
	
	
.pc-header{ display:none;}
.drawer-hamburger{ display:block;right: 16px;padding: 13px;}
.at-header .logo{ float:left;margin-top: 10px;margin-left: 4%;width: auto;}
.div2_1 .at-header .logo{ margin-top:10px;}
.at-header .logo img{ height:30px;}
.at-header{ height:50px;}
.div2_1 .at-header{ height:50px;border-bottom: 0px solid #eee;}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{ background:#000;}
.at-h-top{ display:none;}
.drawer--bottom.drawer-open .drawer-hamburger {right:200px;}
.drawer-nav{ height:60em;}
.drawer-open {overflow:auto !important;}
.drawer-menu{top:0%;}
.drawer-menu li{padding: 3% 20px;text-align: start;}
.drawer-menu-item b{ top:20px;}
.drawer-menu-item{ font-size:15px;}
.at-header{background: #f7f7f7;}

.index-xdy .in-logo{padding-top:50% !important;margin: 0 auto 5% !important;width:30% !important;}
.index-xdy dt{bottom:2% !important; }
.index-xdy p{ font-size:12px !important;}
.index-xdy a{ font-size:12px !important;}
.index-xdy dt .index-logo1{ width:20px !important;}

.banner{ padding-top:50px;height:40%;}

body .target.in-brand{ opacity:1;-webkit-transform: translate(0px,0px);}
.in-brand img{ width:100%;}
.in-brand dt{width: 90%;padding: 7% 5%;}
.in-brand dt span{font-size: 16px;margin-bottom: 2%;}
.in-brand dt font{width: 100%;font-size: 12px;line-height:16px;}
.in-brand dt a{ font-size:12px;}
.in-two a dt span{font-size: 16px;margin-top: 14%;}
.in-bottom{ padding-top:0%; padding:0 5%;}
.in-bottom dt{ width:48.5%; margin:0;float: left;margin-right: 3%;}
.in-bottom dt:nth-child(2n){margin-right:0;}
.footer h3 dd{ display:none;}
.footer h3 dl strong img{width:16%;margin: 0 auto;}
.footer h3 dl strong{margin: 0 auto;float: none;margin-left:0;}
.footer h3 dl{ float:none; margin-top:4%;}
.footer{ padding:5%;}
.footer h3{ margin-bottom:1em;}
.footer h3 dt{ float:none; display:none;}
.footer h3 dt img{margin: 0 auto;display: block;}

.in-two .target.in-two1{ opacity:1;-webkit-transform: translate(0px,0px);}
.in-two .target.in-two2{ opacity:1;-webkit-transform: translate(0px,0px);}
.in-bottom .target.in-bottom-d1{ opacity:1;-webkit-transform: translate(0px,0px);}
.in-bottom .target.in-bottom-d2{ opacity:1;-webkit-transform: translate(0px,0px);}
.in-two a{ width:100%;margin-bottom: 3%;}
.in-bottom dt span{ font-size:12px; margin-top:0.6em;}
.footer h3 dl strong span{ font-size:12px;}
.in-bottom-d3{ display:none !important;}

body .target.footer { opacity:1;-webkit-transform: translate(0px,0px);}



.page-product-banner{padding-top: 70px;}
.page-product-banner h3{ font-size:16px;}
.p-brand2 img{width: 90%;margin-left: 5%;}
.p-brand2 .p-brand2dt{width: 90%;left: 5%;position: relative;height:10.5em;}
.p-brand2 dt span{margin-left: 5%;margin-top:8.6%;}
.p-brand2 dt strong{width: 78%; margin-top:6%;}
.p-brand2 dt strong span{ font-size:16px;margin-bottom: 2.5%;}
.p-brand2 dt strong font{font-size: 12px;line-height:16px;letter-spacing: 0;}
.p-brand3 img{ width:90%;}
.p-brand3 dt{width: 90%;left: 5%;position: relative;height:7em;}
.p-brand3 dt strong{width: 78%; margin-top:0%;}
.p-brand3 dt span{margin-left: 5%;margin-top:8.6%;}
.p-brand3 dt strong span{ font-size:16px;margin-bottom: 2.5%;margin-top: 7%;}
.p-brand3 dt strong font{font-size: 12px;line-height:16px;}


.wrap{ margin:0;}
.in-video .index-3 .mask-txt i .txt{font-size:18px;margin-top: 24%;margin-bottom: 1rem;}
.in-video .index-3 .mask-txt i img{ width:14%;}
.in-video{padding-top: 50px; height:auto;}
.page-video-vi img{width:100%;margin: 0 auto 10%;}
.page-video-vi img:nth-child(2n){margin-right:0;}
.page-video-vi img:nth-child(12n){ margin-bottom:0;}
.page-video2 dt{ padding:0;width: 100%;position: relative;}
.page-video2 dd{ width:100%;}
.page-video2 dt .img1, .page-video2 dt .img2, .page-video2 dt .img3, .page-video2 dt .img4{margin: 0;width:100%;margin-bottom:10%;}
.page-video2 dd .img5{ width:100%; }
.page-video2 dt img:nth-child(2n){margin-right:0;}
.page-video3 dd{}
.page-video-vi{padding: 5% 10%;}
.page-video2 div{ width:80%;}



.pro-index div{width: 90% !important;}
.pro-index div img{ margin-left:0 !important; width:100% !important;}
.pro-index div dl dt span{font-size: 14px !important;margin-bottom:3px !important;}
.pro-index div strong{margin: 6% 0 0 0 !important; display:none !important;}
.pro-index dl dt font{ font-size:12px !important;}
.pro-index dl{ width:100% !important; padding-top:0 !important; margin-bottom:0 !important; }
.pro-index dl dt{ margin-left:0 !important;margin-bottom:3% !important;}
.pro-index .p-i-1{ height:330px;}
.pro-index .p-i-1 dl{top: 72% !important;}
.pro-index .p-i-2{ height:280px;}
.pro-index .p-i-2 dl{top: 84% !important;}
.pro-index .p-i-3{ height:290px;}
.pro-index .p-i-3 dl{top:80% !important;}
.pro-index .p-i-4{ height:290px;}
.pro-index .p-i-4 dl{top:80% !important;}















.page-news-list a h3{ display:none;}
.page-news-list a dt{ width:100%;}
.page-news-list a dt span{font-size: 12px;letter-spacing: 0;height: auto;}
.page-news-list a dt font{letter-spacing: 0;}
.page-news-list a:nth-child(4n), .page-news-list a:nth-child(5n), .page-news-list a:nth-child(6n), .page-news-list a:nth-child(7n)
{ width:100%;}
.page-news-list a:nth-child(6n){ margin-right:0;}
.page-news-list a:nth-child(11n), .page-news-list a:nth-child(12n), .page-news-list a:nth-child(13n), .page-news-list a:nth-child(14n)
{ width:100%;}
.page-news-list a:nth-child(18n), .page-news-list a:nth-child(19n), .page-news-list a:nth-child(20n), .page-news-list a:nth-child(21n)
{ width:100%;}
.page-news-list a:nth-child(8n), .page-news-list a:nth-child(9n), .page-news-list a:nth-child(10n){ width:100%;}
.page-news-list a:nth-child(15n), .page-news-list a:nth-child(16n), .page-news-list a:nth-child(17n){ width:100%;}
.Dg{width: 90%;margin: 0 auto;margin-top: 6%;font-size: 12px;}
.news_ct{width: 90%;margin: 0 auto;}
.news_ct h1{ font-size:16px;}
.ct_box p{ font-size:12px;}
.dp{ font-size:12px;}


.page-news-list a dt strong{ margin:2% 0;}
.page-news-list a{width: 100%;margin-right: 0;margin-bottom: 5%;}
.news-show .news-s-t{ width:90%;}
.news-show .news-s-t p img{ width:80%;}
.news-show .news-s-t p{font-size: 14px;line-height: 24px;}
.news-show .new-s-bottom dd{width: 100%;margin-bottom: 4%;}
.news-show .new-s-bottom dt{float: none;margin: 0 auto;}



.page-contact-left{ width:100%;height: auto;}
.page-contact-left h3{margin: 5% 5% 0;}
.page-contact-left h3 p{font-size: 22px;margin-bottom: 3%;}
.page-contact-left h3 font{font-size: 12px;line-height: 18px;}
.page-contact-left form{margin: 3% 5% 5%;}
.page-contact-left form input{ line-height:2em;}
.page-contact-left form .textarea_a{width: 98%;height: 6em;}
.page-contact-left form p input{ width:30%;}
.page-contact-left form p{ margin-bottom:0;}
.page-contact-left form b input{ text-indent:0;}
.page-contact-left form p img {height: 2.1em;}
.page-contact-wap{ width:100%;}
#dituContent{ height:400px !important;}


.pop .center{ display:none;}
.iw_poi_content{ display:none;}
.BMap_bubble_content{ display:none;}
.pop div{ display:none;}
.shadow img{ display:none;}







.p-brand2 .target.p-brand1-5{ opacity:1;-webkit-transform: translate(0px,0px);}
.p-brand2 .target.p-brand2dt{ opacity:1;-webkit-transform: translate(0px,0px);}
.p-brand3 .target.p-brand1-12{ opacity:1;-webkit-transform: translate(0px,0px);}
.p-brand3 .target.p-brand3dd{ opacity:1;-webkit-transform: translate(0px,0px);}
.p-brand2 .target.p-brand1-6{ opacity:1;-webkit-transform: translate(0px,0px);}
.p-brand2 .target.p-brand1-7 { opacity:1;-webkit-transform: translate(0px,0px);}
.p-brand2 .target.p-brand1-8{ opacity:1;-webkit-transform: translate(0px,0px);}
.p-brand2 .target.p-brand1-9{ opacity:1;-webkit-transform: translate(0px,0px);}
.p-brand3 .target.p-brand1-13{ opacity:1;-webkit-transform: translate(0px,0px);}
.p-brand3 .target.p-brand1-14{ opacity:1;-webkit-transform: translate(0px,0px);}
body .target.in-video{ opacity:1;-webkit-transform: translate(0px,0px);}
.page-video-vi .target.img1{ opacity:1;-webkit-transform: translate(0px,0px);}
.page-video-vi .target.img2{ opacity:1;-webkit-transform: translate(0px,0px);}
.page-video-vi .target.img3{ opacity:1;-webkit-transform: translate(0px,0px);}
.page-video-vi .target.img4{ opacity:1;-webkit-transform: translate(0px,0px);}
.page-video-vi .target.img5{ opacity:1;-webkit-transform: translate(0px,0px);}
.page-video-vi .target.img6{ opacity:1;-webkit-transform: translate(0px,0px);}
.page-video-vi .target.img7{ opacity:1;-webkit-transform: translate(0px,0px);}
.page-video-vi .target.img8{ opacity:1;-webkit-transform: translate(0px,0px);}
.page-video-vi .target.img9{ opacity:1;-webkit-transform: translate(0px,0px);}
.page-video-vi .target.img10{ opacity:1;-webkit-transform: translate(0px,0px);}
.page-video-vi .target.img11{ opacity:1;-webkit-transform: translate(0px,0px);}
.page-video-vi .target.img12{ opacity:1;-webkit-transform: translate(0px,0px);}
body .target.page-video2{ opacity:1;-webkit-transform: translate(0px,0px);}
.page-video1-4 .target.img1{ opacity:1;-webkit-transform: translate(0px,0px);}
.page-video1-4 .target.img2{ opacity:1;-webkit-transform: translate(0px,0px);}
.page-video1-4 .target.img3{ opacity:1;-webkit-transform: translate(0px,0px);}
.page-video1-4 .target.img4{ opacity:1;-webkit-transform: translate(0px,0px);}
.page-video3 .target.img1{ opacity:1;-webkit-transform: translate(0px,0px);}
.page-video3 .target.img2{ opacity:1;-webkit-transform: translate(0px,0px);}
.page-video3 .target.img3{ opacity:1;-webkit-transform: translate(0px,0px);}
.page-video3 .target.img4{ opacity:1;-webkit-transform: translate(0px,0px);}
.page-video2 .target.img5{ opacity:1;-webkit-transform: translate(0px,0px);}
.pro-index .target.p-i-1{ opacity:1;-webkit-transform: translate(0px,0px);}
.pro-index .target.p-i-2{ opacity:1;-webkit-transform: translate(0px,0px);}
.page-news-list .target.page-news-lista{ opacity:1;-webkit-transform: translate(0px,0px);}



.pro-index .target.p-i-3{ opacity:1;-webkit-transform: translate(0px,0px);}
.pro-index .target.p-i-4{ opacity:1;-webkit-transform: translate(0px,0px);}




}


/* ipad 竖向样式 */
@media only screen and (min-width: 750px) and (max-width: 1000px)
{
	
.index-xdy dt .index-logo1{ width:30px !important;}	
.index-xdy .in-logo {width: 16% !important;margin: 0 auto 3% !important;padding-top: 36% !important;}	
	
	
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,span,dd,dt,b,c,e,a {

 -webkit-text-size-adjust:100%;

}
	
	
.pc-header{ display:none;}
.drawer-hamburger{ display:block;right: 16px;padding: 13px;}
.at-header .logo{ float:left;margin-top: 10px;margin-left: 4%;width: auto;}
.div2_1 .at-header .logo{ margin-top:10px;}
.at-header .logo img{ height:30px;}
.at-header{ height:50px;}
.div2_1 .at-header{ height:50px;border-bottom: 0px solid #eee;}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{ background:#000;}
.at-h-top{ display:none;}
.drawer--bottom.drawer-open .drawer-hamburger {right:200px;}
.drawer-nav{ height:60em;}
.drawer-open {overflow:auto !important;}
.drawer-menu{top:0%;}
.drawer-menu li{padding: 3% 20px;text-align: start;}
.drawer-menu-item b{ top:20px;}
.drawer-menu-item{ font-size:15px;}
.at-header{background: #f7f7f7;}
	
	
	
.banner{ padding-top:50px;height: 40%;}	
.in-brand dt span{font-size: 19px;margin-bottom: 3%;}	
.in-brand dt font{width: 100%;font-size: 14px;line-height: 20px;}	
.in-brand dt a{ font-size:13px;}	
.in-brand dt{padding: 4% 5%;}	
.in-two a dt span{ font-size:17px;}	
.footer h3 dd{ display:none;}	
.footer h3 dt{float: none;margin: 0 auto;text-align: center;} 	
.footer h3 dl strong img{display: inline-block;width: 60px;}	
.footer h3 dl{float: none;text-align: center;margin-top: 2%;}	
.footer h3 dl strong{float: none;margin-left: 0;}	
.footer{ padding-top:5%;}	
.page-product-banner{ padding-top:80px;}	
.page-product-banner h3{ font-size:19px;}	
.p-brand2 dt{ width:60%; left:5%;}	
.p-brand2 dt span{ margin-left:6%;margin-top: 6%;}	
.p-brand2 dt strong{margin: 4% 0 0 0;width: 76%;}	
.p-brand2 dt strong span{font-size: 17px;margin-bottom: 2%;}	
.p-brand2 dt strong font{line-height: 20px;letter-spacing: 0px;}	
.p-brand3 dt{width: 55%;height:40%;}	
.p-brand3 dt strong span{font-size: 17px;margin-bottom: 2%;}	
.p-brand3 dt strong font{font-size: 14px;line-height: 20px;letter-spacing: 0;}	
.p-brand3 dt strong{ margin-top:5%;}	
.p-brand3 dt span{ margin-top:7%;}	
	

.wrap{ margin:0;}
.in-video .index-3 .mask-txt i .txt{ font-size:23px;margin-top: 18%;}
.in-video{ height:40%;}
.in-video .index-3 .mask-txt i img{ width:6%;}
.pro-index .p-i-1 dl dt span{ font-size:19px;}
.pro-index .p-i-1 dl dt font{ font-size:14px;}
.pro-index .p-i-1 strong{ margin-top:5%;}
.pro-index .p-i-2 dl dt span{ font-size:19px;}
.pro-index .p-i-2 dl dt font{ font-size:14px;}
.pro-index .p-i-2 strong{ margin-top:5%;}
.pro-index .p-i-3 dl dt span{ font-size:19px;}
.pro-index .p-i-3 dl dt font{ font-size:14px;}
.pro-index .p-i-3 strong{ margin-top:5%;}
.pro-index .p-i-4 dl dt span{ font-size:19px;}
.pro-index .p-i-4 dl dt font{ font-size:14px;}
.pro-index .p-i-4 strong{ margin-top:5%;}
.page-news-list a h3{ width:16%;}
.page-news-list a dt{ width:78%;}
.page-news-list a dt strong{ display:none;}
.page-news-list a dt span{height: auto;letter-spacing: 0;}
.news-show .news-s-t{ width:90%;}
.news-show h4{font-size: 14px;margin-bottom: 1%;}
.news-show .news-s-t p{font-size: 14px;line-height: 20px;}









	
}




/*ipad 横向样式*/
@media only screen and (min-width: 956px) and (max-width: 1268px)
{
.banner{ height:50%;}	
.in-brand dt span{font-size: 21px;margin-bottom:3%;}	
.in-brand dt font{font-size: 15px;line-height: 24px;}	
.in-brand dt a{ font-size:13px;}	
.in-two a dt span{ font-size:19px;}	
.at-header .logo img {height:36px;}	
.at-header .logo{ margin-top:17px;}	
.page-product-banner{ padding-top:100px;}	
.page-product-banner h3{ font-size:21px;}	
.p-brand2 dt strong span{ font-size:19px;}
.p-brand3 dt strong span{ font-size:19px;}
.page-product-banner h3 span{ margin-bottom:2%;}
.wrap{ margin:0;}
.in-video{ height:70%;}
.in-video .index-3 .mask-txt i .txt{ font-size:26px;}
.pro-index .p-i-1 dl dt span{ font-size:19px;}
.pro-index .p-i-1 dl dt font{ font-size:15px;}
.pro-index .p-i-2 dl dt span{ font-size:19px;}
.pro-index .p-i-2 dl dt font{ font-size:15px;}
.pro-index .p-i-3 dl dt span{ font-size:19px;}
.pro-index .p-i-3 dl dt font{ font-size:15px;}
.pro-index .p-i-4 dl dt span{ font-size:19px;}
.pro-index .p-i-4 dl dt font{ font-size:15px;}
.page-news-list a dt span{ height:40px;}
.news-show .news-s-t{ width:90%;}
.news-show .news-s-t p {line-height: 24px;font-size: 15px;}







	
	
	
	
	
	
}