@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
fieldset,img{ border: 0; }
.clear{ clear:both;}
address,caption,cite,code,dfn,em,th,var,i{ font-weight: normal; font-style: normal; }
ul,li{ list-style: none; }
body,a{ font-family:"微软雅黑"}
a{ text-decoration:none; color:#666; font-size:12px}
.bomimg{width:47px}
img{ vertical-align:middle}
.index_top{ width:1580px; margin:0 auto;}
.logo{ float:left; width:200px}
#cssmenu{ float:left; width:910px; margin-left:330px !important; margin-top:10px !important;}
#cssmenu ul{ float:left}

#cssmenu ul.cssmeny ul {
    width: 160px;
}
#cssmenu ul.cssmeny li  a {
 
}


#cssmenu ul.cssmeny> li:hover > a, #cssmenu ul.cssmeny> li.active > a {
    border-bottom:3px solid #f00;
    color: #e60012;
	background:none
}

#cssmenu ul.cssmeny > li > a {
    padding: 20px 0px 32px 0px;
}


#cssmenu ul.cssmeny  > li.has-sub > a {
    padding-right: 0px;
}

#cssmenu ul.cssmeny > li {
  padding:0 20px  
}
#cssmenu ul.cssmeny  > li.has-sub { position: relative;}

.lisou{ width:40px; float:left; margin-top:28px}
.zhongwen{ width:100px; float:left; background-color:#BFBEBF; height:77px;}
.zhongwen dt a{ color:#fff}
.zhongwen dl{ margin-left:23px; margin-top:25px; color:#fff; font-size:14px}
.zhongwen dl dt{ cursor:pointer}
.zhongwen dl dd{ display:none; cursor:pointer}
.search_bat1{ width:100%; z-index:10000; height:80px; background:rgba(255,255,255,.9); position:absolute; top:0; box-shadow:0 2px 2px rgba(0,0,0,.2);}
.sec{ width:80%; margin:0 auto; padding-top:20px;}
.close_input{ float:right; padding-right:74px; margin-top:12px; background:url(../images/122.png) no-repeat 0 0; transition-duration:.6s; -moz-transition-duration:.6s; -webkit-transition-duration:.6s; height:16px; width:16px; }
.close_input:hover{ background-position:0 bottom;}
.search_bat1{ display:none;}
.search_bat{ display:inline-block; height:18px;}
.search_bat1 input{ width:80%; background:none; height:40px; border:0; line-height:40px; font-size:26px; text-indent:10px;border: 1px solid #ccc; border-radius: 6px}
.logo img{ width: 100%; max-width: 200px}
.list_dd{ color:#E60012; margin-top: 10px }
.list_dd img{ width:11px !important;}
table{empty-cells:show;border-collapse:collapse;border-spacing:0;}
.titbox{font-size:18px;color:#3366cc;height:32px;overflow:hidden;width:880px;margin:40px auto;}
.scroll{width:1100px;color:#333333;margin:15px auto;overflow:hidden;}
.scroll img{border:solid 1px #ddd;margin:0 5px;}
.scroll a:hover img{border:solid 1px #E60012;}
.you_cen{ padding-bottom: 50px;margin-top: 50px;}

.swiper-container { width: 100%; height: 100%;  }
.banner2{ width: 100%; margin: 0 auto; background-color: #F1F1F1; padding-bottom: 50px;overflow:hidden}
.swiper-container1 {  width: 1028px; height: 500px; position: relative; float: right; overflow:hidden }
.swiper-container5 {  width: 1028px; height: 500px; position: relative; float: right; display: none }
.swiper-slide {font-size: 18px; background: #fff; overflow:hidden;
    /* Center slide text vertically */
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
}
.swiper-container .swiper-slide img{ width: 100%}
.swiper-pagination1 .swiper-pagination-bullet {
    background: #ccc none repeat scroll 0 0;
    border-radius: 100%;
    display: inline-block;
    height: 8px;
    opacity: 1;
    width: 8px;
}
.swiper-pagination1 .swiper-pagination-bullet-active{ background: #f00 none repeat scroll 0 0; opacity: 1;}
.swiper-pagination3 .swiper-pagination-bullet{ background: #E0E0E0 none repeat scroll 0 0;}
.swiper-pagination3 .swiper-pagination-bullet-active{ background: #f00 none repeat scroll 0 0; opacity: 1;}

.index_center{ width:1200px; margin: 0 auto; overflow: hidden }

.product{ text-align: center; padding-top: 20px; padding-bottom:20px;color: #585858; font-size: 24px}

.box{
    height: 100px;
    position: relative;
    margin:0 auto;
    height: 130px;
    padding-top: 30px;;
    width: 1140px !important;
}
#roll{
    width: 200%; height: 170px;
}
#roll dd{
    width:120px;
    height: 60px;
    border: 1px solid #ccc;
    float: left;
    margin-right: 5px;
}
.box span{ text-align: center; font-size: 13px; display: block; margin-top: 10px}
.box .next{right: -100px; left:auto;}
#roll dd:hover{ border: 1px solid #f00}


#demo{width:1140px;padding:0px;overflow:hidden;height:50px; margin: 0 auto}
#demo img{margin:2px 5px; width:68px;height:48px;}
#demo ul{margin:0px;padding:0px; width:940px;}
#demo li{list-style:none;margin:0px;padding:0px;height:50px; white-space:nowrap; }



.swiper-container1 dl,.swiper-container5 dl{ overflow: hidden; width: 93%; margin: 0 auto; margin-top: 40px; padding-bottom: 30px }
.swiper-container1 dl dt,.swiper-container5 dl dt{ width:450px; float: left }
.swiper-container1 dl dd,.swiper-container5 dl dd{ width:335px; float: left; margin-left: 25px }
.swiper-container1 .dl1,.swiper-container5 .dl1{ border-bottom: 1px solid #ccc}
.swiper-container1 dl a,.swiper-container5 dl a{ color: #E60012; display: block; margin-top: 10px}
.swiper-container1 dl .dt1,.swiper-container5 dl .dt1{ font-size: 18px; margin-bottom: 20px}
.swiper-container1 dl p,.swiper-container5 dl p{ color: #999999; font-size: 12px; line-height: 26px}

.center_left{ width: 171px;  float: left; background-color: #fff; height: 500px}
.center_left .feed{

    height: 90px; line-height: 67px;color: #999;text-align: center;
    transition:background-color 0.3s linear,color 0.3s linear, height 0.3s linear, line-height 0.3s linear;
    cursor: pointer;
}
/*
.center_left .fee1:hover{
    background: url("../images/01.jpg") no-repeat left center;
    color: #ffffff;
    height:125px;
    line-height: 170px;
    padding-top: 30px;
    padding-left: 0px;
    text-align: center;
}
.center_left .fee2:hover{
    background: url("../images/02.jpg") no-repeat left center;
    color: #ffffff;
    height:125px;
    line-height: 170px;
    padding-top: 30px;
    padding-left: 0px;
    text-align: center;
}
.center_left .fee3:hover{
    background: url("../images/03.jpg") no-repeat left center;
    color: #ffffff;
    height:125px;
    line-height: 170px;
    padding-top: 30px;
    padding-left: 0px;
    text-align: center;
}
.center_left .fee4:hover{
    background: url("../images/04.jpg") no-repeat left center;
    color: #ffffff;
    height:125px;
    line-height: 170px;
    padding-top: 30px;
    padding-left: 0px;
    text-align: center;
}
.center_left .fee5:hover{
    background: url("../images/05.jpg") no-repeat left center;
    color: #ffffff;
    height:125px;
    line-height: 170px;
    padding-top: 30px;
    padding-left: 0px;
    text-align: center;
}*/
.div_p,.div_zong{ overflow:hidden}
.m{width: 100%; max-width: 599px; margin-left: auto; margin-right: auto; overflow:hidden}
.my-video-dimensions {
    width: 100%;
    height: 297px;
}
.center_left .current{
    background: url("../images/01.jpg") no-repeat left center;
    color: #ffffff;
    line-height: 125px;
    padding-top: 60px;
    padding-left: 0px;
    text-align: center;
}
.center_left .feed img{ display: block}
.div_zong dd img{ width: 100%; max-width: 359px}
.div_lun{ width: 1200px; margin: 0 auto; margin-top:30px; padding-bottom: 50px; overflow: hidden}
.lun_left{ width: 580px; float: left}
.left_h1{ margin-bottom: 20px; font-size: 24px; color: #585858}
.lun_right{ width: 595px; float: right;}
.lun_left dl{ overflow: hidden; width: 580px; margin-bottom: 30px}
.lun_left dt{ width: 245px; float: left}
.lun_left dd{ width: 300px; float: left; background-color: #F1F1F1; height: 165px; padding-left: 20px; padding-right: 15px}
.lun_left dd>div{ font-size: 16px; color: #525252; margin:20px 0 15px 0px}
.lun_left dd>p{ font-size: 12px; color: #999999}
.lun_left dd>a{ color: #E60012; display: block; margin-top: 25px}
.lun_left dd>a img{ vertical-align: middle}
.lun_left ul li{ background: url("../images/8.png") no-repeat left center; padding-left: 30px; margin-top: 18px}
.lun_left ul li a{ color: #999; transition:color 0.3s linear ;font-size: 14px; }
.lun_left ul li a:hover{ color: #E60012 }
.lun_left ul span{ float: right; font-size: 14px; color: #999}
.you_div{ width: 100%; background-color:#F1F1F1; padding-bottom: 20px; margin: 0 auto}
.swiper-container3 {  width: 1200px; height: 120px;  margin:0 auto;position:relative;overflow:hidden;z-index:1; padding-bottom: 50px}
.swiper-container3 .swiper-slide{ background-color: #F1F1F1}
.swiper-container3 a{ display: block}
.swiper-container3 .swiper-slide  span{ display: block; text-align: center; font-size: 12px; margin-top: 15px}
.lun_right .video img{ width: 100%}
.swiper-container3 img{ border: 2px solid #F1F1F1;  transition:border 0.5s linear; height: 53px}
.swiper-container3 img:hover{ border: 2px solid #E60012; border-radius: 4px}
.swiper-container4 {  width: 100%; height: 120px;  margin:0 auto;position:relative;overflow:hidden;z-index:1; padding-bottom: 50px; display: none  }
.swiper-container4 .swiper-slide{ background-color: #F1F1F1}
.swiper-container4 a{ display: block; text-align: center}
.swiper-container4 .swiper-slide  span{ display: block; text-align: center; font-size: 12px; margin-top: 15px}
.swiper-container4 img{ border: 2px solid #F1F1F1;  transition:border 0.5s linear ; height: 53px}
.swiper-container4 img:hover{ border: 2px solid #E60012; border-radius: 4px}

.div_about{ min-width:1200px; overflow:hidden; height:350px; margin:0 auto; position:relative;}
.div_about .div_about_1{ width:1600px; height:350px; position:absolute; left:50%; margin-left:-800px; top:0}
.img_lianxi{ position: absolute; left:400px; top:60px; width: 800px; text-align: center}
.img_lianxi .p1{ color: #fff; font-size:24px}
.img_lianxi .p2{ color: #fff; font-size:15px; margin-top: 40px; line-height: 30px}
.img_lianxi  .more{ display: block; color: #fff;background-color: #E60012; width: 150px; height: 41px; line-height: 41px; text-align: center; border-radius: 4px; margin: 0 auto; margin-top: 50px; transition-delay: 0.2s; transition-duration: 0.6s;}
.img_lianxi  .more:hover{ background: #D3D3D3 none repeat scroll 0 0; color:#f00; text-shadow: 2px 2px 4px rgba(35,61,125,0) }
.in_div1{ width:1200px; margin: 0 auto; overflow: hidden}
.in_divleft{ width:244px; float: left; background-color: #F1F1F1 }
.in_new2{ font-size: 16px; color: #525252; margin: 10px 0; padding-left: 15px }
.in_divleft p{ font-size: 12px; color: #A4A4A4; padding-left: 15px; padding-right: 15px}
.in_divleft a{ color: #e60012;  display: block;  margin:20px 0; padding-left: 15px; font-size: 14px}
.in_divright{ width:840px; float: left; overflow: hidden }
.new02 {
    float: left;
    margin: 30px 0 0 40px;
    width: 234px;
}
.new02 .i {
    border: 3px solid #AFAFAF;
    float: left;
    font-weight: bold;
    padding: 10px;
    width: 40px;
    height: 40px;
    color: #6B6B6B;
    font-size: 14px;
}
.new02 .h2 a{ font-size: 16px; color: #525252; }
.new02 .h2{ margin: 20px 0}
.new02 p{ font-size: 12px; color: #A4A4A4;}
.new02 a{ color: #e60012;  display: block;  margin:20px 0 ; font-size: 14px }
.new02 .in_new_more{ margin-top: 50px}
.new02 .h2 a:hover{ color: #f00}
.bottom{ background-color: #424242; width: 100%   ; margin: 0 auto; height: 96px; color: #fff; font-size: 12px; padding-top: 20px; overflow: hidden;}
.bottom a{ font-family: "微软雅黑"; font-size: 14px}
.bom_left{ width: 500px; margin: 0 auto; text-align: center;}
.bom_right1{ float: right; width: 300px;}
.bom_right div{ margin-top:6px}
.bomm{ width: 1100px; margin: 0 auto}
.banner_two img{ width: 100%}
.under_center{width: 100%; background-color: #F1F1F1; padding-bottom: 150px}
.under_center1{width: 100%; background-color: #F1F1F1; padding-bottom:0px}
.und_cen{ width: 1200px; margin: 0 auto}
.under_h1{ font-size: 24px; padding-top: 40px; border-bottom: 1px solid #CDD3D0; padding-bottom: 15px}
.und_cen ul{ overflow: hidden}
.und_cen ul li{ float: left; margin-right: 45px;  }
.und_cen li a{ float: left; padding: 20px 0; font-size: 16px }
.und_cen li a:hover,.under_current{ color: #DB261D; border-bottom: 2px solid #DB261D}
.under_dl,.pro_dl{ background-color: #fff; overflow:hidden; padding-bottom: 60px; margin-top: 40px}
.under_dl dl,.pro_dl dl{ float: left; width:354px; margin-left: 35px; margin-top: 30px;height: 300px; }
.under_dl dd{ font-size: 14px}
.fenye{ width:380px; margin: 0 auto; margin-top: 40px}
.fenye a{ border: 1px solid #E2E2E2; padding: 5px 8px; margin-left: 3px}
.fenye a:hover,.fenye_current{ background-color: #F64802; color: #fff}
.under_dl dl img,.detail_dl img{ width: 100%}
.detail{ width: 1200px; margin: 0 auto; /* padding-top: 40px; */}
.detail_h1{ font-size: 24px; color: #181818}
.detail_dl{ background-color: #fff; padding-top: 30px; padding-bottom: 40px; overflow: hidden; padding-left: 30px; margin-top: 30px}
.detail_left,.detail_right{ width:46%; float: left; font-size: 14px;margin-left: 20px; }
.detail_about{ border-top: 1px solid #E0E0E0; padding-top: 25px; margin-top: 40px; border-bottom: 1px solid #E0E0E0; padding-bottom: 30px}
.detail_h2{ font-size: 18px; margin-bottom: 20px}
.detail_about a{ display: block; font-size: 14px; line-height: 30px}
.detail_about a:hover{ color: #E60012}
.pro_cen{ background-color: #fff ;padding: 30px 30px 40px 30px; margin-top: 30px}
.pro_cen .pro_h1{ font-size: 16px; font-weight: bold ; margin-bottom: 15px}
.pro_cen p{ font-size: 14px;  line-height: 28px; color: #666666}
.pro_dl .dd1{ font-size: 18px; margin: 15px 0; color:#666666}
.pro_dl .dd2{ font-size: 12px;color: #666666}
.pro_dl dl a{ color: #E70010; font-size: 12px; display: block; margin-top: 20px}
.div_call{ margin-top: 30px;}
.div_call .call_h1{ font-size: 18px; margin-bottom: 20px}
.div_call p{ line-height: 30px; /* color: #666 */}
.call_dl .map{ margin-top: 30px; width: 100%}
.call_dl .map img{ width: 100%; max-width: 1037px}
.call_dl{ background-color: #fff; overflow:hidden; padding-bottom: 60px; margin-top: 40px; padding-left: 30px;padding-right: 30px}
.new_dl dl{ background-color: #fff; padding: 25px; margin-top: 20px; line-height: 28px; overflow: hidden}
.new_dl dl .dd1{ font-size: 16px; color: #000}
.new_dl dl .dd2{ font-size: 14px; color: #316A24}
.new_dl dl .dd3{ font-size: 12px}
.fenye1{ background-color: #fff; padding: 10px 0 50px 0; margin-top: 50px; width: 100%; height: 60px}
.index_new{ margin-bottom: 80px}
.newdetail_dl{ background-color: #fff; padding-top: 30px; padding-bottom: 40px; overflow: hidden; padding-left: 30px; margin-top: 30px; padding-right: 30px; line-height: 30px;}
.newdetail_dl p{ color: #666; font-size: 14px}
.newdetail_dl p img{ /* width: 100%; */ /* max-width: 1024px; */ margin: 20px 0}
.newdetail_dl .newde_h1{ font-size: 16px; margin: 15px 0}





@media only screen and (max-width: 1600px) {
    .index_top{ width:100%}
     #cssmenu{ float:left; width:58%; margin-left:15% !important; margin-top:10px}
     #cssmenu > ul > li > a{ }
    .zhongwen{ float: right}

    #cssmenu ul ul{ margin-bottom: 20px; background:#fff}
    .banner2{ width: 100%}
    .bomm{ width: 100%}
	#cssmenu ul.cssmeny > li {padding:0 20px  }
	}



@media only screen and (max-width: 1400px) {
    #cssmenu{ float:left; width:63%; margin-left:6%!important; margin-top:10px}
     #cssmenu ul> li:hover > a, #cssmenu ul> li.active > a {border-bottom:none}


}



@media only screen and (max-width: 1250px) {
    #cssmenu{ float:left; width:65%; margin-left:5%!important; margin-top:10px}
    #cssmenu ul.cssmeny ul{ width:100%}
}
@media only screen and (max-width: 1000px) {
.bom_left{ margin-left: 0px;}
}


@media only screen and (max-width:790px) {
	 .newdetail_dl img{ width: 100%; max-width:300px }
	.newdetail_dl img,.und_cen img{width:100%}
    .center_left .feed{ height: 57px !important;  line-height: 50px!important; background: #E60012!important ;color: #fff !important;}
    .center_left .feed:hover{ height: 57px !important;  line-height: 50px!important; background: #E60012!important;}
    #cssmenu,
    #cssmenu ul,
    #cssmenu ul li,
    #cssmenu ul li a,
    #cssmenu #menu-button {
       position: relative;
    }
    .detail_h1,.under_h1{ font-size: 18px}
    .detail_left, .detail_right {
        float: none;
        font-size: 14px;
        width: 90%;
        margin-bottom: 15px;
		margin-left: 0px;
    }
    .detail{ width: 100%}
    #cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a{  background: none }
    .logo{ position: absolute; left:0; top:0; z-index: 100}
    .zhongwen{ position: absolute; right:0; top:0}
    #cssmenu{ margin-bottom: 20px}
    .zhongwen{ height: 70px}
    #cssmenu ul li.active{ margin-top:20px !important; }

    .center_left {
        background-color: #fff;
        float: none;
        height: 500px;
        width: 171px;
    }
    .index_center{ width: 100%; background-color: #fff;}



    .swiper-container1{
        display: none;
    }
    .swiper-container5{
        float: none;
        height: 520px;
        position: relative;
        width: 100%;display:block;
    }
    .swiper-container1 dl, .swiper-container5 dl{ margin-top: 30px}
    .swiper-container1 dl dt, .swiper-container5 dl dt {
        float: left;
        width: 40%;
    }

    .swiper-container1 dl dd,.swiper-container5 dl dd {
        float: left;
        margin-left: 5%;
        width: 50%;
    }

    .center_left {
        background-color: #fff;
        float: none;
        height: 100px;
        width: 100%;
    }
    .center_left .current {
        height: 57px;
        line-height: 50px; background: #E60012;
    }
    .center_left .feed:hover{
        height: 57px;
        line-height: 50px;
        background: none;background: #E60012;
    }
    .center_left .feed {
      width: 16%; float: left;
        margin-left: 3%;
        padding-left: 0;
        text-align: center;
    }
    #cssmenu ul ul li a {
        padding: 10px 0;
        text-align: left;
        padding-left: 40px;
    }

    .div_lun{ width: 100%}
    .lun_left {
        float: none;
        width: 96%;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .lun_left ul{ max-width:530px }
    .lun_right {
        float: none;
        width: 96%;
        margin: 0 auto;
    }
    .swiper-container1 dl,.swiper-container5 dl{ padding-bottom: 10px }

    .scrollbox{ display: none}
    .swiper-container4{ display: block}

    .product,.left_h1{ font-size: 18px;}
    .div_about{ min-width:100px; overflow:hidden; height:350px; margin:0 auto; position:relative;}
    .div_about .div_about_1{ width:100%; height:350px; position:absolute; left:0%; margin-left:-0px; top:0}
    .img_lianxi{ position: absolute; left:10%; top:40px; width: 80%; text-align: center}
    .img_lianxi .p1{ color: #fff; font-size:18px}
    .img_lianxi .p2{ color: #fff; font-size:13px; margin-top: 10px; line-height: 20px}
    .img_lianxi  .more{ display: block; color: #fff;background-color: #E60012; width: 150px; height: 41px; line-height: 41px; text-align: center; border-radius: 4px; margin: 0 auto; margin-top: 20px}
    .in_div1{ width:100%;}
    .in_divleft{ float: none; padding-bottom: 20px}
    .in_divright{ float: none; width: 100%}
    .new02{ width: 40%}
    .new02 .in_new_more {
        margin-top: 30px;
    }
    .you_div{ width: 100%}
    .bom_left,.bom_right{ float: none}
    .bottom{ height:auto; text-align: center; line-height: 28px; padding: 20px 0}
    .und_cen{ width: 100%}
    .und_cen ul li {  width: 16%;  }
    .under_dl dl,.pro_dl dl {
        margin-left: 2%;
        margin-top: 30px;
        width: 45%;
    }
	.und_cen .ul li{ float: left; width:13%; }
	.und_cen li a:hover,.under_current{ color: #DB261D; border-bottom:none}
   .und_cen .ul li {
    float: left;
    width: 30%;
     }
	 .detail_h1, .under_h1 {
    padding-left: 15px;
    }
	.und_cen ul{ padding-left:15px}
    .div_lun{  margin-top: 70px}
    .banner2{ padding-bottom:0px }
}



@media only screen and (max-width:650px) {
    .sec {  width: 90%;  }
    .search_bat1 input {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: 1px solid #ccc;
        border-radius: 6px;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        text-indent: 10px;
        width: 60%;
    }
    .new02{ width: 80%}
    .new02 .in_new_more {
        margin-top: 20px;
    }
    .in_divleft{ float: none; padding-bottom: 20px; margin: 0 auto}
    .center_left .feed {
        float: left;
        font-size: 12px;
        margin-left: 1%;
        padding-left: 0;
        text-align: center;
        width: 18%;
    }



    .swiper-container1 dl dt,.swiper-container5 dl dt {
        float: none;
        width: 100%;
    }

    .swiper-container1 dl dd,.swiper-container5 dl dd {
        float: none;
        margin-left: 0px;
        margin-top: 20px;
        width: 100%;
    }
    .swiper-container1,.swiper-container5{
        height: 700px;
    }
    .product {
        padding-bottom: 18px;
        padding-top: 25px;
        text-align: center;
    }
    .swiper-container-vertical > .swiper-pagination-bullets{ top:52%}
    .swiper-container1 dl,.swiper-container5 dl{ padding-bottom: 20px }

    .lun_left dt {
        float: none;
    }
    .lun_left dd {
        float: none;
        padding-top: 20px;
    }
    .lun_left dd>div{ margin:0px 0 15px 0px}

    .under_dl dl {
        float: none;
       margin: 0 auto;
        margin-top: 30px;
        width: 80%;
    }
    .pro_dl dl dt img{ width: 100%}
    .pro_dl dl{ width: 100%}
}


@media only screen and (max-width:450px){
    .zhongwen{ width:15%;font-size: 12px; }
    .zhongwen dt{font-size: 12px; }
    .zhongwen dl {
        margin-left: 0px;
        margin-top: 25px;
        text-align: center;
    }
    .logo{ width: 150px}
    .logo img{ width: 100%; margin-top: 10px }
    .lun_left ul span{ font-size: 12px; float: none}
    .lun_left ul li a{ font-size: 12px}
    .lun_left dl{ width: 100%}
    .lun_left dd {
        width:90%;
        padding:20px 5% 0px 5%;
    }
    .swiper-container4 img{ width: 100px}
    .fenye{ width: 100%}
    .fenye a {
        border: 1px solid #e2e2e2;
        margin-left: 3px;
        padding: 5px;
    }

    .und_cen ul li {
        width: 100%;
    }
    .swiper-container1,.swiper-container5{
        height: 660px;
    }
}