/*****logobox*****/
.logo img{margin-top:15px;}
.logobox{position:relative;}
.media,.media .media{margin-top:0;}
.logobox button{cursor:pointer;border:none; color:#da1c24; font-size:22px;display:none;z-index:20000;background:none;float:left !important;z-index:2;}
/*nav*/
#nav{height:92px;width:840px;float:right;}
#nav ul>li{float:left;width:12.5%;text-align:center;position:relative;line-height:92px;}
#nav ul>li:last-child{background:none;}
#nav ul>li>a{display:inline-block;font-size:18px;border-bottom: 3px solid #fff;line-height:89px;}
#nav ul>li>a i{display: inline-block;width: 7px;height: 7px;margin-left: 10px;vertical-align: middle;border-bottom: 1px solid #000;
border-right: 1px solid #000;transform: rotate(45deg);margin-top:-5px;}
#nav ul>li.active>a{border-bottom: 3px solid #004f94;line-height:89px;color:#004f94;}
#nav ul>li.active>a i{border-bottom: 1px solid #004f94;
border-right: 1px solid #004f94;}
#nav ul .submenu{position:absolute;width:100%;top:92px;z-index:99;background:#004f94;display:none;}
#nav ul .submenu li a{color:#fff;display:block;line-height:25px;padding:10px 0;}
#nav ul .submenu li a:hover{background: #00437f;}
.search-click{margin-top:30px;}

/*search*/
.seach-content{display: none;position: absolute;z-index: 999;top:0;left: 0;right: 0;bottom: 0;}
.seach-content .search-shadw{position: absolute;background: rgba(0,0,0,0.5);height: 100%;top: 0;bottom: 0;left: 0;right: 0;}
.seach-content .search-wrap{position: absolute;top: 400px;left: 0;z-index: 999;width: 100%;}
.seach-content .iframe-content{position: relative;z-index: 10;height: auto;-webkit-box-sizing: border-box;box-sizing: border-box;}
.seach-content .iframe-content .seek-box {width: 680px;margin-left: auto;margin-right: auto;margin-bottom: 30px;}
.seach-content .layui-input{width: 680px;height: 60px;background: #fff;border: none;padding-left: 20px;}
.seach-content .glyphicon{width:100px;line-height:56px;border: none;background: #004f94;color: #fff;right: 2px;top: 2px;}


/*公共大标题*/
.index-title .t1{font-size:36px;line-height: 1.5;}
.index-title .t2{color:#818181;font-size:18px;line-height:1.2;}

/*service*/
.service{background:url(../images/bg.jpg) top right no-repeat;padding: 70px 0;overflow: hidden}
.service-list{margin: 0 8%;}
.service-list li{margin-top:20px;}
.service-list li a{display: block;position: relative;overflow: hidden;}
.service-list li a img{width: 100%;height: 302px;transition: all .6s;}
.service-list li a div{background-image: linear-gradient(transparent, rgba(0,0,0,.5),#000);position: absolute;bottom: 0;left:0;right: 0;color:#fff;padding: 15px;line-height: 1.5;text-transform: uppercase;font-size: 12px;}
.service-list li a div h3{font-size: 22px;}
.service-list li a:hover div{background-image: linear-gradient(transparent,#01b9fb,#0e57c0);}
.service-list li a:hover img{transform: scale(1.1);}

/*aboutus*/
.aboutus{background:#f8f8f8 url(../images/bg2.jpg) bottom center no-repeat;padding: 70px 0;overflow: hidden;position: relative}
.aboutpic{position: absolute;right: 0;top:0;width: 6.66rem;height: 100%;z-index: 1;}
.about-text{width: 810px;font-size: 16px;;}
.aboutus .index-title .t1{font-size: 40px}
.about-text p{text-indent: 2em;}
.aboutus ul{display: flex;}
.aboutus li{border-right: 1px solid #ddd;padding: 0 40px;text-align: center;}
.aboutus li:last-child{border:0;}
.aboutus li strong{display: flex;font-size: 42px;color:#d82726;font-weight: normal;line-height: 1.2;justify-content:center;}
.aboutus li strong em{font-size: 13px;;}
.aboutus li p{font-size: 18px;font-weight: bold}

/*video*/
.video{background:url(../images/bg3.jpg) top right no-repeat;padding: 110px 0;overflow: hidden}
.video .t1,.video .t2{color:#fff;}
.video-list video{background: #000;}
.video-list a {display: block;overflow: hidden;height: 280px;}
.video-list a img {width: 100%;height: 100%;}

/*video*/
.news{background:url(../images/bg4.jpg) top right no-repeat;padding-top:70px;overflow: hidden}
.news-left{width: 700px;float: left}
.news-left img{width: 100%;height: 422px}
.news-left .newsLeft-txt{background: #f7f7f7;padding: 25px;display: flex;justify-content: space-between;align-items: center;}
.news-left .newsLeft-txt div{flex:1;margin-right: 30px;}
.news-left .newsLeft-txt strong{display: block;font-weight: normal;font-size: 18px;;}
.news-left .newsLeft-txt p{color:#949494;font-size: 16px;}
.news-left .newsLeft-txt a{background: #004f94;border-radius: 30px;color:#fff;display: inline-block;padding: 4px 25px;;}
.news-left a:hover{background: #0692e3;}
.news-right{width: 572px;float: right}
.news-right li{border-bottom: 1px solid #e5e5e5;padding: 30px 0;font-size: 16px;line-height: 1.5}
.news-right li span{display: block;color:#9d9d9d;}
.news-right li strong{display: block;font-weight: normal;font-size: 18px;;}
.news-right li p{color:#9d9d9d;margin-top:5px;}

/*footer*/
.friendlink{line-height:34px;font-size:16px;padding:20px 0;}
.friendlink a{padding:0 10px;}
.foot{background: #004f94;overflow: hidden;padding: 60px 0 15px;}
.foot-box{color:#fff;}
.foot a{color:#397db9;}
.foot dl{float: left;margin-right: 40px;width: 200px;}
.foot dl dt{color:#fff;font-size: 18px;position: relative;margin-bottom: 20px;}
.foot dl dt:before{background: #f52626;width: 14px;height: 4px;content:'';position: absolute;left:0;bottom:-10px;}
.foot .foot-right{float: right;}
.copyright{background: #004582;padding: 15px;color:#fff;}
.foot a:hover{text-decoration:underline;color:#fff;}
.foot .footer-nav dd {float: left;width: 50%;}


/*footer-tools*/
.footer-tools{position:fixed;left:0;bottom:0;right:0;z-index:999;background:#2b2b2b;height:1rem;}
.footer-tools ul li{width:25%;float:left;}
.footer-tools ul li a{display:block;text-align:center;color:#FFF;font-size:.18rem;height:.88rem;padding-top:.1rem;line-height:1.5;}
.footer-tools ul li a img{width:.42rem;height:.42rem;}

@media only screen and (min-width: 320px) and (max-width: 640px){
.logobox{text-align:center;height:.9rem;}
.logo{width: 100%}	
.logobox .logo,.video-list{margin:0;}
.logobox .logo img{width:2.8rem;margin-top:5px;float:left;padding:0;}
.logobox{padding:0;}
.logobox button{display:block;margin-top:5px;}
.logobox .head-icon{width:.9rem;height:.9rem;float:right;display:block;position:relative;}
.logobox .head-icon span{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:.5rem;height:.37rem;
transition:all 0.5s ease-in-out;background-position:center center;background-size:100% 100%;background-repeat:no-repeat;background-image:url(../images/icon1.png)}
.head-icon.active span{width:0.37rem;height: 0.37rem;background-image: url(../images/icon2.png);}
/*主导航样式*/
#nav{background:none;background-color: rgba(0, 0, 0, 0.7);height:auto;width:100%;}
#nav ul>li{width:100%;background:none;border-right:none;line-height: inherit;}
#nav ul>li a{color:#000;font-size:14px;line-height: .8rem;}
#nav ul>li.active>a{line-height:.8rem;color:#666;background:none;}
#nav ol li{background:#f7f7f7;border-bottom:1px solid #fff;}
#nav ol li a{color:#999;}
#nav ul>li:hover a{color:#333;font-weight:bold;}
.navbar{position: fixed;display:none;top:.9rem;left:0;width:100%;bottom:0;z-index:9999;}
.navbar-nav{width: 100%;background-color:#fff;z-index:1200;border-top:.01rem solid #e5e5e5;padding-bottom:.8rem;}
.navbar-nav>ul{width:100%;height:auto;overflow:hidden;}
.navbar-nav>ul>li{width:100%;height:auto;overflow:hidden;border-bottom:.01rem solid #e5e5e5;float:none}
.navbar-nav>ul>li a{display:block;width:100%;text-align:center;line-height:.8rem;height:.8rem;font-size:.24rem;color:#666;}
.navbar-nav>ul>li a:hover{color:#149350;}

#nav ul>li>a i{display: none;}
/*自主加的css样式--------------------------*/
#footer{padding-bottom:1rem;margin-top:15px;}
.foot {padding-top: 0!important;}

body{font-size:12px !important;}

.news-left,.news-right,.about-text,.foot-right{width:100%;float:none;}
.service{background-size: 100%;}
.aboutus{margin-top:20px;}
.service,.aboutus,.video,.foot{padding: 20px 0;}
.aboutus li{padding: 0 10px;}
.aboutus li strong{font-size: 24px;}
.index-title .t1{font-size: 18px;}
.service-list li a div h3,.aboutus li p,.news-left .newsLeft-txt strong,.foot dl dt{font-size: 14px;}
.index-title .t2,.about-text p,.news-left .newsLeft-txt p,.news-right li{font-size: 12px;}
.service-list{margin: 0 15px;}
.service-list li a img{height: 160px;}
.news{padding-top:20px;}
.aboutpic{position: inherit;width: 100%;}
.video-list video{height: 140px;}
.video-list a {display: block;overflow: hidden;height: 2.6rem;}
.video-list >ul >li:nth-child(3) {display: none;}
.news-left img{height: 200px;}
.news-left .newsLeft-txt{display: inherit;font-size: 12px;}
.foot dl{margin-right: 10px;}

}
.swiper-container{width:100%;height:700px;}
.swiper-slide{background-repeat:no-repeat;background-size:cover;background-position:center;}
@media only screen and (min-width: 1440px) and (max-width: 1660px){
  .about-text{width: 740px;}
}
@media screen and (max-width:1440px){
  .about-text{width: 660px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1440px){
	.layui-container{width: 1000px}
	.news-left{width: 500px;}
	.news-right{width: 450px}
	.foot dl{margin-right: 20px}
	.foot dl:nth-child(2),.foot dl:nth-child(3){width: auto;}
	.foot .foot-right{float:none;}
	.about-text{width: 520px;}
	.aboutpic{width: 5.6rem}
	.service-list li a img{height: 230px}
	.swiper-container{height:600px;}
	 .logo img{height: 40px}
	 #nav{width: 740px}
	 .main-right{width: 690px !important}
	 .imgBox-rightTxt{width: 260px;float: right;}
	 .proContent-wrap img{width: 100%;height: auto;}

}

@media screen and (max-width:1024px){
  .swiper-container{height:400px;}
  .about-text{width: 420px;}
  .logo img{height: 30px;margin-top:30px;}
  #nav{width: 520px}
  #nav ul>li>a{font-size: 15px}
  .aboutpic{width: 4.2rem}

}
@media screen and (max-width:767px){
  .swiper-container{height:300px;}
}
@media screen and (max-width:665px){
  .swiper-container{height:250px;}
}
@media screen and (max-width:560px){
  .swiper-container{height:180px;}
}
@media screen and (max-width:414px){
  .swiper-container{height:150px;}
}
@media screen and (max-width:375px){
  .swiper-container{height:180px;}
}