html, body { font-family: "microsoft yahei"; }
.header { position: relative; z-index: 4; }
.ind_wrapper { padding-left: 8%; padding-right: 8%; }
.mask { display: none; position: fixed; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgba(0,0,0,.3); }
.head_b { height:125px; background: #fff; position: relative; }
.logo { height:100%; display:flex; display: -webkit-flex; justify-content: flex-start; -webkit-justify-content: flex-start; align-items:center; -webkit-align-items: center; }
.logo_l img { display: block; max-width: 100%; margin: 0 auto; }
.logo_text { display: none; height: 60px; border-left: 1px solid #c9c9c9; padding-left: 15px; margin-left: 15px; }
.logo img { display: block; max-width: 100%; height: auto; max-height: 100%; margin: 0 auto; }
.head_menu_top { height: 40px; margin: 6px 0 0px; }
.head_top_tel { color: #ff0000; font-size: 14px; line-height: 40px; font-weight: bold; }
.head_top_tel .icon { float: left; font-size: 18px; margin: 0 10px 0 0; }
.head_top_tel a { color: #ff0000; }
.head_top_tel a:hover { text-decoration: underline; }
.menu { height: 100%; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: flex-end; -webkit-align-items: flex-end; flex-direction: column; -webkit-flex-direction: column; position: relative; z-index: 3; background: #fff; }
.menu_dl { width: 100%; height:54px; display: flex; display: -webkit-flex; justify-content: space-around; -webkit-justify-content: space-around; align-items: center; -webkit-align-items: center; background: none; }
.menu_dl dd { position: relative; }
.menu_tt { display: block; text-align: center; position: relative; }
.menu_tt .text { display: block; color: #444; line-height: 54px; padding: 0 22px; font-size: 16px; }
.menu_tt_ico { display: none; float: right; width:40px; height: 40px; line-height: 30px; background: url(../images/menu_ico.png) no-repeat center center; }
.menu_tt_ico.hover { transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); }
.menu_dl dd.hover .menu_tt .text { color: #fff; background: #ff0000; }
.menu_down { display: none; position: absolute; left:0; top:54px; z-index: 3; width: 165px; text-align: center; background: #fff; }
.menu_two { position: relative; }
.menu_two_tt { display: block; color: #242424; line-height:36px; font-size: 16px; padding: 10px; border-bottom: 1px solid #eaeaea; }
.menu_two_tt:hover { color: #242424; background: #f1f1f1; }
.menu_three { display: none; position: absolute; left: 192px; top: 0; width: 192px; z-index: 4; background: #fff; border-radius: 5px; }
.menu_three a { display: block; line-height: 40px; font-size: 16px; padding: 10px 0; border-bottom: 1px solid #eaeaea; }
.menu_three a:hover { color: #242424; background: #f1f1f1; }
.head_search { width: 40px; height: 40px; font-size: 20px; line-height: 40px; text-align: center; color: #ff0000; cursor: pointer; margin-left: 20px; }
.ind_sea_hide { display: none; position: absolute; right:8%; top:125px; z-index: 3; width:300px; padding: 10px; background: #f1f1f1; }
.ind_sea_inp { float: left; width:calc(100% - 80px); height: 40px; color:#333; font-size: 16px; font-family: "microsoft yahei"; padding-left:15px; background: #fff; border: none; }
.ind_sea_box_btn { float: left; position: relative; width: 40px; height: 40px; line-height: 40px; }
.ind_sea_box_btn .btn { position: absolute; left: 0; top: 0; opacity: 0; width:100%; height:100%; text-align: center; border: none; background: none; cursor: pointer; }
.ind_sea_box_btn .text { display: block; width:100%; height: 100%; text-align:center; color: #333; font-size:20px; overflow: hidden; }
.ind_sea_box_close { float: left; width:40px; height: 40px; cursor: pointer; background: url(../images/ind_search_close.png) no-repeat center center / 28px 28px; transition: all 0.5s; -webkit-transition: all 0.5s; }
.ind_sea_box_close:hover { transform: rotateZ(90deg); -webkit-transform: rotateZ(90deg); transition: all 0.5s; -webkit-transition: all 0.5s; }
.ind_search { display: none; position: absolute; right: 70px; top: 2px; color: #333; width: 50px; height: 56px; font-weight: bold; text-align: center; font-size: 28px; line-height: 56px; cursor: pointer; }
.head_lag { width:40px; height:40px; position:relative; margin-left: 20px; }
.head_lag_icon { width: 40px; height: 40px; font-size: 20px; line-height: 40px; text-align: center; color: #ff0000; cursor: pointer; }
.head_lag_down { display:none; position:absolute; left:50%; margin-left:-65px; top:40px; z-index:3; width:140px; padding:10px 0; background:#fff; }
.head_lag_down a { display:flex; display: -ms-flexbox; display: -webkit-flex; justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; align-items:center; -ms-align-items: center; -webkit-align-items: center; height: 30px; line-height: 30px; color: #444; font-size: 16px; padding:6px 15px; margin-bottom: 4px; overflow: hidden; background:#fff; }
.head_lag_down a img { display: block; margin-right: 5px; }
.head_lag_down a:hover { color: #ff0000; background:#f1f1f1; }
.menu_btn { display: none; float: right; position: absolute; right: 0; top:8px; padding: 9px 17px; cursor: pointer; }
.menu_btn span { display: block; height: 4px; width: 34px; background: #ff0000; border-radius: 4px; margin-bottom: 7px; }
/*
 * banner
 */
.banner_box { position: relative; }
.banner { clear: both; }
.banner_prev, .banner_next { position: absolute; top: 50%; z-index: 2; margin-top: -30px; width:36px; height: 60px; color: #fff; background: url(../images/banner_ico.png) no-repeat center center; text-align: center; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; }
.banner_prev { left: -80px; transform: rotateZ(-180deg); -webkit-transform: rotateZ(-180deg); }
.banner_next { right: -80px; }
.banner_box .owl-theme .owl-nav { display:none; }
.banner_box:hover .banner_prev { left:30px; transition: all 0.5s; -webkit-transition: all 0.5s; }
.banner_box:hover .banner_next { right:30px; transition: all 0.5s; -webkit-transition: all 0.5s; }
.banner_box .owl-theme .owl-dots { position: absolute; left:0; width: 100%; bottom: 28px; }
.banner_box .owl-theme .owl-dots .owl-dot { width:10px; height:10px; margin:0 9px; }
.banner_box .owl-theme .owl-dots .owl-dot span { width: 10px; height:10px; border-radius: 0; background: #fff; border-radius: 10px; }
.banner_box .owl-theme .owl-dots .owl-dot.active, .banner_box .owl-theme .owl-dots .owl-dot:hover { border-color: #ff0000; }
.banner_box .owl-theme .owl-dots .owl-dot.active span, .banner_box .owl-theme .owl-dots .owl-dot:hover span { background: #ff0000; }
/*
 * ind_box1
 */
.ind_box1 { padding: 5% 0; }
.pro_list4 { display:flex; display: -webkit-flex; align-items:center; -webkit-align-items: center; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.pro_list4 dd { width: 25%; padding: 0 1%; margin-bottom: 3%; }
.pro_list4 dd a { display: block; transition: all 0.5s; -webkit-transition: all 0.5s; }
.pro_list4 dd .pic { overflow: hidden; }
.pro_list4 dd .pic img { display: block; width: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; }
.pro_list4 dd .con { padding: 6% 0; background: #fff; }
.pro_list4 dd .tt { font-size: 24px; text-align: center; margin-bottom: 12px; }
.pro_list4 dd .more { width: 150px; height: 37px; line-height: 37px; color: #a2a1a1; font-size: 14px; text-align: center; border: 1px solid #a2a1a1; margin: 0 auto; transition: all 0.5s; -webkit-transition: all 0.5s; }
.pro_list4 dd:hover a { box-shadow: 0 0 15px rgba(115,115,115,.3); transition: all 0.5s; -webkit-transition: all 0.5s; }
.pro_list4 dd:hover .more { color: #fff; background: #ff0000; border: 1px solid #ff0000; transition: all 0.5s; -webkit-transition: all 0.5s; }
.pro_list4 dd:hover .pic img { transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); transition: all 0.5s; -webkit-transition: all 0.5s; }
/*
 * ind_box2
 */

.ind_box2 { padding: 10% 0 6%; position: relative; overflow: hidden; background: url(../images/ind_bg1.jpg) no-repeat center center fixed; }
/*.ind_box2_bg_box{
  width: 100%;
  height: 100%;
  background-image: url(../images/ind_bg1.jpg);
  background-repeat: no-repeat;
  background-attachment:fixed;
}*/
.ind_box2_bg_box:after { content: ""; display: block; position: absolute; left: 0; top: 0; background: rgba(51,51,51,.3); width: 100%; height: 100%; }
.ind_box2_bg { width: 100%; height:100%; overflow: hidden; background: url(../images/ind_bg1.jpg) no-repeat center top; }
.ind_box2 .ind_wrapper { position: relative; z-index: 2; }
.ind_box2 .sub_title1 { color: #fff; margin-bottom: 35px; }
.ind_box2 .sub_title1 .tt1 { padding-bottom: 20px; }
.ind_box2_list { display:flex; display: -webkit-flex; align-items:center; -webkit-align-items: center; flex-wrap:wrap; -webkit-flex-wrap:wrap; max-width: 1080px; margin: 0 auto 3%; }
.ind_box2_list dd { width: 20%; text-align: center; padding: 0 8px; }
.ind_box2_list dd .con { padding: 5% 0; background: #fff; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; }
.ind_box2_list dd .num { color: #ff0000; font-size: 48px; font-family: arial; }
.ind_box2_list dd .tt { font-size: 14px; }
.ind_box2_list dd:hover .con { transform: translateY(-3px); -webkit-transform: translateY(-3px); transition: all 0.5s; -webkit-transition: all 0.5s; }
.more_btn4 { display: block; width: 270px; height: 50px; line-height: 50px; color: #fff; font-size: 18px; text-align: center; background: #ff0000; margin: 0 auto; }
.ind_box3 { padding: 5% 0; }
.ind_box3_l, .ind_box3_r { width: 47.5%; }
.ind_box3_l_hot { margin-bottom: 20px; }
.ind_box3_l_hot a { display:flex; display: -webkit-flex; align-items:center; -webkit-align-items: center; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.ind_box3_l_hot_pic { width: 35%; overflow: hidden; position: relative; }
.ind_box3_l_hot_pic img { display: block; width: 100%; }
.ind_box3_l_hot_pic .date { position: absolute; left: 0; top: 0; width: 78px; height: 78px; color: #fff; background: #ff0000; display:flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items:center; -webkit-align-items: center; flex-direction: column; -webkit-flex-direction: column; }
.ind_box3_l_hot_pic .date .days { font-size: 30px; font-weight: bold; }
.ind_box3_l_hot_pic .date .month { font-size: 14px; }
.ind_box3_l_hot_con { width:65%; padding-left: 5%; }
.ind_box3_l_hot_con .tt { font-size: 16px; font-weight: bold; color: #303741; transition: all 0.5s; -webkit-transition: all 0.5s; }
.ind_box3_l_hot_con .text { line-height: 24px; color: #666; margin: 4% 0; }
.more_btn5 { width: 106px; height: 30px; line-height: 28px; text-align: center; color: #ff0000; font-size: 14px; border: 1px solid #ff0000; transition: all 0.5s; -webkit-transition: all 0.5s; }
.ind_box3_l_hot:hover .ind_box3_l_hot_con .tt { color: #ff0000; transition: all 0.5s; -webkit-transition: all 0.5s; }
.ind_box3_l_hot:hover .ind_box3_l_hot_con .more_btn5 { color: #fff; background: #ff0000; transition: all 0.5s; -webkit-transition: all 0.5s; }
.ind_news_list dd { clear: both; overflow: hidden; margin-bottom: 20px; }
.ind_news_list dd a { display:flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items:center; -webkit-align-items: center; }
.ind_news_list dd .date { width: 70px; height: 78px; text-align: center; border:1px solid #dedede; }
.ind_news_list dd .date .days { font-size: 24px; font-weight: bold; line-height: 49px; color: #fff; background: #b1b1b1; }
.ind_news_list dd .date .month { color: #808080; line-height: 27px; }
.ind_news_list dd .con { float: right; width: calc(100% - 85px); }
.ind_news_list dd .con .tt { font-size: 16px; font-weight: bold; color: #303741; margin-bottom: 6px; transition: all 0.5s; -webkit-transition: all 0.5s; }
.ind_news_list dd .con .text { line-height: 24px; color: #666; }
.ind_news_list dd:hover .tt { color: #ff0000; transition: all 0.5s; -webkit-transition: all 0.5s; }
.ind_zt_box { position: relative; }
.ind_zt_list dd { background: #fff; }
.ind_zt_list dd .pic { overflow: hidden; }
.ind_zt_list dd .pic img { display: block; width: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; width:372px; height:213px; }
.ind_zt_list dd .con { padding: 7% 10px; }
.ind_zt_list dd .con .tt { font-size: 16px; line-height: 24px; font-weight: bold; margin-bottom: 12px; transition: all 0.5s; -webkit-transition: all 0.5s; }
.ind_zt_list dd .con .text { font-size: 14px; color: #888; line-height: 24px; }
.ind_zt_list dd:hover .pic img { transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); transition: all 0.5s; -webkit-transition: all 0.5s; }
.ind_zt_list dd:hover .con .tt { color: #ff0000; transition: all 0.5s; -webkit-transition: all 0.5s; }
.ind_zt_prev, .ind_zt_next { position: absolute; right: 0; top: -60px; z-index: 3; width: 40px; height: 40px; background: #ff0000 url(../images/hot_news_icon.png) no-repeat center center / 12px auto; cursor:pointer; }
.ind_zt_prev { right: 42px; background-color: #000; }
.ind_zt_next { transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); }
.ind_box4, .ind_box5 { padding: 5% 0; }
.ind_box5_l, .ind_box5_r { width: 50%; }
.ind_box5_l img { display: block; max-width: 100%; margin: 0 auto; }
.ind_box5_r { display:flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items:center; -webkit-align-items: center; flex-wrap:wrap; -webkit-flex-wrap:wrap; border-top:1px solid #e4e3e7; }
.ind_box5_r dd { width: 33.33%; border-right: 1px solid #e4e3e7; border-bottom: 1px solid #e4e3e7; }
.ind_box5_r dd:nth-child(3n) { border-right: 0; }
.ind_box5_r dd a { padding: 8% 0; height: 100px; display:flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items:center; -webkit-align-items: center; flex-wrap:wrap; -webkit-flex-wrap:wrap; background: #fff; }
.ind_box5_r dd a img { display: block; max-width: 100%; max-height: 100%; }
.ind_box5_r dd a:hover { transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); box-shadow: 0 0 5px rgba(115,115,115,.3); }
.ind_box6 { padding: 5% 0; background: url(../images/ind_bg2.jpg) no-repeat center center / cover; }
.ind_box6_list { display:flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items:center; -webkit-align-items: center; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.ind_box6_list dd { width: 25%; text-align: center; padding: 0 3%; transition: all 0.5s; -webkit-transition: all 0.5s; }
.ind_box6_list dd .icon { color: #ff0000; font-size: 80px; line-height: 90px; text-align: center; }
.ind_box6_list dd .tt { color: #444; font-size: 18px; margin: 15px 0; font-weight: bold; }
.ind_box6_list dd .text { color: #666; font-size: 14px; line-height: 24px; text-align: center; }
.ind_box6_list dd:hover { transform: translateY(-3px); -webkit-transform: translateY(-3px); transition: all 0.5s; -webkit-transition: all 0.5s; }
.footer { background: #fff; }
.footer_t { padding: 4% 0; overflow: hidden; }
.footer_t dd { float: left; width: 14%; }
.footer_t dd.dd_contact { width: 28%; }
.footer_t dd.dd_code { width: 12%; }
.footer_t dd .tt { font-size: 20px; position: relative; margin-bottom: 15px; }
.footer_t dd .text { font-size: 14px; line-height: 24px; }
.footer_t dd .text a { display: block; }
.footer_t dd .text a:hover { color: #e2472e; text-decoration: underline; }
.footer_t dd .con { line-height: 24px; font-size: 14px; }
.footer_t dd .con .con_tt { font-size: 14px; color: #ff0000; font-weight: bold; }
.footer_t dd .con a:hover { color: #e2472e; text-decoration: underline; }
.footer_t dd .code_box_pic img { display:inline-block; margin: 0 auto 5px; }
.footer_t dd .code_box_tt { font-size: 14px; }
.code_box .share_box { justify-content: center; -webkit-justify-content: center; }
.footer_b { background: #303741; padding: 18px 0; }
.footer_b_text { color: #fff; line-height: 24px; font-size: 14px; }
.footer_b_text a:hover { color: #da2d48; text-decoration: underline; }
.footer_link { background: #fff; padding-top: 18px; padding-bottom: 18px; line-height:24px; font-size:14px; }
.footer_link_tt { float:left; width:82px; color:#333; }
.footer_link_list { float:left; width:calc(100% - 82px); }
.footer_link_list a { color:#333; margin-right:8px; }
.footer_link_list a:hover { color:#e2472e; text-decoration:underline; }
/*
 * sub_banner
 */
.sub_banner { min-height:300px; color: #fff; position: relative; background-size: 100% auto;}
.sub_banner_text { position: absolute; right: 50%; top: 50%; height: 180px; padding: 0 30px; color: #fff; margin:-90px -600px 0 0; background: rgba(0,0,0,.5); display:flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; flex-direction: column; -webkit-flex-direction: column; }
.sub_banner_text .tt { text-transform: uppercase; font-size: 72px; font-family: "AkzidenzGrotesk-Cond"; }
.sub_banner_text .tt1 { font-size: 48px; }
.sub_banner_text .tt2 { font-size: 36px; }
.sub_banner_text2 { position: absolute; left: 50%; top: 50%; height: 180px; padding: 0 30px; color: #fff; margin:-90px 0 0 -600px; background: rgba(0,0,0,.5); display:flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; flex-direction: column; -webkit-flex-direction: column; }
.sub_banner_text2.contact { background: rgba(0,0,0,.2); }
.sub_banner_text2 .tt { font-size: 72px; font-family: "AkzidenzGrotesk-Cond"; text-transform: uppercase; }
.sub_banner_text2 .tt1 { font-size: 48px; }
.sub_banner_text2 .tt2 { font-size: 36px; }
.sub_banner_pro_con { position: absolute; right:50%; top:50%; margin:-175px -600px 0 0; width: 665px; height: 347px; padding: 2% 3%; background: rgba(0,0,0,.3); }
.sub_banner_pro_con_tt { font-size: 36px; font-weight: bold; }
.sub_banner_pro_con_text { line-height: 30px; color: #dfdfdf; font-size: 14px; margin: 12px 0 30px; }
.sub_banner_pro_con_btn .btn { display: inline-block; width: 205px; height: 44px; line-height: 44px; font-size: 16px; color: #dfdfdf; text-align: center; background: #ff0000; }
.sub_banner_pro_con_btn .tel { color: #dfdfdf; font-size: 14px; line-height: 55px; padding-left: 20px; }
.sub_banner2 { height:188px; overflow: hidden; }
/*
 * location
 */
.location { clear: both; height: 51px; line-height: 50px; color: #333; font-size: 14px; background: #fff; border-bottom: 1px solid #e9e9e9; }
.location .icon { color: #ff0000; font-size: 18px; font-weight: bold; margin-right: 8px; }
.location a:last-child { color: #ff0000; }
/*
 * sub_main
 */
.sub_main { padding: 4% 0; }
.bgf8 { background: #f8f7fc; }
.sub_title1 { display: block; color: #000; margin-bottom: 25px; }
.sub_title1 .tt { font-size: 18px; padding-bottom: 7px; }
.sub_title1 .tt1 { font-size: 36px; padding-bottom: 7px; }
.sub_title1 .tt2 { color: #888; font-size: 14px; padding-bottom: 7px; max-width: 1050px; margin: 0 auto; }
.sub_title1 .tt3 { font-size: 14px; padding-bottom: 7px; line-height: 24px; max-width: 1050px; margin: 0 auto; }
.sub_title1 .btn { display: inline-block; color: #ff0000; font-size: 14px; margin-top: 10px; }
.sub_title2 { line-height: 40px; margin-bottom: 20px; }
.sub_title2 .tt { float: left; font-size: 36px; font-weight: bold; }
.sub_title2 .btn { float: right; font-size: 14px; color: #ff0000; }
/*
 * about_company
 */
.about_com_box1 { margin-bottom: 4%; }
.about_com_box1 .ind_wrapper { display:flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.about_com_box1_l { width: 50%; padding: 0 2%; position: relative; }
.about_text { line-height: 24px; font-size: 14px; }
.about_text .orange { color: #ff0000; font-weight: bold; }
.about_com_box1_r { width: 50%; position: relative; }
.about_com_box1_r .pic1 { float: left; width:60%; margin: 20% auto 0; position: relative; z-index: 2; padding: 5px; background: #fff; box-shadow: 0 0 20px rgba(115,115,115,.3); }
.about_com_box1_r .pic2 { position: absolute; right: 0; top: 0; width: 78%; padding: 5px; background: #fff; box-shadow: 0 0 20px rgba(115,115,115,.3); }
.about_com_box1_r img { display: block; max-width: 100%; }
.about_com_box1_list { clear: both; width: 1200px; display:flex; display: -webkit-flex; justify-content: space-around; -webkit-justify-content: space-around; align-items:center; -webkit-align-items: center; background: #fff; padding:0 2%; box-shadow: 5px 5px 5px rgba(0,0,0,.16); margin:-3% 0 0 0; position: relative; z-index: 2; }
.about_com_box1_list dd { float: left; width: 25%; height: 180px; text-align: center; display:flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items:center; -webkit-align-items: center; flex-direction: column; -webkit-flex-direction: column; position: relative; }
.about_com_box1_list dd:after { content: ""; display: block; width:1px; height: 110px; position: absolute; right: 0; top: 50%; margin-top: -55px; background: #f6f6f6; }
.about_com_box1_list dd:last-child:after { display: none; }
.about_com_box1_list dd .num { color: #ff0000; font-size: 44px; }
.about_com_box1_list dd .tt { font-size: 14px; }
.about_com_box2 { padding: 4% 0; }
.about_com_box2_con { display:flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items:center; -webkit-align-items: center; }
.about_com_box2_pic { width: 49.5%; }
.about_com_box2_pic img { display: block; max-width: 100%; margin: 0 auto; }
.about_com_box2_r { width: 50%; padding: 0 5%; }
.about_com_box2_r_text { line-height: 35px; font-size: 14px; color: #444; font-weight: bold; }
.about_com_box3_con { }
.about_com_box3_con_clm1 { display:flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; margin-bottom: 8px; overflow: hidden; }
.about_com_box3_con_clm1_l { width:50%; display:flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap:wrap; -webkit-flex-wrap:wrap; overflow: hidden; }
.about_com_box3_con_clm1_r { width:50%; transition: all 0.5s; -webkit-transition: all 0.5s; }
.about_com_box3_con_clm1_r img { display: block; max-width: 100%; }
.about_com_box3_con_item1 { width:calc(50% - 8px); height:calc((100% - 8px) / 2); display:flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items:center; -webkit-align-items: center; margin-right: 8px; margin-bottom: 8px; overflow: hidden; transition: all 1s; -webkit-transition: all 1s; }
.about_com_box3_con_item4 { width:100%; height:calc((100% - 8px) / 2); margin-right: 0; }
.about_com_box3_con_item2 { width:calc(50% - 8px); height: 100%; }
.about_com_box3_con_item1 img { display: block; max-width: 100%; margin: 0 auto; }
.about_com_box3_con_clm1_l_box { width:calc(50% - 8px); display:flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; }
.about_com_box3_con_clm1_l_box .about_com_box3_con_item1 { width: 100%; }
.about_com_box3_con_item1.color1 { font-size: 24px; color: #fff; background: #ff0000; }
.about_com_box3_con_item1.color2 { font-size: 24px; color: #fff; background: #303741; }
.about_com_box3_con_item1.color3 { color: #fff; font-size: 24px; background: #a1b2c2; }
.about_com_box3_con_clm1_l .about_com_box3_con_item1:nth-child(3), .about_com_box3_con_clm1_l .about_com_box3_con_item1:nth-child(4) { margin-bottom: 0; }
.about_com_box3_con_clm1_l .about_com_box3_con_item1:last-child { margin-bottom: 0; }
.about_com_box3_con_clm1_r { width: 50%; }
.about_com_box3_con_clm1_r_t { height:calc((100% - 8px) / 2); background: #fff; display:flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items:center; -webkit-align-items: center; margin-bottom: 8px; }
.about_com_box3_con_item3 { background: #fff; width: 50%; color: #444; font-size: 12px; font-weight: normal; line-height: 24px; display:flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items:center; -webkit-align-items: center; }
.about_com_box3_con_item2 { margin-bottom:0; }
.about_com_box3_con_clm1_r_b { height:calc((100% - 8px) / 2); display:flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items:center; -webkit-align-items: center; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.about_com_box3_con_clm1_r_b .about_com_box3_con_item1 { width: calc((100% - 8px) / 2); height: 100%; margin-right: 0; margin-bottom: 0; }
.about_com_box3_con_item1:hover { transform: rotateY(360deg); -webkit-transform: rotateY(360deg); transition: all 1s; -webkit-transition: all 1s; }
/*
 * about_history
 */

.about_history { position: relative; margin:4% 0; }
.about_history:after { content: ""; display: block; width: 1px; height:calc(100% - 40px); position: absolute; left: 192px; top: 12px; background: #000; }
.about_history dd { clear: both; overflow: hidden; line-height: 24px; margin-bottom: 20px; }
.about_history_date { float: left; width: 187px; font-size: 30px; text-align: center; line-height: 24px; }
.about_history_icon { float: left; width: 11px; height: 11px; background: #ff0000; margin:6px 0 0 0; position: relative; z-index: 2; }
.about_history_con { float: left; width: calc(100% - 198px); padding-left: 5%; }
.about_history_title { font-size: 16px; color: #444; line-height: 24px; margin-bottom: 18px; }
.about_history_pic { flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.about_history_pic img { max-width: 100%; margin-right: 20px; }
/*
 * about_honor
 */
.about_honor_box1 { }
.about_bars { text-align: center; padding-bottom: 4%; }
.about_bars a { display: inline-block; padding: 0 2%; font-size: 16px; font-weight: bold; line-height: 40px; border: 1px solid #000; margin: 0 0.5%; }
.about_bars a.hover, .about_bars a:hover { color: #fff; background: #ff0000; border-color: #ff0000; }
.honor_list { display:flex; display: -webkit-flex; justify-content:flex-start; -webkit-justify-content: flex-start; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.honor_list dd { float: left; width: 25%; padding: 0 2%; margin-bottom: 4%; transition: all 0.5s; -webkit-transition: all 0.5s; }
.honor_list dd a { display: block; }
.honor_list dd a img { display: block; max-width: 100%; margin: 0 auto; }
.honor_list dd:hover { transform: translateY(-4px); -webkit-transform: translateY(-4px); transition: all 0.5s; -webkit-transition: all 0.5s; }
.ky_box { padding: 6% 0; background: url(../images/honor_bg.jpg) no-repeat center center / cover; }
.ky_box .sub_title1 { color: #fff; }
.ky_box .sub_title1 .tt2 { color: #fff; }
.ky_box_list { padding: 2% 0 0 0; display:flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items:center; -webkit-align-items: center; }
.ky_box_list dd { text-align: center; margin: 0 3%; }
.ky_box_list dd .pic { display: block; overflow: hidden; margin-bottom:15px; }
.ky_box_list dd .pic img { display: block; max-width: 100%; margin: 0 auto; }
.ky_box_list dd .tt { font-size: 14px; color: #fff; }
.ywhz_box { padding: 5% 0; }
.ywhz_box_list { display:flex; display: -webkit-flex; align-items:center; -webkit-align-items: center; flex-wrap:wrap; -webkit-flex-wrap:wrap; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; }
.ywhz_box_list dd { display:flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items:center; -webkit-align-items: center; flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-direction: column; -webkit-flex-direction: column; width: 20%; height: 130px; background: #fff; padding: 1% 2%; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
.ywhz_box_list dd img { display: block; max-width: 100%; max-height: 100%; }
/*
 * case
 */
.case_box1 { padding: 0 0 4% 0; }
.case_list1 { display:flex; display: -webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.case_list1 dd { width: 25%; padding: 0 1.5%; }
.case_list1 dd .pic { overflow: hidden; }
.case_list1 dd .pic img { display: block; width: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; }
.case_list1 dd .tt { color: #000; line-height: 30px; font-size: 14px; margin: 10px 0 16px; text-align: left!important; transition: all 0.5s; -webkit-transition: all 0.5s; }
.case_list1 dd .line { width: 100%; height: 2px; background: #c5c5c5; position: relative; }
.case_list1 dd:hover img { transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); transition: all 0.5s; -webkit-transition: all 0.5s; }
.case_list1 dd:hover .tt { color: #ff0000; transition: all 0.5s; -webkit-transition: all 0.5s; }
.case_list1 dd .line:after { content: ""; position: absolute; left: 0; top: 0; display: block; width: 0; height: 2px; background: #ff0000; transition: all 0.5s; -webkit-transition: all 0.5s; }
.case_list1 dd:hover .line:after { width: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; }
.case_list2 { display:flex; display: -webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.case_list2 dd { width:50%; padding:1%; }
.case_list2 dd a { display:flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items:center; -webkit-align-items: center; padding: 1.5%; border: 1px solid #d0d0d0; }
.case_list2_pic { float: left; width: 40%; overflow: hidden; }
.case_list2_pic img { display: block; width: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; }
.case_list2_con { float:right; width: 56%; }
.case_list2_con_add { line-height: 30px; color: #444; font-size: 24px; }
.case_list2_con_add .icon { font-size: 24px; color: #ff0000; margin-right: 8px; }
.case_list2_con_tt { font-size: 16px; line-height: 40px; font-weight: bold; transition: all 0.5s; -webkit-transition: all 0.5s; }
.case_list2_con_line { width: 45px; height: 1px; background: #000; margin: 2% 0 4%; }
.case_list2_con_text { height: 116px; line-height: 29px; font-size: 14px; overflow: hidden; }
.case_list2 dd:hover .case_list2_pic img { transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); transition: all 0.5s; -webkit-transition: all 0.5s; }
.case_list2 dd:hover .case_list2_con_tt { color:#ff0000; transition: all 0.5s; -webkit-transition: all 0.5s; }
.case_box4 { padding: 4% 0; }
.case_box4_news, .case_box4_zt { width: 47%; }
.case_box4_news .sub_title2 { margin-bottom: 40px; }
.news_list1 dd { clear: both; overflow: hidden; margin-bottom: 32px; }
.news_list1_date { float: left; width: 71px; height: 79px; text-align: center; border: 1px solid #dedede; }
.news_list1_days { line-height: 49px; color: #fff; font-size: 24px; font-weight: bold; background: #ff0000; }
.news_list1_month { color: #808080; line-height: 28px; }
.news_list1_con { padding-left: 88px; height: 79px; }
.news_list1_title { font-size: 16px; font-weight: bold; margin:5px 0 8px; }
.news_list1_text { height: 44px; color: #888; line-height: 22px; font-size: 14px; }
.news_list1 dd:hover .news_list1_title { color: #ff0000; }
.project_list dd { float: left; width: 50%; padding: 0 2%; }
.project_list dd .pic { overflow: hidden; }
.project_list dd .pic img { display: block; width: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; }
.project_list dd .tt { font-size: 16px; font-weight: bold; margin-top: 18px; }
.project_list dd:hover img { transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); transition: all 0.5s; -webkit-transition: all 0.5s; }
.faq_list_box { padding: 2% 0; }
.faq_list dd { clear: both; margin-bottom: 6px; }
.faq_list dd .tt { line-height: 44px; font-size: 16px; }
.faq_list dd .inp1, .faq_list dd .area1 { display: block; width: 100%; height: 48px; font-size: 16px; padding-left: 18px; background: #fff; border: 0; border-radius: 3px; }
.faq_list dd .area1 { height: 120px; padding: 10px 18px; }
.faq_list dt { padding-top: 25px; }
.faq_list_btn { display: block; width: 158px; height: 48px; line-height: 48px; color: #fff; font-size: 18px; text-align: center; background: #d8203d; cursor: pointer; border: 0; border-radius: 5px; }
/*
 * page
 */
.page { padding: 2% 0; }
.page a { display: inline-block; line-height: 32px; font-size:14px; padding: 0 11px; border: 1px solid #c7c5b3; margin: 0 5px 5px; }
.page a.prev, .page a.next { width: auto; }
.page a:hover, .page a.hover { color: #ff0000; border: 1px solid #ff0000; }
/*
 * news_Det
 */

.news_det_box { padding:0 2% 2%; overflow: hidden; }
.news_det_title { font-size: 30px; padding-bottom: 20px; border-bottom: 1px solid #dfdfdf; }
.news_det_date { display:flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items:center; -webkit-align-items: center; padding: 20px 0; }
.news_det_date_clm { display:flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items:center; -webkit-align-items: center; padding: 0 8px; font-size: 16px; }
.news_det_con { line-height: 24px; font-size: 14px; color: #666; padding-top: 2%; }
.news_det_con img { height: auto; max-width: 100%; }
.news_det_page { padding:2% 0; overflow: hidden; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
.news_det_page .ind_wrapper { padding: 0 16%; }
.news_det_page_clm { float: left; width: 50%; padding:0 2%; font-size: 14px; display:flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items:center; -webkit-align-items: center; }
.news_det_page_clm .tt { width: 70px; color: #333; }
.news_det_page_clm .text { color: #333; width: calc(100% - 70px); }
.news_det_page_clm .date { width: 105px; text-align: right; font-size: 16px; }
.news_det_page_clm:hover .text { color: #ff0000; }
.back_list { display: block; width:200px; color: #fff; font-size: 18px; line-height: 54px; text-align: center; margin:3% auto; background: #ff0000; }
/*
 * case
 */
.case_det_clm1 { padding:2% 0 3%; }
.case_det_clm_tt { font-size: 18px; margin-bottom: 2%; color: #444; font-weight: bold; }
.case_det_clm1_text { font-size: 14px; line-height: 24px; }
.case_det_clm1_text img { max-width: 100%; }
.case_det_clm1_pic { padding: 2% 0; }
.case_det_clm1_pic dd { float: left; width: 31.33%; margin: 0 1%; position: relative; }
.case_det_clm1_pic dd .pic { overflow: hidden; }
.case_det_clm1_pic dd .pic img { display: block; max-width: 100%; }
.case_det_clm1_pic dd .icon { position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; color: #fff; font-size: 32px; background: rgba(0,0,0,.58); display:flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items:center; -webkit-align-items: center; transition: all 0.5s; -webkit-transition: all 0.5s; }
.case_det_clm1_pic dd:hover .icon { opacity: 1; }
.case_det_date_clm { justify-content: flex-start; -webkit-justify-content: flex-start; }
/*
 * more_project
 */
.more_project_box { padding: 4% 0; }
.online_zixun .ind_wrapper { }
.online_zixun { background: #f8f7fc; padding: 5% 0 3.5%; }
.online_zixun_icon { width: 110px; margin-top: -24px; margin-right: 15px; }
.online_zixun_icon img { display: block; max-width: 100%; }
.online_zixun_text { line-height: 31px; color: #444; font-size: 16px; }
.online_zixun_text span { font-weight: bold; color: #f76853; }
.online_zixun_btn { width: 300px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; font-weight: bold; color: #fff; background: #ff644b; cursor:pointer; }
/*
 * case_list_bars
 */
.case_list_bars { text-align: center; margin-bottom: 5%; }
.case_list_bars a { display: inline-block; margin: 0 10px; font-size:16px; height: 43px; padding: 0 2%; line-height: 41px; font-weight: bold; background: #fff; border: 1px solid #000; margin-bottom: 10px; }
.case_list_bars a.hover, .case_list_bars a:hover { color: #fff; background: #ff0000; border: 1px solid #ff0000; }
.case_list_bars .hover, .case_list_bars .hover { color: #fff; background: #ff0000; border: 1px solid #ff0000; }

/*
 * case_list3
 */
.case_list3 dd { float: left; width:25%; padding: 0 1.5%; position: relative; }
.case_list3 dd .item { position: relative; border-bottom: 2px solid #c5c5c5; margin-bottom: 65px; }
.case_list3 dd .pic { display: block; overflow: hidden; }
.case_list3 dd .pic img { display: block; width: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; }
.case_list3 dd .con { display: block; padding: 5% 0 0; }
.case_list3 dd .con .tt { color: #000; font-size: 16px; margin-bottom: 5px; }
.case_list3 dd .con .text { line-height: 24px; height: 72px; color: #888; margin: 5px 0 25px; }
.case_list3 dd .con .more_btn { position: absolute; left: 0; bottom: 10px; display: none; color: #ff0000; line-height: 20px; }
.case_list3 dd:hover .pic img { transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); transition: all 0.5s; -webkit-transition: all 0.5s; }
.case_list3 dd:hover .con .more_btn { display: block; }
.case_list3 dd:hover .item { padding-bottom: 20px; margin-bottom: 45px; border-bottom: 2px solid #ff0000; }
/*
 * rela_pro
 */
.rela_pro { padding: 5% 0; }
.rela_list_box { padding: 0 8%; position: relative; }
.rela_list_scroll dd { }
.rela_list_scroll dd .pic { overflow: hidden; }
.rela_list_scroll dd .pic img { display: block; width: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; }
.rela_list_scroll dd .con { padding: 5% 0 }
.rela_list_scroll dd .con .tt { font-size: 16px; color: #444; margin-bottom: 5px; }
.rela_list_scroll dd .con .text { line-height: 24px; font-size: 12px; color: #888; }
.rela_list_scroll dd:hover .pic img { transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); transition: all 0.5s; -webkit-transition: all 0.5s; }
.rela_list_scroll dd:hover .tt { color: #ff0000; }
.rela_pro_prev, .rela_pro_next { position: absolute; left: 0; top: 50%; width: 54px; height: 54px; margin-top: -27px; background:#ff0000 url(../images/rela_pro_icon.png) no-repeat center center; cursor: pointer; }
.rela_pro_next { left: auto; right: 0; transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); }
/*
 * 常识
 */
.news_list2 dd { clear: both; overflow: hidden; padding:2% 8%; border: 1px solid #ddd; border-bottom: 0; }
.news_list2 dd:last-child { border-bottom: 1px solid #ddd; }
.news_list2 dd a { display:flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items:center; -webkit-align-items: center; }
.news_list2 dd .pic { float: left; width: 290px; overflow: hidden; }
.news_list2 dd .pic img { display: block; width: 100%; }
.news_list2 dd .con { float: left; width: calc(100% - 290px); padding-left: 5%; }
.news_list2 dd .con .tt { font-size: 24px; color: #444; }
.news_list2 dd .con .date { color: #888; margin: 15px 0 20px; }
.news_list2 dd .con .text { color: #666; font-size: 14px; line-height: 24px; height: 72px; }
/*
 * contact us
 */
.contact_box1 { padding: 0 8%; margin-bottom: 4%; }
.contact_box1_clm { display:flex; display: -ms-flexbox; display: -webkit-flex; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.contact_box1_clm_pic { width:24%; padding:1% 0 0 0; }
.contact_box1_clm_pic1 { width:110px; text-align:center; margin:0 auto 40px; }
.contact_box1_clm_pic1 img { display:block; max-width:100%; }
.contact_box1_clm_pic1 .tt { font-size:14px; color:#666; padding-top:12px; }
.contact_list { width:75%; display:flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; flex-wrap:wrap; -webkit-flex-wrap:wrap; margin-bottom: 3%; }
.contact_list dd { float: left; width:33.33%; text-align: center; padding:0 2% 3%; transition: all 0.5s; -webkit-transition: all 0.5s; }
.contact_list dd .icon { width: 80px; height: 80px; font-size: 50px; color: #ff0000; line-height: 80px; text-align: center; margin: 0 auto; }
.contact_list dd .tt { font-size: 14px; font-weight: bold; margin: 24px 0 8px; }
.contact_list dd .text { font-size: 14px; line-height: 24px; color: #444; }
.contact_list dd .text a { display: block; color: #444; }
.contact_list dd .text a:hover { color: #FF644B; text-decoration: underline; }
.contact_list dd:hover { transform: translateY(-3px); -webkit-transform: translateY(-3px); transition: all 0.5s; -webkit-transition: all 0.5s; }
.form_box { display:flex; display: -webkit-flex; justify-content: flex-start; -webkit-justify-content: flex-start; align-items:center; -webkit-align-items: center; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.form_box dd { float: left; width: 31%; line-height: 40px; background: #fff; border: 1px solid #d0d0d0; display:flex; display: -webkit-flex; justify-content: flex-start; -webkit-justify-content: flex-start; align-items:center; -webkit-align-items: center; margin: 0 3.5% 20px 0; }
.form_box dd.dd1 { width: 100%; margin-right: 0; }
.form_box dd .tt { line-height: 40px; text-align: left; font-size: 14px; padding-left: 8px; }
.form_box dd .tt .red { color: #ff0000; }
input.form_contral, select.form_contral { padding-left: 12px; height: 40px; border: 0; font-family: "microsoft yahei"; }
select.form_contral { width: 100%; }
textarea.form_contral { width: 100%; padding-left: 12px; height:120px; border: 0; font-family: "microsoft yahei"; padding-top: 10px; }
.form_contral_btn { width: 100%; height: 49px; line-height: 49px; font-size: 16px; text-align: center; color: #fff; background: #ff0000; cursor: pointer; border: 0; font-family: "microsoft yahei"; }
.contact_box2 { }
.contact_box2 img { display: block; }
/*
 * faq_list
 */
.faq_list1 dd { padding:2% 5%; border-bottom: 1px solid #e0e0e0; }
.faq_list1_tt { line-height: 40px; margin-bottom: 10px; }
.faq_list1_tt .icon { float: left; width: 40px; height: 40px; text-align: center; font-size: 30px; color:#b9b9b9; margin-right: 15px; }
.faq_list1_tt .text { float: left; font-size: 24px; width: calc(100% - 55px); color: #444; }
.faq_list1_text { font-size: 14px; color: #888; line-height: 24px; padding-left: 55px; }
.faq_list1 dd:hover .faq_list1_tt .icon, .faq_list1 dd:hover .faq_list1_tt .text { color: #f76853; }
/*
 * news_list
 */
.news_box1 { padding: 0 0 5% 0; }
.news_list3 dd { float: left; width: 25%; padding: 0 1%; margin-bottom: 20px; }
.news_list3 dd a { display: block; border-bottom: 1px solid #aaa; position: relative; }
.news_list3 dd a:after { content: ""; display: block; position: absolute; left: 0; bottom: -1px; width: 0; height: 1px; background: #ff0000; transition: all 0.5s; -webkit-transition: all 0.5s; }
/*.news_list3 dd:hover a:after{
  width: 100%;
  transition: all 0.5s;
    -webkit-transition: all 0.5s;
}*/
.news_list3_pic { overflow: hidden; }
.news_list3_pic img { display: block; width: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; }
.news_list3_con { padding: 18px 0; }
.news_list3_tt { font-size: 16px; font-weight: bold; }
.news_list3_text { font-size: 14px; color: #888; line-height: 24px; height:72px; margin: 3% 0; }
.more_btn1 { line-height: 30px; }
.more_btn1_tt { color: #444; font-size: 14px; }
.more_btn1_icon { color: #ff0000; font-size: 28px; }
.news_list3 dd:hover .news_list3_pic img { transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); transition: all 0.5s; -webkit-transition: all 0.5s; }
.news_list3 dd:hover .news_list3_tt { color: #e75139; }
.news_box2 { padding:5% 0; background: #fff; }
.news_box2_l { width:40%; }
.news_box2_l img { display: block; width: 100%; }
.news_box2_r { width: 60%; padding-left: 5%; }
.news_list4 dd { clear: both; padding: 2% 0; overflow: hidden; border-bottom: 1px solid #dcdcdc; }
.news_list4_date { float: left; font-size: 16px; color: #444; width: 100px; }
.news_list4_con { float: right; width: calc(100% - 115px); }
.news_list4_con_tt { font-size: 16px; font-weight: bold; color: #444; margin-bottom: 10px; }
.news_list4_con_text { line-height: 24px; font-size: 14px; color: #888; }
.news_list4 dd:hover .news_list4_con_tt { color: #ff0000; }
.news_box3 { padding: 5% 0; }
.news_box3_con { display:flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.news_box3_l { width:40%; padding-right: 5%; }
.faq_list2 { margin-bottom: 5%; }
.faq_list2 dd { padding:3% 0; }
.faq_list2_tt { line-height: 30px; margin-bottom: 2px; }
.faq_list2_tt .icon { float: left; width: 30px; height: 30px; text-align: center; font-size: 20px; color:#b9b9b9; margin-right: 6px; }
.faq_list2_tt .text { float: left; font-size: 16px; font-weight: bold; width: calc(100% - 38px); color: #444; }
.faq_list2_text { font-size: 14px; color: #888; line-height: 24px; padding-left: 38px; }
.faq_list2 dd:hover .faq_list2_tt .icon, .faq_list2 dd:hover .faq_list2_tt .text { color: #f76853; }
.more_btn2 { display: block; color: #ff0000; font-size: 16px; }
.news_box3_l .more_btn2 { margin-left: 38px; }
.news_box3_pic { width: 40%; }
.news_box3_pic img { display: block; width: 100%; }
.news_box3_r { width: 20%; padding:0 1%; background: #fff; display:flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items:center; -webkit-align-items: center; flex-direction: column; -webkit-flex-direction: column; }
.news_box3_r_cs_tt { font-size: 36px; margin-bottom:20px; }
.news_box3_r_cs_text { width: 100%; font-size: 14px; color: #444; padding:20px 0; text-align: center; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; margin-bottom:20px; }
.news_box4 { background: #fff; padding: 5% 0; }
.zhaunti_list dd { float: left; width: 31%; margin-right: 3.5%; margin-bottom: 3%; transition: all 0.5s; -webkit-transition: all 0.5s; }
.zhaunti_list dd:nth-child(3n) { margin-right: 0; }
.zhaunti_list dd .pic { overflow: hidden; position: relative; }
.zhaunti_list dd .pic img { display: block; width: 100%; }
.zhaunti_list dd .pic .tt { position: absolute; right: 0; bottom: 20px; z-index: 2; color: #fff; font-size: 24px; background: rgba(66,73,93,.9); padding: 15px 20px; }
.zhaunti_list dd:hover { transform: translateY(-3px); -webkit-transform: translateY(-3px); transition: all 0.5s; -webkit-transition: all 0.5s; }
/*
 * news_list
 */
.hot_news_box { position: relative; padding: 20px; margin-bottom: 30px; }
.hot_news_box1 { position: relative; padding: 0; margin-bottom: 30px; }
.hot_news_list dd { clear: both; overflow:hidden; display:flex; display: -webkit-flex; align-items:center; -webkit-align-items: center; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.hot_news_list dd .pic { display: block; width:560px; position: relative; overflow: hidden; }
.hot_news_list dd .pic img { display: block; width: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; }
.hot_news_list dd .con { float: left; width: calc(100% - 600px); padding: 0 3%; display:flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; flex-direction: column; -webkit-flex-direction: column; }
.hot_news_list dd .con .hot_icon { width: 22px; height: 14px; background: url(../images/hot_icon.png) no-repeat center center; margin-bottom: 12px; }
.hot_news_list dd .con .tt { font-size: 24px; font-weight: bold; }
.hot_news_list dd .con .date { color: #444; font-size: 14px; margin: 15px 0 25px; }
.hot_news_list dd .con .text { line-height: 24px; height: 72px; font-size: 14px; margin-bottom: 30px; overflow: hidden; }
.more_btn3 { display: inline-block; color: #ff0000; width: 160px; font-size: 14px; text-align: center; font-weight: bold; line-height: 40px; border: 1px solid #ff0000; }
.hot_news_list dd:hover .pic img { transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); transition: all 0.5s; -webkit-transition: all 0.5s; }
.hot_news_list dd:hover .con .tt { color:#ff0000; }
.hot_news_prev, .hot_news_next { position: absolute; right: 0; bottom: 0; z-index: 3; width: 56px; height: 56px; background: #ff0000 url(../images/hot_news_icon.png) no-repeat center center; cursor:pointer; }
.hot_news_prev { right: 57px; background-color: #000; }
.hot_news_next { transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); }
.hot_news_list .owl-nav { display: none; }
.news_list5 dd { clear: both; overflow: hidden; margin-bottom: 15px; padding: 2% 0; border: 1px solid #d0d0d0; transition: all 0.5s; -webkit-transition: all 0.5s; }
.news_list5 dd a { display:flex; display: -webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.news_list5_date { width: 90px; text-align: right; }
.news_list5_date .days { font-size: 48px; line-height: 1; margin-bottom: 10px; }
.news_list5_date .month { font-size: 18px; }
.news_list5_icon { width: 29px; height: 4px; background: #ff0000; margin:5px 30px 0; }
.news_list5_pic { width: 250px; padding: 2px; border: 1px solid #f3f3f3; overflow: hidden; background: #fff; }
.news_list5_pic img { display: block; width: 100%; }
.news_list5_con { width: calc(100% - 430px); padding:0 3%; display:flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; flex-direction: column; -webkit-flex-direction: column; }
.news_list5_con .tt { font-size: 18px; font-weight: bold; }
.news_list5_con .number { font-style: italic; color: #888; margin: 12px 0 20px; }
.news_list5_con .text { height: 48px; color: #888; font-size: 14px; line-height:24px; margin-bottom: 20px; }
.news_list5 dd:hover { background: #fff; box-shadow: 0 0 10px rgba(115,115,115,.3); transition: all 0.5s; -webkit-transition: all 0.5s; }
/*
 * pro_cover
 */
.pro_cover_item { width: 100%; background: #fff; margin-bottom: 4%; transition: all 0.5s; -webkit-transition: all 0.5s; margin-bottom: 4%; }
.pro_cover_item:hover { box-shadow: 0 0 7px rgba(115,115,115,.3); transition: all 0.5s; -webkit-transition: all 0.5s; }
.pro_cover_item_title { background: #dedde3; }
.pro_cover_item_title_tt { float: left; width: 200px; line-height: 36px; color: #fff; font-size: 18px; font-weight: bold; padding-left:30px; background: #ff0000; position: relative; }
.pro_cover_item_title_tt:after { content: ""; position: absolute; right: -39px; top: 0; display: block; border-top-width:36px; border-left-width:36px; border-bottom-width:0; border-style: solid; border-color: transparent transparent transparent #ff0000; }
.pro_cover_item_title_list { float: left; padding-left: 50px; }
.pro_cover_item_title_list a { float: left; margin: 0 15px; line-height: 36px; color: #444; font-size: 16px; }
.pro_cover_item_title_list a:hover { color: #ff0000; }
.pro_cover_item_title_more { color: #ff0000; font-size: 14px; line-height:36px; margin-right: 10px; }
.pro_cover_item_con { padding: 2%; display:flex; display: -webkit-flex; justify-content: space-around; -webkit-justify-content: space-around; align-items:center; -webkit-align-items: center; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.pro_cover_item_con_l { width:420px; }
.pro_cover_item_con_l_pic { display: block; overflow: hidden; }
.pro_cover_item_con_l_pic img { display: block; max-width: 100%; margin: 0 auto; transition: all 0.5s; -webkit-transition: all 0.5s; }
.pro_cover_item_con_l_pic:hover img { transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); transition: all 0.5s; -webkit-transition: all 0.5s; }
.pro_cover_item_con_l_btn { padding: 2% 0; }
.pro_cover_item_con_l_btn a { display: inline-block; padding: 0 20px; line-height: 30px; font-size: 14px; color: #444; border: 1px solid #d0d0d0; margin: 0 8px; }
.pro_cover_item_con_l_btn a.hover, .pro_cover_item_con_l_btn a:hover { color: #fff; background: #ff0000; border-color: #ff0000; }
.pro_cover_item_con_r { width: calc(100% - 450px); }
.pro_cover_item_con_r_tt { font-size: 14px; line-height: 30px; color: #888; margin-bottom:30px; }
.pro_cover_item_con_r_b_tt { font-size: 18px; color: #ff0000; font-weight: bold; margin-bottom: 20px; }
.pro_cover_item_con_r_b_list dd { float: left; width:25%; padding: 0 2%; margin-bottom: 20px; }
.pro_cover_item_con_r_b_list dd .pic { overflow: hidden; margin-bottom: 6px; }
.pro_cover_item_con_r_b_list dd .pic img { display: block; width: 100%; }
.pro_cover_item_con_r_b_list dd .tt { color: #444; line-height: 30px; }
.pro_cover_item_con_r_b_list dd:hover .tt { color: #ff0000; }
/*
 * 工程案例
 */
.pro_gc_case_box { padding: 5% 0; }
.pro_gc_case_list { }
.pro_gc_case_list dd { float: left; width: 33.33%; padding:0 8px; }
.pro_gc_case_list dd a { padding: 2%; background: #f8f7fc; display:flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items:center; -webkit-align-items: center; }
.pro_gc_case_list dd .pic { width: 48%; overflow: hidden; }
.pro_gc_case_list dd .pic img { display: block; width:100%; transition: all 0.5s; -webkit-transition: all 0.5s; }
.pro_gc_case_list dd .con { width: 52%; padding-left:4%; }
.pro_gc_case_list dd .con .tt { font-size: 14px; font-weight: bold; line-height:24px; color: #444; margin-bottom: 15px; transition: all 0.5s; -webkit-transition: all 0.5s; }
.pro_gc_case_list dd .con .text { line-height: 24px; color: #888; }
.pro_gc_case_list dd:hover .con .tt { color: #ff0000; transition: all 0.5s; -webkit-transition: all 0.5s; }
.pro_gc_case_list dd:hover .pic img { transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); transition: all 0.5s; -webkit-transition: all 0.5s; }
/*
 * pro_cover_search
 */
.pro_cover_search { padding: 4% 0; background: #5e646c; }
.pro_cover_search_tt { color: #fff; font-size: 18px; margin-bottom: 25px; }
.pro_cover_search_form { width: 714px; height: 66px; padding: 19px 45px; background: #ff0000; display:flex; display: -webkit-flex; justify-content: space-around; -webkit-justify-content: space-around; align-items:center; -webkit-align-items: center; flex-wrap:wrap; -webkit-flex-wrap:wrap; margin: 0 auto; }
.pro_cover_search_form_select { width: 185px; height: 32px; border: 0; color: #333; font-size: 14px; background: #fff; font-family: "microsoft yahei"; }
.pro_cover_search_form_btn { width: 185px; height: 32px; line-height: 32px; color: #fff; font-size: 14px; font-family: "microsoft yahei"; text-align: center; background: #f8744c; border: 0; cursor: pointer; }
/*
 * pro_det
 */

.pro_det_t { padding: 5% 0; background: url(../images/pro_det_t_bg.jpg) no-repeat center center / cover; }
.pro_det_t .ind_wrapper { display:flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items:center; -webkit-align-items: center; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.pro_det_pic_box { width:820px; position: relative; overflow:hidden; }
.pro_det_pic { width: 600px; margin: 0 auto; overflow:hidden; }
.pro_det_pic img { display: block; max-width: 100%; border: 4px solid #fff; }
.pro_det_pic_prev, .pro_det_pic_next { position: absolute; left: 25px; top: 50%; margin-top: -35px; width: 70px; height: 70px; text-align: center; background: url(../images/pro_det_icon1.png) no-repeat center center; cursor: pointer; }
.pro_det_pic_next { left: auto; right: 25px; transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); }
.pro_det_pic_box .owl-theme .owl-dots .owl-dot span { background: #fff; }
.pro_det_pic_box .owl-theme .owl-dots .owl-dot.active span, .pro_det_pic_box .owl-theme .owl-dots .owl-dot:hover span { background: #ff0000; }
.pro_det_t_inf { width:calc(100% - 820px); }
.pro_det_t_inf_title { font-size: 30px; color: #fff; }
.pro_det_t_inf_list { font-size: 14px; line-height: 28px; color: #fff; margin: 15px 0 25px; }
.pro_det_t_inf_tip { color: #e9e9e9; font-size: 14px; padding: 20px 0; }
.pro_det_t_inf_btn a { display: inline-block; width: 200px; height: 40px; color: #fff; font-size: 18px; line-height: 40px; text-align: center; background: #ff0000; margin-right: 25px; margin-bottom: 15px; }
.pro_det_t_inf_btn a.tel { width: auto; padding: 0 20px; background: #211c18; }
.share_box { display:flex; display: -webkit-flex; align-items:center; -webkit-align-items: center; }
.share_tt { color: #fff; font-size: 14px; margin-right: 6px; }
/*
 * pro_det
 */

.pro_det_b { overflow: hidden; }
.pro_det_b_bar_box { min-height: 68px; border-bottom: 1px solid #d0d0d0; margin-bottom: 4%; }
.pro_det_b_bar { width: 100%; background:#fff; position: relative; z-index: 3; }
.pro_det_b_bar a { float: left; font-size: 18px; color: #444; line-height: 68px; margin: 0 30px 0 0; position: relative;  border-bottom:;
}
.pro_det_b_bar a:after { content: ""; position: absolute; left: 0; bottom: 0; display: none; width:100%; height: 2px; background: #ff0000; }
.pro_det_b_bar a.hover:after { display: block; }
.pro_det_b_tabs { }
.pro_det_b_tabs_clm { margin-bottom: 4%; }
.pro_det_b_tabs_clm_title { font-size: 24px; font-weight: bold; margin-bottom: 15px; }
.pro_det_b_tabs_clm_text { line-height: 28px; color: #444; font-size: 14px; }
.pro_det_b_xn_list { display:flex; display: -webkit-flex; align-items:center; -webkit-align-items: center; flex-wrap:wrap; -webkit-flex-wrap:wrap; padding-top: 2%; }
.pro_det_b_xn_list dd { width: 50%; padding: 0 4%; margin-bottom: 4%; display:flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items:center; -webkit-align-items: center; transition: all 0.5s; -webkit-transition: all 0.5s; }
.pro_det_b_xn_list dd .icon { width: 120px; height: 120px; line-height:120px; font-size: 56px; color: #ff0000; text-align: center; border-radius: 120px; border:2px solid #ff0000; }
.pro_det_b_xn_list dd .con { width: calc(100% - 150px); }
.pro_det_b_xn_list dd .con .tt { font-size: 24px; color: #444; margin-bottom: 6px; }
.pro_det_b_xn_list dd .con .text { font-size: 14px; line-height: 28px; color: #444; }
.pro_det_b_xn_list dd:hover { transform: translateY(-3px); -webkit-transform: translateY(-3px); }
.pro_det_b_xn_list dd:hover .con .tt { color:#ff0000; }
.pro_det_b_td_list { }
.pro_det_b_td_list dd { width: 100%; display:flex; display: -webkit-flex; align-items:center; -webkit-align-items: center; margin-bottom: 5%; }
.pro_det_b_td_list dd:nth-child(2n) { flex-flow: row-reverse wrap; -webkit-flex-flow: row-reverse wrap; }
.pro_det_b_td_list dd:nth-child(2n+1) .con { border-left: 0; }
.pro_det_b_td_list dd:nth-child(2n) .con { border-right: 0; }
.pro_det_b_td_list dd .pic { width: 50%; overflow: hidden; padding: 5px; background: #e6e6e6; border: 1px solid #d0d0d0; }
.pro_det_b_td_list dd .pic img { display: block; width: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; }
.pro_det_b_td_list dd .con { width: 50%; padding:3%; text-align: center; border: 1px solid #d0d0d0; background: #fff; position: relative; }
.pro_det_b_td_list dd .con .num { display: none; position: absolute; top: -28px; left: 50%; margin-left: -35px; width: 69px; height: 55px; background:url(../images/pro_det_tt_bg.png) no-repeat center center; }
.pro_det_b_td_list dd .tt { font-size: 24px; font-weight: bold; margin-top:25px; margin-bottom: 5px; }
.pro_det_b_td_list dd .text { line-height: 28px; color: #444; font-size: 14px; margin-bottom: 3%; }
.pro_det_b_td_list dd:hover .pic img { transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); transition: all 0.5s; -webkit-transition: all 0.5s; }
.pro_det_b_tabs_con { font-size: 14px; color: #444; line-height: 24px; }
.pro_det_b_tabs_con table { width: 100%; background: #fff; border:1px solid #d0d0d0; }
.pro_det_b_tabs_con table tr:first-child { background: #e2e0e9; }
.pro_det_b_tabs_con table tr td, .pro_det_b_tabs_con table tr th { padding:10px 15px; }
/*
 * pro_det_contact
 */
.pro_det_contact { padding: 4% 0; background: url(../images/pro_det_contact_bg.jpg) no-repeat center center / cover; }
.pro_det_contact_title { color: #fff; font-size: 18px; }
.pro_det_contact_btn { display: block; width: 260px; height: 56px; color: #fff; font-size: 18px; font-weight: bold; text-align: center; line-height: 56px; background: #fff; margin:2% auto; cursor:pointer; }
.pro_det_contact_text { color: #ffffff; line-height: 24px; }
/*
 * pro_list
 */
.pro_list2 { display:flex; display: -webkit-flex; align-items:center; -webkit-align-items: center; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.pro_list2 dd { width: 48%; padding: 1%; background: #fff; margin-bottom: 2%; transition: all 0.5s; -webkit-transition: all 0.5s; }
.pro_list2 dd:nth-child(2n+1) { margin-right: 4%; }
.pro_list2 dd a { display:flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items:center; -webkit-align-items: center; }
.pro_list2_pic { width: 44%; overflow: hidden; }
.pro_list2_pic img { display: block; width: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; }
.pro_list2_con { width: 56%; padding: 0 1% 0 5%; }
.pro_list2_con_tt { font-size: 18px; font-weight: bold; }
.pro_list2_con_text { color: #666; line-height: 24px; padding: 3% 0 5%; border-bottom: 1px solid #e5e5e5; }
.pro_list2_con_btn { display: block; color: #ff0000; font-size: 14px; margin-top: 10px; }
.pro_list2 dd:hover .pro_list2_pic img { transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); transition: all 0.5s; -webkit-transition: all 0.5s; }
.pro_list2 dd:hover .pro_list2_con_tt { color: #ff0000; }
.pro_list2 dd:hover { box-shadow: 0 0 15px rgba(115,115,115,.3); transition: all 0.5s; -webkit-transition: all 0.5s; }
/*
 * 选型
 */
.xx_box { clear: both; overflow: hidden; background: #fff; }
.xx_bars { float: left; width: 20%; }
.xx_bars .item { width: 100%; position: relative; padding:15% 0; text-align: center; background: #e9e8f0; border-bottom: 1px solid #d0cfd4; cursor: pointer; }
.xx_bars .item .icon { color: #ff0000; font-size: 60px; line-height: 60px; text-align: center; margin-bottom: 20px; }
.xx_bars .item .tt { font-size: 22px; color: #444; text-align: center; }
.xx_bars .item:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 5px; height: 100%; background: rgba(0,0,0,.2); }
.xx_bars .item:after { content: ""; display: none; position: absolute; right: -10px; top: 50%; border-top-width:10px; border-bottom-width:10px; border-right-width: 0; border-left-width:10px; border-style: solid; border-color: transparent transparent transparent #ff0000; margin-top: -8px; }
.xx_bars .item.hover { background: #ff0000; border-bottom: 1px solid #ff0000; }
.xx_bars .item.hover .icon, .xx_bars .item.hover .tt { color: #fff; }
.xx_bars .item.hover:after { display: block; }
.xx_tabs { float: left; width: 80%; }
.xx_tabs_clm { padding: 2% 0; }
.xx_tabs_clm_l { float: left; width: 55%; padding: 0 5%; }
.xx_tabs_clm_r { float: left; width: 45%; }
.xx_tabs_clm_l_tt { font-size: 16px; font-weight: bold; margin-bottom: 15px; }
.xx_tabs_clm_l_text { line-height: 24px; color: #666; }
.xx_tabs_clm_r_tt { font-size: 24px; color: #000; margin-bottom: 5%; }
.xx_tabs_hs_list dd { clear: both; overflow: hidden; margin-bottom: 10px; }
.xx_tabs_hs_list_inp1, .xx_tabs_hs_list_inp2 { float: left; width: 240px; height: 36px; padding-left: 15px; border: 1px solid #ddd; }
.xx_tabs_hs_list_inp2 { width:140px; }
.xx_tabs_hs_list_tt { float: left; color: #444; line-height: 36px; font-size: 14px; padding-left: 10px; }
.xx_tabs_hs_list_tt2 { float: left; color: #444; line-height: 36px; font-size: 14px; padding-right: 10px; }
.xx_tabs_hs_list_tt3 { float: left; color: #444; line-height: 36px; font-size: 14px; padding-left: 10px; }
.xx_tabs_hs_list_tt_btn { display: inline-block; color: #fff; padding: 0 5px; background: #ff0000; border-radius: 3px; margin-left: 6px; }
.xx_tabs_hs_list_btn { padding-top: 20px; }
.xx_tabs_hs_list_btn a { float: left; width: 180px; line-height: 46px; color: #ff0000; font-size: 16px; text-align: center; border: 1px solid #ff0000; margin-right: 15px; margin-bottom: 10px; }
.xx_tabs_hs_list_btn a.hover { color: #fff; background: #ff0000; }
.xx_changshi_box { clear: both; padding: 5% 0; overflow: hidden; }
.xx_changshi_list { display:flex; display: -webkit-flex; align-items:center; -webkit-align-items: center; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.xx_changshi_list dd { width: 25%; padding: 1% 1.5%; border-right: 1px solid #e1e0e5; margin-bottom:20px; }
.xx_changshi_list dd:last-child { border: none; }
.xx_changshi_list dd .tt { font-size: 16px; font-weight: bold; }
.xx_changshi_list dd .time { color: #888; padding: 10px 0 15px; }
.xx_changshi_list dd .text { line-height: 24px; color: #666; font-size: 14px; margin-bottom: 15px; }
.xx_changshi_list dd:hover .tt { color: #ff0000; }
/*
 * 专题
 */
.zhunati_box { padding: 3% 0 0 0; }
.pro_list3 { display:flex; display: -webkit-flex; align-items:center; -webkit-align-items: center; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.pro_list3 dd { width: 32%; padding: 1%; background: #fff; margin-right: 2%; margin-bottom: 2%; transition: all 0.5s; -webkit-transition: all 0.5s; }
.pro_list3 dd a { display: block; border-radius: 3px; }
.pro_list3_pic { width: 100%; overflow: hidden; }
.pro_list3_pic img { display: block; width: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; }
.pro_list3_con { width: 100%; padding: 5% 0 3%; }
.pro_list3_con_tt { font-size: 18px; font-weight: bold; }
.pro_list3_con_text { color: #666; line-height: 24px; font-size: 14px; margin: 3% 0 5%; }
.pro_list3_con_line { height: 1px; background: #e5e5e5; }
.pro_list3_con_btn { display: block; color: #ff0000; font-size: 14px; margin-top: 10px; }
.pro_list3 dd:hover .pro_list3_pic img { transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); transition: all 0.5s; -webkit-transition: all 0.5s; }
.pro_list3 dd:hover .pro_list3_con_tt { color: #ff0000; }
.pro_list3 dd:hover { box-shadow: 0 0 15px rgba(115,115,115,.3); transition: all 0.5s; -webkit-transition: all 0.5s; }
.back_top { display: none; position: fixed; right: 0; bottom: 20%; z-index: 9; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #ff644b; cursor: pointer; }
/*
 * 2018-05-04  lzf add
 */
.case_search { width: 100%; padding: 1%; background: #e4e3e9; }
.case_search_box { width: 640px; height: 44px; padding: 3px; background: #ff0000; margin: 0 auto; }
.case_search_box .inp1 { float: left; width: calc(100% - 147px); height: 38px; font-size: 14px; font-family: "microsoft yahei"; padding-left: 15px; background: #fff; border: 0; }
.case_search_box .btn { float: right; width: 147px; height: 38px; border: 0; color: #fff; font-size: 16px; font-family: "microsoft yahei"; background: #fafafa; cursor: pointer;  border
}
.mobile_footer_btn { display: none; position: fixed; left: 0; bottom: 0; z-index: 9; width:100%; text-align:center; background: #fafafa; box-shadow: 0 0 10px rgba(115,115,115,.3); }
.mobile_footer_btn a { float: left; width: 20%; height: 50px; color: #222; display:flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items:center; -webkit-align-items: center; flex-direction: column; -webkit-flex-direction: column; }
.mobile_footer_btn a .icon { display: block; font-size: 20px; }
.mobile_footer_btn a .tt { font-size: 14px; }
.mobile_footer_btn a:nth-child(3) { color: #fff; background: #ff0000; }
.mobile_lag_icon { display:none; position: absolute; right: 73px; top: 6px; width: 48px; height: 48px; line-height:48px; text-align:center; font-size: 28px; color: #ff0000; }
.mobile_lag_down { display: none; position: absolute; left: 0; top: 58px; width: 100%; padding: 15px 20px; background:#fff; }
.mobile_lag_down_con { width: 100%; display:flex; display: -ms-flexbox; display: -webkit-flex; justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; align-items:center; -ms-align-items: center; -webkit-align-items: center; }
.mobile_lag_down a { display:flex; display: -ms-flexbox; display: -webkit-flex; justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; align-items:center; -ms-align-items: center; -webkit-align-items: center; padding: 0 15px; color: #333; font-size: 16px; margin: 0 5px; }
.mobile_lag_down a img { margin-right:6px; }