body{
  font-family: PingFangSC-Regular, "微软雅黑", sans-serif;
}
a{
  text-decoration: none;
}
a:hover{
  text-decoration: none;
}

/* 联系我们 */
.mt50{margin-top: 50px;}
.w1200{width: 80%;margin:0 auto;}
.lxfs_list{ background:url(../images/lxfs_list_bg.png) left 35px no-repeat;}
.lxfs_list:first-child{ background:none;}
.lxfs_list span{ cursor:pointer; display:block; width:100px; height:100px; overflow:hidden; margin:0 auto 25px;}
.lxfs_list span img{width: 100%;}
.lxfsicon01{ background:url(../images/lxfsicon01.png) center no-repeat;}
.lxfsicon03{ background:url(../images/lxfsicon03.png) center no-repeat;}
.lxfsicon01:hover{ background:url(../images/lxfsicon01_hover.png) center no-repeat;}
.lxfsicon03:hover{ background:url(../images/lxfsicon03_hover.png) center no-repeat;}
.lxfs_list p{ text-align:center; line-height:30px; color:#333; font-size:18px;}
.lxfs_list p em{ color:#666}
.lxfs{ overflow:hidden;}
.fgslist{ margin-top:34px; border-top:1px #e1e1e1 solid; padding-top:40px; overflow:hidden;}
.fgslist dl{ width:566px; height:144px; overflow:hidden; float:left; margin-bottom:40px;}
.fgslist dl:nth-child(even){ float:right;}
.fgslist dl dt{ width:190px; height:144px; overflow:hidden; float:left;}
.fgslist dl dt img{ display:block;}
.fgslist dl dd{ width:350px; float:right;}
.fgslist dl dd ul{ padding-top:10px;}
.fgslist dl dd ul li{ overflow:hidden; line-height:30px; color:#666;}
.fgslist dl dd ul li span{ color:#333;}
.fgslist dl dd h2{ height:41px; border-bottom:1px #ddd solid; position:relative;}
.fgslist dl dd h2 span{ display:inline-block; position:absolute; left:0; top:0; height:41px; font-size:18px; font-weight:bold; color:#000; line-height:28px; padding-bottom:13px; border-bottom:1px #11277d solid;}
.map{width: 100%;height: 400px;overflow: hidden;margin:50px auto;}

@media (min-width: 320px) and (max-width:767px){
  .w1200{width: 96%;}
  .lxfs_list{background: none;}
}

/*二级页面*/
.o_big{ overflow:hidden;}
.o_big img{ width:100%;}
.o_bg{ overflow:hidden; background-color:#fff;}
/*关于全彩*/
.about_a{ overflow:hidden; padding-top:3%; text-align:center;}
.about_a a{ text-align: center; display:inline-block; height:30px; line-height:30px; border:1px solid #999999; width:128px; font-size:14px; color:#000; border-radius:20px; margin-left:0.5%; margin-right:0.5%; margin-bottom:2%;}
.about_a a:hover{background-color:#3f639f; border:1px solid #3f639f;color: #fff;}
.about_a a.csel{ background-color:#3f639f; border:1px solid #3f639f;color: #fff;}

.about_con{ padding-top:3%; overflow:hidden; padding-bottom:6%;}
.about_con .imgs{ float:left; width:41.2%; overflow:hidden;}
.about_con .imgs img{ width:100%;}
.about_con .i_about_r{position: relative; float:right; width:51.6%; overflow:hidden; color:#000; font-size:14px; line-height:30px; margin-right:2.5%;}
.about_con .i_about_r .i_about_t{max-width:100%;}
.about_con .i_about_r .i_about_t2{ color:#3ebff7; font-size:22px;}
.about_con .i_about_r .i_about_txt{ padding-top:3%; overflow:hidden; padding-bottom:4%;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
@media all and (max-width: 767px){.about_con .i_about_r .i_about_txt{ padding-top: 5%;max-height: inherit;}}

.business_con{ padding-top:3%; overflow:hidden; padding-bottom:10px;}
.business_con .imgs{ float:left; width:41.2%; overflow:hidden;}
.business_con .imgs.r{ float:right;}
.business_con .imgs img{ width:100%;}
.business_con .i_about_r{ float:right; width:51.6%; overflow:hidden; color:#333; font-size:14px; line-height:30px; margin-right:2.5%;}
.business_con .i_about_r.l{ float:left; margin-right:0; margin-left:2.5%;}
.business_con .i_about_r .i_about_t{ color:#3ebff7; font-size:22px;}
.business_con .i_about_r .i_about_txt{ padding-top:3%; overflow:hidden; padding-bottom:4%;}

.organization_con{ padding-top:2%; overflow:hidden; padding-bottom:50px; width:97%; margin:0 auto; max-width:1200px;color:#fff; font-size:14px; line-height:30px; }
.organization_con img{ max-width:100%; margin:0 auto; display:block;}

.link_ul{width:97%; margin:0 auto; max-width:1200px;padding-top:2%;overflow:hidden;color:#fff; font-size:14px; line-height:30px;}
.link_ul ul li{ width:23.5%; margin-right:2%; overflow:hidden; float:left; margin-bottom:2%;}
.link_ul ul li:nth-child(4n+0){ margin-right:0;}
.link_ul ul li img{ margin:0 auto;width:99%; border:1px solid #cccccc;}
.link_ul ul li:hover img{border:1px solid #029bde;filter:alpha(opacity=80);opacity:0.8;transition: all 0.3s;}

/*搜索中心*/
.search{padding:3% 0;font-size: 20px;color: #000;} 
.search a{font-size: 16px;text-decoration: none;color: #333;}
.search a:hover{color: #337ab7;}
.search a.csel{color: #337ab7;}

/*设计案例*/
.case_bg{ overflow:hidden; }
.case_bg .case_div{ width:97%; margin:0 auto; max-width:1426px; overflow:hidden; margin-top:10%; margin-bottom:10%;}
.case_bg .case_div ul li{ float:left; width:32%; margin-right:2%;margin-bottom:2%; position:relative; overflow:hidden;}
.case_bg .case_div ul li:nth-child(3n+0){ margin-right:0;}
.case_bg .case_div ul li .case_imgs{ overflow:hidden; width:100%;}
.case_bg .case_div ul li .case_imgs img{ width:100%;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.case_bg .case_div ul li h2{ font-size:33px; color:#3f639f; position:absolute; left:0; top:42%; text-align:center; width:100%;}
.case_bg .case_div ul li:hover .case_imgs img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.case_list_div{overflow:hidden; width:99%; margin:0 auto;text-align:center; margin-top:2%;}
.case_list_div ul li{ width:24%; float:left; margin-left:0.5%; margin-right:0.5%; overflow:hidden; margin-bottom:1%;}
.case_list_div ul li .portfolio-img{ position:relative; overflow:hidden;}
@media (min-width: 320px) and (max-width:767px){
.case_list_div ul li .portfolio-img{ position:relative; overflow:hidden;}
}
.case_list_div ul li .portfolio-img .product_img{ position: relative;width: 100%;height: 0;padding: 0 0 66%;}
.case_list_div ul li .portfolio-img h2{ font-weight:normal; font-size:20px; color:#fff; position:absolute;width:100%; top:20%; left:0; line-height:30px;filter: Alpha(Opacity=0);/*IE7 fix*/opacity: 0;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.case_list_div ul li .portfolio-img img{position: absolute;left: 0;top: 0; width:100%;height:100%;object-fit:cover; display:block;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.case_list_div ul li .portfolio-img p{ position:absolute; width:100%; height:100%;background-color:#3f639f; top:0; left:0;filter: Alpha(Opacity=0);/*IE7 fix*/opacity: 0;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.case_list_div ul li .portfolio-img p .icon-zoom2{display: block;width: 100%;height: 100%;position: absolute; top: 4%; left: 0;background: url(../images/i_case_bg3.png) no-repeat center 60%;}
.case_list_div ul li:hover .portfolio-img p{filter: Alpha(Opacity=90);/*IE7 fix*/opacity: 0.8;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.case_list_div ul li:hover .portfolio-img h2{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
.case_list_div ul li:hover .portfolio-img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.case_list_div ul li .portfolio-img span{display: block;position:absolute;top: 42%;left:0;right: 0;margin:0 auto;color: #fff;font-size: 16px;opacity: 0;}
.case_list_div ul li:hover .portfolio-img span{opacity: 1;}

.case_show{ width:100%; margin:0 auto; overflow:hidden; margin-bottom:50px; margin-top:20px;}
.case_show .case_show_l{ float:left; width:50%; overflow:hidden;}
.case_show .case_show_r{ float:left; width:44.8%; margin-left:2.6%; overflow:hidden;}
.case_show .case_show_r h2{ line-height:40px; padding-bottom:8px; font-weight:normal; font-size:26px; color:#666; letter-spacing:1px;}
.case_show .case_show_r .p{ font-size:14px; color:#666; line-height:24px; overflow:hidden; margin-bottom:40px; margin-top:0;min-height: 420px;}
.case_show .case_show_r .p img{ max-width: 100%;}
.page_a{ height:65px; overflow:hidden; text-align:left; border-top:1px solid #616161; padding-top:20px;}
.page_a a{ display:inline-block; margin-right:9px; width:40px; height:40px;}
.page_a a.last{ background:url(../images/last1.png) no-repeat;background-size:100% 100%;}
.page_a a.last:Hover{background:url(../images/last2.png) no-repeat;background-size:100% 100%;}
.page_a a.next{ background:url(../images/next1.png) no-repeat;background-size:100% 100%;}
.page_a a.next:hover{ background:url(../images/next2.png) no-repeat;background-size:100% 100%;}
.page_a a.goback{ background:url(../images/return1.png) no-repeat;background-size:100% 100%;}
.page_a a.goback:hover{ background:url(../images/return2.png) no-repeat;background-size:100% 100%;}

/*视频中心*/
.video_list_div{overflow:hidden; width:99%; margin:0 auto;text-align:center; margin-top:4%;}
.video_list_div ul li{ width:24%; float:left; margin-left:0.5%; margin-right:0.5%; overflow:hidden; margin-bottom:1%;position:relative; text-align:left;}
.video_list_div ul li .i_video_img{ overflow:hidden;}
.video_list_div ul li .i_video_img img{ width:100%;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.video_list_div ul li h2{ height:32px; line-height:32px; padding-left:3%; padding-right:3%; overflow:hidden; background:url(../images/i_video_bg1.png) repeat; color:#fff; font-weight:normal; margin-top:-32px;font-size:14px; color:#fff; left:0; position:absolute; bottom:0; width:94%;}
.video_list_div ul li i{ display:block; width:100%; height:100%; top:0; left:0; position:absolute; background:url(../images/i_video_pic1.png) center center no-repeat; background-size:52px auto;}
.video_list_div ul li:hover .i_video_img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.video_list_div ul li:hover h2{background:url(../images/i_video_bg2.png) repeat;}

.video_show{ width:97%; max-width:1000px; margin:0 auto; overflow:hidden; margin-top:3%; margin-bottom:50px;}
.video_show .video_t{ font-size:26px; color:#28bdfe; line-height:30px; overflow:hidden; margin-bottom:3%;}
.video_show .video_t label{ font-size:12px; color:#ffffff;}
.video_show .video_con{ overflow:hidden; line-height:24px; color:#fff; font-size:14px; margin-bottom:3%;}
.video_show .video_con img{ max-width:100%;}

/*加入全彩*/
.join_con{ width:97%; max-width:1200px; margin:0 auto;}
.job_div{ margin-top:40px; padding:9px; padding-left:0; overflow:hidden;background:#ffffff; min-height:122px;}
.job_div a{ display:block; width:100%; height:100%;}
.job_div .job_div_l{ float:left; padding-left:2%; text-align:center; padding-right:2%; width:25%; line-height:30px; padding-top:45px; padding-bottom:45px; font-size:22px; color:#1a1a1a; letter-spacing:1px;}
.job_div .job_div_r{ padding-left:5%; float:left; width:50%;border-left:1px dotted #828282;  padding-right:15%; padding-top:22px; line-height:26px; min-height:78px; color:#333333; font-size:14px;background:url(../images/join_bg3.png) 95% center no-repeat; padding-bottom:22px;}
.job_div:hover{ background:#029bde;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.job_div:hover .job_div_r{background:url(../images/join_bg4.png) 95% center no-repeat; color:#fff;}
.job_div:hover .job_div_l{color:#fff;}

/*新闻动态*/
.news_div{ width:98%; margin:0 auto;overflow:hidden;padding-top:2%; text-align:center;}
.news_div ul li{ transition: 0.3s; width:18%; margin-left:1%; margin-right:1%; float:left; overflow:hidden;position:relative; display:inline-table;background:#ffffff; padding-bottom:2%; margin-bottom:2%;}
.news_div ul li .i_news_img{ overflow:hidden;}
.news_div ul li .i_news_img img{ width:100%;height:190px;object-fit: cover;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.news_div ul li .i_news_txt{ overflow:hiddenl; padding-left:3%; padding-right:3%;}
.news_div ul li .i_news_txt span{ display:inline-block; padding-left:10px; padding-right:10px; border-bottom:1px solid #cccccc; color:#b2b2b2; font-family:Arial; font-size:40px; font-weight:bold; letter-spacing:2px; line-height:49px; height:49px; overflow:hidden; margin-top:20px;}
.news_div ul li .i_news_txt h2{ font-weight:normal; font-size:15px; color:#262626; height:40px; line-height:40px; overflow:hidden; margin-top:5px;}
.news_div ul li .i_news_txt p{ font-size:12px; color:#969696; line-height:21px; height:63px;/* height:42px; */overflow:hidden; margin-top:3px;}
.news_div ul li .i_news_txt em{ font-size:12px; color:#b2b2b2; display:block; margin-top:20px;}
.news_div ul li:hover .i_news_img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.news_div ul li:hover{ background:#3f639f;}
.news_div ul li:hover a{text-decoration: none;}
.news_div ul li:hover .i_news_txt span{ color:#fff; border-bottom:1px solid #f1a6a9;}
.news_div ul li:hover .i_news_txt h2{ color:#fff;}
.news_div ul li:hover .i_news_txt p{ color:#fff;}
.news_div ul li:hover .i_news_txt em{ color:#fff;}

.news_show{ width:97%; max-width:1200px; margin:0 auto; overflow:hidden; margin-top:2%; margin-bottom:50px;}
.news_show .news_t{ font-size:22px; color:#666; line-height:30px; overflow:hidden; margin-bottom:10px; text-align:center;}
.news_show .news_line{ font-size:12px; color:#b2b2b2; line-height:30px; height:38px; border-bottom:1px solid #565656; text-align:center;}
.news_show .news_con{ overflow:hidden; line-height:24px; color:#666; font-size:14px; margin-bottom:3%; margin-top:20px;}
.news_show .news_con img{ max-width:100%;}

/*联系全彩*/
.contact_map{ width:100%; text-align:center; position:relative;}
.contact_map .con_ifr{position: relative; z-index: 1; width:100%; height: 670px; overflow:hidden; min-height:670px;}
.contact_map .contact_wrap{ width:100%; margin:0 auto; position:absolute; top:0;}
.contact_map .contact_wrap .contact_con{ width:97%; margin:0 auto; max-width:1200px;text-align:right; padding-top:100px; overflow:hidden;}
.contact_map .contact_feedback{position: relative; z-index: 2; width:394px; padding: 0 0 15px; overflow:hidden; background:url(../images/contact_bg.png) repeat; display:inline-block; border-radius:6px;}

.contact_map .contact_feedback .feedback_div{ width:90%; padding-top:10px; padding-bottom:10px; margin:0 auto; text-align:left;}
.contact_map .contact_feedback .feedback_div h2{ font-size:16px; color:#3f639f; line-height:30px; padding-top:5px; padding-bottom:5px; font-weight:600;margin: 10px 0;}
.contact_map .contact_feedback .feedback_div .p{ line-height:30px; font-size:13px; color:#ffffff; margin-bottom:15px;}
.contact_map .contact_feedback .feedback_div .p a{ color:#fff;}
.contact_map .contact_feedback .feedback_div .inputs{ height:34px; line-height:34px; overflow:hidden; outline:none; padding-left:3%; color:#c0bfc1; font-size:12px; border:1px solid #979797; border-radius:6px; background:none; width:93%; padding-right:3%; margin-bottom:10px;font-family:"微软雅黑";}
.contact_map .contact_feedback .feedback_div .textarea{ padding-left:3%; width:93%;outline:none;  padding-right:3%;color:#c0bfc1; font-size:12px; border:1px solid #979797; border-radius:6px; background:none; padding-top:5px; padding-bottom:5px; line-height:18px; height:58px; font-family:"微软雅黑";margin-bottom:15px;}
.contact_map .contact_feedback .feedback_div .bnts3{border-radius:6px;width: 100%; font-size:14px; height: 36px;background: #3f639f; font-family:"微软雅黑"; text-align: center;color: #fff; outline:none; cursor:pointer;-webkit-appearance: none;}
.contact_map .contact_feedback .feedback_div .bnts3:hover{filter:alpha(opacity=80);opacity:0.8;transition:all 0.3s;}
@media all and (max-width: 767px){
  .contact_map .contact_feedback{
    background: url(../images/contact_bg.png) repeat center / cover;
  }
  .contact_map .contact_feedback .feedback_div .inputs{
    width: 100%;
  }
  .contact_map .contact_feedback .feedback_div .textarea{
    width: 100%;
  }
}
/*分页*/
.yema{text-align:center;padding: 40px 0 45px 0;overflow:hidden; height:30px;}
.yema a{ padding:3px 10px; border:#ffffff 1px solid; background:#ffffff; margin:0 2px; font-size:12px; color:#757575; font-family:"微软雅黑"; display:inline-block; margin-bottom:5px;}
.yema span{ padding:3px 10px; border:#ffffff 1px solid; background:#ffffff; margin:0 2px; font-size:12px; color:#757575; font-family:"微软雅黑"; display:inline-block; margin-bottom:5px;}
.yema a:hover{  background:#3f639f; color:#fff; border:#3f639f 1px solid; text-decoration:none;}
.yema span.current{  background:#3f639f; color:#fff; border:#3f639f 1px solid; text-decoration:none;}

a.ok{color:#fff !important; border:#3f639f 1px solid !important; background:#3f639f;}
a.ok:hover{color:#fff !important; border:#3f639f 1px solid !important;}


@media screen and (max-width: 1440px) {
/*设计案例*/
.case_list_div ul li .portfolio-img h2{ font-size:18px; top:30%;}
.case_list_div ul li .portfolio-img p .icon-zoom2{ background-size:24px 24px;}


/*新闻动态*/
.news_div ul li{ width:23%;}

}
@media screen and (max-width: 1100px) {
/*关于全彩*/
.about_a{ padding-top:4%;}
/*设计案例*/
.case_bg .case_div ul li h2{ font-size:26px;}
.case_list_div{ margin-top:3%;}
.case_list_div ul li .portfolio-img h2{ font-size:16px; top:24%;}

/*新闻动态*/
.news_div ul li{ width:31.333%; padding-bottom:4%;}

}


@media screen and (max-width: 780px) {
/*关于全彩*/
.about_a{ padding-top:6%; text-align: left; display: flex; flex-wrap: wrap;padding-left: 3.5%;}
.about_con .imgs{ width:94%; margin-left:3%;}
.about_con .i_about_r{ width:94%; padding-top:2%; padding-bottom:1%; margin-right:3%;}
.business_con .imgs{ width:94%; margin-left:3%; margin-top:2%;}
.business_con .imgs.r{ margin-right:3%;}
.business_con .i_about_r{ width:94%; padding-top:2%; padding-bottom:1%; margin-right:3%;}
/*设计案例*/
.case_bg .case_div ul li h2{ font-size:20px;}
.case_list_div{ margin-top:4%;}
.case_list_div ul li{ width:48%; margin-left:1%; margin-right:1%; margin-bottom:2%; webkit-transform: translateY(0px) translateX(0); -moz-transform: translateY(0px) translateX(0); transform: translateY(0px) translateX(0); opacity: 1;}
.case_show .case_show_l{ width:100%;}
.case_show .case_show_r{ width:95%; margin-top:3%;}

/*视频中心*/
.video_list_div ul li{ width:48%; margin-left:1%; margin-right:1%; margin-bottom:2%;}
.video_list_div ul li i{ background-size:15% auto;}

/*新闻动态*/
.news_div ul li{ width:48%;}

/*联系全彩*/
.contact_map .contact_wrap{ position:static; background-color:#fff; padding-bottom:50px;}
.contact_map .contact_wrap .contact_con{ text-align:center; padding-top:50px;}

.yema{webkit-transform: translateY(0px) translateX(0); -moz-transform: translateY(0px) translateX(0); transform: translateY(0px) translateX(0); opacity: 1;}
.case_list_div ul li:hover .portfolio-img p,
.case_list_div ul li .portfolio-img h2{display: none;}
}
@media screen and (max-width: 640px) {
/*关于全彩*/
.about_a a{ font-size:13px; width:120px;}
.case_bg .case_div ul li{ width:96%; margin-left:2%; margin-bottom:4%;}
/*视频中心*/
.video_show .video_t{ font-size:22px;}

/*加入全彩*/
.job_div .job_div_l{ font-size:18px;}
.job_div .job_div_r{ font-size:13px;}

/*合作伙伴*/
.link_ul{ padding-top:4%;}
.link_ul ul li{ width:49%;}
.link_ul ul li:nth-child(2n+0){ margin-right:0;}

}
@media screen and (max-width: 480px) {
/*关于全彩*/
.about_a a{ font-size:12px; width:31%;}
.page_a a{ width:30px; height:30px; }
/*视频中心*/
.video_show .video_t{ font-size:18px;}

/*加入全彩*/
.job_div .job_div_l{ font-size:14px;}
.job_div .job_div_r{ font-size:12px; line-height:22px; background-size:30px auto;}
.job_div .job_div_r:hover{ background-size:30px auto;}
/*新闻动态*/
.news_show .news_t{ font-size:18px; margin-bottom:5px;}

/*联系全彩*/
.contact_map .contact_feedback{ width:95%;}
}

/* 头部 */
.index-header {
    position: relative;
    z-index: 999;
  }
  @media (max-width: 767px) {
    .index-header .container {
      width: 100%;
    }
  }
  .index-header .navbar-fixed-top {
    position: relative;
  }
  .index-header .navbar {
    height: 100px;
    border-bottom: none;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
    position: relative;
  }
  @media (max-width: 767px) {
    .index-header .navbar {
      display: block;
      height: 60px;
    }
    .index-header .navbar .navbar-header {
      height: 60px;
    }
  }
  .index-header .logo {
    padding: 0;
    height: auto;
    display: flex;
    align-items: center;
    font-weight: normal;
  }
  @media (max-width: 767px) {
    .index-header .logo {
      /* width: 120px; */
      margin: 6px 0 0 15px !important;
    }
    .index-header .logo img {
      width: 100%;
    }
  }
  .index-header .nav.navbar-nav {
    /* padding-top: 39px; */
    padding-top: 0;
    margin: 0;
  }
  @media (max-width: 767px) {
    .index-header .nav.navbar-nav {
      padding: 15px 0;
    }
  }
  @media (max-width: 1199px) {
    .index-header .nav.navbar-nav {
      padding-top: 25px;
    }
  }
  .index-header .nav.navbar-nav > li {
    margin: 0;
    position: relative;
    font-size: 20px;
    color: #333;
  }
  @media (max-width: 991px) {
    .index-header .nav.navbar-nav > li {
      font-size: 14px;
    }
  }
  .index-header .nav.navbar-nav > li > a {
    padding: 0 0 39px 0;
    margin-left: 55px;
    border-bottom: 3px solid transparent;
  }
  @media (max-width: 1199px) {
    .index-header .nav.navbar-nav > li > a {
      padding: 0 0 39px 0;
      margin-left: 55px;
    }
  }
  @media (max-width: 991px) {
    .index-header .nav.navbar-nav > li > a {
      padding: 0 0 39px 0;
      margin-left: 20px;
    }
  }
  @media (max-width: 767px) {
    .index-header .nav.navbar-nav > li{
      border-bottom: 1px solid #eee;
    }
    .index-header .nav.navbar-nav > li > a {
      color: #000;
      padding: 5px 15px;
      font-size: 14px;
    }
    .index-header .nav.navbar-nav > li > a:after {
      content: ">";
      font-family: PingFangSC-Regular, "微软雅黑", sans-serif;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      font-size: 12px;
      margin: auto;
      color: #999;
      display: flex;
      align-items: center;
    }
  }
  .index-header .nav.navbar-nav > li.active > a,
  .index-header .nav.navbar-nav > li:hover:not(.nohover) > a {
    color: #3f639f;
    background-color: transparent;
    border-bottom: 3px solid #3f639f;
    position: relative;
  }
  @media (min-width: 768px) {
    .index-header .nav.navbar-nav > li.active > a,
    .index-header .nav.navbar-nav > li:hover:not(.nohover) > a {
      color: #3f639f;
      background-color: transparent;
    }
  }
  .index-header .nav.navbar-nav > li.active > a::before {
    content: "";
    position: absolute;
    background: url(../images/icon8.png) no-repeat left;
    font-size: 15px;
    top: 0;
    bottom: 0;
    left: -16px;
    width: 8px;
    height: 18px;
    margin: auto;
  }
  
  .index-header .nav.navbar-nav > li:hover a::before {
    content: "";
    position: absolute;
    background: url(../images/icon8.png) no-repeat left;
    font-size: 15px;
    top: 0;
    bottom: 0;
    left: -16px;
    width: 8px;
    height: 18px;
    margin: auto;
  }
  @media (max-width: 768px) {
    .index-header .nav.navbar-nav > li:hover a::before,.index-header .nav.navbar-nav > li.active > a::before {
      display: none;
    }
    .index-header .nav.navbar-nav > li.active > a, .index-header .nav.navbar-nav > li:hover:not(.nohover) > a{
      border-bottom: 3px solid transparent;
    }
  }
  .index-header .mobile-navbtn {
    display: none;
  }
  @media (max-width: 767px) {
    .index-header .mobile-navbtn {
      width: 40px;
      vertical-align: middle;
      position: absolute;
      right: 0;
      top: 0;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #000;
      background: url(../images/jia-b.png) center no-repeat;
      background-size: 100%;
    }
    .index-header .mobile-navbtn.open {
      background: url(../images/jian-b.png) center no-repeat;
      background-size: 100%;
    }
    .index-header .mobile-navbtn.iconb {
      background: url(../images/jia-b.png) center no-repeat;
      background-size: 100%;
    }
    .index-header .mobile-navbtn.iconb.open {
      background: url(../images/jian-b.png) center no-repeat;
      background-size: 100%;
    }
  }
  .index-header .dropdown-menu.open {
    display: block !important;
  }
  .index-header .dropdown-menu.multi {
    position: absolute;
    left: 100% !important;
    right: 0;
    top: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border: 1px solid rgba(0, 0, 0, 0.15);
    margin: 0 !important;
  }
  .index-header .dropdown-menu.multi a {
    font-size: 12px;
  }
  @media (max-width: 767px) {
    .index-header .dropdown-menu.multi {
      position: static;
    }
  }
  @media (max-width: 767px) {
    .index-header .dropdown-menu {
      position: relative;
      width: 100%;
      margin: 0 0 5px;
    }
    .index-header .dropdown-menu.multi-dropdown {
      left: 0 !important;
    }
  }
  .index-header .dropdown-menu li {
    width: 100%;
    position: relative;
    font-size: 14px;
  }
  @media (max-width: 767px) {
    .index-header .dropdown-menu > li > a {
      position: relative;
    }
    .index-header .dropdown-menu em i {
      color: #333;
    }
  }
  .index-header .language img {
    vertical-align: middle;
    margin: -3px 0 0 5px;
  }
  .index-header .navbar-toggle {
    transition: 0s;
  }
  .index-header .navbar-toggle:focus,
  .index-header .navbar-toggle:hover {
    background-color: #fff;
  }
  .index-header .navbar-toggle:focus .icon-bar,
  .index-header .navbar-toggle:hover .icon-bar {
    background-color: #00023d;
  }
  .index-header .navbar-toggle:active {
    background-color: #00023d;
  }
  .index-header .navbar-toggle:active .icon-bar {
    background-color: #fff;
  }
  @media (max-width: 767px) {
    .index-header .navbar-toggle {
      margin: 12px 15px 0 0;
    }
  }
  @media (max-width: 767px) {
    .index-header .navbar-collapse {
      background: #fff;
      border: 0;
    }
  }
  @media (min-width: 768px) {
    .index-header li.hasdrop:hover > .dropdown-menu {
      display: block !important;
      right: 0;
      left: 50%;
      margin-left: -80px;
    }
  }
  

/* 底部 */
.index-footer {
    background: #1e1e1e;
  }
  .index-footer .footer_top {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    padding: 86px 0 80px;
  }
  @media (max-width: 991px) {
    .index-footer .footer_top {
      display: inherit;
      justify-content: inherit;
      flex-direction: inherit;
      padding: 40px 0;
    }
  }
  .index-footer .footer_top .footer_left {
    width: 28%;
  }
  @media (max-width: 991px) {
    .index-footer .footer_top .footer_left {
      width: 100%;
    }
  }
  @media (min-width: 992px) and (max-width: 1560px) {
    .index-footer .footer_top .footer_left {
      width: 44%;
    }
  }
  .index-footer .footer_top .footer_left .left_top h1 {
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    margin: 0;
  }
  .index-footer .footer_top .footer_left .left_top h1 b {
    margin-left: 13px;
    font-size: 14px;
    line-height: 14px;
    color: #8f8f8f;
  }
  .index-footer .footer_top .footer_left .left_top h1 i {
    margin-top: 46px;
    margin-left: 2px;
    width: 28px;
    height: 2px;
    background: #8f8f8f;
    display: block;
  }
  .index-footer .footer_top .footer_left .left_content {
    margin-top: 36px;
  }
  .index-footer .footer_top .footer_left .left_content p:nth-child(1) {
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    margin-bottom: 14px;
  }
  .index-footer .footer_top .footer_left .left_content p:nth-child(2) {
    font-size: 18px;
    line-height: 18px;
    color: #8f8f8f;
  }
  @media (max-width: 991px) {
    .index-footer .footer_top .footer_left .left_content p:nth-child(2) {
      line-height: 24px;
    }
  }
  .index-footer .footer_top .footer_left .left_bottom {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-top: 48px;
  }
  .index-footer .footer_top .footer_left .left_bottom .bottom_left {
    width: 50%;
  }
  @media (max-width: 991px) {
    .index-footer .footer_top .footer_left .left_bottom .bottom_left {
      width: 45%;
    }
  }
  .index-footer .footer_top .footer_left .left_bottom .bottom_left p {
    margin-bottom: 16px;
    line-height: 15px;
  }
  .index-footer .footer_top .footer_left .left_bottom .bottom_left p a{
    color: #fff;
  }
  .index-footer .footer_top .footer_left .left_bottom .bottom_left p img {
    margin-right: 12px;
    margin-top: -0.2rem;
  }
  @media (max-width: 991px) {
    .index-footer .footer_top .footer_left .left_bottom .bottom_left p img {
      margin-right: 5px;
    }
  }
  .index-footer .footer_top .footer_left .left_bottom .bottom_left p span {
    color: #fff;
    font-size: 14px;
    line-height: 15px;
  }
  .index-footer .footer_top .footer_left .left_bottom .bottom_right {
    width: 50%;
  }
  @media (max-width: 991px) {
    .index-footer .footer_top .footer_left .left_bottom .bottom_right {
      width: 54%;
    }
  }
  .index-footer .footer_top .footer_left .left_bottom .bottom_right p {
    margin-bottom: 16px;
    line-height: 15px;
  }
  .index-footer .footer_top .footer_left .left_bottom .bottom_right p img {
    margin-right: 12px;
    margin-top: -0.2rem;
  }
  @media (max-width: 991px) {
    .index-footer .footer_top .footer_left .left_bottom .bottom_right p img {
      margin-right: 5px;
    }
  }
  .index-footer .footer_top .footer_left .left_bottom .bottom_right p span {
    color: #fff;
    font-size: 14px;
    line-height: 15px;
  }
  @media (max-width: 410px) {
    .index-footer .footer_top .footer_left .left_bottom {
      flex-direction: column;
      margin-top: 30px;
  
    }
    .index-footer .footer_top .footer_left .left_bottom .bottom_left {
      width: 100%;
    }
    .index-footer .footer_top .footer_left .left_bottom .bottom_right {
      width: 100%;
    }
  }
  @media (max-width: 991px) {
    .index-footer .footer_top .footer_content {
      width: 100%;
      margin: 8% 0 10%;
    }
  }
  .index-footer .footer_top .footer_content .content_top h1 {
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    margin: 0;
  }
  .index-footer .footer_top .footer_content .content_top h1 b {
    margin-left: 13px;
    font-size: 14px;
    line-height: 14px;
    color: #7d7d7d;
  }
  .index-footer .footer_top .footer_content .content_bottom {
    margin: 45px -10px 0;
    display: flex;
    flex-direction: row;
    text-align: center;
  }
  .index-footer .footer_top .footer_content .content_bottom img {
    margin: 0 12px 13px;
    width: 112px;
  }
  .index-footer .footer_top .footer_content .content_bottom p {
    font-size: 14px;
    line-height: 14px;
    color: #7d7d7d;
  }
  .index-footer .footer_top .footer_right {
    width: 26%;
  }
  @media (max-width: 991px) {
    .index-footer .footer_top .footer_right {
      width: 100%;
    }
  }
  .index-footer .footer_top .footer_right .right_top h1 {
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    margin: 0;
  }
  .index-footer .footer_top .footer_right .right_top h1 b {
    margin-left: 13px;
    font-size: 14px;
    line-height: 14px;
    color: #7d7d7d;
  }
  .index-footer .footer_top .footer_right .right_bottom {
    font-family: "微软雅黑";
    color: #7d7d7d;
  }
  .index-footer .footer_top .footer_right .right_bottom form {
    margin-top: 45px;
  }
  .index-footer .footer_top .footer_right .right_bottom form .user {
    padding-left: 15px;
    width: 100%;
    height: 33px;
    line-height: 33px;
    margin-bottom: 7px;
  }
  .index-footer .footer_top .footer_right .right_bottom form .phone {
    padding-left: 15px;
    width: 100%;
    height: 33px;
    line-height: 33px;
    margin-bottom: 7px;
  }
  .index-footer .footer_top .footer_right .right_bottom form .text {
    padding-left: 15px;
    width: 100%;
    resize: none;
    height: 50px;
    overflow: hidden;
    padding-top: 10px;
    border: 1px solid #5c5c5c;
    outline: none;
    margin-bottom: 8px;
  }
  .index-footer .footer_top .footer_right .right_bottom .fbutton {
    width: 100%;
    background: #3f639f;
    color: #fff;
    font-size: 14px;
    text-align: center;
    display: block;
    border: none;
    height: 39px;
    line-height: 39px;
  }
  .index-footer .footer_bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-top: 1px solid #353535;
    line-height: 48px;
  }
  @media (max-width: 991px) {
    .index-footer .footer_bottom {
      display: inherit;
      flex-direction: inherit;
      justify-content: inherit;
      line-height: 28px;
      padding: 20px 0 20px;
    }
  }
  .index-footer .footer_bottom p:nth-child(1) {
    color: #646464;
  }
  .index-footer .footer_bottom p:nth-child(1) a {
    margin-left: 16px;
    color: #646464;
  }
  @media (max-width: 991px) {
    .index-footer .footer_bottom p:nth-child(1) a {
      display: block;
      margin: 0;
    }
  }
  .index-footer .footer_bottom p:nth-child(2) {
    color: #646464;
  }
  .index-footer .footer_bottom p:nth-child(2) a {
    color: #646464;
  }

  @media (min-width: 1560px) {
    .container {
      width: 1400px;
      padding: 0;
    }
  }
  @media (min-width: 1560px) and (min-width: 1200px) {
    .container .container {
      width: 1170px;
    }
  }

/* section2热点栏 */ 
.index-section2 {
  border-bottom: 1px solid #f4f4f4;
}
.index-section2 .section2_hot {
  clear: both;
  overflow: hidden;
  min-height: 62px;
  margin: 15px auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  align-items: center; 
}
@media (max-width: 991px) {
  .index-section2 .section2_hot {
    display: inherit;
    flex-direction: inherit;
    justify-content: inherit;
    line-height: 28px;
    padding: 20px 0 0;
    margin: 0;
  }
}
.index-section2 .section2_hot strong {
  width: 10%;
  float: left;
  color: #333;
  font-family: "微软雅黑";
  margin-right: 16px;
  padding-left: 32px;
  font-size: 16px;
  line-height: 36px;
  background-image: url(../images/hot.png);
  background-repeat: no-repeat;
  background-position: 2px 5px;
}
@media (max-width: 1560px) {
  .index-section2 .section2_hot strong {
    width: 20%;
  }
}
@media (max-width: 767px) {
  .index-section2 .section2_hot strong {
    width: 25%;
  }
}
@media (max-width: 575px) {
  .index-section2 .section2_hot strong {
    width: 100%;
  }
}
.index-section2 .section2_hot .hot_list {
  width: 70%;
  margin: 0;
}
@media (max-width: 991px) {
  .index-section2 .section2_hot .hot_list {
    width: 100%;
  }
}
.index-section2 .section2_hot .hot_list li {
  float: left;
  color: #333;
  margin-right: 36px;
  font-size: 16px;
  line-height: 36px;
  cursor: pointer;
}
.index-section2 .section2_hot .hot_list li a{
  text-decoration: none;
  color: #333;
  font-family: "微软雅黑";
}
@media (max-width: 991px) {
  .index-section2 .section2_hot .hot_list li {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .index-section2 .section2_hot .hot_list li {
    margin-right: 16px;
  }
}
@media (max-width: 575px) {
  .index-section2 .section2_hot .hot_list li {
    float: left;
    text-align: center;
    margin: 10px 4px;
    font-size: 14px;
  }
}
.index-section2 .section2_hot .search-box {
  display: flex;
}
.index-section2 .section2_hot .search-box input {
  width: 242px;
  background-color: #3f639f;
  padding: 8px 15px;
  outline: none;
  border: none;
  color: #333;
  border-radius: 16px 0 0 16px;
}
.index-section2 .section2_hot .search-box button {
  background-color: #3f639f;
  outline: none;
  border: none;
  border-radius: 0 16px  16px 0;
  width: 40px;
}
.index-section2 .section2_hot .search-box button img{
  /* padding: 0 5px 3px 0; */
  width: 15px;
}
@media (max-width: 991px) {
  .index-section2 .section2_hot .search-box {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
  }
  .index-section2 .section2_hot .search-box input {
    width: 92%;
  }
  .index-section2 .section2_hot .search-box button {
    border-radius: 0 16px  16px 0;
    width: 15%;
  }
}
/* .index-section2 .section2_hot .search-box input::-webkit-input-placeholder {
  color: #fff;
} */
.index-section2 .section2_hot .search-box input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #fff;
}
.index-section2 .section2_hot .search-box input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #fff;
}
.index-section2 .section2_hot .search-box input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
}
/* zhao */
.index-header .logo{
  margin: 18px 0 0;
}
.index-header .logo a{
  display: flex;
  align-items: center;
  flex: 0 0 200px;
  max-width: 200px;
  margin: 0 40px 0 0;
}
.index-header .logo a img{
  width: 100%;margin-top: -5px;
}
.index-header .logo .logo-text{
  position: relative;
}
.index-header .logo .logo-text:before{
  content: "";
  position: absolute;
  left: -24px;
  width: 1px;
  height: 36px;
  background: #87888c;
  top: 0;
  bottom: 0;
  margin: auto;
}
.index-header .logo .logo-text p{
  font-size: 22px;
  color: #414348;
  margin: 0;
  font-weight: normal;
}
.index-header .logo .logo-text p:first-child{
  margin: 0 0 4px;
}
.index-header .nav.navbar-nav > li.hphone{
  margin-left: 50px;
}
.index-header .nav.navbar-nav > li.hphone div{
  position: relative;
  padding: 25px 0 25px 42px;
}
.index-header .nav.navbar-nav > li.hphone img{
  position: absolute;
  width: 22px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transform: rotate(18deg);
}
.index-header .nav.navbar-nav > li.hphone p{
  font-size: 18px;
  color: #ff761c;
  margin: 0;
}
.index-header .nav.navbar-nav > li.hphone p:first-child{
  margin: 0 0 4px;
}
.index-header .nav.navbar-nav > li > a{
  padding: 35px 5px;
  margin-left: 35px;margin-top: 15px;
}
.index-header .nav.navbar-nav > li .hdropdown{
  position: absolute;
  min-width: 826px;
  top: 100%;
  left: 0;
  margin: 0 0 0 -55px;
  padding: 50px 95px;
  background: #fff;
  display: none;
}
.index-header .nav.navbar-nav > li .hdropdown .flexbox{
  display: flex;
}
.index-header .nav.navbar-nav > li .hdropdown .leftbox{
  flex: 0 0 160px;
  max-width: 160px;
  margin: 0 95px 0 0;
  border-right: 1px solid #e3e3e3;
}
.index-header .nav.navbar-nav > li .hdropdown .leftbox dl{
  margin: 0;
}
.index-header .nav.navbar-nav > li .hdropdown .leftbox dt{
  font-size: 16px;
  color: #000;
  font-weight: normal;
  margin: 0 0 20px;
}
.index-header .nav.navbar-nav > li .hdropdown .leftbox dt:last-child{
  margin: 0;
}
.index-header .nav.navbar-nav > li .hdropdown .leftbox dt a{
  color: #333;
}
.index-header .nav.navbar-nav > li .hdropdown .leftbox dt a:before,
.index-header .nav.navbar-nav > li .hdropdown .rightbox a:before{
  display: none;
}
.index-header .nav.navbar-nav > li .hdropdown .leftbox dt.active a{
  color: #ff761c;
}
.index-header .nav.navbar-nav > li .hdropdown .rightbox{
  flex: 1;
  height: 232px;
}
.index-header .nav.navbar-nav > li .hdropdown .rightbox img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-header .nav.navbar-nav > li:hover .hdropdown{
  display: block;
}
.index-section4 .product_img .img-box {
  position: relative;
}
.index-section4 .product_img .img-box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .4s;
}
.index-section4 .product_img .img-box .mask{
  max-width: 100% !important;
  width: 100%;
  height: 60px;
  position: absolute;
  left: 0;
  bottom: -60px;
  background: rgba(0, 0, 0, .5);
  display: flex;
  align-items: center;
  padding: 0 25px;
  transition: .3s;
}
.index-section4 .product_img .img-box .mask p{
  flex: 1;
  font-size: 18px;
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 20px 0 0;
}
.index-section4 .product_img .img-box .mask span{
  display: block;
  font-size: 16px;
  color: #fff;
  border-radius: 18px;
  padding: 6px 22px;
  background: #ff761c;
}
.index-section4 .product_img .img-box:hover .mask{
  bottom: 0;
}
.index-section5 .product_list .product_right{
  position: relative;
  flex: 1;
  overflow: hidden;
}
.index-section5 .product_list .product_left{
  flex: 0 0 300px;
  max-width: 300px;
  margin: 0 70px 0 0;
}
.index-section5-swiper .flexbox .img-box{
  width: 700px;
  height: 490px;
  overflow: hidden;
}
.index-section5-swiper .flexbox .img-box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-section5-swiper .flexbox .rightbox{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  display: flex;
  align-items: center;
}
.index-section5-swiper .flexbox .infobox{
  background: #e93135;
  padding: 45px 50px;
  width: 440px;
  display: flex;
}
.index-section5-swiper .flexbox .infobox .tit{
  font-size: 20px;
  color: #fff;
  margin: 0 0 14px;
}
.index-section5-swiper .flexbox .infobox .des{
  margin: 0 0 30px;
  line-height: 1.6;
  color: #fff;
  font-size: 14px;
}
.index-section5-swiper .flexbox .infobox .operate{
  display: flex;
  align-items: center;
}
.index-section5-swiper .flexbox .infobox .operate > a{
  display: block;
  background: #f06f72;
  color: #fff;
  padding: 9px 22px;
  border-radius: 18px;
  font-size: 14px;
}
.index-section5-swiper .flexbox .infobox .operate > a.on{
  margin: 0 14px 0 0;
  color: #333;
  background: #fff;
}
.index-section5-swiper .flexbox .infobox .innerleft{
  flex: 1;
}
.index-section5-swiper .flexbox .infobox .right-operate{
  position: relative;
  flex: 0 0 18px;
  max-width: 18px;
  margin: 0 0 0 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.index-section5-swiper .flexbox .infobox .right-operate:after{
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 1px;
  height: 60%;
  margin: auto;
  background: #ed5a5d;
}
.index-section5-swiper .swiper-button-prev,
.index-section5-swiper .swiper-button-next{
  position: static;
  width: 18px;
  height: auto;
  -webkit-user-select: none;
  user-select: none;
  outline: none;
  background: none;
  margin: 0;
}
.index-section5-swiper .swiper-button-prev img,
.index-section5-swiper .swiper-button-next img{
  width: 100%;
}
.index-section5 .product_list .product_right .product_right-more{
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
  font-size: 16px;
  color: #231f20;
}
.index-section5 .product_list .product_right .product_right-more:before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 20px;
  height: 1px;
  background: #231f20;
  margin: auto;
  right: calc(100% + 10px);
}
.index-section5-swiper .index-section5-pagination{
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  text-align: right;
  font-size: 14px;
  color: #999;
}
.index-section5-swiper .index-section5-pagination .swiper-pagination-current{
  font-size: 20px;
  color: #ff761c;
}
.curr-tit{
  margin: 0;
  font-size: 36px;
  color: #333;
  position: relative;
  padding-bottom: 20px;
}
.curr-tit:before{
  content: "";
  position: absolute;
  top: 20px;
  left: -60px;
  width: 40px;
  height: 3px;
  background: #3f639f;
}
.curr-tit span{
  color: #333;
}
.curr-des{
  color: #333;
  font-size: 18px;
  padding-bottom: 57px;
}

.index-section6{
  position: relative;
}
.index-section6-swiper .item{
  width: 100%;
  height: auto;
  padding: 40px 26px;
  background: #f4f4f4;
  text-align: center;
}
.index-section6-swiper .item .ico{
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin: 0 auto 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  transition: .3s;
}
.index-section6-swiper .item .ico img{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 40%;
  height: 40%;
  object-fit: contain;
  transition: .3s;
}
.index-section6-swiper .item .ico img.ico-r{
  opacity: 1;
  z-index: 1;
}
.index-section6-swiper .item .ico img.ico-w{
  opacity: 0;
  z-index: 0;
}
.index-section6-swiper .item .tit{
  font-size: 18px;
  margin: 0 0 15px;
  transition: .3s;
}
.index-section6-swiper .item .des{
  font-size: 14px;
  color: #999;
  line-height: 1.8;
}
.index-section6-swiper .swiper-slide{
  height: auto;
  display: flex;
}
.index-section6-pagination{
  margin: 20px 0 0;
  width: 100%;
  position: static;
  text-align: center;
}
.index-section6-pagination .swiper-pagination-bullet{
  margin: 0 4px;
}
.index-section6-pagination .swiper-pagination-bullet-active{
  background: #ff761c;
}
.index-section8-swiper{
  max-width: 1680px;
  width: 100%;
  margin: 0 auto;
}
.index-section8 .swiper-box{
  padding: 0 15px;
}
.index-section8-swiper .swiper-slide .item .img-box{
  width: 100%;
  height: 235px;
  overflow: hidden;
}
.index-section8-swiper .swiper-slide .item .img-box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .3s;
}
.index-section8-swiper .swiper-slide .item .info{
  position: relative;
  padding: 40px 30px;
  background: #fff;
}
.index-section8-swiper .swiper-slide .item .info span{
  position: absolute;
  right: 30px;
  top: 34px;
  font-family: 'BEBAS';
  font-size: 48px;
  color: #e93135;
  opacity: .2;
  transition: .3s;
}
.index-section8-swiper .swiper-slide .item .info h4{
  font-size: 20px;
  line-height: 1.4;
  margin: 0 0 25px;
  color: #333;
  padding: 0 55px 0 0;
}
.index-section8-swiper .swiper-slide .item .info p{
  font-size: 14px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.8;
}
.index-section8-pagination{
  margin: 20px 0 0;
  width: 100%;
  position: static;
  text-align: center;
}
.index-section8-pagination .swiper-pagination-bullet{
  margin: 0 4px;
}
.index-section8-pagination .swiper-pagination-bullet-active{
  background: #fff;
}
.foo-nav-flex{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 55px 0 0;
}
.foo-nav-flex h1{
  display: flex;
  align-items: center;
}
.foo-nav-flex h1 a{
  display: flex;
  align-items: center;
}
.foo-nav-flex .logo{
  margin: 18px 0 0;
}
.foo-nav-flex .logo a{
  display: flex;
  align-items: center;
  flex: 0 0 165px;
  max-width: 165px;
  margin: 0 64px 0 0;
}
.foo-nav-flex .logo a img{
  width: 100%;
}
.foo-nav-flex .logo .logo-text{
  position: relative;
}
.foo-nav-flex .logo .logo-text:before{
  content: "";
  position: absolute;
  left: -24px;
  width: 1px;
  height: 36px;
  background: #87888c;
  top: 0;
  bottom: 0;
  margin: auto;
}
.foo-nav-flex .logo .logo-text p{
  font-size: 18px;
  color: rgba(255,255,255,.5);
}
.foo-nav-flex .logo .logo-text p:first-child{
  margin: 0 0 4px;
}
.foo-nav-flex ul{
  display: flex;
  align-items: center;
}
.foo-nav-flex ul li{
  margin: 0 92px 0 0;
}
.foo-nav-flex ul li:last-child{
  margin: 0;
}
.foo-nav-flex ul li a{
  font-size: 16px;
  color: rgba(255,255,255,.4);
}
@media (min-width: 768px) {
  .index-section6-swiper .item:hover .ico{
    background: #ff761c;
  }
  .index-section6-swiper .item:hover .ico img.ico-r{
    opacity: 0;
    z-index: 0;
  }
  .index-section6-swiper .item:hover .ico img.ico-w{
    opacity: 1;
    z-index: 1;
  }
  .index-section6-swiper .item:hover .tit{
    color: #ff761c;
  }
  .index-section8-swiper .swiper-slide .item:hover .img-box img{
    transform: scale(1.1);
  }
  .index-section8-swiper .swiper-slide .item:hover .info span{
    opacity: 1;
  }
}
@media (max-width: 1560px) {
  .index-header .nav.navbar-nav > li > a{
    margin-left: 30px;
  }
  .index-header .nav.navbar-nav > li.hphone{
    margin-left: 40px;
  }
  .index-header .logo a{
    margin: 0 40px 0 0;
  }
  .index-header .logo .logo-text p,
  .index-header .nav.navbar-nav > li.hphone p{
    font-size: 16px;
  }
  .index-header .nav.navbar-nav > li.hphone div{
    padding: 28px 0 28px 28px;
  }
  .index-header .nav.navbar-nav > li.hphone img{
    width: 16px;
  }
  .index-section4 .product_img .img-box .mask p,
  .index-section4 .product_img .img-box .mask span{
    font-size: 14px;
  }
  .index-section4 .product_img .img-box .mask{
    height: 50px;
  }
  .index-section5-swiper .flexbox .infobox{
    padding: 30px 20px;
    width: 370px;
    background: rgba(233, 49, 53, 0.8);
  }
  .index-section5-swiper .flexbox .infobox .right-operate:after{
    background: #ff9497;
  }
  .curr-tit{
    font-size: 28px;
    padding-left: 64px;
  }
  .curr-tit:before{
    left: 0;
  }
  .index-section6-swiper .item{
    padding: 30px 20px;
  }
  .index-section6-swiper .item .ico{
    margin: 0 auto 20px;
  }
  .foo-nav-flex ul li {
    margin: 0 58px 0 0;
  }
}
@media (max-width: 1199px) {
  .index-header .logo .logo-text,
  .foo-nav-flex .logo .logo-text{
    display: none;
  }
  .index-header .logo a{
    margin: 0;
  }
  .index-header .nav.navbar-nav > li > a{
    font-size: 14px;
    padding: 31px 5px;
  }
  .index-header .logo .logo-text p, .index-header .nav.navbar-nav > li.hphone p{
    font-size: 14px;
  }
  .index-header .navbar{
    height: 85px;
  }
  .index-header .nav.navbar-nav{
    padding-top: 0;
  }
  .index-header .nav.navbar-nav > li.hphone div{
    padding: 23px 0 23px 28px;
  }
  .index-header .logo{
    margin: 10px 0 0;
  }
  .index-section5 .product_list .product_left{
    flex: inherit;
    max-width: inherit;
    margin: 0 0 40px;
  }
  .index-section5 .product_list .product_left:after{
    content: "";
    display: table;
    clear: both;
  }
  .index-section5 .product_list .product_right{
    width: 100%;
  }
  .index-section5 .product_list .product_right .product_right-more{
    display: none;
  }
  .index-section5-swiper .flexbox .img-box{
    height: 370px;
  }
  .index-section8-swiper .swiper-slide .item .info{
    padding: 30px 20px;
  }
  .index-section8-swiper .swiper-slide .item .info h4{
    font-size: 16px;
    margin: 0 0 15px;
  }
  .index-section8-swiper .swiper-slide .item .info span{
    right: 20px;
    top: 26px;
    font-size: 35px;
  }
  .foo-nav-flex ul li {
    margin: 0 40px 0 0;
  }
}
@media (max-width: 991px) {
  .index-header .nav.navbar-nav > li.hphone{
    display: none;
  }
  .index-header .logo a{
    flex: 0 0 140px;
    max-width: 140px;
  }
  .index-header .logo{
    margin: 15px 0 0;
  }
  .index-section4 .product_img .img-box .mask{
    display: none;
  }
  .index-section5-swiper .flexbox .img-box{
    width: 540px;
  }
  .index-section5-swiper .flexbox .rightbox{
    position: static;
    width: 100%;
  }
  .index-section5-swiper .flexbox .img-box,
  .index-section5-swiper .flexbox .infobox{
    width: 100%;
  }
  .index-section5-swiper .index-section5-pagination{
    display: none;
  }
  .curr-tit{
    padding: 10px 0;
  }
  .curr-tit:before{
    display: none;
  }
  .curr-des{
    padding-bottom: 20px;
  }
  .index-section8 .advantage_box .advantage_top .advantage_title h1{
    font-size: 24px;
  }
  .index-section8 .advantage_box .advantage_top .advantage_title h1:before{
    display: none;
  }
  .index-section8 .advantage_box .advantage_top .advantage_title h1 b{
    font-size: 40px;
    margin: 0 5px;
  }
  .index-section8 .advantage_box .advantage_top .advantage_title .title-des{
    font-size: 20px;
  }
  .foo-nav-flex{
    display: none;
  }
}
@media (max-width: 767px) {
  .index-header .navbar{
    height: 60px;
  }
  .index-header .logo a{
    flex: 0 0 115px;
    max-width: 115px;
  }
  .index-header .nav.navbar-nav > li > a{
    padding: 6px 0;
    margin: 0;
  }
}
@media (max-width: 575px) {
  .index-section5-swiper .flexbox .img-box{
    height: 210px;
  }
  .index-section5-swiper .flexbox .infobox{
    padding: 20px 15px;
  }
  .index-section5-swiper .flexbox .infobox .tit{
    font-size: 18px;
  }
  .index-section5-swiper .flexbox .infobox .des{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .index-section5-swiper .flexbox .infobox .right-operate{
    display: none;
  }
  .index-section5-swiper .flexbox .infobox .des{
    margin: 0 0 15px;
  }
  .index-section5-swiper .flexbox .infobox .operate > a{
    padding: 5px 12px;
  }
  .index-section5 .product_list .product_left .list_bottom .productlist ul li{
    font-size: 14px;
  }
  .index-section5 .product_list .product_left{
    margin: 0 0 20px;
  }
}

/* zhao: about */
.index-section2 .section2_hot .search-box{
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid #cecece;
}
.index-section2 .section2_hot .search-box input,
.index-section2 .section2_hot .search-box button{
  background: #fff;
}
.z-breadnav{
  display: flex;
  align-items: center;
}
.z-breadnav > li{
  position: relative;
  margin: 0 20px 0 0;
  font-size: 16px;
  color: #666;
}
.z-breadnav > li:after{
  content: ">";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -15px;
  font-size: 16px;
  color: #666;
}
.z-breadnav > li:first-child{
  margin: 0;
}
.z-breadnav > li:first-child:after,
.z-breadnav > li:last-child:after{
  display: none;
}
.z-breadnav > li > a{
  font-size: 16px;
  color: #666;
}
.z-breadnav > li.active{
  color: #3f639f;
}
.about_con .i_about_r .i_about_txt p{
  font-size: 14px;
  line-height: 2;
  letter-spacing: 1px;
  color: #666;
  text-align: justify;
}
.about-section1{
  width: 100%;
}
.about-section1 img{
  width: 100%;
}
.about-section1 img.pc-img{
  display: block;
}
.about-section1 img.mobile-img{
  display: none;
}
@media (max-width: 767px) {
  .about-section1{
    width: 100%;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .about-section1 img.pc-img{
    display: none;
  }
  .about-section1 img.mobile-img{
    display: block;
    width: 100%;height: 100%;object-fit: cover;
  }
}
.index-section7 {
  margin: 0 auto 140px;
}
@media (max-width: 1199px) {
  .index-section7 {
    margin: 0 auto 100px;
  }
}
@media (max-width: 767px) {
  .index-section7 {
    margin: 0 auto 40px;
  }
}
.index-section7 .about_bottom{
  position: relative;
  overflow: hidden;
}
.index-section7 .about_bottom .honor_bottom {
  position: relative;
}
.index-section7 .about_bottom .honor_bottom .honor_box {
  background: #fff;
  padding: 50px 42px;
  border: 1px solid #eeeeee;
  text-align: center;
  position: relative;
  width: 100%;
  cursor: pointer;
}
@media (max-width: 991px) {
  .index-section7 .about_bottom .honor_bottom .honor_box {
    padding: 40px 20px;
  }
}
.index-section7 .about_bottom .honor_bottom .honor_box .box_list {
  width: 100%;
}
.index-section7 .about_bottom .honor_bottom .honor_box .box_list img {
  display: block;
  width: 100%;
  transition: 0.4s;
  margin: 0 auto;
}
.index-section7 .about_bottom .honor_bottom .honor_box .box_list .more_text {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  left: 0;
  top: 0;
  transition: all 0.35s;
}
.index-section7 .about_bottom .honor_bottom .honor_box .box_list .more_text p {
  color: #fff;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  padding: 10px;
  font-size: 20px;
  opacity: 0;
}
.index-section7 .about_bottom .honor_bottom .honor_box .box_list:hover img {
  transform: scale(1.1);
}
.index-section7 .about_bottom .honor_bottom .honor_box .box_list:hover .more_text {
  background: rgba(0, 0, 0, 0.5);
}
.index-section7 .about_bottom .honor_bottom .honor_box .box_list:hover .more_text p {
  opacity: 1;
}
.index-section7 .about_bottom .honor_bottom .honor_np {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
}
.index-section7 .about_bottom .honor_bottom .honor_np .swiper-button-next {
  right: -80px;
}
@media (max-width: 1199px) {
  .index-section7 .about_bottom .honor_bottom .honor_np .swiper-button-next {
    right: 0;
  }
}
.index-section7 .about_bottom .honor_bottom .honor_np .swiper-button-prev {
  left: -80px;
}
@media (max-width: 1199px) {
  .index-section7 .about_bottom .honor_bottom .honor_np .swiper-button-prev {
    left: 0;
  }
}
.index-section7 .about_bottom .honor_bottom .honor_np .honor-prev {
  position: absolute;
  background: url(../images/prev.png) no-repeat center;
  width: 60px;
  height: 60px;
  outline: none;
  z-index: 100;
}
@media (max-width: 1199px) {
  .index-section7 .about_bottom .honor_bottom .honor_np .honor-prev {
    width: 50px;
    height: 50px;
    background-size: 50px;
  }
}
@media (max-width: 991px) {
  .index-section7 .about_bottom .honor_bottom .honor_np .honor-prev {
    width: 40px;
    height: 40px;
    background-size: 40px;
  }
}
.index-section7 .about_bottom .honor_bottom .honor_np .honor-next {
  position: absolute;
  width: 60px;
  height: 60px;
  background: url(../images/next.png) no-repeat center;
  outline: none;
  z-index: 100;
}
@media (max-width: 1199px) {
  .index-section7 .about_bottom .honor_bottom .honor_np .honor-next {
    width: 50px;
    height: 50px;
    background-size: 50px;
  }
}
@media (max-width: 991px) {
  .index-section7 .about_bottom .honor_bottom .honor_np .honor-next {
    width: 40px;
    height: 40px;
    background-size: 40px;
  }
}
.index-section7 .about_bottom .honor_bottom .honor_np .honor-prev:hover{
  background: url(../images/prevh.png) no-repeat center;
  background-size: cover;
}
.index-section7 .about_bottom .honor_bottom .honor_np .honor-next:hover{
  background: url(../images/nexth.png) no-repeat center;
  background-size: cover;
}
.z-about-section1{
  padding: 100px 0;
}
.z-about-section1 .box-row{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.z-about-section1 .box-col{
  flex: 0 0 20%;
  max-width: 20%;
  padding: 0 10px;
  margin: 0 0 20px;
}
.z-about-section1 .box-col .item{
  border:  2px solid #eee;
  width: 100%;
  height: 0;
  padding: 0 0 55%;
  position: relative;
}
.z-about-section1 .box-col .item a{
  display: block;
  width: 100%;
  height: 100%;
}
.z-about-section1 .box-col .item a img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 1199px) {
  .z-about-section1 .box-col{
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (max-width: 767px) {
  .z-about-section1{
    padding: 40px 0 0;
  }
  .z-about-section1 .box-row{
    margin: 0 -8px;
  }
  .z-about-section1 .box-col{
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding: 0 8px;
  }
}
@media (max-width: 575px) {
  .z-about-section1 .box-col{
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.z-about-section2{
  position: relative;
  margin: 0 0 100px;
}
@media (max-width: 767px) {
  .z-about-section2{
    margin: 0 0 40px;
  }
}
.z-about-section2 .curr-tit{
  margin: 0 0 45px;
}
.z-about-section2 .item-group .item{
  display: flex;
  margin: 0 0 20px;
}
.z-about-section2 .item-group .item .img-box{
  flex: 0 0 40%;
  max-width: 40%;
  min-height: 380px;
}
.z-about-section2 .item-group .item .img-box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.z-about-section2 .item-group .item .info{
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #f6f6f6;
  padding: 40px 60px;
}
.z-about-section2 .item-group .item .info .num{
  font-size: 72px;
  color: rgba(47,47,47,.2);
  font-family: 'BEBAS';
  text-align: right;
  line-height: 1;
  margin: 0;
}
.z-about-section2 .item-group .item .info .en{
  font-size: 24px;
  color: #ff761c;
  font-weight: 100;
  font-family: PingFangSC-Regular, "微软雅黑", sans-serif;
  margin: 0;
}
.z-about-section2 .item-group .item .info .tit{
  position: relative;
  font-size: 30px;
  color: #ff761c;
  margin: 0 0 60px;
}
.z-about-section2 .item-group .item .info .tit:after{
  content: "";
  position: absolute;
  background: #231f20;
  left: 0;
  bottom: -30px;
  width: 14px;
  height: 2px;
}
.z-about-section2 .item-group .item .info .des{
  font-size: 16px;
  color: #333;
  line-height: 1.8;
}
.z-about-section2 .item-group .item:nth-child(even){
  flex-direction: row-reverse;
}
@media (max-width: 1560px) {
  .z-about-section2 .item-group .item .info .tit{
    font-size: 24px;
    margin: 0 0 40px;
  }
  .z-about-section2 .item-group .item .info .tit:after{
    bottom: -22px;
    width: 14px;
    height: 1px;
  }
  .z-about-section2 .item-group .item .info .en{
    font-size: 20px;
  }
  .z-about-section2 .item-group .item .info .des{
    font-size: 14px;
  }
  .z-about-section2 .item-group .item .info .num{
    font-size: 50px;
  }
  .z-about-section2 .item-group .item .img-box{
    min-height: 330px;
  }
}
@media (max-width: 1199px) {
  .z-about-section2 .item-group .item .info .tit{
    font-size: 20px;
  }
  .z-about-section2 .item-group .item .img-box{
    min-height: 280px;
  }
  .z-about-section2 .item-group .item .info .num{
    font-size: 40px;
  }
}
@media (max-width: 991px) {
  .z-about-section2 .item-group .item .info{
    padding: 40px;
  }
}
@media (max-width: 575px) {
  .z-about-section2 .item-group .item,
  .z-about-section2 .item-group .item:nth-child(even){
    flex-direction: column;
  }
  .z-about-section2 .item-group .item .img-box{
    flex: inherit;
    max-width: inherit;
    min-height: inherit;
    height: 200px;
  }
  .z-about-section2 .item-group .item .info{
    padding: 15px;
  }
  .z-about-section2 .item-group .item .info .num{
    font-size: 30px;
  }
  .z-about-section2 .item-group .item .info .en,
  .z-about-section2 .item-group .item .info .tit{
    font-size: 16px;
  }
  .z-about-section2 .item-group .item .info .tit{
    margin: 0 0 10px;
  }
  .z-about-section2 .item-group .item .info .tit:after{
    display: none;
  }
}
.index-section12 {
  background: #3f639f;
  height: 80px;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .index-section12 {
    height: inherit;
    display: inherit;
    align-items: inherit;
  }
}
.index-section12 .link {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
@media (max-width: 767px) {
  .index-section12 .link {
    display: inherit;
    justify-content: inherit;
    flex-direction: inherit;
  }
}
.index-section12 .link span {
  width: 10%;
  color: #fff;
  font-size: 20px;
}
@media (max-width: 767px) {
  .index-section12 .link span {
    width: 100%;
    line-height: 40px;
    padding-left: 10px;
  }
}
.index-section12 .link .link_box {
  width: 90%;
  line-height: 28px;
}
@media (max-width: 767px) {
  .index-section12 .link .link_box {
    width: 100%;
  }
}
.index-section12 .link .link_box .link_list {
  display: flex;
  flex-direction: row;
  margin: 0;
}
@media (max-width: 767px) {
  .index-section12 .link .link_box .link_list {
    flex-wrap: wrap;
    padding-bottom: 10px;
  }
}
.index-section12 .link .link_box .link_list li {
  flex: 1;
  text-align: left;
}
@media (min-width:576px) and (max-width: 767px) {
  .index-section12 .link .link_box .link_list li {
    flex: inherit;
    text-align: center;
    width: 20%;
  }
}
@media (min-width:320px) and (max-width: 575px) {
  .index-section12 .link .link_box .link_list li {
    flex: inherit;
    text-align: center;
    width: 25%;
  }
}
.index-section12 .link .link_box .link_list li a {
  color: #fff;
  border-left: 1px solid #f7989c;
  padding-left: 40px;
  vertical-align: middle;
}
@media (max-width: 1199px) {
  .index-section12 .link .link_box .link_list li a {
    padding-left: 10%;
  }
}
@media (max-width: 767px) {
  .index-section12 .link .link_box .link_list li a {
    padding: 0;
    border: none;
    font-size: 16px;
    line-height: 34px;
  }
}
.side_callem {
  position: fixed;
  width: 55px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 900;
  display: block;
  opacity: 0;
  transition: 0.3s;
}
.side_callem.on {
  opacity: 1;
}
.side_callem ul{
  margin: 0;
}
.side_callem ul li {
  text-align: center;
  position: relative;
  margin: 0 0 10px;
}
.side_callem ul li .show_con {
  background: #fff;
  padding: 5px;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.4s;
  -moz-transit-webkit-transition: all 0.4s;
  -ms-transit-webkit-transition: all 0.4s;
  -o-transit-webkit-transition: all 0.4s;
  transition: all 0.4s;
  transform: translateX(100%);
  opacity: 0;
  white-space: nowrap;
}
.side_callem ul li .show_con img {
  width: 107px;
  max-width: none;
}
.side_callem ul li .show_con strong {
  color: #ff8a00;
  font-size: 20px;
}
.side_callem ul li:hover a {
  background: #3f639f;
}
.side_callem ul li:hover a i {
  color: #fff;
}
.side_callem ul li:hover a span {
  color: #fff;
}
.side_callem ul li:hover .show_con {
  transform: translateX(-100%);
  opacity: 1;
}
.side_callem ul li a {
  display: block;
  width: 55px;
  background: #3f639f;
  position: relative;
  margin-top: -1px;
  padding: 12px 0;
  z-index: 99;
  -webkit-transition: all 0.4s;
  -moz-transit-webkit-transition: all 0.4s;
  -ms-transit-webkit-transition: all 0.4s;
  -o-transit-webkit-transition: all 0.4s;
  transition: all 0.4s;
  text-decoration: none;
}
.side_callem ul li i {
  display: block;
  font-size: 24px;
  line-height: 24px;
  padding: 0 0 5px;
  color: #333;
  width: 22px;
  height: 30px;
  margin: 0 auto;
}
.side_callem ul li i img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.side_callem ul li span {
  color: #fff;
  font-size: 14px;
  line-height: 1.3;
  display: block;
  font-weight: 100;
}
.home-bottom-fixed {
  position: relative;
  z-index: 100;
  width: 100%;
  height: 120px;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}
.home-bottom-fixed.on {
  visibility: visible;
  opacity: 1;
}
.home-bottom-fixed .flexbox {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 120px;
  background: #333;
}
@media (max-width: 1560px) {
  .home-bottom-fixed {
    height: 80px;
  }
  .home-bottom-fixed .flexbox {
    height: 80px;
  }
}
.home-bottom-fixed .flexbox > .container {
  height: 100%;
  display: flex;
  align-items: center;
}
.home-bottom-fixed .flexbox .leftbox {
  flex: 1;
}
.home-bottom-fixed .flexbox .leftbox h4 {
  font-size: 36px;
  color: #fff;
  margin: 0 0 8px;
}
.home-bottom-fixed .flexbox .leftbox h4 span{
  font-size: 20px;
  margin: 0 0 0 5px;
}
@media (max-width: 1560px) {
  .home-bottom-fixed .flexbox .leftbox h4 {
    font-size: 20px;
  }
}
.home-bottom-fixed .flexbox .leftbox .des{
  font-size: 16px;
  color: #fff;
  display: flex;
  align-items: center;
}
.home-bottom-fixed .flexbox .leftbox .des ul{
  display: flex;
  align-items: center;
  margin: 0 5px;
}
.home-bottom-fixed .flexbox .leftbox .des li{
  font-size: 24px;
  color: #fff;
  background: #3f639f;
  padding: 2px 6px;
  border-radius: 8px;
  margin: 0 5px 0 0;
}
.home-bottom-fixed .flexbox .leftbox .des li:last-child{
  margin: 0;
}
.home-bottom-fixed .flexbox .rightbox {
  flex: 0 0 987px;
  max-width: 987px;
  display: flex;
  align-items: center;
}
.home-bottom-fixed .flexbox .rightbox .btphone{
  display: flex;
  align-items: center;
  margin: 0 55px 0 0;
}
.home-bottom-fixed .flexbox .rightbox .btphone img{
  width: 20px;
  margin: 0 17px 0 0;
}
.home-bottom-fixed .flexbox .rightbox .btphone span{
  color: #fff;
  font-size: 16px;
}
.home-bottom-fixed .flexbox .rightbox input {
  flex: 0 0 250px;
  max-width: 250px;
  height: 50px;
  border-radius: 25px;
  border: 0;
  background: #fff;
  padding: 0 15px;
  font-size: 14px;
  color: #333;
  margin: 0 16px 0 0;
  outline: none;
}
@media (max-width: 1560px) {
  .home-bottom-fixed .flexbox .rightbox input {
    height: 40px;
  }
  .home-bottom-fixed .flexbox .rightbox {
    flex: 0 0 820px;
    max-width: 820px;
  }
  .home-bottom-fixed .flexbox .rightbox input{
    flex: 0 0 215px;
    max-width: 215px;
  }
  .home-bottom-fixed .flexbox .rightbox .btphone{
    margin: 0 20px 0 0;
  }
  .home-bottom-fixed .flexbox .rightbox .btphone span{
    font-size: 16px;
  }
  .home-bottom-fixed .flexbox .leftbox h4 span{
    font-size: 14px;
  }
  .home-bottom-fixed .flexbox .rightbox .btphone img{
    width: 15px;
    margin: 0 8px 0 0;
  }
  .home-bottom-fixed .flexbox .leftbox .des{
    font-size: 14px;
  }
  .home-bottom-fixed .flexbox .leftbox .des li{
    font-size: 20px;
    padding: 0 4px;
  }
}
.home-bottom-fixed .flexbox .rightbox .button {
  flex: 1;
  max-width: 100%;
  height: 50px;
  background: #3f639f;
  border-radius: 25px;
  font-size: 16px;
  color: #fff;
  border: 0;
  outline: none;
}
@media (max-width: 1560px) {
  .home-bottom-fixed .flexbox .rightbox .button {
    height: 40px;
  }
}
@media (max-width: 1199px) {
  .side_callem,
  .home-bottom-fixed{
    display: none;
  }
}
.sec-spot{
  position: absolute;
  top: -30px;
}

@media (max-width: 576px) {
  .index-content .index-section2 .section2_hot .hot_list li:nth-last-child(1),
  .index-content .index-section2 .section2_hot .hot_list li:nth-last-child(2){
    display: none;
  }
  .index-content .index-section2 .section2_hot .hot_list{
    position: absolute;
    top: 10px;
    padding: 0 0 0 110px;height: 40px;
  }
}
.case_show .case_show_r .show-case-tips{
  display: none;
  font-size: 14px;
  color: #999;
  margin: 0 0 30px;
}
@media (max-width: 575px) {
  .index-footer .footer_top .footer_left .left_bottom{
    display: block;
  }
  .index-footer .footer_top .footer_left .left_bottom .bottom_left {
    width: 100%;
  }
  .index-footer .footer_top .footer_left .left_bottom .bottom_right {
    width: 100%;
  }
  .index-header .nav.navbar-nav > li .hdropdown{
    display: none !important;
  }
  .case_show .case_show_r .p{
    min-height: inherit;
    overflow: auto;
    margin-bottom: 5px;
    -webkit-overflow-scrolling:touch;
  }
  .case_show .case_show_r .p .img-box{
    width: 670px;
  }
  .case_show .case_show_r .show-case-tips{
    display: block;
  }
  .contact_map .con_ifr{
    height: 250px;
    min-height: inherit;
  }
  .contact_map .contact_wrap .contact_con{
    padding-top: 30px;
  }
  .index-header .logo .logo-text, .foo-nav-flex .logo .logo-text{
    display: block;
    margin: 0 0 0 26px;
  }
  .index-header .logo .logo-text:before{
    left: -13px;
    background: #ddd;
  }
  .index-header .logo .logo-text p{
    color: #666;
  }
}

.app-bottom-fixed{
  position: relative;
  height: 60px;
  display: none;
}
.app-bottom-fixed .flexbox{
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 999999;
  height: 60px;
  display: flex;
  padding: 10px 5px;
  background: #fff;
  border-top: 1px solid #eee;
}
.app-bottom-fixed .flexbox .item{
  flex: 1;
  padding: 0 5px;
}
.app-bottom-fixed .flexbox .item a{
  background: #3f639f;
  font-size: 14px;
  color: #fff;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}
@media (max-width: 575px) {
  .app-bottom-fixed{
    display: block;
  }
}


.index-header .nav.navbar-nav > li.hphone p{
  font-size: 22px;
  color: #ff761c;
  margin: 0;
}
.index-header .nav.navbar-nav > li.hphone p:first-child{
  margin: 0 0 4px;
}