@charset "utf-8";
/* 头部 */
.header{width: 100%; height: auto; position: fixed; top: 0; left: 0; z-index: 100; font-size: 14px; color: #fff; background-color: transparent;}
.fixednav{position: fixed;top: 0px;left: 0px; width: 100%;z-index: 100000; background:rgba(16, 149, 238, 0.897);}
.header .logo{ width:auto; margin: 15px 0px; height: auto;}
.header .logo a{display: block;}
.header .logo img{width: 100%; height: auto;}
.header .lang{margin-top: 8px; text-align: right;}
.header .lang span:nth-child(2){display: inline-block; margin-left: 21px;}
.header .lang span img{margin-right: 6px;}
.header .nav .nLi{float: left; float: left; width: auto; height: 42px; line-height: 42px; margin:0  20px;  padding: 0 10px;  text-align:  center; font-size: 16px;  position: relative; z-index: 99;}
.header .nav .nLi.on{height: 42px; line-height: 42px; border-bottom: 3px solid #fff; }
.header .nav .nLi .sub{display: none; position: absolute; left: -30px; top: 46px; width: auto; background-color: #fff; color: #141414; font-size: 13px; text-align: center; }
.header .nav .nLi .sub li a{display: block; width: 100%; height: 100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.header .nav .nLi .sub li{width: 160px; height: 48px; line-height: 48px; font-size: 13px;}
.header .nav .nLi .sub li:hover a{color: #fff; text-decoration: underline; background-color: #a59816;}
.header .nav .nLi .sub li:last-child{border: none;}
.header.lateral-menu-is-open{ -webkit-transform: translateX(-66%);-moz-transform:translateX(-66%);-ms-transform:translateX(-66%)-o-transformtranslateX(-66%); transform: translateX(-66%); transition:all 0.4s ease 0s;}

/* 轮播图 */
.swiper-container{width: 100%; height:auto; position: relative; } 
.swiper-slide{ text-align: center; font-size: 18px; background: #fff;}
.in-banner h2 a{ display:block; width:100%; height:766px;}
.in-banner h3 a{ display:none;}

/* .index-part1 */
.index-part1{width: 100%; padding:60px 0; background-color: #f6f6f6;}
.index-title{padding-bottom: 63px; text-align: center;}
.index-title h2{font-size: 30px; color: #1a1919;margin-bottom: 20px;}
.index-title p{font-size: 14px; color: #303030;}
.index-part1 .index-about ul li {box-sizing: border-box; float: left; width: 25%; padding: 12px 0; border-right: 1px solid #e8e8e8;}
.index-part1 .index-about ul li:last-child{border: none;}
.index-part1 .index-about ul li a{display: block; width: 80%; margin: 0 auto;}
.index-part1 .index-about ul li i {width: 44px; height: 51px; display: block; float: left; background: url(../images/index1-02.png) no-repeat center center; text-align: center;}
.index-part1 .index-about ul li img{width: 44px; height: 51px; display: block;}
.index-part1 .index-about ul li .img1{display: block;}
.index-part1 .index-about ul li .img2{display: none;}
.index-part1 .index-about ul li h2{float: left; box-sizing: border-box; padding: 3% 0; margin: 0 5%; text-align: center;}
.index-part1 .index-about ul li h2 span{font-weight: bold; font-size: 14px; color: #303030;}
.index-part1 .index-about ul li h2 p{color: #9e9e9e;}
.index-part1 .index-about ul li .jiantou{width: 15px; height: 15px; margin-top: 15px; float: left;display: block; background: url(../images/index1-04.png) no-repeat center center; }
.index-part1 .index-about ul li:hover i{background: url(../images/index1-01.png) no-repeat center center;}
.index-part1 .index-about ul li:hover .img1{display: none;}
.index-part1 .index-about ul li:hover .img2{display: block;}
.index-part1 .index-about ul li:hover h2 span{color: #0182ca;}
.index-part1 .index-about ul li:hover h2 p{color: #0182ca;}
.index-part1 .index-about ul li:hover .jiantou{background: url(../images/index1-03.png) no-repeat center center; }

/* index-part2 */
.index-part2{width: 100%; padding: 44px 0 60px 0; font-size: 14px;}
.index-part2 .index-pro ul li{float: left; box-sizing: border-box; width: 24%; margin: 0 0.5%; border: 1px solid #d4d4d4; border-radius: 3px;}
.index-part2 .index-pro ul li .proimg{width: 100%; overflow: hidden;}
.index-part2 .index-pro ul li .proimg img{width: 100%; height: auto; display: block; transition:all 0.5s;}
.index-part2 .index-pro ul li .proimg img:hover{transform: scale(1.2, 1.2);}
.index-part2 .index-pro ul li h2{box-sizing: border-box; width: 100%; height: 45px; line-height: 45px; border-top: 1px solid #e8e8e8; padding: 0 16px; background-color: #f5f5f5;}
.index-part2 .index-pro ul li strong{color: #1a1919;width: 65%; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ckgb{width: 100%; height: 40px; line-height: 40px; display: block; margin-top: 50px; background-color: #f5f5f5; font-size: 14px; text-align: center;}
.ckgb:hover{color: #0182ca;}
.index-part2  a:hover{color: #0182ca;}

/* .index-part3 */
.index-part3{width: 100%; height:auto; box-sizing: border-box;  padding: 44px 0 60px 0;  background: url(../images/index3-bg.jpg) no-repeat center center; background-size:auto 100%;}
.index-part3 .index-title h2, .index-part3 .index-title  p{color: #fff;}
.index-part3 .bigbox .serimg{width: 36%; max-width: 394px;}
.index-part3 .bigbox .serimg img{width: 100%; height: auto; display: block;}
.index-part3 .bigbox .sertent{ width: 67%; max-width: 706px; box-sizing: border-box;}
.index-part3 .bigbox .hd ul li{float: left; width: 20%; height: 48px; line-height: 48px; cursor: pointer; text-align: center; font-size: 15px; color: #fff;}
.index-part3 .bigbox .hd ul li.on{background: #0182ca;}
.index-part3 .bigbox .bd{background-color: #fff; height: 423px;box-sizing: border-box; padding: 3% 5%; position: relative;} 
.index-part3 .bigbox .bd .nr h2{font-size: 25px; color: #373737;}
.index-part3 .bigbox .bd .nr h2 .blue{color: #0182ca;}
.index-part3 .bigbox .bd .nr .line{width: 26px; border-top: 2px solid #373737; margin: 20px 0 35px 0;}
.index-part3 .bigbox .bd .nr .text p{ float: left;line-height: 25px; font-size: 14px; columns: #303030; max-width: 500px;}
.index-part3 .bigbox .bd .nr .text .tx{ position: absolute; right: 20px; bottom: 20px;}

/* .index-part4 */
.index-part4{width: 100%; padding: 44px 0 60px 0;}
.index-part4 .index-app ul li{float: left; box-sizing: border-box; width: 24%; margin: 0 0.5%;}
.index-part4 .index-app ul li .appimg{width: 100%; overflow: hidden;}
.index-part4 .index-app ul li .appimg img{width: 100%; height: auto; display: block; transition:all 0.5s;}
.index-part4 .index-app ul li .appimg img:hover{transform: scale(1.2, 1.2);}
.index-part4 .index-app ul li h2{margin: 17px 0 22px 0; font-weight: bold; color: #303030; font-size: 14px;}
.index-part4 .index-app ul li p{line-height: 22px; color: #808080; text-transform: uppercase;}
.index-part4 .index-app ul li .ckxq{width: 116px; height: 26px; line-height: 26px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin-top: 38px; display: block; text-align: center; color: #3e3e3e;  border: 1px solid #808080;text-transform: uppercase;}
.index-part4 .index-app ul li a:hover{color: #0182ca;}
  
/* .footer */
.footer{width: 100%; height: 289px;  background-color: #464646; }
.footer .footer-nav{padding-top: 32px; max-width: 790px;}
.footer .footer-nav .f-nav li{float: left; box-sizing: border-box; width: 135px; height: 176px; border-right: 1px solid #515254; text-align: center;}
.footer .footer-nav .f-nav li:first-child{border-left: 1px solid #515254;}
.footer .footer-nav .f-nav li a{display: block; color: #c7c7c7; padding-bottom: 15px;}
.footer .footer-nav .f-nav li a:last-child{padding-bottom: 0;}
.footer .footer-nav .f-nav li a:hover{color: #0182ca;}
.footer .footer-nav .f-nav li h2 a{font-size: 14px; color: #fff;padding-bottom: 20px !important;}
.footer .footer-nav .lj{max-width: 790px; color: #c7c7c7; padding-top: 40px;  line-height: 25px;}
.footer .footer-nav .lj span{float: left;}
.footer .footer-nav .lj a{float: left; box-sizing: border-box; padding: 0 10px;}
.footer .wx{max-width:102px; height: 225px;  padding:32px 50px; background:#4a4a4b; text-align:center;}
.footer .wx p{ font-size:14px; line-height:36px;}
.footer .wx span{color: #c7c7c7;}
.footer .wx #bds_tsina{ background:url(../images/fenxiang.png) no-repeat 0px 0px; width:19px; height:19px; margin:0px; padding:0px; margin-right:3px;}
.footer .wx #bds_tsina:hover{ background:url(../images/fenxiang.png) no-repeat 0px -19px;}
.footer .wx #bds_weixin{ background:url(../images/fenxiang.png) no-repeat -26px 0px; width:19px; height:19px; margin:0px; padding:0px; margin-right:3px;}
.footer .wx #bds_weixin:hover{ background:url(../images/fenxiang.png) no-repeat -26px -19px;}
.footer .wx #bds_sqq{ background:url(../images/fenxiang.png) no-repeat -52px 0px; width:19px; height:19px; margin:0px; padding:0px; margin-right:0px;}
.footer .wx #bds_sqq:hover{ background:url(../images/fenxiang.png) no-repeat -52px -19px;}

.f-bottom{width: 100%; text-align: center; padding: 17px 0; background-color: #363636; color: #c7c7c7;}
.f-bottom a:hover{color: #0182ca;}

/* .inside-banner */
.inside-banner{width: 100%;height: 380px;}
.inside-banner img{display: none;}

.inside-title{width: 100%; height: 54px; font-size: 15px; color: #222; white-space: nowrap;}
.inside-title ul li{float: left; margin-right: 6%;}
.inside-title ul li:last-child{margin-right: 0;}
.inside-title ul li a{height: 54px; line-height: 52px; display: block;}
.inside-title ul li a.on{height: 54px; line-height: 52px; border-bottom: 2px solid #0182ca;}
.inside-title ul li a:hover{color: #0182ca;}

/* 产品中心 */
.pro{width: 100%; padding: 40px 0 62px 0; background-color: #f6f6f6;}
.pro .inbox ul li{float: left; width: 31.5%; margin: 0 0.91%;margin-bottom: 65px;  border: 1px solid #d4d4d4; border-radius: 2px; box-sizing: border-box;}
.pro .inbox ul li .pic{width: 100%; overflow: hidden;}
.pro .inbox ul li .pic img{width: 100%; height: auto; display: block;transition:all 0.5s;}
.pro .inbox ul li .pic img:hover{transform: scale(1.2, 1.2);}
.pro .inbox ul li h2{box-sizing: border-box; width: 100%; padding: 15px; border-top: 1px solid #d4d4d4;  background-color: #fff;}
.pro .inbox ul li h2 strong{width: 50%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-size: 14px; color: #2d2d2d;}
.pro .inbox ul li h2 a{font-size: 14px; color: #0182ca; font-weight: bold;}
.pro .inbox ul li h2 p{margin-top: 22px; line-height: 22px; color: #6c6a6a;height: 45px;}

.proxq{width: 100%; padding: 40px 0 62px 0; background-color: #f6f6f6; font-size: 14px;}
.proxq .probox{width: 46%;max-width: 499px;  margin-left: 0 !important; background-color: #fff;  box-sizing: border-box; border-radius: 3px; border: 1px solid #d4d4d4;}
.proxq .cpxq{width:100% !important; height:auto !important;}
.proxq .cpxq img{width: 100%; height: auto; display: block;}
.swiper-container:hover .swiper-button-prev {opacity: 0.5;}
.swiper-container:hover .swiper-button-next {opacity: 0.5;}
.proxq .procon {width: 54%; padding: 2% 3%;  max-width: 550px; background-color: #fff; box-sizing: border-box; border: 1px solid #d4d4d4;}
.proxq .procon h2 {margin: 15px 0;}
.proxq .procon h2 strong{font-size: 18px; margin-bottom: 10px; display: block; font-weight: normal; color: #0182ca !important;}
.proxq .procon h2 p{line-height: 30px; color: #545252;font-size: 14px;}

.sabrosus {color: #828182; font-size: 14px;  padding:5px; MARGIN:25px 3px 0px 3px; text-align: center; font-size:14px;}
.sabrosus a{ padding:5px 15px; border: #ccc 1px solid; COLOR: #444; margin:0px 3px; text-decoration:none; background:#fff;}
.sabrosus a:hover { padding:5px 15px; background:#0182ca; color:#fff; border: #0182ca 1px solid;}
.pagination a:active { padding:5px 15px; background:#0182ca; color:#fff; border: #0182ca 1px solid;}
.sabrosus span.current { padding:5px 15px; background:#0182ca; color:#fff; border: #0182ca 1px solid; MARGIN-RIGHT:5px;}
.sabrosus span.disabled { padding:5px 15px; border: #ccc 1px solid; COLOR: #444; MARGIN-RIGHT:5px; text-decoration:none;}

/* 应用领域 */
.appli{width: 100%;  padding: 40px 0 62px 0; background-color: #f6f6f6;}
.appli .appul>li{background-color: #fff;   font-size: 14px;box-sizing: border-box; margin-bottom: 56px;}
.appli .appul>li:last-child{margin-bottom: 0;}
.appli .appul li .appimg{ float: left; width: 60%; max-width: 625px; overflow: hidden;}
.appli .appul li .appimg img{width: 100%; height: auto; display: block;transition:all 0.5s;}
.appli .appul li .appimg img:hover{transform: scale(1.2, 1.2);}
.appli .appul li .appcon{ float: right; width: 44%; max-width: 475px; box-sizing: border-box; padding: 2%;  background-color: #fff;}
.appli .appul li .appcon h2{font-size: 25px;color: #4c4c4c; margin-bottom: 30px;}
.appli .appul li .appcon p{line-height: 20px; color: #6a6a6a;}
.appli .appul li .appcon .wzcon{margin-top: 30px;}
.appli .appul li .appcon .wzcon li{list-style: disc; color: #0182ca;  list-style-position: inside;line-height: 30px;}
.appli .appul li .appcon .wzcon li span{color: #4c4c4c;}
.appli .appul li:nth-last-child(even) .appimg{float: right; width: 60%;}
.appli .appul li:nth-last-child(even) .appcon{float: right; width: 44%;}
.appli .appul li a:hover{color: #0182ca;}

.applixq{width: 100%; padding: 40px 0 62px 0; background-color: #f6f6f6; font-size: 14px; color: #424242; line-height: 25px;}
.applixq h2{font-size: 25px; color: #0182ca; margin-bottom: 20px;}
.applixq  p img{width: auto; height: auto; }
/* .applixq  p img:hover{transform: scale(1.2, 1.2);} */



/* 销售与服务 */
.service{width: 100%; padding: 40px 0 62px 0; background-color: #f6f6f6; font-size: 14px;}
.service h2{font-size: 25px; color: #0182ca; max-width: 960px; margin: 0 auto 33px auto;}
.service .serbox{max-width: 960px; margin: 0 auto; background-color: #fff;}
.service .serbox .sercon{width: 49%; max-width: 478px; box-sizing: border-box; padding: 3%;}
.service .serbox .sercon>p{color: #424242; line-height: 25px;}
.service .serbox .sercon h3{font-size: 15px; color: #0182ca;}
.service .serbox .sercon .add{margin-top: 10px; color: #525252;}
.service .serbox .sercon .add p{line-height: 25px;}
.service .serbox .serimg{box-sizing: border-box; width: 51%; padding-top: 3%;  max-width: 482px;   overflow: hidden;}
.service .serbox .serimg img{width: 100%; height: auto; display: block;transition:all 0.5s;}
.service .serbox .serimg img:hover{transform: scale(1.2, 1.2);}

.message{width: 100%; padding: 40px 0 62px 0; background-color: #f6f6f6; font-size: 14px;}
.message .container{max-width: 960px; margin: 0 auto;}
.message form{width: 100%;}
.message form input{width: 22%; height: 40px; line-height: 40px; margin: 0 0.8%;color: #bdbdbd;  box-sizing: border-box; padding-left: 1.5%; font-size: 12px; background-color: #f6f6f6; border: 1px solid #e2e2e2;}
.message form textarea{width: 98%;margin: 15px 0; resize:none;  margin-left: 0.8%;  border: 1px solid #e2e2e2;; box-sizing: border-box; padding-left: 1.5%; background: #f6f6f6; height: 160px;}
.message form .submit{width: 30%; height: 40px; line-height: 40px; background-color: #0182ca; color: #fff; text-align: center;}

/* 关于我们 */
.about{width: 100%; padding: 40px 0 62px 0; background-color: #f6f6f6; font-size: 14px; color: #424242; line-height: 25px;}
.about .container{max-width: 960px; margin: 0 auto;}
.abtitle{font-size: 25px; color: #0182ca;margin-bottom: 20px}
/* .about p{text-indent: 2em;} */
.about img{width: auto; height: auto; display: block;}
.about .abpic p{width: 40%; max-width: 441px; overflow: hidden;}
.about .abpic p img{width: 100%; height: auto; display: block;transition:all 0.5s;}
.about .abpic p img:hover{transform: scale(1.2, 1.2);}

.news{width: 100%; padding: 40px 0 62px 0;color: #666666; background-color: #f6f6f6;}
.news .container{max-width: 1000px; margin: 0 auto;}
.news .abtitle{margin-bottom: 0px;}
.sideMenu{width: 230px; height: auto; margin-top: 15px;border: 1px solid #e8e8e8;  font-size: 14px;  color: #fff; background: #ededed;}
.sideMenu ul li{box-sizing: border-box;width: 100%;height: 40px; line-height: 40px; margin-bottom: 2px; color: #000; }
.sideMenu ul li:last-child{border-bottom:none;}
.sideMenu ul li a{display: block; padding-left: 15px;}
.sideMenu ul li a.on{background-color: #0182ca; color: #fff;border-bottom: 1px solid #fff;}
.sideMenu ul li a:hover{background-color: #0182ca; color: #fff;}
.sideMenu ul li a i{font-size: 20px; float: right; padding-right: 20px;}
.news .list{width: 75%; max-width: 720px;}
.news .list li {box-sizing: border-box; padding: 4% 0; border-bottom: 1px dotted #666666;}
.news .list li:first-child{padding-top: 2.5%;}
.news .list li .newimg{width: 30%; max-width: 242px; overflow: hidden; }
.news .list li .newimg img{width: 100%; height: auto ;display: block;transition:all 0.5s}
.news .list li .newimg img:hover{transform: scale(1.2, 1.2);}
.news .list li .newcon{width: 65%; max-width: 468px; box-sizing: border-box; height: 155px; overflow: hidden;}
.news .list li .newcon h3{color: #0a0a0a; font-weight: bold; font-size: 14px; }
.news .list li .newcon span{color: #6a6a6a; display: block; margin: 10px 0;}
.news .list li .newcon p{line-height: 25px;}
.news .list li .newcon a:hover{color: #0182ca;}

.newsxq{width: 75%;max-width: 720px; background-color: #f6f6f6; font-size: 14px; color: #424242; line-height: 25px;}
.newsxq .container{max-width: 960px; margin: 0 auto;}
.newsxq h2{font-size: 25px; color: #000;text-align: center;}
.newsxq .span{display: block; text-align: center;margin: 20px 0 15px 0;}
/*.newsxq p{text-indent: 2em;}*/
/*.newsxq p img{width: auto; height: auto; }*/

.contact{width: 100%; padding: 40px 0 62px 0; background-color: #f6f6f6; font-size: 14px; color: #424242; line-height: 25px;}
.contact .dizhi{box-sizing: border-box; padding: 20px 0;  background:rgba(16, 149, 238, 0.897); color: #fff;}
.contact .dizhi .fl{box-sizing: border-box; width: 70%; padding: 0 20px}
.contact .dizhi .fl li{float: left; width: 50%; margin: 8px 0;}
.contact .dizhi .fl li i{width: 35px;height: 35px; margin-right: 12px;border: 1px solid #fff;border-radius: 50%;text-align: center;line-height: 35px;}
/* .contact .dizhi .fl li i:hover{background-color: #0182ca;} */
.contact .dizhi .fl li img{vertical-align: middle;}
.contact .dizhi .wx{box-sizing: border-box; width: 29%;border-left: 1px solid #fff; text-align: center;}

.contact .lxdz{max-width: 1100px; }
.contact  p{font-weight: bold; }
#map{width: 100%;}

.qr{width: 100%; padding: 40px 0 62px 0; background-color: #f6f6f6; font-size: 14px; color: #424242; line-height: 25px;}
.qr .container{max-width: 960px; margin: 0 auto;}
.qr .piccon li{box-sizing: border-box; width:23%; float: left; margin: 0 1%; margin-bottom: 20px; }
.qr .piccon li .qrbox{width: 100%;}
.qr .piccon li .qrbox img{width: 100%; height: auto; display: block;}
.qr .piccon li  p{text-align: center; margin-top: 5px; height:30px; overflow:hidden;}
#preview{position:absolute;border:1px solid #ccc;display:none;}

#preview img{ width:500px;}

/* 右侧悬浮框 */

.self-box{width: 70px; height: auto;position: fixed;bottom: 100px;right:0; color: #6a6a6a; z-index: 1000;}

.self-box .self{box-sizing: border-box; float: left;width: 70px;height: 75px; padding: 10px;margin-top: 2px; position: relative;background: #fff;text-align: center; cursor: pointer;}

.self-box .self:hover{color: #006db2;}

.self-box .self b{display:none; width:200px; height:75px; padding-top: 18px; box-sizing: border-box; position:absolute; top:0px; right:0px; background:#006db2; color:#fff; font-size:16px;}

.self-box .self:hover b{ display:block; right:70px;}

.self-box .icons{margin-bottom: 5px;}

@media screen and (max-width: 1200px){
    
    .index-part3 .bigbox .sertent{width: 64%;}
    .index-part3 .bigbox .bd {height: auto;}
    .index-part3 .bigbox .bd .nr .text .tx{display: none;}
    .index-part3 .bigbox .bd .nr .text p{float: none; width: 100%; max-width: 100%;}

    .appli .appul li .appimg{width: 55%;}
    .appli .appul li:nth-last-child(even) .appimg{float: right; width: 55%;}

    .proxq .procon{width: 50%;}
	
	#preview{ display:none !important;}
} 
@media screen and (max-width: 1100px)  {
    .index-part1 .index-about ul li a{display: block; width: 100%; margin: 0;} 
    .index-part1 .index-about ul li i{float:none; display: block; width: 44px; margin: 0 auto; }
    .index-part1 .index-about ul li h2{float: none; display: block; margin: 10px 0; padding: 0;}
    .index-part1 .index-about ul li .jiantou{float: none; display: block; width: 15px; margin: 0 auto;}

    .index-part2 .index-pro ul li strong {width: 100px; display: block; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}


    .news .list{width: 65%;}
    .newsxq{width: 65%;}
} 

@media screen and (max-width: 900px){
    .header .header-nav{display: none;}
    #cd-menu-trigger{display:block; float:right; padding-top: 25px; z-index: 1000000;}

    .in-banner h2 a{ display:none; width:100%; height:674px;}
    .in-banner h3 a{ display:block;}
    .in-banner h3 a img{ width:100%; height:auto; display: block;}

    .index-part2 .index-pro ul li{width: 49%; margin: 1% 0.5%}
    .index-part2 .index-pro ul li strong {width: auto;}

    .footer{height: auto; padding: 32px 0;}
    .footer .wx{display: none;}

    .inside-banner{height: auto; background: none !important;}
    .inside-banner img{width: 100%; height: auto; display: block;} 

    .pro .inbox ul li h2 strong{width: 100px; display: block; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}

    .message form input{width: 100%; margin: 10px 0;}
    .message form textarea{ width: 100%; margin: 10px 0;}
    .message form .submit{width: 100%;}

    .news ul li .newcon{width: 65%;}

    .contact .dizhi .fl {float: none; width: 100%; padding: 0;}
    .contact .dizhi .wx{display: none;}
    #map{width: 80%; height: 300px;}

}   
@media screen and (max-width: 720px)  {
    .pro .inbox ul li{width: 48%;}

    .news .list{width: 60%;}
    .newsxq{width: 60%;}

    .newsxq p img{width: 100%; height: auto; display: block;}
}
@media screen and (max-width: 680px)  {
    .header{box-sizing: border-box; height: auto; padding: 10px 20px}
    .header .logo{width: 130px; height: auto;  margin: 0;}
    #cd-menu-trigger{padding-top: 10px;}

   .index-part1 {box-sizing: border-box; padding: 30px 20px;}
   .index-part1 .index-about ul li {width: 50%; margin-bottom: 10px;}
   .index-part1 .index-about ul li:nth-child(2){border: none;}

   .index-title{padding-bottom: 30px;}

   .index-part2{box-sizing: border-box; padding: 30px 20px;}
   .index-part2 .index-pro ul li strong {width:  100px; display: block; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
   .index-part2 .ckgb{margin-top: 20px;}   

   .index-part3 {box-sizing: border-box; padding: 30px 20px; background: none; background-color: #f6f6f6;}
   .index-part3 .index-title h2{color: #1a1919;}
   .index-part3 .index-title p{color: #303030;}
   .index-part3 .bigbox .serimg {float: none; width: 100%; max-width: 100%;display: none; }
   .index-part3 .bigbox .sertent {float: none; width: 100%; max-width: 100%;}
   .index-part3 .bigbox .hd {margin-bottom: 15px;}
   .index-part3 .bigbox .hd ul li {color: #303030; width: 33.333%;}
   .index-part3 .bigbox .hd ul li.on{color: #fff;}

   .index-part4{box-sizing: border-box; padding: 30px 20px;}
   .index-part4 .index-app ul li{width: 49%; margin: 1% 0.5%}
   .index-part4 .index-app ul li h2{margin: 10px 0;}
   .index-part4 .index-app ul li .ckxq{margin-top: 15px;}

   .footer{box-sizing: border-box; padding: 32px 20px;}
   .footer .footer-nav{padding-top: 0; float: none;}
   .footer .footer-nav .f-nav li{width: 50%; margin-bottom: 15px;}
   .footer .footer-nav .f-nav li:nth-child(3){border-left: 1px solid #515254;}
   .footer .footer-nav .lj{padding-top: 15px;}
   .footer .footer-nav .lj a{padding: 0; margin-right: 8px;}
   .footer .wx{ display: block; float: none; width: 100%; max-width: 100%;margin-top: 20px; height: auto; padding: 20px 0;}
   
   .f-bottom {box-sizing: border-box; padding: 17px 20px;}
    
   .inside-title{box-sizing: border-box; padding: 0 20px;}
   .inside-title ul{display: flex; justify-content: space-between;}
   .inside-title ul li{margin: 0;}

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

   .proxq{box-sizing: border-box; padding: 30px 20px;}
   .proxq .probox{float: none; width: 100%; max-width: 100%;}
   .proxq .procon{float: none; width: 100%; max-width: 100%; height: auto; margin: 10px 0;}

   .appli{box-sizing: border-box; padding: 30px 20px;}
   .appli .appul>li{margin-bottom: 15px;}
   .appli .appul>li:last-child{margin-bottom: 0;}
   .appli .appul li .appimg{float: none; width: 100%; max-width: 100%;}
   .appli .appul li .appcon{float: none; width: 100%; max-width: 100%;padding: 3% 2%;}
   .appli .appul li:nth-last-child(even) .appimg{float: none; width: 100%; max-width: 100%;}
   .appli .appul li:nth-last-child(even) .appcon{float: none; width: 100%; max-width: 100%;padding: 3% 2%;}

   .applixq{box-sizing: border-box; padding: 30px 20px;}
   .applixq  p img{width: 100%; height: auto; display: block;}

   .service{box-sizing: border-box; padding: 30px 20px;}
   .service .serbox .sercon{float: none; width: 100%; max-width: 100%;}
   .service .serbox .serimg{float: none; width: 100%; max-width: 100%; margin-top: 15px;}

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

   .about{box-sizing: border-box; padding: 30px 20px;}
   .about img{width: 100%; height: auto; display: block;}
   .about .abpic p {float: none; width: 100%; max-width: 100%;}
   .about .abpic p img{margin: 10px 0;}

   .news{box-sizing: border-box; padding: 30px 20px;} 
   .news .sideMenu{float: none; width: 100%; max-width: 100%;}
   .news .sideList{width: 100%; max-width: 100%;}
   .news .sideList ul li{width: 100%;}
   .news .sideList ul li:first-child{padding-top: 4%;}
   .news .list{float: none; width: 100%; max-width: 100%;}   

   .newsxq{float: none; width: 100%; max-width: 100%; margin-top: 30px;}
   .newsxq h2{font-size: 20px;}
   .newsxq span{margin: 10px 0;}

  .contact{box-sizing: border-box; padding: 30px 20px;}
  .contact .dizhi{padding: 10px 0; font-size: 12px;}
  .contact .dizhi .fl li{float: none; width: 100%; max-width: 100%; padding: 0 0 0 10px; white-space: nowrap;}
   #map{width: 80%; height: 240px !important;}

   .qr{box-sizing: border-box; padding: 30px 20px;}
   .qr .piccon li{width: 48%;}

   .self-box{display: none!important;}
  

}

@media screen and (max-width: 480px)  {
    .header .logo{width: 100px;}

    .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 15px;}

    .index-part2 .index-pro ul li{width: 100%; float: none; margin: 2.5% 0;}
    .index-part2 .index-pro ul li strong {width:  auto; }

    .index-part4 .index-app ul li{float: none; width: 100%; max-width: 100%; margin: 0 0 20px 0;}

    .pro .inbox ul li{float: none; width: 100%; max-width: 100%; margin: 0 0 15px 0;}
    .pro .inbox ul li h2 strong{width: auto;}

    .sabrosus a:nth-child(4){display: none;}
    .sabrosus a:nth-child(5){display: none;}

    .news .list li .newimg{float: none; width: 100%; max-width: 100%; margin: 10px 0;}
    .news .list li .newcon{float: none; width: 100%; max-width: 100%;}
    .contact .dizhi .fl li i{display:none;} 
}
@media screen and (max-width: 360px)  {
}