@charset "utf-8";
@import url(dll.css);
@import url(font.css);
@import url(main.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);
/* ��ҳ���ֿ�ʼ */
.topline{height:34px; border-bottom:1px solid #ebebeb;}
.welcome{float:left; line-height:34px;}
.top_nav{float:right; line-height:34px;}
.top_nav li{padding:0 10px; float:left;}

.gsjj2 h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 50px;
}
.index_aboutus .i_mauto{
	    display: flex;
    align-items: center;
    justify-content: space-between;
}
.lxwm {
    float: left;
    width: 40%;
    line-height: 41px;
}
.lxwm h3 {
    font-size: 18px;
    font-weight: 600;
}
.gsjj2 {
    font-size: 14px;
    line-height: 30px;
    text-indent: 2em;
    text-align: justify;
}
.dbxx {
    
    width: 32%;
}

.show{
   width: 1139px;
    height: 572px;
    margin: 31px auto 0;
    overflow: hidden;
    font-family: "Microsoft Yahei";
    background: url(/templates/Images/show.jpg) no-repeat center 110px;
}
.show h2{
    height: 110px;
    background: url(/templates/Images/show_nav.gif) repeat-x center 51px;
    overflow: hidden;
    text-align: center;
    color: #232323;
}
.show h2 span{
        display: block;
    width: 900px;
    height: 29px;
    border: 1px solid #cecece;
    margin: 0 auto;
    text-align: center;
    line-height: 29px;
    font-size: 18px;
    font-weight: normal;
}
.show h2 a{
    display: inline-block;
    font-size: 28px;
    padding: 0 17px;
    background: #fff;
    color: #232323;
    line-height: 42px;
}
.show h2>em{
    display: block;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
}
.show h2 a em{
    color: #f28100;
    display: inline-block;
    padding-right: 10px;
}
.show dl{
width: 395px;
    height: 206px;
      margin-top: -10px;
    overflow: hidden;
}
.show dl.dl02 {
	margin-top: 20px;
}
.show dl.dl04 {
margin-top: 58px;
}
.show dl dt{
    padding-left: 20px;
    line-height: 38px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
}
.show dl dt a{
    color: #333;
}
.show dl dd{
    padding-top: 7px;
}
.show .dl01 dd{
    background: url(/templates/Images/show_line1.gif) no-repeat 7px top;
    padding-left: 21px;
}
.show dl dd p{
    font-size: 14px;
    color: #444444;
    line-height: 30px;
}
.show dl dd p span{
    color: #f28100;
    font-weight: bold;
}
.show .dl03, .show .dl04{
    text-align: right;
}
.show .fr{
    float: right;
}
.show .fl{
    float: left;
}
.show .dl03 dt, .show .dl04 dt{
    text-align: right;
    padding-right: 30px;
}
.show .dl03 dd{
    background: url(/templates/Images/show_line4.gif) no-repeat right top;
    padding-right: 12px;
    margin-right: 9px;
}
.show .dl02 dd{
    background: url(/templates/Images/show_line2.gif) no-repeat 7px top;
    padding-left: 21px;
}
.show .dl04 dd{
    background: url(/templates/Images/show_line5.gif) no-repeat right top;
    padding-right: 12px;
    margin-right: 9px;
}
.wrap1{
    height: 597px;
    position: relative;
    z-index: 1;
    background: url(/templates/Images/bj1.gif) repeat;
    overflow: hidden;
    font-family: "Microsoft Yahei";
    padding-top: 54px;
}
.cost{
    width: 960px;
    height: 448px;
    margin: 0 auto;
    overflow: hidden;
}
.cost h2{
    height: 87px;
    background: url(/templates/Images/show_nav.gif) repeat-x center 52px;
    overflow: hidden;
    text-align: center;
}
.cost h2 img{
    display: block;
    margin: 0 auto;
}
.cost h2 a{
    font-size: 28px;
    padding: 0 45px;
    display: inline-block;
    line-height: 50px;
    background: url(/templates/Images/bj1.gif) repeat;
    color: #232323;
}
.cost h2 em{
    color: #f28100;
}
.tel{
    width: 265px;
    height: 329px;
    border: 1px solid #dedede;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
    background: url(/upload/ueditor/image/20210601/16225362284019285.jpg) no-repeat;
    float: left;
}
.tel p{
    position: absolute;
    top: 290px;
    left: 88px;
    background: url(/templates/Images/tel_ico.png) no-repeat left center;
    padding-left: 35px;
    color: #2b2b2b;
}
.en .tel p{
	    position: absolute;
    top: 290px;
    left: 18px;
    background: url(/templates/Images/tel_ico.png) no-repeat left center;
    padding-left: 35px;
    color: #2b2b2b;
    white-space: nowrap;
}
.tel p span{
    display: block;
    color: #f28100;
    font: bold 18px Arial, Helvetica, sans-serif;
}
.cost_c{
    width: 692px;
    height: 329px;
    border: 1px solid #dedede;
    border-left: 0;
    overflow: hidden;
    float: right;
    margin-top: 30px;
    background: #fff;
}
.cost_c tr th{
    height: 43px;
    line-height: 43px;
    border-bottom: 1px solid #dedede;
    background: #f8f8f8;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    overflow: hidden;
    border-right: 1px solid #dedede;
    padding: 0 10px;
}
.cost_c tr th span{
    display: inline-block;
    padding: 0 17px;
    color: #f28100;
}
.cost_c tr td{
    border-right: 1px solid #dedede;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    border-bottom: 1px solid #dedede;
}
.cost_c tr .td01{
    color: #f28100;
    font-weight: bold;
}
.cost_c tr td span{
    color: #f28100;
}
.wrap1 .pic{
    width: 960px;
    height: 148px;
    overflow: hidden;
    margin: 0 auto;
}



