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

#dituContent{height:28rem;}
.h5header{ display:none; }




/*ipad 横向样式*/
@media only screen and (min-width: 956px) and (max-width: 1268px)
{
.headertop{ display:none; }

.footerwz h2{ float:left; }
.incotactwz1 h1,.incotactwz2 h1,.incotactwz3 h1,.incotactwz4 h1,.incotactwz5 h1{ font-size:0.9em; }
.incotactwz1 h2{ font-size:1.2em;}
.incotactwz2 h2,.incotactwz4 h2,.incotactwz5 h2{ font-size:0.9em; }
.incotactwz3 h2{ width:40%; font-size:0.9em; }
.bannergg1h3,.bannergg2h2,.bannergg3h2,.bannergg4h2,.bannergg5h2,.bannergg5h3,.bannergg4h3{font-size: 1rem;}
.pclogoon{ width:30%; }
.pclogowz h1{ font-size:1em; }
.abinfoto ul li { margin-bottom:4%; }
.abinfoto{ padding-bottom: 0; padding-top:3em;}
#dituContent{height:20rem;}

/*------------------------------------------------h5 header star---------------------------------------------------------------*/
.h5header{  width:100%;  margin:auto; display:block; position: fixed; background-color:#fff;  z-index: 1000;}
.h5logo{ float:left;}
.h5headernav{ float:right; width:10%; margin-right:15%;  }
.h5nav{ list-style:none;}
.h5nav .h5nav1{ float:left;  line-height:40px; text-align:center; position:relative;}
.h5nav .h5nav1 ul li{ float:none; border-left:none;  border-bottom:1px solid #f2f2f2; list-style:none; margin-bottom:0rem; } 
.h5nav .h5nav1 ul{ padding-bottom:20%; display:none; width:90px; position:absolute; z-index: 10; background-color: rgba(255, 255, 255, 0.96); overflow:hidden; }
.h5nav .h5nav1:hover ul{ display:block; position: fixed; left:0; width:100%;  top:10%;  z-index: 10; padding-bottom: 3%;  }
.h5nav .h5nav1 a p{ height:2px; background-color:#C30D23; margin-bottom:0.8rem; width:70px; display: block; }
.h5nav .h5nav1 a{text-decoration:none; margin-top: 20%; display:block; color:#666;   }
.h5nav .h5nav1 ul li a{ width: 90%; margin: auto; text-decoration:none; font-weight: bold; line-height: 3em; font-size: 1.4em; } 
.h5nav .h5nav1 ul li a:hover{ background-color:#C30D23; color:#fff; } 

/*------------------------------------------------h5 header end---------------------------------------------------------------*/
.callbacks_tabs.callbacks1_tabs li a{width: 10px;height: 10px; border-radius: 10px;}
.callbacks_tabs.callbacks1_tabs li{ width: 10px;height: 10px;margin-left: 10px; border-radius: 10px}
.casetopleft{ width:75%;}
.casetopright{ width:15%; }
.caseinfoleft,.caseinforight{ float:none; width:98%; }
.caseinfo p{padding-top: 0.1em;}
.caseinfoleftto{padding-bottom: 0;}
}









/* ipad 竖向样式 */
@media only screen and (min-width: 750px) and (max-width: 1000px)
{
.headertop{ display:none; }

.footerwz h2{ float:left; }
.incotactwz1 h1,.incotactwz2 h1,.incotactwz3 h1,.incotactwz4 h1,.incotactwz5 h1{ font-size:0.9em; }
.incotactwz1 h2{ font-size:1.2em;}
.incotactwz2 h2,.incotactwz4 h2,.incotactwz5 h2{ font-size:0.9em; }
.incotactwz3 h2{ width:40%; font-size:0.9em; }
.incotactwz4 h2{  width:70%; }
.bannergg1h4,.bannergg2h4,.bannergg3h4,.bannergg4h4,.bannergg5h4{ width:10%;  font-size: 0.9em; }
.bannergg1h3,.bannergg2h3,.bannergg3h3,.bannergg4h3,.bannergg5h3,.bannergg2h2{ font-size:1.2em; }
.bannergg1h2,.bannergg2h1,.bannergg3h1,.bannergg4h1,.bannergg5h1{ font-size:2em; }
.bannergg1h3{ width: 50%;}
.bannergg2h1,.bannergg3h2{ width:60%; }
.bannergg4h3{ width:24%; }
.bannergg2h2,.bannergg2h3{ margin-left:12%; }
.bannergg4h4{margin-top: 30%;}
.abinfoto ul li{ margin-bottom:5%; }
.abinfoto{ padding-bottom: 0; padding-top:3em; }
#dituContent{height:20rem;}

/*------------------------------------------------h5 header star---------------------------------------------------------------*/
.h5header{  width:100%;  margin:auto; display:block; position: fixed; background-color:#fff;  z-index: 1000;}
.h5logo{ float:left;}
.h5headernav{ float:right; width:10%; margin-right:15%;  }
.h5nav{ list-style:none;}
.h5nav .h5nav1{ float:left;  line-height:40px; text-align:center; position:relative;}
.h5nav .h5nav1 ul li{ float:none; border-left:none;  border-bottom:1px solid #f2f2f2; list-style:none; margin-bottom:0rem; } 
.h5nav .h5nav1 ul{ padding-bottom:20%; display:none; width:90px; position:absolute; z-index: 10; background-color: rgba(255, 255, 255, 0.96); overflow:hidden; }
.h5nav .h5nav1:hover ul{ display:block; position: fixed; left:0; width:100%; top:7%; z-index: 10; padding-bottom: 3%;  }
.h5nav .h5nav1 a p{ height:2px; background-color:#C30D23; margin-bottom:0.8rem; width:70px; display: block; }
.h5nav .h5nav1 a{text-decoration:none; margin-top: 20%; display:block; color:#666;   }
.h5nav .h5nav1 ul li a{ width: 90%; margin: auto; text-decoration:none; font-weight: bold; line-height: 3em; font-size: 1.4em; } 
.h5nav .h5nav1 ul li a:hover{ background-color:#C30D23; color:#fff; } 

/*------------------------------------------------h5 header end---------------------------------------------------------------*/
.callbacks_tabs.callbacks1_tabs li a{width: 10px;height: 10px; border-radius: 10px;}
.callbacks_tabs.callbacks1_tabs li{ width: 10px;height: 10px;margin-left: 10px; border-radius: 10px}
.casetopleft{ width:75%;}
.casetopright{ width:15%; }
.caseinfoleft,.caseinforight{ float:none; width:98%; }
.caseinfo p{padding-top: 0.1em;}
.caseinfoleftto{padding-bottom: 0;}

}











 /*手机站样式开始*/
@media screen and (max-width:740px)
{
.headertop{ display:none; }

.bannergg1h1,.bannergg1h2,.bannergg1h3,.bannergg1h4,.bannergg2h1,.bannergg2h2,.bannergg2h3,.bannergg2h4,.bannergg3h1,.bannergg3h2,.bannergg3h3,.bannergg3h4,.bannergg4h1,.bannergg4h2,.bannergg4h3,.bannergg4h4,.bannergg5h1,.bannergg5h2,.bannergg5h3,.bannergg5h4{ display:none; }

.linkshh h1,.incontact h1{ font-size:2em; line-height: 3rem; padding-top: 1em; }
.incontact h2,.linkshh h2{ font-size:1.4em; }
.linksmore a{ line-height: 2rem; font-size: 1em;   padding: 0.1rem 2rem 0.1rem 2rem; margin-left: 30%;}
.linksmore{ margin-bottom:0; margin:0 auto;  }
.incotactwz1 h1,.incotactwz2 h1,.incotactwz3 h1,.incotactwz4 h1,.incotactwz5 h1{width: 30%; font-size: 1em; padding-top: 0; }
.incotactwz1 h2,.incotactwz2 h2,.incotactwz3 h2,.incotactwz4 h2,.incotactwz5 h2{ font-size:1.2em; }
.incontactwz,.incontactewm{ float:none; width:100%; margin-left: 0%; }
.incontactewm img{width: 20%;}
.incotactwz5 h2,.incotactwz3 h2,.incotactwz4 h2,.incotactwz1 h2{ width:60%; }
.footernav h2{ display:none;}
.footernav,.footerNAVbootto,.footerNAVbootto1{ float:none; width: 98%; margin-bottom:0; } 

.footerwz h1,.footerwz h2{ line-height: 2em;font-weight: normal;  font-size: 1em; text-align: center; }
.footernav h1,.footerNAVbootto h1{ font-size: 1.2rem; line-height: 2.4rem;}

#dituContent{height:10rem;}
.abinfoto ul li{ margin-bottom:10%; }
.abinfoto{ padding-bottom:0;}
.office1left, .office1right,.office3left, .office3right,.jfoffice1left,.jfoffice1right,.jfoffice3left,.jfoffice3right{ float:none; width:100%;  }
.office3left span,.office1left span{ font-size:2em; }
.office3left,.office2left,.office1left,.jfoffice1left,.jfoffice3left span, .jfoffice3left, .office2left span,.jfoffice1left span,.jfoffice2left span,.jfoffice2left{ font-size:1.2em;}

/*------------------------------------------------h5 header star---------------------------------------------------------------*/
.h5header{  width:100%;  margin:auto; display:block; position: fixed; background-color:#fff;  z-index: 1000;}
.h5logo{ float:left;}
.h5headernav{ float:right; width:10%; margin-right:15%;  }
.h5nav{ list-style:none;}
.h5nav .h5nav1{ float:left;  line-height:40px; text-align:center; position:relative;}
.h5nav .h5nav1 ul li{ float:none; border-left:none;  border-bottom:1px solid #f2f2f2; list-style:none; margin-bottom:0rem; } 
.h5nav .h5nav1 ul{ padding-bottom:20%; display:none; width:90px; position:absolute; z-index: 10; background-color: rgba(255, 255, 255, 0.96); overflow:hidden; }
.h5nav .h5nav1:hover ul{ display:block; position: fixed; left:0; width:100%; top:15%; z-index: 10; padding-bottom: 3%;  }
.h5nav .h5nav1 a p{ height:2px; background-color:#C30D23; margin-bottom:0.8rem; width:70px; display: block; }
.h5nav .h5nav1 a{text-decoration:none; margin-top: 20%; display:block; color:#666;   }
.h5nav .h5nav1 ul li a{ width: 90%; margin: auto; text-decoration:none; font-weight: bold; line-height: 3em; font-size: 1.4em; } 
.h5nav .h5nav1 ul li a:hover{ background-color:#C30D23; color:#fff; } 

/*------------------------------------------------h5 header end---------------------------------------------------------------*/
.callbacks_tabs.callbacks1_tabs li a{width: 10px;height: 10px; border-radius: 10px;}
.callbacks_tabs.callbacks1_tabs li{ width: 10px;height: 10px;margin-left: 10px; border-radius: 10px}
.casetopleft{ width:75%;}
.casetopright{ width:15%; }
.caseinfoleft,.caseinforight{ float:none; width:98%; }
.caseinfo p{padding-top: 0.1em;}
.caseinfoleftto{padding-bottom: 0;}
}