@import url(font-awesome.min.css);
@import url(swiper.min.css);
@import url(ui.css);
body{ width: 100%; font-family:'microsoft yahei',Source Han Sans CN,"Helvetica Neue",Helvetica,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;background: #f1f4f9 url(../images/bg2.png) repeat; color: #55595c; font-size: 14px;}

a{ color: #55595c; text-decoration:none}
a:hover{ color: #323232; }

.header{ background: url(../images/bg1.jpg) no-repeat center / cover;height: 145px;  }
.header .logo{ float: left; line-height: 145px;;  }
.header .text{ float: right; color: #FFF;  width: 360px; margin-top: 45px; text-align: center;}
.header .text h3{ font-size: 18px; margin-bottom: 8px; text-align: center; }
.header .text form{ display: flex; height: 26px; background: #FFF; border-radius:13px;}
.header .text form input{ flex:1; padding-left: 8px; height:100%; border: none; background: none; outline: none;} 
.header .text form button{ cursor: pointer; background: none; border: none; width: 50px; text-align: center;color: #2a7fab; font-size: 20px;}

.nav{ background: #FFF; width: 100%; text-align: center; position: relative;}
.nav ul{ display: flex; justify-content: center; line-height: 46px;}
.nav li{flex:1;}
.nav li a{ display: block; font-size: 18px; font-weight: bold; color: #54595f; position: relative; z-index: 1; }
.nav li a::before{ position: absolute; top:0; right: 0; width: 2px; height: 100%; background-color: #54595f; content:'';}
.nav li:last-child a:before{ display: none;}
.nav li a::after{ position: absolute; left:0; top: 100%; z-index: -1; transform: translateY(-100%); width: 100%; height: 0;background-color: #D8D3E7; content:''; transition: 0.5s;}
.nav li a:hover:after{ height: 100%;}
.nav li a:hover{ color: #FFF; }
.nav li.active a{ color: #FFF; background: #D8D3E7; }
.menu-btn{ background-color: #f2f2f2; height: 46px; width: 50px; padding-top: 10px; display:none; position: relative;  }
.menu-btn span{ width: 20px; height: 3px; background: #333; display: block; margin: 5px auto 0; transition: 0.3s;}

.menu-btn.on span:first-child{ transform:rotate(135deg); width: 25px; position: relative; top:5px;}
.menu-btn.on span:nth-child(2){ display: none; }
.menu-btn.on span:nth-child(3){ transform:rotate(-135deg); width: 25px; position: relative; top:-3px; }

.banner{ position: relative; width: 100%; height: 450px; }
.banner .swiper-slide{ background: no-repeat center / cover;  }
.banner .swiper-slide .text-bg{ height: 100%;}
.banner .swiper-slide .text-bg .container{ height: 100%;}
.banner .swiper-slide .text{ display: flex; align-items: center; color: #FFF; width: 60%; height: 100%;  transform:translateX(400px);;opacity:0;transition:all 0.5s 0.8s;}
.banner .swiper-slide .text h2{ font-size: 40px;}
.banner .swiper-slide .text p{ color: rgba(255,255,255,0.8); margin:20px 0; line-height: 22px; font-size: 16px;}
.banner .swiper-slide .text .btns a{ display: inline-block; padding: 0 23px;line-height: 42px; background-color: #D8D3E7; border-radius: 5px; color: #FFF; font-weight: bold; font-size: 20px; }
.banner .swiper-slide .text .btns a:hover{ background-color: #46a6f4;}
.banner .swiper-slide-active .text{ opacity: 1;transform:translateY(0); }
.banner .swiper-pagination-bullet{ width: 10px; height: 10px; opacity: 1; background: #FFF; }
.banner .swiper-pagination-bullet-active{background-color: #D8D3E7;}

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

.section-title2{ text-align: center;margin-bottom: 30px; color: #FFF; }
.section-title2 strong{ font-size: 28px; }
.section-title2 span{ font-size: 18px; margin-top: 15px ; display: block;}

.in-service .items a{ display: block; text-align: center; background-color: #f7f7f7;  box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.in-service .items a:hover{ color: #000;}
.in-service .items .img-cover{ padding-top: 55%;}
.in-service .items .img-cover i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.in-service .items a:hover .img-cover i{ background-color: rgba(0,0,0,0.2);}
.in-service .items .text{ padding: 35px;}
.in-service .items .text h2{ margin-bottom: 10px;}
.in-service .items .text .btns{ margin-top: 15px;; display: inline-block; padding: 0 23px; line-height: 40px; border: 2px solid #55595c; border-radius: 3px;}

.in-number{ background: url(../images/bg3.jpg) no-repeat center / cover; padding: 80px 0; background-attachment: fixed;}
.in-number li{  text-align: center; color: #FFF; }
.in-number li h2 span{ font-size: 34px;}

.bg1{ padding: 20px; background-color: #FFF; margin-bottom: 15px;}
.hotnews{ margin-bottom: 20px;}
.hotnews a{ display: block; text-align: center; color: #D8D3E7;}
.hotnews h2{ font-size: 24px; margin-bottom: 8px; }
.hotnews p{ color: #777;}

.focus{ position: relative;}
.focus .swiper-slide a{ display: block; position: relative;}
.focus .swiper-slide .img-cover{ padding-top: 55%;}
.focus .swiper-slide .text{ position: absolute; bottom: 0; left: 0; width: 100%; line-height: 42px; background: rgba(0,0,0,0.8); color: #FFF; padding: 0 15px;}
.focus .swiper-button-prev{ background: rgba(0,0,0,0.7); width: 26px; height: 26px; left:0; color: #dbdbdb; border-radius: 4px;}
.focus .swiper-button-prev img{ position: relative; top:-3px; left: -3px;}
.focus .swiper-button-next{ background: rgba(0,0,0,0.7); width: 26px; height: 26px; right:0; color: #dbdbdb; border-radius: 4px;}
.focus .swiper-button-next img{ position: relative; top:-3px; left: -3px;}
.focus .pagination{ position: absolute; bottom: 10px; left:auto; right: 15px; width: auto; z-index: 999; }
.focus .swiper-pagination-bullet{ width: 10px; height: 10px; opacity: 1; background: #d1d0d0; }
.focus .swiper-pagination-bullet-active{background-color: #1d81f9;}

.in-news .tits{ background-color: #D8D3E7; color: #FFF; font-size: 24px; line-height: 35px; font-weight: bold; padding-left: 15px;}
.in-news li a{ display: block; padding-top: 15px;}
.in-news li h2{ font-size: 18px;}
.in-news li p{ margin-top: 8px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.in-zhuanti a{ border-radius: 10px; height: 124px; position: relative; display: block; color: #FFF; text-align: center; background: url(../images/bg1.jpg) no-repeat center; overflow: hidden;}
.in-zhuanti .tits{ background-color: #E82A00; margin-top: 25px;transform: translateY(-50%) translateX(-50%) translateX(25px) rotate(-45deg); font-family: "Roboto", Sans-serif; font-size: 16px;font-weight: 500; ; letter-spacing: 5px; box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 50%);}
.in-zhuanti .text{ position: absolute; left: 0; top:0; width:100%; height:100%; display: flex; justify-content: center; align-items: center;}
.in-zhuanti .text h2{ font-size: 24px;}

.in-news2 .tits{ font-size: 20px; color: #D8D3E7; position: relative; margin-bottom: 15px;  font-weight: bold; padding-left: 20px;}
.in-news2 .tits::before{ position: absolute; left: 0; top:5px; background-color: #D8D3E7; width: 10px; height: 20px; content: '';}
.in-news2 .tits2{ background: #D8D3E7; height: 30px; padding: 0 20px; display: flex; justify-content: space-between; align-items: center; color: #FFF;}
.in-news2 .tits2 span{ font-weight: bold; font-size: 20px;}
.in-news2 .tits2 a{ color: #FFF;}
.in-news2 ul{ padding: 10px 0 0;}
.in-news2 li a{ display: block; line-height: 30px; font-size: 15px; position: relative; padding-left: 20px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.in-news2 li a::before{ position: absolute; left:5px; top:13px; width: 6px; height: 6px; border-radius: 50%; background-color: #54595f; content:'';}

.in-case{ padding: 0 30px; position: relative; }
.in-case a{ display: block; text-align: center;}
.in-case .img-cover{ margin:auto; width: 150px; height: 150px; border-radius: 50%; overflow: hidden;}
.in-case .text {padding: 10px 0;}
.in-case .text h2{ font-size: 18px;}
.in-case .text p{ margin:5px 0; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.in-case .btns{ background-color: #f49e0b; color: #FFF; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 18px;}
.in-case .btns i{ font-size: 24px; margin-right: 8px;}
.in-case .swiper-button-prev{ background: rgba(0,0,0,0.7); width: 26px; height: 26px; left:0; color: #dbdbdb; border-radius: 4px;}
.in-case .swiper-button-prev img{ position: relative; top:-3px; left: -3px;}
.in-case .swiper-button-next{ background: rgba(0,0,0,0.7); width: 26px; height: 26px; right:0; color: #dbdbdb; border-radius: 4px;}
.in-case .swiper-button-next img{ position: relative; top:-3px; left: -3px;}

.bg2{ margin-bottom: 15px; padding: 5px; background-color: #FFF;}
.in-jg{ background-color: #D8D3E7; padding: 5px;}
.in-jg p{ background-color: #D8D3E7; border: 5px solid #FFF; text-align: center; font-size: 40px; color: #FFF; padding: 50px;} 
.in-jg p a{ color: #FFF; }

.in-ys{ padding: 60px 0 0; background-color: #FFF;}
.in-ys .items{ padding: 50px; background-color: #FFF; box-shadow: 0 0 15px rgba(0,0,0,0.2); margin:50px; border-bottom: 5px solid #D8D3E7;}
.in-ys .items h2{ font-size: 38px; color: #D8D3E7; line-height: 45px;}
.in-ys .items p{ color: #a3a3a3; font-size: 16px; margin-top: 20px;}
.in-ys .items ul{ padding: 20px 0 80px; }
.in-ys .items li{ font-size: 16px; line-height: 33px;}
.in-ys .items li i{ font-size: 20px; color: #D8D3E7; font-weight: 400;}

.in-yizhan{ background-color: #9890b1;}
.in-yizhan-con{ background-color: #FFF; padding: 30px; border-radius: 15px;}
.in-yizhan-con .items{ display: block; position: relative; overflow: hidden; background-color: #D8D3E7; height: 313px;}
.in-yizhan-con .items:hover{ background-color: #2d93e5; }
.in-yizhan-con .items .number{ position: absolute; right: 0; top:0; width: 150px; height: 150px; line-height: 80px; text-align: center; transform: rotate(90deg); overflow: hidden;}
.in-yizhan-con .items .number span{ width: 200%;display: block;  background-color: #FC3636; color: #FFF; margin-top: 20px; transform: translateY(-50%) translateX(-50%) translateX(25px) rotate(-45deg); font-size: 40px;}
.in-yizhan-con .items .text{ padding: 30px; color: #FFF; }
.in-yizhan-con .items .text .tits{ font-size: 24px;}
.in-yizhan-con .items .text .tits span{ display: block;}
.in-yizhan-con .items .text p{ font-size: 15px; margin-top: 15px; line-height: 25px;}
.in-yizhan-con .items .text p span{ display: block;}


.in-rc{ padding: 20px 0; background-color: #FFF;}
.in-rc .img-cover{ padding-top: 55%;}
.in-rc h2{ background-color: #9890b1; color: #FFF; text-align: center; line-height: 60px; font-size: 24px;}
.in-rc .items{ padding: 10px 10px 0; border: 1px solid #c5c5c5; color: #7a7a7a;}
.in-rc .items .text{ padding-bottom: 15px; font-size: 16px; line-height: 25px; height: 85px; border-bottom: 1px dashed #c5c5c5;}
.in-rc .items ul{ padding: 15px 0; border-bottom: 1px dashed #c5c5c5;}
.in-rc .items li{ font-size: 16px; line-height: 25px;}
.in-rc .items li i{ margin-right: 10px; color: #9890b1;}
.in-rc .items .btns{ text-align: center; margin-top: 15px;}
.in-rc .items .btns a{ display: inline-block; padding: 0 23px; line-height: 39px; border-radius: 4px; background-color: #D8D3E7; color: #FFF;}
.in-rc .items .btns a:hover{ background-color: #2d93e5;}

.in-welcome{ background-color: #3a3a3a; padding: 60px 15px 80px; text-align: center;}
.in-welcome h2{ font-size: 80px; color: #D8D3E7;}
.in-welcome p{ font-size: 16px; color: rgba(255,255,255,0.6); margin: 30px 0 15px;}
.in-welcome h3{ font-size: 17px; color: #FFF; font-weight: normal; letter-spacing: 8px;}

.footer{ background: #656565; padding-top: 35px; color: #FFF; }
.footer a {color: #FFF;}
.footer .flogo{ float: left;  }
.footer .flogo .tel {padding-left: 65px; background: url(../images/tel.png) no-repeat left center; margin-top: 25px;}
.footer .flogo .tel i{ display: block; font-size: 24px; font-weight: bold; }
.footer .fnav{ float: left; margin-left: 100px; display: flex; }
.footer .fnav dl {margin-right: 40px;}
.footer .fnav dl dt a{ font-size: 16px; line-height: 35px; }
.footer .fnav dl dd a { display: block; line-height: 30px; }
.footer .ewm{ float: right; width: 210px; display: flex; justify-content: space-around; font-size: 12px;  text-align: center; }
.footer .ewm p span{ display: block; }
.footer .ewm img{ width: 90px; }
.footer .copyright{ line-height: 55px; text-align: center; background: #323232; width: 100%; overflow: hidden; position: relative; top: 30px; }

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

.section-sub{ padding: 50px 0; background: #FFF; }

.panel-sd .tits{ line-height: 60px; background: #D8D3E7; color: #FFF; text-align: center;font-size: 18px; position: relative;}
.panel-sd .tits:before{  position: absolute; left:50%; margin-left: -15px; bottom:-15px; content:''; width: 0px;height: 0px;border-left: 15px solid transparent; border-top: 15px solid #D8D3E7; border-right: 15px solid transparent; }
.lanmu{ border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; }
.lanmu li a{ display: block; line-height: 60px; border-bottom: 1px solid #e1e1e1; padding-left: 32px; font-size: 18px; }
.lanmu li a:hover,.lanmu li.active a{ color: #D8D3E7; }
.sub-tits{ font-size: 18px; line-height: 40px; border-bottom: 1px solid #e1e1e1; margin-bottom: 20px;}
.sub-tits span{  border-bottom: 2px solid #D8D3E7; display: inline-block; margin-left: 10px; }

.list-1 li a{ display: block; border: 1px solid #e1e1e1; padding: 30px 30px; margin: 0 0 37px; color: #999; overflow: hidden; }
.list-1 li a:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.1) }
.list-1 li h2{ color: #292e39; margin-bottom: 10px; display: flex; justify-content: space-around; align-items: center; border-bottom: 1px solid #e1e1e1; height: 50px; font-weight: normal; }
.list-1 li h2 span{ flex: 1; }
.list-1 li h2 i{ width: 120px; font-style: normal; font-family: Arial; }
.list-1 li p{ font-size: 16px; line-height: 25px; height: 75px; }
.list-1 li .btns{ display: inline-block; padding: 0 20px; line-height: 38px; border: 1px solid #e1e1e1; margin-top: 15px;}
.list-1 li a:hover .btns{ color: #FFF; background: #D8D3E7; border-color: #D8D3E7; }

.list-2 li a{ display: block; text-align: center; font-size: 16px; line-height: 30px; }

.infocontent{ padding: 40px 0; background: #FFF; }
.infocontent-title{margin-bottom:20px;  text-align:center;}
.infocontent-title h1{font-size:22px; }
.infocontent-title p{margin:15px 0 0;color:#999; display: inline-block; padding: 0 50px; border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc; line-height: 27px;}
.infocontent-title p span{padding:0 5px}

.infocontent-body{line-height:2;margin-bottom:20px; font-size: 16px;}
.infocontent-body img{max-width:100% !important;height:auto !important;width:auto !important}
.infocontent-epx li{ display: block; font-size: 16px; line-height: 30px; }

@media screen and (max-width:768px){
	.header .logo{ float: none; line-height: 100px; }
	.header .text{ float: none; width: auto; margin-top: 0;}
	.header .text h3{ font-size: 16px; }
	.header .text form{ display: none; }
	.nav ul{ display: none; }
    .nav ul.open{ display: block; }
    .nav li a::before{ display: none; }
    .nav li a::after{ display: none; }
	.menu-btn{ display: inline-block; }
    .banner .swiper-slide .text{ width: 90%; margin-left: 5%; }
	.banner .swiper-slide .text h2{ font-size: 30px;}
	.in-jg p{ font-size: 24px;}
	.in-ys .items{ padding: 30px; margin:0}
	.in-ys .items h2{ font-size: 32px;  line-height: 35px;}
	.in-yizhan-con .items{ height: auto;}
	.in-welcome{ padding: 30px 15px 30px; }
	.in-welcome h2{ font-size: 30px; }
	.in-welcome p{ margin: 10px 0 15px;}
	.footer .flogo{ float: none; width: auto; }
	.footer .flogo .tel{ margin:20px auto; width: 240px; }
	.footer .fnav{ display: none; }
	.footer .ewm{ float: none; width: auto; justify-content: center;}
	.footer .ewm p{ margin:0 20px; }
	.footer .copyright{ line-height: 23px; padding: 8px; top:20px; }

	.section-sub{ padding: 20px 0; }
	.list-1 li h2{ flex-wrap: wrap; height: auto; padding-bottom: 10px; }
	.list-1 li h2 span{ flex:100%; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
	.list-1 li h2 i{ width:100%; }
	.list-1 li p{ height: auto; }

	.infocontent-title p{ padding: 0 }
	
	
}