@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;}

.w1600{ width:1600px;}
.swiper-container-cube .swiper-cube-shadow{ display:none !important;}
.swiper-notification{ display:none !important;}

.product_bg{ background:url(pro_bg.jpg) no-repeat top center #f1f1f1; clear:both; padding-top:150px; padding-bottom:150px; display: flex;flex-wrap: wrap; justify-content: space-between;}
.product_left{ text-align:left; width:20%; margin-left:8%; }
.product_title{ padding-top:7px; padding-bottom:32px; margin-bottom:42px; background:url(news_title.jpg) no-repeat bottom left;}
.product_title p{ font-size:43px; color:#0046a0; font-weight:bold; line-height:71px;}
.product_title span{ text-transform:uppercase; font-weight:bold; color:#dbdbdb; font-size:25px; line-height:45px; }
.product_p{ font-size:16px; line-height:32px; margin-bottom:40px;}
.product_left ul{overflow:hidden; margin-bottom:23px;}
.product_left ul li{ margin-bottom:15px;}
.product_left ul li a{ font-size:16px; padding:0 30px; border:1px solid #c5c5c5; border-radius:40px; color:#5d5d5d; line-height:37px; background:#FFF;}
.product_left ul li:hover a{ background:#0046a0; border:1px solid #0046a0; color:#FFF;}
.product_more{ clear:both;display: flex;    align-items: center;}
.product_more a{ background:url(pro_more.jpg) no-repeat center; width:52px; height:52px; margin-right: 15px;}
.product_more .swiper-pagination-pro{ position:inherit;}
.product_more .swiper-pagination-pro .swiper-pagination-bullet{ margin:0 4px; width:12px; height:12px; background:#8a8a8a;}
.product_more .swiper-pagination-pro .swiper-pagination-bullet-active{ background:#0046a0;}
.swiper-pro{ overflow:hidden; width:69%;}
.swiper-pro .swiper-slide a{ background:#FFF; padding-top:21px; padding-bottom:42px; color:#5d5d5d; }
.swiper-pro .swiper-slide img{ margin-bottom:26px;  }
.swiper-pro .swiper-slide p{ font-size:18px; line-height:38px; padding-top:20px; background:url(pro_t.jpg) no-repeat top center;}

.about_bg{ background: url(about_bg.jpg) no-repeat top center; padding-bottom:84px; padding-top:67px; overflow:hidden; clear:both;}
.about_bg .container{display: flex;flex-wrap: wrap;justify-content: space-between;}
.about_left{ text-align:left; margin-bottom:65px; overflow:hidden;}
.about_title{ padding-bottom:25px; background:url(about_title.jpg) no-repeat left bottom; overflow:hidden; clear:both; margin-bottom:30px;}
.about_title p{ font-size:35px; color:#fff; line-height:50px; font-weight:bold;}
.about_title span{ font-size:30px; color:#fff; line-height:48px;}
.about_left{ width:52.5%;}
.about_jieshao{ font-size:20px; line-height:36px; color:#fff; margin-bottom:41px;}
.about_left a{ width:159px; line-height:38px; display:block; color:#FFF; background:#e12c33; font-size:15px; text-align:center;}
.about_right{ margin-bottom:65px; overflow:hidden; width:43%;}
.about_right video{ background:url(video_bg.png) no-repeat left bottom; height:396px; padding-bottom:16px; padding-left:16px;}
.about_ul{ width:100%; overflow:hidden; clear:both;display: flex;flex-wrap: wrap; justify-content: space-between; }
.about_ul li{ padding-top:24px; padding-bottom:16px; width:203px; background:#00000034; }
.about_ul li img{ width:auto;}
.about_ul li p{ font-size:16px; color:#FFF; line-height:43px;}
.about_ul li:hover{ background:#0046a0;  }

.zs_index{ clear:both; overflow:hidden; background:url(zs_bg.jpg) no-repeat top center #f5f5f5; padding-bottom:67px; padding-top:62px;}
.zs_title{ margin-bottom:62px; clear:both; overflow:hidden;display: flex;flex-wrap: wrap; justify-content: space-between; align-items: center;}
.zs_title_left{ text-align:left; }
.zs_title_left p{ font-size:42px; color:#002b62; font-weight:bold; line-height:66px;}
.zs_title_left span{ font-size:20px; color:#5d5d5d; line-height:40px;}
.swiper-zs{ overflow:hidden; margin-bottom:52px; position: relative;}
.swiper-zs .swiper-slide{ margin-bottom:58px;}
.swiper-zs .swiper-slide img{ margin-bottom:28px;}
.swiper-zs .swiper-slide p{ font-size:20px; color:#5d5d5d; line-height:40px;}
.swiper-scrollbar-drag{ background:#444444 !important;}
.swiper-scrollbar{ background: rgba(194, 194, 194, .1) !important;}
.zs_more{ background:url(zs_more.jpg) no-repeat center; width:168px; height:46px; display:block; margin:0 auto;}

.yyly_index{ overflow:hidden; clear:both;display: flex;flex-wrap: wrap;justify-content: space-between;}
.yyly_index li{width:25%; position:relative;}
.yyly_div{ position:absolute; width:100%; z-index:55; top:0; left:0; text-align:left; padding:40px; background: url(yyly_div.png) no-repeat bottom center; height:100%;}
.yyly_div img{ width:auto;}
.yyly_div h3{ font-size:35px; font-weight:bold; color:#FFF; background:url(yyly_title.jpg) no-repeat left bottom; line-height:55px; padding-bottom:19px;}
.yyly_div p{ display:none; font-size:15px; line-height:30px; color:#FFF; background:url(yyly_more.png) no-repeat left bottom; padding-bottom:105px;}
.yyly_div div{ position:absolute; bottom:66px; width:75%;}
.yyly_index li:hover p{ display:block;}
.yyly_index li:hover h3{ margin-bottom:30px; background:url(yyly_title_h.jpg) no-repeat left bottom;}
.yyly_index li:hover .yyly_div{ background:#000000b8;}

.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:#385298; font-weight:bold; line-height:50px; background:url(news_title.jpg) no-repeat right center; padding-right:90px;}
.news_left span{ font-size:26px; color:#cbcbcb; font-weight:bold; line-height:34px; text-transform:uppercase;}
.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; text-transform:uppercase;}
.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; padding-bottom:72px; color:#262626; display:block;}
.swiper-news li p{ font-size:22px; color:#262626; font-weight:bold; line-height:42px; margin-bottom:22px;}
.swiper-news li span{ font-size:14px; line-height:30px; display:block; height:120px; overflow:hidden;}

.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: 1600px) {           
.w1600{ width:100%; padding-left:15px; padding-right:15px;}
.product_left{ margin-left:25px; width:24%;}
.yyly_div{ padding:20px;}
.yyly_div h3{ font-size:30px;}
.yyly_div div{ bottom:20px;}
.yyly_div p{ padding-bottom:40px;  }
.yyly_div div{ width:85%; }

 
}

@media (max-width: 1300px) {           
.about_ul li{ width:16%;}


}

@media (max-width: 1200px) {           
.product_left{ width:40%; margin-left:1%;}
.swiper-pro{ width:58%;}
.product_bg{ padding-top:80px; padding-bottom:80px;}




}

@media (max-width: 992px) { 
.about_bg{ background-size:100% 100%;}





}

@media (max-width: 768px) {  
.product_bg{ padding-top:40px; padding-bottom:40px;}         
.product_left{ width:100%; margin-left:0; padding-left:15px; padding-right:15px; margin-bottom:25px;}
.swiper-pro{ width:100%;}
.swiper-pro .swiper-slide a{ padding-bottom:0px;}
.footer_left{ width:100%;}
.footer_right{ width:100%;}
.about_left{ width:100%; margin-bottom:20px;}
.about_right{ width:100%;}
.about_ul li{ width:32%; margin-bottom:15px;}
.about_bg{ padding-top:30px; padding-bottom:30px;}
.yyly_div h3{ font-size:26px;}

}

@media (max-width:600px) {  
.news_right{ display:none;}


}

@media (max-width: 425px) {  
.about_title p{ font-size:30px;}


}

