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

@media (max-width:1200px){
.contactMap .taiwan{ position:absolute;right: 300px;}
.contactMap .taiwan img{ width:95%;}
.model03 dt a img{}
.topnav li{ width:100px;}
.w1200{ padding:0 1%; width:98%;padding-left：1%;}
.model02,.model03{padiing:0 1%;}
.topnav li{ margin:0 2%;}
.topnav li a{ text-align:center; font-size: 16px;padding:0 10%;  width: 100%;}
.model01 img{width: 100%;}

.pro-banner img{ width:100%;}
.pro-model04 img{ width:100%;}
.pro-model02{ background-size:100% 100%;}
.pro-model07 img{ width:100%;}
.pro-model09 dt a{ width:100%; height:auto;}
.pro-model09 dl dt img{ width:100%;}

.pro-model01 img{ width:100%;}
.w618{ width:90%;}
/**/
.topbgbanner{ width:100%;}
.eliteListSelect ul li{ width:18%;}
.eliteListSelect ul li a{ width: 100%;}
/**/
.DynamicBody img{ width:55%;}
.DynamicBody .right_content img{width:inherit;}
/**/
.DynamicListHead .tabContainer .tabItem dl dt img{ width:100%;}
.DynamicListHead .tabContainer dl dt{ width:33%}
.DynamicListHead .tabContainer dl dd{ width:64%;}
/**/
.income ul li{ width:30%;  margin-right: 3%;}
.precept{ width:42%; margin-right:6%;}
.need{ width:42%; margin-left:6%;}

.product ul li{  width: 31.3%;}
.product ul li p{ width:94%;  text-align: center;}
.DynamicListMain .topbannerList{ height:inherit;}
/**/  
.caseTable dl{ width: 30%; height:100%; margin-left:1%; margin-right:1%; overflow:hidden; margin-bottom:5%;}
.caseTable dl dt{ width:99%;}
.caseTable dl dt img{ width:100%;}
.caseTable dl dd{ width:100%;}

.first{ background-size:100% 100%;}
.second{ width:100%; height:inherit;}
.third{ width:100%; margin-top:8%; margin-bottom:5%;height:inherit;padding-bottom: 100px;  background-size: 100% 100%; }
.fourth{  width:100%; height:inherit;}
.fifth{  width:100%;height:inherit;}
.sixth{  width:100%;}

.second .title-one{ margin:8% 0;}
.fourth h1{ padding-top:5%;}
.fifth{ background-size:100% 100%; height:400px;}

.fourth{ padding-bottom:10%;}
/*search*/


.milestoneTitle p{ width:100%; margin:0 auto 50px;}
.milestoneBody{ margin-left:0;  width:66%; margin:0 auto;}
/**/
.contactMap iframe{ margin:0 auto;}
.contactList{ width:48%;}
.contactMap{ margin-top:10px;}
.contactMap p{ font-size:18px; font-weight:700;}
.DynamicMain .topbgbanner{height:inherit;}
.DynamicListMain .topbgbanner{height:inherit;}
.case .topbgbanner{height:inherit;}
.model01 .list dd p{overflow:hidden;     display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.eliteListSelectList dl{ width:100%;}

.eliteLIstTitle{ margin-top:5%;}
.eliteLIstTitle h1{ font-size:24px;}
.eliteLIstTitle p{ margin-left:0; line-height:24px; font-size:14px;}
.eliteListSelect{ margin-top:3%;}
.eliteListSelectList dl{ width:99%;}
.eliteListSelectList dl dt { margin-right:3%; width:20%}
.eliteListSelectList dl dt img{ width:100%;}
.eliteListSelectList dl dd{ width:76%;}
.tabItemListT{ width:100%;}
.model01{margin-left:0;}
.r_top{ right:26%;}


/*12.3*/
.p-right{ padding-right:4%;}
.indexBanner1 .slidesjs-navigation{ background-size:70%; top:34%;}

}
@media (max-width:1120px){
.contactMap .taiwan{ position:absolute;right: 26%;}
.contactMap .taiwan img{ width:85%;}
.r_top{ right:18%;}
.indexBanner1 .slidesjs-navigation{}
}
@media (max-width:999px){
  .contactMap .taiwan{ position:absolute;right: 24%; }
.contactMap .taiwan img{ width:80%;}
  
  .topnav li{ width:80px;}
.footwrap .footnav{ width:72%;}
.footwrap .footnav dl{ width:20%!important;}

.pro-model09 img,.model02 img{width: 100%;}
.pro-model06 img,.share img {width: inherit;}
.indexBanner{height:auto;}
.indexBanner img{width:100%;height:auto;}
.indexBanner .slidesjs-container{height:auto !important;}


.bannerTel{ height:30px;}
.bannerTel p{ line-height:30px; font-size:18px; background-size:12%; margin-right:3%; padding-left:26px;}
.indexBanner .slidesjs-pagination{ bottom:6px}

.indexBanner1 .slidesjs-pagination{ bottom:6px}
.w1200{ padding:0 1%; width:98%;}
.subnav .subname li a{ font-size:14px;}
.model01 .list dd p{ font-size:12px;overflow:hidden;}
.model02,.model03{padding:0 1%;}

.pro-model08 .start{left: -5%; top:70px;}
.pro-model08 .over{right:-5%;}
.pro-model02 .w618{  padding-top: 8%;}
.pro-model02{ height:inherit;padding-bottom:12%;}
/**/
.eliteLIstTitle{ margin-top:5%;}
.eliteLIstTitle h1{ font-size:24px;}
.eliteLIstTitle p{ margin-left:0; line-height:24px; font-size:14px;}
.eliteListSelect{ margin-top:3%;}
.eliteListSelectList dl{ width:99%;}
.eliteListSelectList dl dt { margin-right:3%; width:20%}
.eliteListSelectList dl dt img{ width:100%;}
.eliteListSelectList dl dd{ width:76%;}
.tabItemListT{ width:100%;}
/**/
.DynamicListHead .tab ul{ width:90%;margin-top:20px;}
.DynamicListHead .tabContainer dl{ width:100%;}
.DynamicListHead .tabContainer dl dt{ width:32%}
.DynamicListHead .tabContainer dl dd{ width:64%;}
.DynamicListHead .tabContainer dl dd p{margin-bottom:24px;}
.DynamicListHead .tabContainer .tabItem h2{margin-bottom:2%;}
.DynamicListHead .tabContainer dl dd h2{ margin-top:0;}
.DynamicListHead .tabContainer .tabItemContent p{ margin-right:22px;}
.DynamicListHead .tabContainer dl dd h4{ margin-right:0;}
/**/

.need{width:35%;margin-left:6.3%}
.precept{width:35%;margin-right:6.3%}
.demand{background:none}
.income ul li{margin-right:12.5%;width:25%;}
.income ul li br{display:none}
.income ul li p{text-align:left}
.product ul li{  width: 30.3%;}

/**/
.fifth{ background-size:180% 180%; height:200px;}

/*.first{ height:200px;}*/
.second{ margin-top:20px;}
.sixth h2{ margin:10% 0;}
.sixth{ margin-bottom:10%;}
/*search*/
.text{ width:100%;}
.search p{ width:98%;}
.pageList{margin-left:auto;margin-right:auto;margin-top:20px; margin-bottom:30px;}
.w1129{ width:90%;}
.title{ margin:10px 0 0 0;}
/**/
.milestoneTitle p{ width:80%;}
.milestoneBody{ width:66%;}
.milestoneContent1{ width:90%;}
/**/
.contactList p{ line-height:26px;}
.case p img{ height:inherit;}
.fifth .w786{ padding-top:6px;}
.model01 .list dd h5{height:36px; overflow:hidden;}
.model01 .list dd h5{}
/*11.31*/
.eliteListSelectList .tabItem .PCI{width:90%;}
.r_top{ right:2.4%;}

/*12.3*/
.milestoneContent1 p{width:90%;}
}

@media (max-width:960px){
.casedaoh{ width:200px; }

.caseMenu .casea{ padding-top:8px; padding-bottom:8px; padding-left:30px; width:170px; font-size:16px; }
.casedaoh2{right:201px;}
.casedaoh2 { width:200px;}
.caseMenu2 a{ padding-right:15px; padding-left:15px; width:170px;font-size:16px; padding-top:8px; padding-bottom:8px;}



}

@media (max-width:900px){
  
  .contactMap .taiwan{ position:absolute;right: 24%; bottom:170px;}
.contactMap .taiwan img{ width:80%;}
.first{ height:400px;}
.caseTable dd{height:142px;}
.model02 dt, .model03 dt{ margin-right:10px;}
.model02 dd .MBP, .model03 dd .PCP{ line-height:20px;    
   /* height: 56px;
    overflow: hidden;
  display: -webkit-box!important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;*/
}
.model02 dd h3 a, .model03 dd h3 a{ line-height:22px;}
}

@media (max-width:768px){
.caseTable dd a{ height:48px; display:inline-block;}

  .first{ height:300px;}
  .contactMap .taiwan{display:none;}
  .milestoneContent p{width:100%;}
  .milestoneContent1 p{width:96%;}
  .top .weixin{ top:42px; right:0px;}
.pcbanner{display:none !important;}
.mobilebanner{display:block!important;}
.indexBanner .slidesjs-previous{background-size:60% 60%;}
.indexBanner .slidesjs-next{background-size:60% 60%;}
.indexBanner .slidesjs-pagination{left:35%;bottom:5px;}
.footnav,.foottel{display:none;}
.foottel2{display:block;}
.footbar1{ display:none;}
.footbar2{ display:block; padding-top:10px; padding-bottom:10px;}

.search-txt{display:none;}
.top .search{width:20px;}
.top .search-btn{display:block;  background-size: 100% 100%;  width: 30px;  height: 30px; right:0; top:4px;}
.top .search-btn1{ display:none;}
.topnav{ display:none;}
.case-nav{ display:block;}
.top .wechat{margin:32px 15px 0px 30px}
.wechat a .icon-wechat{ width:38px;}
.footwrap{  padding: 10px 0 10px;}
.model01 h1 a,.model02 h1 a,.model03 h1 a{ margin:20px 0 10px 0;}

.w618{ width:85%;}
.w618 h1{font-size:24px;}
.pro-model08 img{ width:8% }
.pro-model06 dl{ width:48%; margin:10px 0;}
.pro-model08 .start{left: -8%; top:31px;}
.pro-model08 .over{right:-8%;}
.pro-model02 .w618{  padding-top: 8%;}
/**/
.tabItemListT h4{  padding-bottom: 3%;  padding-top: 2%;}
.recommend{ margin-top:1%}
.recommend h5{ margin-top:4%;}
/**/
.DynamicBody img{ width:70%;}
.DynamicHead h1{ font-size:30px;}
.DynamicHead h2{ font-size:14px; margin-bottom:5%;}
.DynamicHead h3, .DynamicHead h4{ font-size:20px;}
.DynamicBody p{ margin-bottom:2%;}
.DynamicBody img{ margin-top:5%;}
.DynamicBody .right_content img{width:inherit; margin-top:0;}
/**/
.DynamicListHead .tab ul{margin-top: 30px;}
.DynamicListHead .tabContainer dl dd p{ font-size:12px; margin-bottom:4%; height:46px; overflow:hidden;}
.DynamicListHead .tabContainer .tabItem dl dd h2 a{ font-size:14px;}
.DynamicListHead .tabContainer dl dd h3{font-size:12px;}
.DynamicListHead .tabContainer dl dd h4 a{font-size:12px;}
.DynamicListHead .tab ul li{ width:25%}
.DynamicListHead .tabContainer .tabItemContent{ font-size:14px;}
/*case*/
.demand .title p,.customer .title p,.income .title p{ width:98%;font-size:30px;line-height:30px}

.need{width:98%; margin:0;}
.precept{width:98%; margin:0;}
.income ul li{width:300px;float:none;margin:30px auto 0}
.income ul{text-align:center;margin-top:0px}
.income ul li h1{margin-top:25px}
.income ul li:last-child{margin:30px auto 0}
.customer{margin-bottom:50px;margin-top:45px}
.income .title p{margin-top:35px}
.income ul{margin-bottom:60px}
.precept .content p{ text-align:center; width:80%; margin:0 auto;}
.precept .content p:first-child{ margin:17px auto 0!important;}
.w745{ width:95%;text-align:center;}
.need .content{  width:85%; margin:0 auto; text-align:center;}
.product ul li{ width:99%;}
.fourth{ padding-bottom:10%;}
.sixth ul{ width:316px; margin:0 auto;}
.sixth li{ float:none; margin-bottom:2px;}
.sixth li p{ width:100%;}
.w650{ width:95%}
.w786{ width:90%}
.second .title-one{ margin-top:0; margin-bottom:20px;}
/*search*/  
.search p{ width:96%;}
.search2{ left:69%;}

.milestoneMain{padding-top:30px;  font-size: 32px; padding-bottom:40px;  width: 100%;}
.milestoneBody{ width:98%;}
.milestoneContent1{  width: 86%; padding-right: 3%;}
.milestoneContent{ padding-left:54px;}
.milestoneItem .milestoneIcon{ margin-left:58px;}
/**/
.contactMap iframe{ display:none;}
.mapjt{ display:block; padding-left:3%; padding-right:6%; margin:30px 0 30px 0;}
.mapjt img{ width:90%;}
.contactList{ width:100%;}


.pro-model03{ padding-top:20px; padding-bottom:20px;}
.pro-model05{ padding-top:20px; padding-bottom:20px;}

.PCP{display:none!important;}
.MBP{display:block!important;}
.PCA{display:none!important;}
.MBA{display:block!important;}
.PCI{display:none!important;}
.MBI{display:block!important;  width: 100%;}
.jionfirst p{padding-top:48px;}


/*手机导航尺寸*/
.casedaoh{ width:130px; }

.caseMenu .casea{ padding-top:4px; padding-bottom:4px; padding-left:15px; width:115px; font-size:16px; }
.casedaoh2{right:131px;}
.casedaoh2 { width:130px;}
.caseMenu2 a{ padding-right:15px; padding-left:15px; width:100px;font-size:16px;}

.caseTable dd{ height:130px;}

/*11.30*/
.eliteListSelectList .tabItem .MBI{  width:100%;}
.model03 dt a img{ height:inherit;}
.caseTable dd .PCP{}
.caseTable dd .MBP{ height:58px; overflow:hidden;    display: -webkit-box!important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
}




/*12.3*/
.p-right{ padding-right:4%;}
.milestoneItem .milestoneIcon{ width:inherit;}
.model02 dl .PCI{display:block!important;}
.model02 dl .MBI{display:none!important;}
.model02 dt{ width:35%;}
.tabItem dt .PCI{display:block!important;}
.tabItem dt .MBI{display:none!important;}

.eliteListSelectList .tabItem dt .PCI{display:none!important;}
.eliteListSelectList .tabItem dt .MBI{display:block!important;}


.model02 dd .MBP, .model03 dd .MBP{ line-height:18px;    
    height: 56px;
    overflow: hidden;
  display: -webkit-box!important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.model02 dd h3 a, .model03 dd h3 a{ line-height:22px;}
.model02 dt, .model03 dt{ margin-right:10px;}

.indexBanner .slidesjs-container{height:initial!important;}
.indexBanner{ height:initial;}
.slidesjs-control{ height:initial;}
.top .search-btn2{ display:none;}
/*
.indexBanner1{ display:none!important;}
.indexBanner{display:block!important;;}
*/
}


/*12.3*/
@media (max-width:620px){
.p-right{ padding-right:5.7%;}

}


@media (max-width:550px){
.DynamicListHead .tabContainer .tabItem dl dd h2 {height:20px;overflow:hidden;}
}



@media (max-width:480px){
.model02 h1 a,.model03 h1 a{background-size:20% 1px;}
.title{ margin:0px 0 0 0;}
.backTop{ display:block; position:fixed; top:88%; right:5%; z-index:999999;}
.bannerTel{ height:30px;}
.bannerTel p{ line-height:30px; font-size:12px; background-size:15%; margin-right:3%;padding-left:20px;}
.indexBanner .slidesjs-pagination{ bottom:0px}
.logo{float: left}
.logo a img{ height:40px}
.case-nav{margin:0px;}
.top .wechat{    margin: 16px 7px 0px 9px;}
.top .search{ margin:14px 0 0 0;}
.top{  height: inherit;}
.indexBanner .slidesjs-previous{ background-size:40% 40%; left:2%;}
.indexBanner .slidesjs-next{ background-size:40% 40%; right:-3%;}
.indexBanner .slidesjs-pagination li a{ background-size:100%!important;}
.indexBanner .slidesjs-pagination li{ margin:0 0px;}
.indexBanner .slidesjs-pagination li a{width:14px;}
.indexBanner .slidesjs-pagination{left:40%;bottom:0;}
.model01 .list{ width:98%; padding:0 1%;}  
.model01 .list h2{ margin:10px 0 20px 0;padding-bottom:10px;}  
.model01 img{height:200px;}
.model01 .list dd{padding:10px;}
.model01 .list dd h5 a{ font-size:14px;}
.model01 .list dd p{ line-height:18px; height:inherit;}
.model01 .list h2 a{ font-size:16px;}
.model02{ margin-bottom:10px;}
.model02 dl{ width:100%; margin-top:10px;}
.model02 dl h3 a{ line-height:14px;}
.model02 dl h3{ margin-bottom:2%;}
.model02 dl dd div{}
.model03{ margin-bottom:20px;margin-top:15px}
.model03 .list{ width:98%; padding:0 1%;}
.model03 dl h3 a{ line-height:14px;}
.model03 dl h3{ margin-bottom:2%;}
.model03 dl dt img{ width:90%;}
.model03 dl dd div{overflow:hidden;}
.casesosuo input{  margin: 10px 0px 0px 5%;}
.model02 h1 a, .model03 h1 a{ font-size:16px; font-family:\5FAE\8F6F\96C5\9ED1; padding-bottom:10px;}
.model03 h1 a{padding-bottom:5px;}
.model03 dl.fr{margin-top:10px;}

.pro-model09 dl{ width:100%; margin:0;}
.pro-model09 dt a{ height:140px; overflow:hidden; position:relative;}
.pro-model09 dt img{ position:absolute; top:-10px;}
.pro-model06 dt{ margin-bottom:5%;}
.w618 h1{ font-size:16px; padding-top:8%; padding-bottom:0;}
.w618 p{ font-size:12px; line-height:20px; margin-top:5px; letter-spacing:0.5px}
.pro-model06 h1{font-size:16px; padding-top:10%; padding-bottom:5%;}
.pro-model06 dd a{ font-size:12px;}
/**/

.eliteListSelectList dl { position:relative;}
.eliteListSelectList dl dt{ width:30%; float:none !important; margin-left:34%;}
.eliteListSelectList dl dd{ width:100%;}
.eliteLIstTitle h1{ font-size:16px;}
.eliteLIstTitle p{ font-size:12px; line-height:18px; margin-top:10px;  letter-spacing: 0.5px; margin-bottom:16px;}
.eliteListSelect{ height:30px;}
.eliteListSelect ul li{ width:19.9%;}
.eliteListSelect ul li a{ height:30px; line-height:30px;}
.pageList{  margin:10% auto 11%;}
.pageList a, .pageList span{  padding: 5px 10px;}
/**/
.DynamicMain .content{ margin-top:30px; padding:0 1%; margin-bottom:17px;}
.DynamicHead h1{ font-size:14px; margin-bottom:10px;}
.DynamicHead h2{ font-size:12px; margin-bottom:28px;}
.DynamicHead h3, .DynamicHead h4{ font-size:12px;}
.DynamicHead h3{ margin-bottom:5px;}
.DynamicHead h4{ margin-bottom:23px;}
.DynamicBody p{ font-size:12px; margin-top:3%; margin-bottom:3%; line-height:20px;}
.displayB{ display:none;}
.displayA{ display:block; margin-bottom:0; margin-top:24px;}
.DynamicBody img{ margin-top:0;}
.DynamicRead{ display:block; font-size:10px; overflow:hidden; margin-top:30px; }
.DynamicRead p a{color:#666666;}
.DynamicRead p a:hover{ color:#F00;}
.DynamicLink{ overflow:hidden; margin-left: 50%; margin-top:20px; margin-bottom:17px;}
.DynamicLink p{ float:left; font-size:10px; margin-right:10px;line-height: 26px;}
.DynamicLink img{ float:left; margin-right:10%;}
.DynamicBody img{ width:100%; height:146px;}
.DynamicBody .right_content img{width:inherit; height:inherit;}/**/
/**/
.DynamicListHead .tabContainer .tabItem dl dd h2 a{font-size:12px;}
.DynamicListHead .tabContainer dl dt{width:34%}
.DynamicListHead .tabContainer dl dd{ width:63%;}
.DynamicListHead .tabContainer dl dd p{margin-bottom:2%; line-height:16px; height:32px;}
.DynamicListHead .tabContainer .tabItem h2{margin-bottom:8px;  width: 100%;   height: 16px;overflow: hidden; }
.DynamicListHead .tabContainer .tabItem h2 a{font-size:12px;}
.DynamicListHead .tabContainer .tabItemContent p{font-size:12px;}
.DynamicListHead .tabContainer .tabItemContent{padding-bottom:20px; margin-bottom:13px; margin-top:8px;}
.DynamicListHead .tabContainer .tabItemContent h4 a{font-size:12px;margin-right: 20px;}
.DynamicListHead .tabContainer .tabItemContent{    padding-bottom: 25px;}
.DynamicListMain .topbannerList{ height:122px;}
/*case*/
.demand .title p,.customer .title p,.income .title p{font-size:18px;line-height:18px}
.customer{margin:30px 0}
.customer .content p,.demand .content p,.income ul li p{font-size:12px;line-height:20px}
.customer .title p{margin-bottom:6px; }
.customer .content p{text-align:center}
.need{width:100%;margin-left:0;text-align:center}
.precept{width:100%;margin-right:0;text-align:center}
.demand .title p{margin-top:38px}
.demand .content p{margin-top:6px;margin-bottom:10px}
.demand{padding-bottom:24px;background:url(../images/case_08.png)}
.demand{background-size:114%}
.income .title p{margin-top:30px}
.income ul{margin-top:10px}
.income ul li h1{font-size:14px;line-height:14px;margin-top:13px}
.income ul li p{text-align:center}
.share{display:block;margin-bottom:22px}
.income ul{margin-bottom:26px}
.product dt{height:108px;}
.product dt img{max-width:50%;margin:22px 0}
.product dl{display:block;margin-top:10px}
.product dd p{text-overflow:ellipsis; overflow:hidden;}
.product ul{display:none}
.product{margin-bottom:30px}

.first{ padding-top:70px; height: 200px; background-size:100%  50%;}
.caseTable{ padding-left:1%; padding-right:1%; margin-top:10%; padding-bottom:20px; }
.caseTable dl{ width:98%; margin-bottom:2%;}
.caseTable dl dd{ height:inherit;}
.second{ height:inherit;  margin-top: -50px;}
.second .title-one,.second .title-two{ font-size:14px; line-height:22px}
.third h1{ font-size:20px;  padding-top:8% ;}
.third .title-third{ font-size:12px;line-height:20px}
.third{padding-bottom: 100px;  background-size: 100% 100%; }
.fourth h1{ font-size:20px;}
.fourth .title-third{ font-size:12px;line-height:20px;    letter-spacing: 1px;
}
.fourth .title-fourth{font-size:12px;line-height:20px;}
.fifth{ background-size:100% 100%; height:200px;}
.sixth h2{ margin:5% 0;}
.sixth{ margin-bottom:5%;  padding-top: 10px;}

.search p{ width:94%;}
.search .pageList a,.search .pageList span{ margin-right:2px;   padding: 3px 7px;}
.search a{ font-size:12px; padding-top:6px;}
.search2{ left:63%;}
.casesosuo input{ width:68%; margin-right:5%;}
.search h1{ margin-top:30px;}
.search{ margin-top:40px;}
.search .text p{height: 52px;overflow: hidden;}

.text{ margin-bottom:0;}
.title{ font-size:14px;}
.search{ margin-top:20px;}
.search h1{ font-size:12px; margin-top:10px; text-indent:-13px; margin-left:14px; color:#666;}
.search .text p{font-size:12px; margin-top:10px;color:#666; line-height:18px; height:36px;}

.milestoneBody{ width:97%; margin:0;}
.milestoneContent{ padding-left:0; padding-top:64px;}
.milestoneItem .milestoneIcon{ margin-left:0;width: 100%;}
.milestoneItem{ margin-left:63px;}
.milestoneItem1{ margin-left:85px; margin-bottom:42px;}
.milestoneItem span{ left:-40px; top:5%}
.milestoneContent1 img{ left:15px; width:36px; height:36px; top:30px; }
.milestoneContent1{ width:82%;}
.milestoneContent1 p{ padding-left:8px;}
.milestoneTitle p{ margin-bottom:20px; font-size:24px;}
.milestoneHead{ margin-bottom:20px;}
.milestoneHead img{ width:44px; height:44px;  margin-left: 10px;}
.milestoneItem .iconDate{ width:36px; height:36px; left:-75px;  line-height: 36px; top:18%;}
.milestoneFoot img{ width:44px; height:44px;  margin-left: 10px;}

.contactList h1{ padding-top:35px;}
.contactList h1 a img{ width:20px; height:21px;}
.contactList a{ font-size:24px;font-weight:700;}
.contactList p{ font-size:14px; padding-left:1%; padding-right:1%; line-height:24px;}
.contactMain .w1200{ width:100%; padding:0;}
.postEmail{   width: 85%;  margin: 20px auto 0;}
.postEmail p{ font-size:14px; line-height:24px;}

.DynamicRead1{ display:none;}

.indexBanner img{width:100%;height:200px;}
.indexBanner .slidesjs-container{height:200px !important;}
.pro-model08 .start{ left:-12%;}
.pro-model08 img{ width:13%;}
.pro-model08 .w618{ width:78%;}

.caseTable dl dt img{ height:140px;}
.caseTable dl dt{ margin-bottom:10px; width:99%;}
.caseTable dd a{ font-size:14px;}
.caseTable dd p{ margin-top:10px; margin-bottom:10px; font-size:12px;}
.caseTable dl{ width:86%;}
.income li img{ width:28%;}
.income .share{ margin-bottom:0;}
.income { padding-bottom:0;}

.DynamicListHead .tabContainer{ margin-top:10px;}
.DynamicListHead .tabContainer .tabItem dl dt img{/* height:80px; width:100%;*/}
.DynamicListHead .tab ul li a{ font-size:12px;}
.DynamicListHead .tabContainer .tabItem dl{  margin-bottom: 18px;  padding-bottom: 18px;}
.DynamicListHead .tabContainer .tabItem1 h2{  margin-left: 35px; width: 80%;  height: 16px;}
.eliteListSelect{border-bottom:1px solid #be1e21;}
.r_top{  background-size: 100% 63%;line-height: inherit; font-size:8px }
.footbar2{  background-color: #27303f;}
.fifth .w786{ font-size:20px;padding-top:22px;}
.fifth .w786 p{ font-size:12px; line-height:24px;}


.sixth li p{line-height:42px;font-size:14px;   letter-spacing: 1px;}
.sixth h2{font-size:16px; font-weight:700;}
.jionfirst{ height:200px;}
.jionfirst p{ font-size:28px; padding-top:28px;}
.jionfirst p span{ font-size:20px;}
.model03 dl h3{   height: 14px; overflow: hidden;}
.contactMain {width: 100%;}
.DynamicRead font{display:none;}
.Mbshare{display:block;}
.PCshare{display:none;}
.jionfirst p{padding-top:28px;}

.Mbshare .DynamicRead{margin-top:0px;}
.Mbshare ..bdsharebuttonbox{margin-top:10px;}

.sixth li{ width:inhreit; height:42px;  margin-bottom: 10px;  background-size: 100% 100%;}

.model02 dt,.model03 dt{margin-right:5%;width:28%;}
.model02 dd p:last-child, .model03 dd p:last-child{ height:100px;line-height:25px; overflow:hidden;}
.bdsharebuttonbox1{margin-top:inherit;padding-top:20px;}
.bdsharebuttonbox1 a{margin-bottom:0!important;}
.pro-model09 h5{margin-top:30px; margin-bottom:13px;}
.tabItemList{overflow:hidden; height:inherit;}
.fifth .w786{ padding-top:30px;}
.footwrap{border-top: 2px solid #be1e21;}


.jionfirst p{ padding-top:0px;}
.jionfirst{ clear: both; padding-top:60px; height:auto!important;  margin-bottom: 20px;}

.second  p span{ font-size:14px!important;}
.second  h1 span{font-size:18px!important;}
.third  h1 span{ font-size:18px!important;}
.third  p span{ font-size:14px!important;}
.fourth  p span{ font-size:14px!important;}
.fourth h1 span{ font-size:18px!important;}

.DynamicHead h1 span{font-size:18px!important;}
.DynamicHead h1 p{font-size:14px!important; line-height:20px!important;}

.pro-model01 h1 span{font-size:18px!important;}
.pro-model01  p span{font-size:14px!important;}

.pro-model02  h1 span{font-size:18px!important;}
.pro-model02 p span{font-size:14px!important;}

.pro-model03 h1 span{font-size:18px!important;}
.pro-model03 p span{font-size:14px!important;}
.pro-model05  h1 span{font-size:18px!important;}
.pro-model05  p span{font-size:14px!important;}
.pro-model08  h1 span{font-size:18px!important;}
.pro-model08  p span{font-size:14px!important;}
/*手机导航尺寸*/
.casedaoh{ width:115px; margin-top:40px }

.caseMenu .casea{ padding-top:5px; padding-bottom:5px; padding-left:15px; width:100px; font-size:14px; }
.casedaoh2{right:116px;}
.casedaoh2 { width:130px;}
.caseMenu2 a{ padding-right:15px; padding-left:15px; width:100px;font-size:16px;}

.model01{margin-left:-1%;}

/*11.30*/
.eliteListSelectList .tabItem .MBI{  width:100%; height:inherit;}
.caseTable dd a{ height:inherit;}

.caseTable dd .MBP{ height:66px; overflow:hidden;}

/*12.3*/
.DynamicBody .right_title1 img{width: initial;    height: initial;}


.pro-model09.p-right{ padding-right:0%;}



}









@media (max-width:320px){
  .tabItemList{ height:356px;}
.model03 dd .more{font-size:12px; margin-top:6px;}
.model02 dd .more{font-size:12px; margin-top:12px;}
.bannerTel{ height:25px;}
.bannerTel p{ line-height:25px; font-size:10px; background-size:15%; margin-right:3%;padding-left:15px;}
.indexBanner .slidesjs-pagination{ bottom:0px}
.indexBanner img{width:100%;height:150px;}
.indexBanner .slidesjs-container{height:150px !important;}

.slidesjs-container a img{ height:150px;}
.indexBanner .slidesjs-pagination{left:36%;}
.indexBanner .slidesjs-previous{background-size:25% 25%;}
.indexBanner .slidesjs-next{background-size:25% 25%; right:-8%;}
.model01 img{ height:150px;}
.casesosuo input{  margin: 10px 0px 0px 2%;}

.pro-banner{ height:118px;}
.pro-banner img{ width:100%;}
.pro-model01 img{ width:100%; margin-top:5%;}
.pro-model04{ height:100%;}
.pro-model04 img{ width:100%;}
.pro-model06{ padding-bottom:8%;}
.pro-model06 dl img{ height:45px;}
.pro-model08 .start{top:40px;}
.pro-model08 h1{ font-size:16px;}
.pro-model08 p{ font-size:12px;}
.pro-model09 h5{ font-size:16px; margin:20px 0 15px 0;}
.pro-model09 dd a{font-size:14px; line-height:40px;}
.pro-model09{ padding-bottom:5%;}
.pro-model07{height: 170px;}
.pro-model07 img { width: 100%; }

.tabItemListT h4{ font-size:14px;}
.tabItemListT p,.recommend h3,.recommend h5{ font-size:12px;}
.pageList a, .pageList span{  padding: 4px 8px;}

.DynamicLink{ margin-left:42%; width:142px;}


.product dt img{max-width:50%;margin:30px 0;}
.fifth{ height:158px;background:url(../images/x-3-mb-bg.png) no-repeat center center;}
.sixth ul{ width:92%;}
.sixth li{ width:96%; background-size:100% 100%;}

.search2{ left:60%;}
.casesosuo p{  float: left;margin-left: 5%;}

.milestoneContent1{ width:78%;}
.milestoneContent1 img{ width:30px; height:30px;}
.milestoneContent1 p{ padding-left:0;} 

.model02 dt, .model03 dt{ width:30%; margin-right:2%;}
.model02 dl h3 { height:14px; overflow:hidden;}
.model02 dl dd div {height:56px; overflow:hidden;}
.model02 dl dd div p{ line-height:18px;}

.topbgbanner{ height:120px;}

.eliteLIstTitle h1{ margin-top:28px; font-size:16px;}
.eliteListSelect{ height:22px;}
.eliteListSelect ul li a{ height:20px; line-height:20px; font-size:12px; font-weight:700;}


.third .title-third{font-size:12px;}
.third h1{font-size:16px; color:#666;}
.fourth h1{font-size:16px; color:#333;}
.second .title-one, .second .title-two{font-size:12px;}

.foottel2 span a{ font-size:12px;}
.footwrap{ padding-bottom:0; padding-top:8px;border-top: 2px solid #be1e21;}
.footbar2{  padding-top:5px; padding-bottom:5px;}
.footbar2 p{ line-height:20px;}

.contactList{ height:120px;  margin-bottom:5px;}
.contactList h1{padding-top:20px;}
.contactList a{ font-size:18px;}
.contactList h1 img{ width:16px; height:16px; margin-right:2px;}
.contactList p{ line-height:20px; margin-top:5px; font-size:12px;}
.contactMain{ padding-bottom:20px;}

.case p img{ height:120px;}

.sixth .biaoqian{overflow:hidden;}
.sixth  .biaoqian a:first-child{ float:left;width:45%;margin-left:5%;}
.sixth  .biaoqian a:first-child img{ width:90%;height:80%;}
.sixth .biaoqian a:last-child{float:right;width:45%;margin-right:5%;}
.sixth .biaoqian a:last-child img{ width:90%;height:80%;}

.sixth li{ width:100%; height:42px;  margin-bottom: 10px;}
.DynamicHead h1{font-size:14px!important; color:#333!important;}
.DynamicMain .content p,.DynamicMain .content p span{color:#333!important;line-height:20px!important;letter-spacing:1px; font-size:12px!important;}
.postEmail p:last-child{margin:0;}
.top .search-btn{ background:url(../images/search1s.png) no-repeat center center;}
.wechat a .icon-wechat{ width:28px; margin-top:6px;}
.jionfirst{ clear: both;  height: 120px!important; padding:0;  margin-bottom: 30px;}
.jionfirst p{ padding-top:12px;}
.eliteLIstTitle{ font-size:12px;}

.second  p span{ font-size:12px!important;}
.second  h1 span{font-size:16px!important;}
.third  h1 span{ font-size:16px!important;}
.third  p span{ font-size:12px!important;}
.fourth  p span{ font-size:12px!important;}
.fourth h1 span{ font-size:16px!important;}

.DynamicHead h1 span{font-size:16px!important;}
.DynamicHead h1 p{font-size:12px!important;}

.pro-model01  h1 span{font-size:16px!important;}
.pro-model01  p span{font-size:12px!important;}

.pro-model02  h1 span{font-size:16px!important;}
.pro-model02  p span{font-size:12px!important;}

.pro-model03  h1 span{font-size:16px!important;}
.pro-model03  p span{font-size:12px!important;}
.pro-model05  h1 span{font-size:16px!important;}
.pro-model05  p span{font-size:12px!important;}
.pro-model08  h1 span{font-size:16px!important;}
.pro-model08  p span{font-size:12px!important;}

/*11.30zeng*/
.DynamicListHead .tabContainer .tabItem dl dt img{ width:100%; height:inherit;}


.eliteListSelectList .tabItem .MBI{  width:inherit; height:132px;}
.r_top{right:-6.6%;}
}