body,html{background:#f6f9fd;font-size: 12px;color:#333;border:0;}
* {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
	border:0;
}
a {
	text-decoration: none;
	color:#333;
}
a:hover{color:#004bc6}
li {
	list-style: none;
}
img, input {
	border: 0;
}
h1, h2, h3, h4 {
	font-weight: normal;
}
.clear{clear:both;}
/* top */
.com-name{font-size:1rem;height:20px;line-height:20px;margin:35px 10px;padding:0 5px;border-radius:3px;color:#fff;background:#004bc6;float:left;}
.com-item{font-size:2.2rem;float:left;height:30px;line-height:30px;margin:30px 20px;font-weight:bold;}
.com-item span{font-size:1.8rem;margin-left:15px;color:#ff0000;font-weight:bold;}
.header{background:#fff;z-index:999;}
.logoLine {
	height: auto;
	overflow: hidden;
	max-width: 1200px;
	margin: 0px auto;
}
.logo {
	float: left;
	width:173px;
	height:50px;
	margin:20px 0;
}
.logo img{width:100%;height:100%;}
.right-con{float:right;}

 .r-con{
	background:url(../images/topPhone.png) no-repeat center left;padding-left:28px;margin:30px 0
}
.right-con span {
	font-size: 2rem;
	color: #ff0000;
	font-weight:bold;
}
.right-con p {
	font-size: 1.7rem;
	margin:0 10px;
}
.right-con .phonepic {
	margin: 35px 5px 0 0;
}

/*nav*/
.nav {
  display:block;
  z-index:999;
 background:#004bc6;
}
.mobNav .toolBar {
	display:none;
  }
.nav .mobNav {
  display: none;
}
.nav .dropdown {
  max-width: 1200px;
  margin:0 auto;
}
.nav .menu {
	display:block;
}
.nav .menu li {
   float:left;
   }

.nav .menu a {
  
  display:block;color:#fff;
  height: 45px;
  line-height:45px;
  padding:0 25px;
  font-size:1.3rem;
 
}
.nav .menu a:hover {
  background: #023ea1;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}
.w1200{max-width: 1200px;height:auto;margin: 0 auto;position: relative;}
/*轮播*/
.slider{width: 100%;height:100%;overflow: hidden;}
.slider ul li{width: 100%;height:600px;position: relative;}
.slider ul li:after{content: "";display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.slider .arrow{position: absolute;width: 1200px;height: 58px;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 3;}
.slider .swiper-button-next{background-image: url(../images/arrow-right.png);width: 30px;height: 58px;background-size:30px 58px;right: -30px;}
.slider .swiper-button-prev{background-image: url(../images/arrow-left.png);width: 30px;height: 58px;background-size:30px 58px;left: -30px;}
/*服务*/
.services{width: 100%;height:100%;padding:60px 0;}
.services .w1200 ul{display: flex;justify-content: space-between;width: 100%;position:relative;}
.services .w1200 ul li{width:29%;height: auto;
background-color: #fff; /* 浏览器不支持的时候显示 */
background-image: linear-gradient(-45deg,#ffffff, #dfe7f5); /* 标准的语法（必须放在最后） */
	border-radius: 15px;text-align: center;margin:0 0.5%;padding:2% 1.5% 3%;box-shadow: 0px 0px 20px rgba(200,200,200,.4);transition: all .3s;}
.services .w1200 ul li:hover{transition: all .3s;transform: translateY(-10px);}
.services .w1200 ul li img{display: inline-block;height: 61px;}
.services .w1200 ul li p.repair-title{font-size:1.8rem;color: #009666;padding: 20px 0 20px 0;}
.services .w1200 ul li p.repair-desc{font-size:1.4rem;color: #9b9b9b;line-height: 30px;text-align:left;}

.innovate-title{position: relative;font-size:2.5rem;font-weight: bold;color: #333;text-align: center;padding-bottom: 15px;}
.line:after{display: block;content: "";position: absolute;width: 65px;height: 3px;background: #004bc6;bottom: 5px;left: 50%;transform: translateX(-50%);}
p.sub-title{font-size:1.4rem;color: #666666;text-align: center;}
/*优势*/
.innovate{width: 100%;height:auto;overflow: hidden;padding: 60px 0 ; }
.innovate .sub-desc{color: #b4b4b4;font-size: 16px;text-align: center;padding: 25px 0 40px 0;line-height: 30px;}
.innovate .list{width: 100%;height: auto;overflow: hidden}
.innovate .list ul{max-width:1200px;margin: 0 auto;height: auto;overflow: hidden;text-align: center;}
.innovate .list ul li{float:left;width: 550px;height: 250px;margin: 8px;border-radius: 10px;box-shadow: 0px 0px 25px rgba(210,210,210,.2);background-repeat: no-repeat;padding-left: 30px;transition: all .3s;}
.innovate .list ul li:hover{transition: all .3s;transform: translateY(-5px);}
.innovate .list ul li h4{font-weight: bold;color: #004bc6;font-size: 1.8rem;text-align: left;padding: 55px 0 25px 0;}
.innovate .list ul li p{color: #333333;font-size: 1.3rem;line-height: 30px;text-align: left;width: 60%;}
.innovate .list ul li.one{background-image: url(../images/innovate-pic1.png);background-position: center right 50px;}
.innovate .list ul li.two{background-image: url(../images/innovate-pic2.png);background-position: center right 50px;}
.innovate .list ul li.three{background-image: url(../images/innovate-pic3.png);background-position: center right 50px;}
.innovate .list ul li.four{background-image: url(../images/innovate-pic4.png);background-position: center right 30px;}
.wrap-body{background:#fff;border-radius:6px;box-shadow: 10px 5px 20px rgba(200,200,200,.3);transition: all .3s;clear:both;padding:60px 0 30px;}
 #wrap {
        max-width: 1200px;
        margin:30px auto;
		height:100%;
		position:relative;
    }
    #catalogue {
        width: 1200px;
        height: 44px;
    }
    #catalogue-t,#catalogue-list  {
        float: left;
    }
    #catalogue-t {
        width: 25%;
        height:49px;
        padding-left: 2%;
        line-height: 50px;
        text-align: left;
        font-size:2.5rem;
        color: #333;
        font-weight: bold;
        border-bottom: 1px solid #d3e1f7;
    }
    #catalogue-list {
        width: 73%;
        height: 50px;
    }
    #catalogue-list>li {
        float: left;
        box-sizing: border-box;
        width:16.5%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 1.4rem;
        background-color: rgb(245, 245, 245);
        color: rgb(100, 100, 100);
        border-bottom: 1px solid #d3e1f7;
        cursor: pointer;
        user-select: none;
    }
    #catalogue-list>li.liShow {
        font-weight: bold;
        color: #004bc6;
        border: 1px solid #d3e1f7;
        border-bottom: none;
        background-color: #fff;
		
		box-shadow:0px 0px 0px rgba(2,62,161,0.08),0px 0px 0px rgba(255,255,255,0.8),inset 18px 18px 34px rgba(2,62,161,0.11),inset -18px -18px 30px rgba(255,255,255,0.8);transition:box-shadow .2s ease-out;
    }
    #catalogue-pic {
        margin:40px 0;       
    }
    #catalogue-pic>div {
        box-sizing: border-box;
        display: none;
        width: 100%;
        height: auto;
    }
    #catalogue-pic>div.imgShow {
        display: block;
    }
	#catalogue-pic ul{display: flex;flex-wrap:wrap}
	#catalogue-pic ul li{width:22%;margin:1% 1%;padding:0.5%;border-radius:6px;background:#fff;box-shadow: 0px 0px 25px rgba(210,210,210,.2);}
	#catalogue-pic ul li:hover{transition: all .3s;transform: translateY(-5px);}
	.ca-pic-img{width:100%;height:100%;}
	.ca-pic-img img{width:100%;height:100%;}
	.show-pic {height:180px;}
	.show-pic img{width:100%;height:180px;}
	.show-t{width:100%;font-size:1.3rem;line-height:30px;height:30px;margin-top:10px;text-align:center;}
	
.moreshow{display: flex;justify-content: space-between;width: 100%;position:relative;}
.mst{width:auto;margin:1% 1%;float:left;background:#f0f0f0;padding:2px 10px;font-size:1.3rem;line-height:30px;height:30px;border-radius:4px;}
#new_box {
	width: 100%;
	padding: 60px 0px;
	margin: 0 auto;
	overflow: hidden;
}

.new_con {
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 50px;
}

.newtel {
	height: 30px;
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 10px;
	color: #666
}

.new_telst {
	position: relative;
	top: 6px;
	text-align: center
}

.new_telst li {
	width: 166px;
	line-height: 30px;
	text-align: center;
	float: left;
	display: inline;
	cursor: pointer;
	font-size:1.4rem;
}

.new_telst li.newon {
	color: #004bc6;
	font-weight: bold;
}

.new_telst p {
	position: absolute;
	top: 32px;
	left: 0px;
	width: 166px;
	height: 7px;
	border-top: 3px solid #004bc6;
	overflow: hidden;
	text-align: center;
}

.new_telst b {
	display: inline-block;
	width: 0;
	height: 0;
	margin-top: -3px;
	border-style: solid dashed dashed dashed;
	border-width: 9px;
	border-color: #004bc6 #fff #fff #fff;
	overflow: hidden;
	zoom: 1;
	font-size: 0;
}

.new_lst {
	height: 315px;
	position: relative;
	overflow: hidden;
	display: none;
	margin-top: 10px;
	padding-top: 20px;
}

.new_lst ul {
	position: absolute;
	left: 0px;
}

.new-wrap {
	margin-top: 30px;
}

.new-wrap .show {
	display: block;
}

li.new_cnlf {
	width: 370px;
	height:247px;
	position:relative;
	float: left;
}

li.new_cnlf p {
	width: 100%;
}
.newlf_img{width:370px;height:247px;}
.newlf_img img{width:100%;height:100%;}
.newlf_tel{
position:relative;
color:#fff;
margin-top:-50px;
	line-height: 50px;
	display: block;
	text-align:center;
	font-size:1.6rem;
	text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
	background-color:rgba(0,0,0, .5)
}
li.new_cnrf {
	float: right;
	width: 820px;
	margin-left:10px;
	position:relative;color:#333;
}

.newrf_lst ul li {
	width: 368px;
	float: left;
	height:30px;
	line-height:30px;
	margin:13px 0 13px 35px;
	 text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}
.newr-top{margin:0 0 20px 35px; width:auto;height:30px;
	line-height:30px;text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap; }
	.newr-top a{font-size:2rem;font-weight:bold;}

.newrf_lst ul li a {

	font-size:1.6rem;
	display: block;
}

.mr0 {
	margin-right: 0px;
}

.bottom{position:relative;width: 100%;height:auto;overflow: hidden;background:#004bc6 url(../images/bg-bottom.png) left top no-repeat;background-size: 100% 100%;color: #FFFFFF;}
.bottom .footer{max-width:1200px;margin:0 auto;display: flex;justify-content: center;align-items: center;padding: 50px 0;}
.footer_r a{color:#fff;}
.bottom .footer .footer_l{width:324px;background:#7fa5e2;border-radius:6px;padding:20px;}
.bottom .footer .footer_l .logo-txt{width:153px;height:47px;margin-bottom:10px;}
.logo-txt img{width:100%;height:100%;}
.bottom .footer .footer_l p{font-size:1.4rem;letter-spacing: 2px;padding-left: 12px;color:#333}
.bottom .footer .footer_r{display: flex;width:776px;margin-left:100px;}
.bottom .footer .footer_r dl{width: 194px;}
.bottom .footer .footer_r dl dt{font-size:1.4rem;margin-bottom: 20px;height:20px;line-height:20px;border-left:3px solid #e5e5e5;padding-left:8px;}
.bottom .footer .footer_r dl dt a{font-size:1.4rem;}
.bottom .footer .footer_r dl dt a:hover{color: #f1f1f1;}
.bottom .footer .footer_r dl dd{font-size:1.2rem;line-height: 28px;color:#e9e9e9}
.bottom .footer .footer_r dl dd a{font-size:1.2rem;}
.bottom .footer .footer_r dl dd a:hover{color: #f1f1f1;}
.bottom .copyright{max-width:1200px;margin: 0 auto;border-top: 1px solid #2253a3;text-align:center;height:100%;letter-spacing: 2px;}
.copyright a{color:#fff;margin-left:10px;}
.bottom-info{padding:20px 0 10px;}
.bottom-nav{padding:10px 0 20px;}
.artocle-slider{height:40px;}
.article-position{max-width:1200px;margin:20px auto 0;padding-left:20px;height:40px;line-height:40px;color:#999;font-size:1.3rem;}
.article-position a{color:#999;}
.content{width:1200px;margin:25px auto 40px;}
.content-header{}
.content-header .title{font-weight:bold;font-size:3rem;margin:0px 0 15px;}
.content-header .info{font-size:1.2rem;color:#999}
.block-body{width:820px;overflow:hidden;margin-right:10px;padding:20px;float:left;background:#fff;border-radius:10px;box-shadow: 0px 0px 20px rgba(200,200,200,.3);transition: all .3s;}
.content-body{float:left;margin:20px 0;padding:1%;}
.content-body img{max-width:90%;margin:0 5%;height:auto;}
.content-body p,.content-body div{font-size:1.4rem;line-height:40px;margin-bottom:30px;}
.article-list-body{width:840px;margin-right:10px;padding:10px;float:left;background:#fff;border-radius:10px;box-shadow: 0px 0px 20px rgba(200,200,200,.3);transition: all .3s;}
.article-list-body ul{width:100%;}
.article-list-body ul li{width:100%;height:145px;padding:2% 0;overflow:hidden;position:relative;border-bottom:1px solid #e9e9e9;}
.article-list-body ul li:last-child{border-bottom:0px;}
.article-list-img{width:30%;height:145px;float:left;}
.article-list-img img{width:100%;height:100%;}
.article-list-right{width:68%;height:100%;float:left;margin:0 0 0 2%;}
.article-list-txt{height:30px;line-height:30px;font-size:1.8rem;font-weight:bold;margin:10px 0}
.article-list-dsc{max-height:60px;line-height:30px;overflow:hidden;font-size:1.3rem;color:#999}
.article-list-time{height:30px;line-height:30px;font-size:1.2rem;color:#999}

.catalogue-body{width:840px;margin-right:10px;padding:10px;float:left;background:#fff;border-radius:10px;box-shadow: 0px 0px 20px rgba(200,200,200,.3);transition: all .3s;}
.catalogue-body ul{width:100%;display:flex;flex-wrap: wrap;}
.catalogue-body ul li{width:31.33%;margin:2% 1%;}
.catalogue-body ul li .alone-img{width:100%;height:170px;}
.catalogue-body ul li .alone-img img{width:100%;height:100%;}
.catalogue-body ul li .alone-txt{height:30px;line-height:30px;font-size:1.4rem;margin-top:5px;text-align:center;}
.block-body-right{float:left;width:310px;margin-left:20px;}
.right-block{margin-bottom:30px;padding:20px;background:#fff;border-radius:10px;box-shadow: 0px 0px 20px rgba(200,200,200,.3);transition: all .3s;}
.right-block-title{font-weight:bold;font-size:1.8rem;height:22px;line-height:22px;padding:0 35px;margin:5px 0 15px;}
.new{background:url(../images/new.png)no-repeat center left;}
.hot{background:url(../images/hot.png)no-repeat center left;}
.right-block ul li{font-size:1.4rem;height:40px;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.right-block ul li.thisclass a{background:#004bc6;color:#fff;}
.right-block:last-child{margin-bottom:0}
.right-block-list{margin-bottom:30px;padding:20px;background:#fff;border-radius:10px;box-shadow: 0px 0px 20px rgba(200,200,200,.3);transition: all .3s;}
.right-block-list ul li{font-size:1.4rem;height:40px;line-height:40px;float:left;width:23%;margin:0 1%;text-align:center;}
.right-block-list ul li a{display:block}
.right-block-list:last-child{margin-bottom:0}
.right-block-list ul li.thisclass a{background:#004bc6;color:#fff;}
.about-box{width:100%;padding:60px 0;height:560px;background:#fff;border-radius:6px;box-shadow: 10px 5px 20px rgba(200,200,200,.3);transition: all .3s;}
.block-about{max-width:1200px;height:400px;margin:40px auto 0;position:relative;padding:20px;}
.block-about-left{width:580px;height:400px;margin:0 20px 0 0;float:left;border-radius:6px;overflow:hidden;}
.block-about-right{width:580px;height:400px;margin:0 0px 0 20px;float:left;color:#333;}
.block-about-right p{font-size:1.3rem;margin-bottom:10px;}
.block-about-right div{font-size:1.6rem;margin:10px 0;font-weight:bold;background:url(../images/icon-4.png)no-repeat center left;padding-left:28px;}
.block-about-right ul {margin:15px 0;}
.block-about-right ul li{font-size:1.3rem;background:url(../images/icon-5.png)no-repeat center left;padding-left:25px;margin-bottom:10px;}
/*时间人数开始*/
.time{ width:100%; height:298px;position:relative; float:left; background:url(../images/timebg.png) no-repeat center; background-size:cover;border-bottom:1px solid #999}
.time_content{ width:1200px; height:298px; margin:0 auto;}
.time_left{ width:40%; max-width:400px; float:left; height:298px;}
.time_left h3{ width:100%; float:left; font-size:3rem; text-align:center; color:#FFF;font-weight:bold; margin-top:96px;}
.time_left h4{ width:100%; float:left; font-size:2.5rem; text-align:center; color:#FFF;}

.time_right{ width:60%; max-width:720px; height:298px; float:left;}
.wrapper { width: 710px; height:90px; float:left; margin-left:100px; margin-top:100px; display:none;}
.wrapper1{ width:247px; float:left; height:90px;}
.wrapper2{ width:227px; float:left; height:90px;}
.wrapper3{ width:226px; float:left; height:90px;}

.counter { color:#ffe400; border-radius: 5px; }
.time1{height:54px; float:left;}
.time2{height:54px; float:left; }
.time3{height:54px; float:left;}
.timex{height:30px; margin:10px 0 0 10px;color:#FFF; float:left;font-size:2.5rem;}
.timey{width:100%;float:left; color:#FFF;margin:0px 0 0 2px;font-size:1.8rem;}
.wrapper2 .timey{float:left;margin:0px 0 0 2px;font-size:1.8rem;}
.wrapper3 .timey{float:left;margin:0px 0 0 2px;font-size:1.8rem;}
.count-title {font-size: 3rem; font-weight: normal;  margin-top: 5px; margin-bottom: 0;  }
.onlinebox {
	position:fixed;
	top:20%;
	right:10px;
	width:200px;
	_position:absolute;
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
	z-index:990;
}
.onlineboxcenter {
	float:left;
	width:200px;
	height:auto;
}
.onlineboxul {
	border:1px solid #fff;
	border-radius:10px;
	padding:10px 0 30px;
	background:#fff;
	height:auto;
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.18);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.18);
	box-shadow:0 8 20px rgba(0,0,0,0.18);
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
.onlineboxul li {
	text-align:center;
	margin-bottom:10px;
	font-size:1.5rem;
}
.onlineboxul li span {
	color:#3c5cf6;
	font-size:1.6rem;
}
.onlineboxul .weixin {
	height:130px;
	font-weight:bold;
}
.onlineboxul .weixin img {
	height:130px;
}
.onlineboxul li .plx {
	display:block;
	font-weight:bold;
}
.onlineboxul li .mlx {
	display:none;
}
.onlineboxul li.onlinecontact {
	width:160px;
	border-radius:6px;
	margin:0 auto 10px;
	padding:0 10px;
	overflow:hidden;
}
.onlineboxul li.onlinecontact img {
	width:100%;
	height:42px;
}
.tan {
	width:80%;
	height:180px;
	background-color:#e8e8e8;
	position:fixed;
	left:10%;
	top:40%;
	display:none;
	z-index:200;
}
@media screen and (max-width: 950px){
.article-position{max-width:1200px;margin:20px auto 0;padding-left:20px;height:40px;line-height:40px;color:#999;font-size:1.1rem;}
	/*时间人数开始*/
.time{ width:92%;padding:4%; height:100%;position:relative; float:left; background:#004bc6 url(../images/timebg.png) no-repeat center; background-size:cover;border-bottom:1px solid #999}
.time_content{ width:100%; height:100%;display:block;position:relative}
.time_left{ width:100%; float:left; height:100%;}
.time_left h3{ width:100%; float:left; font-size:2rem; text-align:center; color:#FFF;font-weight:bold; margin-top:4%;}
.time_left h4{ width:100%; float:left; font-size:1.5rem; text-align:center; color:#FFF;}

.time_right{width:100%; height:100%;margin:4% 0;float:left;}
.wrapper { width:100%; height:100%; float:left; margin:0; display:none;}
.wrapper1{ width:33%; float:left; height:100%;}
.wrapper2{ width:33%; float:left; height:100%;}
.wrapper3{ width:33%; float:left; height:100%;}

.counter { color:#ffe400; border-radius: 5px; }
.time1{height:auto; float:left;}
.time2{height:auto; float:left; }
.time3{height:auto; float:left;}
.timex{height:auto; margin:3px 0 0 0px;color:#FFF; float:left;font-size:2rem;}
.timey{width:100%;float:left; color:#FFF;margin:0px 0 0 2px;font-size:1.4rem;}
.wrapper2 .timey{float:left;margin:0px 0 0 2px;font-size:1.4rem;}
.wrapper3 .timey{float:left;margin:0px 0 0 2px;font-size:1.4rem;}
.count-title {font-size: 2rem; font-weight: normal;  margin-top: 5px; margin-bottom: 0;  }

	.services .w1200 ul li p.repair-title{font-size:1.8rem;color: #009666;padding: 10px 0 10px 0;}
	.tan {
	width:70%;
	height:auto;
	background-color:#e8e8e8;
	position:fixed;
	left:15%;
	top:50%;
	display:none;
	z-index:200;
	border-radius:10px;
}
.kuang {
	height:auto;
	text-align:center;
	padding:15px 0;
	font-size:1.3rem;
}
.kuang b {
	font-size:1.5rem;
}
.txtcss {
	color:red;
	font-weight:800;
	font-size:1.5rem;
}
.copy {
	font-size:1.4rem;
	background-color:#004bc6;
	width:50%;
	margin:10px 25%;
	padding:2% 0;
	text-align:center;
	color:black;
	border-radius:5px;
}
.copy a {
	color:white;
}
.guanbi {
	text-align:center;
	position:absolute;
	right:20px;
	top:10px;
	font-size:30px;
}
.onlinebox {
	position:fixed;
	top:auto;
	bottom:0;
	right:0;
	width:100%;
	_position:absolute;
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
	z-index:990;
}
.onlineboxcenter {
	float:left;
	width:100%;
	color:#fff;
}
	.onlineboxul li.onlinecontact {
	width:25%;
	height:36px;
	line-height:36px;
	padding:0;
	margin:0;
	float:left;
	border-radius:0;
}
.onlineboxul li.onlinecontact img {
	width:100%;
	height:36px;
}
.onlineboxul {
	border:0px solid #3c5cf6;
	padding:0px;
	margin:0;
	height:36px;
	line-height:36px;
	
}
.onlineboxul li {
	text-align:center;
	width:25%;
	background:#004bc6;
	height:36px;
	line-height:36px;
	padding:0;
	float:left;
	margin:0;
	font-size:1.5rem;
}
.onlineboxul li a {
	color:#fff;
	display:block;
}
.onlineboxul li span {
	color:#fff;
	font-size:1.5rem;
}
.onlineboxul .weixin {
	height:130px;
	display:none;
}
.onlineboxul .weixin img {
	height:130px;
}
.onlineboxul li .plx {
	display:none;
}
.onlineboxul li .mlx {
	display:block;
	font-weight:normal;
}
.about-box{width:100%;padding:45px 0;height:100%;background:#fff;border-radius:6px;box-shadow: 10px 5px 20px rgba(200,200,200,.3);transition: all .3s;}
.block-about{max-width:96%;height:100%;margin:40px auto 0;position:relative;padding:2%;}
.block-about-left{width:100%;height:100%;margin:0%;float:left;border-radius:6px;overflow:hidden;}
.block-about-left img{width:100%;height:100%;}
.block-about-right{width:100%;height:100%;margin:2% 0;float:left;color:#333;}
.block-about-right p{font-size:1.3rem;margin-bottom:10px;}
.block-about-right div{font-size:1.6rem;margin:10px 0;font-weight:bold;background:url(../images/icon-4.png)no-repeat center left;padding-left:28px;}
.block-about-right ul {margin:15px 0;}
.block-about-right ul li{font-size:1.3rem;background:url(../images/icon-5.png)no-repeat center left;padding-left:25px;margin-bottom:10px;}
	.content{width:96%;margin:2%;}
.content-header{}
.content-header .title{font-weight:bold;font-size:2rem;margin:15px 0 15px;}
.content-header .info{font-size:1.1rem;color:#999}
.block-body{width:96%;margin:1%;padding:1%;float:left;background:#fff;border-radius:10px;box-shadow: 0px 0px 20px rgba(200,200,200,.3);transition: all .3s;}
.content-body{float:left;margin:2% 0}
.content-body img{width:90%;margin:0 5%;}
.article-list-body{width:96%;margin:1%;padding:1%;float:left;background:#fff;border-radius:10px;box-shadow: 0px 0px 20px rgba(200,200,200,.3);transition: all .3s;}
.article-list-body ul{width:100%;}
.article-list-body ul li{width:100%;height:auto;padding:2% 0;position:relative;border-bottom:1px solid #e9e9e9}
.article-list-body ul li:last-child{border-bottom:0px;}
.article-list-body ul li .article-list-img{width:30%;height:100px;float:left;}
.article-list-body ul li .article-list-img img{width:100%;height:100%;}
.article-list-body ul li .article-list-right{width:68%;height:100px;float:left;margin:0 0 0 2%;}
.article-list-body ul li .article-list-txt{height:24px;line-height:24px;font-size:1.4rem;font-weight:bold;margin:1% 0}
.article-list-body ul li .article-list-dsc{max-height:48px;line-height:24px;overflow:hidden;font-size:1.1rem;color:#999}
.article-list-body ul li .article-list-time{height:24px;line-height:24px;font-size:1.1rem;color:#999}
.catalogue-body{width:100%;float:left;margin:2% 0;padding:0}
.catalogue-body ul li{width:48%;margin:2% 1%;}
.catalogue-body ul li .alone-img{width:100%;height:140px;}
.catalogue-body ul li .alone-img img{width:100%;height:100%;}
.block-body-right{float:left;width:98%;margin:1%;}
.right-block{padding:2%;background:#fff;border-radius:10px;box-shadow: 0px 0px 20px rgba(200,200,200,.3);transition: all .3s;}
.right-block-title{font-weight:bold;font-size:1.8rem;height:22px;line-height:22px;padding:0 35px;margin:5px 0 15px;}
.right-block ul li{font-size:1.4rem;height:40px;line-height:40px;}
	 #wrap {
        max-width: 100%;
        margin:2% 0;
		height:100%;
		position:relative;
    }
	.bottom{width: 100%;height:auto;overflow: hidden;background-size: 100% 100%;color: #FFFFFF;}
.bottom .footer{max-width:1200px;margin:0 auto;display:block;padding:20px 0;}
.footer_r a{color:#fff;}
.bottom .footer .footer_l{width:90%;margin:3%;background:#7fa5e2;border-radius:6px;padding:2%;}
.bottom .footer .footer_l .logo-txt{width:153px;height:47px;margin-bottom:10px;}
.logo-txt img{width:100%;height:100%;}
.bottom .footer .footer_l p{font-size:1.4rem;letter-spacing: 2px;padding-left: 12px;color:#333}
.bottom .footer .footer_r{display: block;width:96%;margin:5% 2%;}
.bottom .footer .footer_r dl{width:46%;margin:2%;float:left;}
.bottom .footer .footer_r dl dt{font-size:1.4rem;margin-bottom: 20px;height:20px;line-height:20px;border-left:3px solid #e5e5e5;padding-left:8px;}
.bottom .footer .footer_r dl dt a{font-size:1.4rem;}
.bottom .footer .footer_r dl dt a:hover{color: #f1f1f1;}
.bottom .footer .footer_r dl dd{font-size:1.2rem;line-height: 28px;color:#e9e9e9}
.bottom .footer .footer_r dl dd a{font-size:1.2rem;}
.bottom .footer .footer_r dl dd a:hover{color: #f1f1f1;}
.bottom .copyright{width: 96%;margin: 0 auto;border-top: 1px solid #2253a3;text-align: center;padding:30px 0;letter-spacing: 2px;}
.copyright a{color:#fff;margin:0 4px 0 0}
.wrap-body{background:#fff;width:96%;margin:2%;border-radius:6px;box-shadow: 10px 5px 20px rgba(200,200,200,.3);transition: all .3s;clear:both;padding:2% 0;}
	 #catalogue {
        width: 100%;
        height: 44px;
    }
	#catalogue-t {
        width: 26.5%;
        height:49px;
        padding-left: 0.5%;
        line-height: 50px;
        text-align: left;
        font-size:1.4rem;
        color: #333;
        font-weight: bold;
        border-bottom: 1px solid #333;
    }
	   #catalogue-list>li {
        float: left;
        box-sizing: border-box;
        width:16.5%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 1.2rem;
        background-color: rgb(245, 245, 245);
        color: rgb(100, 100, 100);
        border-bottom: 1px solid #333;
        cursor: pointer;
        user-select: none;
    }
	#catalogue-pic ul li{width:47%;margin:1% 1%;padding:0.5%;border-radius:6px;background:#fff;box-shadow: 0px 0px 25px rgba(210,210,210,.2);}
	.show-pic {height:140px;}
	.show-pic img{width:100%;height:140px;}
	.mst{width:auto;margin:1% 1%;float:left;background:#f0f0f0;padding:2px 10px;font-size:1.1rem;line-height:30px;height:30px;border-radius:4px;}
	.innovate{width: 100%;height:auto;overflow: hidden;padding: 45px 0 ;}
	.innovate .list ul li{float:left;width:92%;height: auto;margin:2%;padding:2%;background-color: #FFFFFF;background-size:40%;border-radius: 10px;box-shadow: 0px 0px 25px rgba(210,210,210,.2);background-repeat: no-repeat;transition: all .3s;}
	.innovate .list ul li p{color: #333333;font-size: 1.3rem;line-height: 30px;text-align: left;width: 70%;}
	.innovate .list ul li h4{font-weight: bold;color: #004bc6;font-size: 1.8rem;text-align: left;padding: 15px 0}
.innovate .list ul li.one{background-image: url(../images/innovate-pic1.png);background-position: center right 10px;}
.innovate .list ul li.two{background-image: url(../images/innovate-pic2.png);background-position: center right 10px;}
.innovate .list ul li.three{background-image: url(../images/innovate-pic3.png);background-position: center right 10px;}
.innovate .list ul li.four{background-image: url(../images/innovate-pic4.png);background-position: center right 10px;}
#new_box {
	width: 100%;
	padding:45px 0px;
	margin: 0 auto;
	overflow: hidden;
}
.new_telst li {
	width: 100px;
	line-height: 30px;
	text-align: center;
	float: left;
	display: inline;
	cursor: pointer;
	font-size:1.4rem;
}
.new_telst p {
	position: absolute;
	top: 32px;
	left: 0px;
	width: 100px;
	height: 7px;
	border-top: 3px solid #004bc6;
	overflow: hidden;
	text-align: center;
}
.new_lst {
	height: 650px;
	position: relative;
	overflow: hidden;
	display: none;
	margin:0%;
	padding:1%;
}

li.new_cnlf {
	width: 96%;
	height:100%;
	margin:2%;
	padding:0;
	position:relative;
	float: left;
}
.newlf_img{width:100%;height:167px;}
li.new_cnrf {
	float:left;
	width:96%;
	margin:2%;
	padding:0;
	position:relative;color:#333;
}
.newlf_tel{
position:relative;
color:#fff;
margin-top:-50px;
	line-height: 50px;
	display: block;
	text-align:center;
	font-size:1.6rem;
	text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
	background-color:rgba(0,0,0, .5)
}
.newrf_lst ul li {
	width: 100%;
	float: left;
	height:30px;
	line-height:30px;
	margin:10px 0 10px 0;
	 text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}
.newr-top{margin:10px 0;padding:0; width:auto;height:30px;
	line-height:30px;text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap; }
	.slider, .slider ul li{width:auto;height:180px;overflow: hidden;}
	.slider ul li img{width:100%;height:100%;}
	.services{width: 100%;height:100%;margin:0;padding:30px 0}
	.services .w1200 ul{display:block;}
	.services .w1200 ul li{width:92%;margin:2%;padding:2%}
	.r-con{display:none;}
	.com-name{display:none;}
	.com-item{display:none;}
	.logo {
	float: left;
	width:104px;
	height:30px;
	margin:5px 0;
}
	 .nav {
    background: #f2f2f2;
    position: relative;
  }
.mobNav {
    display: block;
  }
.mobNav .toolBar {
	display:block;
	width:30px;
height:30px;
margin:5px 10px;
    overflow: hidden;
  }
.mobNav .menuBtn {
    height:100%;
    width: 100%;
    background:url(../images/menubtn.png) center center no-repeat;
	background-size:100%;
    border: none;
    outline: none;
  }
.mobNav .menuBtn:active {
    opacity: 0.8;
  }
.mobNav .menuBtn.close {
    background: url(../images/close.png) center center no-repeat;
    background-size: 100%;
  }
.mobNav a {

  }
.mobNav a img {
    height: 100%;
    width: auto;
  }
.mobNav span {

  }
.dropdown {
    position:relative;
    left: 0;
    width:100%;
    background:#f0f0f0;
    z-index: 999;
    display: none;
  }
.dropdown .menu {
width:100%;
  }
.dropdown .menu li {
    width: 100%;
		background:#004bc6;text-align:center;
		
  }
.dropdown .menu a {
    float:none;
	font-size:1.2rem;
	text-align:center;
	color:#fff;
	height: 40px;
  line-height:40px;
  }
.dropdown.show {
    display: block;
  }
	
}