@charset "utf-8";
/* CSS Document */


.w1200{ max-width:1400px; margin:0 auto;}
.flex{ display:flex; display: -webkit-flex; align-items:center;flex-wrap:  wrap ; justify-content:space-between}
.flex2{ display:flex; display: -webkit-flex; align-items:stretch;flex-wrap:  wrap ; justify-content:space-between}


.head{ background:#fff; position:relative;}
.headri{ padding:10px 0 0;}
.headri .lang{ text-align:right;}
.headri .lang span{ padding-left:20px; background-image:url(../images/1109_03.jpg); background-repeat:no-repeat; background-position:left center;}
.headri .lang a{ font-size:14px; color:#666; padding:0 5px;}


.subli{ padding:0 50px;}

.headnav li{ margin-right:30px; position:relative; padding-bottom:25px;}
.headnav li a{ color:#2b2b2b; font-size:16px; line-height:55px; display:block; padding:0 5px;}


.headnav li:nth-child(2){ position:static;}
.headnav .subnav{ padding:20px 20px 50px 20px; opacity:0; visibility:hidden; transition:all .3s; position:absolute; width:100%; top:120%; left:0; background:#fff; z-index:11;justify-content: center;}
.headnav .subnav .subli a{ display:block; font-size:14px; line-height:24px;}
.headnav .subnav .subli b{ display:block; margin-bottom:10px;}
.headnav .subnav .subli b a{ color:#000; font-size:16px;}
.headnav .subnav .subli a:hover,.headri .lang a:hover{ color:#ff8b00}

.headnav .subnav2{ padding:15px 0; position:absolute; top:120%; width:300%; text-align:center; left:0; z-index:20; background:#fff; visibility:hidden; opacity:0; transition:all .3s; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.headnav .subnav2 a{ line-height:1.5; display:block; padding:5px 0; font-size:14px;}
.headnav .subnav2 a:hover{ color:#ff8b00}

.search{ margin-bottom:25px; width:130px; height:30px; border:1px solid #cccccc; border-radius:100px; overflow:hidden;}
.search button{ width:45px; height:30px; background:#fff; cursor:pointer;}
.search input{ width:calc(100% - 45px); padding-left:15px;}

.headnav li >a{ position:relative;}
.headnav li.on>a,.headnav li:hover>a{ color:#ff8b00;}
.headnav li>a:after{ content:""; position:absolute; bottom:0; left:0; display:block; width:0; height:2px; transition:all .3s; background:#ff8b00;}
.headnav li.on>a:after,.headnav li:hover a:after{ width:100%;}

.headnav li:nth-child(2):hover .subnav{ top:100%; opacity:1; visibility:visible;}
.headnav li:hover .subnav2{ top:100%; visibility:visible; opacity:1;}


.banner img{ width:100% ; height:100%; object-fit:cover;}

.indextit{ text-align:center; padding:75px 0 65px;}
.indextit b{ display:block; line-height:1; font-size:30px; color:#000}


.main1tab ul{justify-content:center}
.main1tab li{ padding:0 50px; width:240px; text-align:center;}
.main1tab li span{ font-size:16px; color:#2d2d2d;}
.main1tab li .img{ height:80px; position:relative;}
.main1tab li .img img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); max-width:80%; max-height:90%;}
.main1tab li.on span{ font-weight:bold; color:#ff8b00;}

.main1tap{ padding-top:50px;}
.main1tap .tabli { display:none;}
.main1tap .tabli li{ width:19%; border:3px solid #fff6eb; transition:all .3s;}
.main1tap .tabli li .imgs{ height:300px; position:relative;}
.main1tap .tabli li .imgs img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); max-width:80%; max-height:90%;}
.main1tap .tabli li .txts{ padding:20px; text-align:center; background:#fff6eb;}
.main1tap .tabli li .txts b{ font-size:16px; color:#000; margin-bottom:15px;}
.main1tap .tabli li .txts p{ font-size:14px; color:#686868;}
.main1tap .tabli li:hover{ border:3px solid #ff8b00;} 

.main2box{ padding:0; background-size:cover; background-position:center; background-repeat:no-repeat;}
.main2boxtop{ height:360px;}
.main2boxtop li{ display:none;}
.main2boxtop li b{ font-size:24px; display:block; color:#fff;}
.main2boxtop li b a{ color:#fff;}
.main2boxtop li .line{ width:50px; height:3px; background:#fff; margin:25px 0;}
.main2boxtop li p{ font-size:14px; color:#fff; max-width:540px; line-height:24px;}

.main2boxbot{ text-align:center; position:relative;}

.main2box{padding:80px 0; position: relative;}
.main2boxbot li{ position:relative; height: 115px;}
.main2boxbot li:after{ height:1px; width:260px; background:rgba(255,255,255,.5); top:36px; left:71px; content:""; display:block; position:absolute; opacity:.3;}

.main2boxbot li:before{content: "";position: absolute;left: 0;top: 36px;width:80px;height: 1px;background-image: linear-gradient(90deg,transparent,#fff);animation: lineMove 2s ease-in-out infinite;}

@keyframes lineMove{
    to{left: 260px;}
}
.main2boxbot li:nth-child(1):before{animation-delay: 0s;}
.main2boxbot li:nth-child(2):before{animation-delay: 0.1s;}
.main2boxbot li:nth-child(3):before{animation-delay: 0.2s;}
.main2boxbot li:nth-child(4):before{animation-delay: 0.3s;}
.main2boxbot li:nth-child(5):before{animation-delay: 0.4s;}

.main2boxbot li:last-child:after{ display:none;}
.main2boxbot li:last-child:before{ display:none;}
.main2boxbot span{ transition:all .3s; display:block; font-size:18px; color:#fff; padding-top:15px;}
.main2boxbot img{transition:all .3s; margin:0 auto; display:block;}
.main2boxbot li.on img{ transform:translateY(-45px); -webkit-transform:translateY(-45px);-moz-transform:translateY(-45px);-ms-transform:translateY(-45px);-o-transform:translateY(-45px);}
.main2boxbot li.on span{transform:translateY(-34px); -webkit-transform:translateY(-34px);-moz-transform:translateY(-34px);-ms-transform:translateY(-34px);-o-transform:translateY(-34px); border-top:3px solid #ff8b00; padding-top:5px}


.main3{ background:#f6f6f6;}

.main3 li{ width:32%;background:#fff;}
.main3 li .imgs{ height:225px;}
.main3 li .imgs img{ width:100%; height:100%; object-fit:cover;}
.main3 li .txts{ padding:25px 20px; }
.main3 li .txts h2{ font-size:18px; color:#2c2523; line-height:1; font-weight:normal;}
.main3 li .txts p{ font-size:14px; color:#9e9e9e; line-height:1.6; margin:15px 0;}
.main3 li .txts span{ font-size:14px; color:#999999; line-height:1; background-image:url(../images/1109_65.jpg); background-position:left center; background-repeat:no-repeat; display:inline-block; padding:10px 0;padding-left:30px; }
.main3 li:hover .txts h2{ color:#ff8b00}

.newmore{ padding:60px 0; text-align:center;}
.newmore a{ transition:all .3s; display:inline-block; padding:0 50px; line-height:50px; border-radius:100px; border:1px solid #ff8b00; color:#ff8b00;}
.newmore a:hover{ background:#ff8b00; color:#fff;}


.footer{ padding:70px 0 60px; background:#fff;}
.fotlogo{ width:340px;}
.fotnav{ width:calc(100% - 340px);}
.fotnav ul{flex-wrap:nowrap}
.fotnav ul li a{ display:block;}
.fotnav ul li b a{ font-size:18px; color:#666; font-weight:normal; margin-bottom:10px; margin-top:0}
.fotnav ul li a,.fotnav ul li p{ font-size:14px; color:#999; margin-top:5px;}
.fotnav ul li a:hover{color:#ff8b00}
.fotnav ul li p a{ display:inline-block;}
.fotcopy{ padding:15px; background:#eaeaea; text-align:center;}
.fotcopy p,.fotcopy p a{ font-size:14px; color:#737373;}
.fotcopy p a{ display:inline-block; padding:0 15px;}
.fotcopy p a:hover{ color:#ff8b00}

.subanner{ height:350px; background-size:cover; background-position:center; background-repeat:no-repeat;}

.positions{ padding:30px 0;}
.posi{ padding-left:30px; background-image:url(../images/proview_05.png); background-repeat:no-repeat; background-position:left center;}
.posi,.posi a{ color:#7e7e7e; font-size:14px;}
.posi a { display:inline-block; padding:0 5px;}
.posi a:hover{ color:#ff8b00}


.bacbody{ background:#f9f9f9;}
.mainle{ width:300px;}
.mainlebox{ width:100%; background:#fff; border-radius:5px; padding-bottom:25px;}
.mainri{ width:calc(100% - 335px); background:#fff}

.mainletit{ padding:30px 40px; border-bottom:2px solid #ff8b00;}
.mainletit b { display:block; line-height:1; font-size:30px; color:#292929;}
.mainlebox li{ padding:20px 40px; border-bottom:1px solid #e5e5e5;}
.mainlebox li a{ line-height:1.3; font-size:18px; color:#000;}
.mainlebox li.on a,.mainlebox li a:hover{ color:#ff8b00;}

.mainri{ padding:25px;}
.newrititle{ border-bottom:1px solid #dcdcdc; font-size:24px; color:#000; line-height:1; padding:10px 0 15px; font-weight:bold;}

.xinwenliebiao{ padding-top:10px;}
.xinwenliebiao li{width:31.33%; margin:1%; margin-top:30px; }
.xinwenliebiao li .imgs{ height:180px;}
.xinwenliebiao li img{ width:100% ; height:100%; object-fit:cover;}

.xinwenliebiao li .txts{ padding-top:20px;}
.xinwenliebiao li h2{ font-size:16px; color:#000; margin-bottom:12px; line-height:1;}
.xinwenliebiao li p{ font-size:14px; color:#666666; margin-bottom:20px;}
.xinwenliebiao li span{ font-size:14px; color:#666666;}

.xinwenliebiao li:hover h2{ color:#ff8b00;}

.pagelist{ padding:50px 0;}
.pagelist ul{    justify-content: center;}
.pagelist ul li{ margin:0 3px;}
.pagelist ul li a,.pagelist ul li span{ transition:all .3s; display:block; padding:0 15px; border:1px solid #eee; line-height:40px; font-size:14px; color:#666}
.pagelist ul li.active a,.pagelist ul li a:hover,.pagelist ul li span.current{ background:#ff8b00; color:#fff; border:1px solid #ff8b00;}

.mainbox{ padding-bottom:70px;}


.title_new{ text-align:center; padding:20px 0;}
.title_new h1{ font-size:30px; color:#000000; line-height:1.3;}

.times{ text-align:center; padding-bottom:20px; border-bottom:1px solid #dcdcdc;}
.times span{ color:#9b9b9b; font-size:16px; display:inline-block; padding:0 20px; line-height:1;}

.contents{ padding:35px 0 45px;}
.contents p{ font-size:14px; color:#626262; line-height:1.9;}
.contents p img{ max-width:100%;}

.page_next{ border-top:1px solid #dcdcdc;}
.page_next { padding:40px 0;}
.page_next  span{ font-size:16px;color:#636363;  max-width:49%;}
.page_next span a{color:#636363;}
.page_next  a:hover{ color:#ff8b00}

.aboutcontent{ padding:40px 0;}
.aboutcontent p{ font-size:14px; color:#626262; line-height:2.2; text-indent:2em;}
.aboutcontent p img{ max-width:100%; display:block;}


.joinlist{ padding:20px 0;}
.jointit{ background:#eeeeee; margin-top:10px ; padding:12px 35px}
.jointit span:first-child{ width:calc(100% - 200px);}
.jointit span:nth-child(2){ width:130px; text-align:center}
.jointit span:nth-child(3){ width:70px; text-align:center; text-align:center;}

.jointit span{ font-size:14px; color:#333;}
.jointit2 span{ font-size:16px; color:#5f5f5f}

.miaoshuzw { padding:20px;}
.miaoshuzw p strong{ color:#333333; font-weight:bold;}
.miaoshuzw p{ font-size:12px; color:#666666; line-height:2;}

.joinlist li{ cursor:pointer;}
.joinlist li .miaoshuzw{ display:none;}
.joinlist li i{ transition:all .3s;}
.joinlist li.on .jointit i{ transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.joinlist li.on .miaoshuzw{ display:block;}


.xgcptit{ font-size:24px; color:#000; font-weight:bold; display:block; margin-bottom:35px;}
.xgcp li{ width:31.33%; margin:1%; border:3px solid #fff6eb; transition:all .3s;}

.xgcp ul{justify-content: flex-start;}
.xgcp li .imgs{ height:300px; position:relative;}
.xgcp li .imgs img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); max-width:80%; max-height:90%;}
.xgcp li .txts{ padding:20px; text-align:center; background:#fff6eb;}
.xgcp li .txts b{ font-size:16px; color:#000; margin-bottom:15px; }
.xgcp li .txts p{ font-size:14px; color:#686868;}
.xgcp li:hover{ border:3px solid #ff8b00;} 

.xgtu img{ margin:0 auto; display:block;}



.zhengshulist{ padding:30px 0;}
.zhengshulist ul{justify-content: flex-start;}
.zhengshulist li{ width:31.333%; margin:1%; padding:20px; border:1px solid #fff; transition:all .3s;}
.zhengshulist li img{ width:100%;}
.zhengshulist li:hover{ border:1px solid #ff8b00;}

.contactcontent{ padding:40px 0;}
.contactcontent b{ display:block; line-height:1; margin-bottom:20px; font-size:24px; color:#000}
.contactboxs{ border-bottom:1px dashed #999999;border-top:1px dashed #999999; max-width:100%; padding:30px 0;}
.contactboxs p{ font-size:16px; color:#333333; padding:10px 0; padding-left:35px; background-position:left center; background-repeat:no-repeat;}
.contactboxs p:first-child{ background-image:url(../images/contact_05.jpg);}
.contactboxs p:nth-child(2){ background-image:url(../images/contact_09.jpg);}
.contactboxs p:nth-child(3){ background-image:url(../images/contact_13.jpg);}
.contactboxs p:nth-child(4){ background-image:url(../images/contact_16.jpg);}

.contactewm{ padding:30px 0;justify-content: flex-start; align-items:flex-end}
.contactewm .img{ padding:7px; border:1px solid #eee; margin-right:23px;}
.contactewm .img img{ width:120px;}
.contactewm  b{ font-size:16px; color:#333333; margin-bottom:15px;}
.contactewm  p{ font-size:14px; color:#999999;}


.maps iframe{ height:480px !important; width:100%; border:none;}

.prolistbox{ padding:5px 25px 25px; background:#fff; width: 100%;}

.prolist_top{ border-bottom:1px solid #dcdcdc;}
.prolisttople,.prolistbot_le{ width:330px;}
.prolisttople span{ font-size:24px; color:#ff8b00;}
.prolisttopri,.prolistbot_ri{ width:calc(100% - 370px);}
.prolisttople{ position:relative; padding:20px 0;}
.prolisttople ul{ position:absolute; top:120%; left:0; box-shadow:0 0 10px rgba(0,0,0,.1); opacity:0; visibility:hidden; transition:all .3s; width:100%; padding:20px; background:#fff; z-index:10;} 
.prolisttople ul li a{ color:#666; font-size:18px; line-height:2;}
.prolisttople:hover ul{ top:100%; opacity:1; visibility:visible;}
.prolisttople ul li a:hover{ color:#ff8b00}

.prolisttopri a{ padding:0 30px; line-height:35px; border:1px solid #e5e5e5; font-size:14px; color:#686868; display:inline-block;}
.prolisttopri a:hover{ color:#ff8b00}
.prolisttopri a.on{color:#ff8b00}

.prolist_bot{ margin-top:35px;}

.sxtit{ font-size:16px; color:#282828; font-weight:bold; margin-bottom:15px;}

.sxbox{max-height:180px; border:1px solid #dcdcdc; padding:20px 15px; overflow:auto; margin-bottom:30px;}

.sxbox ul{justify-content: flex-start;}
.sxbox li { min-width:31%; margin-bottom:10px;}
.sxbox li a{ cursor:pointer; display:inline-block; padding-left:23px; position:relative; line-height:25px; color:#9d9d9d;}
.sxbox li a:before { width:15px; height:15px; border:1px solid #dcdcdc; content:""; left:0; top:5px; display:block; position:absolute;}
.sxbox li a.active:before{ background-image:url(../images/prolist_06.jpg); background-size:100% 100%;}
.sxbox li a b{ font-weight:normal;}
.sxbox li:first-child:hover a:before{border:1px solid #ff8b00;}
.sxbox li:first-child a >b{    background: #f9d5aa;
    color: #333;
    padding: 0 5px;}
.sxbox li:first-child a.active:before{border:1px solid #ff8b00;}

.chanpinliebiao li{ margin-bottom:20px; padding:12px; background:#f5f5f5;}

.chanpinliebiao li .img{ width:240px; height:212px; background:#fff; position:relative;}

.chanpinliebiao li .img img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); max-width:80%; max-height:90%;}
.chanpinliebiao li .txt { width:calc(100% - 290px);}
.chanpinliebiao li .txt h2{ display:block;}
.chanpinliebiao li .txt h2 a{ font-size:18px; color:#000000; transition:all .3s; display:block;}
.chanpinliebiao li .txt p{ font-size:14px; color:#969595; margin-top:5px;}
.chanpinliebiao li .txt span{ font-size:14px; color:#969595; border:1px solid #ff8b00; padding:0 15px; line-height:30px; display:inline-block; margin-top:30px;}
.chanpinliebiao li:hover h2 a{ color:#ff8b00}

.proartibox{ }
.pro_le{ width:48.5%;}
.pro_ri{ width:48%;}
.litpics { width:128px; padding:20px 0; position:relative;}
.litpics .gallery-thumbs{ height:380px;}
.litpics .swiper-slide{ width:128px; height:90px; border:1px solid #e5e5e5;}
.litpics .swiper-slide img,.pro_le .gallery-top img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); max-width:90%; max-height:90%;}
.pro_le .gallery-top{ width:calc(100% - 148px); border:1px solid #e5e5e5; margin-right:0}


.litpics .swiper-button-prev{ width:100%; top:0; left:0; height:20px; background-image:url(../images/proview_09.jpg); background-repeat:no-repeat; background-position:top center; margin-top:0;}
.litpics .swiper-button-next{width:100%; height:20px; background-image:url(../images/proview_16.jpg); background-repeat:no-repeat; background-position:bottom center; bottom:0; left:0; top:auto; margin-top:0;}

.litpics .swiper-button-next:after,.litpics  .swiper-button-prev:after{ display:none;}

.litpics .swiper-slide.swiper-slide-thumb-active{ border:1px solid #ff8b00;}


.pro_ri h1{ font-size:30px; color:#000; font-weight:normal; display:block; margin-bottom:5px; padding-top:15px;}
.pro_ri span{ font-size:16px; color:#000000; display:block; margin-bottom:20px;}
.pro_ri .intro p{ font-size:14px; color:#929292; line-height:1.9;}


.proxq_tab span{ cursor:pointer; line-height:50px; padding:0 60px; margin-right:10px; display:inline-block; background:#f6f6f6; font-size:16px; color:#7e7e7e;}

.proxq_tab{ margin-top:65px;}
.pronybox{ background:#fff;padding:40px 20px;}
.proxq_tab span.on{ color:#666666; border:1px solid #ff8b00;}


.proxq_tap .content{ padding:25px 0; min-height:520px;}

.proxq_tap .content p{ font-size:14px; color:#5f5f5f; line-height:2;}

.cpxqli{ display:none;}
.proarticle{ margin-bottom:60px;}
.proxq_tap  .forms{ padding:70px 0;}
.proxq_tap  .forms form{ display:block; max-width:770px; margin:0 auto;}
.proxq_tap  .forms input{ width:48%; margin-bottom:4%; height:50px; border:1px solid #eeeeee; padding:0 15px; font-size:18px;}
.proxq_tap  .forms button{ height:50px; background:#ff8b00; color:#fff; width:50%; margin:0 auto; display:block; cursor:pointer; font-size:18px;}


@media screen and (max-width:1480px){
	.w1200{ max-width: 1200px;}
	.main2boxbot li:after{ width: 210px;}
	@keyframes lineMove{
        to{left: 200px;}
    }
   }
   @media screen and (max-width:1280px){
	.w1200{ padding-left: 40px; padding-right: 40px;}
	.headnav li{ margin-right: 10px;}
	.main1tab li{    padding: 0 10px;		width: 150px;}
	.main1tap .tabli li .imgs{ height: 4rem;}
	.main2boxbot li:after{width: 3rem;}

	.indextit{ padding: 45px 0 35px;}
	.indextit b{ font-size: 24px;}
	.banner .swiper-slide{ height: 8rem;}
	.fotlogo{ width: 200px;}
	.fotnav{ width: calc(100% - 250px);}
	.fotnav li{ min-width: 110px; padding-right: 5px;}

	.prolisttople, .prolistbot_le{ width: 200px;}
	.sxbox li{ min-width: 50%;}
	.prolisttopri, .prolistbot_ri{ width: calc(100% - 220px);}
     @keyframes lineMove{
        to{left: 180px;}
    }
   }

@media screen and (max-width:960px){
	.w1200{ padding-left: 20px; padding-right: 20px;}
	 .wap{ display:block;}
	 .pc{ display:none;}

	 .banner .swiper-slide{ height: 8.5rem;}
	 .indextit b{ font-size: 20px;}
	 .indextit { padding: 30px 0;}
	 .main1tab li{ width: 24%;}
	 .main1tab li span{ font-size: 12px; white-space: nowrap;}
	 .main1tab li .img{ height: 50px;}
	 .main1tap .tabli li{ width: 48%; margin-bottom: 4%;}
	 .main1tap .tabli li:last-child{ display: none;}
	 .main1tap .tabli li .imgs{ height: 9rem;}
	 .main1tap{ padding-top: 30px;}
	 .main1tap .tabli li .txts{ padding: 10px;}
	 .main1tap .tabli li .txts b{ font-size: 14px; margin-bottom: 5px;}
	 .main1tap .tabli li .txts p{ font-size: 12px;}
	 .main2box{ padding: 40px 0}
	 .main2boxtop li b{ font-size: 18px;}
	 .main2boxbot span{ font-size: 14px;}
	 .main2boxbot img{ width: 40px;}
	 .main2boxbot li:after{ display: none;}
	 .main3 li{ width: 100%; margin-bottom: 15px;}
	 .newmore{ padding: 30px 0;}
	 .newmore a{ line-height: 40px;}
	 .main3 li .imgs{ height: 8rem;}
	 .main3 li .txts{ padding: 15px;}
	 .main3 li .txts h2{ font-size: 16px;}
	 .main3 li .txts p{ margin-bottom: 5px;}
	 .fotlogo{ width: 100%;}
	 .footer{ padding: 40px 0;}
	 .fotnav{ width: 100%;}
	 .fotnav ul{ flex-wrap: wrap; display: none;}
	 .fotnav li{ width: 31%; min-width: auto; margin-top: 25px;}
	 .fotnav li:last-child{ width: 65%;}
	 .fotnav ul li b a{ font-size: 14px;}
	 .fotnav ul li a, .fotnav ul li p{ font-size: 12px;}
	 .footer .fotlogo img{ width: 120px; margin: 0 auto; display: block;}
	 .fotcopy p, .fotcopy p a{ font-size: 12px;}

	 .subanner{ height: 6rem;}
	 .prolisttople span{ font-size: 16px;}
	 .prolisttople ul li a{ font-size: 14px;}
	 .prolisttople{ display: none;}
	 .prolisttopri{ padding: 20px 0; width: 100%;}
	 .prolisttopri a{ padding: 0 10px;}
	 .prolisttople, .prolistbot_le{ width: 100%;}
	 .prolisttopri, .prolistbot_ri{ width: 100%;}
	 .prolistbox{ padding: 5px 15px 15px;}
	 .sxbox li{ min-width: 33%;}
	 .sxbox{ padding: 15px; margin-bottom: 10px;}
	 .sxbox li a { font-size: 12px;}
	 .sxbox li{ margin-bottom: 5px;}
	 .sxbox li{ min-width: auto; margin-right: 15px;}
	 .sxtit{ margin-bottom: 5px;}
	 .chanpinliebiao li .txt{ width: 67%;}
	 .chanpinliebiao li .txt h2 a{ font-size: 14px;}
	 .chanpinliebiao li .txt p{ font-size: 12px;}
	 .chanpinliebiao li .txt span{ font-size: 12px;  margin-top: 10px; line-height: 1.5; padding:5px 10px;}
	 .chanpinliebiao li .img{ width: 30%; height: 6rem;}
	 .pagelist ul li a, .pagelist ul li span{ font-size: 14px; line-height: 30px; padding: 0 10px;}
	 .pagelist{ padding: 30px 0;}
	 .positions{ padding: 15px 0;}
	 .pro_ri h1{ font-size: 20px;}
	 .pro_le{ width: 100%;}
	 .pro_ri{ width: 100%; margin-top: 20px;}
	 .litpics .gallery-thumbs{ height: 11rem;}
	 .litpics .swiper-slide,.litpics{ width: 3rem;}
	 .pro_le .gallery-top{ width: calc(100% - 3.5rem);}
	 .proxq_tab span{ font-size: 14px; margin: 0;  margin-bottom: 5px;  width: 24%; padding: 0; text-align: center; line-height: 35px;}
	 .proxq_tab{ margin-top: 30px;}
	 .proxq_tab{display:flex; display: -webkit-flex; align-items:center;flex-wrap:  wrap ; justify-content:space-between}
	 .proxq_tap .forms input{ font-size: 14px; width: 100%;}
	 .proxq_tap .forms{ padding: 30px 0;}
	 .page_next span{ max-width: none; font-size: 14px; width: 100%;}
	 .page_next{ padding-bottom: 20px;}
	 .proxq_tap .content{ padding: 30px 0; min-height: auto;}
	 .mainlebox{ display: none;}
	 .mainri{ width: 100%; padding: 15px;}
	 .aboutcontent{ padding: 30px 0;}
	 .newrititle{ font-size: 20px;}
	 .xgcp li .imgs{ height: 6rem;}
	 .xgcptit{ font-size: 20px; margin-bottom: 10px;}
	 .title_new h1{ font-size: 20px;}
	 .times span{ font-size: 12px; padding: 0 10px;}
	 .contactcontent{ padding: 30px 0;}
	 .contactcontent b{ font-size: 18px;}
	 .contactboxs p{ font-size: 14px;}
	 .maps iframe{ height: 10rem !important;}
  
  .main2boxbot li:before{ display:none !important}
	}

	@media screen and (max-width:640px){
		
		.xgcp li{ width: 100%;}
		.xgcp li .txts{ padding: 15px;}
		.xgcp li .txts b{ font-size: 14px; margin-bottom: 5px;}
		.xgcp li .txts p{ font-size: 12px;}
		.zhengshulist li{ width: 48%; padding: 10px;}
		.jointit{ padding: 12px 20px;}
		.jointit2 span{ font-size: 14px;}

		.xinwenliebiao li{ width: 100%;}
		.xinwenliebiao li .imgs{ height: 8rem;}
		.xinwenliebiao li p{ margin-bottom: 4px; font-size: 12px;}
		.xinwenliebiao li span{ font-size: 12px;}
		.contactewm .img{  margin-right: 0;}
		.contactewm .txt{ width: calc(100% - 150px);}
		.contactewm{justify-content:space-between}
		.contactewm .txt b{ font-size: 16px; margin-bottom: 5px;}
		.contactewm p{ margin-top: 5px; line-height: 1.5;}

	}
	
	
	.cpxqli.content table{ background:none;}
	.cpxqli.content table td{ padding:5px 10px; background:none !important; border:1px solid #fff !important;}
.cpxqli.content table tr{background:#eee !important;}
	.cpxqli.content table tr td:first-child{ text-align:center;}
	.cpxqli.content table tr:nth-child(2n) td{ background:#fff !important;}