﻿@charset "utf-8";
@import url(dll.css);
@import url(global.css);
@import url(module.css);
@import url(onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);
/* 首页部分开始 */
.menu{display: none;}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
textarea { -webkit-appearance: none;}
.p_text h3 {
    font-size: 16px;
    font-weight: bold;    line-height: 30px;
}div#com_singles_hotline {
    margin-right: 26px;}
div#com_logo img {
    margin-top: 16px;
}.lx ul li .text p {
    color: #777474;
    font-size: 16px;
    margin-top: 5px;
}.lx ul li .text {
    width: 61%;
    float: right;
    text-align: center;
    margin-right: 15px;
    margin-top: -3px;
    font-weight: bold;
}.lx ul li {
    float: left;
    width: 48%;
    float: left;
    text-align: center;}.lx {
    float: right;
    margin-top: 15px;
    width: 300px;
    display: block;
    border-bottom: solid 1px #eee;

    padding-bottom: 5px;
}
div#m46video ul li {
    float: left;
    width: 31%;
}

#menu_58 .p_p_list li ins img {
    max-height: 200px;
   width: 200px; 

}
#menu_58 .p_p_list li {
    display: inline-block;
    margin: 10px 20px 20px 100px;
    width: 270px;
    text-align: center;
    height: 267px;
    border: 1px solid #dfe1e0;
}


.line_div {
    float: left;
}.hotline-box span {
    font-size: 24px;
    font-weight: bold;

}.lx ul li img {
    width: 28px;
}
strong {
    font-weight: bold!important;
}
.top_btn_row a {
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
}.top_btn_row a {
    font-size: 20px;
    font-weight: bold;

    line-height: 40px;
}
iframe.ueditor_baidumap {
    margin-top: 30px;
}
.sit {
    width: 100%;
}
    .ul-imgtxt>li>.txt>.ul-txt>li>em {
    font-size: 16px;
    font-weight: 600;
}.ul-imgtxt>li:nth-child(3) .txt li {
    margin-top: 30px;
}.ul-imgtxt>li:nth-child(3) .txt {
    margin-top: 75px;
}#menu_42 .productremark img {

    margin: 10px;
}#menu_42 .producttitle {
    display: none;
    width: 100%;
    padding: 10px auto;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}.ul-imgtxt>li:nth-child(3) .txt li:nth-child(1) {
    background: url(../images/2020060413503294.png)no-repeat;
    background-size: 40px;
    padding-left: 50px;
}

.ul-imgtxt>li:nth-child(3) .txt li:nth-child(2) {
    background: url(../images/15912501424760587.png)no-repeat;
    background-size: 40px;
    padding-left: 50px;
}
.ul-imgtxt>li:nth-child(3) .txt li:nth-child(3) {
    background: url(../images/15912501425882292.png)no-repeat;
    background-size: 40px;
    padding-left: 50px;
}#menu_46 h3 {
    text-align: center;
    color: #FE0000;
    font-weight: bold;
    font-size: 34px;
    margin-top: 40px;
    margin-bottom: 40px;
}
.ul-imgtxt>li:nth-child(3) .txt li:nth-child(4) {
    background: url(../images/15912501429394209.png)no-repeat;
    background-size: 40px;
    padding-left: 50px;
}
#menu_42 .p_about{ padding: 60px 0;
    color: #000;
    line-height: 30px;
    width: 1200px;
    margin: 0 auto;}


#menu_42 .productremark {
    clear: both;
    line-height: 28px;
    font-size: 16px;
}

.row4 .tit {
    text-align: center;
    margin-bottom: 56px;
}

.row4 .tit h2 {
    height: 46px;
    line-height: 46px;
    color: #333;
    font-size: 28px;
    border-bottom: #0152ad 2px solid;
}




.ul-imgtxt>li>.pic img {
    max-width: 100%;
    max-height: 100%;
    display: block;
}




