@import url(fonts.css);
@import url(swiper.min.css);
@import url(ui.css);
body{ font-family:Arial,'microsoft yahei',Source Han Sans CN,"Helvetica Neue",Helvetica,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;background:#FFF; color: #333; font-size: 14px;}

a{ color: #333; text-decoration:none}
a:hover{ color: #c00000; }

.m-header{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 50px; z-index: 1000; background: #c00000; }
.m-header .search-btn{ position: absolute; right: 15px; top:15px; color: #FFF; font-size: 20px; z-index: 999 }
.m-header .text{ position: absolute; left: 0; top:0; width: 100%; height: 100%; z-index: 99;display: flex; align-items: center; justify-content: center; color: #FFF; font-size: 16px; }

.menu-btn{ position: absolute; left: 15px; top:15px; z-index: 100}
.menu-btn:before,.menu-btn:after,.menu-btn span{display:block;height:2px;background-color:#FFF;content:'';transition: all 0.4s;}
.menu-btn:before{width:24px;}
.menu-btn:after{width:24px; }
.menu-btn span{width:24px; margin: 6px 0 6px; }
.menu-btn.cur:before{transform:rotate(135deg); position: relative; top:10px;}
.menu-btn.cur:after{transform:rotate(-135deg); position: relative; top:8px;}
.menu-btn.cur span{display: none; }

.m-nav{ position: fixed; left: -100%; top:0; width: 65%; height: 100vh; background: #3c3c3c; transition: 0.5s; z-index: 10000 }
.m-nav .close{ position: absolute; right: -30px; top:15px; font-size: 28px; color: #FFF; }
.m-nav li a{ display: block; line-height: 65px; color: #FFF; font-size: 16px; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.3) }
.m-nav.cur{ left: 0; }

.topbar{ line-height: 41px; border-bottom: 1px solid #f2f2f2}
.topbar span.fr{ float: right; }
.topbar span a{ padding: 0 10px; color: #676767; }

.header .logo{ float: left; line-height: 120px;  text-align: left; }
.header .text{ float: left; margin-left: 10px; height: 60px; border-left: 1px solid #f2f2f2; padding-left: 10px; margin-top: 30px; padding-top: 5px;}
.header .text h2{ margin-bottom: 5px; }
.header .text h2 span{ color: #c00000; }
.header .tel{ float: right; margin-top: 30px;  height: 60px; display: flex; align-items: center; }
.header .tel i img{ width: 40px; }
.header .tel p{ font-size: 20px; color: #c00000; }

.header .nav{font-size:0; background: #c00000; }
.header .nav li{display:inline-block;vertical-align:middle}
.header .nav li a{display:block;font-size:16px;line-height:65px;padding:0 39px; color: #FFF; position: relative; }
.header .nav li.active>a,.header .nav li.open>a,.header .nav li>a:hover{ color: #ffd354;}
.header .nav li a:before{ display: none; position: absolute; left: 50%; bottom: 15px; margin-left: -15px; width: 30px; height: 3px; background-color: #ffd354; content:''; }
.header .nav li.active>a:before,.header .nav li.open>a:before,.header .nav li>a:hover:before{ display: block;}
.header .nav li.dropdown{position:relative}
.header .nav .dropdown-box{position:absolute;left:0;min-width:100%;top:100%;display:none;z-index:10;text-align:center;box-shadow:0 6px 12px rgba(0,0,0,0.18);background-color:#c00000;}
.header .nav .dropdown-box p{margin:0;}
.header .nav .dropdown-box a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px;font-size:15px;background-color:transparent !important;line-height:40px;color:#FFF !important; border-right:0;}
.header .nav .dropdown-box a:hover{background-color:#333 !important;color:#FFF !important}
.header .nav li.open .dropdown-box{display:block}

.banner{ position: relative; width: 100%; height: 600px; }
.banner .swiper-slide{ background: no-repeat center / cover;  }
.banner .swiper-pagination-bullet{ width: 12px; height: 12px;  background: #e60b1f; }
.banner .swiper-button-prev{ background-color: #e60b1f; width: 30px; height: 70px; border-radius: 5px; background-size: 50%; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E") }
.banner .swiper-button-next{ background-color: #e60b1f; width: 30px; height: 70px; border-radius: 5px; background-size: 50%; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E")}

.in-search{ background: #c00000; color: #FFF; }
.in-search .tits{ background: #9b0707; height: 100%; display: flex; align-items: center; justify-content: center; width: 105px; margin-right: 20px; font-size: 16px; }
.in-search-left,.in-search-right{ display: flex; align-items: center; height: 70px; }
.in-search-left form{ flex:1; display: flex; align-items: center; height: 45px; margin-right: 20px; border-radius: 22px; background: #FFF; overflow: hidden;}
.in-search-left form input{ flex:1; height: 100%;background: none; border: none;  padding-left: 10px; font-size: 16px; }
.in-search-left form button{ flex:0 0 65px; height: 100%; background: #f10215; border: none; color: #FFF; font-size: 16px; display: flex; align-items: center; justify-content: center;  }
.in-search-right p a{ margin-right: 20px; color: #FFF; }

.section{ padding:60px 0; }
.section-title{ text-align: center;margin-bottom: 30px;  }
.section-title strong{ font-size: 32px; }
.section-title p{ margin-top: 10px; }
.section-title2 strong{ color: #FFF; }

.in-pro ul{ margin:0 0 0 -5px; }
.in-pro li{ float: left; width: 20%; }
.in-pro li a{ position: relative; display: block;  text-align: center; color: #FFF; font-size: 16px; margin:0 0 5px 5px; } 
.in-pro li .img-cover{ padding-top: 100%; }
.in-pro li .text{ position: absolute; left: 0; bottom: 0; width: 100%; line-height: 42px; background: rgba(0,0,0,0.5);}
.in-pro li a:hover .text{ background: #e60b1f; }
.in-pro li a:hover .img-cover span{ transform: scale(1.1); }

.in-adv{ background: url(../images/bg1.jpg) no-repeat center / cover; padding: 60px 0; }
.in-adv .text{ float: left; width: 50%; color: #FFF; }
.in-adv .text h2{ font-size: 32px; }
.in-adv .text p{ font-size: 22px; margin-top: 10px; }
.in-adv .tel{ float: left; width: 50%; color: #FFF;  padding-left: 105px; padding-top: 25px; font-size: 22px; color: #f40502; font-weight: bold;}

.in-pinpai li a{ position: relative; display: block; border:1px solid #eee;  } 
.in-pinpai li .img-cover{ padding-top: 100%; }
.in-pinpai li .text{ padding: 20px; }
.in-pinpai li .text h2{ font-size: 18px; text-align: center; }
.in-pinpai li .text p{ margin: 10px 0; line-height: 20px; font-size: 13px; color: #7e7e7e; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical; }
.in-pinpai li .text .btns{ display: block; text-align: center; line-height: 30px; }
.in-pinpai li a:hover .img-cover span{ transform: scale(1.1); }
.in-pinpai li a:hover .text .btns{ background: #c00000; color: #FFF; }
.in-pinpai .more-btns{ text-align: center; margin-top: 30px; }
.in-pinpai .more-btns a{ display: inline-block; line-height: 40px; padding: 0 38px; border-radius: 20px; border:1px solid #c00000; font-size: 16px;}
.in-pinpai .more-btns a:hover{ background: #c00000; color: #FFF; }

.in-about-con{ display: flex; align-items: center; }
.in-about-con .img-center{ flex:0 0 425px; margin-right: 25px; }
.in-about-con .text{ font-size: 16px; line-height: 38px; }

.in-adv2{ background: url(../images/bg2.jpg)  no-repeat center / cover; padding: 60px 0; color: #FFF; }
.in-adv2 .txt{float: left; width: 330px; }
.in-adv2 .txt span{ display: inline-block; padding: 0 40px; line-height: 48px; border:1px solid #FFF; font-size: 16px; margin-right: 10px; margin-bottom: 10px; }
.in-adv2 .text{float: left; font-size: 28px; margin-left: 180px; text-align: center; padding-top: 15px; }
.in-adv2 .text h2{ font-size: 28px; } 
.in-adv2 .tel{float: right; font-size: 28px; display: flex; align-items: center; margin-top: 30px; }
.in-adv2 .tel i{ margin-right: 10px; }
.in-adv2 .tel i img{ width: 40px; position: relative; top:5px; }
.in-adv2 .tel p span{ font-weight: bold; }


.in-ys .tits{ text-align: center; margin-bottom: 40px; }
.in-ys li{ display: flex; align-items: center;  }
.in-ys li .img-center{ flex:0 0 50%; }
.in-ys li .text{ flex:1; padding: 0 0 0 20px;}
.in-ys li .text .biaoti{ display: flex; align-items: center; }
.in-ys li .text .biaoti i{ margin-right: 17px; }
.in-ys li .text .biaoti p{ color: rgb(127,127,127); font-size: 24px;}
.in-ys li .text .biaoti p span{ display: block; color: #333; }
.in-ys li .text .txt{ padding: 20px 20px 20px 10px; font-size: 16px; line-height: 32px; }
.in-ys li:nth-child(2n) .text{ order: -10 }

.in-case{ background: url(../images/bg3.jpg)  no-repeat center / cover; }
.in-case a{ display: block; text-align: center; color: #FFF; }
/*.in-case-con a{ display: block; position: relative; color: #FFF; border-radius: 10px; overflow: hidden; }
.in-case-con .img-cover{ padding-top: 75%; }
.in-case-con .text{ position: absolute; left: 0; bottom: 30px; width: 100%; padding:50px 25px; transition: 0.5s;  }
.in-case-con .text h2{ font-size: 18px;  }
.in-case-con .text p{ display: none; margin:15px 0; }
.in-case-con .text .btns{ display: none; padding: 0 25px; line-height: 32px; border-radius: 16px;  border: 1px solid #FFF;}
.in-case-con a:hover .text{ bottom: auto; top:0; background: rgba(0, 32, 96, 0.67); height: 100%; }
.in-case-con a:hover .text p{ display: block; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;   }
.in-case-con a:hover .text .btns{ display: inline-block; }
.in-case-con .swiper-button-prev{ background-color:rgba(0,0,0,0.5); width: 50px; height: 50px; border-radius: 50%; background-size: 30%; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E") }
.in-case-con .swiper-button-next{ background-color:rgba(0,0,0,0.5); width: 50px; height: 50px; border-radius: 50%; background-size: 30%; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E")}
*/
.in-news-menu{ text-align: center; margin-bottom: 30px; font-size: 0; }
.in-news-menu li{ display: inline-block; }
.in-news-menu li a{ display: block; font-size: 16px; padding: 0 34px; line-height: 40px; margin:0 10px; background: #f2f2f2; border-radius: 20px; }
.in-news-menu li.active a{ background: #c00000; color: #FFF; }
.in-news-con .swiper-slide .space10{ display: block; }
.in-news-left{  border: 1px solid #e4e9ed; padding: 0 10px; }
.in-news-left li a{ display: block; padding: 15px 0; border-bottom: 1px dashed #e4e9ed; }
.in-news-left li .date{ float: left; width: 90px; height: 90px; background: #c00000; color: #FFF; text-align: center; }
.in-news-left li .date span{ display: block; font-size: 32px; padding-top: 10px; }
.in-news-left li .text{ margin-left: 125px; }
.in-news-left li .text h2{ font-size: 16px; }
.in-news-left li .text p{ line-height: 20px; margin:8px 0; color: #666; }

.in-news-right li{ float: left; width: 50%; }
.in-news-right li a{ display: block; margin:0 0 10px 10px; border: 1px solid #e4e9ed; padding: 15px; }
.in-news-right li h2{ font-size: 16px; }
.in-news-right li .desc{ line-height: 20px; margin:8px 0; color: #666;}
.in-news-right li .date{ display: flex; justify-content: space-between; align-items: center; color: #d0d0d0; }
.in-news-right li .date p span{ margin-left:4px;}
.in-news-right li .date em i{ transition: 0.3s; }
.in-news-right li a:hover .date p span{ color: #ff7878; }
.in-news-right li a:hover .date em i{ color: #ff7878; transform: rotate(90deg); }

.footer{ background: #212121; color: #FFF; padding-top: 25px; }
.footer a{ color: #FFF; }
.footer .fnav{ float: left; width: 160px; border-right: 1px solid #3f3f3f; text-align: center; }
.footer .fnav a{ display: block;  line-height: 35px; font-size: 16px; }
.footer .fright{ margin-left: 160px; }
.footer .fright .links{ padding: 15px 10px 25px; border-bottom: 1px solid #3f3f3f;  }
.footer .fright .links h3{ font-weight: 16px; margin-bottom: 10px; }
.footer .fright .links p a{ margin-right: 10px; }
.fbottom{ padding-top: 18px;  }
.fbottom .flogo{ float: left; margin-right: 50px; }
.fbottom .address{ float: left; line-height: 28px; }
.fbottom .ewm{ float: right; text-align: center; }
.fbottom .ewm img{ width:190px; }

.copyright{ line-height: 22px; padding: 10px 0; margin-top: 25px; text-align: center; background:#3a3a3a; }
.copyright a{ color: #FFF; }

.footer-fix{ position: fixed; left: 0; bottom: 0; width: 100%; height: 50px; z-index: 999; background: #c00000; color: #FFF; display: none; align-items: center; justify-content: space-between; }
.footer-fix-left{ flex:0 0 40%; text-align: center; }
.footer-fix-left a{ display: block; color: #FFF; }
.footer-fix-left i{ font-size: 24px; }
.footer-fix-left span{ display: block; }
.footer-fix-right{ flex:0 0 50%; margin-right: 5px;}
.footer-fix-right a{ display: flex; justify-content: center; align-items: center; background: #f79646; height: 40px; border-radius: 25px; color: #FFF;  }
.footer-fix-right i img{ width: 20px; margin-right: 5px; }

.banner-sub{ background: no-repeat center / cover; height: 325px; display: flex; justify-content: center; align-items: center; }
.banner-sub .text{  text-align: center; color: #FFF; }
.banner-sub .text span{ display: block; font-size: 28px; }

.section-sub{padding:30px 0}
.section-title3{ font-size: 28px; font-weight: bold; margin-bottom: 20px; }

.weizi{ background: #f2f2f2; line-height: 45px; }
.weizi i{ margin-right: 8px; }

.sortname{ border: 1px solid #e3e9ee; padding: 12px; margin-bottom: 28px; }
.sortname .tits{ font-weight: bold; font-size: 22px; color: #c00000; margin-bottom: 10px; }
.sortname p{ font-size: 16px; line-height: 28px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.sortname .btns{ color: #d2d2d2; text-align: right; }
.sortname .btns i{ transition: 0.3s;}
.sortname:hover .btns i{ color: #ff7878; transform: rotate(90deg); }

.list-1 li a{ position: relative; display: block; border:1px solid #eee;  } 
.list-1 li .img-cover{ padding-top: 100%; }
.list-1 li .text{ padding: 20px; }
.list-1 li .text h2{ font-size: 18px; text-align: center; }
.list-1 li .text p{ margin: 10px 0; line-height: 20px; font-size: 13px; color: #7e7e7e; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical; }
.list-1 li .text .btns{ display: block; text-align: center; line-height: 30px; }
.list-1 li a:hover .img-cover span{ transform: scale(1.1); }
.list-1 li a:hover .text .btns{ background: #c00000; color: #FFF; }
.list-1 .more-btns{ text-align: center; margin-top: 30px; }
.list-1 .more-btns a{ display: inline-block; line-height: 40px; padding: 0 38px; border-radius: 20px; border:1px solid #c00000; font-size: 16px;}
.list-1 .more-btns a:hover{ background: #c00000; color: #FFF; }

.infocontent{ padding-bottom: 30px; }
.infocontent-title{margin-bottom:30px;text-align:center; border-bottom: 1px solid #e5e5e5; padding-bottom: 20px;}
.infocontent-title h1{font-size:32px}
.infocontent-title p{margin:10px 0 0;font-size:12px;color:#999}
.infocontent-title p span{padding:0 5px}
.infocontent-title2{margin-bottom:30px;text-align:center; border-bottom: 1px dashed #e5e5e5; padding: 20px 0;}
.infocontent-title2 h1{font-size:24px}
.infocontent-desc{margin-bottom:20px;padding:20px; background: #f5f5f5;}
.infocontent-desc p{display: inline-block;}
.infocontent-body{line-height:2;margin-bottom:20px; }
.infocontent-body .tits2{ font-size: 24px; font-weight: bold;  color: #c00000; }
.infocontent-body img{max-width:100% !important;height:auto !important;width:auto !important}
.infocontent-epx{margin-top:20px; border-top: 1px solid #e5e5e5; padding-top: 10px; display: flex;}
.infocontent-epx li{ flex:1; }
.infocontent-epx li:last-child{  text-align: right; }
.infocontent-back{ display: flex; align-items: center; justify-content: space-between; padding-top: 20px; border-top: 1px dashed #e5e5e5; }
.infocontent-back .prev{ display: flex; }
.infocontent-back .prev a{ margin-right: 15px; display: flex; }
.infocontent-back .prev span{ width: 18px; height: 18px; border: 1px solid #7c7c7c; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-right: 5px; }
.infocontent-back .prev span i{}
.infocontent-back .back{ display: flex; align-items: center; }
.infocontent-back .back .btns{ width: 105px; line-height: 48px; background: #c00000; text-align: center; margin-left: 30px; }
.infocontent-back .back .btns a{ color: #FFF; }

.list-xgcp .tits{ font-size: 24px; font-weight: bold; margin-bottom: 20px; }
.list-xgcp .tits2{ font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #c00000; }
.list-xgcp li a{ display: flex; align-items: center; border:1px solid #eee;  }
.list-xgcp li .img-cover{ flex:0 0 33.333%; padding-top: 30%; }
.list-xgcp li .text{ flex:1; padding: 0 20px; }
.list-xgcp li .text h2{ font-size: 16px; margin-bottom: 8px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; }
.list-xgcp li .text p{ color: #666; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; }

.list-2{ margin:0 0 0 -38px; }
.list-2 li a{ display: block; margin:0 0 25px 38px; background: #F6F6F6; }
.list-2 li .img-cover{ padding-top: 65%; }
.list-2 li .text h2{ border-bottom: 1px solid #ccc; font-size: 16px; line-height: 60px; padding: 0 15px; position: relative;}
.list-2 li .text h2:before{ position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #c00000; content:''; transition: 0.5s; }
.list-2 li .text p{ padding: 10px 15px; line-height: 25px; color: #666; }
.list-2 li a:hover .text h2:before{ width: 100%; }

.lanmu2{ background: #f6f6f6; line-height: 80px; }
.lanmu2 ul{ display: flex; justify-content: center; align-items: center; }
.lanmu2 li a{ display: block; font-size: 18px; margin:0 30px; position: relative;  text-align: center;}
.lanmu2 li a:before{ display: none; position: absolute; left: 50%; bottom: 0; margin-left: -10px; width:20px; height: 2px; background: #c00000; content:'';  }
.lanmu2 li a:hover,.lanmu2 li.active a{ color: #c00000; }
.lanmu2 li a:hover:before,.lanmu2 li.active a:before{ display: block; }

.list-3 li a{ display: block; padding: 15px 0; border-bottom: 1px dashed #e4e9ed; overflow: hidden; }
.list-3 li .date{ float: left; width: 90px; height: 90px; background: #f2f2f2;  text-align: center; }
.list-3 li .date span{ display: block; font-size: 32px; padding-top: 10px; color: #c00000; }
.list-3 li .text{ margin-left: 125px; padding-top: 10px; }
.list-3 li .text h2{ font-size: 16px; }
.list-3 li .text p{ line-height: 24px; margin:8px 0; color: #666; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;  }

.contact{ display: flex; }
.contact li{ flex:1; }
.contact li a{ display: block; background: #FFF; box-shadow: 0 0 15px rgba(0,0,0,0.2); padding: 25px; text-align: center; }
.contact li .icon{ display: flex; justify-content: center; align-items: center; height: 70px;}
.contact li .icon img{ max-width: 100%; max-height: 100%; }
.contact li .text{ padding-top: 15px; }
.contact li .text h2{ font-size: 14px; margin-bottom: 5px; color: #333;}
.contact li .text p{ font-size: 16px; line-height: 25px; height: 50px; color: #333; }

.feedback{ display: flex; }
.feedback .message{ flex:1; margin-right: 10px; }
.feedback .message .label{ display: flex; align-items: center; margin-bottom: 16px; }
.feedback .message .label label{ flex:1; height: 46px;  margin-right: 15px; display: flex; align-items: center; border-radius: 5px; border:1px solid #ccc;   }
.feedback .message .label label:hover{ border-color: #c00000; }
.feedback .message .label label:last-child{ margin-right: 0; }
.feedback .message .label label span{ padding: 0 15px; }
.feedback .message .label label input{ border: none; background: none;height: 100%; font-size: 16px; flex:1; }
.feedback .message .label2{ display: flex; align-items: center; border-radius: 5px; border:1px solid #ccc;  }
.feedback .message .label2:hover{ border-color: #c00000; }
.feedback .message .label2 span{ padding: 0 15px; }
.feedback .message .label2 textarea{  flex:1; height: 105px; border: none; background: none; padding: 10px; font-size: 16px; font-family: 'microsoft yahei'; }
.feedback button{ flex:0 0 198px; background: #c00000; color: #FFF; border-radius: 5px; border:none; font-size: 16px; }

.ct-sd{float:left;width:300px}
.ct-mn{ margin-left: 320px;}
.ct-mn .tits{ display: flex; align-items: center; justify-content: space-between; height: 50px; background: #f2f2f2; margin-bottom: 15px; padding: 0 12px; }
.ct-mn .tits span{ font-size: 20px; font-weight: bold; padding-left: 10px; position: relative;}
.ct-mn .tits span:before{ position: absolute; left:0; top:2px; width: 2px; height: 22px; background: #c00000; content:'';}
.ct-mn .tits p i{ font-size: 20px; }

.panel-sd .tits{background :url(../images/lanmu-bg.jpg) no-repeat center /cover;text-transform: uppercase; color: #FFF; text-align: center; padding: 26px 0; }
.panel-sd .tits span{ font-size: 24px; display: block;  }

.contacts{padding:20px; background :url(../images/contact-bg.jpg) no-repeat bottom right;}
.contacts p{ margin: 0; line-height: 25px;  }

.m-lanmu-btns{ background :url(../images/lanmu-bg.jpg) no-repeat center /cover; height: 60px; display: none; align-items: center; justify-content: space-between; padding: 0 15px; color: #FFF; }
.m-lanmu-btns span{ font-size: 20px; font-weight: bold; }
.m-lanmu-bg{ background: rgba(0,0,0,0.5); position: fixed; left: 0; top:0; width: 100%; height: 100vh; display: none; z-index: 1001  }
.m-lanmu{  position: fixed; right: -100%; top:0; width: 80%; height: 100vh; background: #FFF; transition: 0.5s; z-index: 2001 }
.m-lanmu li a{ display: block; line-height: 50px; font-size: 16px; padding: 0 25px; border-bottom: 1px solid #ddd }
.m-lanmu.cur{ right: 0; }

.lanmu{background: #FFF; border: 1px solid #e5e5e5;  }
.lanmu li{  padding: 0 25px; }
.lanmu li a{display:block; line-height:50px; font-size:16px; border-bottom:1px solid #d1d1d1;  }
.lanmu li:hover,.lanmu li.active{ background-color: #fd6e27;}
.lanmu li a:hover,.lanmu li.active a{ color: #fff;}

.list-4 li a{ position: relative; display: block; border:1px solid #cccccc;  } 
.list-4 li .img-cover{ padding-top: 100%; }
.list-4 li .text{ padding: 20px; }
.list-4 li .text h2{ font-size: 16px; font-weight: normal; }
.list-4 li .text p{ margin: 10px 0; line-height: 25px; }
.list-4 li a:hover{ background: #c00000; border-color: #c00000; color: #fff; }
.list-4 li a:hover .img-cover span{ transform: scale(1.1); }

.list-5 li a{ position: relative; display: block; text-align: center;  } 
.list-5 li .img-center{ overflow: hidden; }
.list-5 li .text{ font-size: 16px; line-height: 35px; }
.list-5 li a:hover .img-center img{ transform: scale(1.1); }

.pages{ text-align: center; padding:15px 0; overflow: hidden; width: 100%; font-size: 0; }
.pages a{ display: inline-block; padding: 5px 10px; border: 1px solid #ccc; margin-left: -1px; font-size: 14px; font-family:'microsoft yahei'; }
.pages a:hover,.pages a.page-num-current{ background-color: #c00000; color: #FFF;border: 1px solid #c00000; }

.showcase{margin:0 0 40px; display: flex;}
.showcase .pic{flex:0 0 425px; }
.showcase .pic img{ width: 100%; }
.showcase-info{ flex: 1; margin-left: 20px; }
.showcase-info h1{font-size:20px;margin:0 0 20px;font-weight:normal}
.showcase-info .date span{ margin-right: 15px; }
.showcase-info .desc{ display: flex; justify-content: center; align-items: center; margin:20px 0 40px; }
.showcase-info .desc li{ flex:1; line-height: 52px; text-align: center; background: #f2f2f2; border-right: 1px solid #FFF; }
.showcase-info .desc li span{ display: block;  background: #002060; color: #FFF;}
.showcase-info .tel{ display: flex;  align-items: center;  height: 48px;}
.showcase-info .tel a{ flex:1; height: 100%; background:#c00000; display: flex;  align-items: center; justify-content: center; color: #FFF; font-size: 16px; }
.showcase-info .tel a:last-child{ background: #f79646; margin-left: 20px; }

.list-chaxun{overflow: auto; width: 100%; }
.list-chaxun li{ display: flex; padding: 10px; align-items: center; font-size: 16px; }
.list-chaxun li:nth-child(odd){ background: #f2f2f2;width: 100%;  }
.list-chaxun li:first-child{ background: #c00000; height: 50px; color: #FFF; padding: 0; }
.list-chaxun li:first-child div{ background: #c00000; height: 100%; display: flex; justify-content: center; align-items: center; }
.list-chaxun li .pic{ flex:0 0 100px; text-align: center;  }
.list-chaxun li .name{ flex:0 0 250px; text-align: center; }
.list-chaxun li .sort{ flex:0 0 100px; text-align: center;}

.floating_ck{position:fixed;right:20px;top:30%; z-index: 999999;}
.floating_ck dl dd{position:relative;width:80px;height:80px;background-color:#646577;border-bottom:solid 1px #555666;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#e40231;border-bottom:solid 1px #a40324;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult{background-image:url(../images/icon0701/kficon.png);}
.words{background-image:url(../images/icon0701/zxicon.png);}
.quote{background-image:url(../images/icon0701/kficon.png);}
.qrcord{background-image:url(../images/icon0701/erweima.png);}
.return{background-image:url(../images/icon0701/fanhui.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:54px;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;background-color:#e40231;border-bottom:solid 1px #a40324;display:none;}
.floating_left a{color:#fff;line-height:80px; font-size: 18px;}
.floating_ewm{height:180px;top:-100px;}
.floating_ewm i{display:block;width:145px;height:145px;margin:auto;margin-top:7px; background-size:100%;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:18px;}

@media screen and (max-width:768px){
	body{ padding: 50px 0; }
	.header{ display: none;}
	.m-header{ display: block; }

	.banner{ height: 150px; }
	.banner .swiper-button-prev,.banner .swiper-button-next{ display: none; }
	
	.in-search .tits{ width: 85px; margin-right: 10px; font-size: 16px; }
	.in-search .container{ padding: 0; }
	.in-search-right{ display: none; }

    .section {padding: 30px 0;}
    .section-title{ text-align: center;margin-bottom: 20px;  }
	.section-title strong{ font-size: 24px; }


    .in-pro li{ width: 50%; }


    .in-adv .text{ float: none; width: 100%; color: #FFF; }
	.in-adv .text h2{ font-size: 24px; }
	.in-adv .text p{ font-size: 16px; margin-top: 10px; }
	.in-adv .tel{ float: none; width: 100%;   padding-left: 0; padding-top: 25px; font-size: 18px; }

    .in-about-con{ flex-wrap: wrap; }
	.in-about-con .img-center{ flex:100%; margin-right: 0; }

    .in-adv2{ text-align: center;}
	.in-adv2 .txt{float: none; width: 100%; }
	.in-adv2 .text{float: none; width: 100%; font-size: 20px; margin-left: 0px; }
	.in-adv2 .text h2{ font-size: 20px; } 
	.in-adv2 .tel{float: none; width: 100%; font-size: 20px; justify-content: center; }

	.in-ys li{ flex-wrap: wrap;  }
	.in-ys li .img-center{ flex:100%; }
	.in-ys li .text{ flex:100%; padding:20px 0 0;}
	.in-ys li:nth-child(2n) .text{ order: 100 }

	.in-news-menu li{ width: 33.333%;}
	.in-news-menu li a{padding: 0;  }
	.in-news-right ul{ margin:10px 0 0 -10px; }

	.footer {padding-top: 0;}
	.footer .fnav{ display: none; }
	.footer .fright{ display: none; }
	.fbottom{ display: none; }
	.copyright{ margin-top: 0;  }
	.footer-fix{ display: flex; }

	.banner-sub{ height: 250px; }

	.lanmu2 li{ flex:1; }
	.lanmu2 li a{ font-size: 16px; margin:0; }

	.list-3 li .date{  width: 80px;  }
	.list-3 li .text{ margin-left: 95px; }

	.contact{ flex-wrap: wrap; }
	.contact li{ flex:100%; }

	.feedback{ flex-wrap: wrap; }
	.feedback .message{ flex:100%;  margin-right: 0; }
	.feedback .message .label{flex-wrap: wrap; margin-bottom: 0;}
	.feedback .message .label label{ flex:100%; margin-bottom: 16px; margin-right: 0;  }
	.feedback button{ flex:100%; height: 45px; margin-top: 16px; }

	.ct-sd{ display: none; }
	.ct-mn{margin-left: 0;}
	.ct-mn .tits{ display: none; }

	.m-lanmu-btns{ display: flex; }

	.showcase{flex-wrap: wrap;}
	.showcase .pic{flex:100%; }
	.showcase-info{ flex: 100%; margin-left: 0;padding-top: 20px;}
	.showcase-info .tel a{  font-size: 14px; }
	.showcase-info .tel a:last-child{ margin-left: 10px; }

    .infocontent-back{ flex-wrap: wrap; }
    .infocontent-back .prev{ flex: 100%; justify-content: space-between; }
    .infocontent-back .prev a:last-child{ margin-right: 0;  }
	.infocontent-back .back{ display: none; }

	.list-4 li .text{ padding: 10px; }

	.list-chaxun li:nth-child(odd){ background: #FFF; }

	.floating_ck{ display: none; }




	
}