@import url(iconfont.css);
@import url(swiper.min.css);
@import url(liMarquee.css);

*{ margin:0; padding: 0; box-sizing: border-box; outline: none;}
body{ font-family:'microsoft yahei'; font-size:14px; background:#FFF; color:#333; min-width: 1230px;}
em,i{ font-style: normal; }
ul{ list-style: none; }
.img-center{text-align:center;font-size:0}
.img-center img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;transition:all 0.5s}
.img-cover{overflow:hidden;position:relative}
.img-cover span{display:block;width:100%;background:no-repeat center / cover;transition:all 0.5s;height:100%;position:absolute;left:0;top:0}
.clearfix{zoom:1}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}

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

.container{ margin:0 auto; width: 100%; max-width: 1200px;}

.header{ width: 100%; background:#FFF; position: relative; top: 0; left: 0; z-index: 1000; }
.topbar{ background: url(../images/bg1.jpg) no-repeat center / cover;  }
.topbar-con{ display: flex; justify-content: space-between; align-items: center; height: 60px; font-size: 16px;  color: #f1c478; }
.topbar-con .gundong{ flex:0 0 350px; }
.topbar-con .weixin{ position: relative;  }
.topbar-con .weixin a{ color: #f1c478; height: 60px; display: flex; align-items: center; font-weight: bold}
.topbar-con .weixin i{ font-size: 24px; margin-right: 5px; position: relative; top:3px; }
.topbar-con .weixin .box{ display: none;  position: absolute; left: 0; top:100%; z-index: 999; text-align: center;}
.topbar-con .weixin .box img{ width: 100px; }
.topbar-con .weixin .box p{ margin-top: -5px; font-size: 12px; }
.topbar-con .weixin a:hover .box{ display: block; }
.logo-bg{ background: #ff1518; display: flex; justify-content: space-around; align-items: center; }
.logo-bg .logo{ float: left; }
.logo-bg .logo a{ display: flex; height: 63px; align-items: center;  }
.logo-bg .logo img{ height: 40px; }
.logo-bg .nav{ flex:0 0 50%;}
.logo-bg .nav ul{font-size:0; }
.logo-bg .nav li{display:inline-block; width: 16.666%; position: relative; }
.logo-bg .nav li>a{display:block; font-size:20px; font-weight: bold;  line-height:63px; color: #FFF;}
.logo-bg .nav li.active>a,.header .nav li>a:hover,.logo-bg .nav li.open>a{ font-size: 20px; }
.logo-bg .nav-box{ display: none; position: absolute; left: -35px; top:100%; width: 150px; background: #FFF; text-align: center; }
.logo-bg .nav-box a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px;font-size:20px;background-color:transparent !important;line-height:40px;color:#333 !important;display: block;}
.logo-bg .nav-box a:hover{background-color:#333 !important;color:#FFF !important}
/*.logo-bg .nav-box-left{ flex:1; padding: 20px 0 0 45px; }
.logo-bg .nav-box-left dl{ float: left; width: 50%; }
.logo-bg .nav-box-left dl dt a{ color: #3b3b3b; font-size: 14px; display: block; position: relative; padding-bottom: 10px; margin-bottom: 10px;}
.logo-bg .nav-box-left dl dt a:before{ position: absolute; left: 0; bottom: 0; width: 65px; height: 1px; background: #ff1518; content:''; }
.logo-bg .nav-box-left dl dd a{ color: #747474; display: block;  font-size: 14px; line-height: 25px; }
.logo-bg .nav-box-left dl dd a:hover{ color: #ff1518; }
.logo-bg .nav-box-right{ background: url(../images/bg1.jpg) no-repeat top right; flex:0 0 187px; padding: 20px; }
.logo-bg .nav-box-right .tel{ margin-bottom: 100px; font-size: 14px; color: #747474; }
.logo-bg .nav-box-right .tel span{ display: block; font-weight: bold; }
.logo-bg .nav-box-right .ewm{ display: flex; align-items: flex-end; font-size: 14px; margin-bottom: 10px;}
.logo-bg .nav-box-right .ewm img{ width: 70px; }
.logo-bg .nav-box-right .ewm p{ margin-left: 5px; color: #747474; }*/
.logo-bg .nav li.open .nav-box{ display: block; }
.logo-bg .phone a{ display: flex; justify-content: center; align-items: center; width: 170px; height: 40px; border-radius: 20px; border: 1px solid #FFF; color: #FFF; padding: 4px; position: relative;}
.logo-bg .phone a:before{ transition: 0.5s; position: absolute; left: 3px; top:3px; width: 32px; height: 32px; background: #FFF; content: ''; z-index: 0; border-radius: 16px; }
.logo-bg .phone i{ position: relative; z-index: 1; font-size: 18px; text-align: center; margin-right: 5px; flex:0 0 32px; color: #ff1518; }
.logo-bg .phone span{ flex:1; font-size: 16px; }
.logo-bg .phone a:hover:before{ width: 162px; }
.logo-bg .phone a:hover span{ color: #ff1518; position: relative; z-index: 1; }

.banner{ width: 100%; overflow: hidden; position: relative;margin: 0px 0px 30px 0px; }
.banner .swiper-pagination-bullet{ width: 30px; height: 3px; border-radius: 3px; background: #FFF;  }
.banner .swiper-slide img{ width: 100%;}
.banner .swiper-button-prev{ background-size: 30%; width: 36px; height: 36px; border-radius: 50%; background-color: rgba(0,0,0,0.5); 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-size: 30%; width: 36px; height: 36px; border-radius: 50%; background-color: rgba(0,0,0,0.5); 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-number{ display: flex; margin-bottom: 60px; }
.in-number li{ flex:1; margin-right: 15px; background:url(../images/bg1.jpg) no-repeat left top / cover; border-radius: 10px;}
.in-number li:nth-child(2){ background-position: 20% top }
.in-number li:nth-child(3){ background-position: 40% top }
.in-number li:nth-child(4){ background-position: 60% top }
.in-number li:last-child{ margin-right:0; background-position: 80% top  }
.in-number li a{ position: relative; display: block; padding: 20px 0;  text-align: center;}
.in-number li a:before{ position: absolute; left: 0; top:0; width: 100%; height: 100%; /* background-color: rgba(255,255,255,0.5); content:''; */}
.in-number li h2{ color: #f1c478; font-size: 18px; position: relative; z-index: 10; }
.in-number li h2 span{ font-size: 43px; }
.in-number li p{ font-size: 20px; color: #f1c478;position: relative; z-index: 10; }
.in-number li a:hover:before{ display: none; }

.in-adv{ margin-bottom: 30px; position: relative; }
.in-adv .text{ position: absolute; left: 80px; top:90px; }
.in-adv .text h2{ color: #ff1518; font-size: 40px; margin-bottom: 25px; }
.in-adv .text h3{ font-weight: normal; font-size: 20px; margin-bottom: 35px; }
.in-adv .text p{ display: flex; height: 50px; font-size: 20px; color: #676767; }
.in-adv .text p i{ flex:0 0 26px; height: 26px; font-size: 24px; color: #ff1518; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: #fdd7d8; margin-right: 15px; }
.in-adv .text .btns{ margin-top: 50px; }
.in-adv .text .btns a{ transition: 0.5s; display: inline-block; padding: 0 24px; line-height: 36px; background-color: #ff1518; color: #FFF; font-size: 15px; font-weight: bold; border-radius: 18px; }
.in-adv .text .btns a:hover{ transform: scale(1.1); }

.in-liucheng{ /*background:url(../images/bg2.png) no-repeat center;*/ height: 288px; margin-bottom: 60px; }
.in-liucheng h2{ text-align: center;  color: #ff1518; font-size: 26px; position:relative; top:-10px; margin-bottom: 45px;}
.in-liucheng li{ float: left; width: 20%; }
.in-liucheng li a{ display: block; text-align: center; }
.in-liucheng li .icon{ width: 104px; height: 104px; border-radius: 50%; border: 2px solid #ff1518; margin:auto; display: flex; justify-content: center; align-items: center;}
.in-liucheng li .icon img{ height: 50px; transition: 0.5s; }
.in-liucheng li h3{ font-size: 20px; margin:20px 0 10px; }
.in-liucheng li p{ color: #999; }
.in-liucheng li a:hover .icon img{ transform: rotateY(360deg); }

.section{ padding: 60px 0; }
.section-title{ margin-bottom: 60px; text-align: center; position: relative; }
.section-title:before{ content: ""; position: absolute; left: 50%; margin-left: -20px; right: 0; bottom: -20px; width: 40px; height: 4px; background-color: #ff1518; }
.section-title strong{ font-size: 42px; color: #f1c478; font-weight: normal;position: relative; z-index: 99; }
.section-title p{ margin-top:-50px; font-size: 39px; color: rgba(51,50,50,.15);position: relative; z-index: 10; }

.in-about{ /*background: url(../images/bg3.jpg) no-repeat bottom center / cover;*/ background-color: #031735}
.in-about .con{ font-size: 25px; color: #f1c478; line-height: 1.8; }
.in-about .con p{ text-indent: 45px; }
.in-about .bg{ position: relative; margin-top: 30px; }
.in-about .bg .icon{ position: absolute; right: 0; top:-30px; }
.in-about ul{ margin:0 0 0 -25px; }
.in-about li{ float: left; width: 20%; margin-top: -40px; }
.in-about li:nth-child(2){ margin-top: -70px; }
.in-about li:nth-child(3){ margin-top: -60px; }
.in-about li:nth-child(4){ margin-top: -55px; }
.in-about li:nth-child(5){ margin-top: -130px; }
.in-about li a{ display: block; position: relative; text-align: center; margin:0 0 0 25px; transition: 0.5s; }
.in-about li .icon{ margin:0 auto 20px; background: linear-gradient(180deg, #ff8585, #ff2560); width: 21px; height: 21px; box-shadow: 0 4px 4px 0 rgba(71,142,251,.74);  border: 3px solid #fff; border-radius: 50%; }
.in-about li .text{ background: rgba(255,255,255,0.7); border: 2px solid #ff5759; border-radius: 5px; position: relative; padding: 15px; }
.in-about li .text:before{ position: absolute; left: 50%; margin-left: -5px; top:-9px;  width: 12px;  height: 12px; background: #fff; border-top: 2px solid #ff5759; border-left: 2px solid #ff5759; transform: rotate(45deg); content:''; }
.in-about li .text h2{ font-size: 30px; color: #ff282b;  }
.in-about li .text p{ font-size: 23px; color: #35507e; }    
.in-about li a:hover{ transform: scale(1.1); } 

.in-news .en{ margin-top:-110px; text-align: center; font-size: 39px; color: rgba(51,50,50,.15);  position: relative; z-index: 1; padding-bottom:60px;}
.in-news-menu{ display: flex; justify-content: center; align-items: center; position: relative; padding-bottom: 30px; margin-bottom: 30px; z-index: 10; }
.in-news-menu:before{ content: ""; position: absolute; left: 50%; margin-left: -20px; right: 0; bottom: 0px; width: 40px; height: 4px; background-color: #ff1518; }
.in-news-menu li a{ font-size: 42px; color: #494949; padding: 0 30px; position: relative; }
.in-news-menu li:last-child a:before{ position: absolute; left: -10px; top:0;  content:'/'; font-size: 40px; color: #ff1518;}
.in-news-menu li.active a{ color: #ff1518; }

.in-news-con ul{ margin:0 0 0 -35px; }
.in-news-con li{ float: left; width: 33.333%; }
.in-news-con li a{ display: block; margin:0 0 35px 35px; box-shadow: 0 0 15px rgba(0,0,0,0.2) }
.in-news-con li .img-cover{ padding-top: 65%; }
.in-news-con li .text{ padding: 20px; }
.in-news-con li .text h2{ font-size: 18px; }
.in-news-con li .text p{ display: flex; align-items: center; justify-content: space-between; padding-top: 10px; border-top: 1px solid #333; margin-top: 10px; }
.in-news-con li a:hover{ background: #031735; color: #FFF; }
.in-news-con li a:hover .img-cover span{ transform: scale(1.1); }
.in-news-con li a:hover .text p{ border-color: #FFF; }
.in-news .btns{ text-align: center; }
.in-news .btns a{ display: inline-block; padding: 0 30px; line-height: 39px; border-radius: 20px; border: 1px solid #4d4d4d; }

.in-news{ padding: 60px 0; }
.in-news-menu2{ font-size: 0; text-align: center; margin:0 0 40px -15px; }
.in-news-menu2 li{ display: inline-block; width: 20%; }   
.in-news-menu2 li a{ display: block; line-height: 48px; margin:0 0 0 15px; border-radius: 4px; font-size: 24px; color: #ff1518; border: 1px solid #ff1518; }
.in-news-menu2 li a:hover,.in-news-menu2 li.active a{ background: #ff1518; color: #FFF; }
.in-news-menu2 li:last-child a{ border-color: #adadad; color: #7a7a7a; }
.in-news-menu2 li:last-child a:hover{ border-color: #adadad; color: #7a7a7a; background: none; }
.in-news-con2{ height: 415px; background: url(../images/bg4.jpg) no-repeat; padding-top: 50px; display: flex;  }
.in-news-con2 h2{ background-image: linear-gradient(35.7deg,  #f1c478,  #f1c478); color: rgba(0, 0, 0, 0); font-size: 35px; background-clip: text; padding-left: 45px; }
.in-news-con2 .tits{ font-size: 20px; position: relative; padding-left: 11px; margin-bottom: 10px; }
.in-news-con2 .tits:before{ background: #ff0000; content: ""; height: 20px; width: 5px; position: absolute; left: 0; top:3px;}
.in-news-left{ margin-left: 70px; flex:0 0 50%; }
.in-news-left li{ display: flex; justify-content: space-between; align-items: center; height: 32px; }
.in-news-left li a{ flex:1; padding-right: 20px; padding-left: 15px; position: relative;  }
.in-news-left li a:before{ background: #ff0000; border-radius: 50%; content: ""; height: 5px; width: 5px; position: absolute; left: 0; top:50%; transform: translateY(-50%);}
.in-news-left li span{ flex:0 0 100px; color: #7d7d7d; font-size: 12px; }
.in-news-right{ flex:1; }  
.in-news-right li{ display: flex; align-items: center; height: 32px; }
.in-news-right li i{ flex:0 0 16px; height: 16px; font-size: 12px; margin-right: 10px; background-color: #c2c3c3; color: #FFF; display: flex; justify-content: center; align-items: center; }
.in-news-right li a{ overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.in-news-right li:nth-child(-n+3) i{ background: #ff0000; }

.footer{ background: #efefef;}
.flogo{ text-align: center; padding: 40px 0; border-bottom: 1px solid #ff1518; }
.flogo img{ height: 60px; }
.fnav{ text-align: center; font-size: 18px; color: #666; padding: 45px 0;}
.fnav a{ color: #666; }
.fnav span{ margin:0 50px; }
.footer-ewm{ display: flex; align-items: center; justify-content: space-around; padding-bottom: 50px; border-bottom: 1px solid #ff1518; }
.footer-ewm .ewm{ display: flex; align-items: center; font-size: 18px; }
.footer-ewm .ewm p{ margin-right: 20px; }
.footer-ewm .ewm img{ height: 130px; }
.footer-ewm .tel{ font-size: 20px; text-align: center; }
.footer-ewm .tel span{ display: block; font-size: 30px; }
.footer-ewm .email{ font-size: 20px; text-align: center; }
.footer-ewm .email span{ display: block; font-size: 30px; }
.links{ padding: 20px 0; text-align: center; color: #666;}
.links a{ color: #666; margin-left: 30px; }
.zhengshu{ text-align: center; margin-top: 15px; }
.copyright{ padding: 15px 0; line-height: 25px; text-align: center; }
.copyright a{ color: #666; text-decoration: underline; }

.tanchuang-bg{ display: none; background-color: rgba(0,0,0,0.5); position: fixed; left: 0; top:0; width: 100%; height: 100%; z-index: 9999; }
.tanchuang{display: none; position: fixed; left: 50%; top:50%; width: 360px; height: 450px; transform: translate(-50%,-50%); z-index:10000; background:#FFF; padding: 24px; }
.tanchuang .close{ position: absolute; right: 20px; top:20px; cursor: pointer; }
.tanchuang .close i{ font-size: 20px; }
.tanchuang h2{ font-size: 16px; text-align: center; margin:25px 0;}
.tanchuang .formgroup{ display: flex; margin-bottom: 14px; }
.tanchuang .formgroup span{ flex:1; display: flex; }
.tanchuang .formgroup span input{ background: #f8f8f8; flex:1; height: 40px; padding-left: 15px; border: none;}
.tanchuang .formgroup select{ background: #f8f8f8; flex:1; height: 40px; padding-left: 12px; border: none; color: #666;}
.tanchuang .formgroup i{ margin-right: 7px; }
.tanchuang .formgroup p{ flex:1; color: #999; font-size: 12px; }
.tanchuang button{ width: 100%; height: 42px; border-radius: 4px; background-color: #e60012; color: #FFF; border: none; }

.kefu{ position: fixed; right:40px; top:50%; transform: translateY(-50%); z-index: 900; width: 80px; background: #FFF; }
.kefu li{  position: relative; margin-top: -1px; }
.kefu li a{ display: block; width: 80px; height: 80px; border: 1px solid #e1e1e1; text-align: center; padding-top: 12px;  }
.kefu li i{ font-size:32px; color: #ff0000; }
.kefu li em img{ width: 33px; height: 33px; border-radius: 50%; }
.kefu li span {display: block; font-size: 12px; color: #666; margin-top: 5px;}
.kefu li .tel{ display: none; position: absolute; top:50%; right: 90px; transform:translateY(-50%);  z-index: 10; transition: 0.3s; width: 210px; background: #eee; color: #666; text-align: center;  padding: 10px; border-radius: 5px;}
.kefu li .tel:before{ position: absolute; right: -15px; top:50%; transform:translateY(-50%); width: 0; height: 0; border: 8px solid transparent; border-left:8px solid #eee; content:'';}
.kefu li .tel span{ display: block; font-size: 20px; margin-top: 5px; color: #666 }
.kefu li .ewm{ display: none; position: absolute; top:50%; right: 90px; transform:translateY(-50%);  z-index: 10; transition: 0.3s; width: 150px; background: #eee; padding: 10px; border-radius: 5px; }
.kefu li .ewm:before{ position: absolute; right: -15px; top:50%; transform:translateY(-50%); width: 0; height: 0; border: 8px solid transparent; border-left:8px solid #eee; content:'';}
.kefu li .ewm img{ width: 100%; }
.kefu li.active .ewm,.kefu li.active .tel{ display: block; }

.about1 ul{ margin:0 0 0 -20px; }
.about1 li{ float: left; width: 25%; }
.about1 li a{ display: block; background-color: #031735;/*background-image: url(../images/icon-bg1.png);*/ margin: 0 0 0 20px; color: #f1c478;  height: 180px; padding: 60px 0 0 25px; background-size: 100% 100%; background-repeat: no-repeat; background-position: 50%;     background-image: url(../images/bg1.jpg);border-radius: 10px;}
.about1 li:nth-child(2) a{ /*background-image: url(../images/icon-bg2.png);*/    background-image: url(../images/bg1.jpg); }
.about1 li:nth-child(3) a{ /*background-image: url(../images/icon-bg3.png);*/    background-image: url(../images/bg1.jpg); }
.about1 li:nth-child(4) a{ /*background-image: url(../images/icon-bg4.png);*/    background-image: url(../images/bg1.jpg); }
.about1 li h2{ font-size: 24px; }
.about1 li h2 span{ font-size: 48px; }
.about1 li p{ font-size: 24px; }

.about2-menu{ display: flex; margin-bottom: 50px; }
.about2-menu li{ flex:1; margin-right: 50px; display: flex; align-items: flex-end; }
.about2-menu li:last-child{ margin-right: 0; }
.about2-menu li .icon{ flex:0 0 228px; height: 120px; margin-right: 15px; padding: 33px 0 15px 120px; background-image: url(../images/icon-bg5.png);  background-size: 100% 100%; background-repeat: no-repeat; background-position: 50%; font-size: 20px; line-height: 32px; color: #fff; }
.about2-menu li .icon h2{ font-weight: normal; }
.about2-menu li .text{ flex:1; text-align: center; background: #e6e4e5; border-radius: 8px; font-size: 32px; color: #373737; height: 102px; line-height: 102px; }

.about2-con ul{ margin:0 0 0 -25px; }
.about2-con li{ float: left; width: 20%; }
.about2-con li a{ display: block; margin: 0 0 25px 25px; }
.about2-con .swiper-button-prev{ background-size: 30%; width: 36px; height: 36px; border-radius: 50%; background-color: rgba(0,0,0,0.5); 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") }
.about2-con .swiper-button-next{ background-size: 30%; width: 36px; height: 36px; border-radius: 50%; background-color: rgba(0,0,0,0.5); 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") }

.about3{ background:url(../images/bg5.jpg) no-repeat center / cover; }
.about3 .con{ display: flex; }
.about3 .con ul{ flex:1; margin-right: 20px; }
.about3 .con ul:nth-child(2n){ margin-top: 80px; }
.about3 .con ul:last-child{ margin-right: 0; }
.about3 .con li{ margin-bottom: 20px; }
.about3 .con li img{ border-radius: 8px; }
.about3 .con li a:hover img{ transform: scale(1.1); }

.about4 ul{ margin:0 0 0 -20px; }
.about4 li{ float: left; width: 33.333%; }
.about4 li a{ display: flex; margin: 0 0 40px 20px; padding: 25px; height: 135px; justify-content: space-between; align-items: center; background: linear-gradient(143deg, #eaf5ff, #e6e5ff); border-radius: 8px; }
.about4 li .text{ flex:0 0 80%; }
.about4 li h2{ background-image: linear-gradient(0deg, #7a60ff, #41a7ff 88%, #4cd4f9 99%); font-size: 28px; font-weight: normal; background-clip: text; }
.about4 li p{ font-size: 20px; color: #7f8a9b; display: flex; align-items: center; margin-top: 8px; }
.about4 li p i{ flex:0 0 20px; height: 20px; margin-left: 8px; border: 1px solid #7f8a9b; border-radius: 50%; display: flex; justify-content: center; align-items: center; }
.about4 .btns{ text-align: center; }
.about4 .btns a{ display: inline-block; padding: 0 50px; line-height: 48px; border-radius: 24px; border: 1px solid #565556; }

/*.banner-sub{ background: no-repeat center / cover; height: 400px; }*/

.section-sub{ background-color: #f5f5f5; padding: 30px 0; }

.ct-sd{ float: left; width: 220px; min-height: 600px; }
.ct-mn{ float: right; width: calc(100% - 240px); padding: 40px; background: #FFF; }

.panel-sd{ background-color: #FFF;margin-bottom: 12px; padding: 10px; }
.panel-sd .tits{ background: #e60012; padding: 15px 0; text-align: center;}
.panel-sd .tits img{ height: 46px; }
.panel-sd .tits2{ font-size: 16px; text-align: center; margin:15px 0; font-weight: bold;}
.panel-sd .tits3{ line-height: 60px; background-color: #ffaa01; color: #FFF; text-align: center; font-size: 16px; font-weight: bold; position: relative; }
.panel-sd .tits3:before{ position: absolute; left: 15px; top:0; content:'#'; font-size: 40px; color: rgba(255,255,255,0.5); }
.panel-sd .tits3:after{ position: absolute; right: 15px; top:15px; content:'#'; font-size: 30px; color: rgba(255,255,255,0.3); }

.lanmu li a{ display: block; line-height: 44px; border-bottom: 1px solid #eaeaea; padding-left: 15px; font-size: 16px; }

.sortname{ margin-bottom: 35px; border-bottom: 2px solid #f5f5f5; height: 30px; }
.sortname span{ color: #e60012; font-size: 16px; position: relative; }
.sortname span:before{ position: absolute; left: 0; bottom: -9px; width: 100%; height: 2px; background-color: #e60012; content:''; }
.sortname2{ font-size: 32px; font-weight: bold;}

.lanmu4{ display: flex; margin-top: 20px;}
.lanmu4 li a{ display: block; line-height: 52px; margin-right: 20px; text-align: center; color: #333; font-size: 18px; }
.lanmu4 li.active a{ color: #e60012;}

.list-1 li a{ display: flex;  padding: 15px; background-color: #FFF; margin-bottom: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.1) }
.list-1-1 li a{ box-shadow: none; border-bottom: 1px dashed #eaeaea; padding: 25px 0;  margin-bottom: 0;}
.list-1 li .img-cover{ flex:0 0 230px; height: 160px; margin-right: 12px; }
.list-1 li .text{ flex:1; position: relative; }
.list-1 li .text h2{ font-size: 16px; margin-bottom: 10px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.list-1 li .text p{ color: #666666; line-height: 1.6; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.list-1 li .text .date{ position: absolute; left: 0; bottom: 0; font-size: 12px; color: #999; display: flex; justify-content: space-between; width: 100%; }
.list-1 li .text .date i{ color: #e19600; }
.list-1 li a:hover .img-cover span{ transform: scale(1.1); }

.info-content{ background-color: #FFF; }
.info-content-title{ margin-bottom: 30px; }
.info-content-title h1{ text-align: center; font-size: 20px; }
.info-content-exp{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.info-content-exp li{ flex:0 0 45%; font-size: 16px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.info-content-exp li a{ color: #006ab8;  }
.info-content .date{ display: flex; margin-bottom: 20px; justify-content: space-between; align-items: center; font-size: 12px; color: #999; }
.info-content .date p i{ color:#e19600; }
.info-content-body{ line-height: 2.2; }
.info-content-body img{ max-width: 100%; }

.mess{ padding: 10px; }
.mess .formgroup{ display: flex; margin-bottom: 14px; }
.mess .formgroup span{ flex:1; display: flex; }
.mess .formgroup span input{ background: #f8f8f8; flex:1; height: 40px; padding-left: 15px; border: none;}
.mess .formgroup select{ background: #f8f8f8; flex:1; height: 40px; padding-left: 12px; border: none; color: #666;}
.mess .formgroup i{ margin-right: 7px; }
.mess .formgroup p{ flex:1; color: #999; font-size: 12px; }
.mess button{ width: 100%; height: 42px; border-radius: 4px; background-color: #e60012; color: #FFF; border: none; }

.tag{ padding: 4px; font-size: 0;}
.tag li{ display: inline-block; margin-right: 8px; margin-bottom: 8px; }
.tag li a{ display: block; padding: 0 14px; line-height: 28px; border-radius: 14px; border: 1px solid #e60012; font-size: 14px; color: #e60012;}
.tag li a:hover{ background: #e60012; color: #FFF; }

.xg-news{ padding: 60px 0 0;}
.xg-news .tits{ margin-bottom: 20px; font-size: 16px; }
.xg-news .tits span{ color: #ffaa00; }
.xg-news ul{ margin:0 0 0 -13px; }
.xg-news li{ float: left; width: 33.333%; }
.xg-news li .items{ display: block; margin:0 0 20px 13px; }
.xg-news li .img-cover{ padding-top: 65%; border-radius: 8px; }
.xg-news li:hover .img-cover span{ transform: scale(1.1); }
.xg-news li .text{ padding-top: 10px; }
.xg-news li .text h2{ font-size: 14px; }
.xg-news li .text .tags{ margin:10px 0; }
.xg-news li .text .tags a{ display: inline-block; padding: 0 10px; line-height: 22px; border: 1px solid #e19600; margin-right: 10px; color: #e19600; }
.xg-news li .text .date{ font-size: 12px; }

.hot{ padding: 14px; }
.hot li a{ float: left; width: 90%; line-height: 32px; color: #666; }
.hot li i{ float: right; width: 10%; line-height: 32px; color: #e60012; }

.news-menu{ border-bottom: 1px solid #f4f4f4; height: 60px; display: flex; align-items: center; text-align: center; }
.news-menu li{ flex:1; }
.news-menu li a{ display: block; font-size: 16px; position: relative;}
.news-menu li.active a{ color: #e19600; }
.news-menu li.active a:before{ position: absolute; left: 0; bottom: -20px; width: 100%; height: 2px; background-color: #e19600; content: ''; }
.news-con{ padding: 14px; }
.news-con li a{ line-height: 30px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.news-con li i{ width: 18px; height: 18px; line-height: 18px; text-align: center; display: inline-block; margin-right: 5px; border-radius: 4px; }
.news-con li:nth-child(-n+2) i{ background: #e60012; color: #FFF; }

.lanmu2{  background-color: #f5f5f5; line-height: 56px; font-size: 0; text-align: center; }
.lanmu2 li{ display: inline-block; margin:0 70px; }
.lanmu2 li a{ position: relative; display: block; font-size: 15px; }
.lanmu2 li.active a:before{ position: absolute; left: 0; bottom: -3px; width: 100%; height: 2px; background-color: #ff1518; content:''; }

.section-title2{ margin-bottom: 30px; }
.section-title2 strong{ font-size: 35px; position: relative; padding-bottom: 15px; display: block; color: #f1c478;}
.section-title2 strong:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 40px; height: 4px; background-color: #ff1518; color: #f1c478}

.jianjie1{ display: flex; }
.jianjie1 .text{ flex:1; font-size: 18px; line-height: 2; }
.jianjie1 .text p{ text-indent: 35px; }
.jianjie1 .video{ flex:0 0 50%; margin-left: 40px; }

.jianjie2{ display: flex; }
.jianjie2 li{ flex:1; margin-right: 75px; }
.jianjie2 li:last-child{ margin-right: 0; }
.jianjie2 li a{ display: block; border-radius: 10px; color: #FFF; overflow: hidden; }
.jianjie2 li .text{ background: linear-gradient(33deg, #ff1518, #fe7d7e); padding: 20px; }
.jianjie2 li .text h2{ font-size: 24px; }
.jianjie2 li .text p{ font-size: 17px; margin-top: 5px; }

.jianjie3 ul{ margin:0 0 0 -35px; }
.jianjie3 li{ float: left; width: 33.333%; }
.jianjie3 li a{ display: block; margin:0 0 35px 35px; box-shadow: 0 0 15px rgba(0,0,0,0.2) }
.jianjie3 li .img-cover{ padding-top: 65%; }
.jianjie3 li .text{ padding: 20px; }
.jianjie3 li .text h2{ font-size: 18px; }
.jianjie3 li .text p{ display: flex; align-items: center; justify-content: space-between; padding-top: 10px; border-top: 1px solid #333; margin-top: 10px; }
.jianjie3 li a:hover{ background: #ff1518; color: #FFF; }
.jianjie3 li a:hover .img-cover span{ transform: scale(1.1); }
.jianjie3 li a:hover .text p{ border-color: #FFF; }
.jianjie3 .btns{ text-align: center; }
.jianjie3 .btns a{ display: inline-block; padding: 0 30px; line-height: 39px; border-radius: 20px; border: 1px solid #4d4d4d; }

.jianjie4{ background: url(../images/bg1.jpg) no-repeat center / cover; }
.jianjie4 .con{ height: 150px; overflow: hidden;  white-space: nowrap; }
.jianjie4 .con li{ display: inline-block; white-space: nowrap;  margin-right: 50px;   }
.jianjie4 .con li a{ display: block; border-radius: 8px; background-color: #FFF; text-align: center; font-size: 12px; padding: 15px;   }
.jianjie4 .con li img{ height: 100px; }

.jianjie5{ display: flex; height: 450px;  }
.jianjie5 .section-title2{ flex:0 0 200px; padding: 150px 0 0; }
.jianjie-menu{ flex:0 0 100px; margin-left: 40px; height: 450px; padding: 50px 0;  border-right: 1px solid #ddd; overflow-x: hidden; overflow-y: scroll;}
.jianjie-menu::-webkit-scrollbar{width:7px;height:7px;background-color:#d8d8d8}
.jianjie-menu::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#d8d8d8}
.jianjie-menu::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#666}
.jianjie-menu li a{ color: #b1b1b1; font-size: 24px; line-height: 50px; margin-bottom: 30px; position: relative; padding-right: 15px;}
.jianjie-menu li.active a{ font-size: 30px; color: #ff1518; }
.jianjie-menu li.active a:before{ position: absolute; right:0; top:0; width: 2px; height: 100%; background-color: #ff1518; content: ''; }
.jianjie-con{ flex:1; padding-top: 50px; }
.jianjie-con .con h2{ font-size: 67px; color: #ff1518; }
.jianjie-con .con p{ font-size: 19px; color: #454748; line-height: 1.8; }

.contact1{ display: flex; align-items: center; }
.contact1 .text{ flex:1; }
.contact1 .text .con{ font-size: 24px; line-height: 2; color: #666 }
.contact1 .text .con p{ margin-bottom: 20px; }
.contact1 .img-center{ flex:1; margin-left: 20px; }

.contact2{ margin:0 0 0 -50px; }
.contact2 li{ float: left; width: 50%; }
.contact2 li .items{ display: block; position: relative; height: 240px; margin: 0 0 30px 50px; background: #eef6ff; box-shadow: 0 4px 12px 0 rgba(45,89,198,.2); border-radius: 8px; overflow: hidden; }
.contact2 li .img-center{ position: absolute; right:10px; top:0; }
.contact2 li .text .tits{ padding-top: 30px; display: flex; position: relative; }
.contact2 li .text .tits h2{ position: relative; width: 248px; height: 50px; z-index: 2; padding-left: 15px; display: flex; align-items: center; }
.contact2 li .text .tits h2:before{content: "";  position: absolute; z-index: 1; left: -20px; top: 0; width: calc(100% + 20px); height: 100%; border-radius: 10px; transform: skew(-20deg); background: linear-gradient(270deg, #ff2828, #ff7171);}
.contact2 li .text .tits h2 span{ font-size: 42px; color: #FFF; position: relative; z-index: 2;  margin-right: 5px; }
.contact2 li .text .tits h2 em{ color: #FFF; position: relative; z-index: 3; font-size: 28px; }
.contact2 li .text .tits h3{ position: relative; top:17px; margin-left: -30px; width: 328px; line-height: 30px; height: 33px; padding-left: 40px; background: linear-gradient(270deg, rgba(238, 245, 255, 0), rgba(235, 243, 255, .77) 23%, #cbd8ff); font-size: 13px; color: #7786a6; }
.contact2 li .text .con{ font-size: 26px; line-height: 1.5; padding-top: 30px; padding-left: 30px;font-weight: bold;}

.contact3{ background: url(../images/bg6.jpg) no-repeat center / cover; }
.contact3 .tits{ margin-bottom: 50px; text-align: center; }
.contact3 .tits h2{ font-size: 38px; display: flex; justify-content: center; align-items: center; font-weight: normal; color: #FFF; }
.contact3 .tits h2 span{ padding: 0 10px; }
.contact3 .tits p{ font-size: 30px; color: #ffde25; }
.contact3 .con{ margin:0 90px; background-color: rgba(0,0,0,0.5);  color: #FFF; padding: 20px; font-size: 18px; line-height: 1.8; border-radius: 15px;}  

.lanmu3{ display: flex;}
.lanmu3 li{ flex:1; }
.lanmu3 li a{ display: block; line-height: 52px; border-bottom: 1px solid #d6d6d6; text-align: center; color: #858585; font-size: 24px; }
.lanmu3 li.active a{ border-color: #ff1518; color: #333; background: linear-gradient(180deg, #fff, #fff0f0);}

.service1{ display: flex; }
.service1 li{ flex:0 0 160px;  margin-right: 20px; }
.service1 li:last-child{ margin-right: 0; }
.service1 li a{ display: block; border-radius: 15px; position: relative; overflow: hidden; }
.service1 li .img-cover{ background: no-repeat center / cover; height: 448px; }
.service1 li.active{ flex:1; }
.service1 li .bottom{ position: absolute; left: 0; bottom: 0; width: 100%; height: 130px; background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), rgba(61, 61, 61, .74) 59%, #282828); color: #FFF; display: flex; justify-content: center; align-items: center;}
.service1 li .bottom .icon{ display: none; }
.service1 li.active .bottom{ background: rgba(40, 40, 40, .6); justify-content: space-between;}
.service1 li.active .bottom h2{ text-align: center; flex:0 0 200px; font-weight: normal; font-size: 28px;  }
.service1 li.active .bottom .icon{ display: flex; flex:1; margin-left: 50px; }
.service1 li.active .bottom .icon p{ text-align: center; flex:1; }
.service1 li.active .bottom .icon p img{ display: block; height: 30px; margin:auto; }
.service1 li.active .bottom .icon p span{ font-size: 20px; font-weight: bold; }

.service2{ display: flex; justify-content: space-between; margin-bottom: 60px; }
.service2 .tits{ flex: 0 0 437px; }
.service2 .tits .text{ font-size: 16px; color: #888; line-height: 1.8; }
.service2 .con{ flex: 0 0 50%; display: flex; }
.service2 .con ul{ flex:1; }
.service2 .con li{ display: block; height: 100px; position: relative; margin-right: 20px; margin-bottom: 20px; padding:10px 16px; background: linear-gradient(224deg, #fff6f6, #fff 31%, #fff); border: 1px solid #d8d8d8;  border-radius: 13px; }
.service2 .con li h2{ color: #ff1518; font-size: 24px; }
.service2 .con li h2 span{ font-size: 36px;}
.service2 .con li p{ font-size: 20px; }
.service2 .con li .img-center{ position: absolute; right: 0; top:0; }
.service2 .con li .img-center img{ height: 55px; }
.service2 .con .items{ flex:1; display: block;  height: 220px; position: relative; padding: 16px; background: linear-gradient(224deg, #fff6f6, #fff 31%, #fff); border: 1px solid #d8d8d8;  border-radius: 13px; }
.service2 .con .items .text{ padding-top: 115px; }
.service2 .con .items h2{ color: #ff1518; font-size: 24px; }
.service2 .con .items h2 span{ font-size: 36px;}
.service2 .con .items p{ font-size: 20px; }
.service2 .con .items .img-center{ position: absolute; right: 0; top:0; }
.service2 .con .items .img-center img{ height: 85px; }



.service3{ background:url(../images/bg7.jpg) no-repeat top center / cover; }
.service3 .con{ display: flex; align-items: center; }
.service3 .con ul{ flex:1; margin-right: 120px; }
.service3 .con li{ float: left; width: 50%; }
.service3 .con li .text{ display: block; margin:0 20px 20px 0; padding: 20px 0; background: #fff; text-align: center; border-radius: 13px; box-shadow: 0 2px 5px 0 rgba(0,0,0,.1); }
.service3 .con li h2{ font-size: 25px; color: #ff1518; position: relative; padding-bottom: 10px; margin-bottom: 10px;}
.service3 .con li h2:before{ position: absolute; left: 50%; bottom: 0; margin-left: -21px; width: 42px; height: 2px; background: #6f7070; content: '' }
.service3 .con li p{ font-size: 18px; color: #6f7070; }

.service3 .con .youshi{ flex:1; height: 470px; position: relative; }
.service3 .con .youshi .items{ display: flex; justify-content: center; align-items: center; text-align: center; background: rgba(255,255,255,.42); border-radius: 50%; box-shadow: 0 2px 3px 0 rgba(0,0,0,.1); height: 275px; overflow: hidden; width: 275px; }
.service3 .con .youshi .items:first-child{ position: absolute; left: 50%; top: 0; transform: translateX(-50%); }
.service3 .con .youshi .items:nth-child(2){ position: absolute; left: 0; bottom: 0; }
.service3 .con .youshi .items:nth-child(3){ position: absolute; right: 0; bottom: 0; }
.service3 .con .youshi h2{ font-size: 36px; }
.service3 .con .youshi p{ font-size: 18px; margin-top: 10px; }

.service4{ background:url(../images/bg8.png) no-repeat top center; }
.service4 ul{  font-size: 0; text-align: center;}
.service4 li{ display: inline-block; width: 25%; }
.service4 li a{ display: block; background: #fafafa; border-radius: 13px; line-height: 125px; padding: 5px; margin:0 17px 34px; box-shadow: 0 2px 5px 0 rgba(0,0,0,.15); color: #333; font-size: 26px; }
.service4 li span{ border: 1px solid #e8e8e8; border-radius: 11px; display: block; font-weight: bold; }
.service4 li a:hover{ background: #f42225; color: #FFF;}
.service4 li a:hover span{ border-color: #FFF; }  

.pages{ font-size: 0; text-align: center; margin-top: 15px; }
.pages li{ display: inline-block; }
.pages li a{ display: block; line-height: 35px; border: 1px solid #ddd; padding:0 13px; font-size: 14px; margin-left: -1px;}
.pages li.active a{ background-color: #f42225; color: #FFF; }