@charset "utf-8";
.ybl_w { width: 1200px; margin: 0 auto; }

.ybl_fl { float: left; }

.ybl_fr { float: right; }

a { color: #000; }

a:hover { text-decoration: none; }

a:link { text-decoration: none; }

a:visited { text-decoration: none; }

a:focus { text-decoration: none; }

table { table-layout: fixed; }

td { vertical-align: middle; text-align: center; word-break: break-all; }

i { font-style: normal; }

.uppercase { text-transform: uppercase; }

.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.ybl_flex { display: flex; }

.ybl_clear::before { content: ""; display: block; height: 0; visibility: hidden; clear: both; }

.ybl_clear::after { content: ""; display: block; height: 0; visibility: hidden; clear: both; }

html, body { font-size: 14px; font-family: '思源黑体 cn', "microsoft yahei", sans-serif; background-color: #fff; text-align: center; overflow-x: hidden; }

.common_title .en { font-size: 45px; line-height: 1; font-weight: bolder; }

@media screen and (max-width: 768px) { .common_title .en { font-size: 35px; } }

.common_title .ch { line-height: 1; margin-top: 20px; font-size: 20px; }

@keyframes fadeinleft { 0% { opacity: 0;
    -webkit-transform: translatex(-20px);
    -ms-transform: translatex(-20px);
    transform: translatex(-20px); }
  100% { opacity: 1;
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); } }

@keyframes fadeinright { 0% { opacity: 0;
    -webkit-transform: translatex(20px);
    -ms-transform: translatex(20px);
    transform: translatex(20px); }
  100% { opacity: 1;
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0); } }

/*=============  公共部分结束  =============*/
/*  头部  */
header { position: fixed; z-index: 520; width: 100%; top: 0; left: 50%; transform: translatex(-50%); /*  导航条  */ }

header .navbar-default { background-color: transparent; margin-bottom: 0; border: none; border-radius: 0; }

header .navbar-default .container { padding: 0; }

header .navbar-default .container .navbar-header { margin-right: 0; }

header .navbar-default .container .navbar-header .logo { height: auto; display: flex; align-items: center; }

