@charset "utf-8";
body,html{margin:0; padding:0; color:#5e5e5e; font:12px/180% "Arial","Microsoft YaHei",sans-serif}
body{width:100%; padding-top:100px; background:#fff}
body a{outline:none}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0; padding:0; list-style:none}
li{list-style:none; vertical-align:bottom}
img{border:none; display:block}
em,i{font-style:normal}
a{text-decoration:none}
.disable{display:none}
.fl{float:left}
.fr{float:right}
.clearfix:after{content:""; height:0; display:block; clear:both; visibility:hidden}
* html .clearfix{height:1%}
*+html .clearfix{height:1%}
.clearfix{display:block; clear:both}
input,textarea{outline:none; resize:none; font-family:"宋体"}
select{height:22px; line-height:18px; padding:2px 0; outline:none}

.wrapper,.wrapper01{width:1440px; margin:0 auto}


.header{position:fixed; left:0; top:0; right:0; box-shadow:0 2px 15px rgba(57,126,247,0.20); background:#fff; z-index:10}
.header.on{box-shadow:0 0 10px rgba(0,0,0,0.15)}
.logo{float:left; margin-top:13px}
.logo img{width:400px}
.nav{float:right}
.nav li{float:left}
.nav a{display:block; font-size:16px; color:#333; line-height:100px; padding:0 20px}
.nav a:hover,.nav a.active{color:#397ef7; position:relative}
.nav a:hover::after,.nav a.active::after{position:absolute; content:""; left:0; right:0; bottom:0; border-bottom:3px #397ef7 solid}
.bg,.menus_list{display:none}
.menus{display:none; position:absolute; right:0.30rem; top:0.13rem}
.menus img{width:0.65rem}
.bg{display:none; position:fixed; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.7); z-index:8; transition:all 0.3s}
.menus_list{display:none; position:fixed; left:0; top:1.15rem; right:0; padding:0.30rem 0; background:#fff; z-index:9; transition:all 0.3s}
.menus_list a{display:block; font-size:0.28rem; color:#333; line-height:0.8rem; text-align:center; position:relative}
.menus_list a:hover::after,.menus_list a.active::after{position:absolute; content:""; left:50%; top:0.70rem; width:0.50rem; margin-left:-0.25rem; border-bottom:0.03rem #259ee6 solid}

.footer{background-color:#2f2d2a; padding:30px 0 0}
.f_logo{width:400px; margin-bottom:20px}
.email,.address,.tel{margin-left:10px; font-size:15px; color:rgba(255,255,255,0.4); line-height:30px; padding-left:35px; background-position:left center; background-repeat:no-repeat; background-size:19px auto}
.tel{background-image:url("../images/img_13.png")}
.email{background-image:url(../images/img_14.png)}
.address{background-image:url(../images/img_15.png)}
.f_nav li{float:left; font-size:16px; color:#fff; line-height:55px; margin-left:20px}
.f_nav a{color:#fff}
.code{float:left; margin-left:20px}
.code img{width:120px}
.code p{text-align:center; font-size:16px; color:#fff; line-height:25px; margin-top:10px}
.copy{padding:15px 0; margin-top:25px; text-align:center; font-size:14px; line-height:35px; color:rgba(255,255,255,0.4); border-top:1px solid rgba(255,255,255,0.05)}

.banner{overflow:hidden; position:relative}
.banner .swiper-slide img{width:100%}
.banner .swiper-pagination{left:0; right:0; bottom:3%; text-align:center; z-index:1}
.banner .swiper-pagination span{width:40px; height:7px; background:#fff; border-radius:3px; margin:0 5px; opacity:1.0}
.banner .swiper-pagination .swiper-pagination-bullet-active{background:#397ef7}
.swiper-prev,.swiper-next,.swiper-next-btn,.swiper-prev-btn{position:absolute; top:50%; transform:translateY(-50%); z-index:1; cursor:pointer; opacity:0; transition:all 1s}
.swiper-prev{left:3%}
.swiper-next{right:3%}
.swiper-prev img,.swiper-next img,.swiper-next-btn img,.swiper-prev-btn img{width:42px}
.banner:hover .swiper-next,.banner:hover .swiper-prev{opacity:0.7}

.index_nums{padding:60px 0 50px}
.index_nums li{float:left; width:33.33%; display:-webkit-flex; display:flex; justify-content:center; align-items:center; position:relative}
.index_nums li::after{position:absolute; content:""; right:0; top:15px; bottom:15px; border-right:1px #dedede solid}
.index_nums li:last-child::after{display:none}
.index_nums img{height:55px; margin-right:20px}
.index_nums p{font-size:18px; color:#333}
.index_nums span{margin-top:17px; font-size:15px; color:#999; line-height:16px; display:block}
.index_nums span i{font-size:36px; margin-right:10px; color:#ffaa06}

.about_left{padding-top:70px; overflow:hidden; float:left; width:400px}
.about_left b em{font-size:18px; color:#333; text-transform:uppercase; margin-left:10px}
.about_left i{display:block; margin:10px 0 25px; width:60px; height:2px; background:#397ef7}
.about_left div{font-size:18px; color:#333; line-height:40px}
.about_left div p{text-indent:2em}
.about_left span{display:-webkit-flex; display:flex; justify-content:flex-start; margin-top:70px}
.about_left span a{display:-webkit-flex; display:flex; align-items:center; font-size:18px; color:#333}
.about_left span img{width:9px; margin-left:10px}
.about_left span a:hover{color:#397ef7}
.about_right{float:right; padding:0 50px; position:relative; width:837px; margin:20px 0 100px}
.swiper-next-btn{right:0}
.swiper-prev-btn{left:0}
.about_right:hover .swiper-next-btn,.about_right:hover .swiper-prev-btn{opacity:1.0}
.about_right img{width:100%}


.main{overflow:hidden}
.main .title{text-align:center; padding:100px 0 40px}
.main .title span{display:block; text-align:center; font-size:18px; color:#333; line-height:30px; text-transform:uppercase}
.main .title i{display:block; margin:20px auto 15px; width:40px; height:2px; background:#397ef7}
.main .title b,.about_left b{display:block; font-size:40px; color:#333333; line-height:40px; font-weight:normal}
.main01{background:url(../images/img_03.jpg) no-repeat center center; background-size:cover}
.main01 .title span,.main01 .title b{color:#fff}
.main02{background:url(../images/img_24.jpg) no-repeat center center; background-size:cover}
.main03{background:#f4f4f4}

.business{padding:40px 0 160px}
.business li{float:left; margin-right:2%; width:23.5%; position:relative; background-color:#fff; border-radius:10px; box-shadow:0px 5px 20px 0px #D7E8FF; overflow:hidden; transition:all 0.3s}
.business li:last-child{margin-right:0}
.business .top{position:relative; overflow:hidden}
.business .img{width:100%; transition:all 0.3s}
.business .top div{display:-webkit-flex; display:flex; position:absolute; left:0; top:0; right:0; bottom:0; align-items:center; justify-content:center; flex-direction:column}
.business .top div img{margin:0 auto; height:80px}
.business .top b{display:block; font-size:0.24rem; color:#fff; font-weight:normal; line-height:1.0; margin-top:25px}
.business .con{padding:30px 40px; font-size:18px; color:#333; line-height:35px}
.business .con p{display:-webkit-flex; display:flex; align-items:center; cursor:pointer}
.business .con p::before{display:block; content:""; width:20px; height:2px; background:#397ef7; margin-right:10px; transition:all 0.3s}
.business .con img{width:20px; margin-right:10px}
.business li:hover .img{transform:scale(1.1)}
.business p:hover::before{width:25px; margin-right:15px}
.business p:hover{color:#397ef7}
.business i{position:absolute; right:20px; bottom:5px; height:54px; font-size:70px; font-weight:bold; color:#D7E8FF; font-family:"Impact"}

.scroll_img{margin:40px 0 160px; padding:0 50px; position:relative}
.scroll_img .prev,.scroll_img .next{position:absolute; top:50%; transform:translateY(-50%); cursor:pointer}
.scroll_img .prev img,.scroll_img .next img{width:42px}
.scroll_img .prev{left:-10px}
.scroll_img .next{right:-10px}
.scroll_img .swiper-slide{background:#fff}
.scroll_img .swiper-slide img{width:100%}

.coop li{float:left; width:18.4%; margin-right:2%; box-sizing:border-box; border:1px #ddd solid; margin-bottom:20px; overflow:hidden}
.coop li:nth-child(5n+5){margin-right:0}
.coop a{display:block; height:80px; background-position:center center; background-repeat:no-repeat; background-size:contain; transition:all 0.3s}
.coop li:hover{border-color:#397ef7}

.index_news{padding:0 0 60px}
.index_news li{float:left; margin-right:2%; position:relative; box-sizing:border-box; width:23.5%; transition:all 0.3s; box-shadow:0px 6px 20px 0px #D7E8FF}
.index_news li:nth-child(4n+4){margin-right:0}
.index_news .img{overflow:hidden; display:block; height: 220px;}
.index_news .img img{width:100%; transition:all 0.3s}
.index_news .con{padding:10px 15px 30px}
.index_news h4{display:block; font-size:20px; color:#333333; font-weight:normal; line-height:50px; height:50px; overflow:hidden}
.index_news h4 a{color:#333}
.index_news h4 a:hover{color:#397ef7}
.index_news p{font-size:15px; color:#666; line-height:23px; height: 46px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.index_news span{display:block; font-size:15px; color:#666; padding:5px 0}
.index_news li:hover .img img{transform:scale(1.2)}

.security{padding-bottom:100px; margin-top:40px}
.security li{float:left; width:33.33%}
.security li a{display:block; position:relative; overflow:hidden; color:#fff}
.security img{transition:all 0.3s; width:100%}
.security div{position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.3s; padding-top:70%; background:linear-gradient(to bottom,rgba(0,0,0,0) 40%,rgba(0,0,0,0.4) 100%)}
.security div p{font-size:20px; padding:8px 3% 25px}
.security div span{display:inline-block; font-size:16px; line-height:20px; padding-left:3%; padding-right:16px; background:url("../images/img_33.png") no-repeat right center; background-size:8px auto}
.security a:hover img{transform:scale(1.2)}
.security a:hover div{padding-top:60%; background:linear-gradient(to bottom,rgba(0,0,0,0) 40%,rgba(0,0,0,0.8) 100%)}

.main_list{padding:80px 0 100px}
.left_nav b{display:block; font-size:19px; background:#617291; line-height:48px; width:270px; padding-left:20px; color:#fff; font-weight:normal}
.left_nav b i{font-size:14px; margin-left:10px}
.left_nav ul{padding:20px; background-color:#f5f5f5}
.left_nav a{display:block; font-size:16px; color:#333; line-height:40px; position:relative; padding-left:16px}
.left_nav a::after{display:none; position:absolute; content:""; left:0; top:50%; transform:translateY(-50%); height:14px; width:4px; background:#397ef7}
.left_nav a:hover,.left_nav a.active{color:#397ef7}
.left_nav a:hover::after,.left_nav a.active::after{display:block}
.main_list .right{width:1060px}
.news_List .list li{margin-bottom:60px}
.news_List .img{float:left; margin-right:40px; width:260px; border-radius:8px; overflow:hidden}
.news_List .img img{width:100%; border-radius:6px; transition:all 0.3s;}
.news_List .list div{overflow:hidden}
.news_List h4{display:block; font-size:22px; color:#333; font-weight:400; height:40px; line-height:40px; overflow:hidden}
.news_List h4 a{color:#333}
.news_List h4 a:hover{color:#397ef7}
.news_List p{margin-top:10px; font-size:15px; color:#626262; line-height:25px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3}
.news_List span{display:block; font-size:15px; color:#959595; margin-top:20px}
.news_List .img:hover img{transform:scale(1.2)}

.about{font-size:16px; color:#333; line-height:30px}
.about p{text-indent:2em; margin-bottom:30px}
.about img{max-width:100%; margin:0 auto 30px}
.about b{display:block; position:relative; padding-left:2em; color:#1e2188}
.about b::after{position:absolute; content:""; left:0; top:50%; transform:translateY(-50%); width:15px; height:3px; background-color:#1e2188}
.about .tit{text-align:center}
.about .tit p{text-indent:0}
.about .tit h1{display:block; font-size:30px; color:#333; font-weight:normal}
.about .tit p{font-size:16px; margin-top:10px; color:#888}
.about .tit p i{margin-left:40px}
.img_list li{float:left; width:32%; margin:0 2% 30px 0}
.img_list li:nth-child(3n+3){margin-right:0}
.img_list img{width:100%}

.soulte_list h2{display:block; font-size:24px; color:#333; font-weight:normal; line-height:30px; margin-bottom:30px; position:relative; padding-left:15px}
.soulte_list h2::after{position:absolute; content:""; left:0; top:50%; transform:translateY(-50%); width:3px; height:20px; background:#397ef7}
.soulte_list .con{background:#eeeeee; border-radius:6px; padding:30px 40px; margin-bottom:40px; font-size:16px; line-height:36px; color:#333}
.soulte_list .list li{float:left; width:32%; margin:0 2% 30px 0}
.soulte_list .list li:nth-child(3n+3){margin-right:0}
.soulte_list .list img{width:100%}
.coops li,.coops li:nth-child(5n+5){width:23%; margin-right:2%}
.coops li:nth-child(4n+4){margin-right:0}

.zhaopin .tit{background:#eee; line-height:55px; color:#333; font-size:18px}
.zhaopin .tit p{float:left; width:19%; text-align:center}
.zhaopin .tit p:first-child{width:24%; text-align:left; padding-left:20px; box-sizing:border-box}
.zhaopin .list li{position:relative; border-bottom:1px #eee solid}
.zhaopin .top{font-size:16px; color:#333; line-height:45px; position:relative; cursor:pointer}
.zhaopin .top img{position:absolute; right:5px; top:17px; cursor:pointer}
.zhaopin .top p{float:left; width:19%; text-align:center}
.zhaopin .top p:first-child{width:24%; color:#397ef7; text-align:left; box-sizing:border-box; padding-left:20px}
.zhaopin .con{display:none; padding:20px 30px 40px; font-size:16px; color:#333; line-height:40px; border-top:1px #eee solid}
.zhaopin li.on .con{display:block}
.zhaopin li.on .top img{transform:rotate(180deg)}

.show_company li{float:left; width:47%; margin-bottom:50px; position:relative; cursor:pointer}
.show_company li:nth-child(2n){float:right}
.show_company img{width:100%; opacity: 0;}
.show_company div{overflow:hidden; transition:all 0.3s; background-size: cover;}
.show_company b{display:-webkit-flex; display:flex; padding:0 50px; position:absolute; left:0; right:0; bottom:0; top:0; font-size:26px; color:#ffffff; font-weight:normal; line-height:50px; opacity:0; transition:all 0.7s; justify-content:center; align-items:center; background-color:rgba(0,0,0,0.4)}
.show_company li:hover b{opacity:1.0}

.security_list ul{display:-webkit-flex; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap}
.security_list li{float:left; width:33.33%; text-align:center}
.security_list img{width:100%}
.security_list b{display:block; font-size:30px; color:#333; line-height:1.0; font-weight:normal}
.security_list i{display:block; width:35px; height:2px; background:#397ef7; margin:10px auto 10px}
.security_list p{font-size:16px; color:#666; line-height:30px}

@media screen and (max-width:1460px){
	.wrapper,.wrapper01{width:1200px}
  body{padding-top:60px}
  .logo{margin-top:10px}
  .logo img{width:320px}
  .nav a{font-size:15px; line-height:80px; padding:0 17px}
  .nav a:hover::after,.nav a.active::after{border-bottom-width:2px}
  .f_logo{width:320px}
  .tel{margin-top:10px; line-height:28px}
  .email,.address{line-height:28px}
  .f_nav li{font-size:15px; line-height:48px; margin-left:17px}
  .code img{width:130px}
  .code p{font-size:15px; line-height:22px; margin-top:8px}
  .copy{line-height:20px}
  .index_about{margin-top:40px}
  .about_left span{margin-top:50px}
  .about_right{width:748px; padding:0}
  .business .con{padding:30px}
  .business i{right:10px; font-size:54px}
  .main .title{padding:35px 0 30px}
  .main .title span{font-size:16px; line-height:27px}
  .main .title b{font-size:28px; line-height:30px}
  .main .title p{font-size:13px; line-height:25px; margin-top:10px}
  .scroll_img{margin:20px 0 100px; padding:0 45px}
  .scroll_img .prev,.scroll_img .next{top:115px}
  .scroll_img .prev img,.scroll_img .next img{width:27px}
  .coop li{width:18.4%}
  .index_news{padding-bottom:50px}
  .index_news li{width:23.5%; margin-right:2%;}
	.index_news .img{ height: 185px;}
	.index_news .con{ padding: 5px 10px 20px;}
  .index_news .time{width:80px; line-height:80px; font-size:16px}
  .index_news .time i{line-height:20px}
  .index_news h4{ font-size:16px; margin-top:0; line-height:47px; height:47px}
  .index_news p{padding:0; line-height:23px; height:46px}
  .index_news .more{margin-right:10px}
  .main_list .right{width:850px}
  .coops li{width:23.4%}
  .coops li:nth-child(4n+4){margin-right:0}
}

@media screen and (max-width:1220px){
	.wrapper,.wrapper01{width:970px}
  .logo img{width:280px}
  .nav a{font-size:14px; line-height:70px; padding:0 13px}
  .footer{padding:30px 0 20px}
  .f_logo{width:280px}
  .tel img{width:36px}
  .tel span i{font-size:15px; line-height:17px}
  .tel b{font-size:20px; line-height:25px}
  .email,.address{line-height:25px}
  .f_nav li{font-size:14px; line-height:41px; margin-left:15px}
  .code img{width:115px; margin-top:5px}
  .code p{font-size:14px; line-height:20px}
  .copy{line-height:45px}
  .banner{height:430px}
  .index_about{margin-top:30px}
  .about_left{width:300px}
  .about_left b{font-size:27px}
  .about_right{width:620px; margin:150px 0}
  .main .title{padding:100px 0 25px}
  .main .title span{font-size:15px; line-height:25px}
  .main .title b{font-size:26px; line-height:28px}
  .business .con{padding:30px 10px}
  .business i{font-size:40px}
  .scroll_img .prev,.scroll_img .next{top:110px}
  .security div{padding-top:66%}
  .security a:hover div{padding-top:56%}
	.index_news .img{ height: 150px;}
  .index_news .time{ width:70px; line-height:70px; font-size:15px}
  .index_news h4{font-size:16px; padding:0; height: 40px; line-height: 40px}
  .index_news p{padding:0}
  .security_list p{font-size:14px}
  .left_nav b{width:220px}
  .left_nav b i{display:none}
  .main_list .right{width:700px}
	
  .zhaopin .top p{overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
	
  .business .top div img{height:65px}
}

@media screen and (max-width:992px){
	.wrapper,.wrapper01{width:100%; max-width:750px}
  .header{position:fixed; left:0; top:0; right:0; padding:0.20rem 0}
  .header .wrapper{box-sizing:border-box; padding:0 0.30rem; position:relative}
  .logo{margin-top:0}
  .logo img{width:4.20rem}
  .nav{display:none}
  .bg.on,.menus_list.on,.menus{display:block}
  .footer{padding:0.30rem 0}
  .footer>ul>li{width:100%}
  .f_logo{width:4.60rem}
  .tel{margin-top:0.15rem; margin-bottom:0.15rem; margin-left:0}
  .tel img{width:0.60rem; margin-right:0.15rem}
  .tel span i{font-size:0.30rem; line-height:1.2}
  .tel b{font-size:0.32rem; line-height:1.2}
  .email,.address{line-height:1.1; font-size:0.26rem; margin-top:0.20rem; margin-left:0rem; padding-left:0.75rem; background-size:0.35rem; background-position:0.10rem center}
  .f_nav{padding:0.30rem 0}
  .f_nav li{font-size:0.28rem; line-height:0.5rem; margin-left:0.15rem}
	.footer>ul>.fr{display:flex; justify-content:space-between; margin-top:.3rem}
  .tel{line-height:1.1; font-size:0.26rem; margin-top:0.20rem; margin-left:0rem; padding-left:0.75rem; background-size:0.35rem; background-position:0.10rem center}
  .copy{padding:0}
	
	.code{float:none; text-align:center; width:50%}
  .code img{width:1.6rem; margin:0 auto}
  .code p{font-size:0.24rem; margin-top:0.20rem}
  .copy{font-size:0.26rem; line-height:1.2; padding:0.30rem}
	
  .banner{height:6.00rem}
  .banner .swiper-pagination span{width:0.40rem; height:0.08rem}
	
  .index_about{margin-top:0.40rem}
	
  .main .title{padding:0.40rem 0 0.30rem}
  .main .title span{font-size:0.26rem}
  .main .title i,.about_left i{margin-top:.1rem; margin-bottom:0.10rem}
  .main .title b{font-size:0.36rem; line-height:1.6}
  .main .title p{font-size:0.24rem; line-height:1.2}
	
  .business{margin-bottom:0.40rem; padding:.4rem 0 1rem}
  .business li{width:48%; margin:0 4% 4% 0}
  .business b{font-size:0.32rem; line-height:1.0rem}
  .business li:first-child{padding-bottom:0.20rem; overflow:hidden; padding:0}
  .business li:nth-child(2n+2){margin-right:0}
  .business li>div{padding:0}
  .business li div div{margin-bottom:0}
  .business li div p{font-size:.30rem; line-height:0.60rem}
  .business i{right:.3rem; font-size:.54rem; height:.54rem}
  .business .top div img{height:1rem}
  .business .top b{margin-top:.3rem}
	
  .scroll_img{margin:0.40rem 0 1.0rem; padding:0 0.70rem}
  .scroll_img .prev{left:0.10rem}
  .scroll_img .next{right:0.10rem}
  .scroll_img .prev,.scroll_img .next{top:50%; transform:translateY(-50%)}
  .scroll_img .prev img,.scroll_img .next img{width:0.40rem}
	
  .coop li{width:48.5%; margin-right:0; margin-bottom:0.23rem}
  .coop li:nth-child(2n){float:right}
	
  .index_nums{padding:.6rem 0; margin: 0 -0.30rem;}
  .index_nums li,.index_nums li div{display:flex; flex-direction:column; align-items:center}
  .index_nums img{margin:0; height:0.70rem}
  .index_nums p,.index_nums span{font-size:.24rem; margin-top:0.15rem}
	.index_nums span{ margin-top: 0.10rem;}
  .index_nums span i{font-size:.38rem}
  .index_news{padding:0 0 0.50rem}
  .index_news li{width:50%; margin-right:0; margin-bottom:0.35rem;}
	.index_news .img{ height: auto;}
	.index_news .con{ padding: 0.10rem 0.30rem 0.50rem;}
  .index_news .time{width:1.20rem; line-height:1.20rem; font-size:0.30rem}
  .index_news .time i{line-height:0.40rem}
  .index_news h4{font-size: 0.32rem; padding:0; margin-top:0.10rem; line-height: 0.70rem; height:0.70rem; text-align:left}
  .index_news p{padding:0; font-size:0.24rem; line-height:0.40rem; height:0.8rem}
  .index_news .more{margin-right:0.10rem; margin-bottom:0.30rem}
  .index_news h4 a{font-size:.28rem}
  .index_news span{font-size:.24rem}
	
  .main_list{padding:1.2rem 0 1rem 0}
  .main_list .left{width:100%; margin-bottom:0.30rem; border-bottom:1px #ddd solid}
  .main_list .right{width:100%; float:right; padding:0; box-sizing:border-box}
  .left_nav b{display:none}
  .left_nav a{line-height:0.90rem; font-size:0.30rem; padding-left:0}
  .left_nav a::after{display:none !important}
  .left_nav a:hover,.left_nav a.active{color:#fff; background:#617291}
  .left_nav ul{display:-webkit-flex; display:flex; padding:0}
  .left_nav ul li{width:25%; text-align:center}
	
  .news_List .list li{margin-bottom:0.50rem}
  .news_List .img{margin-right:0.30rem; border-radius:0.10rem; width:2.40rem}
  .news_List h4{font-size:0.32rem; height:0.40rem; line-height:0.40rem}
  .news_List p{margin-top:0.14rem; font-size:0.28rem; line-height:0.40rem; -webkit-line-clamp:2}
  .news_List span{font-size:0.28rem; margin-top:0.14rem; line-height:1.1}
	
  .banner{height:auto}
	
  .about_left{width:100%; padding-top:.7rem}
  .about_left b{font-size:.32rem; line-height:.4rem}
  .about_left b em{font-size:.24rem}
  .about_left div p{font-size:.24rem; line-height:.5rem}
  .about_left span{margin-top:.2rem}
  .about_left span img{width:0.12rem}
  .about_left span a{font-size:.24rem}
  .about_right{width:100%; padding:0; margin:0.6rem 0 1.0rem}
  .security{padding:0 20px; box-sizing:border-box}
  .security div{padding-top:73%}
  .security li{width:100%; margin-bottom:30px}
  .security div p{font-size:.32rem}
  .security div span{font-size:.24rem}
  
  
	.about{font-size:.24rem; line-height:0.40rem}
  .about p{margin-bottom:0.30rem}
  .about img{margin-bottom:0.30rem}
  .about b::after{width:15px; height:0.04rem}
  .about .tit h1{font-size:0.36rem; line-height:1.1}
  .about .tit p{font-size:0.28rem; margin-top:0.15rem}
  .about .tit p i{margin-left:0.50rem}
	
  .img_list li{width:48%; margin:0 0 0.35rem 0}
  .img_list li:nth-child(2n){float:right}
	
  .coops li{width:48.5%; margin:0 0 0.20rem}
  .coop a{height:1.10rem}
  .coops li:nth-child(2n){float:right}
  .coops li:nth-child(5n+5){width:48.5%}
	
  .soulte_list h2{font-size:0.32rem; line-height:1.7; margin-bottom:0.30rem}
  .soulte_list ul{border-radius:0.14rem; padding:0; margin-bottom:0.40rem}
  .soulte_list ul li{width:49%; font-size:0.28rem; line-height:0.60rem}
  .soulte_list .list li:nth-child(3n+3){margin-right:0}
  .security_list li{width:50%; margin-bottom:.3rem}
  .security_list p{font-size:.22rem; line-height:0.40rem}
	
  .zhaopin .tit{line-height:0.60rem; font-size:0.24rem}
  .zhaopin .top{font-size:0.24rem; line-height:0.35rem; position:relative; cursor:pointer; padding:.12rem 20px}
  .zhaopin .top p:first-child{padding-left:0}
  .zhaopin .top img{top:0.24rem}
  .zhaopin .con{padding:0.25rem 0.30rem 0.40rem; font-size:0.24rem; line-height:0.40rem}
	
  .soulte_list .con{font-size:0.28rem; line-height:0.40rem; padding:0.30rem}
  .soulte_list .con p{padding:0.07rem 0}
  .business .con{padding:0.30rem}
  .soulte_list .list li{width:48.8%; margin-right:0; margin-bottom:0.20rem}
  .soulte_list .list li:nth-child(2n){float:right}
	
  .show_company li{width:100%; margin-bottom:0.30rem}
  .show_company b{opacity:1.0; font-size:0.30rem; color:#fff; line-height:0.50rem; top:inherit; padding:0.15rem 0; background-color:rgba(0,0,0,0.6)}
  .security_list b{font-size:.32rem}
}

@media screen and (max-width:992px){
	.wrapper{padding:0 0.30rem; box-sizing:border-box}
	
  .main_list{padding:.4rem 0.30rem; box-sizing:border-box}
	
  .business li,.index_news li{width:100%; margin-right:0}
	
  .security{width:100%}
  .security div{padding-top:66%}
	
  .zhaopin .tit p,.zhaopin .top p{font-size:.28rem}
  .zhaopin .con p{font-size:.24rem}
}