@charset "utf-8";
#dituContent {
    width: 100%;
    height: 250px;
}
.zx_dg { POSITION: relative; width: 730px; padding: 10px 0px 20px 0px; overflow: hidden; }
.msg { POSITION: absolute; TOP: 20px; RIGHT: 20px; WIDTH: 380px; HEIGHT: 115px; }

  .msg TEXTAREA { BORDER: #b1b8cc 1px solid; LINE-HEIGHT: 20px; TEXT-INDENT: 5px; WIDTH: 380px; HEIGHT: 75px; COLOR: #555; }

@media only screen and (max-width: 1199px) and (min-width: 992px) {
.w1170 {
    width: 100%;
    padding: 0 10px;
}
.index_tuicase {
    width: 100%;
}
.index_tuicase .shows {
    width: 100%;
}
.index_tuicase .shows .show_left {
    width: 445px;
    height: auto; 
}
.index_tuicase ul li {
    width: 30%;
    height: auto;
    margin-right: 0;
}
.index_tuicase ul li img {
    width: 100%;
    height: auto; 
}
.index_case dl dt img {
    width: 100%;
    height: auto;
}
.index_case dl dd a {
    margin: 5px 0 3px;
}
.index_case dl dd p {
    line-height: 20px;
    height: 60px;
}
.index-news dd {
    line-height: 20px;
}
.index-news dl {
    margin-bottom: 5px;
}
.index-news ul li {
    margin-bottom: 0px;
    margin-top: 0px;
}
.index-news ul li a {
    margin-bottom: 3px;
}
.hpt_line_news {
    width: 30%;
}
.footerinner {
    width: 100%;
}

.solution-left {
    width: 100%;
    padding-top: 10px;
}
.promain_left-listtit {
    float: left;
    width: auto;
}
.aside-pro-list {
    width: auto;
    position: relative;
    float: left;
    margin-top: 16px;
    margin-left: 15px;
}
.aside-pro-list dl {
    float: left;
    width: 114px;
    position: relative;
    margin: 0;
}
.aside-pro-list dl dt {
    height: auto; 
    margin: 0 5px;
}
.aside-pro-list dl dd {
    position: absolute;
    z-index: 73;
    top: -1px;
    left: 0;
    display: none;
    width: 183px;
    height: auto!important;
    min-height: auto;
    background: #fff;
    border: 1px solid #d6dbe1;
    box-shadow: -1px 1px 6px rgba(0,0,0,.3);
}
.aside-pro-list dl dd.sub-list1 {
    top: 28px;
}
.solution-right {
    width: 100%;
}
.solution-right dl dt img {
    width: 100%;
    height: auto;
}



.leibie ul li {
    margin-right: 0;
    width: 25%;
}
.leibie ul li a {
	display: block;
	padding: 0 8px;
}
.leibie ul li img {
    width: 100%;
    height: auto;
}
.leibie ul li p {
    padding: 0 5px;
    line-height: 20px;
    text-indent: 0;
}



.contactzone {
    width: 100%;
}
.contactzone_left {
    width: 50%;
    padding: 15px;
}
.contactzone_right {
    width: 50%;
    margin-top: 25px;
    padding: 20px;
}


.mod18 .picBox {
    width: 100%;
    height: auto;
}
.mod18 .picBox li img, .mod18 .picBox ul {
    width: 100% !important;
    height: auto;
}
.mod18 .picBox ul {
    position: inherit;
}
.promain {
    width: 100%;
    padding: 0 15px;
}
.promain_left {
    width: 100%;
    margin-bottom: 15px;
}
.promain_right {
    float: left;
    width: 100%;
}
.rgcp ul li img {
    width: 100%;
    height: auto;
}


.prodetail_left {
    padding-right: 15px;
}
.prodetail_left img {
    width: 100%;
    height: auto;
}
.prodetail_right {
    margin-top: 0;
}
.prodetail_right h1 {
    margin-top: 5px;
}
.xgpro li img {
    height: auto;
}
.xgpro li img:hover {
    height: auto;
    width: 100%;
}




	
}

@media only screen and (max-width: 991px) and (min-width: 768px) {

.w1170 {
    width: 100%;
    padding: 0 10px;
}
.index_tuicase {
    width: 100%;
}
.index_tuicase .shows {
    width: 100%;
}
.index_tuicase .shows .show_left {
    width: 445px;
    height: auto; 
}
.index_tuicase ul li {
    width: 30%;
    height: auto;
    margin-right: 0;
}
.index_tuicase ul li img {
    width: 100%;
    height: auto; 
}
.index_case dl dt img {
    width: 100%;
    height: auto;
}
.index_case dl dd a {
    margin: 5px 0 3px;
}
.index_case dl dd p {
    line-height: 20px;
    height: 60px;
}
.index-news dd {
    line-height: 20px;
}
.index-news dl {
    margin-bottom: 5px;
}
.index-news ul li {
    margin-bottom: 0px;
    margin-top: 0px;
}
.index-news ul li a {
    margin-bottom: 3px;
}
.hpt_line_news {
    width: 30%;
}
.footerinner {
    width: 100%;
}



.solution-left {
    width: 100%;
    padding-top: 10px;
}
.promain_left-listtit {
    float: left;
    width: auto;
}
.aside-pro-list {
    width: auto;
    position: relative;
    float: left;
    margin-top: 16px;
    margin-left: 15px;
}
.aside-pro-list dl {
    float: left;
    width: 114px;
    position: relative;
    margin: 0;
}
.aside-pro-list dl dt {
    height: auto; 
    margin: 0 5px;
}
.aside-pro-list dl dd {
    position: absolute;
    z-index: 73;
    top: -1px;
    left: 0;
    display: none;
    width: 183px;
    height: auto!important;
    min-height: auto;
    background: #fff;
    border: 1px solid #d6dbe1;
    box-shadow: -1px 1px 6px rgba(0,0,0,.3);
}
.aside-pro-list dl dd.sub-list1 {
    top: 28px;
}
.solution-right {
    width: 100%;
}
.solution-right dl {
    width: 30%;
}
.solution-right dl dt img {
    width: 100%;
    height: auto;
}



.leibie ul li {
    margin-right: 0;
    width: 25%;
}
.leibie ul li a {
	display: block;
	padding: 0 8px;
}
.leibie ul li img {
    width: 100%;
    height: auto;
}
.leibie ul li p {
    padding: 0 5px;
    line-height: 20px;
    text-indent: 0;
}




.contactzone {
    width: 100%;
}
.contactzone_left {
    width: 50%;
    padding: 15px;
}
.contactzone_right {
    width: 50%;
    margin-top: 25px;
    padding: 20px;
}


.mod18 .picBox {
    width: 100%;
    height: auto;
}
.mod18 .picBox li img, .mod18 .picBox ul {
    width: 100% !important;
    height: auto;
}
.mod18 .picBox ul {
    position: inherit;
}
.promain {
    width: 100%;
    padding: 0 15px;
}
.promain_left {
    width: 100%;
    margin-bottom: 15px;
}
.promain_right {
    float: left;
    width: 100%;
}
.rgcp ul li img {
    width: 100%;
    height: auto;
}


.prodetail_left {
    padding-right: 15px;
}
.prodetail_left img {
    width: 100%;
    height: auto;
}
.prodetail_right {
    margin-top: 0;
}
.prodetail_right h1 {
    margin-top: 5px;
}
.xgpro li img {
    height: auto;
}
.xgpro li img:hover {
    height: auto;
    width: 100%;
}





	
}

@media only screen and (max-width: 767px) {
.w1170 {
    width: 100%;
    padding: 0 10px;
}
.header_toplf {
    display: none;
}
.header_toprg {
    width: 100%;
}
.header_toptell {
    background: url(../images/itell.png) no-repeat 0px 13px;
    text-indent: 22px;
    font-size: 12px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
}
.navlist {
    width: 100%;
    height: auto;
    font-size: 15px;
    margin-bottom: 5px;
}
.navlist a {
    width: 16.6%;
    height: 50px;
    margin-right: 0;
    line-height: 50px;
}
.index_tuicase {
    width: 100%;
}
.index_tuicase h1 {
    font-size: 20px;
    padding: 20px 10px 10px;
    text-align: center;
    line-height: 28px;
}
.index_tuicase .shows {
    width: 100%;
}
.index_tuicase .shows .show_left {
    width: 100%;
    height: auto;
}
.index_tuicase .shows .show_left h2 {
    padding-bottom: 0;
}
.index_tuicase .shows .show_left p {
    line-height: 25px;
    margin-bottom: 8px;
}
.index_tuicase .shows .show_right {
    width: 100%;
    height: auto;
    float: left;
}
.index_tuicase .shows .show_right img {
    width: 100%;
    height: auto;
}
.index_tuicase ul li {
    width: 100%;
    height: auto;
    max-width: 350px;
    float: none;
    margin: 5px auto !important;
}
.index_tuicase ul li img {
    width: 100%;
    height: auto;
}
.index_tuicase ul li .hover_on h4 {
    width: 236px;
    height: 80px;
    margin: 50px auto 0px;
}
.index_case {
    float: left;
    width: 100%;
}
.index-news {
    margin: 0 auto 10px;
    float: left;
    width: 100%;
}
.index_case dl dt img {
    width: 100%;
    height: auto;
}
.hpt_linel {
    float: left;
    padding-left: 0;
    width: 100%;
}
.hpt_line_cp2 {
    width: 50%;
    margin-right: 0;
}
.hpt_line_news {
    width: 50%;
}
.hpt_line_cp2 ul li, .hpt_line_news ul li {
    line-height: 20px;
    height: 20px;
}
.indexlx {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
}
.indexinfo span {
    padding-left: 8px;
    margin-bottom: 3px;
}
.hpt_line_r {
    display: none;
}
.footerinner {
    width: 100%;
    line-height: 22px;
    padding: 10px;
}
.footerinner_l {
    float: none;
    width: 100%;
    text-align: center;
}
.footerinner_r {
    float: none;
    color: #fff;
    text-align: center;
}


.other_ban{margin:0 auto;height:110px;width:100%;background:url(../images/otherbanner.jpg) no-repeat -150px center}
.other_ban1{margin:0 auto;height:110px;width:100%;background:url(../images/kehu.jpg) no-repeat -150px center}
.other_ban2{margin:0 auto;height:110px;width:100%;background:url(../images/lianxi.jpg) no-repeat -150px center}
.other_ban3{margin:0 auto;height:110px;width:100%;background:url(../images/xinwen.jpg) no-repeat -150px center}
.other_ban4{margin:0 auto;height:110px;width:100%;background:url(../images/guanyu.jpg) no-repeat -150px center}

.items {
    width: 50%;
    float: left;
}
.newszone li {
    width: 45%;
}



.solution-left {
    width: 100%;
    padding-top: 10px;
}
.promain_left-listtit {
    float: left;
    width: auto;
}
.aside-pro-list {
    width: auto;
    position: relative;
    float: left;
    margin-top: 16px;
    margin-left: 15px;
}
.aside-pro-list dl {
    float: left;
    width: 114px;
    position: relative;
    margin: 0;
}
.aside-pro-list dl dt {
    height: auto; 
    margin: 0 5px;
}
.aside-pro-list dl dd {
    position: absolute;
    z-index: 73;
    top: -1px;
    left: 0;
    display: none;
    width: 183px;
    height: auto!important;
    min-height: auto;
    background: #fff;
    border: 1px solid #d6dbe1;
    box-shadow: -1px 1px 6px rgba(0,0,0,.3);
}
.aside-pro-list dl dd.sub-list1 {
    top: 28px;
}
.solution-right {
    width: 100%;
}
.solution-right dl {
    width: 30%;
    height: auto;
}
.solution-right dl:nth-of-type(3n){
	margin-right: 0;
}
.solution-right dl dt img {
    width: 100%;
    height: auto;
}


.leibie ul li {
    margin-right: 0;
    width: 25%;
}
.leibie ul li a {
	display: block;
	padding: 0 8px;
}
.leibie ul li img {
    width: 100%;
    height: auto;
}
.leibie ul li p {
    padding: 0 5px;
    line-height: 20px;
    text-indent: 0;
}







.contactzone {
    width: 100%;
}
.contactzone_left {
    width: 100%;
    padding: 15px;
}
.contactzone_right {
    width: 100%;
    margin-top: 25px;
    padding: 20px;
}



.mod18 .picBox {
    width: 100%;
    height: auto;
}
.mod18 .picBox li img, .mod18 .picBox ul {
    width: 100% !important;
    height: auto;
}
.mod18 .picBox ul {
    position: inherit;
}
.promain {
    width: 100%;
    padding: 0 15px;
}
.promain_left {
    width: 100%;
    margin-bottom: 15px;
}
.promain_right {
    float: left;
    width: 100%;
}
.rgcp ul li img {
    width: 100%;
    height: auto;
}
.promain_right_menu ul {
    height: auto;
}
.promain_right_menu ul li {
    padding: 0 10px;
}
.rgcp {
    overflow-x: auto;
}
.form {
    width: 100%;
}
.zx_dg {
    width: 100%;
}
DL.zx_dg {
    WIDTH: 320px;
    margin: 0;
}
.msg {
    POSITION: relative;
    TOP: 0;
    RIGHT: 0;
    WIDTH: 320px;
}
.msg TEXTAREA {
    WIDTH: 100%;
}


.prodetail_left {
    padding-right: 15px;
}
.prodetail_left img {
    width: 100%;
    height: auto;
}
.prodetail_right {
    margin-top: 0;
}
.prodetail_right h1 {
    margin-top: 5px;
}
.xgpro li img {
    height: auto;
}
.xgpro li img:hover {
    height: auto;
    width: 100%;
}
.xgpro li {
    width: 46%;
}




	
}


@media only screen and (max-width: 500px) {
.navlist a {
    width: 33.3%;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
}	
.index_case dl dt {
    width: 100%;
}	
.index_case dl dd {
    float: left;
    width: 100%;
}
.index-news dt {
    width: 100%;
}
.index-news dd {
    float: left;
    width: 100%;
    line-height: 25px;
}


.solution-right dl {
    width: 47%;
    height: auto;
    margin-right: 18px;
}
.solution-right dl:nth-of-type(3n){
	margin-right: 18px;
}
.solution-right dl:nth-of-type(2n){
	margin-right: 0;
}


.contactzone_right input, .contactzone_right textarea {
    width: 100%;
    margin-left: 0;
}



.rgcp ul li {
    width: 47%;
}
.mod18 {
    width: 100%;
    height: auto;
}
.prodetail_left {
	width: 100%;
    padding-right: 0px;
}
.prodetail_right {
    width: 100%;
}

.newszone img{
	width: 100% !important;
	height: auto !important;
}

.promain-box img{
	width: 100% !important;
	height: auto !important;
}

	
	
	
}