/* header */
.topArea .bg-topArea, .header .header-inner, .ftLinkWrap .ftLink, .footer .ft-wrap { position: relative; width: 1200px; margin: 0 auto; }
.topArea { height: 32px; line-height: 32px; color: #616161; background-color: #ebebeb; }
.spot { color: #616161; }
.header { position: relative; overflow: hidden; z-index: 1; }
.clearfix { overflow: hidden; zoom: 1; }
.nav_container { padding: 0; font-size: 14px; text-align: center; font-weight: bold; background-image: url(../images/nav_bg.jpg); background-repeat: repeat-x; }
.nav_container .nav { width: 1200px; height: 58px; }
.nav_container .nav ul { display: flex; justify-content: center; align-items: center; }
.nav li .shownav { background-color: #1a5eaf; }
.nav li { position: relative; float: left; width: 148px; height: 58px; padding: 0; line-height: 58px; transition: all 0.3s ease 0s; }
.nav li>a:hover, .nav li>a.current { background: url(../images/navc0.jpg) repeat-x #cdcbcb; color: #fff; font-size: 18px; z-index: 1; }
.nav li a { position: relative; display: block; color: #fff; padding: 0 10px; border: 1px solid; border-color: transparent; transition: none; line-height: 56px; font-size: 18px; }
.nav li a { border: 0; }
.nav li.line { background: url(../images/nav_line_bg.png) no-repeat 50% 50%; }
.nav li.line { position: relative; width: 2px; margin: 0; padding: 0; overflow: hidden; }
.nav li .shownav { position: absolute; left: 0; top: 48px; visibility: hidden; width: 100%; padding: 0; font-weight: normal; text-align: left; font-size: 12px; z-index: 100; opacity: 0; transition: all 0.3s ease 0s; }
.nav li:hover .shownav { visibility: visible; top: 48px; opacity: 1; transform: translate3d(0px, 10px, 0px); }
.nav li .shownav a { width: auto; height: auto; padding: 4px 10px; background: no-repeat 15px 50%; color: #fff; line-height: 26px; text-align: center; }
.nav li .shownav a:hover { background-color: #0b7dd1; }
/* banner */
.banner_container { width: 100%; height: auto; }
.banner_container a { display: block; width: 100%; height: 100%; }
.banner_container a img { width: 100%; }
#banner_tel { display: none; }
/* hotKey */
.HOT-KEYS { border-bottom: none; background: #1a5eaf; color: #fff; }
.HOT-KEYS { position: relative; height: 56px; }
.HOT-KEYS .keyleft { width: 1140px; margin: 0 auto; font-size: 14px; line-height: 56px; display: flex; }
.HOT-KEYS .title { color: #fff; }
.HOT-KEYS .title .title_more { font-weight: bold; }
.HOT-KEYS .content { padding: 0 0; }
.HOT-KEYS .content a { position: relative; display: inline-block; padding: 0 28px; color: #fff; }
.searchformBox { position: absolute; right: 50%; top: 50%; margin-top: -14px; margin-right: -570px; padding: 3px 10px; border-radius: 16px; z-index: 1; }
.searchformBox { border: 1px solid #69a6d1; background: #0b7dd1; box-shadow: inset 3px 3px 3px #1a5eaf; }
.searchformBox form { height: 22px; }
.searchformBox .serach_input { width: 210px; height: 22px; border: 0; background: none; padding: 2px; font-size: 12px; transition: all 0.2s linear 0s; vertical-align: top; outline: none; color: #fff; }
 .searchformBox .serach_input::-webkit-input-placeholder {
 color: #fff;
}
.searchformBox .btn_serach { width: 22px; height: 22px; border: 0; content: ""; color: #fff; cursor: pointer; }
.searchformBox .btn_serach { background: url(../images/sbtn.png) no-repeat; }
.searchformBox:hover { background: #0b7dd1; box-shadow: inset 3px 3px 3px #1a5eaf; }
.searchformBox:hover .serach_input { width: 220px; color: #fff; }
/* monopoly */
.case_container { position: relative; margin: 48px 0; text-align: center; }
/* .case_container:before {
    content: '';
    width: 100%;
    display: inline-block;
    position: absolute;
    border-bottom: #e4e4e4 1px solid;
    z-index: 1;
    bottom: 39px;
    left: 0;
} */

.case_title { position: relative; display: inline-block; z-index: 99; background: #fff; }
/* .case_title:before {
    content: url(http://www.chinacna.com/templates/main/images/left2.png);
    color: #dddddd;
    font-family: '宋体';
    position: absolute;
    left: 30px;
    bottom: 12px;
    width: 24px;
    height: 78px;
} */

/* .case_title:after {
    content: url(http://www.chinacna.com/templates/main/images/right2.png);
    color: #dddddd;
    font-family: '宋体';
    position: absolute;
    right: 30px;
    bottom: 12px;
    width: 24px;
    height: 78px;
} */

.case_title:after { content: url(../images/line.png); width: 516px; height: 85px; position: absolute; top: -24px; left: 19px; }
.case_title .case_title_box { display: inline-block; white-space: nowrap; margin: 0 90px; max-width: 1080px; overflow: hidden; }
.case_title .case_title_box em { color: #000; }
.case_title h2 { font-size: 36px; font-weight: bold; color: #1a5eaf; white-space: nowrap; }
.case_title h3 { font-size: 23px; color: #3b3b3b; margin: 10px 0; font-family: "新宋体"; white-space: nowrap; }
.case_title h4 { font-size: 15px; color: #DDDDDD; font-family: arial; text-transform: uppercase; white-space: nowrap; }
.mp_box { margin-top: 60px; margin-bottom: 32px; }
.mp_box .mp_hd { width: 1200px; margin: 0 auto; height: 46px; line-height: 46px; text-align: center; }
.mp_box .mp_hd .hdx { display: inline-block; width: 198px; height: 46px; background: #eeeeee; text-align: center; cursor: pointer; transition: all 1s ease 0s, opacity 1.5s ease 0s; opacity: 1; }
.mp_box .mp_hd .hdx:hover { background: #1a5eaf; color: #FFF; }
.mp_box .mp_hd .hdx:hover .img_01 { display: none; }
.mp_box .mp_hd .hdx:hover .img_02 { display: block; }
.mp_box .mp_hd .hdx span { font-size: 15px; }
.mp_box .mp_hd .hdx em { vertical-align: middle; display: inline-block; margin-top: -5px; margin-right: 9px; width: 33px; height: 23px; overflow: hidden; }
.mp_box .mp_hd .hdx .img_01 { display: block; }
.mp_box .mp_hd .hdx .img_02 { display: none; }
.mp_box .mp_hd .hdx_bg .img_01 { display: none; }
.mp_box .mp_hd .hdx_bg .img_02 { display: block; }
.mp_box .mp_hd .hdx_bg { background: #1a5eaf; color: #FFF; }
.mp_content { margin-top: 28px; position: relative; }
.mp_content .picFocus { width: 100%; position: relative; }
.mp_content .picFocus .bd li { position: relative; width: 100%; height: 400px; overflow: hidden; }
.mp_content .picFocus .bd li a { display: flex; justify-content: center; align-items: center; }
.mp_content .picFocus .bd li img { height: 400px; }
.mp_content .picFocus .hd { width: 1200px; position: absolute; left: 50%; margin-left: -600px; bottom: -90px; }
.mp_content .picFocus .hd ul { overflow: hidden; zoom: 1; display: flex; justify-content: center; align-items: center; }
.mp_content .picFocus .hd ul li { float: left; width: 230px; margin: 0 10px; box-sizing: border-box; -webkit-box-sizing: border-box; text-align: center; }
.mp_content .picFocus .hd ul li .hd_img { width: 100%; height: 98px; cursor: pointer; border: 2px solid #fff; box-sizing: border-box; transition: .5s; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.mp_content .picFocus .hd ul li .hd_img img { height: 100%; }
.mp_content .picFocus .hd ul li a { transition: .5s; font-size: 14px; color: #484848; height: 28px; line-height: 28px; text-align: center; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.mp_content .picFocus .hd ul li.on img { border-color: #1a5eaf; }
.mp_content .picFocus .hd ul li.on a { color: #1a5eaf; }
/* case */

#case { padding: 96px 0 48px; }
.case_content { width: 1200px; margin: 0 auto; }
.case .case_fl { margin-top: 50px; }
.case .case_fl .fl_lt { float: left; }
.case .case_fl .fl_lt h2 { font-size: 24px; color: #222222; margin-bottom: 10px; }
.case .case_fl .fl_lt em { font-size: 14px; color: #7a7a7a; }
.case .case_fl .fl_rt { float: right; position: relative; margin-top: 25px; }
.case .case_fl .fl_rt { float: right; position: relative; margin-top: 25px; }
.case .case_fl .fl_rt ul { overflow: hidden; margin-right: 35px; }
.case .case_fl .fl_rt .page { transition: .5s; cursor: pointer; position: absolute; top: 2px; font-family: '宋体'; border: #d3d3d3 1px solid; border-radius: 50%; text-align: center; width: 20px; height: 20px; line-height: 20px; color: #adadad; }
.case .case_fl .fl_rt a.right { right: 15px; }
.case .case_fl .fl_rt ul li { float: left; margin-right: 30px; text-align: center; line-height: 25px; }
.case .case_fl .fl_rt ul li.botm { border-bottom: #1a5eaf 2px solid; }
.case .case_fl .fl_rt ul li a { font-size: 14px; color: #3e3e3e; transition: all .5s; display: block; }
.case .case_fl .fl_rt ul li a:hover { color: #1a5eaf; }
.case .case_fl .fl_rt ul li.botm a { color: #1a5eaf; margin-top: -4px; margin-bottom: 3px; }
.case .case_column { height: 590px; margin-top: 40px; width: 100%; position: relative; }
.case .picFocus { width: 1200px; height: 590px; position: absolute; zoom: 1; top: 0; left: 0; }
.case .picFocus .bd li { vertical-align: middle; position: relative; }
.case .picFocus .bd img { width: 1200px; height: 458px; display: block; }
.case .picFocus .bd ul li span { letter-spacing: 2px; position: absolute; font-size: 18px; color: #ffffff; top: 0; left: 0; width: 100%; height: 50px; background: #1a5eaf; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 85px; line-height: 50px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
.case .picFocus .hd { width: 100%; padding-top: 15px; }
.case .picFocus .hd ul { overflow: hidden; zoom: 1; width: 1250px; }
.case .picFocus .hd ul li { transition: .5s; float: left; width: 171px; height: 105px; border: 4px solid #fff; overflow: hidden; margin-right: 35px; box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; }
.case .picFocus .hd ul li.on { border-color: #1a5eaf; }
.case .picFocus .hd ul li img { width: 171px; height: 105px; cursor: pointer; }
.case .picFocus .hd ul li em { position: absolute; bottom: 0; left: 0; height: 28px; line-height: 28px; color: #FFF; text-align: center; width: 100%; background: rgba(0, 0, 0, 0.7); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer; }
/* solve */
#solve { padding: 96px 0 48px; }
.solve_container { width: 1200px; margin: 0 auto; overflow: hidden; margin-top: 10px; }
.wkwk_xw { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.wkwk_xw .wkwk_news { width: 50%; display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px; }
.wkwk_xw .wkwk_news>a { display: block; width: 228px; height: 168px; padding: 3px; border: 1px solid #ddd; }
.wkwk_xw .wkwk_news>a img { width: 100%; height: 100%; }
.wkwk_xw .wkwk_news .wkxn_content { width: 352px; }
.wkwk_xw .wkwk_news .wkxn_content h2 { font-size: 16px; color: #333; line-height: 30px; font-weight: 700; }
.wkwk_xw .wkwk_news .wkxn_content h2 a { display: block; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.wkwk_xw .wkwk_news .wkxn_content h2 a:hover { color: #ff6600; }
.wkwk_xw .wkwk_news .wkxn_content p { font-size: 14px; color: #666; line-height: 24px; }
.wkwk_xw .wkwk_news .wkxn_content p a { font-size: 14px; color: #ff001e; }
/* about */
#about { margin: 96px 0; }
.about .hr_content { width: 1200px; margin: 44px auto 0; }
.about .hr_content .hr_lt { border: #f3f3f3 1px solid; width: 650px; height: 390px; position: relative; float: left; margin-left: 32px; }
.about .hr_content .hr_lt span { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; }
.about .hr_rt { float: right; width: 480px; overflow: hidden; }
.about .hr_rt h2 span { font-size: 24px; color: #3b3b3b; border-bottom: #1a5eaf 3px solid; }
.about .hr_rt h2 em { font-size: 14px; color: #b2b2b2; border-bottom: #1a5eaf 1px solid; padding-bottom: 4px; margin-left: -3px; padding-left: 6px; }
.about .hr_rt .rt_ct { margin-top: 30px; }
.about .hr_rt .rt_ct .text { max-height: 310px; overflow: hidden; }
.about .hr_rt .rt_ct p { line-height: 32px; font-size: 13px; color: #797979; text-align: justify; text-indent: 2em; }
.about .hr_rt .rt_ct a { display: block; width: 112px; height: 25px; background: #1a5eaf; color: #FFF; text-align: center; line-height: 25px; font-size: 13px; transition: .5s; margin-top: 30px; }
.about .hr_rt .rt_ct a em { font-family: "宋体"; }
/* news */
.new_dynamic { width: 100%; height: 760px; margin-top: 70px; background: url(../images/bg_color2.png) no-repeat center #f2f2f2; padding-top: 15px; }
.new_dynamic .dynamic { width: 1200px; margin: 64px auto 0; }
.new_dynamic .dy_content { width: 1200px; margin: 0 auto; }
.new_dynamic .dynamic_lt { float: left; width: 690px; }
.new_dynamic .slideTxtBox { width: 690px; height: 409px; text-align: left; background: #FFF; padding: 24px 29px 0 14px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.new_dynamic .slideTxtBox .hd { height: 40px; line-height: 40px; position: relative; border-bottom: #e6e6e6 1px solid; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.new_dynamic .slideTxtBox .hd ul { float: left; position: absolute; height: 40px; }
.new_dynamic .slideTxtBox .hd ul li { float: left; cursor: pointer; width: 130px; height: 40px; text-align: center; margin-right: 2px; background: #c0c0c0; color: #FFF; font-size: 16px; overflow: hidden; white-space: nowrap; }
.new_dynamic .slideTxtBox .hd ul li.on { height: 40px; background: #1a5eaf; }
.new_dynamic .slideTxtBox .hd span { position: absolute; right: 0; top: 0; }
.new_dynamic .slideTxtBox .bdk { margin-top: 18px; }
.new_dynamic .slideTxtBox .bdk .img { float: left; width: 227px; height: 145px; overflow: hidden; }
.new_dynamic .slideTxtBox .bdk .img a { display: block; }
.new_dynamic .slideTxtBox .bdk .img img { width: 227px; height: 145px; }
.new_dynamic .slideTxtBox .bdk .title { float: right; width: 400px; height: 145px; margin-bottom: 14px; }
.new_dynamic .slideTxtBox .bdk .title h2 { font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.new_dynamic .slideTxtBox .bdk .title h2 a { color: #1a5eaf; }
.new_dynamic .slideTxtBox .bdk .title p { margin: 20px 0; line-height: 20px; font-size: 13px; color: #828282; max-height: 60px; width: 100%; overflow: hidden; }
.new_dynamic .slideTxtBox .bdk .title span i { vertical-align: middle; margin-top: -5px; margin-right: 5px; }
.new_dynamic .slideTxtBox .bdk ul { clear: both; }
.new_dynamic .slideTxtBox .bdk ul li { transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; height: 42px; line-height: 42px; border-top: #dcdcdc 1px dotted; overflow: hidden; }
.new_dynamic .slideTxtBox .bdk ul li:hover { transform: translateX(-5px); }
.new_dynamic .slideTxtBox .bdk ul li:hover a { color: #1a5eaf; }
.new_dynamic .slideTxtBox .bdk ul li:hover a:before { border-left: 8px solid #1a5eaf; }
.new_dynamic .slideTxtBox .bdk ul li a { transition: .5s; display: inline-block; font-size: 14px; color: #444444; width: 560px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.new_dynamic .slideTxtBox .bdk ul li a:before { content: ''; display: inline-block; width: 0; height: 0; border-top: 4px solid transparent; border-left: 8px solid #bfbfbf; border-bottom: 4px solid transparent; vertical-align: middle; margin-right: 5px; transition: .5s; -webkit-transition: .5s; }
.new_dynamic .slideTxtBox .bdk ul li span { float: right; font-size: 13px; color: #818181; }
.new_dynamic .dynamic_rt { width: 496px; height: 409px; background: #FFF; padding: 25px 18px 0 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; float: right; }
.new_dynamic .dynamic_rt h2 { height: 40px; line-height: 40px; border-bottom: #e6e6e6 1px solid; }
.new_dynamic .dynamic_rt h2 em { width: 130px; height: 40px; text-align: center; display: inline-block; font-size: 16px; color: #FFF; background: #1a5eaf; }
.new_dynamic .dynamic_rt h2 a { float: right; font-size: 13px; color: #666565; transition: .5s; }
.new_dynamic .dynamic_rt h2 a i { font-style: normal; font-family: '宋体'; }
.new_dynamic .dynamic_rt ul { margin-top: 5px; margin-bottom: 3px; }
.new_dynamic .dynamic_rt ul li { height: 42px; line-height: 42px; border-bottom: #dcdcdc 1px dotted; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; }
.new_dynamic .dynamic_rt ul li:last-child { border: none; }
.new_dynamic .dynamic_rt ul li a { transition: .5s; color: #444444; font-size: 14px; display: inline-block; max-width: 380px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.new_dynamic .dynamic_rt ul li a:before { content: ''; display: inline-block; width: 0; height: 0; border-top: 4px solid transparent; border-left: 8px solid #bfbfbf; border-bottom: 4px solid transparent; vertical-align: middle; margin-right: 5px; transition: .5s; -webkit-transition: .5s; }
.new_dynamic .dynamic_rt ul li span { float: right; white-space: nowrap; overflow: hidden; font-size: 13px; color: #818181; }
.new_dynamic .case_title { background: #f2f2f2; }
.new_dynamic .dynamic_rt ul li:hover { transform: translateX(-10px); }
.new_dynamic .dynamic_rt ul li:hover a { color: #1a5eaf; }
.new_dynamic .dynamic_rt ul li:hover a:before { border-left: 8px solid #1a5eaf; }
/* businessCard */
.iFCB { position: relative; width: 100%; margin: 0px auto 0px auto; padding: 36px 0px 36px 0px; overflow: hidden; zoom: 1; }
.iFCB_content { width: 800px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; overflow: hidden; zoom: 1; }
.iFCB-title, .iFCB-title-dis { height: 60px; margin-bottom: 30px; text-align: center; clear: both; }
.iFCB-title, .iFCB-title-dis { height: 90px; }
.iFCB-title .content, .iFCB-title-dis .content { position: relative; height: 60px; display: inline-block; padding: 0 0 0 294px; text-align: center; }
.iFCB-title .content, .iFCB-title-dis .content { height: 90px; padding-left: 165px; background: url(../images/ifcb_tl.png) no-repeat left center; }
.iFCB-title .content .title, .iFCB-title-dis .content .title { padding-right: 165px; background: url(../images/ifcb_tr.png) no-repeat right center; }
.iFCB-title .content .title h2, .iFCB-title-dis .content .title h2 { min-width: 348px; max-width: 628px; margin: 0; padding: 0 294px 0 0; font-size: 28px; line-height: 60px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.iFCB-title .content .title h2, .iFCB-title-dis .content .title h2 { min-width: 190px; max-width: 600px; line-height: 90px; }
.iFCB-title .content .title h2, .iFCB-title-dis .content .title h2 { padding: 0; color: #fecc36; }
.iFCB_content .content_img { width: 800px; border:10px #000 solid; }
.iFCB_content .content_img a { display: block; width: 100%; height: 100%; }
.iFCB_content .content_img a img { width: 100%; }
/* footer */
.copy_box { background: #292929; }
.copy_box .copy_hd { border-bottom: #3a3a3a 1px solid; }
.copy_box .copy_hd .hd_01 { height: 52px; line-height: 52px; width: 1200px; margin: 0 auto; white-space: nowrap; overflow: hidden; }
.copy_box .copy_hd .hd_01 ul { width: 1280px; }
.copy_box .copy_hd ul li { float: left; color: #cccccc; }
.copy_box .copy_hd ul li span { margin-right: 18px; }
.copy_box .copy_hd ul li a { color: #cccccc; display: block; transition: .5s; -webkit-transition: .5s; margin-right:10px;}
.copy_box .copy_content { width: 1200px; margin: 20px auto 36px;padding-left:23px; }
.copy_box .copy_content .cy_block { display: inline-block; vertical-align: middle; }
.copy_box .copy_content .cy_01 { margin-right: 25px; width: 216px; height: 235px; overflow: hidden; }
.copy_box .copy_content .cy_02 { margin-right: 60px; margin-top: 10px; width: 646px; border: #4a4a4a 1px solid; border-width: 0 1px; padding: 0 72px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; vertical-align: top; }
.copy_box .copy_content .cy_03 { width: 140px; overflow: hidden; text-align: center; height: 140px; margin-bottom:57px;}
.copy_box .copy_content .cy_03 span img { width: 100%; height: 100%; }
.copy_box .copy_content .cy_01 a { display: block; color: #aaaaaa; margin-bottom: 5px; width: 143px; height: 146px; overflow: hidden;margin-top:11px;margin-left:29px; }
.copy_box .copy_content .cy_01 span { display: block; margin-top: 10px; color: #aaaaaa; }
.copy_box .copy_content .cy_01 span { display: block; margin-top: 10px; color: #aaaaaa; }
.copy_box .copy_content .cy_01 a img { width: 100%; }
.copy_box .copy_content .cy_02 .title { height: 22px; white-space: nowrap; overflow: hidden; }
.copy_box .copy_content .cy_02 .title a { font-size: 16px; color: #aaaaaa; transition: .5s; -webkit-transition: .5s; }
.copy_box .copy_content .cy_02 .title a:hover { color: #FFF; }
.copy_box .copy_content .cy_02 .title a:after { content: ''; display: inline-block; width: 1px; height: 14px; background: #4a4a4a; margin: 0 20px; vertical-align: middle; margin-top: -2px; }
.copy_box .copy_content .cy_02 .call { font-size: 24px; color: #aaaaaa; text-align: center; margin: 20px 0; }
.copy_box .copy_content .cy_02 .addres { color: #aaaaaa; text-align: center; }
.copy_box .copy_content .cy_03 span { display: block; }
.copy_box .copy_content .cy_03 em { color: #cccccc; margin-top: 5px; display: inline-block; }
.copy_box .copy_bottom { height: 34px; background: #1e1e1e; line-height: 34px; text-align: center; color: #aaaaaa; }
.copy_box .copy_bottom span:nth-child(2) { margin: 0 12px 0 8px; }
.copy_box .copy_bottom a { color: #ff8607; }
.copy_box .copy_bottom .bq { vertical-align: middle; margin-top: -4px; margin-left: 15px; }
.copy_box .copy_bottom a:hover { text-decoration: underline; }
 @media screen and (min-width:992px) {
.header_tel { display: none; }
.footer_tel { display: none; }
}
 @media screen and (max-width:992px) {
body { padding-top: 50px; }
.topArea .bg-topArea,  .header .header-inner,  .ftLinkWrap .ftLink,  .footer .ft-wrap { position: relative; width: 100%; margin: 0 auto; }
#banner { display: none; }
#banner_tel { display: block; }
#solve { padding: 32px 0 48px; }
#header { display: none; }
.header_telContent { height: 50px; overflow: hidden; background-color: #fff; position: fixed; z-index: 999; width: 100%; top: 0; display: flex; justify-content: space-between; align-items: center; }
.header_telLogo { padding: 10px; height: 100%; width: 75%; }
.header_telLogo a { display: flex; justify-content: space-between; align-items: center; }
.header_telLogo a img { max-height: 30px; }
.header_telButton { width: 48px; height: 100%; position: relative; }
.header_telButton span { display: block; background: #1a5eaf; width: 24px; height: 2px; transition: all ease 0.35s; position: absolute; left: 12px; }
.header_telButton span:nth-child(1) { top: 15px; }
.header_telButton span:nth-child(2) { top: 23px; }
.header_telButton span:nth-child(3) { top: 31px; }
.header_telX span:nth-child(1) { top: 23px; transform: rotate(45deg); }
.header_telX span:nth-child(2) { width: 0; }
.header_telX span:nth-child(3) { top: 23px; transform: rotate(-45deg); }
.header_telNav { position: fixed; z-index: 199; background: #eee; width: 100%; height: calc(100% - 50px); font-size: 14px; line-height: 40px; top: -100%; left: 0; overflow: auto; overflow-x: hidden; transition: top ease 0.35s; }
.header_telNav .nav_show { top: 50px; }
.header_telNav ul li { border-top: 1px #ddd solid; text-indent: 15px; position: relative; line-height: 40px; font-size: 14px; }
.header_telNav ul li:first-child { overflow: hidden; border-top: 0; }
.header_telNav ul li a { color: #666; width: 100%; display: block; }
.header_telNav ul li i { position: absolute; top: 0px; right: 0px; height: 40px; width: 50px; text-align: right; z-index: 9; }
.header_telNav ul li i svg { width: 20px; height: 40px; fill: #555; margin-right: 10px; }
.header_telNav ul li i svg { transform: rotate(-90deg); transition: all ease 0.35s; }
.header_telNav ul li ul { display: none; margin: 0; }
.header_telNav ul li ul li a { color: #999; display: block; text-align: left; }
.nav_show { top: 50px; }
.header_telNav ul li i { position: absolute; top: 0px; right: 0px; height: 40px; width: 50px; text-align: right; z-index: 9; }
.header_telNav ul li .header_telNav_i_arrow svg { transform: rotate(0deg); }
#banner .swiper-button-prev,  #banner .swiper-button-next { display: none; }
#HOT { display: none; }
.case_container { margin: 32px 0; }
.case_title .case_title_box { margin: 0; }
.case_title h2 { font-size: 24px; }
.case_title h3 { font-size: 18px; }
.case_title h4 { font-size: 12px; }
.case_title:before { left: -32px; }
.case_title:after { content: ''; width: 120%; height: 85px; position: absolute; top: -24px; left: 50%; transform: translateX(-50%); background-image: url(../images/line.png); background-size: 100% 100%; }
.case_container:before { width: 0; }
.mp_box { margin-top: 32px; }
.mp_box .mp_hd { width: 100%; display: flex; justify-content: center; align-items: center; }
.mp_box .mp_hd .hdx em { margin-top: 0; margin-right: 0; }
.mp_box .mp_hd .hdx span { font-size: 12px; padding-right: 4px; }
.mp_box .mp_hd .hdx { width: 32.333333%; margin: 0 1%; display: flex; justify-content: space-between; align-items: center; }
.case_content { width: 100%; }
.case .case_fl { margin-top: 32px; padding: 0 12px; }
.case .case_fl .fl_rt ul li.botm { border-bottom: #1a5eaf 1px solid; }
.solve_container { width: 100%; }
.wkwk_xw .wkwk_news { width: 100%; padding: 0 12px; }
.wkwk_xw .wkwk_news>a { width: 40%; height: 128px; }
.wkwk_xw .wkwk_news .wkxn_content { width: 57.5%; }
#footer { display: none; }
.footer_h1 { text-align: center; padding: 18px 0; background-color: #292929; }
.footer_h1 strong { font-size: 18px; color: #fff; line-height: 32px; }
.footer_h1 p { color: #aaaaaa; font-size: 14px; }
.footer_h2 { text-align: center; color: #aaaaaa; font-size: 14px; line-height: 28px; background-color: #1e1e1e; padding: 0.1rem 0; }
.footer_h2 a { color: #ff8607; font-size: 14px; }
.mp_content .picFocus .bd li { height: auto; }
.mp_content .picFocus .bd li img { height: auto; width: 200%; }
.mp_content .picFocus .hd { width: 100%; position: static; left: 0; margin-left: 0; bottom: 0; }
.mp_content .picFocus .hd ul { display: flex; justify-content: center; }
.mp_content .picFocus .hd ul li { float: none; width: 31.333333%; margin: 0 1%; margin-left: 0; }
.mp_content .picFocus .hd ul li .hd_img { width: 100%; height: auto; }
.mp_content .picFocus .hd ul li .hd_img img { width: 200%; height: 100%; }
.case .case_fl .fl_rt ul li { width: 84px; margin-right: 18px; }
.case .picFocus { width: 100%; height: auto; }
.case .picFocus .bd img { width: 100%; height: auto; margin-top: 50px; }
.case .picFocus .hd ul { width: 100%; display: flex; justify-content: center; }
.case .case_column { height: auto; }
.case .picFocus .bd ul li span { padding-left: 5%; }
.case .picFocus { position: relative; }
.case .picFocus .hd ul li { width: 50%; margin-right: 0; margin: 0 1%; float: none; height: auto; }
.case .picFocus .hd ul li img { width: 100%; height: 100%; }
.wkwk_xw .wkwk_news .wkxn_content p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; word-break: break-all; }
.about .hr_content { width: 100%; }
.about .hr_content .hr_lt { width: 100%; height: auto; float: none; margin-left: 0; }
.about .hr_content .hr_lt span { position: static; padding: 0 12px; }
.about .hr_content .hr_lt span img { width: 100%; }
.about .hr_rt { float: none; width: 100%; padding: 0 2%; padding-top: 5%; }
#case { padding: 48px 0 48px; }
#about { margin: 36px 0; }
.new_dynamic { margin-top: 0; height: auto; }
.new_dynamic .dynamic { width: 100%; }
.new_dynamic .dy_content { width: 100%; }
.new_dynamic .dynamic_rt { display: none; }
.new_dynamic .dynamic_lt { float: none; width: 100%; }
.new_dynamic .slideTxtBox { width: 100%; height: auto; padding: 2%; }
.new_dynamic .slideTxtBox .bdk .img { width: 37.5%; height: auto; }
.new_dynamic .slideTxtBox .bdk .title { width: 60%; height: auto; }
.new_dynamic .slideTxtBox .bdk .title p { margin: 6px 0; }
.new_dynamic .slideTxtBox .bdk .img img { width: 100%; height: 100%; }
.iFCB_content { width: 100%; }
.iFCB_content .content_img { width: 100%; height: auto; }
}