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

.w1500{ width:1500px; }
.head_dh{ padding-left:50px; background:url(head_dh.jpg) no-repeat left center;}
.head_dh p{ font-size:14px; color:#FFF;}
.head_dh span{ font-size:21px; color:#FFF;}

.product_index{ padding-top:45px; overflow:hidden; clear:both; padding-bottom:45px; text-align:center;}
.product_title{ margin-bottom:36px; overflow:hidden; clear:both; }
.product_title h1{ font-size:24px; color:#2c2c2c; font-weight:bold; line-height:50px;}
.product_title h2{ font-size:24px; color:#2c2c2c; font-weight:bold; line-height:35px;}

.product_title p{ font-size:18px; color:#5e5e5e; line-height:35px;}
.product_title p span{ color:#da0000;}
.product_index ul{ margin-bottom:12px; overflow:hidden; clear:both;}
.product_index ul li{ margin-bottom:27px; }
.product_index ul li p{ line-height:54px; border:1px solid #d1d1d1; font-size:16px; color:#4e4e4e; }
.product_index ul li a:hover p{ color:#FFF; background:#0e6ecb;}
.pro_more{ display:block; width:168px; margin:0 auto;}
.pro_more img{ width:auto;}

.about_index{background:url(about_bg.jpg) no-repeat top center; padding-top:63px; clear:both; overflow:hidden; padding-bottom:63px;} 
.about_left{ width:45%; float:left; margin-bottom:20px; text-align:left;}
.about_title{ font-size:36px; color:#ffffff; font-weight:bold; background:url(about_title.jpg) no-repeat left bottom; padding-bottom:20px;}
.about_title_en{font-size:38px; color:#ffffff; }
.about_nr{ font-size:17px; color:#ffffff; line-height:30px; margin-top:25px; margin-bottom:25px;}
.about_left a{ width:160px; line-height:38px; display:block; text-align:center; font-size:16px; color:#FFF; background:#1289fe;}
.about_right{ width:50%; float:right; margin-bottom:54px;}
.about_right img{ width:auto; max-width:100%;}
.about_ul{overflow:hidden; width:100%; margin-bottom:0px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.about_ul li img{ width:unset; max-width:100%; margin-bottom:10px;}
.about_ul li{ width:203px; text-align:center; padding:25px 0; background: url(about_ul.png);}
.about_ul li p{ color:#fff; font-size:16px; line-height:23px;  }
.about_ul li:hover{ background:#1289fe;}

.chengnuo_bg{ padding-top:50px; clear:both; overflow:hidden; }
.chengnuo_bg .container{ padding:0px;}
.chengnuo_title01{ font-size:38px; color:#504a49; text-align:center; font-weight:bold; line-height:62px;}
.chengnuo_title01 span{ color:#0673c2;display: inline;}
.chengnuo_title02{ font-size:16px; color:#6a6a6a; text-align:center; line-height:25px;}
.chengnuo_index{ padding-top:40px; padding-bottom:57px; overflow:hidden;}
.chengnuo01, .chengnuo02, .chengnuo03{ text-align:center;}
.chengnuo_t{ font-size:26px; color:#504a49; font-weight:bold; margin-top:20px; margin-bottom:10px;}
.chengnuo_d{ font-size:16px; color:#7c7b7b; line-height:24px; padding-left:40px; padding-right:40px; margin-bottom:20px;}

.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:#1289fe; font-size:27px; line-height:74px; font-weight:bold;  text-align:center;}
.liuyan_index{ background:#1289fe; 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; margin-bottom:16px;}
.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:40px; }
.liuyan_right03 p{ line-height:53px; color:#007bf4; font-size:28px; font-weight:bold;  }
.liuyan_right03 span{ font-size:15px; margin-left:8px;  color:#007bf4; margin-top:22px; }

.liuyan_right04{}
.liuyan_right04 li{ font-size:14px; color:#fff; float:left; width:50%; 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_bg{ clear:both; overflow:hidden; padding-bottom:76px; padding-top:56px;}
.news_title{display: flex; justify-content: space-between; align-items: center; margin-bottom:43px;}
.news_title_left{ text-align:left;}
.news_title_left p{ font-size:28px; color:#393836;}
.news_title_left span{ font-size:16px; color:#616161;}
.news_title a{ color:#616161; font-size:18px;}
.news_left{ float:left; width:41.6%;}
.news_left_bottom{ background:url(news_left_bg.jpg) no-repeat right center #1289fe; text-align:left; padding:26px 132px 26px 30px;}
.news_left_bottom p{ color:#FFF; font-size:23px; line-height:38px; height:38px; overflow:hidden;}
.news_left_bottom span{ color:#FFF; font-size:15px; line-height:26px;}
.news_right{ width:56%; float:right; text-align:left;}
.news_right li{}
.news_right li div{ background:#f5f5f5; padding:18.5% 10%;}
.news_time{ font-size:13px; color:#000000; margin-bottom:26px;}
.news_time span{ color:#717171; margin-left:10px;}
.news_right h2{ color:#242424; font-size:18px; line-height:30px; height:60px; overflow:hidden; margin-bottom:8px;}
.news_des{ font-size:14px; color:#6a6a6a; line-height:28px; height:112px; overflow:hidden; margin-bottom:54px;   }
.news_right a{ margin-bottom:10px; background:url(news_more.png) no-repeat top left; padding-top:7px; padding-left:7px; width:169px; line-height:55px; display:block; font-size:15px; color:#ffffff; text-align:center;}

.foot_bg{background:#2e2d33;overflow: hidden;clear: both; padding-bottom:30px; padding-top:35px;}
.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:20px;    flex-wrap: wrap; }
.foot_title img{ width: auto; max-width:100%;}
.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:15px;}
.foot_cen{ text-align:center; padding:0px 10px;   }
.foot_cen ul{display: flex;justify-content: space-around;}
.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;}


.news_tit {clear:both;font-size: 24px;display: block;text-align: center;margin: 25px 0px;font-weight: 400;border-right: 1px solid #eaeaea;color: #076ce0;border-top: 4px solid #076ce0;border-left: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;line-height: 2em;}
.news_tit {margin-top: 35px;margin-bottom: 35px;}
.newsList { display: flex; flex-wrap: wrap; justify-content: space-between; }
.newsList li { flex-basis: 49%; border-bottom: 1px dashed #ccc;line-height: 2em;padding: 5px 0;}

@media (max-width:1500px) { 
.w1500{ width:100%; padding-left:0px; padding-right:0px; }
.about_ul li{ width:15%; }

}

@media (max-width:1200px) { 
.head_dh{ display:none;}
.news_right{ width:57%; }
.news_right li{ padding-left:10px; padding-right:10px;}
.news_right li div{ padding:20px 10px;}
.news_des{ margin-bottom:30px; }

}

@media (max-width:992px) { 
.about_left{ width:98%; margin:0 auto; float:none; margin-bottom:25px;}
.about_right{ display:none;}
.chengnuo_t{ font-size:24px;}
.foot_left{ padding-top:0px; margin-bottom:15px; }

}

@media (max-width:767px) { 
.product_index ul li{ padding-left:10px; padding-right:10px;}
.product_title h2{ font-size:30px;}
.about_ul li{ width:31%; margin-bottom:15px;}
.about_index{ padding-top:15px; padding-bottom:15px; background-size:cover;}
.chengnuo01, .chengnuo02, .chengnuo03{ display: flex; flex-direction: row; margin-bottom:15px;align-items: center;}
.chengnuo_index img{ width:50%;}
.chengnuo_t{ margin-top:0px; font-size:20px;}
.chengnuo_d{ padding-left:5%; padding-right:5%;}
.news_left{ width:100%; display:none;}
.news_right{ width:100%;}
.news_right li{ margin-bottom:15px;}
.news_time{ margin-bottom:0px;}
.news_right h2{ height:auto;}
.news_des{ height:auto; margin-bottom:15px;}
.news_bg{ padding-top:25px; padding-bottom:25px;  }

}
  
@media (max-width:550px) { 
.product_title{ margin-bottom:10px;}
.product_index{ padding-top:10px;}
.product_title p{ display:none;}
.about_title{ font-size:30px;} 
.chengnuo_index img{ display:none;}
.foot_cen{ display:none;}
.foot_right{ display:none;}


}