@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.ttf') format('truetype');
}
body{transition: 0.5s;
overflow-x: hidden;
}
.clearfix {
    zoom: 1;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
h3,h2{margin: 0;overflow: hidden;white-space: nowrap;}
ul,
li {
    list-style: none;
    padding: 0;
    margin: 0;
}

a:hover {
    text-decoration: none;
}
.mg50{
	margin-top: 40px;
}
#body{padding-top:60px;}
.header {
    width: 100%;
    padding: 0px;
    position: fixed;
    top:0;
    left: 0;
    background: #FFF;

}

.wp1 {
    max-width: 90%;
    margin: 0 auto;

}
.wp2{
	max-width: 1480px;
	margin: 0 auto;
	width: 80%;
}
.wp3{
	max-width: 1200px;
	margin: 0 auto;
}
.wp4{max-width: 1000px;margin: 0 auto;}
.logo {
    width: 15%;
    float: left;
}
.logo img{height:60px;}
.menu {
    float: left;
}

.menu ul {
    width: 100%;
}

.menu ul li {
    float: left;
    line-height: 60px;
    position: relative;
}

.menu ul li a {
    color: #000;
    font-size: 16px;
    padding: 0px 42.5px;
}
.menu ul>li>a:hover{color: #004da0;}
.menu ul li ul{position: absolute;left: 0;z-index: 99999;display: none;}
.menu ul li ul li{line-height: 40px;background: #FFF;width:120%; white-space: nowrap;text-align: center;}
.menu ul li ul li:hover{background: #004da0;}
.menu ul li ul li a{padding:0;}
.menu ul li ul li:hover a{color: #FFF;}
.menu ul li:hover ul{display: block;}
.search {
    padding-top: 5px;
    float: right;
    margin-right: 5px;
}

.search .form-control,
.search .btn {
    border: none;
    box-shadow: none;
}

.search form {
    border: 1px solid #555;
    border-radius: 5px;
    padding: 0px;
}

.tel {
    float: right;
    margin-top: 12px;
    font-size: 26px;
    height: 30px;
    position: relative;
    padding-left: 20px;
    margin-left: 20px;
}

.tel:before {
    content: "";
    position: absolute;
    left: 0;
    height: 30px;
    border-left: 1px solid #333;
    top: 4px;
}

.tel i {
    font-size: 26px;margin-right: 20px;
}
.wap-nav{display: none;
padding:3% 5%;
	    overflow-y: auto;
	    width: 100vw;
	    
	    padding-bottom: 30px;
	    background-color: #00152d;
	    position: absolute;
	    
	    left: 100%;
	    z-index: 999;
	    /* border-top: 1px solid #ffffff; */
	    transition: all 0.5s ease;
	    -webkit-transition: all 0.5s ease;
}
.wap-nav ul li{line-height: 35px;}
.wap-nav ul li a{color: #fff;font-size: 16px;}
.wap-st p{color: #FFF;margin-top: 15px;font-size: 18px;}
#menuBtn{
    display:none;
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 50;
}

#menuBtn > a{
    display:block;
    overflow:hidden;
    width:60px;
    height:60px;
    text-decoration:none;
    /*background-color:#00152d;*/
    position:relative;
    text-align: center;
}

#menuBtn > a > span{
    display:block;
    overflow:hidden;
    width:26px;
    height:2px;
    background-color:#333;
    position:absolute;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#menuBtn > a > span:nth-child(1){
    top:18px;
    left:17px;
}

#menuBtn > a > span:nth-child(2){
    top:25px;
    left:17px;
}
#menuBtn > a > span:nth-child(3){
    top:32px;
    left:17px;
}

#menuBtn > a > b{
    position:absolute;
    width:100%;
    font-size:10px;
    color:#333;
    bottom:7px;
    left:0;
}


.opnav #menuBtn > a > span:nth-child(1){
    top:24px;
    transform: rotate(-225deg);
    -webkit-transform: rotate(-225deg);
}

.opnav #menuBtn > a > span:nth-child(2){
    opacity:0.0;
}

.opnav #menuBtn > a > span:nth-child(3){
    top:24px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}


#spNavi .contactInfo{
    display:none;
}

#banner-min{
    width:100%;
    height:350px;
    background:url('../images/bg1.jpg') center no-repeat;
    text-align: center;
    
}
#banner-min h2{
    color: #FFF;
    position: relative;
    width: 100%;
    top: 20%;
    font-size: 3.8em;
    margin: 0;
}
#banner-min h2:after{
    content: "";
    width: 120px;
    border-bottom: 5px solid #fff;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    top: 150%;
}
#banner-min p{
    color: #FFF;
    font-size: 1.2em;
    position: relative;
    width: 80%;
    margin-left: 10%;
    top: 40%;
}
/*产品应用中心*/
.index-product h2{
	text-align: center;
	margin-bottom: 40px;
}
.index-product ul li{
	width: 28.2%;
	margin:0% 2.5% 2%;
	position: relative;
	float: left;
	overflow: hidden;
}


