@charset "gb2312";
/* CSS Document */

@media only screen and (max-width: 1230px) {
}
@media only screen and (max-width:1200px) {
.width{ width:95%}
.InprojectUl li .pd{ height:170px}
.navUl li{margin-left: 6%;}
}

@media only screen and (max-width: 1168px) {
.help_bg{background-size: 100% 100%;}
}

@media only screen and (max-width: 1148px) {
.InprojectUl li .pd{ height:160px}
}


@media only screen and (max-width: 1079px) {
.InprojectUl li .pd{ height:150px}
.navUl li{margin-left:5%;}
.Icontact_list{ width:100%}
.Icontact_list li{ width:50%; margin:0}
}
@media only screen and (max-width: 1077px) {
.ulTxt{top:84%}
}

@media only screen and (max-width: 1030px) {
}
@media only screen and (max-width: 1015px) {
.InprojectUl li .pd{ height:125px}
.formC{width:100%}
}
@media only screen and (max-width: 983px) {
.Inew_font{width:78%;}
.iconSul li p{ font-size:12px}
.divinput > input{ width:75%}
.contactImg{ float:left}
.newsImg{ width:20%}
.newsTxt{ width:76%}
.sev_img img{ width:67%}
}

@media only screen and (max-width: 937px) {
#nav{ display:none}
.MobileNav{ display:block}
.Inew_left,.Inew_right{ width:100%; float:none}
.Inew_left{ margin-bottom:40px}
.help_font a{width:25%;}
.ulTxt{top:82%}
.logo{ width:22%}

}
@media only screen and (max-width: 860px) {
.InprojectUl li .pd{ height:120px}
.leftCon{ width:21%}
.rightCon{ width:76%}
.rightCul li{ width:49%}
.rightCul li:nth-child(3n+3){ margin-right:2%}
.rightCul li:nth-child(2n+2){ margin-right:0}
.ulTxt{top:86%}
}
@media only screen and (max-width: 800px) {
.InprojectUl li{ float:none; width:100%}
.InprojectUl li .pd{ height:230px}
.Inew_iconL,.Inew_iconR{ display:none}
.Inew_img{ overflow:hidden}
.Inew_img li{ width:32.6%; margin-bottom:2%}
.Inew_img li:nth-child(3n+3){ margin-right:0}
.logo{ width:29%}
.sevys_list li{ width:40%}
.Icontact_list li{ width:45%; margin:0 0 0 2%}	
.sevys_list li p{ height:90px}
.newsImg{ width:22%}
.newsTxt{ width:74%}
}
@media only screen and (max-width: 780px) {
.leftCon{ width:24%}
.rightCon{ width:73%}
.divinput > input{ width:72%}
.formC textarea{ width:80%}
}
@media only screen and (max-width: 768px) {
.InprojectUl li .pd{ height:200px}
.h_tel{ display:none}
.container{ width:100%; margin:0 auto}
.sevys_list li p{ height:90px}
.ulTxt{top:84%}
.foot_banqu,.foot_nav,.jiathis_style{ float:none; width:100%; margin:0}
.foot_nav li{ margin:0 2% 0 0}
.foot_nav ul{ width:100%}
}
@media only screen and (max-width: 710px) {
.rightCtit{ height:auto; line-height:30px; padding-bottom:20px}
.placeIner,.rightCtit h3{ float:none; width:100%; display:block}
.placeIner{ margin:10px auto}
.case .Inew_img li{width:49%; margin-right:1.5%}
.case .Inew_img li:nth-child(2n+2){ margin-right:0}
.newsImg{ width:26%}
.newsTxt{ width:70%}
}
@media only screen and (max-width: 680px) {
.InprojectUl li .pd{ height:190px}
.foot_nav,.foot_nav li{ margin-left:0}
.foot_nav ul{ margin-bottom:6px}
.leftCon{ width:27%}
.rightCon{ width:70%}
.ulTxt{top:82%}
.rightCul li:hover .ulTxt h3{margin:25px 20px}
.divinput > input{ width:69%}
.formC textarea{ width:76%}
}
@media only screen and (max-width: 640px) {
.sevys_list li p{ height:100px}
.InaboutUl li{ width:100%; margin:0 auto 2%}
.help_font a{width:40%;}
.InprojectUl li .pd{ height:170px}
.alertext{ width:320px; height:480px; margin:-240px 0 0 -160px; }
.one_line .gongsi,.one_line .tel{float:none; margin-left:12px}
.one_line .gongsi{ margin-bottom:20px}
.one_line .userid,.one_line .liuyanbox .liuyan,.one_line .gongsi,.one_line .tel{width:90%}
.yb_conct{ display:none}
.one_line2.clearfix h2{ font-size:20px}
.close{ top:26px}
.ulTxt{top:86%}
}
@media only screen and (max-width: 620px) {
.leftCon,.rightCon{ float:none; width:100%}
.leftCon{ display:none}
.mainIner{ padding:0}
.placeIner{ margin:10px auto 30px}
.header_on {left: 0px; top:0; width:100%;position:fixed; z-index: 100; margin:0}
.proNav a{ padding:0 2%}
.newsImg,.newsTxt{ width:100%; float:none}
.newsImg{ margin-bottom:15px}
.Icontact_list li{ width:100%; float:none; margin:0}
}

