/* 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} 
.middle{width: 1402px; margin: 0 auto;}
  html, body {
        position: relative;
        height: 100%;
    }


/* 头部开始 */
.head{ height: 140px; display: block;}
.head .logo{ width: 52%; height: 100px; float: left; padding-top: 40px;}
.head .logo h1 { float: left; margin-top: 5px;}
.head .logo .title{ font-size: 24px; font-weight: bold; float: right; color: #366daa; letter-spacing:2px;}
.head .logo .title span{ font-size: 18px; font-weight: 500; color:#000;letter-spacing:normal;}
.head .tel  img{ width: 26px; margin-right: 10px;}
.head .tel { width: 17%; float: right; font-size: 18px;padding-top: 40px;}
.head .tel span{ font-size: 28px; font-weight: bold;}
.nav ul li{ width: 14%; float: left;  line-height: 60px; text-align: center;}
.nav{ background: #366daa; height: 60px; }
.nav ul li a{ color: #fff;}
.nav ul li.on{ background: #dd3641;}
.nav ul li:hover{ background: #dd3641;}
.nav ul li:hover .subNews{display:block;}
.subNews{width:196px;line-height:50px;text-align: center; z-index: 999;display:none; position: absolute;background-color: rgba(54,109,170,0.82);text-align: center;}
.subNews dl:hover{background:#366daa;}
/* banner */
.swiper-container {width: 100%;height: 100%;margin-left: auto; margin-right: auto;}
.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{ width: 100%;} */
.swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 5% !important;}
.swiper-pagination-bullet{width: 15px !important; height: 15px !important;; }
.swiper-slide img{width: 100%;height: auto;min-height: 100%;transition: 1s linear 2s;transform: scale(1.1,1.1);}
.swiper-slide-active img {transition: 5s linear; transform: scale(1,1);}
/* 搜索 */
.search{ height: 60px;}
.search .left_seach{ width: 69%; float: left; line-height: 60px; font-size: 18px;}
.search .left_seach i{ color: #dd3641; font-style: inherit;}
.search  .right_seach{ width: 25%; float: right; }
.seach_cont{background: #eaeaea; height: 40px; border-radius:20px; margin-top: 10px;}
.seach_cont span{ width: 80px; float: left; background: #366daa;  border-radius:20px; display: block; height: 100%; line-height: 40px; text-align: center; color: #fff;}
.seach_cont form{ width: 74%; float: right;  display: block;}
.seach_cont  input{ width: 82%; height: 40px; background: none; border: none;outline:medium; line-height: 40px; color:#cccccc; font-size: 16px;}
.search button{ border: none; background: none; outline:medium;}
.search .left_seach a{padding: 0px 5px;}
.search .left_seach a:hover{ color: #dd3641;}
/* 产品 */
.product { background:#fafafa; height: auto; position: relative;}
/* .lanse { width: 13.6%; height: 100%; left: 0; background: #366daa; position:absolute; top: 0px;} */
.product .left_pro{ width: 36.6%; height:140px; position: relative; left: -18.6%; padding-left: 18px; background: #366daa; float: left; z-index: 9; }
.product .left_pro a{ color: #fff; float: right; margin-right: 12%;}
.product .left_pro p{ margin-top: 36px; font-size: 24px; text-transform:uppercase;}
.product .left_pro h4{ font-size: 30px;} 
.product .left_pro span{ width: 35px; height: 1px; display: block; background: #fff; margin-top: 10px;}
.right_title { width: 56%; height: auto; float: right; padding-top: 18px;}
.right_title ul li{ float: left; width: 20%; height: 50px; background:#cdcdcd; margin-right: 6%; margin-bottom: 10px; text-align: center; line-height: 50px;
      border-top-left-radius:12px;border-bottom-right-radius:12px; font-size: 18px;}
.right_title ul li:nth-child(4n){ margin-right: 0px;}
.right_title ul li.on{ background: #dd3641; color: #fff;}
.right_title ul li:hover{ background: #dd3641; color: #fff;}
.right_title ul li:hover a{ color: #fff;}
.right_title ul li span{ width: 0;height: 0; margin-top: 15px; margin-left: 6px;display: inline-block;  border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 12px solid #000;}
.right_title ul li:hover span{border-top: 12px solid #fff;}
.title_pro{ height: 220px;}
.product_cont { height: auto; /* display: inline-block; */ display: flex;  margin-top: 36px; }
.product_cont ul{ width: 100%;}
.product_cont ul li{ width: 23%; margin-right:2%; float: left; position: relative; margin-bottom: 3%;}
.product_cont ul li:nth-child(4n){ margin-right: 0px;}
.product_cont ul li .bd_thumb{ width: 100%; height: 313px; overflow: hidden;}
.product_cont ul li .bd_thumb img{ width: 100%; min-height: 100%;}
.product_cont ul li .bd_moer{  width: 100%; height: 313px; display: none; top: 0px; position:absolute;background:rgba(0,0,0,0.60);}
.product_cont ul li .bd_moer a{ color: #fff;}
.product_cont ul li .bd_moer i{ width: 60px; height: 60px; font-size: 30px; line-height: 60px; text-align: center; margin-top:97px; margin-left: 42%; background: rgba(255,255,255,0.4); border-radius:30px}
.product_cont ul li .bd_moer span{ width: 96%; height:40%; overflow: hidden; font-size: 16px;  text-align: center; display: block; padding-top: 20px;}
.product_cont ul li p{height: 40px; line-height: 40px; text-align: center; background: #366daa; color: #fff; font-size: 20px; padding: 0px 10px;} 
.product_cont ul li p a{ color: #fff;}
.product_cont ul li:hover .bd_moer{ display: block;}
.product_cont ul li:hover p{ background: #dd3641;}
/* 优势 */
.advantage { background: url( ../images/jc_advantage.jpg) no-repeat top center; height: auto; padding-bottom: 50px;}
.advantage  .adv_titi{ text-align: center; font-size: 30px; font-weight: bold; padding-top: 35px;}
.advantage  .adv_titi span{ color: #dd3641; font-size: 40px;}
.advantage  .adv_titi  p{ font-size: 18px; font-weight: 400; margin-top: 15px;}
.adv_cont ul { height: auto; display: inline-block;}
.adv_cont ul li{width: 31%; margin-top: 3%;}
.adv_cont ul .fl{ float: left;}
.adv_cont ul .fr{ float: right; margin-right: 3%;}
.adv_cont ul li h5{ font-size: 24px; line-height: 30px;}
.adv_cont ul li span{ font-size: 18px; font-weight: 400;}
.adv_cont ul li p{ margin-top: 5%; line-height: 30px; height: 90px; overflow: hidden;}
.adv_cont ul .fl h5{ margin-left: 35%;}
.adv_cont ul li:hover{ color: #dd3641;}
.adv_cont .adv-bottm{ margin-top: 22%;}
.adv_cont .adv-bottm h5{ margin-top: 20px;}
/* 数字 */
.num{ height: 160px;background: #366daa; color: #fff; }
.num dl dt{ width: 17%; margin-right: 10%; border-right: 1px solid #fff; float: left; font-size: 18px; font-weight: bold; margin-top: 3%;}
.num dl dt b{ font-size: 50px; font-weight:bold; color:#fff;vertical-align: middle; display: inline-table;}
.num dl dt:nth-child(4){ border: none; margin-right: 0px;}
.num .num_title{ font-size: 20px; font-weight: 500;}
.num .num_jia{vertical-align: top; font-size: 30px;color:#fff;margin-left: -10px;margin-top: -10px;}
/* 关于 */
.about{ background: #fafafa; padding-bottom: 40px; } 
.about .left_about{ width: 47%; float: left;}
.about .left_about h3{ font-size: 30px; line-height: 50px;}
.about .left_about span{ width: 130px; height: 10px; display: block; background: #d63b3f; }
.about .left_about p{ font-size: 20px; letter-spacing:2px; line-height: 36px; margin-top: 35px; }
.left_about{ margin-top: 70px;}
.right_about{ width: 48.1%; height: 460px; margin-top: 87px; float: right; overflow:hidden; position:relative; border:1px solid #ddd;}
.right_about .hd{ height:15px; overflow:hidden; position:absolute; right:40%; bottom:10px; z-index:1; }
.right_about .hd ul{ overflow:hidden; zoom:1; float:left;  }
.right_about .hd ul li{ float:left; margin-right:2px;  margin-right: 5px;  width:15px; height:15px; border-radius: 15px; line-height:14px; text-align:center; background:#366daa; cursor:pointer; }
.right_about .hd ul li.on{ background:#f00; color:#fff; }
.right_about .bd{ position:relative; height:100%; z-index:0;   }
.right_about .bd li{ zoom:1; vertical-align:middle; }
.right_about .bd img{ width:100%;  min-height: 100%; display:block;  }
.abot_cont{ height: auto; display: inline-block;}
.about .moer{ width: 89px; height: 52px; background:#d63b3f ; display: block; text-align: center; line-height: 52px; font-size: 18px;  left: 49%; top: 19%; position: absolute;}
.about .moer a{ color: #fff;}
.about .moer:hover{ background: #366daa;}
.about .rongyu{ width: 73%; bottom: 0%; background: #fff; position: absolute; height: 94px; box-shadow:  3px 6px 6px 4px #cacaca; }
.about .rongyu ul li{ width: 33%; float: left; margin-top: 2%;}
.about .rongyu ul li img{ width: 18%; line-height: 94px; margin-left:16%; float: left;}
.about .regards{ position: relative;}
.about .rongyu ul li .rpngyu_left{/* float: right; margin-right: 23%; */ float: left; margin-left: 3%; }
.about .rongyu ul li .rpngyu_left h6{ font-size: 18px; line-height: 25px;}
.about .rongyu ul li .rpngyu_left  span{ font-size: 12px; font-weight: 400;}
.about .left_about p:hover a{ color: #d63b3f;}
.about .rongyu ul li .rpngyu_left:hover h6{ color:#d63b3f ;}
.about .rongyu ul li .rpngyu_left:hover span{ color:#d63b3f ;}
/* 案例 */
.case .case_title{ text-align: center; margin-top: 32px;}
.case .case_title h5{ font-size: 30px; line-height: 60px;}
.case .case_title span{ width: 40px; height: 3px; display: block; margin:3px auto; background: #dd3641;}
.case .case_title p{ font-size: 18px; text-transform:uppercase; line-height: 30px;}
.case .parBd{ width: 100%; height:auto; display: inline-block; margin-top:3%;}
.case .slideBox{ position: relative; margin-top: 20px;}
.case .parBd .tempWrap{ width:90.1%; height: 370px; margin: auto; position: relative;}
.case .parBd .sPrev{background: url(../images/jc_left.png)no-repeat center ;}
.case .parBd .sNext{background: url(../images/jc_right.png)no-repeat right center ; right: 0px;}
.case .parBd .sPrev,.case  .parBd .sNext{ width: 60px; background-size: 60%; top: 0px; height: 360px;position: absolute;display:block;}
.case .tempWrap ul li { float: left; width:24%; height:360px; margin: 0px 6px; border: 1px solid #cacaca; } 
.case .tempWrap ul li .pic{ width: 100%; height: 230px; display: block; text-align: center; overflow: hidden; /* box-shadow: 10px 10px 5px #c7c7c7; */}
.case .tempWrap ul li img{ min-height: 100%; width: 100%;}
.case .tempWrap ul li .pic: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;}
.case  .pic_title{ padding: 0px 14px; height: 130px;}
.case  .pic_title p{ margin-top: 18px; line-height: 30px; font-size: 20px; height: 60px; overflow: hidden;}
.case  .pic_title .title,.case  .pic_title .title a{ color: #dd3641; font-size: 20px;}
.case  .pic_title .title span{ float: right;}
.case  .pic_title .title{ margin-top: 5%;}
.case .moer { width: 125px; height: 35px; text-align: center; line-height: 35px; margin:50px auto; border: 1px #333 solid; border-radius: 20px;}
.case .moer i{ width: 0;height: 0; margin-top: 9px; margin-left: 6px;display: inline-block;  border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 12px solid #000;}
.case .moer:hover { background: ;}
/* 新闻 */
.news { background: url(../images/jc_waist.jpg)no-repeat top; height: auto;}
.news .news_title{ padding-top: 42px; text-align: center;}
.news .news_title a{ color: #fff;}
.news .news_title h5{ font-size: 30px;}
.news .news_title h5 i{ color: #dd3641; font-style: inherit;}
.news .news_title span{ width: 40px; height: 3px; background: #dd3641; margin: 6px auto; display: block;}
.news .news_title p{ font-size: 20px; text-transform:uppercase; margin-top: 5px;}
.news .title{ height: auto; padding-bottom: 40px;}
.news .title ul{display: flex; flex-direction: row;justify-content: center; margin-top: 35px;}
.news .title ul li{ width: 7.5%; height: 40px; display: block; border: 1px solid #fff; margin-right: 5%; float: left; line-height: 40px; text-align: center;} 
.news .title ul li a{ color: #fff;}
.news .title ul li:hover{ background: #fff;}
.news .title ul li:hover a{ color: #366daa;} 
.news .left_news{ width: 60.5%; float: left;}
.news_cont{ background: #fff; padding-top: 3%; height: auto; display: inline-block; }
.left_news{ margin-left: 3%;}
.news_tui{ height: auto; display: inline-block; }
.news_tui .img { width: 392px; height: 198px; float: left; overflow:hidden ;}
.news_tui .img img{ width: 100%; min-height: 100%;}
.news_tui .recommend{ float: left; width: 41.6%; margin-left: 30px;}
.news_tui .recommend h6{ font-size: 20px; font-weight: 400; line-height: 40px;}
.news_tui .recommend p{ font-size: 20px; color: #aeaeae; line-height:30px;}
.news_tui .recommend span { font-size: 18px; color: #aeaeae; margin-top: 10%; display: block;}
.list_news ul li{ width: 47%; margin-right: 5%; float: left; height: 67px; line-height: 67px; overflow: hidden; border-bottom: 1px solid #b5b5b5;}
.list_news ul li:nth-child(2n){ margin-right: 0px;}
.list_news ul li span{ width: 6px; height: 6px; display: block;  margin-top: 8%; margin-right: 2%; line-height: 67px; border-radius: 6px; background: #dd3641; float: left; }
.list_news ul li a{ float: left;}
.list_news ul li:hover a{ color: #dd3641;}
.right_news { width: 30%; float: right; margin-right: 2%; overflow: hidden; position: relative;}
.question_titel{ position: relative;}
.question_titel h6{ font-size: 20px; font-weight: 500; border-bottom: 1px solid #cacaca; padding-bottom: 5px;}
.question_titel h6 i{ font-style: inherit; color: #366daa;}
.question_titel span{ width: 86px; height: 4px; background: #dd3641; position: absolute; bottom: 1%;}
.right_news ul li span{ width: 24px; height: 24px; float: left; margin-right: 2%; margin-top: 1%; border-radius: 2px; background:#366daa ; display: block; text-align: center; line-height: 24px; color: #fff;}
.right_news ul li .red{ background: #dd3641;}
.right_news ul li p{height: auto; line-height: 35px;}
.right_news ul li { margin-bottom: 5%; border-bottom: 1px solid #cacaca; padding-bottom: 3%;} 
.right_news .bd{ margin-top: 6%;}
/* hezuo */
.cooperation{background: url(../images/jc_cooperation.jpg)no-repeat top; margin-top: 36px; padding-bottom: 50px;}
.coop_title{ padding-top: 42px; text-align: center;}
.coop_title a{ color: #000;}
.coop_title h5{ font-size: 30px;}
.coop_title h5 i{ color: #dd3641; font-style: inherit;}
.coop_title span{ width: 40px; height: 3px; background: #dd3641; margin: 6px auto; display: block;}
.coop_title p{ font-size: 20px; text-transform:uppercase; margin-top: 5px;}
.coop_cont{ width: 90%; margin: auto; margin-top: 92px;  overflow:hidden; position:relative;}
.coop_cont ul li{ width: 18%; float: left; margin-right:10px; overflow: hidden; height: 137px; background: #fff;display: flex;align-items: center }
.coop_cont .bd ul{ overflow:hidden; zoom:1; }
.coop_cont ul li img{ width: 100%;align-items: center;}
.link{background: #366daa; border-bottom: 1px solid rgba(255,225,225,0.7);  height: 80px; width: 100%;display: inline-block;}
.link span{ width: 10%; line-height: 80px; color: #fff; font-size: 24px; }
.link .link_yq { width: 90%; float: right;}
.link .link_yq li{ float: left; font-size: 16px; line-height: 50px; color: #fff; margin-right: 20px;}
.link .link_yq li b{ border-right: 1px solid #ffff; padding: 0px 10px;}
.link .link_yq li a{ color: #fff;}
/* dibu  */
.foot {background: #366daa; border-bottom: 1px solid rgba(255,225,225,0.7); height: auto; display:flex; padding-bottom: 50px; }
.foot_logo { width: 27%; border-right: 1px solid #fff; float: left; display: block; margin-top: 80px;}
.foot_logo .code { margin-top: 77px; }
.foot_logo .code li{ float: left; width: 50%; text-align: center; color: #fff;}
.foot_logo p img{ margin-left: 13%;}
.foot_logo .code li img{ width: 124px;}
.foot_logo .code li p{ margin-top: 20px;}
.foot_nva { width: 44%; float: left; margin-top: 80px;border-right: 1px solid #fff; }
.foot_nva ul{ float: left; width: 22%; padding-left: 10%;}
.foot_nva span{ font-size: 24px; color: #fff; margin-bottom: 39%; display: block; margin-top: -32px; }
.foot_nva  ul li { font-size: 16px; line-height: 53px; }
.foot_nva  ul li a{ color: #fff;}
.cont_foot { width: 23.5%; float: right; padding: 0px 1%; margin-top: 70px;}
.cont_foot span{font-size: 24px; color: #fff; margin-bottom: 18%; display: block; margin-top: -32px;}
.cont_foot h6{ font-size: 18px; color: #fff; font-weight: 600; line-height: 45px;}
.cont_foot ul li{ font-size: 15px;  color: #fff; line-height: 24px;}
.cont_foot ul li b{ font-style: inherit; margin-left: 20%; font-weight: 300;}
.bottom{background: #366daa; line-height: 54px; color: #fff;}
.bottom a{ color: #fff;}
.page-about{ display: inline-block;}
.rongyu1{ width: 100%;background: #fff; margin-top: 50px; height: 94px; box-shadow:  3px 6px 6px 4px #cacaca; }
.rongyu1 ul li{ width: 33%; float: left; margin-top: 2%;}
.rongyu1 ul li img{ width: 16%; line-height: 94px; margin-left:16%; float: left;}
.rongyu1 ul li .rpngyu_left{/* float: right; margin-right: 23%; */ float: left; margin-left: 3%; }
.rongyu1 ul li .rpngyu_left h6{ font-size: 18px; line-height: 25px;}
.rongyu1 ul li .rpngyu_left span{ font-size: 12px; font-weight: 400;}
.rongyu1 ul li .rpngyu_left:hover h6{ color:#d63b3f ;}
.rongyu1 ul li .rpngyu_left:hover span{ color:#d63b3f ;}
.guanggao{ width:100%}
.guanggao img{ width:100%}
@media screen and (max-width:1440px){
	.middle{width: 1200px; margin: 0 auto;}
	.head .logo h1 img{ width: 200px;}
	.head .logo .title{ font-size: 22px; font-weight: bold; float: right; color: #366daa; letter-spacing:2px;}
	.head .logo .title span{ font-size: 16px; font-weight: 500; color:#000;letter-spacing:normal;}
	.head .tel { width: 17%; float: right; font-size: 16px;padding-top: 40px;}
	.head .tel span{ font-size: 24px; font-weight: bold;}
	.subNews{width:168px;line-height:40px;text-align: center; z-index: 999;display:none; position: absolute;background-color: rgba(54,109,170,0.82);text-align: center;}
	.search{ height: 50px;}
	.search .left_seach{ width: 69%; float: left; line-height: 50px; font-size: 16px;}
	.seach_cont{background: #eaeaea; height: 35px; border-radius:20px}
	.seach_cont form{ width: 70%;}
	.product .left_pro a{ color: #fff; float: right; margin-right: 7%;}
	.product_cont ul li .bd_thumb{ width: 100%; height: 210px; overflow: hidden;}
	.product_cont ul li .bd_moer{  width: 100%; height: 210px; }
	.adv_cont ul .fr { margin-right: 0px;}
	.adv_cont .adv-bottm{ margin-top: 27%;}
	.adv_cont ul .fl h5{ margin-left: 15%;}
	.right_about { height: 425px;}
	.about .rongyu ul li img {width: 16%;line-height: 94px;margin-left: 6%;float: left;}
	.news .left_news{ margin-left: 2%;}
	.news_tui .recommend{ width: 50%; margin-left: 17px;}
	.news_tui .img{ width: 318px;}
	.cont_foot {width: 25.5%;}
/* 	.lanse{ width: 6.6%;} */
	}