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

body, div, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, iframe, input, textarea, select, label, article, aside, footer, header, menu, nav, section, time, audio, video { margin: 0;	padding: 0;}
article, aside, footer, header, hgroup, nav, section, audio, canvas, video {display: block;}
body {	font-size:14px; font-family: "PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;	-webkit-text-size-adjust: 100%;	-ms-text-size-adjust: 100%;webkit-tap-highlight-color: rgba(0,0,0,0);	background-color: #fff; color:#666; line-height:18px;}
textarea {resize: none;}
iframe, img {border: 0;}
ul, ol {list-style: none;}
input, select, textarea {outline: 0;-webkit-user-modify: read-write-plaintext-only;}
/* input { -webkit-appearance: none; } */
a {	text-decoration: none;color: #666;}
a:hover {text-decoration: none;color: #62b15d;}
/* 清理浮动 */
.clearfix {	clear: both;zoom: 1;}
.clearfix:after {content: ".";	display: block;	height: 0;	clear: both;visibility: hidden;}
/* 全局浮动 */
.fl {float: left;}
.fr {float: right;}

.wrapper {	margin: 0 auto;	width: 1200px;}
.wrapper01 { margin:0 40px;}

.top{ background:#de0031; line-height:40px; color:#fff;}
.top font{ font-weight:bold;}
.top em{ font-weight:bold; font-style:normal; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;}
.top a{ margin-left:20px; color:#fff;}


.toper{}
.toper .logo{ padding:14px 0;}
.toper .logo img{ height:42px;}
.toper .icon{ margin-top:24px;}
.toper .icon a{ margin-left:20px; font-weight:900; font-size:15px; color:#555;}
.toper .icon img{ vertical-align:middle; width:17px; margin-right:5px;}


.menuBox {	height: 43px; text-align: center; padding-top:14px;}
.menuBox ul .nli {height: 43px; /*text-indent:-9999px;*/display: inline-block; position: relative;	margin-left: 1px;}
.menuBox ul .nli .na {height: 43px;	background: url(../s/img/nav.png) no-repeat;line-height: 41px;}
.menuBox ul .nli .na {	padding:0px 15px;	text-align: center;	color: #333333;	font-weight: normal;font-size: 15px;font-family: "PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;	font-weight: bold;}
.menuBox ul .nli:hover .na{background-position: -314px -43px;	color: #de0031;	font-weight: normal;font-size: 15px;font-family: "PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;	font-weight: bold;}
.menuBox ul .nli .sub{display: none;}
.menuBox ul .nli:hover .sub{display: block;}
/*子菜单*/
.menuBox ul .sub {display: none;	width: 207px;background: #f5f5f5;position: absolute;padding: 30px 30px; z-index: 100;}
.menuBox ul .nli .sub .sli { display: inline-block;text-align:left;line-height: 25px;	height: 25px;border: 0px;font-weight: normal;}
.menuBox ul .nli .sub .sli .sa {	background: none;height: 24px;line-height: 24px;display: inline;color: #333333;	font-weight: normal;font-size: 14px;}
.menuBox ul .nli .sub .sli .sa:hover {color: #de0031;	text-decoration: none;display: inline;height: 24px;	line-height: 24px;animation-duration: 2s;animation-timing-function: linear;	font-weight: normal;font-size: 14px;}

.menu{ float:right; width:30px; height:30px; background:center center no-repeat transparent; background-image:url(../images/amenuicon.png); display:none; margin-top:18px;}
#menu{ display:none;}


.bannerslide .swiper-slide {background-position: center;background-size: cover;	position: relative;	height: 700px;}
.bannerslide .swiper-slide a {position: absolute;left: 0;top: 0;right: 0;bottom: 0;	display: block;	text-decoration: none;text-align: center;color: #fff;}
.bannerslide .swiper-slide a .con {	margin-top: 52px;}
.bannerslide .swiper-slide a .con .tit {line-height: 48px;font-size: 40px;font-weight: 400;	margin-bottom: 20px;}
.bannerslide .swiper-slide a .con .txt {line-height: 24px;font-size: 14px;font-weight: 400px;}
.paginationw {position: absolute;left: 0px;	text-align: center;	bottom: 40px !important;width: 100%;z-index: 9;}
.swiper-pagination-bullet {	background: #fff;}
.swiper-pagination-bullet-active {background: #ea0000;}
.bannerslide .swiper-button-prev {background: url(../img/arrows.png) no-repeat left top;position: absolute;	left: 10px;	top: 50%;margin-top: -15px;	width: 17px;height: 30px;}
.bannerslide .swiper-button-next {background: url(../img/arrows.png) no-repeat right bottom;position: absolute;right: 10px;	top: 50%;margin-top: -15px;	width: 17px;height: 30px;}


.homebox2 {	background:#f5f5f5; padding-top:70px;padding-bottom:70px; background:#eee url(../images/changrongtxt.png) no-repeat center bottom; background-size:contain;}
.article-block .pageBoxT2 .hometitle, .article-block .pageBoxT2 .hometext {	transform: translate(0px, 50px);-webkit-transform: translate(0px, 50px);opacity: 0;}
.articleShow .pageBoxT2 .hometitle, .articleShow .pageBoxT2 .hometext {	transform: translate(0px, 0px);	-webkit-transform: translate(0px, 0px);	opacity: 1;}
.article-block .pageBoxT2 .hometitle {transition: all 570ms ease-in-out 0s;}
.article-block .pageBoxT2 .hometext {transition: all 770ms ease-in-out 0s;}
.probox2 {padding-top:50px; max-width: 1200px;}
.probox2 .fl{width:44%;}
.h_t_h1{font-size:14px; margin-bottom:20px; text-align:left; font-weight:bold; font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", STHeiti,"WenQuanYi Micro Hei", sans-serif;}
.h_t_h2{ font-size:36px; font-weight:bold; text-align:left; font-weight:900; color:#de0031;font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", STHeiti,"WenQuanYi Micro Hei", sans-serif;}
.h_t_h3{font-size:14px; font-weight:400; text-align:left; margin-top:20px; color:#333;}
.btn_orange { background: #de0031; width: 180px; height: 46px; line-height: 46px; margin: 0 auto; display: block; overflow: hidden; color: #fff; text-align: center; font-size: 0;border-radius:30px;margin-top:30px;}
.btn_orange .label { display: inline-block; vertical-align: middle; font-size: 16px; padding: 0 10px; color:#FFF;font-family:"Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
.btn_orange .ico img { max-width: none;}
.btn_orange .ico { display: inline-block; vertical-align: middle; height: 12px; overflow: hidden; opacity: 0; margin-left: -7px; width: 7px; text-align: right; -webkit-transition: all 0.2s; -moz-transition: all 0.2s;
-o-transition: all 0.2s; transition: all 0.2s;}
.mot2 { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.btn_orange:hover .ico { opacity: 1; width: 15px; margin-left: 0; text-align: right;}
.hometitle { font-size: 36px; font-weight: 900; display: block; width: 100%; font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", STHeiti,"WenQuanYi Micro Hei", sans-serif; margin-bottom: 10px; text-align: center; color: #333333;}
.hometext { font-size: 14px; text-align: center; line-height: 160%; display: block; width: 100%; color: #666;}
.hometext .h_t_tit{ font-size: 24px; margin-bottom: 40px; font-weight:bold; color: #000; text-align:left;}
.hometext .h_t_txt{font-size: 14px; line-height: 160%; color: #666; text-align:left;}
.probox2 .fl{ width:44%;}
.probox2 .fr{ width:50%;}

.homebox3 {	padding-top: 70px;	padding-bottom: 70px;}
.borderradiuss{	border:#e8e8e8 1px solid; padding:5px 15px; display:inline-block; margin-top:5px; border-radius:30px;}



.case-list { border: 1px solid #e8e8e8; transition: all .6s; cursor: pointer;width:calc(24.25% - 2px); float:left; display:block; overflow:hidden; font-size:14px; color:#666; margin-right:0.75%; margin-bottom:20px;}
.case-list:hover { box-shadow: 0 2px 20px rgba(0,0,0,.09);  -webkit-transform: translateY(-12px); transform: translateY(-12px);}
.case-list .text{ padding:20px 30px 25px;font-size:17px; font-weight:bold; color:#de0031;}
.case-list .img img{ width:100%; height:100%;}


.probox2 .item {}
.probox2 .item:hover a {text-decoration: none;}
.probox2 .item .pic {display: block;}
.probox2 .item .pic img {display: block;width: 100%;}
.probox2 .item .info {background: #fff;	padding: 40px 40px;	text-align: left;}
.probox2 .item .info .name {font-size: 18px;color: #333;line-height: 30px;letter-spacing: 0px;width:100%; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.probox2 .item .info .text {color:#de0031; font-size: 14px;line-height: 20px;overflow: hidden;	margin: 0px auto;text-align: left;margin-bottom: 0px;}

.yejit{max-width: 1200px; box-sizing:border-box;}
.yeji{font-size: 14px; text-align: center; line-height: 160%; display: block; color: #666; width:100%; margin:0 auto; margin-top:20px;box-sizing:border-box;}
.yeji font{color:#de0031; font-weight:900;}
.yejimore{width:150px;  height:50px; line-height:50px; text-align:center;  margin:0 auto; margin-top:50px; color:#de0031; border-radius:30px; border:#de0031 1px solid;}

.customer{height:420px; background:#7797c0 url(../images/customerbg.jpg); background-repeat:no-repeat; background-attachment:fixed;}
.customer .cust{text-align:center; color:#FFF; font-size:28px; font-weight:900;}
.customer .line{ width:40px; height:2px; background:#FFF; margin:0 auto; margin-top:20px;}

.homebox_new{ background:#fff; max-width:1600px; width:84%; margin:0 auto;}
.h_t_news{padding-top:30px;}
.h_t_new{padding:10px 20px; border:#CCC 1px solid; background:#FFF; border-radius: 30px;}
.probox03{ margin-top:50px;}
.probox03 li{ float:left; width:23.5%; margin-right:2%; background:#f5f5f5;padding:40px; box-sizing:border-box;}
.probox03 li:nth-child(4){ margin-right:0;}
.probox03 li .tit{font-size:17px; font-weight:bold; padding-bottom:20px; height:28px; margin-bottom:10px; overflow:hidden;}
.probox03 li .time{padding-bottom:20px; color:#999;}
.probox03 li .ppp{display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2; color:#666;}
.probox03 li .more{ text-align:right;}
.roundsa { width:20px; height:20px;background: #de0031; color: #FFF;font-size: 14px;text-align: center; margin-top: 30px; font-weight: bold; line-height: 18px; display: inline-block; margin-right:5px; border-radius: 30px;}

.probox5{max-width: 1600px; width: 84%;}

.video{ background:#f5f5f5;}
.video .videoo{width:1200px; height:260px; margin:0 auto;}
.video .videoo .vv{position:absolute}
.video .video_fl{width:50%; float:left; display:block; overflow:hidden;}
.video .video_fl iframe{width:600px; height:420px;}
.video .video_fr{width:50%; float:left; display:block; overflow:hidden; font-size:14px; color:#666; height:420px; box-sizing:border-box;}
.video .video_fr .vid_padd{ background:#fff; padding:70px 50px; height:320px;}
.pageBoxT3 .hometitle{ text-align:left; margin-bottom:20px;}
.pageBoxT3 .hometext{ text-align:left;}
.pageBoxT3 .more{width:150px;  height:44px; line-height:44px; text-align:center;  margin-top:40px; border-radius:30px; border:#de0031 1px solid;}
.pageBoxT3 .more a{ color:#de0031;}
.probox4{ width:1200px; padding-top:40px;}
.video02{}
.video02 li{ float:left; width:392px; margin-right:12px;}
.video02 li:nth-child(3){ margin-right:0;}
.video02 li .img{}
.video02 li .img img{ width:100%; height:100%;}
.video02 li .txt{padding:40px;font-size:17px; font-weight:bold; background:#fff;}
.video .more01{width:150px;  height:44px; line-height:44px; text-align:center;  margin:0 auto; margin-top:40px; color:#de0031; border-radius:30px; border:#de0031 1px solid;}

.homebox6 {background: #333333;	padding: 70px 0;}
.homebox6 .erwm {float: right;display:inline-block; text-align:center; font-size:13px;}
.homebox6 dl {	float: left;font-size: 14px;color: #fff;width: 12%;}
.homebox6 dl:nth-child(1){ width:15%;}
.homebox6 dl:nth-child(4),.homebox6 dl:nth-child(5){ width:17%;}
.homebox6 dl:last-child{ width:15%;}
.homebox6 dl dt {padding-bottom: 10px;color: #FFF;font-weight: bold;}
.homebox6 dl dd{ height:24px; overflow:hidden;}
.homebox6 dl dd a {	color: #bababa;	line-height: 160%;}
.homebox6 .white {color: #fff;	margin-top: 20px;}
.homebox6 .q1 {	background: url(../img/salestel.png) no-repeat left center;}
.homebox6 .q2 {	background: url(../img/renshi.png) no-repeat left center;}
.homebox6 .aa {	padding-left: 24px;}
.homebox6 .contact {width: 30%;}
.footer {background-color: #333333;	padding: 30px 0 40px 0;	color: #fff;font-size: 14px;line-height: 160%;}
.footer .fotmenu {border-bottom: #ccc 1px solid;padding: 19px 0 30px 0;}
.footer .fotmenu ul li {float: left;padding-right: 20px;}
.footer .fotmenu ul li a {color: #bababa;}
.footer .foot {	margin-top: 20px;}
.footer .foot ul li {float: left;background: #de0031;padding: 8px 20px;	margin-left: 10px;}
.footer .foot ul li a{ color: #fff;}


.inbanner{height:380px; background:#7797c0 url(../images/inbanner.jpg); background-repeat:no-repeat; background-attachment:fixed; background-size: contain;}
.inbanner .title{text-align:center; color:#FFF; font-size:28px; font-weight:900; padding-top:100px;}
.inbanner .line{ width:40px; height:2px; background:#FFF; margin:0 auto; margin-top:20px;}

.comslide{position:relative; top:-48px; text-align:center; }
.comslide li{ line-height:48px; display:inline-block; background:#bb0029; border-radius:10px 10px 0 0; margin-right:2px;}
.comslide li.on{ background:#de0015;}
.comslide li a{ color:#fff; padding:0 40px; font-size:14px;}
 
.intit{ border-bottom:1px #ccc solid; color:#333; padding:0 0 10px 0; font-weight:bold;}
.intit span{ float:right; color:#666; font-weight:normal;}

.in{ padding:30px 0;}

.invideo{}
.invideo li{ float:left; margin:20px 1%; width:31.3%; transition: all .6s;}
.invideo li:hover{ box-shadow: 0 2px 20px rgba(0,0,0,.09);  -webkit-transform: translateY(-12px); transform: translateY(-12px);}
.invideo li .img{}
.invideo li .img img{ width:100%;}
.invideo li h1{ background:#eee; padding:20px; text-align:center; font-size:16px; height:44px;}

.news{}
.news li{ border-bottom:1px #ccc solid; padding:30px 0;}
.news li:last-child{ border-bottom:none;}
.news li .img{ width:25%;}
.news li .text{ width:73%; padding-top:20px;}
.news li:nth-child(2n) .text{ width:72%;}
.news li .text .time{ float:left;  margin-right:3%; font-size:18px;}
.news li .text .time h3{ font-weight:normal; font-size:12px; margin-top:5px;}
.news li .text .tt{}
.news li .text .tt h2{ color:#000; font-size:16px; margin-bottom:5px; font-weight:normal; height:20px; overflow:hidden;}
.news li .text .tt p{ color:#888; font-size:13px; height:20px; overflow:hidden;}

.pro{ background:#f5f5f5; padding:40px 0;}
.pro .proslide{ width:220px; text-align:center; background:#fff; padding:30px 20px;}
.pro .proslide h2{ background:#de0031; margin-bottom:10px; color:#fff; border-radius:20px; padding:10px;}
.pro .proslide ul li{ border:1px #F00 dashed; border-radius:20px; height:36px; line-height:36px; overflow:hidden; margin:5px 0; -webkit-transition: all .2s; transition: all .2s;}
.pro .proslide ul li a{ font-size:14px; display:block;-webkit-transition: all .2s; transition: all .2s;}
.pro .proslide ul li:hover{ background:url(../images/probg.jpg);}
.pro .proslide ul li:hover a{ color:#fff;}
.pro .proslide ul li.on{ background:url(../images/probg.jpg);}
.pro .proslide ul li.on a{ color:#fff;}
.pro .proslide ul li.class02{ background:#f1f1f1; border:0; border-radius:20px; margin-bottom:2px; margin-top:0;}
.pro .proslide ul li.class02 a{ font-size:13px;}
.pro .proslide ul li.class02.on{ background:#ccc;}
.pro .proslide ul li.class02:hover a,.pro .proslide ul li.class02.on a{ color:#333;}
.pro .promain{ width:900px;}
.pro .promain .product{ margin-top:30px;}
.pro .promain .product li{ float:left; width:31%; margin-right:3%; margin-bottom:20px;border: 1px solid #e8e8e8; transition: all .6s;} 
.pro .promain .product li:hover{box-shadow: 0 2px 20px rgba(0,0,0,.09);  -webkit-transform: translateY(-12px); transform: translateY(-12px);}
.pro .promain .product li:nth-child(3n){ margin-right:0;}
.pro .promain .product li .img{}
.pro .promain .product li .img img{ width:100%;}
.pro .promain .product li .pro_p{ height: 40px; background:#fff; padding:20px; }
.pro .promain .product li .text{font-size: 17px; font-weight: bold; color: #de0031;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow:ellipsis;overflow: hidden;}


.com1{ padding:50px 0;}
.com1 .fl{ }
.com1 .fl h1{ color:#e6e6e6; font-size:36px; text-transform:uppercase; font-weight:bold;font-family: "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
.com1 .fl h2{ font-size:20px; font-weight:normal; margin-top:30px; margin-bottom:50px; color:#333; line-height:24px;}
.com1 .fl p{ line-height:28px; color:#666;}
.com1 .img{ width:700px;}
.com2{ background:#f4f4f4; padding:50px 0;}
.com2 li{ margin-bottom:60px; padding-left:105px;}
.com2 li.li01{ background:url(../images/icona.png) no-repeat left 5px;}
.com2 li.li02{ background:url(../images/iconb.png) no-repeat left 5px;}
.com2 li.li03{ background:url(../images/iconc.png) no-repeat left 5px;}
.com2 li.li04{ background:url(../images/icong.png) no-repeat left 5px;}
.com2 li h3{ color:#de0031; font-size:18px; margin-bottom:10px;}
.com2 li p{ color:#666; font-size:13px; line-height:20px;}
.com2 li:last-child{ margin-bottom:0;}
.com3{ padding:50px 0; text-align:center;}
.com3 h1{ color:#f00024; font-size:36px;}
.com3 p{ color:#333; margin:auto; margin-top:20px; width:1200px;}
.com3 .com_app{ margin-top:40px;}
.com3 .com_app li{ float:left; width:31%; margin-right:3%; cursor:pointer;}
.com3 .com_app li:nth-child(3){ margin-right:0;}
.com3 .com_app li .img{ position:relative;}
.com3 .com_app li .img img{ width:100%;}
.com3 .com_app li .img em{display: block; border: 1px solid rgba(255,255,255,.6); width: calc(100% + 20px); height: calc(100% + 20px); position: absolute; top: -10px; left: -10px; -webkit-transition: all .2s; transition: all .2s;}
.com3 .com_app li:hover .img em{ width: calc(100% - 22px); height: calc(100% - 22px); top: 10px; left: 10px; }
.com3 .com_app li .info{ background:#f6f6f6; padding:20px 0; -webkit-transition: all .2s; transition: all .2s;}
.com3 .com_app li .info .name{ color:#f00024; font-size:16px;}
.com3 .com_app li .info .ppp{ color:#666; margin-top:5px; padding:0 20px;}
.com3 .com_app li:hover .info{ background:#eee;}
.com4{ padding:50px 0; background:#eee;}
.com4 .com4_tit{ text-align:center; font-size:32px; color:#fff;}
.com4 .com4_tit span{ background:#f00024; padding:10px 30px; border-radius:0 20px 0 20px; display:inline-block; line-height:32px;}
.com4 .com4_p{ text-align:center; margin:20px 0; font-size:16px;}
.com4 .fac01{ margin:20px 0;}
.com4 .fac01 img{ width:100%;}
.com4 .fac02{}
.com4 .fac02 li{ float:left; width:31%; margin:15px 1.1%}
.com4 .fac02 li img{ width:100%;}

.hon01{ text-align:center; background:#f4f4f4; border-radius:20px; padding:50px;}
.hon02{ margin-top:50px;}
.hon02 li{ float:left; width:24%; margin-right:1.3%;}
.hon02 li:nth-child(4){ margin-right:0;}
.hon02 li img{ width:100%; border:1px #ccc solid; padding:8px; box-sizing:border-box;}
.hon03{ background:#f4f4f4; border-radius:20px; padding:50px; margin-top:50px;}
.hon03 li{ float:left; width:46%; margin:0 2%;}
.hon03 li img{ width:100%;}

.culture{}
.culture li{ float:left; width:32%; margin-right:1.6%; margin-bottom:40px;}
.culture li:nth-child(3n){ margin-right:0;}
.culture li .img{ width:100%; text-align:center; background:#f1f1f1; padding-top:20px; box-sizing:border-box;}
.culture li .txt{ background:#f1f1f1; text-align:center; padding:15px;}

.contact{}
.contact h1{ text-align:center; color:#bb0029; margin-bottom:30px;}
.contact .cont01{ text-align:center;}
.contact .cont01 li{ line-height:36px; font-size:16px; color:#666;}
.contact .cont01 li img{ width:26px; vertical-align:middle; margin-right:5px;}
.contact .cont02{ margin-top:30px;}
.contact .cont02 li{ float:left; width:50%; border-right:1px #ccc solid; box-sizing:border-box; padding:50px; border-bottom:1px #ccc solid; font-size:16px; height:180px; color:#666; cursor:pointer; text-align:center; line-height:28px; background:#f9f9f9;}
.contact .cont02 li:hover{ background:#eee;}
.contact .cont02 li:nth-child(2n){ border-right:none;}
.contact .cont02 li:nth-child(3),.contact .cont02 li:nth-child(4){ border-bottom:none;}
.map{ margin-top:50px;}

.table{}
.table td{ padding:10px; line-height:24px;}
.table td:first-child{ font-weight:bold;}
a.link12b{ background:#666; padding:10px 20px; border-radius:20px; color:#fff; margin:10px 0; display:inherit;}
a.link12b:hover{ background:#de0015;}

.proshow img{ margin-top:20px;}
.proshowtit{ font-size:22px;}

.shigeimg{ margin-top:30px;}
.sgtit{ border-left:5px #F00 solid; background:#ddd; color:#333; font-size:16px; font-weight:bold; line-height:48px; padding-left:20px;}
.sgul{}
.sgul li{ text-align:center; padding:10px 0; float:left; width:23%; margin-right:1%; background:#f6f6f6; box-sizing:border-box; margin:10px 1.1% 10px; transition:all 0.3s}
.sgul li a{ transition:all 0.3s;}
.sgul li:hover{ background:#F00;}
.sgul li:hover a{ color:#fff;}
.sgul li:nth-child(4n){ margin-right:0;}
.caselist{ margin-top:20px;}
.caselist li{ float:left; width:23%; margin:20px 1%;}
.caselist li .img{}
.caselist li .img img{width:100%}
.caselist li .name{ background:#f6f6f6; padding:10px; font-size:16px; color:#333;}
.caselist li .name span{ display:block; font-size:12px; color:#999;}
/*20210923*/

.protable { width: 100%; margin-bottom: 20px; color: #333; }
.protable th { font-size: 14px; line-height: 30px; padding: 5px 10px; background: #f5f5f5 }
.protable td { font-size: 14px; line-height: 30px; padding: 5px 10px; text-align:center;}
.protable tr:nth-child(2n) td { background: #f1f1f1; }

.tableImg{width: 100%; margin-bottom: 20px; color: #333; }
.tableImg img{display: block;width: 100%;margin: 0 auto !important;}
.tableImg td{text-align:center;}
.tableImg th{ font-size: 14px; line-height: 30px; padding: 5px 10px; text-align:center;}

.product .proshow div{line-height: 24px;margin-bottom: 20px;}
.proTips{font-size: 16px;font-weight: bold;text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);}
.proshow{table-layout: fixed}

@media (max-width: 1200px) {
.wrapper { width:98%;}
.wrapper01 { width:98%; margin:0 auto;}
.toper .icon{ display:none;}
.bannerslide .swiper-slide{ height:500px;}	
.inbanner{ height:300px;}
.probox2{ width:98%; margin:0 auto; padding-top:0;}	
.probox4{ width:98%; margin:0 auto;}
.video02{ margin-top:30px;}
.video02 li{ width:32%; margin-right:1.7%;}
.video02 li:nth-child(3){ margin-right:0;}
.homebox_new{ width:96%;}
.probox03 li{ padding:20px;}
.probox03 li .tit{}
.probox03 li .tit a{ font-size:16px;}
.probox03 li .time{ font-size:13px;}
.probox5{ padding-top:40px;}
.com1 .fl{ width:48%;}
.com1 .fl h2{ margin-bottom:20px;}
.com1 .img{ width:50%;}
.com1 .img img{ width:100%;}
.culture li .img img{ width:100%;}
.pro .proslide{ width:23%; margin-right:3%; box-sizing:border-box;}
.pro .promain{ width:74%;}
.sgul li{ width:31%;}
.sgul li:nth-child(3n){ margin-right:0}
.sgul li:nth-child(4n){ margin-right:1.1%}
.com3 p{ width:96%;}
.contact h1{ font-size:22px;}
}


@media (max-width:800px) {
	.menuBox ul .nli span{display: none;}
.top{ font-size:12px;}
.toper .logo.fl{ float:none; text-align:center;}
.toper .logo img{ height:auto;}
.menuBox{ padding-top:0;}
.menu{ display:block;}
.probox03 li{ width:48%;}
.probox03 li:nth-child(3),.probox03 li:nth-child(4){ display:none;}
.bannerslide .swiper-slide{ height:350px;}	
.inbanner{ height:215px; background-size:100% 100%;}
.inbanner .title{ padding-top:50px; font-size:26px;}
.comslide{ top:-36px;}
.comslide li{ line-height:36px;}
.hometext .h_t_txt{ font-size:13px;}
.h_t_h2{ font-size:30px;}
.hometitle{ font-size:30px;}
.hometext{ font-size:13px;}
.case-list .text{ font-size:15px; padding:15px;}
.btn_orange .label{ font-size:14px;}
.invideo li{ width:48%;}
.contact .cont02 li{ padding:50px 20px;}
.contact .cont02 li br{ display:none;}
.com1 .fl{ width:100%;}
.com1 .img{ width:100%;}
.com3 .com_app li .info .ppp{ display:none;}
.news li .img img{ width:100%;}
.pro .proslide{ padding:20px 10px; width:28%;}
.pro .proslide ul li{ padding:5px 0;}
.pro .proslide ul li a{ font-size:13px;}
.pro .promain{ width:69%;}
.pro .promain .product li{ width:46%; margin-right:5%;}
.pro .promain .product li:nth-child(2n){ margin-right:0;}
.pro .promain .product li:nth-child(3n){ margin-right:5%;}
.pro .promain .product li:nth-child(6n){ margin-right:0;}
.pro .promain .product li .text{ font-size:14px; padding:10px;}
.proshow img{ width:100%;}
.proshowtit{ font-size:18px;}
.yjimg img{ width:100%;}
.video .videoo{ width:100%;}

.tableBox{width: 100%;overflow-x: scroll;}
}

@media (max-width:420px) {
body{ font-size:12px;}
.top{ font-size:12px;}
.top .fl{ text-align:center; width:100%;}
.top .fr{ display:none;} 
.menuBox{ height:86px;}
.menuBox ul .nli{ width:25%; padding:0; margin-left:0; display:inline; float:left;}
.menuBox ul .nli .na{ font-size:13px;}
.menuBox ul .nli:hover .sub{display: none;}
.bannerslide .swiper-slide{ height:230px;}	
.paginationw{ bottom:20px !important;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px;}
.homebox2{ padding:30px 0 50px;}
.homebox3 .hometext{}
.probox2 .fl,.probox2 .fr{ width:100%;}
.article-block .pageBoxT2 .hometext{ margin-top:30px;}
.case-list{ width:48.5%;}
.none{ display:none;}
.video .video_fl{ float:none; width:100%;}
.video .video_fr{ float:none; width:100%;}
.video02 li{ width:49%; margin-bottom:5px; margin-right:2%}
.video02 li:nth-child(2){ margin-right:0;}
.video02 li:nth-child(3){ display:none;}
.video02 li .txt{ padding:15px; font-size:14px; font-weight:normal; text-align:center;}
.probox03 li{ width:100%; margin-bottom:5px;}
.probox03 li:nth-child(3),.probox03 li:nth-child(4){ display:none;}
.homebox6{ padding:30px 0;}
.homebox6 dl:nth-child(2),.homebox6 dl:nth-child(3),.homebox6 dl:nth-child(4),.homebox6 dl:nth-child(5),.homebox6 dl:nth-child(6){ display:none;}
.homebox6 dl:last-child{ float:right;}
.homebox6 dl:nth-child(1){ display:none;}
.homebox6 dl:last-child{ margin:0 auto; width:100%;}
.homebox6 .erwm{ float:none; display:block;}
.foot .fl{ font-size:12px;}
.foot .fl span{ display:none;}
.footer .foot{ margin-top:0;}
.footer{ padding:0 0 20px 0;}
.footer .foot ul li{ padding:3px 10px; margin-top:-20px;}
.footer .foot ul li a{ font-size:12px;}
.footer .fotmenu{ display:none;}
.invideo li{ width:98%;}
.table td{ font-size:12px; line-height:20px;}
.contact h1{ font-size:24px;}
.contact .cont01 li{ font-size:14px;}
.contact .cont02 li{ font-size:14px; width:100%; height:auto;}
.contact .cont02 li br{ display:block;}
.contact .cont02 li:nth-child(1),.contact .cont02 li:nth-child(3){ border-right:none}
.contact .cont02 li:nth-child(3){ border-bottom:1px #ccc solid;}
.comslide li a{ padding:0 15px;}
.com1{ padding-top:0;}
.com1 .fl h1{ font-size:32px;}
.com1 .fl p{ line-height:24px;}
.com1 .fl h2{ font-size:18px; margin-top:10px;}
.com1 .img{ margin-top:30px;}
.com2 li{ text-align:center; background-position:top center; padding-left:0; padding-top:60px;}
.com2 li.li01{ background:url(../images/icona.png) no-repeat top center;}
.com2 li.li02{ background:url(../images/iconb.png) no-repeat top center;}
.com2 li.li03{ background:url(../images/iconc.png) no-repeat top center;}
.com2 li.li04{ background:url(../images/icong.png) no-repeat top center;}
.com3 h1{ font-size:28px;}
.com3 .com_app li{ width:98%; margin:0 1%;}
.com4 .com4_tit{ font-size:24px;}
.com4 .fac02 li{ width:48%;margin:5px 1%;}
.hon01{ padding:10px;}
.hon01 img{ width:100%;}
.hon02{ margin-top:20px;}
.hon02 li{ width:48%;}
.hon03{ padding:10px; margin-top:20px;}
.culture li{ width:48%;}
.culture li .img{ padding-top:0;}
.news li{ padding:20px 0;}
.news li .img,.news li .text .time{ display:none;}
.news li .text{ width:98%; padding-top:0;}
.pro .proslide{ width:100%;}
.pro .proslide ul li{ float:left; width:48%; margin-right:4%; box-sizing:border-box;}
.pro .proslide ul li:nth-child(2n){ margin-right:0;}
.pro .promain{ width:100%; margin-top:30px;}
.pro .promain .product li .text{ font-weight:normal; font-size:12px;}
.proshowtit{ font-size:16px;}
.ke-zeroborder td{ font-size:11px;}
.sgul li{ width:100%; margin:5px 0;}
.caselist li{ width:48%; margin:5px 1%;}
.caselist li .name{ font-size:14px;}
input.txt{ width:100px; height:18px;}
.inbanner{ height:185px; background-attachment:inherit;}
.video .videoo{ height:520px;} 
.video .videoo .vv{ position:inherit;}
.video .video_fl iframe{ width:100%; height:250px;}
.contact h1{ font-size:18px; line-height:24px;}
}