.left{ float: left;}
.right{float: right;}
.y_nav{display: none;}
.justify_fix{display:inline-block; width:100%; height:0; overflow:hidden;}

.mob{display: none;}
.pc{display: block;}

.menu_bg{ background: #262d7e; width: 100%; height: 60px;}
.menu_list{width: 1600px; height: 100%; margin: 0 auto;}
.menu_item{ width: 160px; height: 100%; line-height: 59px;  font-size: 18px; color: #fff; float: left; text-align: center; }
.menu_item.active,.menu_item:hover{ background: #050946; font-weight: bold;}
.nav_box{ width: 62%; float: right;}
.nav_tel{ width: 100%; text-align: right; height: auto; overflow: hidden;}
.nav_tel .left{ display: inline-block; float: none; font-size: 26px; color: #261b18; vertical-align: text-bottom; line-height: 1;}
.nav_tel .text{ margin-bottom: -1px;padding-top: 10px;}
.natt{    font-size: 18px;
    margin-top: 10px;}


.ban_swi{ float: none;}
.ban_swi .swiper-slide{ text-align: center;}
.ban_swi .swiper-pagination{bottom: 35px;}
.ban_swi .swiper-pagination-bullet{width: 48px; height: 10px; background: #e8e4df; opacity: 1; border-radius: 0; border: 2px solid #fff; outline: none; }
.ban_swi .swiper-pagination-bullet-active{ background: #c31522;  border-radius: 0;border: 2px solid #c31522; }

.oth-top,.banner{ text-align: center;}
.oth-top img,.banner img{max-width: 100%;}


.top{ width: 1600px; margin: 20px auto; height: auto; overflow: hidden;}

.logo{ height: 80px; margin-top: 5px;}
.logo img{max-height: 80px;}
.logotext{ margin-left: 35px; font-size: 18px; color: #222222; }
.logotext p{ font-size: 24px; font-weight: bold; margin: 10px auto 5px;}



.oth_menu{width: 100%; height: 60px; border-bottom: 1px solid #eeeeee;}
.oth_menu_con{width: 1600px; height: 60px; line-height: 59px; margin: 0 auto;padding-left: 30px; background: url("../image/clb_bg.jpg") left center no-repeat; }
.c_lb{}
.c_lb li{ float: left; margin-right: 50px; font-size: 18px; color: #333333;}
.c_lb li.active{ color: #c31522; font-weight: bold;}
.poz{ font-size: 16px; color: #666666;}
.poz a{color: #666;}

.oth_about{ margin: 62px auto; width: 1600px; height: auto; overflow: hidden;}
.oth_about .left{ width: 865px; height: auto; overflow: hidden;}
.oth_about .left h1{ font-size: 38px; font-weight: bold; line-height: 1;}
.oth_about .left h1 span{ color: #262d7e;}
.oth_about .left .dc{ color: #333333; font-size: 18px; margin-top: 10px;}
.oth_about .left .con{ font-size: 16px; line-height: 32px; margin: 35px auto 25px;}
.oth_about .left .con p{    text-align: left !important;}
.oth_mo{ width: 478px; height: 45px; border: 1px solid #262d7e;}
.oth_mo .left{ width: 163px; text-align: center; line-height: 44px; color: #fff; background: #262d7e;}
.oth_about .oth_mo .right{ font-size: 14px; color: #262d7e; text-align: center; width: 313px; line-height: 40px;}
.oth_mo .right{ font-size: 14px; color: #262d7e; text-align: center; width: 313px; line-height: 40px;}
.oth_mo .right span{ font-size: 20px; font-weight: bold;  }

.oth_lc{ background: #f9f9f9; width: 100%; height: auto; overflow: hidden; padding: 60px 0 55px;}
.oth_tt{ width: 1600px; margin: 0 auto; }
.oth_tt .t1{ font-size: 38px; font-weight: bold; color: #222;  display: inline-block;}
.oth_tt .t1 span{ color:#262d7e;}
.oth_tt .t2{ color: #333333; font-size: 18px;  vertical-align: text-bottom;display: inline-block;}
.oth_tt .t2 span{ margin: 0 17px 0 33px;}
.oth_lc_con{ margin: 55px auto 0; width: 1600px; height: auto; overflow: hidden; text-align: justify;}
.oth_lc_item{ text-align: center; display: inline-block; vertical-align: middle;}
.oth_lc_item .ct{ font-size: 18px; font-weight: bold; margin: 10px auto 25px;}
.oth_lc_item .cd{ font-size: 14px; line-height: 25px; }
.oth_lc_item:hover{ cursor: pointer;}
.oth_lc_item:hover .ct{ color: #262d7e;}
.oth_lc_item .l_m img:nth-child(2){display: none;}
.oth_lc_item:hover .l_m img:nth-child(1){display: none;}
.oth_lc_item:hover .l_m img:nth-child(2){display: block; margin: 0 auto;}
.oth_lc_item:hover .l_m{ width: 100px; height: 100px; background: #262d7e; border-radius: 50%; margin: 0 auto;overflow: hidden; border: 1px solid #fff;}

.pro_list{ width: 1600px;  height: auto; margin: 60px auto 65px; overflow: hidden;}
.pro{width: 100%; height: auto; overflow: hidden; text-align: left; font-size: 0;}
.pro_item{vertical-align: text-top;display: inline-block; margin-right: 25px; width: 380px; margin-bottom: 45px;}
.pro_item p{ font-size: 18px; text-align: center; color: #666666; white-space:nowrap; text-overflow: ellipsis; margin-top: 10px;}
.pro_item:nth-child(4n){ margin-right: 0;}
.pro_item .p_m{ border: 1px solid #eee;}
.pro_item:hover p{color: #c31522;}

.brad .pro_item{ width: 510px;}
.brad .pro_item:nth-child(4n){ margin-right: 30px;}
.brad .pro_item:nth-child(3n){ margin-right: 0;}


.news_list{ width: 1600px; height: auto; overflow: hidden; margin: 50px auto 55px;}
.news{width: 100%; height: auto; overflow: hidden; font-size: 0; text-align: justify;}
.news_item{width: 780px; border:1px solid #f9f9f9; height: auto; overflow: hidden; display: inline-block; padding: 20px 50px 20px 20px; }
.news_item .left{ width: 340px;}
.news_item .right{width: 345px; line-height: 31px;}
.news_item .right h3{ font-size: 18px; color: #333333; font-weight: bold;     overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;line-height: 31px;
    -webkit-box-orient: vertical; height: 60px;}

.news_item .right .xg{ display: block; width: 20px; background: #333333; height: 1px; content: ""; margin-top: 20px; }
.news_item .right p{font-size: 14px; color: #666;  text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; width: 100%; overflow:hidden; margin: 20px auto 30px;}
.news_item .right .ct{ font-size: 14px; color: #999;}
.news_item .right .ct span{ float: right;  color: #333;text-decoration:underline;}

.cont_top{width: 1600px; height: auto; overflow: hidden;  margin: 42px auto 50px;}
.cont_top .left,.cont_top .right{width: 780px; height: auto; overflow: hidden;}
.cont_top .cp_c{ padding: 0 45px;}
.cp_n{ font-size: 20px; color: #c31522 ;font-weight: bold; line-height: 37px;}
.cp_n img{ margin-right: 15px; }
.cp_c{ width: 780px; height: 306px; background: url("../image/lx_bg.jpg") no-repeat; overflow: hidden;}
.cp_c{ margin-top: 32px;}
.cp_it1{ width: 100%; margin-top: 35px; font-size: 16px; line-height: 29px; height: auto; overflow: hidden}
.cp_it2{ width: 100%; margin-top: 35px; font-size: 16px; line-height: 29px; height: auto; overflow: hidden;}
.cp_c img{ margin-right: 15px; }
.cont_top .right .cp_n{ font-size: 20px; color: #333333 ;font-weight: bold; line-height: 37px; }
.cont_top .right .cp_c{ width: 780px; height: 306px; background: url("../image/msg_bg.jpg") no-repeat; overflow: hidden;}

.cont_top .cp_it2 div{ width: 50%;}
.cont_top .right .cp_c p{margin-top: 45px;}
.msg_t{ width: 100%; height: auto; overflow: hidden; margin: 17px auto;}
.msg_t input{ width: 180px; background: #fff; border: none; text-indent: 15px; line-height: 34px; color:#bdbcbc; margin-right: 15px;}
.msg_t input:last-child{margin-right: 0;}
.msg_d textarea{width: 578px; height: 68px; padding: 10px;background: #fff; border: none;  line-height: 34px;}
.msg_s input{ margin-top: 20px; margin-right: 25px; line-height: 33px; background: #c31522; color: #fff; text-align: center;  width: 80px; border: none;}
.msg_s .rst{ background: #666;}

.map{width: 1600px; height: 500px; margin: 50px auto 90px;}

.foot_bt{width: 100%; height: auto; overflow: hidden; background: #050946; padding: 55px 0 40px;}
.foot_bc{width: 1600px; height: auto; margin: 0 auto; overflow: hidden;}
.foot_bc .left h2{ font-size: 24px; color: #fff; font-weight: bold; }
.foot_bc .left h2::after{ width: 45px; display: block; margin-top: 25px; background: #fff; height: 1px; content: "";}
.foot_bc_con{color: #fff; margin-top: 25px; font-size: 18px; line-height: 42px;}
.foot_bc .right{width: auto;}
.foot_bc .right h2{ font-size: 24px; color: #fff; font-weight: bold; }
.foot_bc .right h2::after{ width: 45px; display: block; margin-top: 25px; background: #fff; height: 1px; content: "";}
.foot_bc .right ul{ margin-top: 25px; width: 100%; height: auto; overflow: hidden;}
.foot_bc .right ul li{ float: left; margin-right: 45px; width: 115px;}
.foot_bc .right ul li img{ max-width: 100%;}
.foot_bc .right ul li:last-child{ margin-right: 0;}
.dr_txt{ font-size: 18px; line-height: 32px; color: #fff; font-weight: bold; margin-top: 22px;}
.foot_dc{ background: #222222; padding: 10px 0; text-align: center; color: #fff;}
.foot_dc a{color: #fff;}
.foot_dc span{ margin-left: 50px;}

.p1{ text-align: center;  font-size: 38px; color: #222;}
.p1 span{color:#262d7e;}
.p1 img{ margin: 0 35px;}
.p2{ font-size: 18px; color: #333333; text-align: center; margin-top: 10px;}

.in_pro{ padding:60px 0 65px; width: 100%; height: auto; overflow: hidden; }
.pro_in_cat{height: auto; overflow: hidden; margin: 30px auto 40px; text-align: center; font-size: 0;}
.inpro_item{display: inline-block; width: 180px; line-height: 49px; border: 1px solid #eeeeee; font-size: 16px; color: #666;}
.pro_in_cat .active .inpro_item{ color: #fff; background: #262d7e;}
.pro_in_box{ width: 1600px; height: auto; overflow: hidden; margin: 0 auto 20px;}
.pro_in_list{width: 1600px; height: auto; overflow: hidden;}
.pro_in_item{ width: 380px; height: auto; overflow: hidden; float: left; margin-right: 26px; position: relative; margin-bottom: 30px;}
.pro_in_item:nth-child(4n){  margin-right: 0;}

.pro_in_item p{ position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(0,0,0,.6); color: #fff; align-items: center; justify-content: center; font-size: 16px;  transition: all 0.3s;}
.pro_in_item:hover p{display: flex; }
.more1{ margin: 0 auto;}

.mid{padding:50px 0 84px; width: 100%; height: auto; overflow: hidden; background: url("../image/mid_bg.jpg") no-repeat; background-size: cover;}
.mid_con{width: 1600px; margin: 40px auto 0; height: auto; overflow: hidden; position: relative;}
.tpe{width: 480px; font-size: 38px; color: #d0212e; text-transform: uppercase; font-weight: bold; padding: 0 30px; position: absolute; top: 0; left: 0; z-index: 99;}
.tpe .right{ width: 100% ; text-align: right; font-size: 50px;}
.swmid .swiper-slide{ position: relative;}
.swmid .swiper-slide .right{ width: 1120px; height: auto; overflow: hidden;background: #d0212e; padding: 75px 75px 75px 335px;}
.swmid .swiper-slide .fix{ margin-top: 125px; position: absolute; border: 2px solid #fff;}
.txt_box h1{ font-size: 68px; color: #fff; }
.txt_box .tit{ font-size: 44px; color: #fff;}
.txt_box .desc{ font-size: 18px; line-height: 39px; color: #fff; margin-top: 45px; height: 221px; overflow: hidden;}
.more2{ font-size: 18px; color: #fff; width: 182px; line-height: 47px; border: 3px solid #fff; text-align: center;}
.more2 img{ margin-top: -3px; margin-left: 3px;}

.pge{ position: absolute; bottom: 0; width: 270px; left: 102px; height: 80px;}

.swmid_pn{ text-align: center;  margin: 34px auto 0; width: 126px; left: 0; right: 0;}
.swmid_pn .swiper-pagination-bullet{ width: 16px; height: 16px; border: 1px solid #222222; background: #fff; outline: none;}
.swmid_pn .swiper-pagination-bullet-active{ background: #d0212e;border: 1px solid #d0212e; }
.sw_pr::after,.sw_ne::after { display: none;}
.sw_pr,.sw_ne {display: inline-block; outline: none; line-height: 28px; margin-top: -15px; z-index: 99;}

.in_lc{ background: none;}

.in_ba{width: 100%; height: auto; overflow: hidden; background:  #f9f9f9 top center no-repeat; padding-bottom: 10px;}

.ba_con{ padding: 0 10px 10px; width: 1620px; height: auto; overflow: hidden; background: #fff; margin: 110px auto 0;box-shadow: 0 4px 5px #dbdbdb;}
.ba_con .p1{ margin-top: 60px;}
.ba_dd{ width: 1110px; height: 120px; margin: 45px auto;      box-shadow: 0px 2px 5px #dbdbdb; padding: 35px 30px;}

.dd_item{float: left; height: auto; overflow: hidden; border-right: 1px solid #eeeeee; padding-left: 44px; padding-right: 44px;}
.dd_item .right{ float: left; margin-left: 20px; font-size: 18px; color: #333; font-weight:bold;}
.dd_item .right div{ width: 15px; border: 1px solid #333333; margin: 6px auto 12px 0;}
.dd_item:first-child{ padding-left: 0;}
.dd_item:last-child{ border: none; padding-right: 0;}


.ab_text{ font-size: 16px; line-height: 42px;}
.in_ba .oth_mo{ margin: 0 auto 44px;}
.in_video{ margin:45px auto 60px; width: 1600px; height: auto; overflow: hidden;}

.hj_con{width: 1600px; height: auto; overflow: hidden;margin: 0 auto 42px; position: relative;}
.hj{ width: 1480px; height:auto; overflow: hidden; margin: 0 auto;}
.hj_con .swiper-slide p{ text-align: center; margin-top: 10px; color: #333333; font-size: 18px;}
.hj_pr,.hj_ne{ outline: none; color: #999999;}
.hj_pr,.hj_ne:hover{ color: #d0212e;}

.ys{ padding: 60px 0 52px; height: auto; overflow: hidden; }
.ys_con{ width: 1600px; margin:50px auto 0; overflow: hidden; background: url("../image/ys_bg.png") center top no-repeat; font-size: 0; text-align: justify;}
.ys_con .left,.ys_con .right{ float: none; display: inline-block; vertical-align: text-top;}
.ys1l{ padding-left: 58px;  width: 805px; }
.ys1r{width: 795px; padding-top: 30px; padding-left: 60px;}
.xha{ float: left; margin-right: 28px;}
.whz{ float: left; width: 600px;}
.whz h1{ font-size: 28px; font-weight: bold; width: 600px; line-height: 52px;}
.whz ul{ width: 100%; height: auto; overflow: hidden; margin-top: 45px;}
.whz ul li{ margin-bottom: 35px; height: auto; overflow: hidden;}
.whz ul li .quan{ float: left; margin-top: 8px;}
.whz ul li .txt{ float: left; width: 570px; font-size: 16px; margin-left: 15px; color: #666; line-height: 26px;}

.ys_lx{ font-size: 16px; color: #c31522;font-weight: bold;}
.ys_lx span{ font-size: 24px; }

.ys_mor{ width: 200px; line-height: 39px; font-size: 15px; color: #fff; text-align: center; border-radius: 20px; background: #c31522; margin-top: 25px;}
.news_bg{ padding: 60px 0; background: #eeeeee; height: auto; overflow: hidden;}

.news_con{width: 1600px; margin: 0 auto; overflow: hidden; height: auto;}
.news_con .left{width: 655px; height: 600px; padding: 25px 25px 30px; background: #262d7e; color: #fff;}
.news_con .left h2{ font-size: 28px;}
.news_con .left .pds{ font-size: 16px; margin-top: 10px;}
.indl_item{ width: 100%; height: auto; overflow: hidden; background: #fff; margin-top: 25px;}

.id_c{ padding: 29px;}
.id_c .tt{ font-size: 20px; font-weight: bold; color: #333333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.id_c span{ display: block; width: 26px; height: 3px; background: #d0212e; margin: 15px auto 18px 0;}
.id_c .tim{ font-size: 14px; color: #999999;}
.id_c .desc{ font-size: 16px; color: #666; line-height: 28px;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; overflow: hidden;}
.hy{ background: #fff; padding: 25px 30px 30px; margin-bottom: 40px; width: 910px;}
.hy .tp{ font-size: 28px;}
.hy .tp a{ float: right;}
.hy ul{ height: auto; overflow: hidden; width: 100%; margin-top: 25px;}
.hy ul li{ float: left; height: auto; overflow: hidden; width: 370px; margin-right: 85px;}
.hy ul li:last-child{ margin-right: 0;}
.hy ul li .tt{ font-size: 18px; line-height: 29px; color: #222222; font-weight: bold;}
.hy ul li span{ display: block; width: 26px; height: 3px; background: #727272; margin: 15px auto 18px 0;}
.hy ul li .tim{ font-size: 14px; color: #999999; margin-top: 10px;}
.hy ul li .desc{ font-size: 16px; color: #666; line-height: 28px;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; overflow: hidden;}

.faq{ margin-bottom: 0;}
.faq ul{ margin-top: 20px;}

.faq ul li a .tt{ font-weight: normal; margin-bottom: 19px;}
.faq ul li a:last-child .tt{ margin-bottom: 0;}

.se_box{width: 240px; height: 30px; background: #fff; border-radius: 15px; float: right; margin-top: 15px;}
.se_box input[type='text']{  border: none; margin-left: 10px; height: 28px; float: left;}
.se_box input[type='submit']{ float: right; margin-right: 10px; background: url("../image/se_ico.png") no-repeat; height: 20px; width: 20px; border: none; margin-top: 5px;}
    
.Pagination{width: 100%;height: auto;text-align: center;margin-top: 15px; margin-bottom: 70px;}
.Pagination a{display: inline-block;padding: 5px 10px;border: 1px solid #CCCCCC;}
.Pagination .current{color: white;}
.Pagination .current{background: #c31522;border-color: #c31522;}
.Pagination a{color: #666666;font-size: 12px;}

.ny{ margin-top: 40px;}
.nabouts{width: 100%; margin: 0 auto; max-width: 1600px;}



.my-map { margin: 0 auto; width: 100%; height: 100%; }
.my-map .icon { background: url(404.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}

.oth_content{ width: 1600px;height: auto; overflow: hidden; margin: 30px auto 65px; }

.cimg{ overflow: hidden;}
.cimg img{transition: all .4s; width: 100%;}
.ys1l img{transition: all .4s; }
.cimg:hover img,.ys1l:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.oth_about .right{width:676px;max-width:100%;}

@media only screen and (max-width: 1680px) {
    
	.top,.menu_list,.pro_in_list,.pro_in_box,.oth_lc_con,.news_con,.foot_bc,.oth_menu_con,.oth_about,.oth_tt,.pro_list,.news_list{width:1400px;}
.pro_in_item{width: 330px;}
.ba_con{width:1420px;}
.ab_text{    width: 1200px;
    margin: 0 auto;}
.news_con .left{width:555px;
    height: 585px;
}
.hy{width: 810px;}
.hy ul li{width:332px;}

.oth_about .left {
    width: 725px;
  
}
.oth_mo .left {
    width: 163px;}

.oth_about .right{    width: 640px;}
.oth_mo .right{width: 313px;}
.pro_item{    width: 331px;
}
.nabouts,.cont_top{    max-width: 1400px;}
.npros_right {
    width: 935px;}
.news_item {
    width: 680px;}
.news_item .left {
    width: 290px;
}
.news_item .right {
    width: 285px;
   line-height: 28px;
}
.cont_top .left, .cont_top .right{    width: 680px;}
.cp_it2{    font-size: 14px;}
.map{width: 1400px;}


}

@media only screen and (max-width: 1440px) {
 .top,.menu_list,.pro_in_list,.pro_in_box,.oth_lc_con,.news_con,.foot_bc,.oth_menu_con,.oth_about,.oth_tt,.pro_list,.news_list{width:1200px;}
.menu_item{    width: 130px;}
.inpro_item {width: 160px;}
.pro_in_item {
    width: 280px;
}
.ba_con{width:1220px;}
.ab_text{width:1000px;}
.news_con .left {
    width: 455px;
    height: 525px;
}
.hy {
    width: 710px;padding: 25px 20px 20px;
}
.hy ul li {
    width: 305px;margin-right: 30px;
}
.hy ul{margin-top: 10px;}

.oth_about .left {
    width: 625px;
  
}
.oth_mo .left {
    width: 163px;}

.oth_about .right{    width: 540px;}
.oth_mo .right{width: 313px;}
.pro_item{    width: 331px;
}
.nabouts,.cont_top{    max-width: 1200px;}
.oth_about .left h1 {
    font-size: 28px;}
.oth_about .left .con{    margin: 20px auto 15px;font-size: 14px;
    line-height: 24px}
.pro_item {
    width: 281px;
}
.npros_right {
    width: 770px;
}
.news_item {margin-bottom: 20px;
    width: 585px;padding: 10px 20px 10px 10px;
}
.news_item .right {
    width: 255px;line-height: 24px;}
    .news_item .left {
    width: 275px;
}
.news_item .right p{margin: 10px auto 20px;}
.cont_top .left, .cont_top .right{width: 590px;}
.cont_top .cp_c{padding: 5px 20px 0;}
.cp_c,.cont_top .cp_it2 div{    width: 100%;    }
.cp_it1,.cp_it2{    margin-top: 15px;}
.cp_c, .cont_top .cp_it2 div:nth-child(2){margin-top: 15px;}
.cont_top .right .cp_c{ width: 100%;   }
.cont_top .right .cp_c p{margin-top: 20px;}
.msg_t input {
    width: 170px;}
.msg_d textarea {height: 110px;
    width: 550px;}
.map {
    width: 1200px;
}


}

@media only screen and (max-width: 1366px) {
    
}



@media only screen and (max-width: 768px) {
    body{zoom: 1;}
    div {
        min-width: initial;
        max-width: 100%;
    }
    .navbar-header{margin-left: 0 !important;}
    .navbar-default .navbar-collapse{margin-right: 0;margin-left:0;}
    .mob {
        display: block;
    }

    .pc {
        display: none;
    }

    .header {
        display: none;
    }

    .y_nav {
        display: block;
    }

    .navbar-brand {
        padding: 5px 0 0 10px;
    }

    .navbar {
        margin-bottom: 0;
    }

    .navbar-brand > img {
        height: 35px;
    }

    .container-fluid{ padding: 0;}
    .top,.menu_bg,.p1 img{display: none;}
    .ban_swi .swiper-pagination{ bottom: 10px; zoom: 0.75;}
    .p1{ zoom: 0.7;}
    .p2{font-size: 14px;    margin-top: 5px;}

    .in_pro{padding: 40px 0 45px;}
    .pro_in_cat{    margin: 25px auto 35px; width: 95%;}
    .inpro_item{width: 50%;}
    .pro_in_cat a:last-child .inpro_item{ width: 100%;}

    .pro_in_list{ width: 95%; margin: 0 auto;}
    .pro_in_item p{ position: inherit;
        height: 25px;
        color: #000;
        display: block;
        background: none;
        text-align: center; padding-top: 5px;}
    .oth_mo{ border: none; height: auto;}
    .oth_mo .left{ float: none; margin: 0 auto; zoom: 0.8;}
    .oth_mo{ width: 95%; margin: 0px auto 0;}
    .oth_mo .right{ text-align: center; margin: 0 auto 0; width: 100%;}
    .mid{    padding: 30px 0 45px}
    .mid_con{ width: 95%; margin: 20px auto 0;}
    .swmid{ margin-top: 30px;}

    .tpe{width: 100%; font-size: 20px;}
    .tpe .right{width: 50%; font-size: 20px; text-align:left;}
    .swmid .swiper-slide .fix{ position: inherit;    margin-top: 0px;}
    .swmid .swiper-slide .right{ width: 100%;padding: 15px 15px 15px 15px;}


    .txt_box h1{ font-size: 24px;}
    .txt_box .tit{ font-size: 20px;}
    .txt_box .desc{ font-size: 14px; margin-top: 10px; line-height: 24px; height: auto;}
    .more2{zoom: 0.7; margin-top: 15px;}

    .pge{ position: inherit;width: 100%; left: 0; height: 45px;}
    .swmid_pn{    margin: 15px auto 0; width: 80%;}
    .oth_lc{padding: 30px 0 25px}
    .oth_lc_con{    margin: 20px auto 0; width: 95%;}
    .oth_lc_item.jt{display: none;}
    .oth_lc_item{ width: calc(100%/3); text-align:center; margin-bottom: 20px; float: left; display: block;}
    .oth_lc_item .ct{    margin: 5px auto 5px;}

    .in_ba{ background-size: 100% auto; }
    .ba_con{ margin: 85px auto 0; width: 95%;}
    .ba_dd{display: none;}
    .ab_text{ font-size: 14px; line-height: 24px; text-align: left; margin: 25px auto  0;}
    .ab_text p{ text-align: left !important;}
    .in_video{    margin: 25px auto 30px; width: 95%; }
    .in_video iframe{ height: 220px;}

    .hj_con{ width: 95%; margin: 0 auto 25px;}
    .ys{     padding: 30px 0 25px; }
    .ys_con{    margin: 20px auto 0; width: 95%;background: none;}
    .ys1l{ padding-left: 0; width: 100%; margin-bottom: 15px;}
    .ys1r{ width: 100%; padding-left: 0;}
    .xha{ width: 50px;    margin-right: 15px;}
    .whz{width:calc(100% - 70px);}
    .whz h1{  font-size: 18px;width:100%;   line-height: 30px;}
    .whz ul li{ margin-bottom: 15px;}
    .whz ul li .txt{width:calc(100% - 30px);    font-size: 14px; line-height: 22px;}
    .whz ul li .quan{ margin-top: 5px;}
    .ys1r{ padding-top: 10px;}
    .ys_mor{ zoom: 0.8; margin-top: 15px; margin-bottom: 20px;}
    .news_con .left{ width: 100%; height: auto; padding: 15px 10px 20px;}

    .hy ul li{ width: 100%;}
    .hy{    padding: 15px 10px 20px;}

    .foot_bc{ width: 95%;}
    .foot_bt{    padding: 25px 0 20px;}

    .foot_bc_con{ white-space: normal; font-size: 14px; line-height: 24px; margin-bottom: 24px;}
    .foot_bc .left h2,.foot_bc .right h2{ font-size: 22px;}
    .foot_bc .right ul li{ width: 50%; margin-bottom: 15px; text-align: center; margin-right: 0;}
    .poz{display: none;}
    .oth_about{ width: 95%;    margin: 32px auto;}


    .cont_top{    margin: 32px auto 35px; width: 95%;}
    .oth_tt .t1{ font-size: 22px;}
    .oth_tt .t2{display: block; font-size: 14px;}
    .oth_tt .t2 span{ display: none;}

    .oth_tt{width: 95%; margin: 0 auto;}
    .oth_lc_item .cd{display: none;}
    .oth_about .left .con{margin: 20px auto 25px;    font-size: 14px;
        line-height: 25px;}
    .oth_about .right{ margin-top: 20px;}
    .oth_about .left .right{ margin-top: 0;}
    .oth_about .left h1{ font-size: 24px;}
    .oth_about .left .dc{ font-size: 16px;}
    .oth_menu_con{ background: none; width: 95%; padding: 0; height: auto; overflow: hidden; line-height: 35px; }
    .c_lb{ width: 100%;height: auto; overflow: hidden;}
    .c_lb li{ width: calc(100%/4); margin: 0 auto; text-align: left;    font-size: 16px}
    .oth_menu{ height: auto;}
    .pro_list{    margin: 30px auto 35px; width: 95%;}
    .pro_list .pro{text-align: justify;}
    .pro_item{ width: 48.5%; margin: 0 3% 20px 0;}
    .pro_item:nth-child(2n){ margin-right: 0;}
    .pro_item p{ font-size: 14px;}

    .brad .pro_item{ width: 48.5%; margin: 0 3% 20px 0;}
    .brad .pro_item:nth-child(2n){ margin-right: 0;}
    .news_list{margin: 30px auto 35px; width: 95%;}
    .news_item{ width: 100%;padding: 20px 20px 20px 20px;}
    .news_item .right h3{ height: auto;}
    .cont_top .cp_c{ padding: 0 20px 20px; background-size: cover; height: auto; margin-top: 20px;}
    .cont_top .cp_it2 div{ width: 100%;}
    .cont_top .cp_it2 .right{margin-top: 15px;}
    .cp_it1,.cp_it2{ margin-top: 15px;}
    .cont_top .right{ margin-top: 25px;}
    .cont_top .right .cp_c{ height:auto;padding: 20px 20px 20px 20px;background-size: cover;}
    .cont_top .right .cp_c p{ margin-top: 15px;}
    .msg_t input{ width: 100%; margin:0 auto 10px; }
    .msg_t{ margin: 10px auto 0;}
    .msg_d textarea{ width: 100%;}
    .map{ width: 95%; height: 300px;}

    .pro_in_item{ width: 48.5%; margin: 0 3% 20px 0;}
    .pro_in_item:nth-child(2n){ margin-right: 0;}

}