@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; padding-left:10px; padding-right:10px;}
.w1400{ width:1400px; padding-left:10px; padding-right:10px;}
.head03{ background:url(top_tel.jpg) no-repeat left center; padding-left:32px;}
.head03 p{ font-size:16px; font-weight:bold; color:#b72227;    } 
.head03 span{  font-size:18px; color:#b72227;  font-weight:bold;  }
.head04{ margin-left:15px;}
.head04 p{display: flex; justify-content: center; align-items: center; margin-bottom:5px;} 
.head04 p a{ font-size:12px; color:#505050; margin:0 5px;}
.head_wx{ background:url(top_wx.jpg) no-repeat center center; display:block; width:24px; height:23px; position:relative;}
.head_wx img{ position:absolute; top:30px; z-index:9999; width:150px; margin-left:-50px; display:none;}
.head_wx:hover img{ display:block;}
.form2{position:relative;}
.inputBox_head{ line-height:26px; width:140px; border:1px solid #afb8bf; background:none; color:#afb8bf; font-size:14px; }
.submit_head{ padding-left:5px; background:url(sousuo_right.jpg) no-repeat center center; width:26px; height:28px; position:absolute; right:0;}

.banner{ border-bottom:2px solid #da251e;}
.banner .swiper-slide img{ width:auto;}
.swiper-container-cube .swiper-cube-shadow{ display:none;}

.pro_index{ clear:both; overflow:hidden; padding-bottom:38px; padding-top:35px;  position:relative;}
.pro_title{ margin-bottom:42px; clear:both; overflow:hidden;}
.pro_title p{ font-size:26px; color:#3b3b3b; /*background:url(pro_title.jpg) no-repeat center center;*/line-height:46px; }
.pro_title h3{ font-size:40px; line-height:60px; color:#c0182f; font-weight:bold;}
.pro_title h3 span{ margin:0 10px;}
.prolist_index{ clear:both; overflow:hidden;display: flex;flex-wrap: wrap;justify-content:space-between; width:90%; margin:0 auto; margin-bottom:20px;}
.prolist_index li{ width: 120px; background-size: 100% 100%;}
.prolist_index li a{ font-size:13px; line-height:16px;color: #000; padding: 60px 10px 14px 10px;}
.prolist_index li:hover a{ color:#FFF;}
.prolist01{ background:url(prolist01.png) no-repeat top center;}
.prolist02{ background:url(prolist02.png) no-repeat top center;}
.prolist03{ background:url(prolist03.png) no-repeat top center;}
.prolist04{ background:url(prolist04.png) no-repeat top center;}
.prolist05{ background:url(prolist05.png) no-repeat top center;}
.prolist06{ background:url(prolist06.png) no-repeat top center;}
.prolist01:hover{ background:url(prolist01_h.png) no-repeat top center;  background-size: 100% 100%;}
.prolist02:hover{ background:url(prolist02_h.png) no-repeat top center; background-size: 100% 100%;}
.prolist03:hover{ background:url(prolist03_h.png) no-repeat top center; background-size: 100% 100%;}
.prolist04:hover{ background:url(prolist04_h.png) no-repeat top center; background-size: 100% 100%;}
.prolist05:hover{ background:url(prolist05_h.png) no-repeat top center; background-size: 100% 100%;}
.prolist06:hover{ background:url(prolist06_h.png) no-repeat top center; background-size: 100% 100%;}

.swiper-containerpro{ overflow:hidden; margin-bottom:15px;}
.swiper-containerpro a{ border:1px solid #e8e8e8;}
.product_top{ position:relative;}
.product_top .cp_fd{ width:auto; position:absolute; top:0; right:0; z-index:99;}
.product_bottom{ background:#e8e8e8; padding-bottom:10px; padding-top:10px;}
.product_bottom p{ font-size:24px; color:#3a3a3a; line-height:45px; height:45px; overflow:hidden;}
.product_bottom span{ font-size:12px; color:#3a3a3a; width:146px; line-height:19px; border:1px solid #FFF; border-radius:25px;}
/*.product_top_img{ width:80%;}*/
.swiper-containerpro a:hover .product_bottom{ background:#cf0009;}
.swiper-containerpro a:hover .product_bottom p{ color:#fff;}
.swiper-containerpro a:hover .product_bottom span{ background:#fff;}
.swiper-button-nextpro{ background:url(pro_right.jpg) no-repeat top left; width:32px; height:70px; position:absolute; right:8%; top: 50%; z-index:999;}
.swiper-button-prevpro{ background:url(pro_left.jpg) no-repeat top left; width:32px; height:70px; position:absolute; left:8%;top: 50%; z-index:999;}
.swiper-button-nextpro:hover{background:url(pro_right_h.jpg) no-repeat top left;}
.swiper-button-prevpro:hover{background:url(pro_left_h.jpg) no-repeat top left;}

.pro_bottom{ clear:both; overflow:hidden;}
.pro_bottom p{ color:#c0182f; font-size:22px; line-height:42px; margin-bottom:10px;}
.pro_bottom a{ background:url(pro_more.jpg) no-repeat top left; width:219px; height:46px; display:block; margin:0 auto;}

.app_index{ clear:both; overflow:hidden; padding-bottom:40px; padding-top:10px;}
.app_title{ margin-bottom:25px; clear:both; overflow:hidden;}
.app_title p{ font-size:26px; color:#3b3b3b;/* background:url(app_title.jpg) no-repeat center center;*/line-height:46px; }
.app_title h3{ font-size:40px; line-height:60px; color:#c0182f; font-weight:bold;}
.app_title h3 span{ margin:0 10px;}
.swiper-containerapp{ overflow:hidden; }
.swiper-containerapp a{ border:1px solid #e8e8e8;box-shadow: 1px 1px 6px #ccc;}
.app_bottom{ text-align:left; padding:20px 25px 30px 25px;}
.app_bottom p{ font-size:22px; color:#414141; line-height:40px;}
.app_bottom span{ line-height:26px; color:#545454; font-size:16px; height:78px; display:block; overflow:hidden;}
.swiper-containerapp .swiper-wrapper{ margin-bottom:42px;}
.swiper-paginationapp .swiper-pagination-bullet{ width:12px; height:12px; background:#c2c2c2; opacity:1;}
.swiper-paginationapp .swiper-pagination-bullet-active{ background:#c8102e;}

.about_bg{ clear:both; overflow:hidden; background: url(about_bg.png) no-repeat top center; padding-bottom:85px; margin-top:-60px;} 
.about_left{ text-align:left;clear:both; overflow:hidden; padding-top:100px;}
.about_title{ margin-bottom:17px; background: url(about_title.jpg) no-repeat bottom left;}
.about_title span{ font-size:16px; color:#ffffff; font-weight: normal; line-height:35px; text-transform:uppercase;}
.about_title p{ font-size:34px; color:#ffffff; font-weight:bold; line-height:66px;}
.about_nr{ margin-bottom:25px;clear:both; }
.about_nr p{ line-height:32px;font-size:18px; color:#ffffff; text-indent:2em;}
.about_more{ margin-bottom:15px; width:159px; line-height:38px; display:block;font-size:16px; text-align:center; clear:both; color:#FFF; background:#ffa200; border-radius:40px;}
.about_zs{ background:url(about_zs.jpg) no-repeat left center;padding:15px 0 15px 102px; margin-bottom:25px;}
.about_zs p{font-size:22px; color:#ffffff; text-transform:uppercase; line-height:35px; margin-bottom:5px;}
.about_zs span{ font-size:16px; color:#ffffff;}

.about_ul_bg{ background:url(about_ul.png) no-repeat top center;clear:both; overflow:hidden; margin-top:-86px; z-index:9; position:relative;}
.about_ul{overflow:hidden; width:100%;display: flex;flex-wrap: wrap; margin-bottom:20px;}
.about_ul li{ float:left; width:25%; text-align:center; background:url(about_li.jpg) no-repeat left center;}
.about_ul li:nth-child(1){ background:none;}
.about_ul li p{ color:#686868; font-size:16px; line-height:22px; width:65%; margin:0 auto;  }
.about_ul li h2{ color:#c0182f; font-size:68px; line-height:80px; font-weight:bold; text-transform:uppercase;}
.about_ul li div{ display: flex; flex-wrap: wrap; justify-content: center; margin-top:20px;}
.about_ul li div em{font-size:24px; color:#c0182f; text-transform:uppercase; font-weight:bold; }
.about_ul li div span{ font-size:14px; color:#c0182f; margin-top:50px; margin-left:-15px;}

.partners_index{ clear:both; overflow:hidden; padding-bottom:30px; padding-top:25px;  position:relative;}
.partners_title{ margin-bottom:42px; clear:both; overflow:hidden;}
.partners_title p{ font-size:26px; color:#3b3b3b;/* background:url(pro_title.jpg) no-repeat center center;*/line-height:46px; }
.partners_title h3{ font-size:40px; line-height:60px;color:#c0182f; font-weight:bold;}
.partners_title h3 span{ margin: 0 10px;}
.partners_ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.partners_ul li{ margin-bottom:33px; padding:0 10px;}

.video_index{ background:url(video_bg.jpg) no-repeat top center; clear:both; overflow:hidden; text-align:left; padding-bottom:36px; padding-top:29px;}
.video_index p{ font-size:30px; color:#FFF; font-weight:bold; line-height:48px;}
.video_index span{ font-size:15px; color:#FFF; line-height:25px; display:block; margin-bottom:18px; }
.video_index a{ font-size:14px; color:#FFF; background:url(video_more.jpg) no-repeat center; display:block; line-height:34px; padding-left:44px; width:118px; }

.foot_index{ padding-top:47px; clear:both; overflow:hidden; padding-bottom:25px;}
.foot_left{ padding-top:7px; width:21.4%; text-align:left; float:left;}
.foot_left img{ width:auto; max-width:100%; }
.foot_left p{ line-height:24px; color:#3c3c3c; font-size:14px; margin-top:5px; margin-bottom:20px;}
.foot_left ul{display: flex;flex-wrap: wrap;}
.foot_left ul li{ margin-right:20px;}
.foot_wx{ background:url(foot_wx.jpg) no-repeat center; width:28px; height:26px;}
.foot_qq{ background:url(foot_qq.jpg) no-repeat center; width:21px; height:26px;}
.foot_wb{ background:url(foot_wb.jpg) no-repeat center; width:25px; height:26px;}
.foot_wx img{ display:none; width:150px; position:fixed; left:0px; bottom:100px;}
.foot_left ul li a.foot_wx:hover img{ display:block;}

.foot_right{ float:right; width:76%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.foot_ul01{ background:url(foot_title01.jpg) repeat-x top left; min-width:120px;}
.foot_right ul{ padding-top:22px; text-align:left;}
.foot_right ul h3{ font-size:19px; line-height:39px; margin-bottom:7px;}
.foot_right ul li{ font-size:16px; line-height:30px; color:#4b4b4b;}
.foot_right ul li a{ font-size:16px; line-height:30px; color:#4b4b4b;}
.foot_right ul li a:hover{ color:#F00;}
.foot_right ul li span{ margin-left:48px;}
.foot_ul02{background:url(foot_title02.jpg) no-repeat top left;}
.foot_ul02 img{ width:90px; border:1px solid #c7c7c7; padding:3px;}
.foot_ul02 p{ font-size:30px; color:#f01b23; font-weight:bold; line-height:50px; margin-bottom:7px;}
.foot_ul02 span{ font-size:16px; font-weight:normal;}

.footer_index{ background:#2b2b2b; clear:both; overflow:hidden; padding:10px 0;}
.footer_index p{ font-size:14px; color:#FFF; line-height:24px;}
.footer_index a{ font-size:14px; color:#FFF; line-height:24px;}
.footer_index span{ font-size:14px; color:#FFF; line-height:24px;}
.footer_index img{ width:30px; margin-left:15px; }

.foot_top{ position: fixed; bottom:0; right:200px; z-index:999;}
.foot_top a{ background:url(foot_top.jpg) no-repeat; width:63px; height:73px; display:block;}

.fixed{ position: fixed; right:0; z-index:999; top:489px;}
.fixed li{ clear:both; overflow:hidden;}
.fixed li a{ font-size:14px; color:#c80000; float:right; display:block; padding: 45px 10px 10px 10px;}
.fixed_tel_mf a{ background:url(fixed_tel.png) no-repeat top 10px center #CCC; }
.fixed_tel a{ background:url(fixed_tel.png) no-repeat top 10px center #CCC; }
.fixed_wx a{ background:url(fixed_wx.png) no-repeat top 10px center #CCC;}
.fixed_mail a{ background:url(fixed_mail.png) no-repeat top 10px center #CCC;}
.fixed_zxly a{ background:url(fixed_zxly.png) no-repeat top 10px center #CCC;}
.fixed_wx img{ width:155px; display:none; position: fixed; right:76px; z-index:999; top:489px;}
.fixed_wx:hover img{ display:block;}
.fixed li p{-webkit-transition-duration: .8s; -moz-transition-duration: .8s; -o-transition-duration: .8s; transition-duration: .8s; width:165px; font-size:14px; color:#c80000; line-height:75px; height:75px; display:none;white-space: nowrap; background:#CCC; }
.fixed .fixed_mail:hover p{ display:block; }
.fixed .fixed_tel:hover p{ display:block; }
.fixed .fixed_mail:hover a{ display: none; }
.fixed .fixed_tel:hover a{ display: none; }


@media (max-width: 1900px) { 
.banner .swiper-slide img{width:100%;}
}

@media (max-width: 1600px) {  
.w1600{ width:100%;}

}

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

}

@media (max-width: 1250px) {           
.foot_ul01{min-width: inherit;}

}

@media (max-width: 1200px) { 
.prolist_index li{ width:16%;padding: 64px 15px 10px 15px; background-size:100% 100%;}
.prolist_index{ margin-bottom:10px;}

}

@media (max-width: 992px) { 
.swiper-button-nextpro{ display:none;  }
.swiper-button-prevpro{ display:none;}
.product_bottom p{ font-size:20px;}
.app_bottom{padding: 25px 25px 25px 25px;}
.about_bg{ background:#c0182f;}
.about_left{ padding-top:25px;}
.about_ul_bg{ background:#fff; border-bottom:1px solid #cdcdcd; border-top:1px solid #cdcdcd;}
.prolist_index li{ margin-bottom:25px;}
.foot_left{ width:100%; padding-top:0px; margin-bottom:20px;}
.foot_right{ width:100%;}
.prolist_index li{ width:23%;}
 
}

@media (max-width: 768px) {           
.swiper-containerpro{ margin-bottom:30px;}
.app_bottom{padding:15px;}
.about_ul li{ width:50%; margin-bottom:15px;}
.about_ul li:nth-child(3){ background:none;}
.partners_ul li{ width:32%;}
.partners_index{ padding-bottom:20px;}
.foot_ul01{ display:none;}
.fixed{ display:none;}
.foot_top{ display:none;}
.about_left{ padding-left:0px; padding-right:0px;}
.prolist_index li{ width:31%;}
.swiper-containerapp{ margin-bottom:35px;}
.footer_index{ margin-bottom:44px;}

}

@media (max-width: 425px) {  
.partners_ul li{ width:50%;}
.video_index{ padding:20px 0;}
.prolist_index li{ width:47%;}
.product_bottom span{ width:100px;}
.prolist_index{ width:100%;}
.app_title h3 span{ margin:0 5px;}

}