@charset "utf-8";
@import url(dll.css);
@import url(font.css);
@import url(main.css);
@import url(banner.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
/* ��ҳ���ֿ�ʼ */
.header{height:auto;}
.mauto{width:100%}
.logo_call{display: flex; align-items: center; justify-content: space-between; overflow: hidden;width: 1200px; max-width: 100%; margin: 0 auto;}
.logo{float:left; width:200px; overflow:hidden;}
.tcall{display: flex; float: right; align-items: center; justify-content: space-around;}
.tcall img{width: 46px; height: auto;}
.tcall h3{font-size: 24px; color: #c01f31;}
.tcall h4{font-size: 14px; color: #666;}
.i_mhqrz > ul > li div {
    /* float: right; */
    width: 100%;
}
.i_panter_l span {
    float: left;
    font-size: 15px;
    font-weight: bold;
    margin-right: 11px;
}
.i_nav{float: initial; width: 100%; height: 50px; background: #ec4b2f;}
/*.i_nav li{float:left; width:100px; height:40px; line-height:40px; font-size:16px; text-align:center;}
.i_nav li a{color:#030304; display:block; border-radius:5px;}
.i_nav li a:hover{color:#FFF; text-decoration:none; background:#c8a063;}
.i_nav li a.on{color:#FFF; text-decoration:none; background:#c8a063;}*/

.banner{position:relative; width:100%; height:525px; overflow:hidden;}
.i_banner{float:left; display:inline; width:100%; margin-left:0px !important;}
.banner img{ width:100% !important;}

.i_container{}

.sort_l{width: 1200px;  height: auto;  text-align: center;  margin: 27px auto 0;position: relative;}
.sort_l li{display: inline-block;width: 16%;}
.sort_l li a{display: block;  line-height: 38px;  text-align: center;  margin: 0 10px;  border: solid 1px #dadada;  font-size: 16px;  color: #333333; 
 -webkit-transition: .3s;  -o-transition: .3s;  transition: .3s;  overflow: hidden;  -ms-text-overflow: ellipsis;  text-overflow: ellipsis;  white-space: nowrap;}
.sort_l li a:hover{color:#FFF; text-decoration:none; background:#f37a57;}
.sort_l li a.on{border-color: rgba(240, 89, 45, 0.8); background: rgba(240, 89, 45, 0.8); color: #fff;}
.sort_l li a.activetab{color:#FFF; text-decoration:none; background:#bf0000;}

.title{text-align: center; margin: 0 auto;line-height: initial;}
.title h3{font-size: 30px; color: #333;}
.title span{font-size: 18px; display: block; overflow: hidden; text-transform: uppercase; letter-spacing: 3px; padding: 10px 0 8px 0;}

.i_more{display: block; width: 170px; line-height: 36px; text-align: center; margin: 10px auto 0; font-size: 16px; color: #fff; background: #c01f31;
transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s;}
.i_more:hover{background-color: #EA3516;}
.i_more a{font-size:16px; color:#fff; padding:0 30px; }
.i_newsmore {      float: left;     max-width: 100%;     width: 100%;  }
.i_newsmore a{width: 168px;     border: solid 1px #dddddd;     display: block;     margin-left: 28%;  line-height: 34px;  margin-top: 20px;}
.i_newsmore a:hover {      background-color: #dd823d;     border-color: #dd823d;     color: #fff;  }

.i_psor{width:100%;max-width:100%;background-color: #eee;height:76px;}
.i_psor a{padding-left:10px;font-weight: initial;}
.i_psor .i_pbox{width:1200px;max-width:100%;margin:0 auto;font-size:14px;font-weight: bold;overflow: hidden;}
.i_psor p{float:left;line-height: 76px;}
.i_psor .i_pbox span{padding:8px 0;margin-right: 10px;font-weight:normal;}

.hd_search{float:right; width:325px; height:36px;border:1px solid #cecece;position: relative;top: 17px;}
#keywords{display: block;  width: 100%;  height: 40px;  line-height: 40px;  padding: 0 12px;  font-size: 14px;}
.search_btn{position: absolute;  top: 1px;  width: 40px;  height: 40px;  border: none;  outline: 0;  right:-25px;background: #f0592d  url(/templates/Images/search.png) no-repeat center;transition: .2s;}

.hd_search li{float:left;}
.hd_search li input{float:left; height:36px;}
.hd_search li input.hd_sint{width:269px;background: #fff;padding-left: 10px;}

.i_pro{padding:10px 0 90px;width: 100%;  max-width: 100%;  margin: 0 auto;background: url(http://picture.no3.mfdns.com/upload/cases/xf1060/bj_inpro.png) center;}
.i_pro_l{width:1100px; margin:0px auto 0; overflow:hidden;}
.i_pro_l ul{width:1120px; overflow:hidden;max-width: 100%;}
.i_pro_l li{float: left;  width: calc((100% / 4) - 20px);  height: 240px;  display: block;  margin: 15px 10px;  overflow: hidden;  background: #f4f4f4;  text-align: center;position: relative;}
.i_pro_l li img{width: 100%;  max-width: 100%;height: 190px;}
.i_pro_l li span{display:block; line-height:40px; overflow:hidden; padding:6px 10px;}
.i_pro .i_more{display:none;}
.i_pro .i_pro_l li > a:before {   content: "";   display:block;   position: absolute;   left: 0;   right: 0;   bottom: 50px;   top: 100%;   background: rgba(0,0,0,0.5); transition: all .3s;}
.i_pro .i_pro_l li > a:after {content: "查看更多"; display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 100%; color: #fff; margin: 0 20px 65px 20px; border: 1px solid #fff; padding-top: 20%;transition: all .3s;}
.i_pro .i_pro_l li:hover a:before{top:0;}
.i_pro .i_pro_l li:hover a:after{top:35px;}

.p_box{display: flex;width: 1200px; margin: 0 auto; max-width: 100%; overflow: hidden;}
.p_box .sort_l ul{display: flex;  flex-direction: column;  flex-wrap: wrap;}
.p_box .sort_l li{width:100%;}
.p_box .p_c{width: 75%;  max-width: 100%;}
.i_pro .sort_l{width: 20%; margin: 0;}
.sort_ltitle{background: -webkit-linear-gradient(bottom, #ea3516, #ee5e45);  background: -moz-linear-gradient(bottom, #ea3516, #ee5e45);  background: -o-linear-gradient(bottom, #ea3516, #ee5e45); 
box-shadow: 0 0 20px #ddd;background: linear-gradient(bottom, #ea3516, #ee5e45);  margin: 0 10px;  text-align: center;  color: #fff;  padding: 20px 0;}
.sort_ltitle h3{font-size: 24px; padding: 0 0 5px 0;}
.sort_ltitle span{font-size: 12px;}
.p_box .p_c .p_stitle ul{display: flex;position: relative;background: -webkit-linear-gradient(bottom, #fff, #eee);  background: -moz-linear-gradient(bottom, #fff, #eee);  background: -o-linear-gradient(bottom, #fff, #eee);
 background: linear-gradient(bottom, #fff, #eee);  border: 1px solid #eee;  margin-bottom: 15px;}
.p_box .p_c .p_stitle ul li a{font-size: 16px;  padding: 0 25px;  line-height: 40px;  color: #000;  display: block;  background: -webkit-linear-gradient(bottom, #fff, #ccc);  background: -moz-linear-gradient(bottom, #fff, #ccc);
 background: -o-linear-gradient(bottom, #fff, #ccc);  background: linear-gradient(bottom, #fff, #ccc);margin-right:5px;}
.p_box .p_c .p_stitle ul .aa a{font-size: 16px;  padding: 0 25px;  background: -webkit-linear-gradient(bottom, #ea3516, #ee5e45);  background: -moz-linear-gradient(bottom, #ea3516, #ee5e45); 
 background: -o-linear-gradient(bottom, #ea3516, #ee5e45);  background: linear-gradient(bottom, #ea3516, #ee5e45); line-height: 40px;  color: #fff;  display: block;}
.p_box .p_c .p_stitle ul > a{display: block;  line-height: 40px;  position: absolute;  right: 0;}
.p_c .box ul{display: flex;  flex-wrap: wrap;}
.p_c .box ul li{width: calc((100% / 4) - 10px);  margin: 0 5px 10px;  display: flex;  flex-direction: column;}
.p_c .box ul li img{width: 100%; max-width: 100%; height: 150px;}
.p_c .box ul li span{background-color: #ccc; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 15px 0; text-align: center;}

.zymhq{background: url(http://picture.no3.mfdns.com/upload/cases/xf1060/bj_incont.jpg) center;width: 100%;  max-width: 100%;  overflow: hidden;}
.zymhq ul{width: 1300px;  margin: 0 auto;  max-width: 100%;  display: flex;  justify-content: space-between;  align-items: center;padding: 40px 0;}
.zymhq ul li h3{font-size: 36px;color: #fff;}
.zymhq ul li p{font-size: 24px; line-height: 2; letter-spacing: 2px;color: #fff;}
.zymhq ul li span{color: #f0592d;}
.zymhq ul li h5{color: #fff; font-size: 14px;text-align: right;}
.zymhq ul li h4{font-size: 30px; padding: 15px 0 20px 0; text-shadow: 0 0 1px #000;color: #fff;}
.zymhq ul li a{background: #c01f31;  color: #fff;  display: block;  width: 100px;  text-align: center;  line-height: 40px;  float: right;overflow: hidden;}

.i_mhqrz{width: 1200px; margin: 50px auto 0; max-width: 100%; overflow: hidden;}
.i_mhqrz > ul > li{display: flex; align-items: center;}
.i_mhqrz > ul > li h3{background: #ea3516; color: #fff; width: 50px; height: 75px; font-size: 32px; text-align: center; overflow: hidden;margin-right: 10px;position: relative;}
.i_mhqrz > ul > li h3:before{content: "";position: absolute;  left: 5px;  right: 5px;  background: #fff;  height: 3px;  bottom: 15px;}
.i_mhqrz > ul > li div h4{display: block; overflow: hidden; font-size: 26px; line-height: 30px; padding: 0 0 14px 0; border-bottom: 2px dotted #ccc; color: #ea3516;}
.i_mhqrz > ul > li div > span{display: block; overflow: hidden; text-transform: uppercase; color: #999; padding-top: 10px; font-size: 16px;}
.i_mhqrz > ul > li div  p{line-height: 30px; text-align: justify; font-size: 14px; color: #666;}
.i_mhqrz > ul > li div  p span{color: #c01f31; font-weight: bold;}
.i_mhqrz > ul > li > ul > li{display: flex;}

.aboutbox{width: 100%;max-width: 100%;background: url(http://picture.no3.mfdns.com/upload/cases/xf1060/bj_inabout.jpg) center;position: relative;height: 530px;}
.about{width: 1200px;  max-width: 100%;  margin: 0 auto;  box-sizing: border-box;  padding: 50px 0;position: relative;height: 100%;}
.about title{background: rgba(255, 255, 255, 0.5);  max-width: 400px;  margin: 0 auto;padding: 30px;  margin-bottom: 30px;}
.about > div:nth-last-child(1){display: flex;background: #fff;padding: 23px;overflow: hidden;box-shadow: 0 0 20px #ddd;box-sizing: border-box;position: absolute;/* bottom: -150px; */}
.about > div:nth-last-child(1) img{width: 450px;  height: 320px;}
.about > div:nth-last-child(1) p{height: 228px;overflow: hidden;margin: 25px 0 10px 0;text-align: justify;font-size: 14px;padding: 0 12px 0 0;}
.about > div:nth-last-child(1) div{line-height: 2; color: #888;background: #fafafa;padding-left:30px;}
.about > div:nth-last-child(1) div a{color: #ea3516;display: block;  text-align: left;}

.i_pdll{margin-top: -50px;background: #f5f5f5;padding: 0px 0 50px;}
.i_pdll .sort_l li a{background: #ecebe8;}
.i_pdll .sort_l li a.on{border-color: #c01f31;  background: #c01f31;  color: #fff;}

.i_contact{padding:70px 0 90px;}
.i_contact_c{width:1100px; margin:40px auto 0; line-height:30px; text-align:center;}

.i_panter{overflow: hidden;}
.i_panter_l li a{color:#000;}
.i_panter_l{width:1200px; margin:20px auto; overflow:hidden;}
.i_panter_l ul{width:1128px; overflow:hidden;}
.i_panter_l li{float:left; display:inline;margin-right:25px;}
.i_panter_l img{width:251px; height:68px; border:3px solid #ccccca;}

.i_news .i_pro_l{width:100%;}
.i_news .sort_l ul{display: flex;}
.i_news .sort_l{width: 100%;  height: auto;  margin: 55px auto 0;  float: left;border-bottom: 1px solid #ededed; }
.i_news .sort_l li{display: inline-block;width: 16%;}
.i_news .sort_l li a{display: block;  line-height: 38px;  text-align: center;  margin: 0 10px;font-size: 16px;  color: #333333; position: relative;padding: 0 10px;
 -webkit-transition: .3s;  -o-transition: .3s;  transition: .3s; -ms-text-overflow: ellipsis;  text-overflow: ellipsis;  white-space: nowrap;}

.newsbox{width: 60%;  margin: 0 auto;  overflow: hidden;  max-width: 100%;  float: left;box-shadow: 0 0 15px #eee;box-sizing: border-box;background: #fafafa;}
.newsbox .i_pro_l div{float: initial;  overflow: hidden;  width: 100%;  text-align: justify;}
.newsbox .i_pro_l div img{float:left;width: 190px;  height: 135px;}
.newsbox .i_pro_l div .text{width: 57%;  float: left;  padding: 10px 0 10px 20px;}
.newsbox .i_pro_l div .text h2{font-size: 18px;  color: rgb(51, 51, 51);}
.newsbox .i_pro_l div .text span{font-size: 12px;  color: #999999;  padding: 10px 0 20px;display: block;}
.newsbox .i_pro_l div .text > div{height: 40px;  text-align: justify;}
.newsbox .i_pro_l ul li{width: calc((100% / 2) - 20px);  overflow: hidden;  max-width: 100%;line-height: 52px;  border-bottom: 1px solid #ccc;  box-sizing: border-box; text-indent: 1em;position: relative;background: none;  height: auto;}
.newsbox .i_pro_l ul li:before{position: absolute;  content: "";width: 3px;  height: 3px;  background: #000;  left: 0;  border-radius: 50%;  top: 25px;}
.newsbox .i_pro_l ul li  h2{float: left;}
.newsbox .i_pro_l ul li span{float: right;display:none;}
.i_news{overflow: hidden; width: 1200px;margin: 0 auto; max-width: 100%;padding: 58px 0 55px;}
.i_news .title{margin-bottom:20px;}
.i-newsbox {      width: 1200px;     margin: 0 auto;     max-width: 100%;  }
.i_newsbox {     width:width: 100%;     text-align: center;     float: left; overflow: hidden;}
.i_newsbox li{float: left; width: calc((100%/4) - 20px); max-width: 100%; margin: 0 10px; overflow: hidden;}
.i_newsbox li:hover {      border-color: #dd823d;  }
.i_newsbox li dl{float: left;  width: 68px;  height: 68px;text-align: center;font-size: 14px;margin-right: 10px;}

.i_newsbox li dl dt{padding-top: 8px; float: left; font-weight: normal; color: #333; font-size: 40px; line-height: 40px; display: block;}
.i_newsbox li dl dd{line-height:20px;color: #999;}
.i_newsbox li h4{float: left; color: #43443e; width: 270px; max-width: 100%; display: block; text-align: left; font-size: 14px; font-weight: normal; height: 40px; 
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 40px;}
.i_newsbox li span{display: block; float: left; width: 270px; height: 55px; font-size: 12px; line-height: 18px; overflow: hidden;text-align:justify;}
.i_newstitle {      line-height: 26px;     font-size: 22px;     color: #333333; text-align: center;margin-bottom: 35px;}

.i_newsbox li img{width: 285px; height: 205px; transition: all 0.5s;}

.i_news .slideTxtBox{width: 38%; float: right; max-width: 100%; overflow: hidden;}
	
#g{ width:100%;text-align:left; float: right; overflow: hidden;box-sizing: border-box;}
.container { margin: 0 auto; width: 940px}
.roll-wrap:hover .control {    display: block}
.roll-wrap {    position: relative;    width: 100%;    height: 100px;    overflow: hidden}
.roll-wrap .roll__list {position: absolute;}
.roll_row .roll__list::before,.roll_row .roll__list::after {    content: "";    display: table;    line-height: 0}
.roll_row .roll__list::after {    clear: both}
.roll_row .roll__list {    width: 9999px}
.roll_row .roll__list li {    float: left;    display: block;    margin-right: 20px;    width: 100px; height: 100px;    line-height: 100px;    font-weight: 700;    font-size: 30px;    text-align: center;    color: #fff;    background-color: #f90}
.control {  position: absolute;    top: 30px;   display: none;  padding: 10px 5px;  font-weight: 700;  text-decoration: none;  color: #fff;   background-color: rgba(0, 0, 0, .3)}
.control:hover {    background-color: rgba(0, 0, 0, .5)}
.control.pre {left: 5px}
.control.next {    right: 5px}
.roll_col {    width: 100%;    height: 300px;    overflow: hidden}
.roll_col .roll__list {    width: 100%}
.h600 {    height: 600px}
.roll_col li {    display: block;    height: auto;    line-height: 35px;    font-size: 14px;box-sizing: border-box; padding:10px 30px;   text-align: left;    color: #ccc;    background: #fafafa;border-bottom:1px solid #ccc;}
.roll_col li  h3{position: relative;}
.roll_col li > div{width: 100%;  text-overflow: ellipsis;  white-space: nowrap;position: relative;max-width: 100%;overflow: hidden;}
.roll_col li  h3:before{content: "";position: absolute;background: url(/templates/Images/icon_askw.png);width: 21px;height: 27px;left: -25px;top: 10px;}
.roll_col li  h3:after{content: "";position: absolute;background: url(/templates/Images/icon_askd.png);width: 21px;height: 27px;left: -25px;top: 46px;}
.roll_col .control {    top: 80px}

.gbox{float: right;  width: 38%;  overflow: hidden;box-shadow: 0 0 15px #eee;}
.gbox .title1{display: flex;  align-items: center;background: #fafafa;  justify-content: space-between;  padding: 10px;}
.gbox .title1 h3{font-weight: 600;  font-size: 16px;}

.qywh img{max-width:100%;}

button{outline:none;}
a{
	-webkit-tap-highlight-color:transparent;
	outline:none;
	blr:expression(this.onFocus = this.blur());
}
a:focus{
	outline:none;
}

.i_gywm{width:100%;max-width:100%;overflow: hidden;  padding: 50px 0;background:#f3f3f4;margin-top: 50px;}

/*首页底部*/
.row-a4{width:1200px;margin:0 auto;max-width:100%;overflow: hidden; background:#fff;margin-top: 50px;}

.i_gywm .wp{overflow: hidden;}


/* 结束首页底部*/

.footer{color:#FFF; line-height:30px; font-size:12px; }
.footer .f_box *{color:#666;font-size: 14px;}
.footer .f_box > img{position: relative;/* width: 200px; */border-right: 1px solid #666;padding-right: 50px;}

.footer .f_box{display: flex;  align-items: center;  text-align: left;  width: 1200px;  max-width: 100%;  margin: 0 auto;justify-content: space-around;padding: 30px 0 0;}
.footer .ewm{display: flex;  align-items: center;  flex-wrap: wrap;}
.footer .ewm div{width: 120px;  padding: 5px;  box-sizing: border-box;  border: 1px solid #d7d7d7;  margin: 0 20px;}
.footer .ewm div img{width: 100%;  max-width: 100%;}
.footer a{font-size: 14px; display: block; overflow: hidden; color: #fff; padding: 0 18px;}
.footer a:hover{color:##f0592d;}

.footer_nav{width: 100%; margin: 0 auto; overflow: hidden; line-height: 50px; background: #545454;}
.footer_nav ul{display: flex; align-items: center; justify-content: space-around; margin: 0 auto; width: 820px; max-width: 100%;}
.footer_nav a{font-size: 16px;}

.copyright{line-height: 30px;  font-size: 14px;  padding: 15px 0;  color: #666;  display: flex;  justify-content: center;text-align: center;}
#com_copyright div {     width: 1200px; max-width: 100%;}
.copyright img{/* border:7px solid #636363; */margin:10px 0;}
.jsq{ text-align:center;}
/* ��ҳ���ֽ��� */

/* ��ҳ���ֿ�ʼ */
.pbanner{position:relative; width:100%; height:262px; overflow:hidden;}
.p_banner{float:left; display:inline;}
.p_container{padding:20px 0 70px;width: 1200px;max-width:100%;margin: 0 auto;}

.p_about{width:80%; margin: 0 auto; overflow:hidden;float: right;}
/*.p_about strong{display:block; float:left; width:520px; text-align:center;}
.p_about dl{float:right; width:528px; padding:30px 20px 0 30px; padding-top:30px; line-height:20px;}
.p_about dl dd{ margin-top:20px; padding-left:25px; background:url(../Images/icon03.jpg) no-repeat 8px 8px;}*/
/* ��ҳ���ֽ��� */

.p_left{ float:left;}
.p_right{ float:right;}

.zzzs{width:1038px; margin:0px auto 0; overflow:hidden;}
.zzzs ul{width:1048px; overflow:hidden;}
.zzzs li{float:left; display:inline; width:250px; height:250px; margin-right:12px; background:#bf0000;}
.zzzs li img{width:250px; height:250px;}
.i_banner_box123 img { width: 100%;}
@media screen and (max-width: 1366px) { 
/*当屏幕尺寸小于1366px时，应用下面的CSS样式*/

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

@media screen and (max-width: 1024px) { 
/*当屏幕尺寸小于1024px时，应用下面的CSS样式*/
.mfbox{width:100%;min-width:100%;}
.mauto {width: 100%;}
.logo {width: 20%;}
.logo img {/* width: 100%; */}
.i_mhqrz > ul > li, .logo_call{padding: 0 20px; box-sizing: border-box;}
.zymhq ul{padding: 40px 20px;box-sizing: border-box;}
.i_pro_l {width: 100%;padding-left:5px;padding-right:5px;box-sizing: border-box;}
.i_pro_l ul {width: 100%;}
.i_pro_l li {width: calc((100% / 4) - 27px);height: auto;}
.i_prodll .i_pro_l li{width: calc((100% / 4) - 20px);}
.i_pro_l li img {width: auto;height: auto;max-height: 114px;}

.i_mhqrz > ul > li h3{height: 55px;}
.aboutbox{height: 390px;}
.about > div:nth-last-child(1){position: relative; bottom: 0;}
.about{padding: 35px 0;}

.i_container *{max-width: 100%;}
.hd_search{margin-right: 40px;}
.i_newsbox li span{width: 200px;}
.i_newsbox li h4{width: 200px;}
.fd-right{float: none;}

.fd-link{display: none;}

.i_newsbox li{width: 290px;margin: 0 10px;}

.i_news{padding: 30px 20px; box-sizing: border-box;}

.i_news_l {width: 98%;margin: 0 auto;padding-left: 5px;

padding-right: 5px;

box-sizing: border-box;}
.i_news_l li {width: 50%;}
.i_news_l li span {width: 75%;padding: 8px 2% 2px 0;}
.i_about_c {width: 93%;padding: 70px 3%;}
.i_contact_c {width: 100%;}
.i_panter_l li {width: 23%;margin: 0 1% 10px 1%;}
.i_about_c strong {width: 40%;}
.i_about_c strong img {width: 100%;}
.zzzs {width: 100%;}
.zzzs ul {width: 100%;}
.zzzs li {width: 23%;height: auto;margin-right: 1%;background: none;border: 1px solid #bf0000;}
.zzzs li img {width: 100%;height: auto;}
.i_about_c img {max-width: 100%;}
.i_panter_l ul {width: 100%;}
.i_panter_l img {width: 100%;height: auto;}

.n_n_list {width: 100%;}


.p_l_list {width: 100%;}
.p_l_list ul {width: 100%;}
.p_l_list li {width: 24%;height: auto;margin-right: 1%;}
.p_l_list li img {height: auto;width: 100%;}

/*单页图文*/
.p_container{width:100%;padding:20px 0;margin:0;}
.p_content{width:95%;}
.p_content_p{width:95%;}

/*产品列表*/
.p_p_list{width:98%;margin:0 auto;}
.p_p_list ul {width: 100%;}

.p_p_list li strong{width:100%;}
.p_p_list li img{/* width:100%; */max-height: 100px;}



.ul-imgtxt li{width: 23%;}



/*带图新闻列表*/
.n_n_list li{overflow: hidden;width: 100%;}
.n_n_list dd{width:60%;float:left;margin-left:15px;}
.navPage{width:66%;}
.footer{width:100%;min-width:100%;}

/*招聘中心*/
.n_j_list li{padding:0 10px;}
.n_j_list li a{width:80%;}
/*内页*/
.productremark{padding:0 10px;}
.p_about{width: 80%;margin: 0;padding-right: 15px;}
.p_container .title{padding-left: 15px;}
.remark{padding: 0 10px;}

.remark img{width:100%;}

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

@media screen and (max-width: 768px) {
 /*当屏幕尺寸小于768px时，应用下面的CSS样式*/
/*nav栏目*/
.logo img {
    max-height: 57px;
    padding: 4px;
}
.i_nav{display:none;height:auto;position:absolute;width:100%;top:70px;z-index: 9999;background:#fff;}
.ddsmoothmenu ul li{display:block;width:100%;border-top:1px solid #ccc;line-height: 50px;}
.navactive, .navactive:hover, .nava:hover, .nava.selected{line-height:50px;width: 100%;}

.navactive, .navactive:hover{padding:0;width: 100%;}
.navbar-toggle{display: block;background: #FFF;margin: 12px 10px 0 0;border: 1px solid #8D9BBB;background-image: url(/templates/images/icon0x.png);background-size: 100% 100%;position: absolute;  top: 0;left: calc(50% - 42px);}
.ddsmoothmenu ul li.line {
 border: 0;
}
.nava{border-radius: 0px;}
.navactive, .navactive:hover, .nava:hover, .nava.selected{border-radius: 0px;}
.i_pro_l li{width: calc((100% / 4) - 20px);}

.nava{color: #000;}
.i_newstitle{margin-bottom: 20px;}
.i_newsbox{width: 100%}
.i_newsbox li{    width: 333px;     margin: 10px 10px;}
.i_newsmore a{width: 172px; border: solid 1px #dddddd; display: block; line-height: 34px; margin: 20px auto;}

.zymhq{background: url(http://picture.no3.mfdns.com/upload/cases/xf1060/bj_incont.jpg) center no-repeat;}
.zymhq ul li h3{font-size: 16px;}
.zymhq ul li p{font-size: 18px;}

.i_psor .i_pbox{}
.i_psor{height: 76px;  padding: 0 5px;  box-sizing: border-box;}
.p_c .box ul li span {
    padding: 3px 0px;
}

.title h3 {
    font-size: 22px;
}

.title span {
    font-size: 13px;
    letter-spacing: 0px;
    padding: 2px 0 12px 0;
}

.i_mhqrz > ul > li div h4 {
    font-size: 20px;
}

.newsbox .i_pro_l div .text h2 {
    font-size: 16px;
}

.sort_ltitle {
    padding: 5px 0;
}

.sort_ltitle h3 {
    font-size: 21px;
}

.p_box .sort_l li {
    width: 49%;
    float: left;
}

.p_box .sort_l ul {
    display: inherit;
}

.row-a4{text-align: center;}
.ddsmoothmenu a{width: 100%;}
.ddsmoothmenu li::after, .navactive::after, .ddsmoothmenu .nava::after, .i_nav ul li ul::before{display:none;}
.i_nav ul li ul li{height:auto;width: 100%;}
.i_nav ul li ul{position: inherit;width: 100% !important;top: 0;}
.i_nav ul li ul li a{width: 100%;}
.p_lxwm, .about > div:nth-last-child(1) img, .i_mhqrz > ul > li img{display:none;}
.about > div:nth-last-child(1) div{background:none ;  padding-left: 0;}
.about > div:nth-last-child(1) p{height: auto;}
.aboutbox{height: auto;  background: no-repeat;}
.about > div:nth-last-child(1){padding: 0 20px;}
.i_pdll{margin-top: 0;  padding: 0px 0 50px;  background: none;}
.newsbox{width: 100%;}
.gbox{width: 100%;  margin-top: 30px;}
/*产品列表*/


/*带图新闻列表*/
.n_n_list li dl dt{display:none;s}
.n_n_list li{overflow: hidden;width: 100%;padding-left: 2%;}
.n_n_list dd{width:100%;float:left;margin-left:15px;}
.n_n_list li span {width: 85%;height: auto;padding: 8px 2% 2px 0;}

.n_n_list li dl{margin-right: 3%;}

/*留言板*/
.gbook_post td:nth-child(1){display:inline-block;width:78px!important;}
input#gbookMain{width:432px !important;}
input#gbookTopic{width:432px !important;}
input#userMail{width:432px !important;}
input[type="text"]{border: 1px solid #d3d3d3;}
.i_news_l li span {width: 70%;padding: 8px 2% 2px 0;}
  
  
  
h4.g-titIns1.btn {
    display: none;
}
.p_about h4.g-titIns1 {
    display: none;
}

.footer .f_box{flex-wrap: wrap;padding: 11px 60px;box-sizing: border-box;}
.footer .ewm{margin-top: 20px;}
.sort_l li a {
    font-size: 13px;
}
/*当屏幕尺寸小于768px时，结束应用下面的CSS样式*/

}

@media screen and (max-width: 480px) {
/*当屏幕尺寸小于480px时，开始应用下面的CSS样式*/
/*产品列表*/

.gbook_indexpost{padding:0}


.sortnavul li {display: block;margin: 1%;width: 23%;float: left;overflow: hidden;}
.i_psor{display:none;}
.ddsmoothmenu a{padding:0}

/*带图新闻列表*/
.n_n_list li{overflow: hidden;height:auto;}
.n_n_list dt{float:none;margin:0 auto;}
.n_n_list dd{width:100%;float:none;margin-left:0px;}
.n_n_list dd span{height:auto;}
/*轮播箭头大小颜色*/
.iconfont.icon-next-copy{color:#fff;font-size:35px;}
.slider-nav{bottom:7px;}
/*留言板*/
.gbook_post td:nth-child(1){display:inline-block;width:78px!important;}
.gbook_formbtn{text-align: center;}
input#gbookMain{width:300px !important;}
input#gbookTopic{width:300px !important;}
input#userMail{width:300px !important;}
#gbookMain{width: 304px;}

 .hd_search, .ul-imgtxt li:after{display:none;}
.i_prodll .sort_l li a{font-size: 16px;width: 100%;padding:0;}
.i_prodll .sort_l li{width: 50%;}
.i_prodll .sort_l ul{margin:0;margin-top: 150px;}
.i_newsbox li span{width: 80%;}
.i_newsbox li{width: 89%;}
.fd-qr{float: right;margin: 0 45px 20px 0;}
.i_nav ul li ul{left: 40%;}
.p_about, .p_container .title{width: 100%;padding: 0 20px;  box-sizing: border-box;}
.i_pro{padding: 0 10px;  box-sizing: border-box;}
.p_box{flex-wrap: wrap;}
.i_pro .sort_l, .p_box .p_c{width:100%;} 
.p_c .box ul li{width: calc((100% / 3) - 10px);}
.p_c .box ul li img{max-height: 120px;/* width: auto; */}
.i_mhqrz > ul > li h3{width: 80px;}
.i_news .sort_l{margin: 5px auto 0;}
.i_news .sort_l li{width: auto;}
.newsbox .i_pro_l div img{float: left;  width: 170px;  height: 150px;}
.newsbox .i_pro_l div .text{width: 100%;  float: left;  padding: 10px;}
.newsbox .i_pro_l ul li h2{white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden;}
.footer a{padding: 0 4px;font-size: 14px;}
.footer .f_box > img{padding-right: 0;  border: none;}

.sort_l li {display: block;width: 33%;float: left;margin: 10px 0;}
.i_prodll .i_pro_l li{width: calc((100% / 2) - 20px);}
.i_pro_l li {width: 47%;margin: 5px 1.5%;}
.i_news_l li {width: 100%;}
.i_news_l li span {width: 77%;}
.zzzs li {width: 48%;margin: 5px 0.5% 0 0.5%;}
.i_about_c {width: 93%;padding: 20px 3%;margin: 20px auto 0;}
.i_panter_l li {width: auto;margin: 0 1% 10px 1%;}
.logo {width: 43%;}
.navbar-toggle {right: 0;  left: initial;  top: 10px;}
.tcall{display: none;}
.n_n_list li span {width: 100%;height: 50px;}
.productimg {width: 100%;}
.prevrecord, .nextrecord {width: 100%;}

.zymhq ul li p{display:none;}
.n_n_list li h4{padding-left: 0;background: none;font-size: 15px;}
.navPage{width: 86%;}
/*当屏幕尺寸小于480px时，结束应用下面的CSS样式*/
}

@media screen and (max-width: 414px) { 
/*当屏幕尺寸小于414px时，应用下面的CSS样式*/
/*留言板*/
.gbook_post td:nth-child(1){display:inline-block;width:78px!important;}
input#gbookMain{width:250px !important;}
input#gbookTopic{width:250px !important;}
input#userMail{width:250px !important;}
#gbookMain{width:250px !important;}

.navbar-toggle {margin: 3px 10px 0 0;}

.i_news_l li span {width: 75%;box-sizing: border-box;height: 40px;}

.newsbox .i_pro_l div img{width: 100%;  height: auto;}
.navbar-toggle{/* margin: 0 10px 0 0; */}

.zymhq ul li h3{/* font-size: 20px; */}
.sortnavul li a{width: 100%;white-space: nowrap;}
/*当屏幕尺寸小于414px时，结束应用下面的CSS样式*/
}

@media screen and (max-width: 380px) { 
/*当屏幕尺寸小于380px时，应用下面的CSS样式*/
.i_psor a{padding-left: 5px;}
.ul-imgtxt li{width: 50%;}
.m-info_b{margin-top:0;}
.i_prodll .i_pro_l li{width: 100%;}
.i_newsbox li span{width: 76%;}

.i_nav ul li ul{left: 37%;}
.n_n_list li span{width: 100%;}
#gbookMain{width: 270px;}


}

@media screen and (max-width: 375px) { 
.footer a{font-size: 12px;}
/*当屏幕尺寸小于375px时，应用下面的CSS样式*/
.i_news_l li span {width: 73%;}


.n_n_list li h4 {max-width: 73%;}
.sortnavul li a{padding-left: 20px;font-size: 12px;}
.p_c .box ul li{width: calc((100% / 2) - 10px);}
.p_p_list li{width: calc((100% / 2) - 20px);height: 144px;overflow: hidden;}

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


@media screen and (max-width: 360px) { 
/*当屏幕尺寸小于360px时，应用下面的CSS样式*/
/*留言板*/
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
input#gbookMain{width:256px !important;}
input#gbookTopic{width:256px !important;}
input#userMail{width:256px !important;}
.sort_l li {margin: 10px 0.5%;width: 32%;}
.i_news_l li span {width: 72%;}
.n_n_list li span {width: 72%;}
.p_n_info {display: none;}
.sortnavul li {margin: 10px 0.5%;width: 32%;}
/*当屏幕尺寸小于360px时，结束应用下面的CSS样式*/
}


@media screen and (max-width: 320px) { 
/*当屏幕尺寸小于320px时，应用下面的CSS样式*/
input#gbookMain{width:216px !important;}
input#gbookTopic{width:216px !important;}
input#userMail{width:216px !important;}

.navbar-toggle {margin: 20px 10px 0 0;}
.i_news_l li h4 {height: 71px;line-height: 71px;}
.i_news_l li span {width: 98%;font-size: 14px;}
.n_n_list li h4 {height: 71px;line-height: 71px;}
.n_n_list li span {width: 98%;font-size: 14px;}
/*当屏幕尺寸小于320px时，结束应用下面的CSS样式*/
}