@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;}

.container1500{ width:1470px; }

.pro_index{ overflow:hidden; clear:both; padding-top:64px; padding-bottom:63px;}
.product_tit{display: flex;justify-content: space-between;align-items: center; padding-bottom:42px;flex-wrap: wrap;}
.product_tit_left{ text-align:left; width:34%;}
.product_tit_left h1{color:#3b3b3b; font-size:39px; font-weight:bold; line-height:53px;}
.product_tit_left p{ color:#989898; font-size:16px; line-height:30px;}
.swiper-containerduct{ overflow:hidden; clear:both;}
.product_tit ul{display: flex;flex-wrap: wrap; width:66%;justify-content: flex-end;}
.product_tit ul li{text-align:center; margin-left:-10px; width:20%; background:url(prolist_list.png) no-repeat center center; background-size:100% 100%; }
.product_tit ul li a{ font-size:15px; color:#414141; display:block; line-height:41px;height:41px; overflow:hidden;}
.product_tit ul li.all{ background:url(prolist_all.png) no-repeat center;background-size:100% 100%;}
.product_tit ul li.all a{ color:#FFF; padding-left:25px;}
.product_tit ul li a:hover{ }
.swiper-containerduct{ overflow:hidden; margin-bottom:47px;}
.prolist_top{ border:1px solid #f0f0f0; position:relative;}
.prolist_top img{ width:auto; max-width:100%;}
.cp_fd{ position:absolute; right:0; top:0; z-index:22;}
.prolist_boottom{ background:#e8e8e8; padding-top:20px; padding-bottom:26px;}
.prolist_boottom h3{ color:#3a3a3a; font-size:15px; line-height:25px;}
.prolist_boottom p{ color:#8d8d8d; font-size:12px; line-height:20px; margin-bottom:7px;}
.prolist_boottom span{ color:#3a3a3a; font-size:12px; width:116px; line-height:16px; border:1px solid #FFF; border-radius:20px;}
.swiper-containerduct .swiper-slide:hover .prolist_boottom{ background:#0b4897;}
.swiper-containerduct .swiper-slide:hover .prolist_boottom h3{ color:#fff;}
.swiper-containerduct .swiper-slide:hover .prolist_boottom p{ color:#fff;}
.swiper-containerduct .swiper-slide:hover .prolist_boottom span{ background:#e8e8e8;}
.prolist_more{}
.prolist_more p{ font-size:22px; color:#4e4e4e; line-height:42px; margin-bottom:28px;  }
.prolist_more a{}

.adv_bg{ background:url(adv_bg.jpg) no-repeat top center; clear:both; overflow:hidden; padding-top:58px; padding-bottom:66px; }
.adv_title{ margin-bottom:64px;}
.adv_title p{ font-size:40px; color:#FFF; line-height:67px;}
.adv_title span{ font-size:18px; color:#FFF; line-height:31px;}
.adv_ul{display: flex;flex-wrap: wrap; margin-bottom:48px;}
.adv_ul li{ text-align:center; width:33.3%; background:url(ys_li.png) no-repeat left top; padding-bottom:13px;}
.adv_ul li:nth-child(1){ background:none;  }
.adv_ul li img{ width:auto; max-width:85%; margin-bottom:8px;}
.adv_ul li p{ font-size:23px; color:#ffffff; line-height:40px;}
.adv_ul li span{ font-size:15px; color:#ffffff; line-height:27px;}
.adv_yyly{display: flex; padding-left:0px;}
.adv_yyly_left{ background:url(ys_yyly.png) no-repeat left 30px bottom 45px #0b4897; padding-left:24px; padding-top:30px; width:28%; text-align:left;}
.adv_yyly_left p{ color:#FFF; font-size:24px; text-transform:uppercase;}
.adv_yyly_left span{ color:#FFF; font-size:12px; text-transform:uppercase;}
.adv_yyly ul{ background:#FFF; width:72%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.adv_yyly ul li{ width:49.5%; position:relative; }
.adv_yyly ul li p{ color:#FFF; font-size:16px; line-height:31px; background:#1f1f1f70; position:absolute; bottom:0; left:0; width:100%;}
.adv_yyly ul li img{width:auto; max-width:100%;}
.adv_video{display: flex; padding-right:0px;}
.adv_video_left{ background:url(ys_video.png) no-repeat left 30px bottom 45px #0b4897; padding-left:24px; padding-top:30px; width:28%; text-align:left;}
.adv_video_left p{ color:#FFF; font-size:24px; text-transform:uppercase;}
.adv_video_left span{ color:#FFF; font-size:12px; text-transform:uppercase;}
.adv_video_right{background:#FFF; width:72%; padding:19px 7px;}
.swiper-containervideo{ overflow:hidden;}
.swiper-containervideo .swiper-slide{ width:53%;}
.swiper-containervideo .swiper-slide a{ display: block;}
.swiper-containervideo .swiper-slide img{  }
.swiper-containervideo .swiper-slide p{ font-size:14px; color:#232323; background:#e5e5e5; line-height:40px;height:40px; overflow:hidden;}

.about_index_bg{ overflow:hidden; clear:both; padding-top:73px; }
.about_left{ text-align:left; padding-top:13px;margin-bottom:50px;}
.about_title{ margin-bottom:19px; overflow:hidden;}
.about_title p{ font-size:37px; color:#005bb0; font-weight:bold; line-height:57px;  }
.about_title span{ font-size:24px; color:#333333; text-transform:uppercase; line-height:36px;}
.about_left_nr{ margin-bottom:43px; margin-right:60px;}
.about_left_nr p{ line-height:28px; font-size:15px; color:#333333;}
.about_left a{ width:138px; line-height:39px; display:block; background:#da0000; border-radius:40px; font-size:15px; color:#FFF; text-align:center;}
.about_right{ margin-bottom:50px;}

.about_ul{display: flex;flex-wrap: wrap;justify-content: space-around; margin-bottom:30px; clear:both;}
.about_ul li{ width:25%; text-align:center; padding-top:90px; margin-bottom:10px;}
.about_ul .about_li{display: flex;justify-content: center; margin-bottom:11px;align-items: flex-end;}
.about_ul .about_li h2{ font-size:44px; font-weight:bold; line-height:70px;}
.about_ul .about_li em{ margin-left:5px; color:#2d2d2d;}
.about_li01 em{ font-size:20px; margin-bottom:30px;}
.about_li02 em{ font-size:23px; line-height:58px;}
.about_li03 em{ font-size:23px; line-height:58px;}
.about_li04 em{ font-size:23px; line-height:58px;}
.about_li div{display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; margin-left:5px;}
.about_ul li p{ font-size:21px; line-height:30px; background:url(about_li.jpg) no-repeat top center; color:#666666; padding-top:20px; height:80px; overflow:hidden;}
.about_li01{ background:url(about_li01.jpg) no-repeat top center;}
.about_li02{ background:url(about_li02.jpg) no-repeat top center;}
.about_li03{ background:url(about_li03.jpg) no-repeat top center;}
.about_li04{ background:url(about_li04.jpg) no-repeat top center;}

.liuyan_bg{ background:url(liuyan_bg.jpg) no-repeat top center; clear:both; overflow:hidden; padding-bottom:55px; padding-top:35px;  }
.liuyan_title{ margin-bottom:31px; overflow:hidden; text-align:center;}
.liuyan_title p{ font-size:24px; color:#ffffff; background:url(liuyan_title.png) no-repeat center center; line-height:44px;}
.liuyan_title span{ font-size:35px; color:#ffffff; text-transform:uppercase; font-weight:bold; line-height:54px;}
.liuyan_duibi{ background:#FFF; width:100%; color:#005bb0; font-size:27px; line-height:74px; font-weight:bold;  text-align:center;}
.liuyan_index{ background:#005bb0; padding:29px 68px; overflow:hidden;}

.liuyan_left{ width:65%; float:left;}
.liuyan_left table{ width:100%;}
#name{ margin-bottom:27px;width:98%;line-height:30px; height:30px; border:none; background: none;color:#fff; font-size:14px; border-bottom:1px solid #89c4ff; border-radius:0px;box-shadow:none;}
#tel{ margin-bottom:27px;width:98%;line-height:30px; height:30px; border:none; background: none;color:#fff; font-size:14px; border-bottom:1px solid #89c4ff; border-radius:0px;box-shadow:none;}
#add{ margin-bottom:27px;width:98%;line-height:30px; height:30px; border:none; background: none;color:#fff; font-size:14px; border-bottom:1px solid #89c4ff; border-radius:0px;box-shadow:none;}
#youxiang{ margin-bottom:27px;width:98%;line-height:30px; height:30px; border:none; background: none;color:#fff; font-size:14px; border-bottom:1px solid #89c4ff; border-radius:0px;box-shadow:none;}
#content{ margin-bottom:22px; height:146px; width:100%; border:1px solid #89c4ff; padding:5px; line-height:25px; font-size:14px; color:#fff; background: none;}
.anniu_lxfs{ width:164px; line-height:41px; background:#efefef; border-radius: 50px; color:#005bb0; font-size:16px; float:left;}

.liuyan_left input::-webkit-input-placeholder{color:#fff; font-size:14px;}
.liuyan_left input::-moz-placeholder{ color:#fff; font-size:14px;}
.liuyan_left input:-moz-placeholder{ color:#fff; font-size:14px;}
.liuyan_left input:-ms-input-placeholder{ color:#fff; font-size:14px;}
.liuyan_left textarea::-webkit-input-placeholder{color:#fff; font-size:14px;}
.liuyan_left textarea::-moz-placeholder{ color:#fff; font-size:14px;}
.liuyan_left textarea:-moz-placeholder{ color:#fff; font-size:14px;}
.liuyan_left textarea:-ms-input-placeholder{ color:#fff; font-size:14px;}

.liuyan_right{ float:right; width:30%; text-align:left;}
.liuyan_right01{ color:#FFF; font-size:20px; line-height:53px;}
.liuyan_right02{ color:#FFF; font-size:18px; line-height:53px; background:url(liuyan_tel.jpg) no-repeat left center; padding-left:38px;}
.liuyan_right03{ width:291px;background:#FFF; padding-left:22px; display: flex;flex-wrap: wrap; margin-bottom:15px;}
.liuyan_right03 p{ line-height:53px; color:#005bb0; font-size:28px; font-weight:bold;  }
.liuyan_right03 span{ font-size:15px; margin-left:8px;  color:#005bb0; margin-top:22px; }

.liuyan_right04{}
.liuyan_right04 li{ font-size:14px; color:#fff; float:left; width:100%; line-height:48px; padding-left:31px;}
.liuyan_right0401{ background:url(liuyan_li01.jpg) no-repeat left center;}
.liuyan_right0402{ background:url(liuyan_li02.jpg) no-repeat left center;}
.liuyan_right0403{ background:url(liuyan_li03.jpg) no-repeat left center;}
.liuyan_right0404{ background:url(liuyan_li04.jpg) no-repeat left center;}

.news_index{ background:url(news_bg.jpg) no-repeat bottom center; clear:both; overflow:hidden;}
.news_title{ padding-top:56px; margin-bottom:50px;}
.news_title span{ font-size:45px; color:#0c0c0c; text-transform:uppercase; font-weight:bold;}
.news_title p{font-size:32px; color:#0c0c0c;background:url(news_title.png) no-repeat center center;}
.news_left{ overflow:hidden; float:left; position:relative; padding-right:0px; text-align:left; width:37.5%;}
.news_left a{ display:block; width:100%;}
.news_left p{ background:#000000ab; bottom:0; font-size:14px; color:#ffffff; width:100%; z-index:19; position:absolute; line-height:37px; padding-left:15px; }
.news_left img{width:100%;}

.news_right{ width:60%; float:right;}
.news_ul{ text-align:left;}
.news_ul li{ margin-bottom:23px; clear:both; overflow:hidden;}
.news_time{  padding:37px 0 0 0;}
.news_time p{ font-size:14px; color:#999999; }
.news_time span{ color:#484c4c; font-size:24px; font-weight:bold;}
.news_home_r{ background:url(news_hei.png) no-repeat left 15px bottom 11px; padding-bottom:31px; border-left:1px solid #eeeeee; padding-top:4px; }
.news_home_r p{ font-size:22px; color:#0c0c0c;line-height:36px;}
.news_home_r span{ font-size:14px; color:#666666; display:block; line-height:24px; height:48px; overflow:hidden;}
.news_bot{ margin-top:55px; clear:both; overflow:hidden;}
.news_bot img{ width:auto; max-width:100%; }

.foot_bg{background:#2e2d33;overflow: hidden;clear: both; padding-bottom:30px; padding-top:42px;}
.foot_title{ border-bottom:1px solid #434248; overflow:hidden; margin-bottom:43px; text-align:left; display: flex;justify-content: space-between; align-items: flex-end; padding-bottom:15px;    flex-wrap: wrap; }
.foot_title img{ width: auto; max-width:100%;}
.foot_title div{display: flex;flex-wrap: wrap;align-items: center;}
.foot_title div span{ color:#7b7c7f; font-size:24px; margin-left:20px;}
.foot_title p{ color:#828185; font-size:14px; clear:both; line-height:38px; }

.foot_left{ text-align:left; padding-top:35px;  }
.foot_left h4{ font-size:20px; color:#FFF; margin-bottom:10px;} 
.foot_left p{}
.foot_left p span{ font-size:14px; color:#999999; line-height:24px; margin-right:25px;}
.foot_cen{ text-align:center; padding:0px 10px;   }
.foot_cen img{ padding:3px; background:#FFF; max-width:115px;}
.foot_cen p{ color:#fff; line-height:45px; font-size:18px;}
.foot_right{ margin-top:30px; }
.foot_right p{ text-align:right;color:#ffffff;}
.foot_right01{ font-size:15px; color:#ffffff; background:url(foot_dh.jpg) no-repeat left center; float:right; padding-left:22px;}
.foot_right02{ font-size:48px; color:#ffffff; clear:both; line-height:1.2;}
.foot_right03{ font-size:16px; color:#ffffff; line-height:38px;}

.footer_bg {background: #2a292f;border-top: 1px solid #434248;padding: 10px;}
.footer_bg p {text-align: center;font-size: 14px;color: #FFF;line-height: 25px;margin: 0px !important;}
.footer_bg a {color: #FFF;}



@media (max-width:1500px) { 
.container1500{ width:100%; }



}
@media (max-width:1200px) { 
.news_right{ width:50%;}
.news_left{ width:49%;}
.product_tit_left{ text-align: center; width:100%; margin-bottom:15px;}
.product_tit ul{ width:100%;}
.product_tit ul li{ margin-left:0;}
.about_left{ padding-top:0px;}
.about_left_nr{ margin-right:0px; margin-bottom:15px;}
.liuyan_right03{ width:100%;}
.liuyan_index{ padding:15px;}
}

@media (max-width:992px) { 
.foot_title{ justify-content: center;}
.foot_left{ padding-top:0px; margin-bottom:15px;}
.adv_yyly{ padding-right:0px; margin-bottom:15px;}
.adv_video{ padding-left:0px;}
.adv_bg{ background-size:100% 100%;}
.about_right{ padding:0px;}
.liuyan_left{ width:100%; margin-bottom:25px;}
.liuyan_right{ width:100%;}
.liuyan_bg{ background-size:100% 100%;}
.liuyan_right01{ margin-bottom:0px;}
.liuyan_right03{ margin-bottom:10px;}

}

@media (max-width:767px) { 
.news_right{ width:100%; margin-bottom:25px;}
.news_left{ width:100%;}
.product_tit{ padding-bottom:10px;}
.product_tit ul{justify-content: space-between;}
.product_tit ul li{ width:49%; margin-bottom:15px; background:none; border:1px solid #cbcbcb;}
.product_tit ul li.all{ width:100%; background:#0b4897;}
.pro_index{ padding-top:32px; padding-bottom:32px;}

}
  
@media (max-width:600px) { 
.news_bot img{ display:none;}
.foot_title div { justify-content: center; text-align:center;}
.adv_ul li{ width:50%; margin-bottom:15px;}
.adv_ul{ margin-bottom:0px;}
.adv_title{ margin-bottom:30px;}
.adv_title p{ font-size:30px; line-height:45px;}
.adv_bg{ padding-top:30px; padding-bottom:30px;}
.adv_yyly_left{ background:url(ys_yyly.png) no-repeat left 10px bottom 10px #0b4897; padding-left:10px; padding-top:10px;}
.adv_video_left{ background:url(ys_video.png) no-repeat left 10px bottom 10px #0b4897; padding-left:10px; padding-top:10px;}
.about_ul li{ width:50%;}
.about_index_bg{ padding-top:30px;}
.about_left{ padding:0px; margin-bottom:20px;}


}
 @media (max-width:425px) { 
 .foot_cen{ display:none;}
 .foot_right{ width:100%;}
 .foot_title div span{ margin-left:0px; font-size:18px; width:100%;}
.adv_yyly{flex-wrap: wrap;}
.adv_video{flex-wrap: wrap;}
.adv_yyly_left{ background:#0b4897; padding-left:0px; padding-top:0px; width:100%; text-align:center; padding:10px 0;}
.adv_video_left{ background:#0b4897; padding-left:0px; padding-top:0px; width:100%; text-align:center; padding:10px 0;}
.adv_yyly ul{ width:100%;}
.adv_video_right{ width:100%; }
 
 
 
 
 
 }