.index-product ul li img{
	width: 100%;
	transition: all 1s;
}
.index-product ul li:hover img{
	transform: scale(1.3);
}
.index-product ul li div.box{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	transition: all 0.5s;
	opacity: 1;
	left: 0;
	top: 0;
}
.index-product ul li div.box a{
	display: block;
	width: 100%;
	height: 100%;
}
.index-product ul li div.box p{
	width: 100%;
	text-align: center;
	color: #FFF;
	font-size: 18px;
	transition: all 0.5s;
	
	position: absolute;
	top: 50%;
	margin-top:-9px; 
}
.index-product ul li:hover div.box{
	opacity: 1;
}
.index-product ul li:nth-child(7),.index-product ul li:nth-child(8),.index-product ul li:nth-child(9){margin-bottom:0;}
/*.index-product ul li:hover div.box p{*/
	
/*	top: 50%;*/
/*	margin-top:-9px; */
/*}*/

/*专题活动*/
.index-zhuanti h2{text-align: center;margin-bottom:40px;}
.index-zhuanti ul li{
	width: 48%;
	float: left;
	margin:0 1% ;
}
.index-zhuanti ul li img{
	width: 100%;
	transition: all 0.8s;
}
.index-zhuanti ul li:hover img{box-shadow: 0px 0px 10px #777;}

/*合作伙伴*/
.partner h2{
	text-align: center;
	margin-bottom: 40px;
}
.partner ul li{
	width: 18%;
	margin:0% 1% 2%;
	float: left;
}
.partner ul li img{
	width: 100%;
	transition: all 0.5s;
}
.partner ul li img:hover{
	box-shadow: 0px 0px 8px #999;
}

/*新闻资讯*/
.index-news{
	padding: 40px 0px 0;
	background: #eff0f0;
	margin-top: 6px;
}
.index-news h2{
	text-align: center;
	margin-bottom: 40px;
}
.news-item dl{
	width: 48%;
	margin:0% 1% 40px;
	float: left;
	background: #FFF;
	padding: 20px;
	position: relative;
}
.news-item dl:after{
	content: "";
	transition: all 0.5s;
	position: absolute;
	height: 0;
	width: 3px;
	
	right: 0px;
	top: 50%;
}
.news-item dl:hover:after{
	height: 100%;
	background: #001966;
	top: 0;
	right: 0px;
}
.news-item dl dt{
	width: 40%;
	float: left;
	overflow: hidden;
}
.news-item dl dt img{
	width: 100%;
	transition: all 0.5s;
}
.news-item dl dd{
	padding-left: 3%;
	float: left;
	width: 60%;
}
.news-item dl dd h3 a{
	color: #333;
	font-size: 16px;
	font-weight: bold;
}
.news-item dl dd p{
	font-size: 14px;
    height:150px;
	line-height: 21px;
	color: #666;
	margin-top: 10px;
}
.news-item dl dd span{
	display: block;
	float: right;
}
.news-item dl dd span a{
	color: #333;
	transition: all 0.8s;
	margin-right: 0;
}
.news-item dl dd span a i{
	font-size: 20px;
}
.news-item dl dd span a:hover,.news-item dl dd h3 a:hover{
	color: #dc2f2f;
}
.news-item dl:hover img{
	transform: scale(1.2);
}
.news-item dl:hover dd span a{
	margin-right: 20px;
}

/*友情链接*/
.link{min-height: 78px;background:#e0e1e1;}
.link .wp{padding: 0 2%;}
.link span{width: 168px;height: 78px;display: block;float: left;background: url(../images/link.png) center no-repeat;color: #FFF;line-height: 78px;padding-left: 25px;font-size: 24px;margin-left: 1%;}
.link a{color: #333;line-height: 78px;font-size: 17px;margin-left: 20px;font-weight: bold;display: inline-block;}
.link a:hover{color:#001966; }
/*footer*/
.footer{width: 100%;padding: 10px 0px;background: #001966;}
.foot-left ul li{width: 30%;float: left;padding: 50px 0px;color: #FFF;}
.foot-left ul li a{color: #FFF;}
.foot-right{float: right;text-align: center;}
.foot-right p{color: #FFF;margin-top: 10px;}

/*内页*/

.location{line-height: 60px;padding: 0 1%;font-size: 16px;}
.location i{font-size: 24px;color: #000;font-weight: bold;float: left;margin-right: 10px;}
.location.bg{background:#f8f8f8; margin-bottom: 30px;}
.location a{color: #333;}
.location span{margin-left: 5px;margin-right: 5px;}
.product ul li{width:23%;float: left; text-align: center;margin:0 1% 2%;}
.product ul li img{width: 100%;transition:all 0.5s;}
.product ul li div{overflow:hidden;}
.product ul li:hover img{transform:scale(1.2);}
.product ul li p{margin-top: 20px;font-size: 16px;color: #333;}

.news .news-item dl{width: 100%;box-shadow: 0px 0px 5px #CCC;margin: 1%;}
.news .news-item dl dt{width: 20%;}
.news .news-item dl dd{width: 80%;}

.show{padding:50px;box-shadow: 0px 0px 5px #CCC;margin: 1%;}
.show .title{text-align: center;}
.show-content{margin-top: 30px;color: #444;}
.pn{margin:30px 1%;}
.pn ul li{width: 50%;float: left;color: #666;}
.pn ul li a{color: #333;}
.pn ul li a:hover{color:#dc2f2f; }

/*
 .RighInfo002254
 */
.RighInfo002254{padding: 0 1%;padding-bottom: 3%;}
.RighInfo002254 .list_img{float:left; width:45%; position:relative;}
.RighInfo002254 .big_img{ height:100%; width:75%;float:left;}
.RighInfo002254 .big_img li{ height:100%;width: 100%;}
.RighInfo002254 .big_img li img{background-size:contain;width: 100%;}
.RighInfo002254 .list{ padding:42px 0 42px 80%;}
.RighInfo002254 .list .bd{position:relative;}
.RighInfo002254 .list a{position:absolute; width:17.1%; height:40px; right:0; background:url(../images/righinfo002254-btn_prev.png) no-repeat center center/auto 50%;  cursor:pointer;}
.RighInfo002254 .list a.prev{top:0;}
.RighInfo002254 .list a.next{bottom:0; background-image:url(../images/righinfo002254-btn_next.png);}
.RighInfo002254 .list a.prevStop,
.RighInfo002254 .list a.nextStop{cursor:default;}
.RighInfo002254 .list li{height:130px; position:relative;margin-top:25px;line-height:130px;}
.RighInfo002254 .list li img{ position:absolute; left:0; width:100%; background-size:contain; border:1px solid #f2f2f2;max-height: 130px;}
.RighInfo002254 .list li.on img{ border:2px solid #043168;}

.pd-info{width: 48%;float: right;}
.pd-info h3{padding-left: 20px;}
.pd-info .des1{font-size: 16px;line-height: 23px;color: #666;margin-top: 20px;border-bottom: 1px solid #CCC;padding-bottom: 20PX;padding-left: 20px;}
.pd-info .des2{padding-left: 20px;margin-top: 20px;border-bottom: 1px solid #CCC;padding-bottom: 5PX;}
.pd-info .des2 ul li{color: #666;line-height: 25px;list-style: disc;list-style-position: inside;font-size: 16px;}
.pd-info .des2 p{font-size: 16px;margin-top: 20px;color: #666;}
.pd-info .des2 p b{font-size: 20px;}
.contact{margin-top: 25px;}
.contact ul li{width: 50%;float: left;text-align: center;}
.contact a{display: inline-block;padding: 15px 30px;background: #ea0000;color: #FFF;font-size: 16px;}
.contact a i{margin-right: 10px;}
.contact ul li:nth-child(2) a{background:#1c41ac; }
.detail{margin-top: 50px;}
.detail .top{border-bottom: 1px solid #CCC;}
.detail .top span{display: inline-block;padding: 0px 50px;background:#1c41ac;color: #FFF;font-size: 18px; line-height: 60px;}
.detail .top img{float: left;margin-right: 10px;margin-top: 12px;}
.detail .mid{margin-top: 20px;line-height: 25px;min-height: 300px;font-size:16px;}
.detail .bot{margin-top: 60px;}
.detail .bot h3{margin-bottom: 60px;text-align: center;}
.detail .bot .swiper-slide{overflow: hidden;}
.detail .bot .swiper-slide img{transition: all 0.5s;}
.detail .bot .swiper-slide:hover img{transform:scale(1.2);}
#mid-table{max-width:100%; overflow-x: auto;padding-bottom:30px;}
#mid-table table tr td{font-family:"微软雅黑";white-space:nowrap;}
.swiper-pc{display:block;}
.swiper-wap{display:none;}
.swiper-container {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* 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;
    }
    .swiper-slide img{max-width: 100%;}
/*分页*/
.page{ margin-top:50px; margin-bottom:20px; text-align:center;font-size:13px;padding: 0 1%;}
.page a{    
    border: 1px solid #ccc;
    display: inline;
    padding: 3px 10px 3px 10px;
    margin-right: 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
    background: #fff;
    text-decoration:none;
    color:#999;
}
.page a:hover{
    border:1px solid #FF6600; 
    background-color:#FF6600; 
    color:#fff;
}
.page span{
    border: 1px solid #FF6600;
    display: inline;
    padding: 3px 10px 3px 10px;
    margin-right: 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #FFEEE5;
    color: #FF6600;}
.wap-kefu{width:100%;position:fixed;z-index:99999;bottom:0;left:0;display:none;background:#FFF;border-top:1px solid #efefef;}    
    .wap-kefu ul li{width:50%; display:inline-block;text-align:center;float:left;padding:5px 0;}

    .wap-kefu ul li span{display:block;color:#333;}
@media screen and (max-width: 1441px) {
	.menu ul li a{padding: 0 2em;}
	.RighInfo002254 .list_img{
	    width: 50%;
	}
	.RighInfo002254 .list li{
	    margin-top: 20px;height: 110px;
	}
}
@media screen and (max-width: 1306px) {
	.menu ul li a{padding: 0 1.2em;}
}
@media screen and (max-width: 1064px) {
	.header{position: fixed;z-index: 99;width: 100%;background: #FFF;top: 0;}
	
	#menuBtn{display: block;top:0;}
	.menu{display: none;}
	.tel{margin-right: 20px;}
	.wp4{padding: 0px 3%;}
	.wap-nav{top: 80px;display: block;}
	.wap-st{display: none;}
	.opnav .wap-nav {
    	left: 0;
    	
	}
	.RighInfo002254 .list li{
	    margin-top: 15px;height: 80px;
	}
	.product ul li{width: 46%;margin: 2%;}

	
}

@media screen and (max-width: 770px) {
    #body{padding-bottom:60px;}
    .wp{max-width:96%;}
    .header{padding:10px 0px;}
	.logo  img{height: 40px;}
	#menuBtn{top: 6px;}
	#menuBtn > a{height:47px;}
	#menuBtn > a > span:nth-child(1){top:9px;}
	#menuBtn > a > span:nth-child(2){top:16px;}
	#menuBtn > a > span:nth-child(3){top:23px;}
	#menuBtn > a > b{bottom:4px;}
    .opnav #menuBtn > a > span:nth-child(3){
        top:12px;
    }
    .opnav #menuBtn > a > span:nth-child(1){
        top:12px;
    }
	.tel,.search{display: none;}
	.wap-nav{top: 60px;}
	.wap-st{display: block;}
	.product ul li p{font-size:13px;}
	#mid-table{width:100%; overflow-x: scroll;padding-bottom:30px;}
	#mid-table tr td{padding:5px;}
	.page ul li{display:inline-block;}
	#banner-min{
    width:100%;
    height:350px;
    background:url('../images/bg1.jpg') center no-repeat;
    text-align: center;
    
    
}
#body{padding-top:60px;}
#banner-min{height: 260px;}
#banner-min h2{
    color: #FFF;
    position: relative;
    width: 100%;
    top: 8%;
    font-size: 2.2em;
    margin: 0;
}
#banner-min h2:after{
    content: "";
    width: 120px;
    border-bottom: 5px solid #fff;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    top: 160%;
}
#banner-min p{
    color: #FFF;
    font-size: 13px;
    position: relative;
    width: 80%;
    margin-left: 10%;
    top: 24%;
}
	.index-product ul li{
		width: 46%;margin: 2%;
	}
	.form-control{float: left;margin-right: 10px;width: 70%;}
	.btn{height: 34px;}
	.mg50{margin-top:20px;}
	.index-product .wp2{width:94%;}
	.index-product h2,.index-zhuanti h2,.partner h2,.index-news h2{margin-bottom:20px;font-size:20px;}
	.index-product ul li:last-child{display: block;}
	.index-product ul li{margin:0 2% 4%;}
	.index-zhuanti ul li{width: 100%;margin: 1% 0;}
	.partner ul li{width: 46%;margin: 2%;}
	.link{display: none;}
	.news-item dl{width: 98%;margin: 1%;}
	.news-item dl dt{width: 100%}
	.news-item dl dd{width: 100%;}
	.partner ul li{width:31.33%;margin:1%;}
	.foot-left{width: 96%;}
	.foot-left ul li{width: 46%;margin: 2%;padding:20px 0;}
	.foot-right{width: 96%;}
	.index-news{padding-top:20px;}
	.news .news-item dl dt{width: 100%;}
.news .news-item dl dd{width: 100%;}
.RighInfo002254 .list_img,.pd-info{width: 96%;margin: 2%;}
.RighInfo002254 .list li{
	    margin-top: 0px;height: 50px;margin-bottom: 10px;
	}
	.main .wp1{max-width:98%;}
	.show{padding:10px;box-shadow:none;}
	.detail .bot h3{margin-bottom:20px;}
	
	.swiper-wap{display:block;}
	.swiper-pc{display:none;}
.wap-kefu{display:block;}
}