header .navbar-default .container .navbar-header .logo:hover { color: #777; }

header .navbar-default .container .navbar-header .logo .logo_img img { width: 100%; }

@media screen and (max-width: 768px) { header .navbar-default .container .navbar-header .logo .logo_img img { width: 50%; } }

header .navbar-default .container .navbar-header .logo .words { align-self: flex-end; margin-left: 25px; padding-left: 20px; border-left: 1px solid #828282; }

@media screen and (max-width: 768px) { header .navbar-default .container .navbar-header .logo .words { margin-left: -5px; padding-left: 10px; } }

@media screen and (min-width: 768px) and (max-width: 1200px) { header .navbar-default .container .navbar-header .logo .words { margin-left: 5px; padding-left: 5px; } }

header .navbar-default .container .navbar-header .logo .words span { display: block; text-align: left; }

header .navbar-default .container .navbar-header .logo .words .company-bigname { font-size: 25px; line-height: 23px; font-weight: bold; color: #fff; }

@media screen and (max-width: 768px) { header .navbar-default .container .navbar-header .logo .words .company-bigname { font-size: 13px; line-height: 1; } }

@media screen and (min-width: 768px) and (max-width: 1200px) { header .navbar-default .container .navbar-header .logo .words .company-bigname { font-size: 18px; } }

header .navbar-default .container .navbar-header .logo .words .old-name { font-size: 16px; padding-top: 5px; }

@media screen and (max-width: 768px) { header .navbar-default .container .navbar-header .logo .words .old-name { font-size: 12px; line-height: 1; } }

@media screen and (min-width: 768px) and (max-width: 1200px) { header .navbar-default .container .navbar-header .logo .words .old-name { font-size: 14px; } }

header .navbar-default .container .navbar-header .navbar-toggle { background-color: transparent; border: none; }

header .navbar-default .container .navbar-header .navbar-toggle .icon-bar { background-color: #fff; transition: all 0.2s; }

@media (max-width: 768px) { header .navbar-default .container .navbar-header .navbar-toggle.collapsed .top-bar, header .navbar-default .container .navbar-header .navbar-toggle.collapsed .middle-bar { transform-origin: 30%; }
  header .navbar-default .container .navbar-header .navbar-toggle.collapsed .top-bar { transform: rotatez(0); }
  header .navbar-default .container .navbar-header .navbar-toggle.collapsed .middle-bar { transform: rotatez(0); }
  header .navbar-default .container .navbar-header .navbar-toggle.collapsed .bottom-bar { opacity: 1; }
  header .navbar-default .container .navbar-header .navbar-toggle .top-bar, header .navbar-default .container .navbar-header .navbar-toggle .middle-bar { transform-origin: 30%; }
  header .navbar-default .container .navbar-header .navbar-toggle .top-bar { transform: rotatez(45deg); }
  header .navbar-default .container .navbar-header .navbar-toggle .middle-bar { transform: rotatez(-45deg); }
  header .navbar-default .container .navbar-header .navbar-toggle .bottom-bar { opacity: 0; } }

header .navbar-default .container .navbar-header .navbar-toggle.collapsed .icon-bar { opacity: 1; }

header .navbar-default .container .navbar-collapse { padding: 0; margin-top: 25px; }

@media screen and (max-width: 768px) { header .navbar-default .container .navbar-collapse { margin-top: 0; } }

header .navbar-default .container .navbar-collapse .navbar-nav { margin-left: 30px; }

@media screen and (min-width: 768px) and (max-width: 992px) { header .navbar-default .container .navbar-collapse .navbar-nav { float: initial; } }

@media screen and (max-width: 768px) { header .navbar-default .container .navbar-collapse .navbar-nav { margin-left: 0; } }

header .navbar-default .container .navbar-collapse .navbar-nav .dropdown-menu { background-color: #fff; }

header .navbar-default .container .navbar-collapse .navbar-nav .dropdown-menu li a { padding: 10px; color: #000; }

header .navbar-default .container .navbar-collapse .navbar-nav .dropdown-menu li a:hover { background-color: #1e2024; color: #fff; }

header .navbar-default .container .navbar-collapse .navbar-nav .nav_ru > a { border-bottom: 3px solid #e60311; }

@media screen and (min-width: 768px) and (max-width: 992px) { header .navbar-default .container .navbar-collapse .navbar-nav > li > a { padding-left: 18px !important; padding-right: 18px !important; } }

header .navbar-default .container .navbar-collapse .navbar-nav > li > a { color: #fff; padding: 10px 15px; }

header .navbar-default .container .navbar-collapse .navbar-nav > li .icon_down { position: absolute; top: 50%; transform: translate3d(0, -50%, 0); right: 5px; border-top: 5px solid #ccc; border-left: 5px solid transparent; border-right: 5px solid transparent; }

header .navbar-default .container .navbar-collapse .r_contact { display: flex; align-items: center; color: #fff; }

@media screen and (max-width: 1200px) { header .navbar-default .container .navbar-collapse .r_contact { margin: 15px 0; } }

header .navbar-default .container .navbar-collapse .r_contact .two_site_link { border: 1px solid #fff; border-radius: 20px; overflow: hidden; }

header .navbar-default .container .navbar-collapse .r_contact .two_site_link a { padding: 3px 15px; text-transform: uppercase; color: #fff; }

header .navbar-default .container .navbar-collapse .r_contact .two_site_link a.site_active { background-color: #fff; color: #bd1d22; }

header .navbar-default .container .navbar-collapse .r_contact .tel { margin-left: 25px; padding: 0 25px; border-left: 1px solid #fff; border-right: 1px solid #fff; font-size: 18px; }

header .navbar-default .container .navbar-collapse .r_contact .tel i { font-size: 20px; }

header .navbar-default .container .navbar-collapse .r_contact .mobile_search { padding: 0 25px; }

header .navbar-default .container .navbar-collapse .r_contact .mobile_search i { font-size: 20px; }

header .navbar-default .container .navbar-collapse .r_contact .mobile_search a { color: #fff; }

header .navbar-default .container .navbar-collapse .r_contact .mobile_search .submit_out, header .navbar-default .container .navbar-collapse .r_contact .mobile_search .submit { background-color: transparent; }

header .navbar-default .container .navbar-collapse .r_contact .mobile_search .search_form { height: 0; transition: all 0.5s ease-in-out; position: absolute; display: flex; justify-content: center; width: 100%; left: 0; bottom: 0; bottom: 0; transform: translatey(100%); }

header .navbar-default .container .navbar-collapse .r_contact .mobile_search .search_form .inputbox { height: 100%; width: 70%; background-color: #fff; padding-left: 15px; line-height: 30px; color: #1f2022; }

header .navbar-default .container .navbar-collapse .r_contact .mobile_search .search_form .submit { display: none; }

/*  中间部分 */
.banner { overflow: hidden; position: relative; }

.banner .banner_img img { width: 100%; }

.banner .banner_small_ims { position: absolute; width: 100%; height: 100%; top: 0; right: 0; }

.banner .banner_small_ims .img001 { position: absolute; top: 54.9%; right: 16.2%; width: 1.3vw; height: 1.3vw; }

.banner .banner_small_ims .img001 img { width: 100%; height: 100%; }

.product { padding: 60px 0; background: linear-gradient(to right, #e8ecef, #ffffff); }

@media screen and (max-width: 768px) { .product { padding-bottom: 0; } }

.product .left_bg02 { padding: 30px 15px; padding-bottom: 0; overflow: hidden; }

.product .left_bg02 #my_wrapper { overflow-x: scroll; }

.product .left_bg02 #my_wrapper::-webkit-scrollbar { display: none; }

.product .left_bg02 #my_wrapper ul { font-size: 14px; }

.product .left_bg02 #my_wrapper ul li { float: left; padding: 15px 25px 11px 25px; border-bottom: 1px solid #e0e0e0; }

.product .left_bg02 #my_wrapper ul li a { color: #797979; }

.product .pc_bottom { margin-top: 50px; }

.product .pc_bottom #certify .swiper-container { overflow: initial; }

.product .pc_bottom #certify .swiper-container .swiper-slide { top: 150px; transition: all .3s; -webkit-transition: all .3s; text-align: center; }

@media screen and (max-width: 768px) { .product .pc_bottom #certify .swiper-container .swiper-slide { top: 0; } }

.product .pc_bottom #certify .swiper-container .swiper-slide .item_box { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.product .pc_bottom #certify .swiper-container .swiper-slide .item_box .pro_item { background:  no-repeat center; background-size: cover; display: flex; align-items: center; justify-content: center; width: 250px; height: 250px; }

.product .pc_bottom #certify .swiper-container .swiper-slide .item_box .pro_item .img img { width: 100%; transition: all 0.5s ease-in-out; }

.product .pc_bottom #certify .swiper-container .swiper-slide .item_box .pro_down { background-color: transparent; transition: all 0.3s ease-in-out 0.2s; opacity: 0; position: relative; }

.product .pc_bottom #certify .swiper-container .swiper-slide .item_box .pro_down .pro_name { line-height: 98px; padding-top: 0; text-align: center; color: #444; font-size: 1.5em; margin: 0; }

@media screen and (max-width: 768px) { .product .pc_bottom #certify .swiper-container .swiper-slide .item_box .pro_down .pro_name { line-height: 48px; font-size: 16px; white-space: nowrap; } }

.product .pc_bottom #certify .swiper-container .swiper-slide .item_box .pro_down .more { font-size: 14px; border: 1px solid #d2d3d7; border-radius: 5px; background-color: #f4f5fa; color: #686868; line-height: 30px; position: absolute; width: 147%; top: 80px; left: 50%; transform: translatex(-50%); }

@media screen and (max-width: 768px) { .product .pc_bottom #certify .swiper-container .swiper-slide .item_box .pro_down .more { font-size: 12px; } }

.product .pc_bottom #certify .swiper-container .swiper-slide-active { top: 0; }

.product .pc_bottom #certify .swiper-container .swiper-slide-active .item_box .pro_item { width: 100%; height: 100%; background:  no-repeat center; background-size: cover; }

@media screen and (max-width: 1200px) { .product .pc_bottom #certify .swiper-container .swiper-slide-active .item_box .pro_item { width: 50%; } }

.product .pc_bottom #certify .swiper-container .swiper-slide-active .item_box .pro_down { opacity: 1; }

.product .pc_bottom #certify .swiper-container .swiper-slide-active img { transform: translatex(-20%) scale(1.2); }

.product .pc_bottom #certify .swiper-pagination { width: 100%; bottom: 20px; }

.product .pc_bottom #certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; }

.product .pc_bottom #certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #00aadc; background-color: #fff; }

.product .pc_bottom #certify .swiper-button-prev { left: 60px; width: 45px; height: 45px; background:  no-repeat; background-position: 0 0; background-size: 100%; }

.product .pc_bottom #certify .swiper-button-prev:hover { background-position: 0 -46px; background-size: 100%; }

.product .pc_bottom #certify .swiper-button-next { right: 60px; width: 45px; height: 45px; background:  no-repeat; background-position: 0 -93px; background-size: 100%; }

.product .pc_bottom #certify .swiper-button-next:hover { background-position: 0 -139px; background-size: 100%; }

.three_points { background:  no-repeat; background-size: cover; padding: 80px 0; }

.three_points .t_item { text-align: left; color: #fff; display: flex; align-items: center; }

.three_points .t_item i { font-size: 70px; }

.three_points .t_item .right { margin-left: 20px; }

.three_points .t_item .right .bold { font-size: 22px; font-weight: bold; }

.three_points .t_item .right .min { opacity: 0.7; font-size: 14px; }

.about_us { padding: 60px 0 60px; }

.about_us .container .row .about_top { color: #000; padding-right: 15px; padding-left: 15px; }

.about_us .container .row .about_top .at_content .a_title { color: #3f3f3f; font-size: 28px; font-weight: bold; margin-top: 50px; margin-bottom: 30px; }

@media screen and (max-width: 768px) { .about_us .container .row .about_top .at_content .a_title { font-size: 20px; } }

.about_us .container .row .about_top .at_content .a_desc { color: #7e7e7e; font-size: 18px; padding: 0 20px; }

@media screen and (max-width: 768px) { .about_us .container .row .about_top .at_content .a_desc { font-size: 14px; } }

.about_us .container .row .about_bottom { color: #fff; margin-top: 30px; padding-right: 15px; padding-left: 15px; display: flex; justify-content: space-around; }

@media screen and (max-width: 768px) { .about_us .container .row .about_bottom { display: block; } }

.about_us .container .row .about_bottom .img { position: relative; overflow: hidden; }

.about_us .container .row .about_bottom .img:hover img { transform: scale(1.2); }

@media screen and (max-width: 768px) { .about_us .container .row .about_bottom .img { margin-top: 20px; } }

.about_us .container .row .about_bottom .img:hover a { opacity: 1; }

.about_us .container .row .about_bottom .img img { transition: transform 0.4s ease-in; width: 100%; height: 100%; }

.about_us .container .row .about_bottom .img a { position: absolute; left: 50%; bottom: 20px; transform: translatex(-50%); padding: 7px 25px; color: #fff; border: 1px solid #fff; border-radius: 20px; opacity: 0; transition: all 0.5s ease-in-out; }

@media screen and (max-width: 992px) { .about_us .container .row .about_bottom .img a { opacity: 1; } }

.news { padding: 70px 0; background: linear-gradient(to right bottom, #ebecf1, #e8ebf0); }

.news .container .row { position: relative; }

.news .container .row .news-content { padding-top: 10px; padding-bottom: 10px; }

.news .container .row .news-content .row { display: flex; justify-content: space-between; }

@media screen and (max-width: 992px) { .news .container .row .news-content .row { display: block; } }

.news .container .row .news-content .row > li { width: 30%; margin-top: 35px; padding: 0; }

.news .container .row .news-content .row > li:hover { box-shadow: 0 0 15px 0 rgba(4, 0, 0, 0.15); top: -3px; }

.news .container .row .news-content .row > li:hover .img img { transform: scale(1.2); }

.news .container .row .news-content .row > li > a { width: 100%; }

@media screen and (min-width: 768px) and (max-width: 992px) { .news .container .row .news-content .row > li { width: 48%; margin: 0 auto; margin-top: 35px; }
  .news .container .row .news-content .row > li:nth-child(2n) { float: right; } }

@media screen and (max-width: 768px) { .news .container .row .news-content .row > li { width: 80%; margin: 0 auto; margin-top: 35px; float: initial; } }

.news .container .row .news-content .row > li .img { overflow: hidden; }

.news .container .row .news-content .row > li .img img { width: 100%; transition: all 0.4s ease-in-out; }

.news .container .row .news-content .row > li .content { padding-left: 15px; padding-bottom: 20px; text-align: left; margin-top: 40px; }

.news .container .row .news-content .row > li .content .title { display: block; font-size: 16px; font-weight: bold; color: #000; border-bottom: 1px solid #c1c1c1; padding-bottom: 13px; }

.news .container .row .news-content .row > li .content .desc { font-size: 14px; color: #838383; line-height: 25px; margin-top: 8px; }

.news .container .row .news-content .row > li .more { text-align: left; padding: 15px; }

/* 底部  */
footer .footer_contact { background-color: #c61918; color: #fff; }

footer .footer_contact .container { padding-top: 30px; padding-bottom: 30px; display: flex; align-items: center; }

@media screen and (max-width: 768px) { footer .footer_contact .container { flex-direction: column; } }

footer .footer_contact .container .ybl_fl { font-size: 20px; display: flex; align-items: center; flex: 1; }

@media screen and (max-width: 768px) { footer .footer_contact .container .ybl_fl { font-size: 14px; margin-bottom: 10px; } }

footer .footer_contact .container .ybl_fl i { display: inline-block; width: 33px; height: 33px; line-height: 36px; border-radius: 50%; color: #1f2022; background-color: #fff; font-size: 30px; margin-right: 20px; }

@media screen and (max-width: 768px) { footer .footer_contact .container .ybl_fl i { font-size: 25px; } }

footer .footer_contact .container .ybl_fr .more { padding: 10px 40px; background-color: #fff; color: #1f2022; font-weight: bold; }

footer .footer_top { background-color: #292929; color: #fff; padding: 30px 0 20px; }

footer .footer_top .left { opacity: 0.8; }

footer .footer_top .left .nav { display: flex; }

footer .footer_top .left .nav a { color: #fff; padding: 5px; }

footer .footer_top .left .nav .pro_category { margin-left: 50px; }

footer .footer_top .mid { padding-left: 100px; opacity: 0.8; text-align: left; }

@media screen and (max-width: 768px) { footer .footer_top .mid { padding-left: 15px; } }

footer .footer_top .mid .company_name { font-size: 30px; }

@media screen and (max-width: 768px) { footer .footer_top .mid .company_name { font-size: 20px; } }

footer .footer_top .mid p { margin: 10px 0; }

footer .footer_bottom { background-color: #000; color: #5a5a5a; line-height: 40px; }

/*===========  内页样式  ============*/
.main { overflow: hidden; }

.main .lanmu_picture img { width: 100%; }

.main .main_in { overflow: hidden; padding: 50px 0; background-color: #f3f3f3; background-color: #ffffff; }

.main .main_in .main_left { padding: 0; }

@media screen and (max-width: 992px) { .main .main_in .main_left { border: none; } }

.main .main_in .main_left .left_bg02 { padding: 30px 15px; overflow: hidden; padding-bottom: 0; }

.main .main_in .main_left .left_bg02 ul { font-size: 14px; color: #797979; margin: 0 auto; }

.main .main_in .main_left .left_bg02 ul li { float: left; padding: 15px 25px 11px 25px; border-bottom: 1px solid #e0e0e0; }

.main .main_in .main_right { /* 列表页头部 公共样式  */ /* 产品列表样式 */ /* 产品详情页样式 */ /* 新闻列表样式 */ /* 新闻详情页样式 */ /*  列表页底部分页 公共样式 */ /* 单页面样式  */ }

.main .main_in .main_right .main_rtitle { font-size: 25px; padding-left: 15px; }

.main .main_in .main_right .pro_nr > ul li { padding: 20px 0; border-bottom: 1px dashed #cccccc; }

.main .main_in .main_right .pro_nr > ul li .row { display: flex; align-items: center; }

@media screen and (max-width: 768px) { .main .main_in .main_right .pro_nr > ul li .row { display: block; } }

.main .main_in .main_right .pro_nr > ul li .row .left { padding: 20px; }

.main .main_in .main_right .pro_nr > ul li .row .left a { width: 100%; border: 1px solid #e8e8e8; }

.main .main_in .main_right .pro_nr > ul li .row .left a .img { border: 3px solid #ffff; }

.main .main_in .main_right .pro_nr > ul li .row .left a .img img { width: 100%; }

.main .main_in .main_right .pro_nr > ul li .row .right { padding-left: 30px; text-align: left; }

.main .main_in .main_right .pro_nr > ul li .row .right .tit { color: #d41f30; font-size: 18px; font-weight: bold; }

.main .main_in .main_right .pro_nr > ul li .row .right .desc { margin-top: 10px; color: #7c7c7c; line-height: 20px; font-size: 14px; }

.main .main_in .main_right .pro_nr > ul li .row .right .more { margin-top: 30px; background-color: #d41f30; color: #fff; padding: 12px 20px; padding-right: 40px; font-size: 15px; }

@media screen and (max-width: 768px) { .main .main_in .main_right .pro_nr > ul li .row .right .more { padding: 7px 5px; padding-right: 19px; } }

.main .main_in .main_right .pro_nr > ul li .row .right .more:hover { background-color: #cc4c4d; }

.main .main_in .main_right .product_content { margin-top: 30px; }

.main .main_in .main_right .product_content .title { font-size: 25px; }

.main .main_in .main_right .product_content .hit { font-size: 13px; margin-top: 5px; }

.main .main_in .main_right .product_content .show_img { margin-top: 30px; }

.main .main_in .main_right .product_content .show_img img { width: 70%; }

.main .main_in .main_right .product_content .product_details { margin-top: 30px; }

.main .main_in .main_right .product_content .product_details .detail_title { font-size: 18px; padding-bottom: 15px; border-bottom: 1px solid #ccc; }

.main .main_in .main_right .product_content .product_details .pro_cont { padding: 15px; text-align: left; }

.main .main_in .main_right .product_content .product_details .pro_cont img { width: 100%; height: auto; }

.main .main_in .main_right .news_nr .new_r { margin-top: 20px; }

.main .main_in .main_right .news_nr .new_r li { border-bottom: 1px solid #d6d7dc; padding: 10px 10px; text-align: left; }

.main .main_in .main_right .news_nr .new_r li:hover { background-color: #f7f7f7; }

.main .main_in .main_right .news_nr .new_r li .news_title { margin: 5px 0; }

.main .main_in .main_right .news_nr .new_r li .news_title a { font-size: 15px; color: #323232; font-weight: bold; }

.main .main_in .main_right .news_nr .new_r li .news_title a:hover { color: #c42938; }

.main .main_in .main_right .news_nr .new_r li .news_title span { color: #999; float: right; }

.main .main_in .main_right .news_nr .new_r li .desc a { line-height: 20px; color: #374049; }

.main .main_in .main_right .news_nr_show { text-align: center; margin-top: 30px; }

.main .main_in .main_right .news_nr_show .newsnr_bt { font-size: 20px; }

.main .main_in .main_right .news_nr_show .news_info { margin-top: 20px; }

.main .main_in .main_right .news_nr_show .new_x { margin-top: 20px; }

.main .main_in .main_right .news_nr_show .new_x .shownewsbox { margin-top: 20px; text-align: left; line-height: 30px; }

.main .main_in .main_right .news_nr_show .xgzx { margin-top: 20px; }

.main .main_in .main_right .news_nr_show .xgzx h4 { font-size: 16px; text-align: left; font-weight: bold; }

.main .main_in .main_right .news_nr_show .xgzx ul { margin-top: 20px; display: flex; justify-content: space-between; text-align: left; }

@media screen and (max-width: 768px) { .main .main_in .main_right .news_nr_show .xgzx ul { display: block; } }

.main .main_in .main_right .news_nr_show .xgzx ul li { width: 33.3%; padding: 10px; }

@media screen and (max-width: 768px) { .main .main_in .main_right .news_nr_show .xgzx ul li { width: 100%; } }

.main .main_in .main_right .news_nr_show .xgzx ul li a { width: 100%; }

@media screen and (max-width: 768px) { .main .main_in .main_right .show_page li { display: inline-block; width: 100%; } }

.main .main_in .main_right .show_page li a { margin-top: 10px; text-align: left; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

@media screen and (max-width: 768px) { .main .main_in .main_right .show_page li:last-child a { float: left; } }

.main .main_in .main_right nav .pagination > li > span, .main .main_in .main_right nav .pagination > li > a { color: #d41f30; }

.main .main_in .main_right nav .pagination > li > span:hover, .main .main_in .main_right nav .pagination > li > a:hover { color: #d41f30; }

.main .main_in .main_right .lonely_page_content { font-size: 18px; line-height: 25px; margin-top: 30px; padding: 20px; }

@media screen and (max-width: 768px) { .main .tiyan_ruida { padding: 0; } }

.main .tiyan_ruida .lonely_page_content .nav-tabs { border-bottom: none; display: flex; justify-content: center; padding: 30px 0; margin-bottom: 20px; }

.main .tiyan_ruida .lonely_page_content .nav-tabs li.active > a { color: #f18b00; border-color: #f18b00; border: none; border-bottom: 1px solid #f18b00; }

.main .tiyan_ruida .lonely_page_content .nav-tabs li { margin: 0 20px; }

.main .tiyan_ruida .lonely_page_content .nav-tabs li > a { color: #909090; border: none; }

.main .tiyan_ruida .lonely_page_content .nav-tabs li > a:hover { border-color: transparent; background-color: transparent; border-bottom: 1px solid #f18b00; color: #f18b00; }

.main .tiyan_ruida .tab-content #develop { overflow: hidden; }

.main .tiyan_ruida .tab-content #develop .years { background: ; height: 370px; position: relative; }

.main .tiyan_ruida .tab-content #develop .years .row { position: relative; }

.main .tiyan_ruida .tab-content #develop .years .try-line { position: absolute; left: 0; top: 210px; background:  repeat; width: 100%; height: 13px; }

.main .tiyan_ruida .tab-content #develop .years .col-md-12 .p-title { font-size: 32px; color: #323232; margin-top: 46px; }

@media screen and (max-width: 768px) { .main .tiyan_ruida .tab-content #develop .years .col-md-12 .p-title { font-size: 16px; margin-bottom: 0; margin-top: 75px; } }

.main .tiyan_ruida .tab-content #develop .years .col-md-12 .p-sub-title { font-size: 26px; color: #b4b4b4; margin-top: 18px; }

@media screen and (max-width: 768px) { .main .tiyan_ruida .tab-content #develop .years .col-md-12 .p-sub-title { font-size: 12px; margin-top: 0; } }

.main .tiyan_ruida .tab-content #develop .years .year-marks { position: absolute; left: 0; top: 200px; width: 100%; }

.main .tiyan_ruida .tab-content #develop .years .year-marks .p-year-box { position: relative; float: left; cursor: pointer; width: 12.5%; }

.main .tiyan_ruida .tab-content #develop .years .year-marks .p-year-box.active .sp-img::before { transform: scale(1); }

@media screen and (max-width: 768px) { .main .tiyan_ruida .tab-content #develop .years .year-marks .p-year-box { margin-left: 0; width: 12%; } }

.main .tiyan_ruida .tab-content #develop .years .year-marks .p-year-box .sp-year { font-size: 24px; color: #909090; position: absolute; left: 24px; top: -36px; padding-bottom: 36px; transition: font-size .2s linear; }

@media screen and (max-width: 768px) { .main .tiyan_ruida .tab-content #develop .years .year-marks .p-year-box .sp-year { font-size: 13px; left: 12px; top: -26px; } }

.main .tiyan_ruida .tab-content #develop .years .year-marks .p-year-box .sp-img { margin-left: 42px; background-color: #d6d6d6; border-radius: 50%; float: left; position: relative; }

.main .tiyan_ruida .tab-content #develop .years .year-marks .p-year-box .sp-img::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background-color: #f18b00; transform: scale(0); transition: transform 0.2s cubic-bezier(0.49, 1, 0.665, 1); }

@media screen and (max-width: 768px) { .main .tiyan_ruida .tab-content #develop .years .year-marks .p-year-box .sp-img { margin-left: 14px; } }

.main .tiyan_ruida .tab-content #develop .years .year-marks .p-year-box .sp-img .year_mark { width: 24px; height: 24px; background-size: 437px 414px; background-image: ; background-position: 0 -340px; display: inline-block; }

.main .tiyan_ruida .tab-content #develop .years-content .txt-box { display: none; }

.main .tiyan_ruida .tab-content #develop .years-content .txt-box.active { display: block; }

.main .tiyan_ruida .tab-content #develop .years-content .txt-box .p-title { font-size: 18px; color: #f18b00; font-weight: 700; }

.main .tiyan_ruida .tab-content #develop .years-content .txt-box .p-txt { font-size: 16px; color: #323232; text-align: justify; margin-top: 20px; line-height: 26px; }

.main .tiyan_ruida .tab-content #develop .years-content .col-md-12 { background-color: #fff; text-align: center; padding: 30px 10% 44px; box-shadow: 0 0 15px 0 rgba(4, 0, 0, 0.08); position: relative; top: -96px; position: relative; opacity: .8; }

.main .tiyan_ruida .tab-content #develop .years-content .col-md-12 .sp-left { content: ''; position: absolute; left: 40px; top: 100px; width: 20px; height: 35px; background-size: 437px 414px; background-image: ; background-position: -409px -209px; display: inline-block; cursor: pointer; }

.main .tiyan_ruida .tab-content #develop .years-content .col-md-12 .sp-right { content: ''; position: absolute; right: 40px; top: 100px; width: 20px; height: 35px; background-size: 437px 414px; background-image: ; background-position: -390px -270px; display: inline-block; cursor: pointer; }

.main .tiyan_ruida .tab-content #belive { overflow: hidden; }

.main .tiyan_ruida .tab-content #belive .p-title-box .p-name { font-size: 18px; font-weight: 700; margin-bottom: 6px; }

.main .tiyan_ruida .tab-content #belive .p-title-box .p-sub-name { font-size: 12px; color: #909090; }

.main .tiyan_ruida .tab-content #belive .p-title-box2 { text-align: left; }

.main .tiyan_ruida .tab-content #belive .imgl { padding-left: 0; }

.main .tiyan_ruida .tab-content #belive .imgl img { width: 100%; }

.main .tiyan_ruida .tab-content #belive .txtr { padding-left: 6%; }

.main .tiyan_ruida .tab-content #belive .txtr .p-txt { text-align: justify; text-indent: 2em; font-size: 14px; line-height: 26px; padding-top: 40px; padding-bottom: 40px; }

@media screen and (max-width: 768px) { .main .lonely_page_contact { padding: 0; } }

.main .lonely_page_contact .lonely_page_content { text-align: left; }

.main .lonely_page_contact .lonely_page_content .contact-b, .main .lonely_page_contact .lonely_page_content .contact-c { display: flex; justify-content: flex-start; overflow: hidden; }

@media screen and (max-width: 992px) { .main .lonely_page_contact .lonely_page_content .contact-b, .main .lonely_page_contact .lonely_page_content .contact-c { display: block; } }

.main .lonely_page_contact .lonely_page_content .contact-b .item, .main .lonely_page_contact .lonely_page_content .contact-c .item { padding-top: 50px; padding-bottom: 50px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: flex; align-items: center; }

.main .lonely_page_contact .lonely_page_content .contact-b .item .left_icon i, .main .lonely_page_contact .lonely_page_content .contact-c .item .left_icon i { font-size: 25px; }

.main .lonely_page_contact .lonely_page_content .contact-b .item .right_detail, .main .lonely_page_contact .lonely_page_content .contact-c .item .right_detail { padding-left: 30px; }

.main .lonely_page_contact .lonely_page_content .contact-b .item .right_detail .ctb-a, .main .lonely_page_contact .lonely_page_content .contact-c .item .right_detail .ctb-a { font-size: 20px; line-height: 25px; color: #222; }

.main .lonely_page_contact .lonely_page_content .contact-b .item .right_detail .ctb-c, .main .lonely_page_contact .lonely_page_content .contact-c .item .right_detail .ctb-c { font-size: 16px; line-height: 25px; color: #222; margin-top: 15px; }

.main .lonely_page_about .lonely_page_content .about-a { background: no-repeat center; background-image: ; min-height: 720px; background-size: cover; overflow: hidden; }

.main .lonely_page_about .lonely_page_content .about-a .about-item_in { min-height: 720px; max-width: 1700px; padding: 0 50px; margin: 0 auto; overflow: hidden; position: relative; }

@media (max-width: 767px) { .main .lonely_page_about .lonely_page_content .about-a .about-item_in { padding: 0 20px; } }

.main .lonely_page_about .lonely_page_content .about-a .about-item_in .about-a1-a { width: 50%; float: left; }

@media (max-width: 1500px) { .main .lonely_page_about .lonely_page_content .about-a .about-item_in .about-a1-a { width: 100%; } }

@media (max-width: 767px) { .main .lonely_page_about .lonely_page_content .about-a .about-item_in .about-a1-a { padding-bottom: 200px; } }

.main .lonely_page_about .lonely_page_content .about-a .about-item_in .about-a1-a .about-a1-a1 { font-size: 100px; text-transform: uppercase; color: rgba(34, 34, 34, 0.05); line-height: 1; float: left; width: 100%; margin-top: 85px; }

.main .lonely_page_about .lonely_page_content .about-a .about-item_in .about-a1-a .about-a1-a2 { font-size: 30px; color: #222; line-height: 1; float: left; margin-top: -60px; }

.main .lonely_page_about .lonely_page_content .about-a .about-item_in .about-a1-a .about-a1-a3 { width: 100%; float: left; font-size: 14px; color: #222; line-height: 28px; margin-top: 50px; text-align: left; }

.main .lonely_page_about .lonely_page_content .about-a .about-item_in .about-a1-b { width: 45%; height: 180px; position: absolute; right: 50px; bottom: 0; }

@media (max-width: 1500px) { .main .lonely_page_about .lonely_page_content .about-a .about-item_in .about-a1-b { width: 680px; } }

@media (max-width: 767px) { .main .lonely_page_about .lonely_page_content .about-a .about-item_in .about-a1-b { width: 90%; right: 1.4rem; } }

.main .lonely_page_about .lonely_page_content .about-a .about-item_in .about-a1-b .about-a1-b1 { width: 33.333%; height: 180px; padding: 0 10px; font-size: 14px; color: #fff; text-align: center; line-height: 1.5; background: #ab2029; float: left; }

.main .lonely_page_about .lonely_page_content .about-a .about-item_in .about-a1-b .about-a1-b1 div { font-size: 70px; line-height: 105px; padding-top: 25px; font-family: arial; font-weight: 100; }

@media (max-width: 767px) { .main .lonely_page_about .lonely_page_content .about-a .about-item_in .about-a1-b .about-a1-b1 div { font-size: 45px; } }

.main .lonely_page_about .lonely_page_content .about-a .about-item_in .about-a1-b .about-a1-b1:nth-child(2) { background: #d3303b; }

.main .lonely_page_about .lonely_page_content .about-a .about-item_in .about-a1-b .about-a1-b1:nth-child(3) { background: #b33d45; }

.main .lonely_page_about .lonely_page_content .about-b { background: no-repeat center; background-image: ; min-height: 600px; background-size: cover; overflow: hidden; }

.main .lonely_page_about .lonely_page_content .about-b .about-item_in { min-height: 720px; max-width: 1700px; padding: 0 50px; margin: 0 auto; overflow: hidden; position: relative; }

@media (max-width: 767px) { .main .lonely_page_about .lonely_page_content .about-b .about-item_in { padding: 0 20px; } }

.main .lonely_page_about .lonely_page_content .about-b .about-item_in .about-b1 { min-height: 600px; position: relative; padding-top: 80px; text-align: left; }

.main .lonely_page_about .lonely_page_content .about-b .about-item_in .about-b1 .about-b1-a { font-size: 30px; color: #fff; line-height: 1; }

.main .lonely_page_about .lonely_page_content .about-b .about-item_in .about-b1 .about-b1-b { width: 20px; height: 2px; background: #fff; margin-top: 45px; margin-bottom: 35px; }

.main .lonely_page_about .lonely_page_content .about-b .about-item_in .about-b1 .about-b1-c { font-size: 16px; color: #fff; line-height: 30px; max-width: 800px; }

.main .lonely_page_about .lonely_page_content .about-c .about-item_in { padding: 0 50px; margin: 0 auto; overflow: hidden; position: relative; padding-top: 70px; padding-bottom: 90px; text-align: left; }

@media (max-width: 767px) { .main .lonely_page_about .lonely_page_content .about-c .about-item_in { padding: 0 20px; } }

.main .lonely_page_about .lonely_page_content .about-c .about-item_in .about-c1 { font-size: 30px; line-height: 1; color: #222; }

.main .lonely_page_about .lonely_page_content .about-c .about-item_in .about-c2 { font-size: 16px; line-height: 25px; color: #888; margin-top: 10px; }

.main .lonely_page_about .lonely_page_content .about-c .about-item_in .about-c3 { width: 100%; float: left; margin-top: 60px; overflow: hidden; padding: 0 100px; position: relative; }

.main .lonely_page_about .lonely_page_content .about-c .about-item_in .about-c3 .about-c3-swiper { width: 100%; }

.main .lonely_page_about .lonely_page_content .about-c .about-item_in .about-c3 .about-c3-swiper .swiper-slide { overflow: hidden; }

.main .lonely_page_about .lonely_page_content .about-c .about-item_in .about-c3 .about-c3-swiper .swiper-slide .about-c3-a { width: 100%; text-align: center; overflow: hidden; }

.main .lonely_page_about .lonely_page_content .about-c .about-item_in .about-c3 .about-c3-swiper .swiper-slide .about-c3-a img { max-width: 100%; max-height: 100%; transition: all .3s; -webkit-transition: all .3s; }

.main .lonely_page_about .lonely_page_content .about-c .about-item_in .about-c3 .about-c3-swiper .swiper-slide .about-c3-b { font-size: 16px; color: #1a1a1a; line-height: 25px; margin-top: 35px; text-align: center; transition: all .3s; -webkit-transition: all .3s; }

.main .lonely_page_about .lonely_page_content .about-c .about-item_in .about-c3 .support-b1 { position: absolute; left: 0; top: 50%; margin-top: -25px; display: inline-block; width: 50px; height: 50px; background:  no-repeat center; cursor: pointer; transition: all .3s; -webkit-transition: all .3s; }

.main .lonely_page_about .lonely_page_content .about-c .about-item_in .about-c3 .support-b1:hover { background:  no-repeat center; transition: all .3s; -webkit-transition: all .3s; }

.main .lonely_page_about .lonely_page_content .about-c .about-item_in .about-c3 .support-b2 { position: absolute; right: 0; top: 50%; margin-top: -25px; display: inline-block; width: 50px; height: 50px; background:  no-repeat center; cursor: pointer; margin-left: 13px; transition: all .3s; -webkit-transition: all .3s; }

.main .lonely_page_about .lonely_page_content .about-c .about-item_in .about-c3 .support-b2:hover { background:  no-repeat center; transition: all .3s; -webkit-transition: all .3s; }

@font-face { font-family: '思源黑体 cn'; src: ; }