*{ padding: 0; margin: 0; text-decoration: none; list-style: none; outline: none;}
body{ font-family: 'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;}
a{ direction: none;}
table{direction:none;}

img {
	vertical-align: top;
	max-width: 100%;
	height: auto;
}

.pubCon{ width:1400px; margin: 0 auto;}
/*top*/
header{ width:100%; z-index:999; position: fixed; 
    background: linear-gradient(to bottom, rgba(0,0,0,0.65),rgba(0,0,0,0));
display: flex;
	justify-content:space-between;
	align-items: center;
	box-sizing: border-box;
	padding: 0 3%;
	-webkit-transition: all .5s;transition: all .5s;
}
header.on {
	background: rgba(0,0,0,0.6);
}
header #logo{ width:21%;}
header #logo img{  max-width:100%;}

nav{ width:53%; }
nav ul li{ float:left; width:12.5%; line-height:120px; text-align:center;}
nav ul li a{ width:100%; height:50px; color:#fff; font-size:18px; display:block; line-height: 50px;  }
nav ul li:hover,nav ul li.on a{ color:#fff;background:#ff4700;border-radius:30px;}
nav ul li:hover a{ color:#fff;}


.topTel{ width:280px;}
.topTel img{width:50px; height:50px; float:left; margin-right:10px;margin-top:5px;
    animation: tada 1.2s linear infinite; }
.topTel p{ font-size:15px; color:#ddd; margin-bottom:5px;}
.topTel b{ font-size:28px; color:#ff4700; font-weight: 600;}
header .btn{ display: none;}


/* banner */
.banner{ position: relative;top:0px; left:0px; z-index:1;}
.banner .swiper-container {
    width: 100%;
    height: 100%;
  }
.banner .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    width: 100%;
    height: 100%;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

.banner .swiper-slide img{ width:100%;}

.banner .swiper-button-next{ width:50px; height: 80px; background:rgba(255,255,255,0.45); color:#0667fd; transition:0.5s; border-radius: 3px; opacity: 0;}
.banner .swiper-button-prev{ width:50px; height: 80px; background:rgba(255,255,255,0.45); color:#0667fd;transition:0.5s;border-radius: 3px; opacity:0;}
.banner .swiper-button-next:hover{ background:rgba(255,255,255,0.75);}
.banner .swiper-button-prev:hover{background:rgba(255,255,255,0.75);}
.banner:hover .swiper-button-next{ opacity: 1;}
.banner:hover .swiper-button-prev{opacity: 1;}


/* about */
.about{
    width:100%;
    height: auto;
    background:url(../images/abbj.jpg) no-repeat center;
    padding-top:100px;
}

.index_abcon{
    width:75%;
    margin: 0 auto;
}
.index_ableft{ 
    width:55%; 
    float:left;
}
.abtit{ 
    width:70%;
    margin-bottom:30px;
}
.abtit img{
    width:100%;
}
.abtext{
    font-size: 16px; 
    line-height: 30px;
    color:#333;
    text-align: justify;
}
.more{ 
    width:20%; 
    height: 50px; 
    line-height: 50px;
    background:#ff4700;
    text-align: center;
    margin-top:40px;
    transition:0.75s;
}
.more a{ 
    font-size:16px;
    color:#fff;
    display: block;
}

.more:hover{ background:#0667fd;}

.index_abright{ 
    width:40%; 
    float:right;
}
.index_abright img{ 
    width:100%;
}


.abbottom{
    width:100%; 
    height: 240px;
    background:#0667fd;
    margin-top:-160px;
}


/*shuzi*/
.fl_list{ position: relative; z-index: 10; height:100px; width:60% ; left:0px;}
.fl_list .fl_item{ position: relative; font-size: 18px; display: block; height: 100%; float: left; width:22%; text-align: center; }
.li_box .icon{ width:30%; margin-left:35%;  margin-bottom:20px;}
.li_box .icon img{ width:100%;}
.fl_list .fl_item .li_box .icon{ margin-top:30px; height:60px;}
.fl_list .fl_item:nth-child(4n) .li_box{ border-right:none;}
.fl_list .fl_item:nth-of-type(2n) p{color:#fff; }
.fl_list .fl_item:after{ content:''; display: block; margin-top: 100%;} 
.fl_list .fl_tit a{ position: relative; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 10%;}
.fl_list .fl_item:hover .fl_tit a p{ opacity: 0; color: #FFF;}
.fl_list .fl_item .img{ width: 210px; display: block; margin: 0 auto; margin-bottom: 20px; overflow: hidden; position: relative;}
.fl_list .fl_item .img img{ width: 200px; display: block; height: 160px; transition: 0.3s all; padding:3px;}
/*数字*/
.fl_tit{ margin:8px 0;}
.fl_tit ul li:nth-child(4) {border-right-style: none;}
.fl_titx .li_box{padding-top: 20px;}
.fl_tit .div1 .span1{font-size: 46px;color: #fff; font-weight: 600; }
.fl_tit .div1 .span3{font-size: 24px;color: #fff;}
.fl_tit .div2 .span2{font-size: 18px;color: #fff;}




/* product */
.product{width:100%; }
.pubTit{ text-align: center; margin-bottom:60px;margin-top:80px;}
.pubTit p{font-size:16px; color:#333;}

.proNav{ width:90%; overflow: hidden; margin-bottom:40px; margin-left:5%; }
.proNav ul li{
    width:19%;
    height: 50px;
    line-height: 50px;
    background:#0667fd;
    text-align: center;
    float:left;
    margin-right:1.25%;
    margin-bottom:1%;
    transition:0.75s;
    border-radius:5px;
}
.proNav ul li a{ font-size:16px; color:#fff;display: block;}
.proNav ul li:hover{ background:#ff4700;}
.proNav ul li:nth-child(5n){ margin-right:0px;}

.proList{ width:90%; overflow:hidden;margin: 0 auto;}
.proList ul{width:100%; }
.proList ul li{ width:24%; height:auto;  float:left; margin-right:1.3%; margin-bottom:20px; overflow:hidden; text-align:center; position: relative;}
.proList ul li:nth-child(4n){ margin-right:0px;}
.proList ul li .propic{ width:100%; height:auto; overflow:hidden; }
.proList ul li .propic img{box-sizing: border-box;display:block;width:100%;transition:0.5s;border: 1px solid #ddd;height: auto;}
.proList ul li:hover .propic img{ transform:scale(1.1);}
.prozhe{ position: absolute; top:0px; left:0px; transform: scale(0); transition:0.75s; width:100%; height: auto; overflow: hidden;}
.prozhe img{ width:100%;}
.proList ul li:hover .prozhe{ transform: scale(1);}
.proList ul li h4{ height:48px; background:#fff; font-size:18px; color:#333; font-weight:500; text-align:center; line-height:48px; width:100%; transition:0.5s;}
.proList ul li:hover h4{ color:#0667fd;}
#marquee2{ width:100%; overflow:hidden; height: 950px;}

.promore{width:36%; height:45px; background:#0667fd; margin-top:70px; margin-left:32%; text-align: center; line-height: 45px; border-radius: 23px; transition:0.5s; position: relative; z-index:3;}
.promore a{ color:#fff; width:100%; display: block; }
.promore:hover{ background:#ff4700;}



/* case */
.case .swiper-container {
    width: 100%;
    padding-bottom: 50px;
  }
.case .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 480px;
    height: 480px;
  }
.case .swiper-slide a {
	display: block;
	width: 100%;
	height: 100%;
}
  .case .swiper-button-next{ width:50px; height: 80px; background:rgba(255,255,255,0.45); color:#0667fd; transition:0.5s; border-radius: 3px;}
  .case .swiper-button-prev{ width:50px; height: 80px; background:rgba(255,255,255,0.45); color:#0667fd;transition:0.5s;border-radius: 3px; }
  .case .swiper-button-next:hover{ background:rgba(255,255,255,0.75);}
  .case .swiper-button-prev:hover{background:rgba(255,255,255,0.75);}

  .casemore{ width:50%; margin: 30px auto; overflow: hidden;}
  .casetel{ width:48%; height: 50px; line-height: 50px; background:#ff4700; text-align: center; border-radius: 25px; margin-right:2%;  float:left;}
  .casetel img{width:40px; height: 40px; margin-top:5px; float:left;margin-left:10%;}
  .casetel p{ font-size:28px; color:#fff; font-weight: 600; }
  .casejia { width:48%;height: 50px; line-height: 50px; background:#0667fd;text-align: center; border-radius: 25px; float:right; transition:0.75s;  }
  .casejia  a{ font-size:16px; color:#fff; display: block}
  .casejia:hover{ background:#ff4700;}


/* youshi */
  .advantages{ width:100%; height: 760px; background:url(../images/advbj.jpg) no-repeat center fixed; -webkit-background-size: cover; background-size: cover;  margin-top:60px; position: relative;}
.culzhe{ width:100%; height: 100%; background:rgba(6,103,253,0.75); position: absolute; top:0px;left:0px; z-index: 1;}
.advantages .pubCon{ position: relative; z-index:9;}
.advantages .pubTit{ padding-top:50px;}

.advantages ul li{ width:23%; margin-right:2.6%; float:left; background:#fff; border-radius:0px 30px 0px 30px; padding:40px 0px; }
.advantages ul li img{ width:60%; margin-left:20%; transition:0.75s;}
.advantages ul li:nth-child(4n){ margin-right:0px;}
.advantages ul li:hover img{ transform: rotatey(360deg);}



/* video */
.video{ width:100%;}
.video .swiper-slide { position: relative; width:100%; }
.video .swiper-slide .zhe{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.3);
    transition: 0.75s;
    z-index: 1;
}
.video .swiper-slide .zhe img{ width:20%;margin:40% 40%;}
.video .swiper-slide img{ width:100%;}
.video .swiper-slide p{ font-size:16px; color:#fff; text-align: center; line-height: 50px; width:100%; height: 50px; background:#0667fd;position: relative;
z-index: 2;}

.video .swiper-button-next{ width:50px; height: 80px; background:rgba(255,255,255,0.45); color:#0667fd; transition:0.5s; border-radius: 3px;}
.video .swiper-button-prev{ width:50px; height: 80px; background:rgba(255,255,255,0.45); color:#0667fd;transition:0.5s;border-radius: 3px; }
.video .swiper-button-next:hover{ background:rgba(255,255,255,0.75);}
.video .swiper-button-prev:hover{background:rgba(255,255,255,0.75);}

/* news */
.news{ width:100%; }
.news ul { overflow: hidden;}
.news ul li{ width:32%; float:left;margin-left:1.3%; }
.news ul li .newimg{ width:100%; height: 300px; overflow: hidden; }
.news ul li .newimg img{ width:100%; height: auto;transition: 0.5s; }
.news ul li:hover .newimg img{ transform: scale(1.1);}
.news ul li .newLtext{ width:100%; margin-top:15px; }
.news ul li .newLtext h3{ font-size:20px; color:#333;}
.news ul li .newLtext span{ font-size:16px; color:#999; display: block; margin:10px 0px 10px;}
.news ul li .newLtext p{ font-size:16px; color:#666; line-height: 30px;}
.newxq a{ color:#333; font-size:16px; margin-top:20px; display: block;}
.newxq i{ width:27px; height: 13px; display:inline-block; background:url(../images/newjt.png) no-repeat center; }

.news ul li:hover .newLtext h3{ color:#ff4700;}
.news ul li:hover .newLtext p{ color:#333;}
.news ul li:hover .newxq a{ color:#ff4700;}
.news ul li:hover .newxq i{ background:url(../images/newjtH.png) no-repeat center;}



/* footer */
footer{ width:100%; height: 460px; background:url(../images/footerbj.jpg) no-repeat center; background-size:100% 100%; margin-top:60px;}
.flogo{ width:100%; text-align: center; padding-top:50px; margin-bottom:30px;}
.flogo img{ width:20%;}
.fLeft{ width:25%;float:right;}
.ftel{ width:100%; margin-bottom:25px;}
.ftel img{ width:90%;}
.footer_lianxi{ width:100%;}
.footer_lianxi p{ line-height: 40px; color:#fff;}
.footer_lianxi p img{ margin-right:5px; float:left; margin-top:10px;}


.ewm{ width:20%; float:left;margin-left:5%; text-align: center; }
.ewm p{ font-size:16px; color:#fff; line-height: 45px; }

.fRight{ width:35%; float: left;}
.fRight ul{ width:100%; float:left;}
.fRight ul li a{ color:#ddd; width:50%; float:left;}
.fRight  p a{ font-size:18px; font-weight: 600; margin-bottom:20px; color:#fff; display: block;}
.fRight ul li{ line-height:35px;}
.fRight ul li:hover a{ color:#fff;}


.copyright {
	padding: 15px 5px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	background-color: #333;
}
.copyright a {
	color: #fff;
}
.copyright span {
	margin-left: 40px;
}
.qyrz {
	display: inline-block;
	vertical-align: middle;
	margin: -3px 0 0 10px;
	width: 120px;
}

@font-face {
	font-family: 'icomoon';
    src:url('../font/icomoon.eot?qradjf');
    src:url('../font/icomoon.eot?qradjf#iefix') format('embedded-opentype'),
        url('../font/icomoon.ttf?qradjf') format('truetype'),
        url('../font/icomoon.woff?qradjf') format('woff'),
        url('../font/icomoon.svg?qradjf#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
.demo-icon{
  font-family:"icomoon";
  font-style:normal;
  font-weight:normal;
  speak:none;
  display:inline-block;
  text-decoration:inherit;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  font-size:24px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:24px;
  color:#999; 
}
/*new right*/
.cndns-right{position:fixed;right:1px;top:40%;margin-top:-100px;z-index:100}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#ff6800;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#ff6800;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
.meau-sev .cndns-right-btn{border-color:#ff6800;background:url(../images/kefu.gif) no-repeat #ff6800 center;} 
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #ff6800;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../images/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t{overflow: hidden;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:8px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#ff6800;font-size:24px;line-height:28px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.meau-sev .cndns-right-box .box-border{width:230px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:156px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#ff6800;font-size:16px;line-height:16px;margin-top: 16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}
.meau-sev:hover .cndns-right-btn{background:#ff6800}
@media all and (max-width: 991px) {
	.cndns-right{display: none;}
}

/* 工具栏 */
#toolbar{position: fixed;bottom: 0;width: 100%;z-index: 888;left: 0;display: none;}
#toolbar .list{display: flex;background: #ff4700;}
#toolbar .list li{width: 25%; text-align: center;}
#toolbar .list a{display: block;padding: 5px;}
#toolbar .list a span{text-align: center; color: #fff; display: block; font-size: 14px;}
#toolbar .list a img {display: block;margin: 5px auto;}
#toolbar .list li:hover{background: #0185d0;}
/*微信弹窗*/
#wxnr{width:100%;height: 100%;position:fixed;top: 0;z-index:1000;display:none;background: rgba(0,0,0,.6);}
#wxnr .nrdf{position: absolute;top: 50%;left: 0;right: 0;width: 300px;height: 300px;padding: 20px 10px;text-align:center;background-color: rgba(255, 255, 255, 0.8);box-shadow: 0px 2px 6px #777;-webkit-box-shadow: 0px 2px 6px #777;-moz-box-shadow: 0px 2px 6px #777;border-radius:10px;box-sizing: border-box;margin: -150px auto 0;}
#wxnr img{width: 135px;height: 135px;display: block;margin: 0 auto;}
#wxnr p{font-size: 14px;text-align:center;line-height: 30px;}
#wxnr i{position: absolute;top: 5px;right:5px;width: 20px;height: 20px;font-size: 14px;text-align:center;color: #fff;font-weight: bold;font-style: normal;background: #333;border-radius: 100%;cursor: pointer;}
#wxnr span{display:inline-block;padding: 0 5px;background-color: #ff4700;color:#fff;border-radius: 5px;cursor:pointer;}
/*复制提示*/
#weixin{position: fixed;top: 50%;margin-top: -26px;z-index: 9999999;font-size: 16px;color: #fff;width: 90%;right: 5%;text-align: center;background: rgba(0, 0, 0, 0.8);border: 2px solid #333;border-radius: 5px;display: none;line-height: 50px;}
@media all and (max-width: 991px) {
	#toolbar{display: block;}
}

@media all and (min-width: 992px) {
	.sp {
		display: none !important;
	}
}

	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.comtop img {
	width: 100%;
}
.pagePath {
	margin-bottom: 60px;
	background-color: #f4f4f4;
}
.pagePath .width {
	max-width: 1500px;
	margin: 0 auto;
	padding: 0 50px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.pagePath .rtel {
	padding: 13px 0 13px 45px;
	font-size: 18px;
	color: #ff4700;
	letter-spacing: 1px;
	background: url("../images/icon02.png") no-repeat left center;
}
.pagePath .rtel span {
	vertical-align: -2px;
	font-size: 24px;
	font-family: Impact, "sans-serif";
}
.pagePath .ltxt {
	padding: 5px 0 5px 40px;
	font-size: 14px;
	color: #666;
	background: url("../images/icon01.png") no-repeat left top;
}
.pagePath .ltxt a {
	color: #666;
}
.pagePath .ltxt a:hover {
	color: #ff4700;
}
.comWidth {
	max-width: 1500px;
	padding: 0 50px;
	margin: 0 auto;
	box-sizing: border-box;
}
.aboutPage .ttl {
    margin-bottom: 30px;
    text-align: center;
    font-size: 32px;
}
.aboutPage p {
    font-size: 18px;
    text-indent: 2em;
    line-height: 35px;
    text-align: justify;
}
.aboutPage img {
	display: block;
	margin: 40px auto 0;
}
.sidebar {
	width: 21%;
	float: left;
	border: 2px solid #024BBE;
	box-sizing: border-box;
}
.sidebar .sttl {
	padding: 20px 0;
	background-color: #024BBE;
	text-align: center;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}
.sidebar .sttl span {
	margin-top: 5px;
	display: block;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: normal;
}
.sidebar .slist li {
	border-bottom: 1px solid #eee;
}
.sidebar .slist a {
	display: block;
	font-size: 18px;
	color: #333;
	padding: 15px 10px;
	text-align: center;
}
.sidebar .slist .on a,
.sidebar .slist a:hover {
	background-color: #ff4700;
	color: #fff;
}
.sidebar .stxt {
	word-break: break-all;
	padding: 20px 15px 0;
}
.sidebar .stxt li {
	font-size: 16px;
	margin-bottom: 10px;
}
.sidebar .stxt a {
	color: #333;
}
.sidebar .stxt span {
	color: #ff4700;
	font-size: 26px;
	font-weight: bold;
}
.sidebar .scode {
	text-align: center;
	margin-bottom: 10px;
}
.sidebar .scode img {
	max-width: 160px;
}
.conts {
	float: right;
	width: 76%;
}
.productPage .productUl {
	display: flex;
	flex-wrap: wrap;
}
.productPage .productUl li {
	width: 32%;
	margin: 0 2% 20px 0;
}
.productPage .productUl li:nth-child(3n) {
	margin-right: 0;
}
.productPage .productUl .photo img {
	border: 1px solid #ddd;
	height: 300px;
	width: 100%;
	box-sizing: content-box;
}
.productPage .productUl p {
	text-align: center;
	font-size: 16px;
	padding: 10px 5px;
	color: #fff;
	background-color: #024BBE;
}
.productPage .productUl a {
	display: block;
}
.productPage .productUl a:hover p {
	background-color: #ff4700;
}
.pagination {
	margin-top: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.pagination span {
	font-size: 16px;
}
.pagination a {
	margin: 0 5px 5px;
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	min-width: 36px;
	text-align: center;
	color: #333;
}
.pagination .page-status {
	margin-right: 10px;
}
.pagination a:hover,
.pagination .page-num-current {
	background-color: #024BBE;
	color: #fff;
}
.comTtl {
	text-align: center;
	margin-bottom: 30px;
	font-size: 30px;
}
.comInfo {
	font-size: 17px;
	line-height: 30px;
}
.comInfo * {
	font-size: 17px !important;
	line-height: 30px !important;
}
.comInfo img {
	display: block;
	margin: 0 auto;
	height: auto !important;
}
.comPageList {
	font-size: 17px;
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}
.comPageList li {
	max-width: 49%;
}
.comPageList a:hover {
	color: #ff4700;
}
.videoPage ul {
	display: flex;
	flex-wrap: wrap;
}
.videoPage ul li {
	width: 24%;
	margin: 0 1.33% 20px 0;
}
.videoPage ul li:nth-child(4n) {
	margin-right: 0; 
}
.videoPage ul .photo img {
	width: 100%;
}
.videoPage ul p {
	text-align: center;
	background-color: #024BBE;
	color: #fff;
	font-size: 18px;
	padding: 10px 5px;
}
.comList {
	display: flex;
	flex-wrap: wrap;
}
.comList li {
	width: 31.5%;
	margin: 0 2.75% 30px 0;
}
.comList li:nth-child(3n) {
	margin-right: 0;
}
.comList .photo img {
	width: 100%;
}
.comList p {
	color: #fff;
	text-align: center;
	background-color: #024BBE;
	font-size: 18px;
	padding: 10px 5px;
}
.comList a:hover p {
	background-color: #ff4700;
}
.newsPage .newsul a {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.newsPage .newsul li {
	margin-bottom: 50px;
}
.newsPage .newsul .photo {
	width: 25%;
	height: 260px;
	overflow: hidden;
}
.newsPage .newsul .photo img {
	width: 100%;
}
.newsPage .newsul .txtbox {
	width: 70%;
	color: #333;
}
.newsPage .newsul .txtbox .ttl {
	font-size: 28px;
	margin-bottom: 10px;
	color: #024BBE;
	-webkit-transition: all .5s;transition: all .5s;
}
.newsPage .newsul .txtbox .time {
	color: #999;
	font-size: 16px;
	margin-bottom: 20px;
}
.newsPage .newsul .txtbox p {
	font-size: 16px;
	line-height: 30px;
}
.newsPage .newsul a:hover .txtbox .ttl {
	color: #ff4700;
	margin-left: 20px;
}
.comNote {
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
	color: #999;
	font-size: 16px;
}
.comNote li:first-child {
	margin-right: 40px;
}
.contactPage {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.contactPage .lbox {
	width: 45%;
}
.contactPage .lbox .ttl {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 40px;
}
.contactPage .lbox li {
	position: relative;
	font-size: 18px;
	padding-left: 40px;
	margin-bottom: 25px;
}
.contactPage .lbox li img {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -14px;
}
.contactPage .lbox li a {
	color: #ff4700;
	font-size: 36px;
	font-family: Arial;
	font-weight: bold;
}
#allmap {
	width: 55%;
	height: 500px;
}

@media all and (min-width: 1300px) and (max-width: 1500px) {
	header {padding: 0 15px;}
	nav ul li a {font-size: 17px;}
	.index_abcon {width: 90%;}
	.pubCon {width: 93%;}
	.casemore {width: 55%;}
}

@media all and (min-width: 992px) and (max-width: 1299px) {
	header {padding: 0 5px;}
	nav ul li a {font-size: 15px;height: 40px;line-height: 40px;}
	.topTel p {font-size: 14px;}
	.topTel b {font-size: 24px;}
	.topTel img {width: 34px;height: auto;}
	.topTel {width: 232px;}
	.index_abcon {width: 94%;}
	.pubCon {width: 98%;}
	.abbottom {margin-top: -50px;}
	.casemore {width: 65%;}
	.comWidth {padding: 0 15px;}
}

@media all and (max-width: 991px) {
	.pc {
		display: none !important;
	}
	.topTel {
		display: none;
	}
	header {
		padding: 5px 15px;
		display: block;
	}
	header #logo {
		width: 200px;
	}
	nav {
		display: none;
		width: 100%;
		position: absolute;
		left: 0;
		top: 100%;
		z-index: 600;
		background-color: rgba(0,0,0,0.6);
	}
	nav ul li {
		width: auto;
		float: none;
	}
	nav ul li:hover, nav ul li.on a {
		border-radius: 0;
	}
	nav ul li a {
		height: auto;
		line-height: 1.5;
		padding: 10px 0;
	}
	.menu {
		position: absolute;
		right: 15px;
		top: 8px;
		width: 40px;
	}
	.pubCon {
		width: auto;
		margin: 0 15px;
	}
	.about {
		padding-top: 40px;
		background-size: cover;
	}
	.index_ableft {
		width: auto;
		float: none;
		margin-bottom: 20px;
	}
	.index_abright {
		width: auto;
		float: none;
	}
	.abtit {
		width: auto;
		margin-bottom: 20px;
	}
	.abtext {
		font-size: 15px;
		line-height: 1.6;
	}
	.more {
		width: 160px;
		margin: 20px auto 0;
	}
	.more a {
		font-size: 15px;
	}
	.abbottom {
		margin-top: 0;
		height: auto;
		padding: 15px 0;
	}
	.fl_list {
		width: auto;
		height: auto;
		overflow: hidden;
	}
	.fl_list .fl_item {
		width: 25%;
		height: auto;
	}
	.fl_list .fl_item .li_box .icon {
		width: 40px;
		height: auto;
		margin: 0 auto 10px;
	}
	.fl_tit .div2 .span2 {
		font-size: 15px;
	}
	.fl_tit .div1 .span3 {
		font-size: 18px;
	}
	.fl_tit .div1 .span1 {
		font-size: 26px;
	}
	.fl_list .fl_item:after {
		display: none;
	}
	.pubTit {
		margin: 40px 0 20px;
	}
	.pubTit p {
		font-size: 14px;
		margin-top: 5px;
	}
	.proNav {
		width: auto;
		margin: 0 15px 20px;
	}
	.proNav ul li {
		width: 24%;
		height: auto;
		line-height: 1.6;
		margin: 0 1.33% 5px 0 !important;
	}
	.proNav ul li:nth-child(4n) {
		margin-right: 0 !important;
	}
	.proNav ul li a {
		font-size: 15px;
		padding: 7px 0;
	}
	.proList {
		width: auto;
		margin: 0 15px;
	}
	.proList ul li {
		width: 49%;
		margin: 0 0 10px;
		float: none;
	}
	#marquee2 {
		height: 600px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.proList ul li h4 {
		font-size: 14px;
		height: auto;
		line-height: 1.5;
	}
	.case .swiper-slide {
		width: 200px;
		height: 200px;
	}
	.case .swiper-container {
		padding-bottom: 40px;
	}
	.casemore {
		max-width: 345px;
		width: auto;
		margin: 15px auto;
	}
	.casejia a {
		font-size: 15px;
	}
	.casetel p {
		font-size: 15px;
	}
	.casetel img {
		width: 20px;
		height: auto;
		margin: 15px 0 0 10px;
	}
	.casetel {
		margin-right: 0;
		width: 50%;
	}
	.advantages {
		padding: 1px 0 30px;
		height: auto;
		margin-top: 40px;
		background-attachment: inherit;
	}
	.advantages ul {
		overflow: hidden;
	}
	.advantages .pubTit {
		padding-top: 0;
	}
	.advantages ul li {
		width: 48%;
		margin: 0 0 10px;
		padding: 15px 0;
		text-align: center;
	}
	.advantages ul li:nth-child(2n) {
		float: right;
	}
	.advantages ul li img {
		width: 70%;
		margin: 0;
	}
	.news ul li {
		float: none;
		margin: 0 0 15px;
		width: auto;
	}
	.news ul li .newimg {
		height: auto;
	}
	.news ul li .newLtext {
		margin-top: 10px;
	}
	.news ul li .newLtext h3 {
		font-size: 18px;
	}
	.news ul li .newLtext span {
		font-size: 14px;
		margin: 5px 0;
	}
	.news ul li .newLtext p {
		font-size: 14px;
		line-height: 1.6;
	}
	.newxq a {
		margin-top: 10px;
		font-size: 14px;
	}
	.newxq i {
		background-size: 20px auto;
	}
	footer {
		margin-top: 40px;
		height: auto;
		background-size: cover;
	}
	.ewm,
	.fRight {
		display: none;
	}
	.fLeft {
		width: auto;
		float: none;
	}
	.flogo {
		padding-top: 40px;
		margin-bottom: 20px;
	}
	.flogo img {
		width: 260px;
	}
	.ftel {
		margin-bottom: 10px;
	}
	.ftel img {
		width: auto;
		max-width: 280px;
	}
	.footer_lianxi p {
		line-height: 1.7;
	}
	.footer_lianxi {
		padding-bottom: 20px;
	}
	.copyright {
		padding-bottom: 70px;
	}
	.qyrz {
		display: none;
	}
	.copyright span {
		display: block;
		margin: 5px 0 0;
	}
	.pagePath {
		margin-bottom: 30px;
	}
	.pagePath .width {
		max-width: inherit;
		display: block;
		padding: 0 15px;
	}
	.pagePath .rtel {
		display: none;
	}
	.pagePath .ltxt {
		padding: 10px 0 10px 25px;
		font-size: 13px;
		background: url("../images/icon01.png") no-repeat left top 10px;
		background-size: 18px auto;
	}
	.comWidth {
		max-width: inherit;
		padding: 0 15px;
	}
	.aboutPage .ttl {
		margin-bottom: 10px;
		font-size: 18px;
	}
	.aboutPage p {
		font-size: 14px;
		line-height: 1.6;
	}
	.aboutPage img {
		margin: 20px auto 0;
	}
	.pagination span {
		font-size: 14px;
	}
	.pagination a {
		margin: 0 3px 5px;
		min-width: 33px;
	}
	.pagination .page-status {
		margin-right: 8px;
	}
	.sidebar {
		width: auto;
		float: none;
		border: none;
		margin-bottom: 20px;
	}
	.sidebar .sttl {
		display: none;
	}
	.sidebar .slist {
		display: flex;
		flex-wrap: wrap;
	}
	.sidebar .slist li {
		width: 32.5%;
		margin: 0 1.25% 5px 0;
		box-sizing: border-box;
		border: 1px solid #eee;
	}
	.sidebar .slist li:nth-child(3n) {
		margin-right: 0;
	}
	.sidebar .slist a {
		font-size: 16px;
		padding: 7px 5px;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.sidebar .stxt {
		display: none;
	}
	.sidebar .scode {
		display: none;
	}
	.conts {
		float: none;
		width: auto;
	}
	.productPage .productUl {
		justify-content: space-between;
	}
	.productPage .productUl li {
		width: 49%;
		margin: 0 0 10px;
	}
	.productPage .productUl p {
		font-size: 14px;
		padding: 5px;
	}
	.comTtl {
		margin-bottom: 10px;
		font-size: 20px;
	}
	.comInfo {
		font-size: 14px;
		line-height: 1.6;
	}
	.comInfo * {
		font-size: 14px !important;
		line-height: 1.6 !important;
	}
	.comPageList {
		font-size: 14px;
		margin-top: 20px;
	}
	.videoPage ul {
		justify-content: space-between;
	}
	.videoPage ul li {
		width: 49%;
		margin: 0 0 10px;
	}
	.videoPage ul p {
		font-size: 14px;
		padding: 5px;
	}
	.comList {
		justify-content: space-between;
	}
	.comList li {
		width: 49%;
		margin: 0 0 10px;
	}
	.comList p {
		font-size: 14px;
		padding: 5px;
	}
	.newsPage .newsul a {
		display: block;
	}
	.newsPage .newsul li {
		margin-bottom: 20px;
	}
	.newsPage .newsul .photo {
		width: auto;
		height: auto;
		margin-bottom: 10px;
	}
	.newsPage .newsul .txtbox {
		width: auto;
	}
	.newsPage .newsul .txtbox .ttl {
		font-size: 18px;
		text-align: center;
	}
	.newsPage .newsul .txtbox .time {
		font-size: 14px;
		margin-bottom: 10px;
		text-align: center;
	}
	.newsPage .newsul .txtbox p {
		font-size: 14px;
		line-height: 1.6;
	}
	.newsPage .newsul a:hover .txtbox .ttl {
		margin-left: 0;
	}
	.comNote {
		margin-bottom: 15px;
		font-size: 14px;
	}
	.comNote li:first-child {
		margin-right: 20px;
	}
	.contactPage {
		display: block;
	}
	.contactPage .lbox {
		width: auto;
	}
	.contactPage .lbox .ttl {
		font-size: 20px;
		margin-bottom: 20px;
		text-align: center;
	}
	.contactPage .lbox li {
		font-size: 16px;
		padding-left: 28px;
		margin-bottom: 15px;
	}
	.contactPage .lbox li img {
		width: 20px;
		margin-top: -10px;
	}
	.contactPage .lbox li a {
		font-size: 26px;
	}
	#allmap {
		width: auto;
		height: 300px;
	}	
	
}