/*title*/
.section-title { margin-bottom: 40px; text-align: center; font-size: 28px; margin-top:30px; }
.section-title h2 { margin-top: 0; margin-bottom: 0px; text-align: center; font-size:39px; letter-spacing: 2px; color:#333333;text-transform:uppercase; font-weight:900}
.section-title p { color: #5c5c5c; font-size: 13px; /*font-family:Arial;*/ margin: 5px 0 0 0; text-align: center; }
.section-title:after { display: block; content: ''; width:60px; height: 2px; margin: 10px auto 0; background-color: #24418e; }
.section-title1 { margin-bottom: 40px; text-align: center; font-size: 28px; margin-top:40px; }
.section-title1 h2{ margin-top: 0; margin-bottom: 0px; text-align: center; font-size:39px; letter-spacing: 2px; color:#fff;text-transform:uppercase; font-weight:900}
.section-title1 p { color: #5c5c5c; font-size: 13px; /*font-family:Arial;*/ margin: 5px 0 0 0; text-align: center; }
.section-title1:after { display: block; content: ''; width:60px; height: 2px; margin: 10px auto 0; background-color: #fff; }
/*search*/
.search_bg{ width:100%; background:#f3f3f3;  padding:40px 0px; overflow:hidden;}
.search{ width:100%;  background:#fff; padding:20px; overflow:hidden}
.search ul{}
.search ul li{ float:left; line-height:50px; padding-right:30px; padding-left:10px;}
.search ul li:nth-child(5){ border-right:none; padding-right:0px;}
.search ul li:nth-child(6){ border-right:none; float:right; padding-right:0px;}
.sezt{ color:#fff}
.inps{width:250px;height:45px;line-height:45px;border:1px solid #ebebeb;text-indent:9px;font-size:14px; color:#656566;}
.subs{ width:110px; height:45px; line-height:45px; font-size:15px;  color:#fff; border:none; background-color:#24418f; cursor:pointer; text-align:center;}
.selec{line-height:45px;border:1px solid #ebebeb; color:#656566;height:45px; width:220px;}
/*二级菜单*/
.juzhong {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;}
.nynav{ width:100%; overflow:hidden; margin-bottom:20px;}
.nynav li{line-height: 50px; font-size: 16px; margin: 0px 20px; width:300px;background:#f7f7f7; text-align:center}
.nynav li a{color: #585858; display: block; padding: 0px 40px;}
.nynav li a:hover{color: #fff; background: #24418f;}
.nynav li.cur a{color: #fff; background: #24418f;}
/*product*/
.nyprobox{ width:100%; overflow:hidden; padding-top:10px;}
.nyprobox ul{width:100%;}
.nyprobox li{width:24%; float: left; margin-right:1%; background: #fff; margin-bottom: 30px;}
.nyprobox li p{ width:100%; float:left; line-height:35px; text-align:center; font-size:15px;}

.nyprobox li:nth-child(4n){ margin-right:0px;}
/*about*/
.index-about{ width:100%; overflow:hidden; background:url(../images/about_bg.jpg) no-repeat center; padding:20px 0 50px 0;}
.inabout{ width:100%; overflow:hidden; background:#fff; padding:20px;box-sizing: border-box; }
.aboutL{ float:left; width:570px; overflow:hidden;}
.aboutL .tit p{ float:leftl;width:100%; line-height:60px; font-size:30px; font-weight:400;}
.aboutL .tit span{ float:left; width:100%; line-height:30px;} 
.aboutL .text{ float:left; width:100%; border-top:1px solid #eaeaea; padding-top:20px; line-height:30px; font-size:15px; margin-top:10px;}
.comp_ri a{ clear:both;display: inline-block;width: 146px;height: 45px;background: #24418f;margin-top: 35px;line-height: 45px;color: #fff;transition: 0.5s;}
.comp_ri a>b{float: left;font-size: 15px;line-height: 45px;margin-left: 22px;}
.comp_ri a>em{float: left;margin-left: 17px; }
.comp_ri a:hover {width: 160px;transition: 0.5s;padding-left: 8px;}
.aboutR{ float:right; width:638px; overflow:hidden;}
.aboutR img{ width:100%}
/*product type*/
.pro_bg{ width:100%; overflow:hidden; background:url(../images/type_bg.jpg) no-repeat center; padding:50px 0;}

.img-fluid{max-width: 100%;display: block;margin:auto;}
.hjzf_swiper_5-tab_main{display: flex;background: #fff;}
.hjzf_swiper_5-tab_main *{transition: .5s all;}

.hjzf_swiper_5-item_img{margin-left: auto;}
.hjzf_swiper_5-item_content_wrapper{left: 0;}
.hjzf_swiper_5-tab_main{border-radius: 10px;box-shadow: 1px 1px 4px #33333326;}
.hjzf_swiper_5-item_content{border-radius: 10px; box-shadow: 1px 1px 4px #33333326;display: flex;flex-direction: column;}
.hjzf_swiper_5-tab_main{display: flex;background: #fff; line-height:70px;}
.hjzf_swiper_5-tab_main *{transition: .5s all;}
.hjzf_swiper_5-tab_item{flex: 1;height: 70px;display: flex;justify-content: center;align-items: center;cursor: pointer; font-size:20px;}
.hjzf_swiper_5-tab_item.on { color:#24418f}

.hjzf_swiper_5-item{display: flex;flex-wrap: wrap;position: relative;}
.hjzf_swiper_5-item_img{flex: 0 0 auto;width: 64%;position: relative;z-index: 0;}
.hjzf_swiper_5-item_img img{width: 100%;}
.hjzf_swiper_5-item_content_wrapper{position: absolute;right: 0;top: 0;bottom: 0;width: 46%;display: flex;align-items: center;}

.hjzf_swiper_5-item_img{flex: 0 0 auto;width: 64%;position: relative;z-index: 0;}
.hjzf_swiper_5-item_img img{width: 100%;}
.hjzf_swiper_5-item_content_wrapper{position: absolute;right: 0;top: 0;bottom: 0;width: 46%;display: flex;align-items: center;}
.hjzf_swiper_5-item_content{padding: 58px 68px 40px 52px;background: #fff;}
.hjzf_swiper_5-item_title{font-size: 28px;margin-bottom: 28px;}
.hjzf_swiper_5-item_desc{font-size: 16px;line-height: 1.8;}
.hjzf_swiper_5-item_btn {margin-top: 60px;}
@media screen and (max-width:1200px){
	.aboutL{ float:left; width:48%; overflow:hidden;}

.aboutR{ float:right; width:48%; overflow:hidden;}
}
@media (max-width: 767px) {
  .hjzf_swiper_5-item_img{width: 100%;}
  .hjzf_swiper_5-item_content_wrapper{position: static;width: 100%;}
  .hjzf_swiper_5-item_content {padding: 20px 20px;}
  .hjzf_swiper_5-tab_item{flex: 1;height: 40px; font-size:14px;}
  .hjzf_swiper_5-item_content{border-radius:0; }
  .hjzf_swiper_5-item_title{font-size:20px;margin-bottom:18px;}
  .hjzf_swiper_5-item_desc{font-size: 15px;line-height: 1.8;}
  .hjzf_swiper_5-item_btn {margin-top: 30px;}
  .hjzf_swiper_5-item_content{padding: 20px 20px 20px 20px;background: #fff;}
  .hjzf_swiper_5-tab_main{display: flex;background: #fff; line-height:20px; padding:10px 0;}
  }
.index_btn{background: #24418f; border-radius: 6px; color: #fff;padding: 15px 50px;}
.index_btn:hover{ color:#fff;}
.swiper2{ margin-top:50px;}
/*network*/
.network-bg{ width:100%; overflow:hidden; background:url(../images/net_bg.jpg) no-repeat top center; padding:50px 0;}
.network-tit{ width:100%; overflow:hidden;}
.network-tit p{ text-align:center; color:#fff; font-size:39px; font-weight:900; line-height:50px;}
.network-tit span{ float:left; width:100%; color:#fff; font-size:18px; line-height:40px; text-align:center;}
.network{ width:100%; background:#fff; overflow:hidden; margin-top:50px;}
/*news*/
.news-bg{ width:100%; background:#fff; padding:10px 0 30px 0; overflow:hidden;}
.newslist{ width:100%; margin-top:10px; margin-bottom:40px; overflow:hidden}
.newslist .left{width:32%; float:left;}
.newslist .rect-86{ width:100%; height:330px;}
.newslist .rect-86 img{ width:100%; height:330px;}
.newslist .left a{display:block;}
.newslist .left .intro{background:#f5f5f5; width:100%}
.newslist .left .intro .box{padding:25px 53px 35px 35px;}
.newslist .left .intro .box .t{font-size:20px; color:#1c1c1c; margin-bottom:3px;}
.newslist .left .intro .box .c{font-size:14px; color:#7b7b7b; margin-bottom:15px;}
.newslist .left .intro .box .date{font-size:14px; color:#9d9d9d; font-family:Arial; position:relative;}
.newslist .left .intro .box .icon{width:32px; height:9px; background:url(../images/ipart03_2.png) no-repeat center; position:absolute; right:0; bottom:2px;}
.newslist .left:hover .intro .box .t{color:#213491}
.newslist .center{width:66%; float:left; margin-left:2%;}
.newslist .center .item{ float:left;background:#f5f5f5; transition:all 0.5s ease; width:48%; margin-left:2%; margin-bottom:2%;}
.newslist .center .item01{margin-bottom:20px;}
.newslist .center .item_box{display:block; padding:30px 42px 35px;}
.newslist .center .item_box .t{font-size:20px; color:#242424; transition:all 0.5s ease;}
.newslist .center .item_box .c{font-size:14px; color:#686868; line-height:23px; height:46px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:15px; transition:all 0.5s ease;}
.newslist .center .item_box .date{color:#9d9d9d; position:relative; font-family:Arial; border-top:1px solid #d8d8d8; transition:all 0.5s ease; margin-top:20px; padding-top:20px;}
.newslist .center .item_box .date .day{font-size:37px; line-height:37px; font-weight:bold;}
.newslist .center .item_box .date .year{font-size:14px; line-height:20px; margin-top:3px;}
.newslist .center .item_box .date .icon{width:32px; height:9px; background:url(../images/ipart03_3.png) no-repeat center; position:absolute; right:25px; bottom:15px; transition:all 0.5s ease;}

.newslist .center .item:hover{box-shadow:0 0 20px rgba(0,0,0,.3)}
.newslist .center .item:hover .item_box .t{color:#213491}
.newslist .center .item:hover .item_box .c{color:#213491}
.newslist .center .item:hover .item_box .date{color:#213491}
.newslist .center .item:hover .item_box .date .icon{background:url(../images/ipart03_2.png) no-repeat center;}
/*feedback*/
.feedback-bg{ width:100%; overflow:hidden; background:#fff;padding:20px 0 60px 0;}
.join-line{ width:1226px; margin:auto;background:#fff; overflow:hidden;border-radius:10px; padding:30px 20px; border-top:2px solid #24418e;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);}
.join-line .linL{ float:left;width:580px;}
.join-line .linR{ float:right;width:550px;}
.message-tit{ width:100%; overflow:hidden;line-height:30px;}
.message{ float:left; width:100%; overflow:hidden; height:auto; margin-top:30px;}
.message li{ float:left; width:48%; padding-bottom:10px; line-height:40px;}
.message li:nth-child(2){ float:right;}
.message li:nth-child(4){ float:right;}
.message li:nth-child(5){ float:left; width:100%;}
.message li:nth-child(6){ float:left; width:100%; margin-top:30px;}
.ginput{ width:100%; padding:5px; border:1px solid #ccc; box-sizing:border-box; line-height:30px; color:#666666}
.btns{width:140px;height:40px;margin-right:10px; background:#24418e;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer;border-radius: 5px;}
.btns:hover{background:#333;transition:all 0.3s;}
.gtext1{float:left;width:98%;height:122px;line-height:24px;color:#777777;text-align:left;padding:4px;border:1px solid #ccc;}

@media (max-width:768px) {
/*title*/
.section-title { margin-bottom:20px;margin-top:0; }
.section-title h2 { font-size:20px;}
.section-title p { display:none}
.section-title1 { margin-bottom:20px;margin-top:0;}
.section-title1 h2 { font-size:20px; color:#fff}
.marg50{ margin-top:30px!important;}
.search_bg{ display:none;}
/*product*/
.nynav{ display:none;}
.nyprobox li{width:49%; float: left; margin-right:2%; background: #fff; margin-bottom:20px;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}
.nyprobox li p{ width:100%; float:left; line-height:22px; text-align:center; font-size:13px; height:22px;}
.nyprobox li:nth-child(2n){ margin-right:0px}
/*about*/
.index-about{padding:20px 0 20px 0;}
.inabout{ width:100%; overflow:hidden; background:#fff; padding:10px;box-sizing: border-box; }
.aboutL{ float:left; width:100%; overflow:hidden;}
.aboutL .tit p{ display:none}
.aboutL .tit span{ display:none} 
.aboutL .text{border-top:none; padding-top:0; line-height:30px; font-size:15px; margin-top:10px;}
.comp_ri a{ display:none}
.aboutR{ display:none}
/*product type*/
.pro_bg{ padding:20px 0;}
/*index news*/
.newslist .left{width:100%; float:left;}
.newslist .rect-86{ width:100%; height:auto;}
.newslist .rect-86 img{ width:100%; height:auto;}
.newslist .left a{display:block;}
.newslist .left .intro{background:#fff; width:100%}
.newslist .left .intro .box{padding:10px;}
.newslist .left .intro .box .t{font-size:17px; color:#1c1c1c; margin-bottom:3px;}
.newslist .center{width:100%; float:left; margin-left:0px; margin-top:20px;}
.newslist .center .item{ float:left;background:#fff; transition:all 0.5s ease; width:100%; margin-left:0px; margin-bottom:2%; border-top:1px solid #d8d8d8; }
.newslist .center .item01{margin-bottom:20px;}
.newslist .center .item_box{display:block; padding:10px;}
.newslist .center .item_box .t{font-size:17px; color:#242424; transition:all 0.5s ease;}
.newslist .center .item_box .c{font-size:14px; color:#686868; line-height:23px; height:46px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:15px; transition:all 0.5s ease;}
.newslist .center .item_box .date{ display:none}
.newslist .center .item_box .date .day{font-size:20px; line-height:25px; font-weight:bold;}
.newslist .center .item_box .date .year{font-size:14px; line-height:20px; margin-top:3px;}
.newslist .center .item_box .date .icon{width:32px; height:9px; background:url(../images/ipart03_3.png) no-repeat center; position:absolute; right:25px; bottom:15px; transition:all 0.5s ease;}
/*network*/
.network-bg{  padding:30px 0; margin-bottom:30px;}
.network-tit p{ text-align:center; color:#fff; font-size:25px; font-weight:900; line-height:30px;}
.network-tit span{font-size:14px; line-height:25px;}
.network{margin-top:20px;}
/*feedback*/
.feedback-bg{ margin-top:20px; padding:20px 0 20px 0;}
.join-line{ width:98%; margin:auto;padding:20px 10px;box-sizing:border-box; }
.join-line .linL{ float:left;width:100%;}
.join-line .linR{ float:right;width:100%;}
.message-tit{line-height:20px; margin-top:15px;}
.message li{ float:left; width:100%; padding-bottom:10px; line-height:40px;}
.message li:nth-child(2){ float:left;}
.message li:nth-child(4){ float:left;}
.gtext1{width:97%;}
.swiper2{ margin-top:20px;}
.index_btn{background: #24418f; border-radius: 6px; color: #fff;padding:7px 40px;}
}
