/* k */
*{margin:0; padding:0; list-style:none; }
body{ background:#fff; font-family: "Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif;  font:normal 12px/22px; }
img{ border:0;  }
a{ text-decoration:none; color:#333;  }
.clear{ clear:both} 
.w1400{width: 1400px; margin: 0 auto;}
.container {position:relative;padding:0;width:1200px!important;max-width:1200px;margin: auto;}
.fl{ float: left;}
.fr { float: right;}		
*,
::after,
::before {
	box-sizing: border-box
}
/* 头部开始 */
.head { height: 140px;}
.head .logo{ margin: 24px 0px;}
.head h1 img{ float: left; margin-right: 22px;} 
.head h1 span { font-size: 24px; float: left; border-left: 1px solid  #cacaca; height: 50px; padding-left: 22px; margin-top: 2%;}
.head h1 p{ font-size: 18px; color: #06408a; font-weight: 400; } 
.head .tel{ width: 17%; margin-top: 3%;}
.head .tel p{ font-size: 16px; margin-left: 18%; line-height: 30px;}
.head .tel .phone{ font-size: 24px; font-weight: bold; color: #c41c1c;}
.head .tel .phone img{ width: 30px; float: left; margin-right: 15px;} 
.nva { background: #06408a; height: 60px; line-height: 60px;}
.nva ul li{ width: 14%; float: left; text-align: center;}
.nva ul li i{ width: 1px; height: 22px; display: block; background: #fff; float: right; margin-top: 10%;}
.nva ul li:last-child i{ display: none;}
.nva ul li a{ color: #fff;}
.nva ul li.on{ background: #c41c1c;}
.nva ul li:hover{ background: #c41c1c;}
/* 导航 */
.swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;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-pagination-bullet { width: 15px !important; height: 15px !important;} 		
	.swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 5% !important;}
	.swiper-slide img{ height: auto; width: 100%;}
/* 搜搜*/	
.hot { display:flex; height: auto;}
.hot_key{ width: 70%; line-height: 60px;}
.hot_key span{ color: #c51d1d;}
.hot_key span i{ font-size: 16px; font-style: inherit; font-weight: bold;}
.hot_key a{ margin-right: 2%;}
.hot_key a:hover{color: #c51d1d;}
.search{ width:20%; padding: 10px 0px; box-sizing: border-box;}
.search .searchbox{ width:75%; height:40px; background:#fff; border: 1px solid #06408a; border-top-left-radius:5px; border-bottom-left-radius:5px;}
.search .searchbox img{ display:inline-block; max-width:30px; margin:0 2%; vertical-align:middle}
.search .searchbox input{ display:inline-block; border: none; height:40px; outline: medium;background:none; color:#b5c9e4; font-size:14px; line-height:40px; width:78%}
.search .searchbox input::placeholder{color:#b5c9e4; font-size:16px;border: none; }
.search .dosubmit{ width:24%; height:42px; text-align:center; font-size:14px; color:#ffffff; background:#06408a; border:0; border-top-right-radius:5px; border-bottom-right-radius:5px;}
/* 产品 */
.product { background: url( ../images/lq_pic.jpg) no-repeat bottom center; padding-bottom: 100px;}
.title { text-align: center;}
.title  h3{ font-size: 30px; line-height: 40px; }
.title  h3 i{ color: #c51d1d; font-style: inherit; text-transform:uppercase; margin-left: 1%;} 
.title  p{ font-size: 18px; font-weight: 400; line-height: 35px;}
.title span{ width: 35px; height: 5px; display: block; background: #06408a; margin: auto;}
.product_rec { width: 86%; margin: auto; margin-top: 54px; display: flex;}
.product_rec dl dt{ position: relative; background: #fff; width: 47%; height: 370px; overflow: hidden; float: left; border: 1px solid #535353; }
.product_rec dl dt img{ width: 100%;align-items: center; min-height: 100%;}
.rec_cont{ position: absolute; padding-top: 15%; display: none; top: 0;width: 100%; height: 100%; text-align: center; background: rgba(0,0,0,0.5);}	
.rec_cont p{ color: #fff;line-height: 36px; width: 50%; height: 36px; overflow: hidden; text-align: left; margin: auto; font-size: 20px;}
.rec_cont .moer i{ width: 50px; height: 50px; margin-right: 3%; background: #fff; float: left; border-radius: 50%; line-height: 50px; text-align: center; font-size: 24px;}
.rec_cont .moer span{width: 216px; overflow: hidden; margin-top: 2%; height: 36px; color: #fff; display: block; float: left; border: 1px solid #fff; line-height: 36px; text-align: center; font-size: 18px;}
.rec_cont .moer{padding-left: 22%; margin-top: 6%;}
.product_rec dl dt:hover .rec_cont{display: block;}
.product_rec dl dt{ margin-right: 4%; float: left;}
.product_rec dl dt:last-child{ margin-right: 0px;}
.product .parBd{ width: 100%; height:auto;  margin-top: 45px; position: relative;}
.product .slideBox{ position: relative;}
.product .parBd .tempWrap{ width:100%; height:auto; margin: auto; position: relative;}
.product .parBd .sPrev{background: url(../images/hleft.png)no-repeat center ;z-index: 9;}
.product .parBd .sNext{background: url(../images/hright.png)no-repeat right center ; right: 0px; right: 3%;}
.product .parBd .sPrev,.product .parBd .sNext{ width: 80px; background-size: 60%; top: 0px; height: 216px;position: absolute;display:block;}
.product .tempWrap ul li { float: left; width: 20%; height:270px; margin-right: 20px; } 
.product .tempWrap ul li .pic{ width: 100%; height:216px;border: 1px solid #333; background: #fff; display: block; text-align: center; overflow: hidden;}
.product .tempWrap ul li img{ min-height: 100%; width: 100%;}
.product .tempWrap ul li p{ line-height: 40px;  font-size: 18px; text-align: center;}
.pro_moer a{ color: #fff;}
.pro_moer { width: 130px; height: 34px; background: #06408a; display: block; text-align: center; line-height: 34px; margin: auto; margin-top: 2%;}
.pro_moer:hover { background: #c41c1c; border-radius:20px;}
.product .tempWrap ul li .pic:hover img{ -webkit-transform:scale(0.95);-moz-transform:scale(0.95);-o-transform:scale(0.95);transform:scale(0.95);
-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
/* 广告条*/
.waist{ background:url( ../images/advwai.png) no-repeat bottom center; height: 255px; margin-top: -12px;}
.waist p{ font-size: 20px; width: 40%; margin-left: 12%; color: #fff; padding-top: 12%; line-height: 38px;}
.waist p b{ font-weight: inherit; float: right; width: 270px; height: 38px; display: block; background: #fff; text-align: center; color: #c91323; border-radius: 10px;}
.waist p span{ float: left;}
/* youshi */
.advantage{background:url( ../images/advbiejing.jpg) no-repeat bottom center;}
.advantage .title_adv{ text-align: center;letter-spacing:2px; background:url( ../images/lqbeijing2.png) no-repeat bottom center; padding-bottom: 5px;}
.advantage .title_adv p{  font-size: 30px;}
.advantage .title_adv i{ font-style: inherit; font-weight: bold; color: #06408a;}
.advantage .title_adv b{ font-size: 60px; color: #c91323; font-weight: bold; padding: 0px 10px; font-style: italic;}
.advantage .title_adv p span{ font-size: 18px; padding-left: 2%;}
.advantage .title_adv h4{ font-size: 30px; padding-left: 5%;}
.advantage .title_adv h4 span{ color: #c91323; }
.top_adv{ display: inline-block;}
.advantage  .top_adv .cont{ width: 45.7%;}
.advantage  .top_adv .cont h5{ font-size: 24px; padding-left: 16%; box-sizing: border-box; line-height: 60px; font-weight: bold; background:url( ../images/lubeijing1.png) no-repeat bottom left; display: block;}
.top_adv p i{ height: auto; margin-right: 2%; display: block; float: left;}
.top_adv p {padding-left: 9%; line-height: 30px; margin-top: 4%; display: inline-flex;}
.top_adv li{ margin-bottom: 6%;}
.advantage  .top_adv .contr{ width: 45.7%;}
.advantage  .top_adv .contr h5{ font-size: 24px; padding-left: 33%; box-sizing: border-box; line-height: 60px; font-weight: bold; background:url( ../images/lubeijing2.png) no-repeat bottom right ; display: block;}
.top_adv .contr p i{ height: auto; margin-right: 2%; display: block; float: left;}
/*案例 */
.case {background: #ededed; padding-top: 50px; box-sizing: border-box; padding-bottom: 35px;}
.case .parBd{ width: 100%; height:auto;  margin-top: 62px; position: relative;}
.case .slideBox{ position: relative;}
.case .parBd .tempWrap{ width:100%; height:auto; margin: auto; position: relative;}
.case .parBd .sPrev{background: url(../images/hleft.png)no-repeat center ;z-index: 9;}
.case .parBd .sNext{background: url(../images/hright.png)no-repeat right center ; right: 0px; right: 3%;}
.case .parBd .sPrev,.case .parBd .sNext{ width: 80px; background-size: 60%; top: 0px; height: 216px;position: absolute;display:block;}
.case .tempWrap ul li { float: left; width: 20%; height:270px; margin-right: 20px; position: relative; } 
.case .tempWrap ul li .pic{ width: 100%; height:230px;border: 1px solid #06408a; background: #fff; display: block; text-align: center; overflow: hidden;}
.case .tempWrap ul li img{ min-height: 100%; width: 100%;}
.case .tempWrap ul li p{ line-height: 40px; color: #fff;  background: #06408a; font-size: 18px; text-align: center;}
/* .case .title { display: flex;} */
.case .title h4{ font-size: 30px; line-height: 50px;}
.case .title p{ font-size: 18px;  margin-left: 36%; }
.case .title p i{ font-style:initial; width: 230px; float: left; color: #fff; border-radius: 14px; height: 28px; background: #c91323; display: block; text-align: center; line-height: 28px; }
.case .title p b{ font-weight: 400; float: left; margin-right: 2%;}
.case .tempWrap ul li .pic_cont{ position: absolute; display: none; text-align: center; top: 0px; width: 100%; height: 230px; background:rgba( 0,0,0,0.6);}
.pic_cont span{ color: #fff; line-height: 230px; font-size: 18px; width: 100%;}
.case .tempWrap ul li:hover .pic_cont{ display: block;}
.case .tempWrap ul li:hover  p{display:none;}
.case .moer a{ color: #fff;}
.case .moer { width: 130px; height: 34px; background: #06408a; display: block; text-align: center; line-height: 34px; margin: auto; margin-top: 2%;}
.case .moer:hover { background: #c41c1c; border-radius:20px;}
/*关于 */
.about {background:url( ../images/abot_beijing.jpg) no-repeat top center; display: flex; padding-bottom: 1%; }
.about .about_img{ margin-top: 6%;}
.about_cont { width: 49.3%; color: #fff; margin-top: 124px; margin-right: 3%;} 
.about_cont h6{ font-size: 30px; margin-left: 10%;}
.about_cont h6 span{ width: 100px; height: 28px; border: 1px solid #fff; font-size: 14px; font-weight: 400; line-height: 28px; text-align: center; float: right;}
.about_cont h6 span a{ color: #fff;}
.about_cont p{ margin-top: 4%; line-height: 30px;}
.about .workshop{ width: 100%; margin-top: 1%;}
.about .workshop ul li { width: 32%; margin-right: 1%; float: left; height: 122px; overflow: hidden; }
.about .workshop ul li img{ width: 100%; min-height: 100%;}
.about .workshop ul li:hover img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);
-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease; } 
.about .workshop ul li.clone{ display:none}
.about .w1400{ position: relative;}
.abot_title {position: absolute; text-align: right; width: 15%; color: #fff; left:35%; margin-top: 7%; line-height: 50px; border-bottom: 6px solid #fff; font-size: 30px; font-weight: bold;}
/* 新闻 */
.news { margin-top: 30px; display: flex; padding-bottom: 30px;}
.news H4{ font-size: 30px;}
.news h4 i{ font-style: inherit;  font-weight: 400; margin-left: 1%; letter-spacing:1px; text-transform:uppercase;  color: #c91323;}
.classify{ width: 20%;}
.classify  li{ width: 48%; margin-right: 2%; font-size: 18px; font-weight: 300; display: block; height: 40px; background: #06408a; line-height:40px;  text-align: center; float: left;}
.classify  li a{ color: #fff;}
.classify  li:hover{ background: #c91323; border-radius: 20px;}
.news_rec .news_img{ width: 40%; height: 152px; border: 1px solid #06408a; overflow: hidden;}
.news_rec .news_piv{ width: 58%;}
.news_rec .news_piv span { font-size: 20px; font-weight: 500; line-height: 50px; }
.news_rec .news_piv p{ font-size: 16px; line-height: 30px;}
.news_rec .news_img img{ width: 100%; min-height: 100%;}
.news_cont ul { width: 48%; float: left; margin-top: 4%;}
.news_rec { position: relative; display: inline-block; margin-bottom: 8%; transition:all 0.6s;}
.news_rec .moer{ position: absolute; font-size: 16px; right: 0px; margin-top: -4%;  color: #06408a;}
.news_rec .news_piv:hover span,.news_rec .news_piv:hover p { color: #06408a;} 
.news_cont ul li{ font-size: 18px; line-height: 50px; border-bottom: 1px solid #bfbfbf; transition:all 0.6s;}
.news_cont ul li i{ width: 16px; height: 16px; display: block; float: left; margin: 0 3%; margin-top: 2%; background: #06408a; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.news_cont ul li span{ float: right; font-weight: 100; color: #999;}
.news_cont ul:first-child{ margin-right: 4%;}
.news_cont ul li:hover{ border-bottom: 1px solid #c91323;}
.news_cont ul li:hover a{ color: #c91323;}
.news_cont ul li:hover  i{background:#c91323;}
.news_cont ul li:hover {transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);-moz-transform:scale(1.05);}
.news_rec:hover {transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);-moz-transform:scale(1.05);}

/* 友情 */
.link { background: #fafafa; padding: 20px 0px; margin-top: 20px; display:flex;}
.link span{ width: 150px; height: 30px;  border: 1px solid #06408a ; line-height: 30px; text-align: center;  display: block; float: left;}
.link a{ padding: 0px 15px; line-height: 30px;border-right: 1px solid #999;}
/* 底部 */
.foot{background: #06408a; padding-top: 60px;}
.news_foot{width: 54%;}
.news_foot span { font-size: 20px; height: 20px; line-height: 20px; font-weight: bold; color: #fff; width: 94%; float: right; box-sizing: border-box;}
.news_foot span i{ width: 6px; margin-right: 2%; height: 20px; background: #fff;  display: block; float: left;}
.news_foot ul { margin-top: 4%; width: 21%; margin-left: 4%; float: left; height: 208px; overflow: hidden;}
.news_foot ul li { line-height: 35px; padding: 3px; font-size: 16px;  color: #fff;}
.news_foot ul li a{  color: #fff;}
.news_foot ul li:hover{ background: #fff;}
.news_foot ul li:hover a{ color: #06408a;}
.foot_img { width: 30%;}
.foot_img ul li { width: 40.5%; float: left;}
.foot_img ul li:first-child{ margin-right: 15%;} 
.foot_img ul li p{ width: 170px; height: 170px; overflow: hidden; }
.foot_img ul li p img{ margin: auto; display: block;}
.foot_img ul li span{width: 100%;  height: 45px; line-height: 45px; text-align: center;}
.foot_img ul li:first-child span{ background: #fff; display: block;}
.foot_img ul li:first-child p img{ margin-top: 10%;}
.foot_img ul li:last-child span{ color: #fff;}
.foot_img ul li:last-child p img{ width: 100%;}
.foot .w1400{ border-bottom: 1px solid #fff; padding-bottom: 40px; display: flex;}
.foot .w1400:last-child{ border: none; padding-bottom: 0px;}
.bottom { padding-top: 1%;} 
.bottom .left_bott { width: 14%; font-size: 16px; color: #fff; text-align: center;}
.bottom .left_bott p{ width: 100%; height: 30px; line-height: 30px; margin-top: 2%; background: #fff; font-size: 18px; font-weight: bold; color: #c91323;}
.bottom .left_bott p i{ margin-right: 5%;}
.right_bott { width: 68%; text-align: right; color: #fff;}
.wap-foot{display: none;}
@media screen and (max-width:1440px){
	.w1400{width: 1200px; margin: 0 auto;}
	.head .tel{ width: 23%;}
	.waist p {
    font-size: 20px;
    width: 47%;
    margin-left: 6%;
    color: #fff;
    padding-top: 14%;
    line-height: 38px;
}
.top_adv .img{ width: 50%;}
.banner-image{ background-position-x: 48%;}
	}