@charset "utf-8";/* CSS Document */
body {font-size: 12px;background-color: white;font-family: "思源黑体", "Arial";width: 100%;margin: 0px;padding: 0px;overflow-x: hidden;}
html {margin: 0px;padding: 0px;}
* {margin: 0;padding: 0;}
ul, li {list-style-type: none;}
a {text-decoration: none;color: #8c8f91;}
img {margin: 0;padding: 0;vertical-align: bottom;}
a:hover {text-decoration: none;}
img {width: 100%;height: auto;}
p {margin: 0px;}
button {outline: none;}

.w1400{ width:1400px;}

.top_Language{ position:relative;}
.top_Language button{ width:132px; line-height:36px; background: url(Language.png) no-repeat center; color:#FFF;}
.top_Language button i.language_select{font-size: 12px; margin-left:10px; color: #fff;}

.top_Language .dropdown-menu { background-color: #eeeeee; }
@media screen and (max-width: 992px) { .top_Language .dropdown-menu { background-color: #fff; } }
.top_Language .dropdown-menu a { display: flex; align-items: center; }
.top_Language .dropdown-menu a:hover { color: initial; text-decoration: none; background-color: #ccc; }
.top_Language .dropdown-menu a .icon { width: 22px; height: 22px; }
.top_Language .dropdown-menu a span { color: #676767; font-size: 12px; margin: 0 5px; }
@media screen and (max-width: 992px) { .top_Language .dropdown-menu a span { color: #7a7a7a; } }

.pro_index{ padding-top:70px; clear:both; overflow:hidden; background:url(pro_bg.jpg) no-repeat bottom center #f0f0f0; padding-bottom:90px; position:relative;}
.pro_title{display: flex;flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom:34px; padding-bottom:42px; background:url(pro_title.jpg) no-repeat bottom left;}
.pro_title_left{ text-align:left;}
.pro_title_left p{ font-size:30px; color:#3b3b3b; line-height:50px;}
.pro_title_left span{ font-size:34px; line-height:54px; color:#232323; text-transform:uppercase; font-weight:bold;}
.pro_title a{ width:178px; line-height:40px; display:block; border:1px solid #333333; color:#333333; font-size:14px;}

.swiper-pro-container .swiper-slide { width: 600px; }
.swiper-pro-container .swiper-slide a { width: 100%; height: 100%;}
.swiper-pro-container .swiper-slide a .img { width: 100%; height: 100%;  }
.swiper-pro-container .swiper-slide a .img img { width: 100%; height: 100%; }
.swiper-pro-container .swiper-slide .tetx {display: flex;flex-wrap: wrap;justify-content: space-between; align-items: center;}
.swiper-pro-container .swiper-slide .tetx p{font-size:22px; color:#3b3b3b; line-height:84px;}
.swiper-pro-container .swiper-slide .tetx span{font-size:22px; color:#3b3b3b; line-height:84px;}
.swiper-pro-container .swiper-button-prev_pro { position: absolute; z-index: 99; top: 57%; left:150px; margin-top: -25px; width: 59px; height: 59px; background:url(pro_left.png) no-repeat;}
.swiper-pro-container .swiper-button-next_pro { position: absolute; z-index: 99; top: 57%; right:150px; margin-top: -25px; width: 59px; height: 59px; background:url(pro_right.png) no-repeat;}
.swiper-pro-container .swiper-scrollbar-drag{ background:#444444 !important;}
.swiper-pro-container .swiper-scroll_pro{ background: rgba(194, 194, 194, .1) !important;}


.about_index{ clear:both; overflow:hidden; padding-top:100px; padding-bottom:100px;}
.about_left{ text-align:left; padding-top:10px;}
.about_title{ margin-bottom:26px; }
.about_title p{ font-size:38px; line-height:50px; background:url(about_title.jpg) no-repeat left bottom; color:#385298; font-weight:bold; }
.about_title span{ font-size:18px; color:#363636; text-transform:uppercase; line-height:32px; background:url(about_t.jpg) no-repeat right center; padding-right:92px;}
.about_index_nr{ clear:both; overflow:hidden; margin-bottom:20px;}
.about_index_nr p{ font-size:18px; line-height:34px;}
.about_ul{overflow:hidden; display: flex;flex-wrap: wrap;justify-content: space-between; margin-bottom:25px;}
.about_ul li{ text-align:center; width:33.3%; background:url(about_li.jpg) no-repeat left center; }
.about_ul li:nth-child(1){ background:none;}
.about_ul li p{ color:#666666; font-size:17px; line-height:25px; width:80%; margin:0 auto;  }
.about_ul li h2{ color:#f13a3a; font-size:45px; line-height:69px; font-weight:bold;}
.about_ul li div{ display: flex; flex-wrap: wrap; margin: 0 auto; justify-content: center;align-items: flex-end;}
.about_ul li em{ color:#f13a3a; font-size:19px; margin-left:5px; margin-bottom:10px; }
.about_left a{ background:#7c92af; color:#FFF; width:176px; display:block; line-height:63px; text-transform:uppercase; text-align:center; font-size:15px;}
.about_right img{ width:auto; max-width:100%;}

.adv_bg{ background: url(ys_bg.jpg) no-repeat top center; clear:both; overflow:hidden; padding-top:45px; padding-bottom:45px; }
.adv_title{ margin-bottom:35px; clear:both; overflow:hidden; }
.adv_title p{ font-size:34px; color:#fff; line-height:68px; font-weight:bold;}
.adv_title span{ font-size:20px; color:#fff; line-height:36px;}
.adv_ul{display: flex;flex-wrap: wrap; margin-bottom:25px;}
.adv_ul li{ text-align:center; width:25%; background:url(ys_li.png) no-repeat left top; padding-bottom:13px; padding-top:6px;}
.adv_ul li:nth-child(1){ background:none;  }
.adv_ul li img{ width:auto; max-width:100%; margin-bottom:16px;}
.adv_ul li p{ font-size:25px; color:#fff; line-height:39px; font-weight:bold;}
.adv_ul li span{ font-size:18px; color:#fff; line-height:26px;}

.adv_eff{display: flex;flex-wrap: wrap;}
.adv_eff_left{ background:url(ys_eff.jpg) no-repeat left 30px bottom 42px #08356e; padding-left:24px; padding-top:30px; width:28%; text-align:left;}
.adv_eff_left p{ color:#FFF; font-size:29px;}
.adv_eff_left span{ color:#FFF; font-size:14px;}
.adv_eff_right{background:#ffffff; width:72%; }
.adv_eff_right ul{display: flex;flex-wrap: wrap;justify-content: space-between; align-items: stretch;}
.adv_eff_right ul li{width: calc(50% - 1.5px);}
.adv_eff_right ul li:nth-child(1){ margin-bottom:3px;}
.adv_eff_right ul li:nth-child(2){ margin-bottom:3px;}

.adv_shop{display: flex;flex-wrap: wrap;}
.adv_shop_left{ background:url(ys_work.jpg) no-repeat left 30px bottom 42px #08356e; padding-left:24px; padding-top:30px; width:28%; text-align:left;}
.adv_shop_left p{ color:#FFF; font-size:29px;}
.adv_shop_left span{ color:#FFF; font-size:14px;}
.adv_shop_right{background:#ffffff; width:72%; padding:19px 0px 20px 7px;}
.swiper-container-shop{ overflow:hidden;}
.swiper-container-shop .swiper-slide{ width:58%;}
.swiper-container-shop .swiper-slide a{ display: block;}
.swiper-container-shop .swiper-slide img{  }
.swiper-container-shop .swiper-slide p{ font-size:16px; color:#232323; background:#e5e5e5; line-height:40px; height:40px; overflow:hidden;}

.news_index{ clear:both; overflow:hidden; padding-top:49px; padding-bottom:43px;}
.news_title{display: flex;flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom:60px;}
.news_left{ text-align:left;}
.news_left p{ font-size:34px; color:#232323; font-weight:bold; text-transform:uppercase; line-height:58px; background:url(news_title.jpg) no-repeat right center; padding-right:90px;}
.news_left span{ font-size:30px; color:#3b3b3b; font-weight:bold; line-height:46px;}
.news_right{ text-align: right;}
.news_right p{ font-size:16px; color:#262626; line-height:26px;}
.news_right span{ font-size:26px; color:#d22424; font-weight:bold; line-height:40px;}
.swiper-news{ border-bottom:9px solid #e8e8e8;}
.swiper-news li{ background: #FFF; text-align:left; padding:33px;}
.swiper-news li a{ background:url(news_more.jpg) no-repeat bottom left;}
.swiper-news li p{ font-size:22px; color:#262626; font-weight:bold; line-height:42px; height:42px; overflow:hidden; margin-bottom:22px;}
.swiper-news li span{ font-size:14px; line-height:30px; display:block; height:120px; overflow:hidden; margin-bottom:72px;}
.swiper-notification{ display:none !important;}

.foot_index_bg{ background:url(foot_bg.jpg) no-repeat bottom center #f4f4f4; clear: both; overflow:hidden;}
.footer_index{ padding-top:40px; padding-bottom:50px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.footer_left{display: flex;flex-wrap: wrap;}
.footer_left li{ margin:0 10px;}
.footer_left li img{ width:115px;}
.footer_left li p{ font-size:14px; color:#262626; line-height:34px;}
.footer_right{ text-align:right;}
.footer_right_top{ font-size:12px; color:#262626; margin-bottom:15px;}
.footer_right_top span{ font-size:18px; display:block;}
.footer_right ul{ margin-bottom:36px;display: flex;flex-wrap: wrap; justify-content: flex-end;}
.footer_right ul li{ margin-left:5px;}
.footer_right_bottom{ clear:both;}
.footer_right_bottom a{ color:#777777; font-size:15px;}
.footer_right_bottom p{color:#777777; font-size:15px;}
.footer_right_bottom span{color:#777777; font-size:15px;}

@media (max-width: 1400px) {           
.w1400{ width:100%;}
}

@media (max-width: 1200px) {           
.about_title p{ font-size:38px;}
.about_index{ padding:50px 0;}
.about_title span{ margin-bottom:0px;}
.adv_shop_left p{ font-size:23px;}
.adv_eff_left p{ font-size:23px;}



}

@media (max-width: 992px) { 
.about_left{ margin-bottom:25px;}
.adv_eff_left{ width:100%; background:#08356e; padding:15px 24px;  }
.adv_eff_right{ width:100%;  }
.adv_shop_left{ width:100%; background:#08356e; padding:15px 24px;  }
.adv_shop_right{ width:100%;  }
.swiper-pro-container .swiper-button-prev_pro { display:none;}
.swiper-pro-container .swiper-button-next_pro { display:none;}
.swiper-pro-container .swiper-slide{ width:450px;}

}

@media (max-width: 768px) {           
.news_right{ display:none;}
.news_left{ text-align:center; width:100%;}
.news_left p{ background:none; padding-right:0;}
.news_title{ margin-bottom:25px;}
.adv_eff{ margin-bottom:25px;}
.adv_bg{ background-size:100% 100%;}
.adv_ul li{ width:50%; margin-bottom:15px;}
.adv_ul{ margin-bottom:0px;}
.adv_ul li:nth-child(3){background: none;}
.swiper-pro-container .swiper-slide{ width:100%;}
}

@media (max-width: 700px) {           
.footer_right{ width:100%;}
}

@media (max-width:525px) {  
.about_title p{ font-size:28px;}
.pro_title a{ display:none;}
.pro_title{ padding-bottom:0px; background:none;}
.pro_title_left{ width:100%; text-align:center;}
.pro_index{ padding-top:25px; padding-bottom:30px;}


}

@media (max-width: 425px) {  
.about_ul01{ width:100% !important; margin-bottom:25px;}
.about_ul li{ width:50%;}
.about_ul02{ background:none !important;}
.about_left a{ margin:0 auto;}
.about_left{padding:10px 0 0 0; }
.adv_ul li p{font-size:20px;}
.adv_title p{font-size:40px;line-height: 55px;}
.adv_eff{padding:0; }
.adv_shop{padding:0;}

}