/*基础配置*/
@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0;}
body{ font-family:"Microsoft YaHei",Arial; font-size:100%; color:#000; max-width: 1920px; margin:0px auto; padding:0px; overflow-x:hidden; background: #fff !important;}
ol,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6{ list-style:none outside none; margin:0px; padding:0px; font-size:100%; font-weight:normal;}
img { border:none; max-width: 100%;}
a:link, a:visited { color: #000; text-decoration: none; outline:none;}
a:hover, a:active { color: #000; text-decoration: none; outline:none;}
.clear{ clear:both;}
.page_button { margin-top: 50px;}
.page_button a { margin-left: 5px; padding: 0 8px; display: inline-block; width: auto; line-height: 24px;  box-sizing: border-box; }
.page_button span { display: inline-block; width: 24px; line-height: 24px;}
.page_button span.current { border: 1px solid #cccccc; color: #dbc4b4; border-radius: 5px;}
.page_button a:hover { border: 1px solid #cccccc; color: #dbc4b4; border-radius: 5px;}
.iw_poi_title { color: #cc5522;}

/* newshow------------------------------------ */
.newsshow-container { width: 95%; max-width: 1300px; margin: 50px auto;}
.newsshow-content { width: 100%;}
.newsshow_title { text-align: center; font-size: 24px; margin-bottom: 20px;}
.newsshow_title p { font-size: 16px; margin-top: 10px;}
.newsshow_text { padding: 20px 0; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; margin-bottom: 30px;}
.newsshow_text div { margin-bottom: 30px;}

.relevant-case ul { display: flex; flex-wrap: wrap; justify-content: space-between;}
.relevant-case li { flex: 0 1 30%; margin-bottom: 15px; text-align: center;}
.relevant-case li:hover img { transform: scale(1.05); transition: 0.5s;}
.relevant-case li img { transition: 0.5s;}
.case_pic { overflow: hidden;}
.case_wb { line-height: 30px; background: rgb(123, 123, 138); margin-top: 15px; transition: 0.5s; color: #fff;}
.relevant-case li:hover .case_wb { background: rgb(168, 168, 200); transition: 0.5s;}
.toggle_button { display: flex; justify-content: space-between;}
.toggle_button a { background: #3061ae; width: 100px; line-height: 40px; display: inline-block; text-align: center; color: #fff !important;}
.bdsharebuttonbox  { margin: 20px 0;}
.bdsharebuttonbox a { width: auto;}
.relevant_title { font-size: 20px; text-align: center; margin-bottom: 15px;}
.relevant_news li { float: left; width: 45%; list-style-type: circle;  list-style-position: inside;}
.relevant_news li span { float: right; color: #b6b2b2;}
.relevant_news li:nth-of-type(even) { margin-left: 4%; padding-left: 5%; box-sizing: border-box;}

/* productshow--------------------------------------------------- */
.product_show { width: 100%; padding: 50px 0; background: #f0f0f0;}
.product_content .bottom { max-width: 990px;}
.product_show_container {padding: 20px; background: #fff; box-sizing: border-box; display: flex;}
.product_show_container .left { flex: 0 1 40% !important;}
.product_show_container .right { flex: 0 1 50% !important; text-align: center;}
.product_show_container .right div>span { font-size: 20px; margin-bottom: 30px; display: block;}
.product_show_container .right p { font-size: 24px;}
.pro_introdution { padding: 30px 20px; box-sizing: border-box; background: #fff; display: flex; justify-content: space-between;}
.pro_introdution .left { flex: 0 1 75% !important;}
.introduction_title { display: flex; justify-content: space-between;  margin-bottom: 30px; border-bottom: 2px rgba(204, 204, 204, 0.438) solid;}
.introduction_title p { font-size: 20px; color: #212121; background: #1851b8; padding: 10px; color: #fff;}
.introduction_title a { display: block; font-size: 18px; color: #fff; width: 136px; line-height: 42px; background: #8fafca; text-align: center;}
.relevant_product { background: #fff; padding: 0 20px; box-sizing: border-box; flex: 0 1 35%;}
.relevant_text { color: #fff;  line-height: 30px; text-align: center; background: #c5c5c5; transition: 0.5s; height: 32px; line-height: 32px; overflow: hidden;}
.relevant_content li { border: 1px solid #ccc;}
.relevant_content li:hover img { transform: scale(1.05); transition: 0.5s;}
.relevant_content li:hover .relevant_text { background: #1851b8; transition: 0.5s;}
.relevant_content li img { transition: 0.5s;}
.relevant_content li + li { margin-top: 10px;}
.relevant_photograph { overflow: hidden;}
.productshow_button { display: flex; justify-content: space-between;}
.productshow_button a { display: block; background: #1851b8; padding: 10px; color: #fff;}
.dd ul { display: block !important;}
.dd h4:after { margin-bottom: 0 !important;}

::-webkit-scrollbar {width:5px;height:8px;background-color:#fff;border-radius:4px; position:relative;}
::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:3px;}

@media screen and (max-width: 1024px) {
    .pro_introdution { display: block; margin: 50px auto 0;}
    .relevant_product { margin-top: 50px; padding: 0;}
    .relevant_content ul { display: flex; justify-content: space-between;}
    .relevant_content li { flex: 0 1 32%;} 
    .relevant_content li + li { margin-top: 0;}
    .relevant_title { font-weight: bold; color: #2b3888;}
    .product_container .right div>span { font-size: 24px;}
    
}
@media screen and (max-width: 768px) {
    .product_container .right div>span { font-size: 22px;}
    .introduction_title p { font-size: 16px; padding: 5px;}
    .productshow_button a { padding: 5px;}
    .newsshow_title { font-size: 14px;}
    .newsshow_title p { font-size: 14px;}
    .relevant_news li { width: 100%;}
    .relevant_news li:nth-of-type(even) { margin: 0; padding: 0}
    .toggle_button a { width: 80px; line-height: 32px;}
}
@media screen and (max-width: 700px) {
    .product_show_container { display: block;}
    .product_container .right div>span { font-size: 18px;}
    .relevant_content li:nth-of-type(n+3) { display: none;}
    .relevant_content li { flex: 0 1 49%;}
    .relevant_text { padding: 0 10px;}
    .product_show  { padding: 40px 0 50px;}
    .relevant_news ul { display: flex; flex-direction: column;}
    .relevant_news li { width: 100%;}
    .relevant_news li:nth-of-type(even) { padding-left: 0; margin-left: 0;}
    .newsshow_title { font-size: 22px;}
}
/*基础配置*/


/* header----------------------------- */
.Scope { width: 95%; max-width: 1300px; margin: auto;}
.nav_top { width: 100%; border-top: 1px solid #ccc; box-sizing: border-box; background: url(../images/nav-top.jpg);}
.nav_top_container { color: #333; line-height: 2; display: flex; justify-content: space-between;}
.nav_top_container a { color: #333; text-decoration: underline;}
.nav_mid { background: linear-gradient(to bottom, #e7e7e7, #fff); padding: 20px 0;}
.nav_mid_container { display: flex; justify-content: space-between;}
.nav_bottom { background: url(../images/topmenubak.gif); line-height: 54px; width: 100%;}
.nav_bottom_container ul { display: flex; justify-content: space-between; border: 1px solid rgba(238, 238, 238, 0.322); border-top: none; border-bottom: none; box-sizing: border-box;}
.nav_bottom_container li { flex: 0 1 calc(100% / 7); text-align: center;}
.nav_bottom_container li + li { border-left: 1px solid rgba(238, 238, 238, 0.329);}
.nav_bottom_container li a { display: block; color: #fff;}
.nav_bottom_container li a:hover { background: url(../images/topmenubak2.jpg); color: #000;}
.key_word { width: 100%; background: #fff;}
.key_word_container { display: flex; justify-content: space-between; line-height: 24px; height: 40px; align-items: center; overflow: auto; white-space: nowrap;}
.key_word_container { scrollbar-width: none; -ms-overflow-style: none;}
.key_word_container::-webkit-scrollbar { display: none;}
.key_word { width: 100%;}
.key_word_container { color: #333;}
.key_word_container .right { display: flex;} 
.key_word_container .right input::placeholder { font-size: 14px; color: #000; padding-left: 5px; }
@media screen and (max-width: 768px) {
    .nav_bottom { display: none;}
}
@media screen and (max-width: 700px) {
    .nav_top { border-bottom: 1px solid #cccccc78;}
    .nav_top_container a { text-decoration: none;}
    .key_word { display: none;}
    .nav_mid { padding: 0; display: block !important;}
    .nav_mid_container { display: block;}
    .nav_mid_container div:nth-of-type(2) { display: none;}
    .nav_top { background-image: none; background-color: #fff; border-bottom: 1px solid #cccccc78; position: relative;}
    .nav_top_container { font-size: 12px; line-height: 32px; position: relative;}
    .nav_top_container>div:nth-of-type(1) { letter-spacing: -0.0313rem;}
    .nav_bottom { display: none;}
    .key_word { display: none;}
    .nav_mid { padding: 0; display: block !important;}
    .nav_mid_container { display: block;}
    .nav_mid_container div:nth-of-type(1) { width: 70%; margin-left: -7px;}
    .nav_mid_container div:nth-of-type(2) { display: none;}
    .nav_top { background-image: none; background-color: #fff;}
    .mobile_menu { position: absolute; bottom: -100%; right: 0;}
}

.mobile_menu { display: none;}
.mobile_menu div { width: 28px; height: 3px; background: #2067ed;}
.mobile_menu div + div { margin-top: 5px;}
.mobile_sub_menu { display: none; width: 50%; position: fixed; right:-100%; height: 1000px; margin-left: auto; background: rgba(255, 255, 255, 95%); padding: 30px; box-sizing: border-box; transition: 0.5s; z-index: 10;}
.mobile_sub_menu>div>a { font-weight: bold;}
.mobile_sub_menu ul { padding-left: 20px;}
.mobile_sub_menu div { margin-bottom: 5px;}
.mobile_sub_menu a { display: block; line-height: 2; font-size: 15px;}
.toggleClass { right: 0%; transition: 0.5s;}
@media screen and (max-width: 1024px) {
    .mobile_menu { flex: 0 1 10%; display: none; justify-content: center; align-items: center; flex-direction: column; color: #2067ed; font-size: 18px;}
    .mobile_sub_menu { display: block;}
}
@media screen and (max-width: 768px) {
    .mobile_menu { display: flex;}
}
@media screen and (max-width:700px) {
    .mobile_sub_menu { width: 60%; padding: 20px 20px;}
}



/* ---------------index_a----------------------- */
.index_a { position: relative; overflow: hidden; overflow: hidden;}
.index_a_button { display: flex; justify-content: space-between; cursor: pointer;}
.swiper-button-prev-a { position: absolute; top: 50%; left: 10%; transform: translateY(-50%); z-index: 100;}
.swiper-button-next-a { position: absolute; top: 50%; right: 10%; transform: translateY(-50%); z-index: 100;}
.index_a .swiper-slide img:nth-of-type(2) { display: none;}
@media screen and (max-width: 768px) {
    .index_a .swiper-slide img:nth-of-type(1) { display: none;}
    .index_a .swiper-slide img:nth-of-type(2) { display: block;}
}
@media screen and (max-width: 700px) {
    .index_a_button img { width: 50%;}
    .swiper-button-prev-a { left: 5%;}
    .swiper-button-next-a { right: 0%;}
}



/* --------------------------index_b-------------------- */
.idnex_b { width: 100%; overflow: hidden;}
.product_left img{ width: 100%;}
.b_container { width: 95%; max-width: 1300px; margin: auto; background: #fff; padding: 20px 0; box-sizing: border-box;}
.img1 { text-align: center;}
.index_product { display: flex; justify-content: space-between;}
.index_product .left { flex: 0 1 20%; margin-right: 20px;}
.index_product .left>div:nth-of-type(1) { background: url(../images/indexleft_01.gif); line-height: 45px; text-align: center; font-size: 18px; color: #fff;}
.index_product .left>div:nth-of-type(2) img { width: 120%;}
.index_product .left ul { border: 3px solid #2989da; padding: 30px 9px; text-indent: 10%;}
.index_product .left li { line-height: 32px; background: url(../images/indexleft_04.gif) center no-repeat; padding-left: 10px;}
.index_product .left li a { display: block;  color: #fff; font-size: 12px; line-height: 32px; height: 32px; overflow: hidden;}
.index_product .left li a:hover { color: #fff000;}
.index_product .right { flex: 1;}
.index_product_head { display: flex; justify-content: space-between; padding: 0 10px 20px 0;}
.index_product_head div:nth-of-type(1) { position: relative; flex: 0 1 15%; background: #2989da; color: #fff; text-align: center; line-height: 30px; font-weight: bold;}
.index_product_head div:nth-of-type(1)::before { content: ''; width: 0; height: 0; position: absolute; left: 50%; bottom: -40%; transform: translateX(-50%); border-top: 6px solid #2989da; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid transparent;}
.index_product_head div:nth-of-type(1)::after { content: ''; width: 100%; height: 3px; position: absolute; left: 0; bottom: -50%; background: #2989da;}
.index_product_head div:nth-of-type(2) { position: relative; flex: 1; display: flex; align-items: flex-end; justify-content: flex-end;}
.index_product_head div:nth-of-type(2) a { color: #333;}
.index_product_head div:nth-of-type(2)::after { content: ''; width: 100%; height: 2px; position: absolute; left: 0; bottom: -50%; background: #f59501;}
.index_product .right ul { display: flex; justify-content: space-between; flex-wrap: wrap;}
.index_product .right li { flex: 0 1 30%;}
.index_product_photograph { border: 1px solid #d9d9d9; box-sizing: border-box;}
.index_product .right li:hover .index_product_photograph { border-color: #e80007;}
.index_product_name { line-height: 36px; text-align: center; font-size: 14px; color: #333;}
.index_product_list { margin-top: 15px;}
@media screen and (max-width: 1024px) {
    .index_product .left ul { text-indent: 8%;}
    .index_product .left li { padding-left: 0; background-size: contain;}
}
@media screen and (max-width: 768px) {
    .index_product .left { flex: 0 1 30%}
    .index_product .left ul { padding: 10px 10px;}
    .index_product_name { overflow: hidden; line-height: 2; height: 32px; padding: 0 10px;}
    .index_product .right li { flex: 0 1 49%;}
    .index_product_head div:nth-of-type(1) { flex: 0 1 28%;}
}
@media screen and (max-width: 700px) {
    .index_product .left { display: none;}
    .index_product_head div:nth-of-type(1) { flex: 0 1 37%;}
    .index_product .right li { flex: 0 1 49%;}
    .product_left { display: none;}
}




/* ----------------------index_c------------------------ */
.index_c { overflow: hidden;}
.c_container { width: 95%; max-width: 1300px; margin: auto; background: #fff; display: flex; justify-content: space-between; padding-left: 20px; padding-top: 10px; box-sizing: border-box;}
.c_container .left { flex: 0 1 75%;}
.index_about_head { display: flex; justify-content: space-between;}
.index_about_title { border-left: 4px solid #008bda; position: relative; padding-left: 10px;}
.index_about_title div:nth-of-type(1) { font-size: 14px; color: #999;}
.index_about_title div:nth-of-type(2) { font-size: 24px; color: #008BD8;}
.index_about_title::after { z-index: 10; content: ''; width: 106%; height: 2px; position: absolute; left: -5%; bottom: -10%; background: #008BD8;}
.index_about_more { flex: 1; display: flex; align-items: center; justify-content: flex-end; position: relative;}
.index_about_more::after { content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: -10%; background: #ddd;}
.index_about_content { justify-content: space-between; color: #333; font-size: 14px; line-height: 20px; padding-top: 35px;}
.index_about_content>div:nth-of-type(1) img { width: 100%;}
.index_about_content>div:nth-of-type(2) { padding-top: 10px;}
.index_about_content>div:nth-of-type(2) div {  text-indent: 32px; line-height: 1.5;}
.index_about_div1 span { color: #0099FF; font-weight: bold; }
.c_container .right { flex: 0 1 20%;}
.index_honor_content { margin-top: 15px;}
.tempWrap { height: 680px !important;}
.index_honor_content li { text-align: center; height: 224px;}
@media screen and (max-width: 1024px) {
    .tempWrap { height: 600px !important;}
    }
@media screen and (max-width: 768px) {
    .c_container { padding-left: 0;}
    .index_about_div1 { margin-bottom: 20px;}
    .index_about_content>div:nth-of-type(1) { flex: 0 1 35%;}
    .c_container .left { flex: 0 1 77%}
}
@media screen and (max-width: 700px) {
    .c_container { display: block;}
    .index_about_content { display: block;}
    .c_container .left { margin-bottom: 30px;}
    .tempWrap { height: 230px !important;}
}



/* ----------------------------index_d----------------------- */
.index_d { overflow: hidden;}
.d_container { width: 95%; max-width: 1300px; margin: auto; background: #fff; padding: 20px 20px; box-sizing: border-box;}
.d_container .bottom { margin-top: 15px; padding-left: 5px;}
.d_container .bottom ul { display: flex; justify-content: space-between;}
.d_container .bottom li { flex: 0 1 18%;}
.index_case_photograph { padding: 22px 11px; box-sizing: border-box; border: 3px solid #dee5eb; margin-bottom: 1px;}
.index_case_name { text-align: center; line-height: 36px; background: #dee5eb;}
.d_container .bottom li:hover .index_case_photograph { border-color: #e80007;}
@media screen and (max-width: 768px) {
    .d_container { padding: 20px 0;}
    .index_case_photograph { padding: 0;}
    .d_container .bottom li { flex: 0 1 32%;}
    .d_container .bottom li:nth-of-type(n+4) { display: none;}
}
@media screen and (max-width: 700px) {
    .d_container .bottom ul { flex-wrap: wrap;}
    .d_container .bottom li { flex: 0 1 49%;}
    .d_container .bottom li:nth-of-type(n+4) { display: block;}
    .d_container .bottom li:nth-of-type(n+5) { display: none;}
}



/* --------------------------index_e-------------------------------- */
.index_e { overflow: hidden; }
.e_container { width: 95%; max-width: 1300px; margin: auto; background: #fff; padding: 0 20px;box-sizing: border-box;}
.e_container .bottom { padding: 10px 0 5px 0; overflow: auto; white-space: nowrap; scrollbar-width: none; -ms-overflow-style: none;}
.e_container .bottom::-webkit-scrollbar { display: none;} 
.e_container .bottom a { display: inline-block; line-height: 40px; color: #333;}
.e_container .bottom span { margin-left: 15px;}
.e_container .bottom a + a { margin-left: 15px;}
@media screen and (max-width: 768px) {
    .e_container { padding: 0;}
    .e_container .bottom span { margin-left: 5px;}
    .e_container .bottom a + a { margin-left: 5px;}
    .e_container .bottom { font-size: 14px;}
}
@media screen and (max-width: 700px) {
    .index_about_title div:nth-of-type(2) { font-size: 20px;}
    .e_container .bottom { font-size: 14px;}
}



/* --------------------------other---------------------- */
.other { width: 100%; max-width: 1500px; margin: auto; background: url(../images/index_moa.png) center; background-size: cover; overflow: hidden;}
.other_container { color: #fff; width: 95%; max-width: 1300px; margin: auto; display: flex; justify-content: space-between; padding: 20px 0; box-sizing: border-box;}
.other_container .left { padding-top: 15px;}
.other_div1 { font-size: 19px;}
.other_div2 { font-size: 26px; font-weight: bold; line-height: 50px;}
.other_div3 { font-size: 20px;}
.other_div4 { text-align: right; font-size: 22px; font-weight: bold; line-height: 36px;}
@media screen and (max-width: 1024px) {
    .other_div1 { font-size: 18px;}
    .other_div2 { font-size: 20px;}
    .other_div4 { font-size: 18px;}
}
@media screen and (max-width: 768px) {
    .other_div1 {font-size: 20px;}
    .other_div2 { font-size: 24px;}
    .other_div3 { font-size: 12px; display: none;}
    .other_div4 { display: none;}
}
@media screen and (max-width: 700px) {
    .other_container .right { display: none;}
    .other_container  { padding-left: 10px;}
    .other_div1 { font-size: 16px;}
    .other_div2 { font-size: 16px;}
    .other_div3 { display: none;}
}




/* --------------------------about------------------------- */
.about_banner { width: 100%; max-width: 1300px; margin: auto; height: 257px; background: url(../images/about.jpg) no-repeat; background-size: cover; margin-bottom: 5px;}
.about_container { width: 95%; max-width: 1300px; margin: auto; display: flex; justify-content: space-between; padding-bottom: 20px; box-sizing: border-box;}
.about_container>.left { flex: 0 1 21%;}
.about_container>.right { flex: 0 1 78%;}
.about_content { background: #fff; padding: 12px;}
.about_content .top { line-height: 24px; font-size: 18px; color: #333; display: flex; justify-content: space-between; border-bottom: 3px solid #000; margin-bottom: 20px;}
.list_head { line-height: 36px; background: url(../images/left-new_01.jpg); padding-left: 15px; color: #fff;}
.list_content { border-width: 6px 2px; border-color: #00479c; border-style: solid; white-space: nowrap; overflow: auto; margin-bottom: 8px;}
.list_content li a { font-size: 14px; position: relative; display: block; line-height: 40px; background: url(../images/left-product2.jpg); padding-left: 40px; padding-right: 10px; white-space: nowrap; overflow: hidden;}
.list_content li a::after { content: url(../images/left-ico.png); position: absolute; left: 5%; top: 50%; transform: translateY(-50%);}
.list_content { scrollbar-width: none; -ms-overflow-style: none;}
.list_content::-webkit-scrollbar { display: none;}
.path { color: #333; background: url(../images/left-product2.jpg); line-height: 36px; padding-left: 8px; margin-bottom: 3px;}
.announcement { background: #fff;}
.announcement_content { padding: 8px; border: 1px solid #cccccc;}
.announcement div + div { margin-top: 8px;}
.announcement p { color: #333; line-height: 2;}
@media screen and (max-width: 768px) {
    .about_container .left { flex: 0 1 30%;}
    .list_content li a { padding-left: 30px;}
}
@media screen and (max-width: 700px) {
    .about_container { flex-direction: column;}
    .list_content ul { display: flex;}
    .list_content li { flex: 0 1 33%;}
    .announcement { display: none;}
    .path { display: none;}
    .about_content .top { display: none;}
    .about_banner { height: 180px; background-position-x: 6%;}
    .about_content { padding: 0;}
    .about_container { width: 100%;}
    .about_content { width: 95%; margin: auto;}
}




/* -----------------------product---------------------- */
.product_banner { width: 100%; max-width: 1300px; margin: auto; height: 257px; background: url(../images/products.jpg) no-repeat; background-size: cover; margin-bottom: 5px;}
.product_container .bottom>ul>li { float: left; width: 32%; margin-bottom: 20px;}
.product_container .bottom>ul>li:nth-of-type(3n+2) { margin: 0 2%;}
.product_photograph { border: 1px solid #d9d9d9; box-sizing: border-box;}
.product_container .bottom>ul>li:hover .product_photograph { border-color: #e80007;}
.product_name { line-height: 32px; text-align: center; font-size: 14px; color: #333; overflow: hidden; padding: 0 10px; height: 32px;}
@media screen and (max-width: 768px) {
    .product_show>.left { display: none;}
    .product_show .path { display: none;}
    .product_show { padding: 0;}
}
@media screen and (max-width: 700px) {
    .product_banner { height: 180px; background-position-x: 96%;}
    .product_container .bottom>ul>li { width: 49%; margin-bottom: 0;}
    .product_container .bottom>ul>li:nth-of-type(3n+2) { margin: 0;}
    .product_container .bottom>ul>li:nth-of-type(even) { margin-left: 2%;}
    .product_container .list_content li { flex: 0 1 50%;}
    .list { margin-bottom: 10px;}
    .product_container .about_content { width: 100%;}
}





/* ----------------------news---------------------------- */
.news_banner { width: 100%; max-width: 1300px; margin: auto; height: 257px; background: url(../images/about.jpg) no-repeat; background-size: cover; margin-bottom: 5px;}
.news_layout { display: flex; justify-content: space-between;}
.news_name { font-size: 14px; color: #0099ff; line-height: 28px; font-weight: bold; height: 28px; overflow: hidden; flex: 0 1 80%;}
.news_date { font-size: 14px; color: #333; position: relative;}
.news_date::after { content: '['; position: absolute; left: -6%; top: 0;}
.news_date::before { content: ']'; position: absolute; right: -6%; top: 0;}
.news_text { font-size: 14px; color: #666; line-height: 28px; height: 48px; overflow: hidden;}
.news_content .bottom { padding-left: 30px;}
.news_content .bottom li { list-style: square outside; border-bottom: 1px dashed #e2e2e2; padding-bottom: 5px;}
@media screen and (max-width: 700px) {
    .news_banner { height: 180px; background-position-x: 6%;}
    .news_name { flex: 0 1 60%;}
    .news_content .bottom { padding: 0}
}




/* ---------------------------case--------------------------- */
.case_banner { width: 100%; max-width: 1300px; margin: auto; height: 257px; background: url(../images/products.jpg) no-repeat; background-size: cover; margin-bottom: 5px;}
.case_content .bottom li { float: left; width: 32%; margin-bottom: 20px;}
.case_content .bottom li:nth-of-type(3n+2) { margin: 0 1%;}
.case_photograph { padding: 22px 11px; box-sizing: border-box; border: 3px solid #dee5eb; margin-bottom: 1px;}
.case_name { text-align: center;  line-height: 2; background: #dee5eb; height: 32px;}
.case_content .bottom li:hover .case_photograph { border-color: #e80007;}
@media screen and (max-width: 768px) {
    .case_photograph { padding: 0;}
    .case_name { line-height: 26px;}
    .case_content .bottom li { width: 49%; margin-bottom: 0;}
    .case_content .bottom li:nth-of-type(3n+2) { margin: 0;}
    .case_content .bottom li:nth-of-type(even) { margin-left: 2%;}
    .case_banner { background-position-x: 100%;}
    .case_content table { width: 100% !important;}
    .case_content table tr { display: flex; flex-wrap: wrap;}
    .case_content table td { width: 100% !important;}
}
@media screen and (max-width: 700px) {
    .case_banner { height: 180px; background-position-x: 96%;}
    .case_container { padding: 0 0 20px 0 !important; }
    .newsshow_container { padding-top: 0 !important;}
}




/* ----------------------service------------------------ */
.service_banner { width: 100%; max-width: 1300px; margin: auto; height: 257px; background: url(../images/about.jpg) no-repeat; background-size: cover; margin-bottom: 5px;}
@media screen and (max-width: 700px) {
    .service_banner { height: 180px; background-position-x: 6%;}
}



/* ----------------------contact------------------------ */
.contact_banner { width: 100%; max-width: 1300px; margin: auto; height: 257px; background: url(../images/contactus.jpg) no-repeat; background-size: cover; margin-bottom: 5px;}
.contact_container .bottom { margin-bottom: 20px;}
@media screen and (max-width: 768px) {
    .contact_banner { background-position-x: 30%;}
    #dituContent { height: 300px !important;}
}
@media screen and (max-width: 700px) {
    .contact_banner { height: 180px; background-position-x: 78%;}
    .about_container { padding: 0 0 50px 0;}
    .contact_container>.left { display: none;}
    #dituContent { height: 200px !important;}
}




/* ------------------footer----------------------- */
.footer { width: 100%; background: #00469e; overflow: hidden;}
.footer_container { width: 95%; max-width: 1300px; margin: auto; padding: 20px 0;}
.footer_container .top { background: #ccc; text-align: center; line-height: 38px; color: #0099FF; font-size: 14px; position: relative; margin-bottom: 36px;}
.footer_container .top span { margin-left: 15px;}
.footer_container .top a { color: #0099FF; margin-left: 15px;}
.footer_container .top::after { content: url(../images/dwonbak.png); width: 80%; height: 14px; position: absolute; bottom: -36.8%; left: 0;}
.footer_container .bottom { display: flex;  align-items: center; color: #fff;}
.footer_div1 { margin-right: 40px;}
.footer_div2>p:nth-of-type(1) { color: #FFFF99; }
.footer_div2>p { line-height: 2;}
.footer_div3 { display: flex; flex-direction: column; text-align: center; margin-left: auto;}
@media screen and (max-width: 768px) {
    .footer_div1 { margin-right: 0;}
    .footer_div2 { flex: 0 1 60%;}
    .footer_container .top { display: none;}
}
@media screen and (max-width: 700px) {
    .footer_container .bottom { flex-wrap: wrap;}
    .footer_div1 { flex: 0 1 50%}
    .footer_div2 { flex: 0 1 100%; order: 1; margin-top: 20px;}
    .footer_div3 { margin: auto; flex: 0 1 50%;}
}

.iphone_footer { width: 100%; display: none; padding: 5px 0; text-align: center; background: #2082df; position: fixed; left: 0%; bottom: 0; z-index: 1000;}
.iphone_footer ul { display: flex;}
.iphone_footer li { flex: 0 1 25%;}
.iphone_footer a { display: block; width: 100%; color: #fff; font-size: 15px;}
.iphone_footer li + li { border-left: 1px solid rgba(255, 255, 255, 0.596);}
.iphone_footer img { width: 25%;}
@media screen and (max-width: 700px) {
    .footer { margin-bottom: 52px;}
    .iphone_footer { display: block;}
}