﻿/*==百分比：全局==*/
@media screen and (min-width:1200px){
.xhxhidenavbox{ display:none;}
.xhxhidenavbtn{ display:none;}
}
@media screen and (max-width:1200px){
.xhxhidenavbtn{ display:none;}
.xhxhidenavbox{ display:none;}
.hd{ min-width:}
.box{ width:100%;}
.banner{ width:100%; min-width:100%;}
.mbody{ width:100%; overflow:hidden;}
.r-icons{ max-width:40%; float:right; width:auto;}
.box_cert{ width:100%; clear:both; text-align:center; padding-right:0; margin-top:20px; clear:both;}
.certlist a{ width:170px; clear:none; display:inline-block; float:none;}
.certlist{ width:100%; display:table; text-align:center;}
.box_about{ width:46%; padding-left:1%; text-align:center;}
.box_news{ width:46%; float:right; padding-right:1%; padding-left:0;}
.recbox{ float:left; padding-left:20px;}
.aboutdet{ text-align:center;}
.aboutdet a{ display:inline-block; float:inherit;}
.listbox2{ width:45%; float:left; padding:40px 2% 40px 2%;}
.iprolist .cont{ width:100%; height:auto;}
.iprolist{ overflow:hidden;}
.footer{ min-width:100%;}
ul.newslist1 li{ width:95%; overflow:hidden; clear:both;}
ul.newslist1 li a{ display:inline-block; max-width:300px;}
ul.newslist1 li .timebg{ display:inline-block;}
.xhxcert{ width:250px; margin:auto; float:none;}
nav a{ padding:0 10px;}
.aboutdet a{ margin:3px 10px;}
.tnav{ width:100%; min-width:100%;}
.pnav{ padding-right:10px;}
/*产品列表*/.prolist .box{ width:31%; margin:0 1% 40px; padding:0; overflow:hidden;}
.prolist a.name2{ width:100%;}
.prolist .info{ width:100%; overflow:hidden;}
.prolist a.name{ width:100%;}
/*关于我们*/
.abbox1{ width:46%; margin:0 0 0 4%;}
.desc1{ width:96%; padding:15px 4% 0 0;}
.hors div{ margin-bottom:10px;}
.abbox2{ width:45%; margin:0 0 0 4%; padding:0;}
.allwrap{ width:96%; padding:0 2% 15px; min-width:96%;}
.allwrap2{ width:100%; min-width:100%;}
.nlist1{ text-align:center;}
img.photo2{ float:none;}
.tt2{ float:none; padding:10px 0; text-align:center; width:96%!important; margin:auto; line-height:16px;}
.date2{ clear:both; float:none; margin:auto; text-align:center; padding:0;}
.desc4{ width:50%; min-width:504px; float:right;}
.photos1{ width:470px;}
.desc3{ width:40%; min-width:420px;}
/*客户案例*/
.hrbox2{ width:46%; padding:40px 2% 0;}
.hrbox2 .desc{ width:auto; height:auto; margin-bottom:15px;}
.hrbox2 .info{ width:auto;}
/*内页banner*/
.pagebanner{ background-position:-500px 0!important; width:100%; min-width:100%;}
.ptitle01{ margin-left:10px;}
/*底部灰色*/
.recgoods .goods{ width:840px;}
/*客户服务*/
.spbox1{ width:45%; margin:0 0 0 2%; padding:0 2% 0 0; height:auto;}
.spdesc1{ width:100%; height:auto; padding-bottom:15px;}
.spbox2{ width:45%; margin: 0 2%; padding:0;}
.spdesc2{ width:98%;}
.spul1{ width:auto; padding-left:30px;}
img.spimg1{ width:30%; height:auto;}
/*底部黑色*/
.relbox1{ width:37%}
.relbox2{ width:32%}
.relbox3{ width:30%}
.xhxblkbox{ text-align:center;}
.bcasepics{ width:240px;}
.bcase{ width:290px;}
.cs1{ width:135px; margin:0 10px;}
/*人力资源*/
.hrbox1{ width:30%; height:auto; margin:0 1.5%;}
.hrbox1.pl2{ padding:0;}
.hrbox1 .photobox{ width:98%; height:auto; border-radius:50%; max-width:256px;}
.hrbox1 .photobox img{ width:100%; height:auto; border-radius:50%;}
.allwrap3{ min-width:100%;}
.hrbox1 .title1{ text-align:center;}
.hrbox1 .title1 .chn{ float:none; font-size:20px;}
.hrbox1 .title1 .enn{ float:none; font-size:20px;}
/*联系我们*/
.ctleft{ width:70%; float:left;}
.ctcont{ width:80%; margin:auto;}
.ctright{ width:30%;}
.msgbtn{ min-width:100%;}
/*文章内页*/
.mleft{ width:66%; margin:0 2% 0 2%; padding-right:0;}
.mright{ width:30%;}
.xhxform1 .input-text{ width:90%;}
.nvtt{ width:95%;}
.article{ width:96%; margin:auto; float:none;}
/*销售网络*/
.nwleft{ width:48%; margin:0 1%;}
.nwright{ width:48%; margin:0 1%;}
.snmap{ width:100%;}
.snmap img.nwmap{ width:100%;}
/*产品内容页*/
.cvbox .left2{ width:auto; float:left; width:40%; margin:30px 2%; padding:0;}
.cvbox .left{ width:auto; float:left; width:40%; margin:30px 2%; padding:0;}
.cvbox .right{ width:53%; height:auto; overflow:hidden; position:relative;}
.cvbox .right img{ width:100%; height:auto;}
.w500{ width:auto;}
.cvdesc{ float:left;}
img.xhxprojgt{ width:35%; float:left; margin-left:2%;}
.pvcs .pvcsr{ width:60%; float:right;}
/*文章列表*/
.pnewslist .right{ padding-left:2%; width:63%;}
.pnewslist .photo{ width:35%; height:26%; height:auto;}
/*首页产品*/
.probox{ min-width:100%; width:100%;}
.iprolist .cont{ width:100%; min-width:100%;}
.probox2{ width:795px;}
}
@media screen and (max-width:960px){
.xhxhidenavbtn{ display:none;}
.xhxhidenavbox{ display:none;}
/*内页面包屑导航*/
.pnav{ display:none;}
.xhxshaicos{ clear:both; padding-top:10px;}
.r-icons{ float:right; padding-top:40px;}
.r-icons .t400{ float:right;}
nav{ width:100%; clear:both; padding:15px 0; text-align:center; height:29px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; background:url(../images/xhx/relbg1.jpg);}
nav a{ display:inline-block; float:none; overflow:hidden; color:#fff; background-image:none;}
nav a.backhome{ display:inline-block;}
img.pic01{ width:100%; height:auto;}
.banner{ display:none;}
.footer .cont a.logo2{ display:none;}
.footer .cont .cr{ float:none; margin:auto; text-align:center;}
.footer .cont{ width:100%;}
.footer{ height:auto; padding-bottom:15px;}
/*内页banner*/
.pagebanner{ background-position:-700px 0!important;}
.xhxpagetitle{ display:block;}
.tnav{ padding-top:15px;}
/*产品列表*/.prolist .box{ width:46%; margin:0 2% 40px; padding:0; overflow:hidden;}
.prolist a.name2{ width:100%;}
.prolist .info{ width:100%; overflow:hidden;}
.prolist a.name{ width:100%;}
/*关于我们*/
.desc4{ clear:both; margin:auto; float:left; margin-bottom:20px;}
/*客户案例*/
.hrbox2{ width:96%; padding:40px 2% 0;}
.hrbox2 .desc{ width:auto; clear:right;}
.hrbox2 .info{ width:auto; clear:right;}
a.tt4{ padding-left:0; margin-left:20px;}
/*底部灰色*/
.recgoods .goods{ width:560px;}
/*客户服务*/
.spbox1{ width:96%; margin:0 0 0 2%; padding:0 2% 0 0; height:auto; border:none;}
.spdesc1{ width:100%; height:auto;}
.spbox2{ width:96%; margin:0 2%; padding:0;}
.relbox1{ width:100%; clear:both; margin:auto; border-bottom:1px solid #666;}
.relbox2{ width:100%; clear:both; margin:auto; padding-top:20px; border-bottom:1px solid #666;}
.relbox3{ width:100%; clear:both; margin:auto; padding-top:20px;}
.xhxblkbox{ text-align:center;}
.bcasepics{ width:240px;}
.bcase{ width:290px;}
.cs1{ width:135px; margin:0 10px;}
/*文章内页*/
.mleft{ width:96%; margin:0 2% 0 2%; padding:0;}
.mright{ width:96%; margin:0 2% 0 2%; margin-top:20px;}
.xhxform1 .input-text{ width:90%;}
.abbox4{ text-align:center;}
.abbox4 .ralist1{ width:40%; display:inline-block; float:none;}
.abbox4 .rplist{ width:auto; display:inline-block; float:none; margin:0 15px;}
.article{ width:90%; margin:auto; float:none;}
.nvtt{ width:95%;}
/*销售网络*/
.nwleft{ width:80%; margin:0 10%;}
.nwright{ width:80%; margin:0 10%; clear:both;}
.snmap{ width:100%;}
.snmap img.nwmap{ width:100%;}
/*产品内容页*/
.cvbox .left2{ width:auto; float:left; width:96%; margin:30px 2%; padding:0;}
.cvbox .left{ width:auto; float:left; width:96%; margin:30px 2%; padding:0;}
.cvbox .right{ width:620px; overflow:hidden; float:none; clear:both; margin:30px auto 20px; height:auto; position:relative;}
.cvbox .right img{ width:620px; height:auto;}
.w500{ width:auto;}
.cvdesc{ float:left; width:96%;}
/*文章列表*/
.pnewslist .right{ padding-left:2%; width:63%;}
.pnewslist .photo{ width:35%; height:26%; height:auto;}
/*首页产品列表*/
.probox2{ width:530px;}
}
@media screen and (max-width:640px){
.xhxhidenavbtn{ display:none;}
.hd{ min-width:}
.hd .box{ width:100%;}
.mbody{ width:100%;}
.recbox{ float:left; padding-left:20px;}
.aboutdet{ text-align:center;}
.aboutdet a{ display:inline-block; float:inherit;}
.xhxshaicos{ clear:none; padding-top:0;}
.r-icons{ clear:both; margin:auto; float:none; padding:20px 0; text-align:center; display:table; width:100%; max-width:none;}
.xhxshaicos{ display:inline-block; float:none;}
.r-icons .t400{  display:inline-block; float:none;}
.logo{ margin:auto; clear:both; float:none;}
.xhxename{ display:none;}
/*搜索页*/
.xhxspagebox{ margin:auto; text-align:center; clear:both; width:100%;}
.xhxspagebox #search{ display:inline-block; float:none;}
.xhxspagebox .info{ padding:0; float:none;}
/*关于我们*/
.abbox1{ width:96%; margin:0 0 0 4%; clear:both;}
.desc1{ width:96%; padding:15px 4% 0 0;}
.hors div{ margin-bottom:10px;}
.abbox2{ width:96%; margin:0 0 0 4%; padding:0; clear:both;}
.allwrap{ width:96%; padding:0 2% 15px; min-width:96%;}
.abbox3{ width:96%; padding:0; margin:10px 2%;}
/*内页banner*/
.pagebanner{ display:none;}
/*底部灰色*/
.recgoods .goods{ width:280px;}
.title6{ width:100%; background-position:center;}

/*人力资源*/
.title1 .chn{ font-size:20px;}
.title1 .enn{ font-size:20px;}
/*联系我们*/
.ctleft{ width:100%; float:left; clear:both;}
.ctcont{ width:90%; margin:auto; clear:both;}
.ctright{ width:100%; clear:both; margin-top:20px;}
/*首页产品列表*/
.probox2{ width:265px;}
/*产品相册*/
.cvbox .right{ width:460px; overflow:hidden; float:none; clear:both; margin:30px auto 20px; height:auto; position:relative;}
.cvbox .right img{ width:460px; height:auto;}
}
@media screen and (max-width:480px){
nav{ display:none;}
.xhxhidenavbtn{ display:block;}
.xhxhidenavbox{ display:block;}
.pic01{ border-width:2px;}
ul.newslist1 li a{ display:inline-block; max-width:230px;}
.listbox2 .cont{ height:auto;}
.listbox2{ width:96%; float:left;}
.listbox2.lr{ border-right:none; border-bottom:1px solid #CCC;}
.box_about{ width:98%; padding-left:1%; text-align:center; clear:both;}
.box_news{ width:98%; float:right; padding-right:1%; padding-left:0; clear:both;}
.tt1{ margin:auto; float:none; width:250px;}
/*产品列表*/.prolist .box{ width:96%; margin:0 2% 40px; padding:0; overflow:hidden;}
.prolist a.name2{ width:100%;}
.prolist .info{ width:100%; overflow:hidden;}
.prolist a.name{ width:100%;}
/*关于我们*/
.desc4{ width:96%; min-width:96%; float:none; margin:auto; clear:both;}
.photos1{ width:235px;}
a.more2{ margin:15px auto auto;}
.desc3{ width:96%; min-width:96%; margin:auto; float:none;}
ul.desc3 li a{ width:200px;}
/*底部灰色*/
.title6{ font-size:22px;}
.title6 .enn{ font-size:22px;}
ul.abul1{ width:200px;}
ul.abul1 li{ overflow:hidden;}
/*客户服务*/
.spul1{ padding-left:15px;}
ul.abul1{ width:190px;}
/*内页面包屑导航*/
.pnav{ display:none;}
.tpronav{ margin-left:10px; margin-bottom:10px;}
.tnav{ height:auto;}
.hrbox1{ clear:both; width:96%; margin:20px 2%;}
/*联系我们*/
.map{ height:300px;}
/*栏目标题*/
.ptitle01{ font-size:22px; padding-right:15px; background-image:none;}
.tie01{ padding-left:80px;}
.nvtt .name{ font-size:14px; font-weight:bold;}
/*销售网络*/
a.maploc{ height:10px; font-size:8px; line-height:10px; padding:0 3px;}
/*文章列表*/
.pnewslist{ text-align:center; padding:20px 0; border-bottom:1px solid #CCC;}
.pnewslist .right{ width:100%; clear:both; display:inline-block;}
.pnewslist .photo{ width:60%; height:45%; float:none; margin:auto; margin-bottom:15px;}
.pnewslist .date{ display:inline-block;}
.pnewslist .desc{ text-align:left;}
/*搜索页*/
.xhxspagebox #search{ margin-bottom:15px;}
/*首页产品列表*/
.probox2{ width:265px;}
.prott{ width:100%;}
/*产品相册*/
.cvbox .right{ width:340px; overflow:hidden; float:none; clear:both; margin:30px auto 20px; height:auto; position:relative;}
.cvbox .right img{ width:340px; height:auto;}
.pvpropics .gor3box{ position:absolute; top:15px; right:10px;}
.pvpropics .gol3box{ position:absolute; top:15px; left:10px;}
}