.ul-imgtxt>li>.txt>.title>h4 {
    height: 24px;
    line-height: 24px;
    color: rgb(63, 63, 63);
    font-size: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.ul-imgtxt>li>.txt>.title>h4>span {
    color: #0152ad;
}

.ul-imgtxt>li>.txt>.title>em {
    display: block;
    height: 18px;
    line-height: 18px;
    color: rgb(127, 127, 127);
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


.ul-imgtxt>li>.txt>.ul-txt>li {
    height: auto;
    width: 87%;
    line-height: 40px;
    color: #333;
   
    padding-left: 26px;
}

.ul-imgtxt>li>.txt>.ul-txt>li>span {
    float: none;
    color: #0152ad;
}

.ul-imgtxt>li:nth-child(2n)>.pic {
    float: left;
}

.ul-imgtxt>li:nth-child(2)>.txt>.title {
    background: url(../images/02.png) left center no-repeat;
}

.ul-imgtxt>li:nth-child(3)>.txt>.title {
    background: url(../images/03.png) left center no-repeat;
}

.ul-imgtxt>li:nth-child(4)>.txt>.title {
    background: url(../images/04.png) left center no-repeat;
}

   .top_btn_row {


    width: 300px;

}

.logo{float:left; display:inline-block;}
.i_banner_box123 {
    text-align: center;
    margin-top: 10px;
}
.hotline-box {
 float: right;
 margin-top: 14px;
 line-height: 28px;
 text-indent: 28px;
 color: #e60012;
 background: url(../images/2020061611530770.png) no-repeat left center;
 background-size: 26px;
 border-bottom: solid 1px #eee;
 padding-bottom: 5px;
}
.top_btn_row {
  float: right;
  margin-top: 15px;
}
.m460_box ul li {
     width: 50%;
}
.i_nav{float:right;margin-top: 30px;}
.navbar-toggle {
    background: rgba(0, 0, 0, 0) url("../images/icon_nav.png") no-repeat scroll center center;
    border: 2px solid #e60012;
    border-radius: 0;
    float: right;
    height: 65px;
    width: 65px;
}
/*控制默认值为隐藏*/
.navbar-toggle {
    display: none;
}


.m460_row h3 {
  text-align: center;
  color: #FE0000;
  font-weight: bold;
  font-size: 34px;
  margin-top: 40px;
  margin-bottom: 40px
}
.m460_box {
  width: 1200px;
  margin: 0 auto;
  max-width: 100%;
}

.m460_box ul {
  display: flex;
justify-content: flex-start;
text-align: center;
flex-wrap: wrap;
}
.m46_video  img {
  height: 200px;
  max-width: 100%
}
.m460_box span {
  line-height: 50px;
  font-size: 15px;
  overflow: hidden;
  white-space: nowrap;
  width: 340px;    text-overflow: ellipsis;
}
.m460_box a {
}
.m460_row > a {
  display: block;
  margin: 0 auto;
  width: 170px;
  background: #FE0000;
  text-align: center;
  color: #fff;
  line-height: 40px;
  border-radius: 5px;
  font-size: 16px;
}
a {
}
/*.i_nav li{float: left; margin:0 0 0 20px; text-align: center; line-height:48px;}
.i_nav li>a{display:block; height:48px; color:#010101; padding:0 20px;}
.i_nav li>a:hover{ color:#e60013; border-bottom:4px solid #e60012;}
.i_nav li>a.on{ color:#e60013; border-bottom:4px solid #e60012;}*/

.i_banner_box{position:relative; width:100%; height:auto; overflow:hidden;}
.i_banner{ float:left; display:inline;}
.i_banner img{ max-width:inherit !important;}
/*.i_banner li{width:100%;}
.i_banner_p{position:absolute; width:100%; left:0; bottom:15px; text-align:center;}
.i_banner_p a{display:inline-block; margin:0 5px; width:12px; height:12px; overflow:hidden; background:rgba(255,255,255,0.5); border-radius:100%;}
.i_banner_p a:hover{ background:#FFF;}
.i_banner_p a.on{ background:#FFF;}*/

.i_container{overflow:hidden;}
.i_container *{transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;}
.p_container *{transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;}


.i_fwxm li img:hover{transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);}
.i_teach_l li a:hover i img{ z-index:-1; -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}

.i_tedian{width:100%; margin:60px 0; text-align:center;}

.i_tedian li{display:inline-block; width:280px; margin:0 70px; text-align:center;}
.i_tedian li a{ display:block;}
.i_tedian li em{ display:inline-block; width:118px; height:118px; overflow:hidden;}
.i_tedian li h4{ display:block; margin-top:20px;    font-size: 18px; line-height:30px; color:#000;}
.i_tedian li span{ display:block; margin-top:15px;font-size: 16px; line-height:20px; height:40px; overflow:hidden;}
.i_tedian li img:hover{transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);}

.i_fun{width:100%; padding-top:70px; background:url(../images/2020062314272964.jpg) no-repeat center top;}
.i_fun_c{width:1200px; margin:90px auto 0;}
.i_fun_cl{float:left; padding-top:140px; color:#FFF;}
.i_fun_cl h4{ display:block; font-size:30px; height:50px; line-height:50px;}
.i_fun_cl ul{ margin-top:60px;}
.i_fun_cl li{float:left; display:inline-block; width:98px; margin-right:50px; text-align:center;}
.i_fun_cl li i{ display:block; width:98px; height:98px;}
.i_fun_cl li span{ display:block; width:98px; padding-top:10px; line-height:20px;}
.i_fun_cr{float:right; width:502px;}

.i_shehe{width:100%; padding:70px 0 0;}
.i_shehe_l{ text-align: center;width: 1300px;margin: 0 auto;}
.i_shehe_l ul{margin-top: 80px;}
.i_shehe_l li{display:inline-block;/* width: 200px; *//* margin: 0 135px -15px; */margin: 0 0px 50px 0;width: 33.3%;/* margin: 0 50px; */}
.i_shehe_l li i{ display:inline-block; width:140px; height:140px;}
.i_shehe_l li span{ display:block; margin-top:15px; line-height:30px; height:40px; font-size:18px; color:#333; overflow:hidden;}
.i_shehe_l li i img:hover{ z-index:-1; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}

.i_yith{width:100%; padding:70px 0;}
.i_yith_l{ margin-top:80px; text-align:center;}
.i_yith_l li{ display:inline-block; width:200px; margin:0 60px;}
.i_yith_l li i{ display:inline-block; width:200px; height:200px;}
.i_yith_l li span{ display:block; margin-top:30px; line-height:30px; height:40px; font-size:18px; color:#333; overflow:hidden;}
.i_yith_l li img:hover{transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);}

.i_sev{width:100%; padding:70px 0; background:url(../images/15929073046622358.jpg) no-repeat center top;}
.i_sev_l{ margin-top:80px; text-align:center;}
.i_sev_l li{ display:inline-block; width:178px; margin:0 70px;}
.i_sev_l li i{ display:inline-block; width:178px; height:178px; background:#FFF; border-radius:100%;}
.i_sev_l li span{ display:block; margin-top:40px; line-height:30px; height:40px; font-size:18px; color:#FFF; overflow:hidden;}
.i_sev_l li i img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}

.i_contact{ padding:50px 0; background:#2c2c2c;}
.i_contact_c{ margin-top:50px; padding-top:60px; text-align:center; border-top:2px solid rgba(255,255,255,0.2);}
.i_contact_c span{display:inline-block;/* width: -webkit-fill-available; */padding-top:60px;color:#FFF;width: 471px;}

.i_contact_c span:nth-child(1){ background:url(../images/ca01.png) no-repeat center top;}
.i_contact_c span:nth-child(2){background:url(../images/ca02.png) no-repeat center top;width: 380px;}
.i_contact_c span:nth-child(3){background:url(../images/ca03.png) no-repeat center top;width: 348px;}

.footer{position:relative; background:#1e1e1e;}
.right_navig{
    position: absolute;
    border-right: 4px solid #042d53;
    right: 0;
    top: 22px;
}
.navig_li{
    position: fixed;
    right: 4px;
    top: 173px;
}
.navig_li li{
    display: block;
    overflow: hidden;
}
.navig_li li a {
    display: block;
    width: 35px;
    height: 35px;
    right: 3px;
    background-color: #042d53;
    margin-bottom: 2px;
    color: #fff;
    line-height: 35px;
    text-indent: -10000px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    float: right;
}
.navig_li a.right02{
    background-image: url(../images/right02.png);
    background-position: center;
    background-repeat: no-repeat;
}
.navig_li a.right07{
    background-image: url(../images/right07.png);
    background-position: center;
    background-repeat: no-repeat;
}
.navig_li a.right05{
    background-image: url(../images/right05.png);
    background-position: center;
    background-repeat: no-repeat;
}
.navig_li li .wei_ac{
    width: 148px;
    display: none;
    margin-right: 35px;
}
.navig_li li:hover a{
    color: #fff;
    text-decoration: none;
    background-color: #3293fa;
    width: 90px;
    background-position: 90%;
    text-indent: 5px;
}
.navig_li li:hover .wei_ac{
    display: block;
}
.navig_li li:hover .right05{
    width: 35px;
    background-position: center;
    text-indent: -10000px;
}
.navig_li li:hover .right07{
    width: 150px;
    line-height: 18px;
    text-indent: 0;
    padding-left: 15px;
}
.navig_li li:hover .right02{
    width: 150px;
    line-height: 18px;
    text-indent: 0;
    padding-left: 15px;
}

.copyright{padding-top:10px; line-height:40px; color:#FFF; text-align:center; font-size:14px;}
.jsq{padding-bottom:10px; line-height:40px; color:#FFF; text-align:center; font-size:14px;}
.footer a{ color:#FFF;}
.footer a:hover {color:#e60012;}
.i_about {
    background-color: #ffff;
    padding: 100px 0 80px;
}.mfbox, .wp {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}.aboutl {
    float: left;
    width: 600px;
}.aboutr {
    float: right;
    width: 493px;
    height: 377px;
    background-image: url(../images/about_bg.jpg);
    background-position: center center;
    padding: 70px 0px;
}
.header {
    width: 1200px;
    height: 90px;
    margin: 0 auto;
    min-width: 1200px;
    position: relative;
}ul.n_n_list {
    width: 1200px;
    margin: 0 auto;
}#menu_43 .p_about {
    padding: 60px 0;
    color: #000;
    line-height: 30px;
  width: 1200px;}

.row4 {    font-size: 16px;
    overflow: hidden;
    margin-top: 25px;
    font-size: 16px;
}.mfbox {
    width: 1200px;
    margin: 0 auto;
    height: auto;
}.row4 .tit {
    text-align: center;
    margin-bottom: 56px;
}.row4 .tit h2 {
    height: 46px;
    line-height: 46px;
    color: #333;
    font-size: 18px;
    border-bottom: #0152ad 2px solid;
}.row4 .tit span {
height: 48px; 
     line-height: 48px; 

    text-align: center;
    margin: 0 auto;
    font-size: 20px;
    color: #888;
    display: block;
}.ul-imgtxt {
    overflow: hidden;
}.ul-imgtxt>li {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}.ul-imgtxt>li>.pic img {
    max-width: 100%;
    max-height: 100%;
    display: block;
}.ul-imgtxt>li>.txt {margin-top: 30px;
    width: 50%;
    float: left;

}.ul-imgtxt>li>.txt>.title {
        padding: 10px 0 0 23px;
    margin-bottom: 20px;
}.ul-imgtxt>li:nth-child(2n)>.pic {
    float: left;
}.ul-imgtxt>li>.pic {
    width: 50%;
    float: right;
}

/* 首页部分结束 */

/* 内页部分开始 */
.p_banner_box{position:relative; width:100%; overflow:hidden;}
.p_banner{width:100%; overflow:hidden;}
.p_banner li{width:100%;}
.p_banner_p{position:absolute; width:100%; left:0; bottom:15px; text-align:center;}
.p_banner_p a{display:inline-block; margin:0 5px; width:12px; height:12px; overflow:hidden; background:rgba(255,255,255,0.5); border-radius:100%;}
.p_banner_p a:hover{ background:#FFF;}
.p_banner_p a.on{ background:#FFF;}

.p_container{}

.mt60{margin-top:60px;}

.p_about{ color:#000; line-height:30px;   min-width: 1200px;
    margin: 0 auto;}

.p_txt{ padding:40px 0; border-top:2px solid #efefef;}
.p_txt strong{ display:block; padding:10px 0; font-size:30px; font-weight:normal; color:#e60013;}
.p_txt span{ display:block; color:#000; line-height:30px; padding:20px 0;}


.p_contact{padding-top:60px; text-align:left;}
.p_contact span{display:inline-block; width:33%; line-height:40px; color:#000; text-indent:30px;}

.p_contact span:nth-child(1){ background:url(../images/ca01.png) no-repeat left center; background-size:auto 25px;}
.p_contact span:nth-child(2){ background:url(../images/ca02.png) no-repeat left center; background-size:auto 25px;}
.p_contact span:nth-child(3){ background:url(../images/ca03.png) no-repeat left center; background-size:auto 25px;}

.p_txt01{ padding:60px 0;}

.i_contact_cc {
  
    
    margin-top: 30px;
}
.i_contact_cc li {
    display: inline-block;
    width: 100px;
    font-size: 18px;
    margin: 0 30px;
    overflow: hidden;
}
.i_contact_cc span {
    display: block;
    line-height: 30px;
    color: #000000;
}
#products .mfbox {
    width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
}
.chuantong {
    width: 650px;
    float: left;
}
.wenzi1 {
    margin: 0 30px;
}
.shuju1 {
    float: right;
margin-top: 100px;padding: 0 30px;} 
.huiyuan1 {
   float: left;
padding: 0 30px;}
.yingxiao {
    padding: 0 80px;
    margin-top: -20px;
    float: right;
    margin-top: 172px;
}
.sjwenzi1 {
    float: left;
    margin-top: 260px;
padding: 0 30px;}
.gongxiang {
    float: right;
padding: 0 30px;}
#menu_40.mfbox{width:100%; min-width:1200px; margin:0 auto;}
#menu_38.mfbox{width:100%; min-width:1200px; margin:0 auto;}
#menu_40 .title02.mt60.wow.bounceIn.animated.animated {
    display: none;
}
#menu_38 .p_about{

    color: #000;
    line-height: 30px;margin-top: -60px;
}
#menu_40 .p_about{

    color: #000;
    line-height: 30px;
}
#menu_38 .title02.mt60.wow.bounceIn.animated.animated {
    display: none;
}
.text1 {
    height: 600px;
    background: #f4f4f4;
    margin-top: 30px;
}

.text2 {

    height: 550px;
    background: #f4f4f4;
    margin-top: 30px;

}
#menu_36 .mfbox {
    width: 1200px;
    margin: 0 auto;
    min-width: 1200px;
}
.textef {
    width: 1200px;
    margin: 0 auto;
}
.i_online {
  position:relative;
  left:50%;
  margin-left:-270px;
    width: 700px;
    
}
#menu_38 .i_banner_box {
    position: relative;
    width: 100%;
    height: 700px;
    overflow: hidden;
display:none;}
.i_contact_ctwz {
    width: 1200px;
    margin: 0 auto;
}
#menu_36 #com_singles_contact {
    display: none;
}
#menu_38 #com_singles_contact {
    display: none;
}
#menu_40 .i_contact {
    padding: 50px 0;
    background: #2c2c2c;
    margin-top: 50px;
}

.a{
  display: none;
  width: 80px;
  height: 30px;
  line-height: 30px;
  background: #f00;
  padding: 0 10px;
  color: #fff;
  border-radius: 16px;
  text-align: center;
  margin: 0 auto 30px;
  font-size: 16px;
}.line_div:nth-child(2) {
    width: 28%;    margin-top: 30px;
}
.line_div:nth-child(1) {
    display: block;
    width: 44%;
    /* text-align: center; */
    margin-top: 20px;
}.line_div:nth-child(3) {
    margin-top: 30px;
}
/* 内页部分结束 */

/*响应式开始*/
@media screen and (max-width: 1024px) { /*当屏幕尺寸小于1024px时，应用下面的CSS样式*/
.header{width:100%;min-width:100%;padding:0 20px;}
#products .mfbox{width:100%;min-width:100%;}
#menu_36 .mfbox{width:100%;min-width:100%;}
.i_tedian{margin:10% 0;}
.i_tedian li {
    width: 28%;
    margin: 0 2%;
    height: auto;
}
.i_tedian li em{}
.i_tedian li em img{}
.i_fun_c{width:100%;margin:5% auto 0;}
.i_fun_cl{padding-left:5%;padding-top:0;}
.i_fun_cr{width:30%;}
.i_shehe_l{width:100%;}
.i_sev{padding:0;}
.i_shehe_l li{margin:0 6% 5%}
.i_fun{padding-top: 4%;}
.i_yith_l{margin-top:7%;}
.i_yith_l li{margin:0 1%;}
.i_sev_l{margin-top:6%;}
.i_sev_l li{margin:0 1%;}
.i_contact_c span{font-size:12px;}

/*内页*/
.textef{width:auto;}
.chuantong{width:50%;}
.gongxiang{width:50%;padding:0;}
.wenzi1{text-align: center;padding:0 10px;}
.wenzi2{text-align: center;;}
.yingxiao{margin-top:3%;width:50%;padding:0 10px;}
.shuju1{padding:0;margin-top:8%;width:50%;}
.sjwenzi1{margin-top:20%;width:50%;}
.huiyuan1{width:50%;}

.p_list{width:100%;}
.p_list li{width:100%;padding: 20px 10px 20px 62px;}
.p_c{width:75%;}
.p_c h3{width:auto;}
.p_ni img{width:auto;height:auto;}
.p_c span{width:auto;}
.p_ni{width:20%;height:auto;}
.navPage {width:100%;}
#com_definedkeys_4{width:100%;}
.p_u_def4{width:100%;}
.p_u_def4 .list{width:100%;}
.p_u_def4 ul{width:100%;}
.p_u_def4 li{width:30%;text-align: center;}
.p_u_def4 li ins{width:auto;height:auto;}
.p_u_def4 li ins img{width:auto;height:auto;}
.productimg{width:100%;}
.productimg a img{width:100%;}
#menu_39 .p_p_list{width:100%;}
.p_p_list ul{margin:0 10px;}
.p_p_list li{width:32%;text-align: center;margin:0;}
.p_p_list li ins{width:auto;height:auto;}
.p_p_list li ins img{width:auto;height:auto;}
.i_contact_ctwz{width:100%;}
.p_about{padding:60px 0px;}
.mfbox{width: 94%;}
div#com_singles_hotline{
    display: none;
}
.navbar-toggle{display: none;}
.p_about{width: 100%;min-width: auto;}
#menu_42 .p_about{width: 100%;}
}

@media screen and (max-width: 768px) { /*当屏幕尺寸小于768px时，应用下面的CSS样式*/
.i_nav{display:none;width: 100%;position: absolute;background: #fff;z-index: 100;top: 118px;left: 0;margin-top:0;}
.ddsmoothmenu ul li{width: 100%;position: relative;text-align: center;float:none;margin:0;display:inline-block;}
.nava, .navactive{line-height: 56px;padding: 0 20px;font-size: 20px;color:#000;border-bottom: 1px solid #ccc;}
.ddsmoothmenu ul li.line{display:none;}
.navactive, .navactive:hover{color: #cf0007;border-bottom: 2px solid #ffc000;}
.navbar-toggle{display:none;}
.i_fun{padding-top: 4%;}
.i_yith_l li{margin: 0 4%;}
.i_sev_l{margin-top:3%;}
.i_sev_l li{margin: 0 10%;}
.i_tedian li span{height:80px;text-align: justify;}

/*内页*/
.line_div{width:100%;text-align: left;}
.menu{
    position: fixed;
    right: 35px;
    top: 25px;
    width: 30px;
    display: block;
    height: 30px;
    z-index: 999999;
}
.menu i{
    width: 30px;
    height: 2px;
    margin: 5px 0;
    background: #000;
    display: block;
}
}

@media screen and (max-width: 629px) { /*当屏幕尺寸小于629px时，应用下面的CSS样式*/
.i_online{width:100%;position:static;margin:0;}
.i_contact_c span{width:auto;display:block;margin-top:10px;}
#com_definedkeys_4_6{width:100%;padding:0 5px;}
.gbook_post td{width:auto !important;}
.gbook_post td input{width:200% !important;}

.gbook_post.firstRow td input{width:auto !important;}
.formwz{width:250px;margin:0 auto;}
.gbook_formbtn{width:150px;margin:0 auto;}
.gbook_formbtn input{margin:0 auto;}
/*内页*/
}

@media screen and (max-width: 480px) { /*当屏幕尺寸小于480px时，应用下面的CSS样式*/
.p_about {
    padding: 0px 0px;
}

.p_.header{    height: 70px;}.i_tedian ul li img {
    width: 90px;

    margin: 0px 2%;
    margin-right: 18px;
}
div#chatframe_1{display: none;}
.i_contact_c span:nth-child(2),.i_contact_c span:nth-child(3){width: 100%;}
.logo{    width: 88%;    margin-left: -27px;}
.navbar-toggle{width:50px;height:50px;}
.i_nav{top: 100px;
right: 0;
left: initial;
width: 190px;}
.i_nav ul li ul {
  position: relative;
  top: 0 !important;
  left: calc(50% - 56px) !important;
}
.nava, .navactive{line-height:48px;font-size: 15px;}
.i_fun_cl{padding:0;text-align: center;width:100%;}
.i_fun_cl ul{width:80%;margin:0 auto;}
.i_fun_cl li{width:33%;margin-right:0;float:none;}
.i_fun_cr{margin-top:20px;width:75%;}
.i_yith_l li{margin:0 0;}
.i_sev_l li{margin:0 1%;}

.i_tedian ul li{vertical-align:top;}
.i_tedian li span{height:100px;}

/*内页*/
.i_fun_cl h4{font-size:27px;}
.i_yith_l li{width:40%;}
.i_sev_l li i{width:80%;height:80%;}
.i_sev_l li{width:45%;}
.i_sev_l li img{width: 40%;}
.p_p_list li ins img{    width: 100%;
    height: 100%;}
    #menu_42 .productremark img{
        height: auto !important;
    }
    .sortnavul{
        
        overflow: auto;    justify-content: initial;    }
        .sortnavul li a{    padding: 0 5px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.i_shehe_l li{width:30%;}
.i_shehe_l li i{width:80%;height:80%;}
.i_fun_cl li i{width:90%;height:90%;}
.i_yith_l li i{width:auto;height:auto;}
.wenzi1{margin:0;text-align: left;margin:0;}
.wenzi2{text-align: left;}
.text2{height:300px;}
.sjwenzi1{width:50%;}
.p_u_def4 li{width:42%;}
.p_p_list li{    width: 49%;
    margin:0;}
.line_div{text-align:center;}
.line_div img{display:block;margin: 0 auto;}
.p_list li{padding: 20px 10px 20px 20px;position:relative;}
.p_c{width:100%;}
.p_c h3{text-align: center;}
.p_c {}
.i_sev_l li span{margin-top:14px;}
.p_ni{  width:100%;height: auto;border:none;}
.p_u_def4 li{height:auto;}
.productremark img, .remark img, .remark1 img {
    height: auto !important;
    width: 100% !important;
    margin-top: 0 !important;
}
  div#m46video ul li {
    float: left;
    width: 45%;
    margin: 10px;
}
ul.n_n_list{    width: 100%;}
.p_newsf{width: 100%;}
.p_newsi,.p_newsi img{width: 100%;height: auto;}
.p_newsc{width: 100%;}
.p_newsc h3{width: 100%;}
.p_newsc span{height: auto;}
#menu_43 .p_about{
    
    width: 100%;}
.pimg_banner img{width: 100% !important;}
.p_v_list li{    width: 44%;height: auto;}
.p_v_list li ins{width: 100%;height: auto;}
.p_v_list li span{width: 100%;}
.i_fun_c h1 span{font-size: 18px !important;}
.i_fun_c h1 span strong span {font-size: 25px !important;}
.i_contact_c .mfbox>div{
    overflow: hidden;
}
.i_contact_c span:nth-child(2), .i_contact_c span:nth-child(3){
    width: 50%;
    float: left;
}
}

@media screen and (max-width: 414px) { /*当屏幕尺寸小于414px时，应用下面的CSS样式*/
.slider-arrow--right{right:10px;}
.slider-arrow--left{left:10px;}
.slider-nav{bottom:10px;}
.i_tedian ul li img {
    width: 80px;
    margin: 0px 2%;
    margin-right: 18px;
}.i_sev_l li span {
    display: block;
 
    line-height: 30px;
    height: 40px;
    font-size: 14px;
    color: #FFF;
    overflow: hidden;
}.i_fun_cl li img {
    width: 80px;
}.m46_video img {
    height: auto;
    max-width: 100%;
}

div#m46video ul li {
    float: left;
    width: 44%;
    margin: 10px;
}
/*内页*/
.shuju1{width:100%;}
.sjwenzi1{width:100%;}
.huiyuan1{width:100%;}
.yingxiao{width:100%;margin-top:7%;}
.text2{height: 650px;}
.i_contact_ct span{font-size:27px !important;}
  
.i_tedian li span {
    display: block;
    margin-top: 15px;
    font-size: 15px;
    line-height: 20px;
    overflow: hidden;
}.i_yith {
    width: 100%;
    padding: 10px 0;
}

.i_tedian li span {
    height: 50px;
}
.i_tedian li em {
    display: inline-block;
    width: 118px;
    height: auto;
    overflow: hidden;
}
  .i_shehe_l {
    width: 100%;
    margin-top: -30px;
}
  .i_shehe {
    width: 100%;
    padding: 40px 0 0;
}.mfbox {
    width: 95%;
}

}

@media screen and (max-width: 375px) { /*当屏幕尺寸小于375px时，应用下面的CSS样式*/
.header{height:90px;}
.logo{    width: 244px;margin-left: -20px;}
.i_nav{top:90px;}
.navbar-toggle{width:40px;height:40px;}
.nava, .navactive{line-height:40px;font-size:16px;}
.copyright{padding: 10px 5px 0;line-height: 26px;}
.i_fun_cl h4{font-size:26px;}
.i_yith_l li{width:45%;margin:0 5px 0 0 ;}
.i_yith_l li i{width:auto;height:auto;}
.i_yith_l li i img{width:150px;}

/*内页*/
.p_u_def4 li{width:43%;}
.sjwenzi1{width:100%;}
.shuju1{width:100%;}
.text2{height:555px;}
.i_contact_ct span{font-size:25px !important;}

}


@media screen and (max-width: 360px) { /*当屏幕尺寸小于360px时，应用下面的CSS样式*/
.i_sev_l li{width:150px;}
.i_sev_l li i{width:auto;height:auto;}
.i_sev_l li i img{width:150px;}
.i_shehe_l li{width:135px;}

/*内页*/
}


@media screen and (max-width: 320px) { /*当屏幕尺寸小于320px时，应用下面的CSS样式*/
.i_shehe_l li{width:115px;}
.i_tedian li span{height:140px;}
.i_fun_cl h4{font-size:22px;}
.i_fun_cl ul{width:100%;}div#m46video ul li {
    float: left;
    width: 43%;
    margin: 10px;
}

/*内页*/
.p_u_def4 li{width:72%;}
.p_p_list li{width:100%;}
.i_contact_ct span{font-size:20px !important;}
}