@charset "utf-8";
@import url(dll.css);
@import url(font.css);
@import url(main.css);
@import url(banner.css);
@import url(onlineeditor.css);
@import url(ddsmoothmenu.css);
/* ��ҳ���ֿ�ʼ */

.headerbox{width: 100%;  max-width: 100%;  position: relative;margin: 0 auto;}
.i_hy{width: 100%;  max-width: 100%;border-bottom: 1px solid #cccc;}
.i_hy > div{width:1200px;margin:0 auto;display: flex;  justify-content: space-between;padding: 10px 0;max-width: 100%;}
.i_hy > div h3{font-size: 16px;  color: rgb(238, 0, 0);}
.header{height: 100px;z-index: 999;max-width: 100%;}

.logo{float:left; width:200px; overflow:hidden;}

.i_nav{float:right; width:910px; height:40px; margin-top:30px;}
/*.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;}


.sort_l{width: 1200px;  height: 23px;  text-align: center;  margin: 27px auto 0;}
.sort_l li{display: inline-block;width: auto;margin: 0 20px;  padding:0 10px;}
.sort_l li a{font-size:12px;padding: 10px 0;}
.sort_l li a:hover{border: 1px solid #ff7676;border-left: none;  border-right: none;color:#ff7676;}
.sort_l li a.on{border: 1px solid #ff7676;border-left: none;  border-right: none;color:#ff7676;}


.news_view .remark{
	width: 800px;
	margin: 0 auto;
}
.news_view .remark *{ font-size: 16px!important; line-height: 180%!important; font-family: 'Microsoft YaHei'!important;}
.gbook_indexpost ul li {margin-bottom: 20px;}
.gbook_indexpost ul li span{
	width: 80px;
	display: inline-block;
}


.i_more{display: block; width: 170px; line-height: 36px; text-align: center; margin: 10px auto 0; font-size: 16px; color: #fff; background: #5d4c42;
transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s;}
.i_more:hover{background-color: #dc883f;}
.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;margin-bottom: 40px;}
.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;}
.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: 30px;  line-height: 30px;  padding: 0 12px;  font-size: 14px;}
.search_btn{position: absolute;  top: 1px;  width: 30px;  height: 30px;  border: none;  outline: 0;  right: -25px;background: #dd823d url(../images/search.png) no-repeat center;transition: .2s;}
.search_btn:hover{background-color: #dc6600;}

.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_zpbz{width: 100%;margin: 0 auto;overflow: hidden;max-width: 100%;border-bottom: 1px solid #e0e0e0;}
.i_zpbz ul{width: 1200px;  max-width: 100%;margin: 0 auto;  display: flex;  justify-content: space-between;  padding: 20px 0;flex-wrap: wrap;}
.i_zpbz ul li{width:90px;height:90px;text-align: center;border: 1px solid #e0e0e0; border-radius: 50%;}
.i_zpbz ul li img{width:50px;height:50px;margin: 10px 0 3px;  transition: all .5s;}
.i_zpbz ul li:hover img{transform: rotateY(-360deg);}



.i_pro{padding:100px 0 90px;}
.i_pro_l{width:1100px; margin:45px auto 0; overflow:hidden;}
.i_pro_l ul{width:1120px; overflow:hidden;}
.i_pro_l li{float: left; width: calc((100% / 3) - 22px); height:auto; display: block; margin: 15px 10px; overflow: hidden;text-align: center; position: relative;}
.i_pro_l li a{display:block;position: relative;}
.i_pro_l li>a{ height: 220px; overflow: hidden;}

.i_pro_l li > a:before{content: "";top: 0;  bottom: 0;  left: 0;  right: 0;  background: rgba(0,0,0,.5);position: absolute;display:none;}
.i_pro_l li > a:after{content:"";position: absolute;top: 0;  bottom: 0;  left: 0;  right: 0;  background: url(../images/xyj.png) no-repeat center;background-size: 10%;display:none;}
.i_pro_l li:hover a:before{display:block;}
.i_pro_l li:hover a:after{display:block;}
.i_pro_l li img{/* width: 360px; *//* height: 300px; */max-width: 100%;}
.i_pro_l li img:hover{background-image:url(../images/ipihover.png);background-size: 100%;}
.i_pro_l li span{display: block;  line-height: 24px;  overflow: hidden;  padding: 30px 10px 0;}
.i_pro_l li div{color: rgb(153, 153, 153);  line-height: 20px;  margin: 5px 0 15px;}
.i_pro_l li h4{color: rgb(51, 51, 51);  font-size: 14px;  margin: 0 auto 30px;}
.i_pro li .more{padding: 5px 25px;  border: 1px solid #ccc;  color: rgb(102, 102, 102);  font-size: 12px;}
.i_pro li .more:hover{border-color: #000;}


.i_zxbox{width: 100%;max-width: 100%;background: #f4f4f4;overflow: hidden;padding: 170px 0 80px;}
.i_zxbox > div{width: 1200px;  margin: 0 auto;  position: relative;display: flex;}
.i_zxbox > div img{float: left;width: 630px;  height: 420px;}
.i_zxbox > div .text{float:right;}
.i_zxbox > div .text > div{background: red;  position: absolute;  left: 30px;  top: -100px;padding:30px;color:#fff;width: 200px;  height: 180px;}
.i_zxbox > div .text > div p{font-size: 32px;}
.i_zxbox > div .text > div h2{font-size: 46px; white-space: nowrap;}
.i_zxbox > div .text > div span{font-size: 18px;position: relative;}
.i_zxbox > div .text > div span:before{content: "";width: 100px;  height: 6px;  background: #fff;position: absolute;top:50px;}
.i_zxbox > div .text > a, .i_zxbox > div .text > p{color: rgb(67, 67, 67);  font-size: 16px;  line-height: 32px;  text-indent: 2em;padding-left: 30px;}

.i_pro_l li span a:hover{color:#c8a063;}
.i_pro li:hover span a{color:red;}

.i_newsjjfa{width:1200px;max-width:100%;margin: 0 auto;  overflow: hidden;padding: 100px 0;}
.i_newsjjfa .sort_newsl{width: 12%;  max-width: 100%;  float: left;  overflow: hidden;}
.i_newsjjfa .sort_newsl ul{border-left: 2px solid #000;  padding: 20px 0 20px 0;}
.i_newsjjfa .sort_newsl ul li a{line-height: 50px;padding-left:35px;display: block;}
.i_newsjjfa .sort_newsl ul li .on{background: linear-gradient(left, #76b0fb 0%,#c6d5f342 1%);  background: -webkit-linear-gradient(left, #76b0fb 0%,#c6d5f342 1%);color: #2090FF;}

.i_newsjjfa .i_pro_newsr{width: 75%;  float: right;  overflow: hidden;background: rgba(0, 0, 0, 0) url(../images/inewsdllbj.png) no-repeat center top;
  padding: 50px 80px 50px 50px;  height: 300px;}
.i_newsjjfa .i_pro_newsr li img{width:205px;height:273px;float:left;}
.i_newsjjfa .i_pro_newsr .text{float: left;padding:35px 0 35px 50px;}
.i_newsjjfa .i_pro_newsr .text h3{font-size: 18px;  color: #222222;  margin-bottom: 30px;}
.i_newsjjfa .i_pro_newsr .text > div{width: 546PX;  max-width: 100%;  line-height: 27px;  color: rgb(102, 102, 102);  height: 55px;  overflow: hidden;  text-align: justify;}
.i_newsjjfa .i_pro_newsr .text > a{display: inline-block;  padding: 5px 20px;  border: 1px solid;margin-top: 80px;}
.i_newsjjfa .i_pro_newsr .text > a:hover{color:#fff;border-color: #000;  background: #000;}


.i_news{overflow: hidden;  width: 100%;  margin: 0 auto;  max-width: 100%;  padding: 58px 0 15px;}
.i-newsbox {      width: 1200px;     margin: 0 auto;     max-width: 100%;  }
.i_newsbox {width: calc((100%/ 2) - 20px);  text-align: center;  float: left;  overflow: hidden;  margin: 0 10px;}

.i_newsbox .i_newstitle{padding: 15px 10px; color: #000;  font-size: 18px;  text-align: left;  border-bottom: 1px solid;}
.i_newsbox .i_newstitle a{color: #000;  font-size: 18px;float: right;}
.i_newsbox .newsone{background: #fff; overflow: hidden;padding:30px 0;}
.i_newsbox .imgbox{position: relative;overflow: hidden;}
.i_newsbox .imgbox:before{content: "";  top: 0;  bottom: 0;  left: 0;  right: 0;  background: rgba(0,0,0,.5);  position: absolute;display: none;}
.i_newsbox .imgbox:after{content: "";  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  background: url(../images/xyj.png) no-repeat center;background-size: 10%;display: none;}
.imgbox:hover:before{display: block;}
.imgbox:hover:after{display: block;}

.i_newsbox .newsone img{float: left;  width: 100%;  height: 250px;}
.i_newsbox .newsone .text{float:left;text-align: left;padding: 0 10px;}
.i_newsbox .newsone .text h4{color: rgb(51, 51, 51); font-size: 16px;  line-height: 22px;  padding-top: 20px;font-weight: 600;}
.i_newsbox .newsone .text > span{color: rgb(136, 136, 136);  font-size: 12px;  padding: 10px 0 15px; padding-bottom: 11px;  display: inline-block;}
.i_newsbox .newsone .text > div{width: 100%;  height: 47px;  /*overflow: hidden;*/  text-align: justify;display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;  font-size: 14px;  color: rgb(153, 153, 153);  line-height: 22px;}
.i_newsbox .newsone .text > div *{line-height: 22px!important; padding: 0!important; margin: 0!important}
.i_newsbox li{background: #fff;  text-align: left;  padding:0 0px 30px 0px;}
.i_newsbox li h4{color: rgb(85, 85, 85);  font-size: 14px;  line-height: 24px;  position: relative;padding-left: 15px;}
.i_newsbox li h4:before{content: "";  position: absolute;width: 5px;  height: 5px;  background: #000;  border-radius: 50%;  top: 10px;left: 0;}
.i_newsbox li span{color: rgb(102, 102, 102);  font-size: 12px;padding-left: 15px;}

.i_alinks{width: 1200px;  max-width: 100%;  margin: 0 auto;overflow: hidden;  padding: 50px 0;display: none;}
.i_alinks ul li{float:left;text-align: center;height: 150px; overflow: hidden;border: 1px solid #fff;width: calc((100% / 3) - 2px);}
.i_alinks ul li img{width: 238px;  height: 118px;}
.i_alinks ul li h3{line-height: 32px;  color: #fff;  background: #999;  display: none;}
.i_alinks ul li:hover{border: 1px solid #999;}
.i_alinks ul li:hover h3{display:block;}



.i_about{padding:70px 0 90px;}
.i_about_c{width:1038px; margin:80px auto 0; padding:70px 30px; border:1px solid #c39759; font-family: microsoft yahei; font-size:14px; line-height:20px;}
.i_about_c strong{display:block; float:left; width:470px; text-align:center; padding:40px 0;}
.i_about_c dl{float:right; width:538px; padding-right:30px; line-height:20px;}
.i_about_c dl dd{ margin-top:20px; padding-left:25px; background:url(../images/icon03.jpg) no-repeat 8px 8px;}

.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;  background-color: #3c302a;  border-bottom: 5px solid #000000;}
.i_panter_l li a{color:#fff;}
.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; width:257px; margin-right:25px;}
.i_panter_l img{width:251px; height:68px; border:3px solid #ccccca;}

.footer_nav>p{width: 80px;}
.footer_nav>p img{
	width: 100% !important;
	height: auto !important;
}





.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;}

.m-video {    float: left;    padding-bottom: 5px;    background-color: #fff;    width: 600px;    height: 408px;}
.m-video .video, .m-video .pic {    width: 100%;    height: 403px;    overflow: hidden;    position: relative;}
.m-video .video {    display: none;}
.m-video .pic img {    display: block;    width: 100%;    -webkit-transition: .3s;    -o-transition: .3s;    transition: .3s;}

.m-video .pic:hover img {    -webkit-transform: scale(1.08);    -ms-transform: scale(1.08);    -o-transform: scale(1.08);    transform: scale(1.08);}

.m-video .pic .js-play {    display: block;    position: absolute;    top: 50%;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    
-o-transform: translateY(-50%);    transform: translateY(-50%);    width: 100%;    text-align: center;    font-size: 20px;   color: #fff;}

.m-video .pic .js-play em {    display: block;    height: 58px;    background: url(../images/play.png) no-repeat center top;    -webkit-background-size: auto 45px;    background-size: auto 45px;}

.m-info_b {    overflow: hidden;    padding:0 40px;    background-color: #fff;margin-top: 30px;}

.m-info_b .tit {    font-size: 14px;    color: #333;    line-height: 20px;}

.m-info_b .tit h3 {    line-height: 28px;   font-size: 25px;    margin-top: 4px;    font-weight: normal;}

.m-info_b .tit h3::after {    content: "";    display: block;    width: 32px;    height: 3px;    background-color: #ccc;    margin: 26px 0;}

.m-info_b .txt {    font-size: 14px;    line-height: 1.93;    color: #666666;    height: 200px;    overflow: hidden;}

.m-info_b .more {    font-size: 14px;    color: #dc883f;}

.m-info_b .more:hover {    color: #dc6600;}

.fd-link{    float: left;display: flex;  justify-content: space-between;  width: 55%;}
.fd-link dl{    float: left;}
.fd-link dt a{ display: block;  font-size: 20px;  color: #000;  margin-bottom: 22px;  line-height: 28px;}
.fd-link dd a{    display: block;   font-size: 14px;   color: #71747c;    line-height: 27px;}
.fd-link dd a:hover{    color:#ff7676;}
.fd-right{    float: left;}
.fd-qr{    float: left;    width: 162px;    height: 162px;    margin-right: 45px;}
.fd-qr img{    display: block;    width: 100%;    height: 100%;}
.fd-addr{    float: right;    width: 238px;    font-size: 14px;    color: #bab4b1;}
.fd-addr .tit h3{    line-height: 20px;    font-size: 18px;    color: #fff;    font-weight: normal;}
.fd-addr .tit span{    display: block;    line-height: 14px;    font-size: 12px;    color: #bab4b1;}
.fd-addr .tel {     background-image: url(../images/icon1.png); }
.fd-addr .addr {     background-image: url(../images/icon3.png); }
.fd-addr .wx {     background-image: url(../images/email.png); }
.fd-addr .tel, .fd-addr .wx, .fd-addr .addr{background-repeat: no-repeat;  padding-left: 30px;  background-position: left;margin-top: 13px;color: #71747c;}

.m-info{float: left;}
.m-info p{padding: 10px 0px;}
.m-info p img{padding-right: 10px;}
.lxewm{float: right;width: 170px;  height: 170px;}
.dbfwrx > form{position: relative;}
.dbfwrx h3{background: #666;  width: auto;  display: inline-block;  padding: 5px 10px;}
.dbfwrx h2{color: rgb(238, 0, 0);  font-size: 28px;  font-weight: 600;  padding: 10px 0 20px;}


/* 结束首页底部*/




.footer{padding:30px 0 0 0; color:#FFF; line-height:30px; font-size:12px;background: #f3f3f3;}
.footer a{color:#FFF;}
.footer a:hover{color:#ff7676}

.footer_nav{width:1200px; margin:0 auto; padding-bottom:10px; text-align:left;overflow: hidden;display: flex; justify-content: space-between;max-width: 100%;}
.footer_nav a{font-size: 16px;}
.footer_nav .dbewm{width:130px;height:130px;}
.footer_nav .dbewm img{width:130px;height:130px;}}
.copyright{text-align:center;line-height: 30px; font-size: 14px; color: #898482;padding: 15px 0;border-top: 1px solid #555;}
#com_copyright div {     width: 1200px; max-width: 100%;margin: 0 auto;color: #71747c;text-align: center;}
.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 0px;width:1200px;max-width:100%;margin: 0 auto;}

.p_about{width:100%; margin: 0 auto; overflow:hidden;float: right;margin-top: 70px;}
/*.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样式*/
.header{left: 6%;}

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

@media screen and (max-width: 1024px) { 
/*当屏幕尺寸小于1024px时，应用下面的CSS样式*/
.i_zpbz ul{justify-content: space-evenly;}
.i_pro{padding: 50px 0;}
.title01{margin-bottom: 30px;}
.i_alinks ul{overflow: hidden; padding: 0 10px;}
.header{left: 0;position: relative;top: 0;}
.mfbox{width:100%;min-width:100%;}
.mauto {width: 100%;}
.logo {width: 20%;}
.logo img {width: 100%;}
.i_nav {width: 80%;}

.p_l_list li{width: calc((100% / 2) - 20px);  margin: 0 10px 10px;  box-sizing: border-box;height: auto;}
.i_hy > div{padding: 10px 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% / 3) - 22px);height: auto;}
.i_prodll .i_pro_l li{width: calc((100% / 4) - 20px);}
.i_pro_l li img{width: 100%; height: 100%;}
.i_zxbox > div .text{width: 70%; padding: 0 20px;}
.i_zxbox{padding: 80px 10px 0;box-sizing: border-box;}
.i_newsjjfa .i_pro_newsr li img{width: 180px;  height: 250px;}
.i_newsjjfa .i_pro_newsr .text{padding: 35px 0 35px 25px;}

.i_alinks ul li{width: calc((100%/3) - 2px);}


.i_container *{max-width: 100%;}
.hd_search{margin-right: 40px;}
.i_newsbox li span{width: 200px;}
.i_newsbox li h4{width: 200px;overflow: hidden; height: 20px; text-overflow: ellipsis; white-space: pre;margin-bottom: 10px;}
.fd-right{float: none;}
.footer_nav{padding: 0 50px 10px; box-sizing: border-box;}
.lxwmbox .p_lxwm ul{margin-top: 60px;}
.lxewm img{width: 170px;  height: 150px;}

.i_newsjjfa .sort_newsl ul{border: none;}

.n_n_list li .text{width: 80%;}


.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 {width: 98%;}
.i_panter_l ul {width: 100%;}
.i_panter_l img {width: 100%;height: auto;}

.n_n_list {width: 100%;padding: 0 20px; box-sizing: border-box;}
.n_n_list li{padding: 20px 0px;}
.i_alinks ul li{width: calc((100%/2) - 2px);}

.p_l_list {width: 100%;}
.p_l_list ul {width: 100%;}

.p_l_list li img {height: auto;width: 100%;}

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


/*产品列表*/
.n_n_list li, .p_p_list{width:100%;margin:0 auto;margin-top: 0px;}
.p_p_list ul {width: 100%;}
.p_p_list li strong{width:100%;}
.p_p_list li img{width:100%;height:auto;}



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



/*带图新闻列表*/
.n_n_list li{overflow: hidden;}
.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: 100%;margin: 0;margin-top: 50px;}

.remark{padding: 0 10px;}

.remark img{width:100%;}
.p_ppjj{position: relative;  top: -20px;}
/*当屏幕尺寸小于1024px时，结束应用下面的CSS样式*/
}

@media screen and (max-width: 768px) {
 /*当屏幕尺寸小于768px时，应用下面的CSS样式*/
/*nav栏目*/
.news_view .remark {
    width: 100%;
    margin: 0 auto;
    /* padding: 0; */
    box-sizing: border-box;
}
.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%;}
.ddsmoothmenu a{line-height:50px;padding:0;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(../images/icon0x.png);background-size: 100% 100%;}
.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% / 2) - 22px);}
.m-info_b{width: 87%;}
.m-info_b .txt{height: auto;}
.m-info_b .more{display: block;padding: 10px 0;}
.ul-imgtxt li{width: 33%;}
.ul-imgtxt li:after{right: -36px;}

.i_newsjjfa .sort_newsl{width: 768px;display: flex;  justify-content: space-around;}
.i_newsjjfa .sort_newsl ul li{display: inline-block;}
.i_newsjjfa .sort_newsl ul li .on{background: none;}
.i_newsjjfa .i_pro_newsr{width: 100%;box-sizing: border-box;}
.i_newsjjfa .i_pro_newsr li img{width: 150px;  height: 200px;}
.i_newsjjfa .i_pro_newsr .text{padding: 5px 0 35px 25px;}
.i_newsjjfa .i_pro_newsr .text > div{width: 396px;}


.dbfwrx h2{font-size: 23px;}
.i_newstitle{margin-bottom: 20px;}

.i_newsmore a{width: 172px; border: solid 1px #dddddd; display: block; line-height: 34px; margin: 20px auto;}
.fd-link dl{width: 105px;}

.m-video{float:none;}
.m-video{width:auto}
.row-a4{text-align: center;}
.ddsmoothmenu a{height: 0;}
.ddsmoothmenu li::after, .navactive::after, .ddsmoothmenu .nava::after, .i_nav ul li ul::before{display:none;}
.i_nav ul li ul li{height:auto;display:block}
.i_nav ul li ul{position: initial;float: initial;}
.i_nav ul li ul li a{padding-left: 95px;}
.lxwmbox .p_lxwm ul li{width: 100%;  margin-bottom: 30px;}


.fd-link{width: 66%;}

.menu_46 .n_n_list li .imgbox{width: 132px;  height: 110px;  padding: 20px 10px 0;}
.menu_46 .n_n_list li .text{padding: 0px 20px;text-align: justify;}
/*产品列表*/


/*带图新闻列表*/
.n_n_list li span{height: 30px;text-overflow: ellipsis;  white-space: pre;}
.n_n_list dd{width:55%;float:left;margin-left:15px;}


.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;}
.i_about_c strong {width: 30%;padding: 75px 0;}
.i_about_c dl {width: 65%;padding-right: 1%;}
.i_about_c dl dd {padding-left: 3%;background: url(../images/icon03.jpg) no-repeat 1% 8px;}

.i_zxbox{padding: 10px 0;}
.i_zxbox > div .text > div{top: 0;}
.p_p_list li{width: calc((100% / 2) - 50px);}
.navPage{width: 66%;}
.lxwmbox .p_lxwm ul p{font-size: 12px;line-height: 24px;}
.footer_nav .dbewm img{padding-left: 30px;}
/*当屏幕尺寸小于768px时，结束应用下面的CSS样式*/

}


@media screen and (max-width: 480px) {
/*当屏幕尺寸小于480px时，开始应用下面的CSS样式*/
/*产品列表*/
.sortnavul li a {
    font-size: 12px;
}
.navPage{width: 76%;}
.fd-link{width: 67%;}
.footer_nav .dbewm, .footer_nav .dbewm img{width: 110px; height: 100px;}

.sortnavul li {display: block;  float: left;}
.sortnavul li a{padding: 10px 20px;}
.p_p_list li{width: calc((100% / 2) - 50px);}
.n_n_list li .text{width: 70%;}

/*带图新闻列表*/
.n_n_list li{overflow: hidden;height:auto;width: 100%;}
.menu_46 .n_n_list li{width: 100%;margin: 0;align-items: center;padding: 10px 0;}
.n_n_list li h4{font-size: 15px;}
.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;}
input#gbookMain{width:300px !important;}
input#gbookTopic{width:300px !important;}
input#userMail{width:300px !important;}
#gbookMain{width: 304px;}

.n_n_list li, .p_p_list{margin-top: 0;}
.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%;}

.fd-qr{float: right;margin: 0 45px 20px 0;}
.i_nav ul li ul{left: 40%;}


.i_newsjjfa{padding: 30px 0;}
.sort_l li{margin: 0 10px;}
.i_prodll .i_pro_l li{width: calc((100% / 2) - 20px);}
.i_pro_l li img{height: auto;  width: auto;}
.p_ppjj .text, .i_zxbox > div{display: block;height: auto;}
.p_ppjj .imgbox, .i_zxbox > div .imgbox{width: 100%;}
.i_zxbox > div .text{width: 100%;}
.i_newsbox li{padding: 0 20px 30px;}
.dbfwrx{display: none;}
.p_ppjj .text > ul{width: 100%;  box-sizing: border-box;  text-align: justify;}
.footer_nav .dbewm img{padding-left: 0;}

.i_newsjjfa .i_pro_newsr li img{display: none;}
.i_newsjjfa .i_pro_newsr .text > a{margin-top: 50px;}

.i_newsbox{width: 100%;margin: 0;}
.i_newsbox .newsone img{width: 100%;}
.i_newsbox li h4, .i_newsbox .newsone .text > div{width: 100%;}


.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: 47%;margin: 0 1% 10px 1%;}
.logo { width: 50%;}
.navbar-toggle {margin: 32px 10px 0 0;}

.productimg {width: 100%;}
.prevrecord, .nextrecord {width: 100%;}

.i_alinks ul li{height: 146px;}
.i_alinks ul li img{height: auto;}


.footer_nav{align-items: center;}
.fd-addr{display:none;}
.fd-link dl{width: 85px;}
.ddsmoothmenu ul{width:100%;}
.i_nav ul li ul li a{padding-left: 190px;}
/*当屏幕尺寸小于480px时，结束应用下面的CSS样式*/
}

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

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




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

@media screen and (max-width: 380px) { 
/*当屏幕尺寸小于380px时，应用下面的CSS样式*/
.i_psor a{padding-left: 5px;}

.i_alinks ul li{height: 118px;}
.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) { 
/*当屏幕尺寸小于375px时，应用下面的CSS样式*/
.i_news_l li span {width: 73%;}
.zzzs li {width: 98%;}
.p_l_list li {width: calc(100% - 20px);  margin: 10px;  box-sizing: border-box;}

.n_n_list li h4 {max-width: 73%;}

.sort_l li{padding: 0;}
.i_pro_l li{width: 100%;margin: 15px 0;}

.i_newsjjfa .sort_newsl ul li a{padding: 0 10px;}
.footer_nav{padding: 0 20px 10px;}
.fd-link dl{width: calc((100% / 3) - 3px);}
.p_p_list li{width: calc((100% / 1) - 50px);}
.navPage{width: 80%;}

.i_nav ul li ul li a{padding-left: 138px;}


.i_zpbz ul li{width: 130px;  height: 120px;margin-bottom: 20px;}
.sortnavul li a{padding: 10px 10px;}
.i_zpbz ul li img{margin-top: 30px;}


/*当屏幕尺寸小于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样式*/
}