@charset "utf-8";/* CSS Document */
body {font-size: 12px; background:#fff; 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;}

.body_index{ background:url(body_bg.jpg) no-repeat top center #f3f3f5;}

.top_head{ background:#ffffff;}
.top_head .container{display: flex;flex-wrap: wrap;justify-content: flex-end; align-items: center;}
.top_head p{ color:#577eb7; font-size:14px; line-height:33px;}
.top_head h1{ color:#577eb7; font-size:14px; line-height:33px; margin-right:15px;}
.form2{position:relative; margin-left:22px; margin-right:8px;}
.inputBox_head{ background:#5a5a5a; line-height:23px; padding-left:12px; width:185px; background:url(sousuo_left.jpg) no-repeat left center; }
.submit_head{ background:url(sousuo_right.jpg) no-repeat center center; width:27px; height:23px; position:absolute; right:0;}
.top_head ul{display: flex;flex-wrap: wrap; border-right:1px solid #e7e7e7;}
.top_head ul li{ border-left:1px solid #e7e7e7;}
.top_head ul li a{ color:#414141; font-size:14px;line-height:33px;display: flex;flex-wrap: wrap;align-items: center; padding:0 15px;}
.top_head ul li img{ width:auto; margin-right:7px;}

.banner{ clear:both; overflow:hidden; margin-bottom:22px;}
.banner img{ border:1px solid #c1c1c1; width:auto;}

.home01_index{ clear:both; overflow:hidden; margin-bottom:14px;}
.home01_index .container{display: flex;flex-wrap: wrap;justify-content: space-between;}
.pro_index{ width:68%; border:1px solid #c7c7c7;   }
.pro_index h2{ background:url(pro_title.jpg) no-repeat left center; font-size:15px; color:#FFF; text-align:left; padding-left:46px; margin-bottom:9px; line-height:40px;}
.swiper-pro{ overflow:hidden; padding:0 7px 0px 7px;}
.swiper-pro li{ margin-bottom:9px;}
.swiper-pro li h3{ font-size:14px; line-height:33px; background:#498cc4; color:#FFF;}
.swiper-pro .swiper-pagination-pro{ width:100px !important; background:#2474b9; padding:7px 9px; float:right; }
.swiper-pro .swiper-pagination-pro .swiper-pagination-bullet{ margin:0 5px; width:10px; height:10px; background:#fff; opacity:1;}
.swiper-pro .swiper-pagination-pro .swiper-pagination-bullet-active{ background:#d92613;}

.news_index{ width:30%; border:1px solid #c7c7c7; text-align:left; position:relative;   }
.news_index h2{ background:url(news_title.jpg) no-repeat left center; font-size:15px; color:#FFF; text-align:left; padding-left:46px; line-height:40px; margin-bottom:9px;}
.news_index p{ font-size:14px; color:#0086c2; margin:0 20px; line-height:32px;}
.news_index ul{ clear:both; margin-left:20px; margin-right:20px;}
.news_index ul li a{ display:block;display: flex;flex-wrap: wrap;justify-content: space-between;}
.news_index ul li a h3{ line-height:30px; font-size:14px; color:#555657;width: calc(100% - 40px); height:30px; overflow:hidden; padding-left:15px; background:url(news_li.jpg) no-repeat left center;}
.news_index ul li a span{ line-height:30px; font-size:13px; color:#696969;}

.news_top{ padding-bottom:12px; border-bottom:1px dashed #7c7c7c; margin-bottom:20px;  }
.news_more{ background:url(news_more.jpg) no-repeat center; width:72px; height:20px; position:absolute; right:0px; bottom:0px;}

.lxfs01_index{ background:url(lxfs01_bg.jpg) no-repeat top center;clear:both; overflow:hidden; padding:14px 0;}
.lxfs01_index .container{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.lxfs01_left{ text-align:left;}
.lxfs01_left div{display: flex;flex-wrap: wrap;align-items: flex-end;}
.lxfs01_left div p{ font-size:40px; color:#FFF;  }
.lxfs01_left div p strong{ font-size:80px; color:#ff3334; line-height:90px;  }
.lxfs01_left div span{ font-size:28px; color:#FFF; margin-bottom:15px; margin-left:10px;  }
.lxfs01_left div span strong{ color:#ff3334; }
.lxfs01_left_span{ font-size:18px; color:#FFF; line-height:28px;}
.lxfs01_right{}
.lxfs01_right span{ font-size:23px; float:right; width:100%; line-height:31px; color:#FFF; display:block; }
.lxfs01_right p{ font-size:42px; line-height:62px; color:#FFF; background:url(home_tel.png) no-repeat left center; padding-left:67px;}

.youshi_index_bg{ background:url(youshi_bg.jpg) no-repeat top 138px center;clear:both; overflow:hidden; padding-top:25px;}
.youshi_title{ margin-bottom:30px;clear:both; overflow:hidden;}
.youshi_title p{ font-size:18px; color:#4e4e4e; line-height:28px; }
.youshi_title h3{ font-size:34px; color:#333333; font-weight:bold; line-height:54px;}
.youshi_title h3 span{ color:#0083c4;}
.youshi_index_bg ul{ padding-top:37px;}
.youshi_index_bg ul li{ text-align:left; width:450px; margin-bottom:32px;}
.youshi_index_bg ul li p{ font-size:25px; line-height:45px; padding-top:38px; }
.youshi_index_bg ul li span{ font-size:16px; line-height:24px;}
.youshi_li01{ margin-left:150px;}
.youshi_li01 p{ color:#FFF;}
.youshi_li01 span{ color:#FFF;}
.youshi_li02{ float:right; clear:both;}
.youshi_li02 p{ color:#015382;}
.youshi_li02 span{ color:#4e4e4e;}
.youshi01 p{ background:url(youshi01.png) no-repeat left top;}
.youshi02 p{ background:url(youshi02.png) no-repeat left top;}
.youshi03 p{ background:url(youshi03.png) no-repeat left top;}
.youshi04 p{ background:url(youshi04.png) no-repeat left top;}

.lxfs02_index{clear:both; overflow:hidden; background:url(lxfs02_bg.jpg) no-repeat top center; padding-top:53px; margin-bottom:83px;}
.lxfs02_index .container{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.lxfs02_left{ margin-left:48px;display: flex;flex-wrap: wrap; width:600px;}
.lxfs02_left li{ font-size:18px; width:50%; line-height:38px; color:#FFF; text-align:left; background:url(lxfs_li.jpg) no-repeat left center; padding-left:19px;}
.lxfs02_right{ margin-right:200px; text-align:right; padding-top:26px; padding-bottom:30px;}
.lxfs02_right p{ font-size:22px; color:#FFF; line-height:30px; margin-bottom:10px;}
.lxfs02_right span{ font-size:16px; color:#FFF; line-height:24px;}
.lxfs02_right a{ width:87px; line-height:26px; color:#FFF; font-size:16px; background:#da251c; text-align:center;}

.about_index_bg{ background:#015382;clear:both; overflow:hidden; padding-top:22px; padding-bottom:30px;}
.about_index_bg .container{display: flex;flex-wrap: wrap;justify-content: space-between;}
.about_index{ width:65%; text-align:left;}
.about_index h2{ font-size:20px; color:#FFF; line-height:43px; border-bottom:1px dashed #FFF;}
.about_index p.about_jieshao{ padding-top:27px; font-size:14px; line-height:24px; color:#FFF; margin-bottom:25px; }
.about_left p{ font-size:14px; line-height:24px; color:#FFF; }
.about_left strong{ font-size:24px; line-height:32px; color:#FFF; display:block;}
.about_more{ background:url(about_more.jpg) no-repeat center; width:72px; height:20px; margin-top:15px; display:block; }
.about_bottom{display: flex;flex-wrap: wrap;justify-content: space-between;}
.about_right{display: flex;flex-wrap: wrap;justify-content: space-between; float:right;}
.about_right img{ width:auto; margin-right:40px;}
.about_right ul{}
.about_right ul li a{ font-size:14px; line-height:30px; color:#FFF; padding-right:20px; background:url(nav_li.jpg) no-repeat right center;}

.case_index{ width:30%; text-align:left;}
.case_index h2{ font-size:20px; color:#FFF; line-height:43px; border-bottom:1px dashed #FFF; margin-bottom:23px;}
.swiper-case{ overflow:hidden; position:relative;}
.swiper-case li img{ padding:6px; border:1px solid #b3d8ef;}
.swiper-pagination-case{ text-align: right; position: absolute; left:inherit !important; right:6px !important; bottom:10px; z-index:25;}
.swiper-pagination-case .swiper-pagination-bullet{ margin-right:5px; text-align:center; color:#FFF; border-radius:0; width:16px; height:16px; background:#9f9f9f; opacity:1;}
.swiper-pagination-case .swiper-pagination-bullet-active{ background:#ff0000;}

.foot_index_bg{ background:#015382;clear:both; overflow:hidden; border-top:1px solid #54a1d2; padding:15px; }
.foot_index_bg p{ font-size:15px; color:#FFF; line-height:25px;}
.foot_index_bg a{ font-size:15px; color:#FFF; line-height:25px;}
.foot_index_bg img{ width:auto;}

.title_ny .container{display: flex;flex-wrap: wrap; justify-content: space-between; align-items: center;}
.title_ny h1{ font-size:22px;}


@media (max-width: 1200px) {           
.news_more{ display:none;}
.lxfs01_left div p strong{ font-size:60px;}
.lxfs01_right p{ font-size:30px;}
.youshi_li01{ margin-left:50px;}
.youshi_index_bg ul li{ width:385px;}
.youshi_index_bg ul{ padding-top:15px;}
.lxfs02_left{ margin-left:0px; width:550px;}
.lxfs02_right{ margin-right:50px;}

}

@media (max-width: 992px) {           
.top_head{ display:none;}
.pro_index{ width:100%; margin-bottom:20px;}
.news_index{ width:100%;}
.lxfs01_right{ display:none;}
.lxfs01_index{background: url(lxfs01_bg.jpg) no-repeat top left;}
.youshi_li01{ margin-left:0px;}
.youshi_index_bg{ background: url(youshi_bg.jpg) no-repeat top 150px left -280px;}
.youshi_index_bg ul li{ width:350px; margin-bottom:10px;}
.youshi_index_bg ul{ padding-top:10px;}
.lxfs02_right{ margin-right:0px;}
.lxfs02_left{ width:50%; }
.lxfs02_left li{ width:100%; }
.lxfs02_index{ background:#1d99e8; padding:15px; margin-bottom:30px;  }


}

@media (max-width: 768px) {           
.youshi_index_bg ul li{ width:100%; margin-bottom:0px; padding-bottom:15px; padding:5px;}
.youshi_index_bg{ background:none;}
.youshi_li01{ background:#0083c4;}
.youshi_index_bg ul li span{ display:block;}
.lxfs02_right{ display:none;}
.lxfs02_left li{ width:50%; }
.lxfs02_left{ width:100%;}

}


@media (max-width:600px) {           
.lxfs02_left li{ width:100%; }


}