@media only screen and (max-width: 570px) {
}
@media only screen and (max-width: 535px) {
.logo{ width:35%}
.backSpan{ display:none}
.InprojectUl li .pd{ height:150px}
.ulTxt{top:83%}
}

@media only screen and (max-width: 500px) {
.InprojectUl li .pd{ height:auto}
.InprojectUl li .img, .InprojectD .img,.InprojectUl li .text, .InprojectD .text{ width:100%}
.InprojectUl li .text{ padding-bottom:5%}
.Inew_img li{ width:49%; margin:0 0.5% 2% 0.5%}
.Inew_img li:nth-child(3){ margin-right:0.5%}
.rightCtit a{ padding:2px 2%}
.titleT h3{font-size:24px}
.titleT span:before,.titleT span:after{ width:70px}
.proTxt{ margin:40px 0 20px}
.proNav{ display:none}
}

@media only screen and (max-width: 480px) {
	.titleT{ display:none}
}

@media only screen and (max-width: 460px) {
}

@media only screen and (max-width: 435px) {
.Inew_font{ width:72%}
.ulTxt{top:81%}
.rightCul li:hover .ulTxt h3{margin:15px 20px}
.divinput > input{ width:62%}
.help_font a{width:60%; float:none;margin:5% auto 1%}
}

@media only screen and (max-width: 410px) {
.proNav{ height:auto}
.proTxt table tr td, .proTable tr td{ padding:8px 2px;word-wrap:break-word; word-break:normal; font-size:12px}
}

@media only screen and (max-width: 400px) {
.sevys_list li{ float:none; width:96%; margin:0 auto 2%}
.formC .butt{ width:110px}
.formC textarea{ width:70%}
}

@media only screen and (max-width:370px) {
.in_title small{ display:none}
.logo{ width:48%}
.ht_color{ display:none}
#banner ul.banner-list p{ font-size:14px !important; line-height:20px !important}
.alertext{ width:280px; height:480px; margin:-240px 0 0 -140px; }
.one_line .userid,.one_line .liuyanbox .liuyan,.one_line .gongsi,.one_line .tel{width:85%}
.one_line2.clearfix h2{ font-size:16px; font-weight:600}
.close{ top:22px}
.ulTxt{top:86%}
.rightCul li{ width:100%; float:none; margin:0 0 4% 0}
.rightCul li:hover .ulTxt h3{margin:35px 20px}
.divinput > input{ width:55%}
.contactTxt h3{ font-size:20px}
.contcat{ background:none; padding-bottom:0}
.case .Inew_img li{width:100%; float:none; margin:0 0 25px}
.pro-Nav{ padding:1px}
.pro-Nav a{padding:0; width:100%; display:block; float:none; text-align:center; display:none}
}

@media only screen and (max-width: 330px) {
.Inew_font{ width:70%}
.Icontact_list li{ width:80%; float:none; margin:0 auto}
.formC textarea{ width:66%}
}