.header{height:113px;}
.logo{float:left;margin-left: -48px;}

.htxt{float:left; padding-left:10px; padding-top:25px; color: #222; font-size: 18px; line-height: 27px;}
.htxt span{color: #eb5902; font-size: 18px;}
.htxt strong{font-size: 20px; display: block; font-weight: bold;}

.hotline{float:right; height:45px; margin-top:28px; padding-http://mfdz843.no1.35nic.com/admin/admins_initcreatehtml.aspleft:54px; color:#222; line-height:20px; }
.hotline span{ font-size:24px; display:block; color:#eb5902;line-height: 52px;}

.i_nav{height:55px; background:#eb5902;}
/*.i_nav li{float:left; height:55px; text-align:center;}
.i_nav li > a{position:relative; color:#fff; height:43px; font-size:14px; padding:12px 16px 0; display:inline-block; text-align:center ; font-size:14px;}
.i_nav li > a span{ display:block;}
.i_nav li > a ins{display:block; color:#f5ac81; font-size:8px; line-height:16px; text-transform:uppercase; text-decoration:none;}
.i_nav li > a:hover{color:#FFF; background: #3c4155;}
.i_nav li > a:hover ins{color:#9ea0aa;}
.i_nav li > a.on{color:#FFF; background: #3c4155;}
.i_nav li > a.on ins{color:#9ea0aa;}
.i_nav li.line{width:1px; overflow:hidden; background:url(../Images/nav_line.jpg) no-repeat center top;}*/

.i_banner_box{height: 577px;overflow: hidden;position: relative;width: 100%;}
.i_banner{display: inline;float: left;}

.search{width:100%; height:41px; border-bottom:1px solid #ebebeb;    display: none;}
.search dl{float:left; line-height:41px;    display: none;}
.search dl dt{float:left; font-weight:bold;}
.search dl dd{float:left;}
.search dl dd a{padding:0 10px;}
.search ul{float:right; margin-top:8px; height:19px;}
.search li{float:left;}
.search li input{float:left; padding:0; margin:0; border:0;}
.search li input.fs_int{width:240px; text-indent:5px; margin-right:10px; font-size:12px; color:#666666; height:22px; line-height:22px; border:1px solid #ebebeb; font-family:microsoft yahei;}
.search li input.fs_btn{ background:url(/templates/images/btn_search.png) no-repeat; width:49px; height:24px;}
.i_container{padding:25px 0 0; overflow:hidden;}

.i_box01{width:960px; margin:0 auto;}

.i_prosort{float:left; width:237px; overflow:hidden;}
.i_prosort_l{border-width:0 1px 1px; border-style: solid; border-color:#e5e5e5; padding:20px 20px 15px;}
.i_prosort_l li{height:38px; overflow:hidden; vertical-align:middle}
.i_prosort_l li a{ display:block; overflow:hidden; height:31px; border:1px solid #e5e5e5; padding-left:45px; line-height:31px; color:#222;    font-size: 14px;}
.i_prosort_l li a:hover{border-color:#f26901; color:#fff; background:url(../Images/icon02.jpg) no-repeat left top;}

.i_pro{float:right; width:706px; overflow:hidden;}

.i_pro_f{ height:346px; overflow:hidden;}
.i_pro_fl{ float:left; width:464px; overflow:hidden;margin-bottom: 30px;}
.i_pro_fl a{ display:block;}
.i_pro_fl img{ width:456px; height:320px; padding:3px; border:1px solid #e4e4e4; display:block;}
.i_pro_fr{ float:right; width:227px; line-height:32px; color:#333}
.i_pro_fr h4{ height:288px; overflow:hidden;font-size: 14px;}
.i_pro_fr span{ height:30px; overflow:hidden;}
.i_pro_fr a{ float:left; display:block; width:90px; height:27px; background:#f26901; border-radius:3px; text-align:center; line-height:27px; margin-right:15px; color:#fff;}
.i_pro_fr a.zx{ background:#333333;}
.i_pro_fr a:hover{color:#FFF; text-decoration:underline;}
.i_pro_l{width:706px; height:186px; overflow:hidden;}
.i_pro_l ul{width:30000px; overflow:hidden;}
.i_pro_l li{ float:left; width:223px; padding-right:18px;}
.i_pro_l li a{ display:block;}
.i_pro_l li img{ display:block; border:1px solid #e5e5e5; padding:3px; width:215px; height:177px;}

.i_case{width:980px; margin:10px auto 0;}

.i_case_s{width:980px; height:69px; overflow:hidden;}
.i_case_s li{display:block; width:190px; height:49px; margin-right:2px; float:left;}
.i_case_s a{ display:block; width:188px; height:47px; border:1px solid #d5d5d5; color:#2b2e3f; font-size:14px; font-weight:bold; text-align:center; line-height:47px;}
.i_case_s a:hover{ color:#fff; background:#eb5902;}
.i_case_s a.on{ color:#fff; background:#eb5902;}

.i_case_l{width:980px; height:261px; overflow:hidden;}
.i_case_l ul{width:3000px; overflow:hidden;}
.i_case_l li{ display:block; float:left; width:309px; margin-right:12px;}
.i_case_l li img{ width:297px; height:202px; padding:5px; border:1px solid #e7e7e7;}
.i_case_l li span{ display:block; text-align:center; height:40px; line-height:40px; text-align:center; color:#666;font-size: 14px;}

.i_box02{width:100%; padding:30px 0; background:#f3f3f3;}

.i_gbook01_l{ /*overflow:hidden;*/}
.i_gbook01_l li{ height:197px; }


.i_news01{float:left; padding:9px; background:#fff; width:55%;}
.i_news01_i{width:515px; height:286px; padding-bottom:29px; overflow:hidden; display:none;}
.i_news01_i img{width:515px; height:286px;}
.i_news01_l{width:100%; padding:0 20px; overflow:hidden; box-sizing: border-box;}
.i_news01_l li{width:100%; height:33px; line-height:33px;}
.i_news01_l li a{float:left; display:block; width:385px; text-indent:20px; background:url(../Images/icon03.jpg) no-repeat left center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;font-size: 14px;}
.i_news01_l li span{float:right; width:90px; display:block; text-align:right;font-size: 14px;}

.i_news02{float:right; padding:9px; background:#fff; width:390px;}
.i_news02_l{padding:10px 20px; height:197px; width:350px; overflow:hidden;}
.i_news02_l dl{width:350px; margin-top:10px;}
.i_news02_l dl dt{padding:2px 0 2px 30px; line-height:20px; background:url(../Images/icon04.jpg) no-repeat left 3px;}
.i_news02_l dl dd{padding:2px 0 2px 30px; line-height:23px; background:url(../Images/icon05.jpg) no-repeat left 3px;}


.i_barndlist_01 {
    height: 197px;
    overflow: hidden;
    width: 350px;
}


.i_news03{float:right; padding:9px; background:#fff; width:40%;}
.i_news03_l{padding:0 20px; overflow:hidden; width: 100%; box-sizing: border-box;}
.i_news03_l li{width:100%; height:33px; line-height:33px;}
.i_news03_l li a{float:left; display:block; width:260px; text-indent:20px; background:url(../Images/icon03.jpg) no-repeat left center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;    font-size: 14px;}
.i_news03_l li span{float:right; width:90px; display:block; text-align:right;    font-size: 14px;}

.i_news04{float:left; width:300px;}
.i_news04_l{overflow:hidden;}
.i_news04_l li{width:300px; height:33px; line-height:33px;}
.i_news04_l li a{float:left; display:block; width:210px; text-indent:20px; background:url(../Images/icon03.jpg) no-repeat left center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_news04_l li span{float:right; width:90px; display:block; text-align:right;}

.i_links{width:100%; height:40px; margin-top:20px; background:#eb5902;    display: none;
}
.i_links_l{float:left; line-height:40px;}
.i_links_l a{display:inline-block; color:#eaeaea; margin-right:20px;}
.i_links_l a:hover{ color: #FFF;}

.footer{padding:30px 0; margin-top:2px; overflow:hidden; background:#3c4155;}
.footer_nav{ line-height:50px; overflow:hidden; color:#ffffff; text-align:center; border-bottom:1px solid #1f222c;}
.footer_nav a{ padding:0 10px; color:#FFF;}
.footer_nav a:hover{color:#eb5902;}
.fbox{ 
	    border-top: 1px solid #595d6e;
    padding-top: 30px;
    overflow: hidden;
    position: relative;
}
.copyright{float:left; color:#b6bac6; line-height:30px;font-size: 14px;width: 100%;}
.copyright a{ padding:0 10px; color:#b6bac6;}
.copyright a:hover{color:#eb5902;}
.jsq{float:left; color:#b6bac6; line-height:30px; display:block; padding-left:10px;}
.fewm{
      margin-left: 138px;
    position: absolute;
    top: 80px;
        right: 200px;}
/* ��ҳ���ֽ��� */

/* ��ҳ���ֿ�ʼ */
.p_banner{width:960px; margin:10px auto 0; height:253px; overflow:hidden;}
.p_container{padding:10px 0; overflow:hidden;}

.p_left{float:left; width:20%; overflow:hidden;}
.p_right{float:right; width:78%; overflow:hidden;}

/*.sidebar{border-width:0 1px 1px; border-style: solid; border-color:#e5e5e5; padding:10px 20px 15px;}
.sidebar li{height:38px; overflow:hidden; vertical-align:middle; font-size:14px;}
.sidebar li a{ display:block; overflow:hidden; height:31px; border:1px solid #e5e5e5; padding-left:35px; line-height:31px; color:#222}
.sidebar li a:hover{border-color:#f26901; color:#fff; background:url(../Images/icon06.jpg) no-repeat left top;}
.sidebar li a.on{border-color:#f26901; color:#fff; background:url(../Images/icon06.jpg) no-repeat left top;}*/

.pl_con{padding:10px 5px; line-height:25px; border-width:0 1px 1px; border-style: solid; border-color:#e5e5e5;}

.p_path{line-height:30px; height:30px; padding-left:10px; color:#FFF; border:1px solid #cccccc; background:#3c4155;}
.p_path a{padding:0 10px; color:#FFF;}
.p_path span{padding:0 10px; color:#FFF;}
.p_path a:hover{ color:#eb5902;}

.p_content{ padding:20px; margin-top:10px; border:1px solid #d5d5d5; border-radius:5px; width:100%; float:left; box-sizing: border-box;}
.p_about{line-height:30px; font-size:14px;}

/* ��ҳ���ֽ��� */
.i_left{ float:left;}
.i_right{ float:right;}

.index_aboutus {
    margin: 40px 0;
    overflow: hidden;
    position: relative;
}
.index_aboutus .more {
    position: absolute;
    bottom: 5px;
    right: 10px;
    color: orange;
    font-size: 12px;
}
.gsjs {
    width: 48%;
    float: left;
}
.gsjs img {
    width: 100%;
}
.gsjs1 {
    width: 51%;
    float: right;
    position: relative;
}
.gsjs1 p {
    text-indent: 2em;
    font-size: 14px;
    line-height: 34px;
    padding: 5px;
}

/*响应式网站制作开始*/
.i_banner_box123 img{max-width: 100%;width:100%;}
.i_banner_box123 { }

@media screen and (max-width: 1366px) { /*当屏幕尺寸小于1366px时，应用下面的CSS样式*/

}/*当屏幕尺寸小于1366px时，结束应用下面的CSS样式*/

@media screen and (max-width: 1024px) { /*当屏幕尺寸小于1024px时，应用下面的CSS样式*/

}/*当屏幕尺寸小于1024px时，结束应用下面的CSS样式*/

@media screen and (max-width: 768px) { /*当屏幕尺寸小于768px时，应用下面的CSS样式*/
.iconfont.icon-next-copy {font-size: 30px !important;}
.mfbox {width: 100%;}
.i_nav{display:none}
.navbar-toggle{display:block;margin-right: 10px;margin-top: 5px;line-height: 60px;}
.navbar-toggle{display:block;}
.i_nav { width: 100%; height: auto; right: 0; z-index: 9999;margin:0px;position: absolute;}
.ddsmoothmenu ul {  width: 100%;}
.ddsmoothmenu ul li {  width: 100%; height: auto;border-bottom: 1px #f6f6f6 solid;background: #fff;}
.nava:hover,.navactive:hover { background: #fff;}
.ddsmoothmenu ul li  a{color:#000;}
.ddsmoothmenu ul li  a:hover{color:#f58703;}
.ddsmoothmenu ul li a.navactive {width: 100%;background: #f58703;color: #fff;}
.nava { width: 100%; height: 40px; line-height: 40px; border: none;}
.navactive, .navactive:hover { width: 100%;line-height: 40px; height: 40px;background: #f58703;padding:0px;}
.navactive, .navactive:hover, .nava, .nava:hover { width: 100%;font-size: 13px;padding:0px;line-height:40px;}
.ddsmoothmenu ul li a {width: 100%;}
.i_nav ul li ul { position: relative; width: 100% !important;}
.i_nav ul li ul li { width: 100%; border: 0;}
.i_nav ul li ul li a { width: 100%;}
.welcome{display: none;}
.htxt{display: none;}
.hotline{display: none;}
.mauto {width:100%;}
.iconfont.icon-fenlei {margin: -70px 10px 0 0;position: relative;}
.search {-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;padding:0 10px;}
.search dl dd { width: 82%;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.search li input.fs_int { width: 100%;}
.i_container {padding: 25px 10px 0;-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;}
.i_box01 { width: 100%;}
.i_prosort {width: 100%;float: none;}
.i_prosort_l {height: 112px;}
.i_prosort_l li {width: 17%;float: left;padding: 0px 10px;}
.i_prosort_l li a {text-align: center;padding-left:0px;}
.i_pro {float: none;width: 100%;}
.i_case {width: 100%;}
.i_case_s {width: 100%;}
.i_case_l {width: 100%;}
.i_case_s li {width: 19%;height: auto;margin-right: 3px;margin-left: 4px;}
.i_case_s a {width: 100%;}
.i_case_l li {margin-right: 30px;margin-left: 30px;}
.i_box02 {padding: 0px 0px ;-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;width:100%;}
.i_news01 {padding: 9px 0px;width: 100%;float:none;}
.i_news01_i {width: 100%;height: auto !important;}
#flash_show_out {height: auto !important;width: 100% !important;}
#flash_img {height: auto !important;width: 100% !important;}
#flash_img a img {height: auto !important;width: 100% !important;}
.i_news01_l {width: 100%;padding:0px;}
.i_news01_l li {width: 100%;}
.i_news01_l li a {width: 60%;}
.i_news02 {width: 100%;float:none;padding: 9px 0px;}
.i_news02_l {padding: 10px 0px;width: 100%;}
.i_barndlist_01 {width: 100%;}
.i_news02_l dl {width: 100%;}
.i_news03{width: 100%;float:none;padding: 9px 0px;}
.i_news03_l { padding: 0px;}
.i_news03_l li {width: 100%;}
.i_news03_l li a {width: 60%;}
.i_news04 {width: 100%;float:none;}
.i_news04_l li {width: 100%}
.i_news04_l li a{width: 60%}
.ml30 {margin-left: 0px;}
.i_links_l {width: 86%;overflow: hidden;white-space: nowrap;}
.i_nav li a span{display:none;}
.i_nav li.line {display:none;}
.logo {padding-left: 1%;margin-left: 0;}
.pl_con{display: none;}
.title07{display: none;}
.p_banner {width: auto;margin: 10px auto 0px;height: auto;}
.slide{}
.p_banner img{max-width:100%;height: auto;}
.p_container {padding:10px;width:100%;-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.p_left {float:none;width:100%;margin-bottom:10px;}
.sortnavt h3 {float:none;width:100%;background-size:100% auto;}
.sortnavul li a:hover {background-size:100% auto;}
.sortnavul li a{padding-left: 46%;}
.sidebar_l {float:none;width:100%;padding:10px 10px;-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;}
.n_j_list li a{width:60%;}
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
#gbookMain{width:432px !important;}
input#gbookTopic{width:432px !important;}
input#userMail{width:432px !important;}
#com_logo img { max-height: 90px;}
}/*当屏幕尺寸小于768px时，结束应用下面的CSS样式*/

@media screen and (max-width: 736px) { /*当屏幕尺寸小于736px时，应用下面的CSS样式*/
.search dl dd { width: 60%;}
  .productremark img{
  	    width: 90%;
    display: block;
    margin: 0 auto;
  }
.p_right{float:none;width:100%;padding:0px;-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;}
.p_content {float:none;width:100%;padding: 0px 10px;-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;}
.p_newsf {width: 100%;padding-top: 10px 0px;}
.p_newsi {width: 30%;height: auto;}
.p_newsi img {width: 100%;height: auto;}
.p_newsc {width: 66%;}
.p_newsc h3 {width: 100%;margin-bottom:0px;}
.p_p_f {width: 100%;}
.p_p_i {width: 30%;height: auto;}
.p_p_i  img {width: 100%;height: auto;}
.p_p_c {width: 66%;}
.p_newsf1 {width:100%;}
.p_newsc1 {width:100%;}
.p_newsc1 h3 {width:100%;}
}/*当屏幕尺寸小于736px时，结束应用下面的CSS样式*/


@media screen and (max-width: 667px) { /*当屏幕尺寸小于667px时，应用下面的CSS样式*/
.i_pro_fl {width: 60%;}
.i_pro_fr {width: 30%;}
.i_pro_fl img {width: 100%;height: auto;}
}/*当屏幕尺寸小于667px时，结束应用下面的CSS样式*/

@media screen and (max-width: 568px) { /*当屏幕尺寸小于568px时，应用下面的CSS样式*/
.i_prosort_l li {width: 16%;}
.i_pro_fl img {border: 0px solid #e4e4e4;}
.i_pro_fr h4 {height: auto;}
.i_pro_fr {width: 39%;}
.i_pro_f {height: auto;margin-bottom: 10px;}
.i_pro_l {height: auto;width: 100%;}
.i_pro_l li {padding-right: 23px;margin-left: 26px;}
.i_case_s li{margin-right: 1px;}
.i_case_l ul {width: 100%;}
.i_case_l li{margin: 0 auto;width: 100%;float: none;}
.i_case_l li img{margin: 0 auto;display: block;}
.i_case_l{height: auto;}

}/*当屏幕尺寸小于568px时，结束应用下面的CSS样式*/

@media screen and (max-width: 480px) { /*当屏幕尺寸小于480px时，应用下面的CSS样式*/
.i_prosort_l li {width: 20%;}
.i_prosort_l {height: 146px;}
.search{display:none;}
.show{width: 100%;background: none;height: auto;}
.show h2 span{width: 100%;}
.show dl.dl04,.show .dl03{margin-top: 20px;}
.wrap1{height: auto;}
.cost{
    width: 100%;
    height: auto; 
}
.cost h2 img{width: 100%;}
.show dl{width: 100%;height: auto;}
.tel{
    width: 100%;
    background: url(/upload/ueditor/image/20210601/16225362284019285.jpg) no-repeat center;
}
.cost_c{
    width: 100%;
    height: auto;
}
.wrap1 .pic{
    width: 100%;
    height: auto;
}
.wrap1 .pic img{width: 100%;}
.i_mauto{width: 90%;}
.i_pro_fl {width: 100%;}
.i_pro_fr {width: 100%;}
.i_pro_l ul {width: 100%;}
.i_pro_l li{
    width: 50%;
    padding-right: 0px;
    margin-left: 0px;
    padding: 5px;
    box-sizing: border-box;}
.i_pro_l li img {margin: 0 auto;margin-bottom: 10px;    width: 100%;
    height: 215px;}
.title03 {margin-bottom: 0px;}
.index_aboutus .i_mauto{flex-wrap: wrap;}
.gsjs,.gsjs1{width: 100%;}
.gsjs img{width: 100% !important;height: auto !important;}
.index_pic img{width: 100%;}
.dbxx{width: 100%;}
.i_case_s {height: 60px;}
.i_case_s li{margin-right: 1px;margin-bottom: 3px;width: 32%;}
.i_case_s a {font-size: 12px;height: 23px;line-height: 23px;}
.fewm {display: none;}
.copyright {padding-left: 10px;}
.i_links{display: none;}
.navbar-toggle {width: 50px;height: 50px;font-size: 26px;line-height: 52px;}
.p_newsf1 {padding-bottom:0px;}
.p_newsc1 h3{margin-bottom:0px;}
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
#gbookMain{width:300px !important;}
input#gbookTopic{width:300px !important;}
input#userMail{width:300px !important;}
.header { height: auto;}
.iconfont.icon-fenlei {    margin: -70px 10px 0 0;}
#com_logo img { margin-top: 0;}
}/*当屏幕尺寸小于480px时，结束应用下面的CSS样式*/

@media screen and (max-width: 414px) { /*当屏幕尺寸小于414px时，应用下面的CSS样式*/
.i_prosort_l li {width: 26%;padding: 0px 12px;}
.i_prosort_l {height: 182px;}
.p_about {font-size: 12px;}
.p_newsc h3 {font-size: 14px;}
.p_newsf {padding-bottom:0px;}
.p_p_c h3 {width:100%;font-size: 14px;margin-bottom:0px;}
}/*当屏幕尺寸小于414px时，结束应用下面的CSS样式*/

@media screen and (max-width: 375px) { /*当屏幕尺寸小于375px时，应用下面的CSS样式*/
.i_prosort_l li {width: 26%;padding: 0px 10px;}
.i_case_s li{width: 31%;}
.footer_nav a {padding: 0 12px;}
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
#gbookMain{width:219px !important;}
input#gbookTopic{width:219px !important;}
input#userMail{width:219px !important;}
}/*当屏幕尺寸小于375px时，结束应用下面的CSS样式*/


@media screen and (max-width: 360px) { /*当屏幕尺寸小于360px时，应用下面的CSS样式*/
.iconfont.icon-next-copy {font-size: 26px !important;}
.p_n_info{display:none;}
.p_n_title {font-size:14px;}
.remark {padding-top:0px;}
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
#gbookMain{width:206px !important;}
input#gbookTopic{width:206px !important;}
input#userMail{width:206px !important;}
}/*当屏幕尺寸小于360px时，结束应用下面的CSS样式*/


@media screen and (max-width: 320px) { /*当屏幕尺寸小于320px时，应用下面的CSS样式*/
.i_prosort_l li {width: 30%;padding: 0px 4px;}
.i_case_l li img {padding: 2px;border: 0px solid #e7e7e7;}
.footer_nav a{padding: 0 14px;}
.footer_nav {height: 20px;line-height: 20px;}
.p_n_title {font-size:12px;}
#gbookMain{width:168px !important;}
input#gbookTopic{width:168px !important;}
input#userMail{width:168px !important;}
}/*当屏幕尺寸小于320px时，结束应用下面的CSS样式*/