@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: 100%; 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; font-size:13px; }
textarea { resize:none;}
iframe, img {border: 0;}
ul, ol,li { list-style: none;}
input, select, textarea {outline: 0; -webkit-user-modify: read-write-plaintext-only;}
input::-webkit-input-placeholder{ color:#333; }
input::-moz-placeholder{ color:#333;}
input:-moz-placeholder{ color:#333;}
input:-ms-input-placeholder{ color:#333;}

a {text-decoration: none;color: #666;}
a:hover { 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; box-sizing:border-box;}
.wrapper01 { padding:0 40px;}


.top{ height:40px; line-height:40px; color:#fff; background:#fe0000;}
.top .toper{}
.top .toper em{ font-style:normal; margin-right:20px;}
.top .toper font{ color:#ccc; margin:0 12px;}
.top .toper a{ color:#fff;}

.head{}
.head .logo{ margin-left:40px; padding:10px 0 0; width:40%; box-sizing:border-box;}
.head .logo img{ height:60px;}
.head .frr{ line-height:75px; float:right; box-sizing:border-box;}
.head .frr .hotline{ border-right:1px #eee solid; padding-right:40px;}
.head .frr .hotline span.red{font-weight:bold; color:#fe0000; margin-left:10px;}
.search-input{ border:none; padding:0 30px; color:#333;}
.search-button{background:#333 url(../images/search.jpg) repeat center center; height:75px; width:80px; text-indent:999px; border:none;}

.menu{background:#eeeeee url(../images/menubga.jpg) repeat center center; border-top:#d9d9d9 1px solid; height:60px; overflow:hidden;}
.cont{ position:relative;}
.cont .contact{ position:absolute; background: #e4e4e4; width:130px; height:40px; left:-130px; top:0px; padding-top:20px; text-align:center;}
.cont .contact a{ font-size:14px; font-weight:bold;}
.cont .contact a span{ font-size:20px;}
 

.bannerslide .swiper-slide {background-position: center;background-size: cover;position: relative;height: 600px;}
.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: 0;text-align: center;bottom: 70px !important;width: 100%;z-index: 9;}
.swiper-pagination-bullet {	background: #fff;}
.swiper-pagination-bullet-active {background: #fe0000;}
.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;}

.homebox{ background: #f5f5f5; padding-top: 50px;	padding-bottom: 70px;}
.homebox.homebox2{ background:#fff;}
.hometitle {font-size: 24px;font-weight: bold;display: block;width: 100%;font-family: "PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;margin-bottom: 10px;text-align: center;	color: #fe0000;}
.hometitle .line{width:38%; display: inline-block; border-top:#ddd 1px solid; height:10px;}
.hometitle .title{width:22%; display:inline-block;text-align:center;}
.hometext {	font-size: 14px;text-align: center;	line-height: 160%;display: block;width: 100%;color: #666;}
.homeli{ margin-top:50px;}
.homeli li{ float:left; width:28%; text-align:center; color:#666;}
.homeli li .img{ margin-bottom:40px;}
.homeli li .img img{ width:56px; height:50px;}
.homeli li .tit{font-size:20px; font-weight:bold; margin-bottom:10px;}
.homeli li .text{ font-size:14px; line-height:160%;}
.homeli li.linwid{ width:8%;}
.homeli li.linwid span{ width:50%;border-right:#ddd 1px solid; height:100px; margin-top:80px; display:block;}

.homebox.homebox3{background:url(../images/bla.jpg) repeat center center;}
.homebox3 .hometitle{ margin-bottom:20px; }
.homebox3 .hometext{}
.homebox3 .hometext li{ display:inline-block; padding:6px 17px; border:#CCC 1px solid; line-height:20px; margin-bottom:3px;} 
.homebox3 .hometext li:first-child{ background:#fe0000; border:none;}
.homebox3 .hometext li:first-child a{ color:#FFF;}
.swiper-container.probox2{ padding-top:50px; padding-bottom:30px;}
.probox2 .item {}
.swiper-slide.swiperbor{border-bottom:#e1e1e1 1px solid; border-right:#e1e1e1 1px solid;}
.probox2 .item:hover a {text-decoration: none;}
.probox2 .item .pic {display: block;}
.probox2 .item .pic img {display: block;width: 100%;}
.probox2 .item .info {padding: 15px 40px;text-align: center;background:#f2f2f2 url(../images/probackbg.png) repeat center center;}
.probox2 .item .info .name {font-size: 18px;color: #333;line-height: 30px;margin-top: 20px;	letter-spacing: 2px; font-weight:bold; color:#fe0000;}
.probox2 .item .info .text {font-size: 14px;color: #777;line-height: 20px;height: 56px;	overflow: hidden;margin: 20px auto;	margin-top: 10px;text-align: center;margin-bottom: 0px;}
.probox2 .item .info .text span{width:100px; height:30px; display:inline-block; line-height:30px; border:#ccc 1px solid; color:#6c6f73; font-size:13px; margin:0 auto;}

.service{}
.service .fl{background: url(../images/customerservice.jpg) no-repeat center center; background-size:100% cover; width:50%; height:600px;}
.service .content{background:#fe0000 url(../images/customerbg.jpg) no-repeat center left; width:50%; height:600px; color:#fff;}
.service .content .cont{width:450px; padding-left:120px; display:block; float:left; margin-top:130px;}
.service .content .cont .line{ height:3px; margin-bottom:10px;}
.service .content .cont .tt{ font-size:13px;}
.service .content .cont .line span{width:16px; height:3px; background:#fff; display:block;}
.service .content .cont h2{font-size:36px; padding-bottom:20px; padding-top:30px;}
.service .content .cont p{line-height:160%; font-size:14px; padding-bottom:40px;}
.service .content .cont .more{width:140px; height:40px; border:#FFF 1px solid; line-height:40px; text-align:center;}
.service .content .cont .more a{ color:#fff; font-size:14px;}

.homebox.homebox4{background:#eee url(../images/bla.jpg) repeat center top;}
.probox21 {	padding-top: 30px !important;padding-bottom: 30px !important;}
.probox21 .item {}
.probox21 .item:hover a {text-decoration: none;}
.probox21 .item .pic {display: block; webkit-filter: contrast(120%);filter: contrast(120%);	-webkit-filter: grayscale(100%);   -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);filter: grayscale(100%);}
.probox21 .item .pic:hover {display: block;	-webkit-filter: grayscale(0%);  -moz-filter: grayscale(0%);  -ms-filter: grayscale(0%);  -o-filter: grayscale(0%); filter: grayscale(0%); box-shadow: 0 12px 10px rgba(80,80,80,.1); animation-delay: 0.2s;transition: all .36s ease;}
.probox21 .item .pic img {display: block;width: 100%;}
.probox21 .item .info {	background: #f5f5f5;padding: 15px 40px;	text-align: center;}
.probox21 .item .info .name {font-size: 18px;color: #333;line-height: 30px;	margin-top: 20px;letter-spacing: 2px;}
.probox21 .item .info .text {font-size: 14px;color: #777;line-height: 20px;	height: 56px;overflow: hidden;margin: 20px auto;text-align: center;	margin-bottom: 0px;}
.homebox4 .more{ text-align:center; margin-top:20px;}
.homebox4 .more a{ background:#fe0000; color:#FFF; padding:10px 20px; font-size:14px;}

.probox3{ padding-top:30px;}
.probox3 li{ float:left; width:32%; background:#f5f5f5; margin-right:2%; padding:40px; box-sizing:border-box;}
.probox3 li:nth-child(3){ margin-right:0;}
.probox3 li .img{ text-align:right;margin-bottom:20px;}
.probox3 li .biaoti{padding-bottom:15px; font-size:17px; color:#666;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 1;}
.probox3 li .ppp{display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2; font-size:14px;}
.probox3 li .mor{ text-align:right; font-size:14px;}
.probox3 li .mor span{background:#fe0000; color:#FFF; font-size:14px; width:17px; height:17px; border-radius:9px; text-align:center; margin-top:30px; font-weight:bold; line-height:17px; display:inline-block; margin-right:5px;}

.homebox7{height:450px; background:#7797c0 url(../images/application.jpg) no-repeat center center; background-attachment:fixed;}
.homebox7 .tti{text-align:center; color:#FFF; font-size:30px; font-weight:900; padding-top:270px;}
.homebox7 .tpp{text-align:center; color:#FFF; font-size:14px; text-transform:uppercase;}
.homebox06 {padding: 50px 0;background: #f5f5f5;}
.homebox06 .box {text-align: center;width: 100%;margin: 50px auto;padding: 70px 0 40px;border: #CCC 1px solid;}
.homebox06 .box p {	font-size: 14px;color: #666;line-height: 24px;margin-bottom: 30px;}
.homebox06 .box .list {width: 700px;margin: 0 auto;}
.homebox06 .box .list li {width: 20%;float: left;margin-bottom: 20px;font-size: 12px;	color: #666;}
.homebox06 .box .list li img {	display: block;	margin: 0 auto 10px;}
.huobanswiper {	width: 1000px;	margin: 0 auto;}
.huobanswiper span { display: block;	font-size: 12px; color: #000;}
.swiper-container1 { width: 100%; height:100%; overflow:hidden; }
.swiper-container1 .swiper-slide .swiperimg { display: block;}
.swiper-container1 .swiper-slide {	background:none;}
.swiper-container1 .swiper-slide .item  img { display: block; width: 100%;}
.swiper-container1 .swiper-slide .item .pic {display: block;}

.homebox6 {	background: #f2f2f2;padding: 70px 0 0;}
.homebox6 .erwm {float: left;}
.homebox6 dl {	float: left;font-size: 14px;color: #666;width: 16%;}
.homebox6 dl dt {padding-bottom: 10px;	color: #fe0000;	font-weight: bold;}
.homebox6 dl dd a {	color: #666;line-height: 160%;}
.footer {	background-color: #f2f2f2;	padding: 30px 0 40px 0;	color: #666;font-size: 14px;line-height: 160%;}
.footer .fotmenu {	border-bottom: #dddddd 1px solid;padding: 19px 0 30px 0;}
.footer .fotmenu .fr{}
.footer .fotmenu .fr img{ width:13px; height:13px; padding-right:10px;}
.footer .fotmenu ul li {float: left;padding-right: 20px;}
.footer .fotmenu ul li a {	color: #666;}
.footer .foot {	margin-top: 20px;}
.footer .foot ul li {float: left;background: #fe0000;padding: 8px 20px;	color: #fff;margin-left: 10px;}


.inbanner{height:320px; background:#7797c0 url(../images/inbanner.jpg) no-repeat center center; background-attachment:fixed;}

.main{}
.main .mainbox{ border:1px #ccc solid; position:relative; top:-50px; padding:50px;}
.main .mainbox .bigtit{ text-align:center; position:relative; top:-60px;}
.main .mainbox .bigtit span{ background:#fe0000; color:#fff; font-size:16px; padding:15px 30px;}
.main .mainbox .maintxt{ margin-top:20px; line-height:24px; color:#666;}

.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; margin-top:30px;}
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width: 98%; height: 160px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #fff; margin-bottom: 20px; box-sizing:border-box; }
.messagetarea:focus { color: #333; border: 1px solid #3498db; outline: none; box-shadow: 0 0 5px #3498db; background: #fff; }
.messageinput { width:245px; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 18px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #fff; margin-bottom: 20px; }
.messageinput:focus { color: #333; border: 1px solid #3498db; outline: none; box-shadow: 0 0 5px #3498db; background: #fff; }
.messagebtn { width: 200px; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #b52323; color: #fff; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 350px; color: #fff; background: #e90c0c; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }

.anli{}
.anli li{ float:left; width:23%; margin:10px 1%;}
.anli li .img{}
.anli li .img img{ width:100%;}
.anli li .info{ text-align:center; margin:10px 0;}

.mainprobox{ padding:30px 0;}
.mainprobox .proslide{ width:23%;}
.mainprobox .proslide h3{ background:#F00; color:#fff; text-align:center; font-size:15px; line-height:56px;}
.mainprobox .proslide ul{ margin-top:8px;}
.mainprobox .proslide ul li{ background:#eee; line-height:42px; margin-bottom:3px; padding:0 20px;}
.mainprobox .proslide ul li a{ font-size:14px;}
.mainprobox .proslide ul li.on,.mainprobox .proslide ul li:hover{ background:#666; border-left:5px #F00 solid;}
.mainprobox .proslide ul li.on a,.mainprobox .proslide ul li:hover a{ color:#fff;}
.mainprobox .proslide ul li a span{ float:right; color: #aaa;  font-size: 14px; width: 17px; height: 17px; border-radius:9px; text-align: center; margin-top:12px; font-weight: bold;
line-height: 17px; display: inline-block;}
.mainprobox .proslide ul li.on a span,.mainprobox .proslide ul li:hover a span{ background:#F00; color:#fff;}
.mainprobox .procontent{ width:73%; border:1px #ddd solid; box-sizing:border-box;}
.mainprobox .procontent .protit{ background:#ddd; line-height:46px; padding-left:20px; color:#000;}
.mainprobox .procontent .promain{ padding:30px; line-height:24px; color:#666;}
.promain ul li{ float:left; width:31%; margin-right:3.2%; margin-bottom:30px;}
.promain ul li:nth-child(3n){ margin-right:0;}
.promain ul li .img{ border:1px #eee solid;}
.promain ul li .img img{ width:100%;}
.promain ul li .info{ background:#eee; text-align:center; padding:10px;}
.promain ul li .info .name{}


.newsmain{}
.promain.newsmain ul li{ width:100%; border-bottom:1px #eee solid; padding:10px 0; margin-bottom:20px;}
.promain.newsmain ul li .bigtit{adding-bottom: 15px; font-size: 17px; color: #666; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 1; margin-bottom:10px;}
.promain.newsmain ul li .ppp{display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2;}

.company{ line-height:24px;}

.incontact li {float: left;width: 50%; border-right: 1px #ccc solid; box-sizing: border-box; padding: 50px; border-bottom: 1px #ccc solid; font-size: 16px; color: #666; cursor: pointer;
 text-align: center; line-height:42px; background: #f9f9f9;}
.incontact li:hover{ background:#eee;}
.incontact li:nth-child(2n){ border-right:none;}
.incontact li:nth-child(3),.incontact li:nth-child(4){ border-bottom:none;}
.incontact li img{ width:24px; vertical-align:middle; margin-right:5px; display:inline !important;}
.map{ margin-top:50px;}

.inhonor{}
.inhonor li{ float:left; width:20%; padding:20px; box-sizing:border-box;}
.inhonor li img{ width:100%; border:1px #eee solid;}
.inhonor li span{ text-align:center; width:100%; display:inline-block; background:#eee; margin-top:3px; line-height:36px; height:36px; overflow:hidden;}

.ptit{ margin-bottom:10px;}
.ptit span{ background:#F00; padding:10px 20px; display:inline-block; color:#fff; font-size:15px; font-weight:bold; border-radius:20px 0;}
.main .mainbox .maintxt p strong{ color:#333; margin:10px 0 5px; display:inline-block; font-size:15px; }
/*.main .mainbox .maintxt img{ padding:10px; display:block;}*/

.ke-zeroborder td{ height:32px; line-height:32px;}

.main .mainbox .maintxt.honortxt img{ padding:0;}
.main .mainbox .maintxt.company img{ width:100%;}

.comimg{}
.comimg li{ float:left; width:32.6%; margin-right:1%;}
.comimg li:nth-child(3n){ margin-right:0;}
.comimg li img{ width:100%;}

.customer{width:1200px; height:370px; margin:0 auto;}
.customer .customer2{position:absolute; width:1200px;}
.customer .customer2 .customer3{position:relative; top:-170px;}
.hometext.cust{text-align:center; width:1000px; margin:0 auto; margin-bottom:40px;}
.hometext.cust .redbig{ position:absolute; width:1000px;}
.hometext.cust .red{position:relative; top:-145px;}

.menuBox{}
.menuBox li{ width:100px; text-align:center;}
.menuBox li a{ font-weight:bold;}
.menuBox li a:hover{color:#fe0000;}

@media (max-width: 1200px) {
.wrapper { width:98%;}
.wrapper01{ padding:0 20px;}
.head .logo{ margin-left:20px;}
.head .frr .search{ display:none;}
.menuBox{ width:100% !important;}
.cont .contact{ width:100px; left:-100px;}
.bannerslide .swiper-slide{ height:400px;}
.service .content .cont{ width:auto; padding-left:60px; padding-right:30px;}
/*.main .mainbox .maintxt img{ width:100%; padding:0; height:auto;}*/
.inbanner{ background-size:cover;}
.inhonor li{ padding:10px;}
.incontact li{ padding:40px 30px;}
.customer{ width:96%;}
.customer .customer2{ width:94%;}
.hometext.cust{ width:94%;}
.hometext.cust .redbig{ width:94%;}
.huobanswiper{ width:90%;}
	}
	
@media (max-width: 780px) {
.bannerslide .swiper-slide{ height:370px;}
.main .mainbox{ padding:30px}	
.top .toper{ display:none;}
.head .logo{ margin-left:10px;}
.head .logo img{ height:56px;}
.head .frr .hotline{ padding-right:10px;}
.main .mainbox .bigtit{ top:-40px;}
.anli li{ width:31.3%;}
.inhonor li{ width:25%;}
.incontact li{ padding:30px 5px; font-size:14px;}
.promain ul li .info .text{ font-size:12px;}
.mainprobox .procontent .promain img{ width:100%;}
.menuBox{ width:100%;}
.probox3 li{ padding:15px; width:49%;}
.probox3 li:nth-child(2){ margin-right:0;}
.probox3 li:nth-child(3){ display:none;}
.menuBox li{ width:9.3%;}
	
	}
@media (max-width: 420px) {	
.top{ height:32px; line-height:32px;}
.top .fl{ float:none; text-align:center; width:100%; font-size:12px;}
.head .logo{ width:100%; padding:10px; margin:0;}
.head .logo img{ width:100%; height:auto;}
.head .frr{ display:none;}
.bannerslide .swiper-slide{ height:180px;}
.paginationw{ bottom:20px !important;}
.inbanner{ height:200px;}
.main .mainbox{ padding:30px 15px;}	
.comimg li{ float:left; width:49%; margin-right:1%;}
.comimg li:nth-child(2n){ margin-right:0;}	
.comimg li:nth-child(3n){ margin-right:1%;}	
.comimg li:nth-child(6n){ margin-right:0;}	
.comimg li img{ height:110px;}
.homebox6{ display:none;}
.footer{ font-size:12px; padding:20px 10px;}
.footer .fotmenu{ display:none;}
.footer .foot{ margin-top:0;}
.footer .foot .fr{ display:none;}
.inhonor li{ width:50%;}
.main .mainbox .maintxt.mainfuwu img{ width:100%; height:auto;}
.incontact li{ width:100%; font-size:13px; border-right:none; padding:10px 5px;}
.incontact li:nth-child(3){ border-bottom:1px #ccc solid;}
.mainprobox .proslide{ width:100%;}
.mainprobox .proslide ul li{ width:50%; float:left; box-sizing:border-box;}
.mainprobox .procontent{ width:100%;}
.mainprobox .proslide{ margin-bottom:20px;}
.mainprobox .proslide ul li{ margin-right:1%; width:49.5%;}
.mainprobox .proslide ul li:nth-child(2n){ margin-right:0;}
.mainprobox .procontent .promain{ padding:20px 15px;}
.homeli li .text{ font-size:13px;}
.promain ul li{ width:48.2%;}
.promain ul li:nth-child(2n){ margin-right:0;}
.promain ul li:nth-child(3n){ margin-right:3.2%;}
.promain ul li:nth-child(6n){ margin-right:0;}
.promain ul li .info .text{ display:none;}
.hometitle{ font-size:20px;}
.hometitle .line{ width:20%;}
.hometitle .title{ width:55%;}
.homeli li{ width:98%; margin-bottom:20px; border-bottom:1px #eee solid; padding-bottom:20px;} 
.homeli li .img{ margin-bottom:0;}
.homeli li.linwid{ display:none;}
.probox2 .item .info .name{ margin-top:0; font-size:16px;}
.probox2 .item .info .text{ height:auto;}
.probox2 .item .info{ padding:10px;}
.probox2 .item .info .text span{ font-size:12px;}
.service .fl{ display:none;}
.service .content{ width:100%; height:auto;}
.service .content .cont{ padding:30px; margin-top:0;}
.probox3 li{ width:100%; margin-bottom:3px;}
.homebox7 .tti{ padding-top:150px; font-size:20px;}
.homebox7 .tpp{ font-size:12px;}
.menuBox ul li{ height:30px !important; width:20%; margin-left:0 !important;}
.menuBox ul li a{ height:30px !important; line-height:30px !important;}
.cont .contact{ height:30px; line-height:30px; padding-top:0; background:none; width:92px; left:-82px;}
.cont .contact a{ font-size:13px;}
.cont .contact a span{ display:none;}
.anli li{ width:48%;}
.main .mainbox .bigtit span{ font-size:15px;}
}