@charset "utf-8";
/*
 * 郑州人本心理
 * 请尊重他人劳动成果，你可以模仿页面，但是请自己写代码！
 * 技术支持：QQ2863868475
 * 2026-05-08
 * coyright@tengcee.com
*/
@import url("public.css");
@import url("page.css");
/*@import url("iconfont/iconfont.css");*/
/*头部*/
.mt90{margin-top: 90px;}
.top-wrapper { width:100%; margin-left:auto; margin-right:auto; padding:0 10%;box-sizing:border-box; position: relative;}
.header {width:100%;background-color:rgba(255,255,255,.95); position: fixed; height: 80px;left:0;top: 0; z-index:9999;}
.logobox {width: 100%;float: left;position: relative;display: flex;}
.logobox .logo { float: left; padding-top: 5px; padding-bottom: 5px; position:relative;box-sizing:border-box;flex:0 0 200px;}
.logobox .logo img{ width: auto;height:70px; }
.logobox .logo-text{flex:0 0 160px; line-height:60px;color:#666; float: left; font-size: 16px;padding-left: 20px; padding-top: 10px;}

.logo-right { float:right; width: 100%;box-sizing:border-box; text-align: center;position: relative; z-index: 10; padding-left: 80px;box-sizing:border-box; padding-right: 60px;}
.logo-right .zixun {position:absolute;right:-30px;top: 0px;padding:16px 0 24px 0;box-sizing:border-box;}
.logo-right .zixun span{ width: 100%; float: left; line-height: 30px;text-align: center; background-color:#3073f5; color: #fff; border-radius: 3px; padding:0 5px;margin-top: 10px; background-image: linear-gradient(to right,#3073f5,#0343bf)}
.logo-right .zixun span i{ opacity: .6;padding-right: 5px; }
.logo-right .zixun span em{font-style:normal;}
.logo-right .zixun span a{ color: #fff; }

.so{ float: right;position: absolute;top:26px; right: 100px; z-index: 999}
.so .sopic{ width: 35px;height: 35px; background-color:rgba(48,115,245,.2); border-radius:50%; float: left; text-align: center; line-height: 35px; color: #fff; cursor: pointer; display:none; }
.so .sobox{ width: 200px; float: left;line-height: 35px;height: 35px;background-color:rgba(48,115,245,.75);border-radius:2px; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.so .input{ width: 165px; padding-left: 15px;box-sizing:border-box; outline: none;border:none;background:none;line-height: 35px;float: left;color: #fff;-moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.so .button { width: 35px; line-height: 35px;height: 35px;background:none; border:none; color: #fff;float: left; cursor: pointer;}
.so input::-webkit-input-placeholder {color: #fff;  }  
.so input:-moz-placeholder {color: #fff;}  
.so input::-moz-placeholder {color: #fff;}  
.so input:-ms-input-placeholder {color: #fff;}  

.imenu { float: right; margin-top:3px; margin-right: 0px; display: none;position: relative;}
.imenu .dh{width: 25px; cursor: pointer;}
.imenu .menuline{ width: 25px;height: 3px;background-color:#666;float: left;border-radius:3px;}
.imenu .l1{margin-top: 3px;}
.imenu .l2{margin-top: 5px;}
.imenu .l3{margin-top: 5px;}
@media screen and (max-width:1650px){
    .top-wrapper{padding:0 5%;}
}
@media screen and (max-width:1500px){
    .top-wrapper{padding:0 20px;}
    .logo {left: 50px;}
    .so {right: 20px;}
    .so .sobox{ width: 150px;}
    .so .input{ width: 110px;}
}
@media screen and (max-width:1400px){
    .top-wrapper{ padding:0 10px;}
    .logo {left: 10px;}
    .logo-right{ padding-right: 10px; padding-left:40px;}
    .so .sopic{ display: block; }
    .so .sobox{ width: 0px;overflow: hidden}
	.so .input{ display: none }
	.so .button{ display: none }
	.so .sobox:hover { width: 150px; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;background-color:rgba(255,255,255,.85); }
	.so .sobox:hover .input{ width: 115px; padding-left:15px; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
	.logo-right .zixun{ display: none; }
	.logo-right .zixun span em{display:none;}
	.logo-right .zixun span i{ opacity: 1;padding-right: 0px; }
	.nav{width: 100%;box-sizing:border-box;}
}
@media screen and (max-width:1200px){
    .logo{ padding-left: 10px; width: 200px;padding-top: 15px;}
    .logobox .logo-text{ display: none; }
}

@media screen and (max-width:900px){
    .top-wrapper{ padding:0 0px;}
	.header {height: 60px;}
	.logobox .logo{ width: 180px;padding-top:2px; padding-left:0px;}
    .logobox .logo img{height: 56px;}
    .logo-right .nav{display: none;}
	.so {right: 50px;top: 15px;}
	.imenu{display: block;top: 15px;}
}
.nav { position: relative;width: 100%;float: left;position: relative; display: flex;}
.nav li {line-height:80px; text-align:center; font-size:16px; position:relative;width: 16.6%;}
.nav li a { color:#222; text-decoration:none; display:block;}
.nav li a i{transition: all 0.5s ease;position: relative;margin-left:3px; opacity: .6;display: inline-block;position: absolute;}
.nav li em{ width: 0px;height: 3px;background-color:#3073f5; position: absolute;left:50%;bottom: 15px;margin-left:-0px;border-radius: 3px;transition: all 0.5s ease;}
.nav li a:hover {color: #3073f5;}
.nav li.on a:hover {color: #3073f5;}
.nav li:hover,.nav li.on {color: #3073f5;}
.nav li:hover a { color: #3073f5; }
.nav li:hover a i{transition: transform 0.5s ease;transform: rotate(-180deg);}
.nav li:hover em,.nav li.on em{ width: 60px;margin-left: -30px;transition: all 0.5s ease;}

.nav dl { width:100%; font-size:13px; position:absolute; top:80px; left:0px; background-color:rgba(255,255,255,.95);box-shadow:0 0 10px rgba(0,0,0,.1);}
.nav dl dd {line-height:45px; border-bottom: 1px solid #f5f5f5; }
.nav dl dd a { color:#333; padding:0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nav dl dd a:hover { color:#FFFFFF; background-color: #3073f5; }
.nav li:hover dl dd a{ color: #333; }
.nav li:hover dl dd a:hover{ color: #fff; }

.nav_wap{ display: none;height:2.5em; line-height:2.5em; width: 100%; position:relative; background-color: #e50044;font-size:1rem;}
.nav_wap li { float:left; width: 20%; text-align:center; font-size:.9rem; position:relative; border-left:solid 1px #156ee4; border-right: solid 1px #408ffa; box-sizing:border-box;}
.nav_wap li a{ color: #fff; }
@media screen and (max-width:1200px){
	.nav li{ width: 14%; text-align: center; font-size:14px;}
    .nav li a{ padding: 0; }
}
@media screen and (max-width:750px){
	.nav{ display: none; }
	.nav_wap{display: block;}
}
/*左侧菜单*/
.overlay{position: fixed;display: none;width: 0;height: 0;top: 0;right: 0;background-color:rgba(255,255,255,.98);z-index: 999998;transform-origin: top right; transform: scale(0); border-radius: 0 0 0 200vh;transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); box-sizing: border-box;}
.overlay.active {width: 200vw;height: 150vh;border-radius: 0 0 0 250vh;  transform: scale(1); padding-left:100vw;}
.nav_close{ position: absolute; top:18px; right: 18px;z-index: 99999;}
.nav_close img{ width: 35px; height: 35px; }
.navbox_logo{ width:100%; }
.navbox_logo span{ width:100%; float: left; }
.navbox_logo span img{ width: 100%; height: auto }
.navbox_contact{ width: 100%; position: relative;; margin-top:1em; padding:0 20px;box-sizing: border-box; }
.nav_tel{ width:100%; height:55px; float:left; color:#fff; background-color:#3073f5; text-align:center;border-radius:35px; font-size:15px; line-height:55px;}
.nav_tel i{color: #fff;font-size: 18px;margin-right: 10px;}
.nav_tel a{color: #fff;}

.navbox{position:relative; left:0; top:0px; z-index: 99;padding:0;overflow-y: hidden;height: 100%; padding:20px;transition: all .5s;}
.nav2{position:relative; float: right; margin:1em 0; width: 100%;}
.nav2 li{float:left;width: 100%;position: relative;margin:5px 0; border-bottom: solid 1px rgba(0,0,0,.05);}
.nav2 li .pname{ width: 100%;float: left;line-height: 45px; font-size: 16px;}
.nav2 li .pname a{ color: #222;}
.nav2 li .pname i{ font-size: 12px;color: #999;margin-right: 0px;float: right;transform: rotate(0deg);margin-top:5px;transition:all ease 0.5s;}
.nav2 li .pname em{ font-size: 15px;color: #222;margin-right: 2px;opacity: .8; }
.nav2 li .sub{ width: 100%;float: left; position: relative;display: none;margin-bottom:10px;}
.nav2 li .sub span{width: 33.3%; box-sizing: border-box; float: left;padding:3px;}
.nav2 li .sub span a{ color: #222;border:solid 1px rgba(0,0,0,.1);line-height: 35px;text-align:center;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;opacity: .8;}
.nav2 li.on .sub{display: block;}
.nav2 li.on .pname i{transform: rotate(90deg); transition:all ease 0.5s;}

/*banner*/
.banner { position: relative; width: 100%; height: 800px; overflow: hidden;z-index:9; }
.banner .swiper-container { width: 100%; height: 100%; color: #fff; text-align: center; }
.banner .swiper-slide {position: relative;overflow: hidden;}
.banner .swiper-slide a {display: block;}
.banner .swiper-pagination {position: absolute;width: 100%;z-index: 20;left: 0;bottom: 30px !important;text-align: center;}
.banner .swiper-pagination-bullet-active{background-color: #3073f5;width: 45px; transform: 400ms;}
.banner .swiper-pagination-bullet { width: 12px;height: 12px; border-radius: 15px; opacity: .6; background-color:#fff;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #3073f5;width: 45px; transition: all 0.5s ease; opacity: 1;}
.banner .imgBox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 0px; float: left;}
.banner a.prev_btn,.banner a.next_btn {position: absolute;z-index: 66;top: 50%;margin-top: -55px;width: 73px;height: 138px;opacity: 0.2;filter: alpha(opacity=20);-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.banner a.prev_btn:hover,
.banner a.next_btn:hover {opacity: 0.5;filter: alpha(opacity=50);}
.banner a.prev_btn { left: 30px;background-image: url(../images/left.png); background-repeat: no-repeat; }
.banner a.next_btn { right: 30px; background-image: url(../images/right.png); background-repeat: no-repeat; }

.baninfo{ width: 100%;float: left;position: relative; display: flex;align-items: flex-end;justify-content: space-between}
.baninfo .ban1 { width:50%; position:relative; padding-left: 20px;box-sizing: border-box; text-align: left;box-sizing:border-box;}
.baninfo .ban1 h3{ line-height:50px; font-size:45px; color: #FFFFFF; z-index:900; text-transform: uppercase; position:relative; padding-top:250px; width: 100%; }
.baninfo .ban1 h3 i{ color: #e50044; font-style:normal;}
.baninfo .ban1 h4{ line-height:1.3em; font-size:30px; color: #FFFFFF;z-index:900; text-transform: uppercase; position:relative;width: 100%; padding-top: 15px; opacity: .2; word-break:keep-all }
.baninfo .ban1 p{ line-height:2em; font-size:18px;color: #FFFFFF; z-index:900; position:relative; padding-top: 30px; width: 100%; opacity: .6}
.baninfo .ban1 dt{ width:100%; position:relative; width: 100%; line-height: 40px; opacity: .8; font-size: 16px;}
.baninfo .ban1 .detail{ width: 100%; float: left; padding-top:40px; }
.baninfo .ban1 .detail a{ border:solid 1px #fff; line-height:45px; display:block; color:#FFFFFF; text-align:center; width:180px; height:45px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; font-size: 16px; opacity: .8}
.baninfo .ban-thumb{ width: 44%;float: right;position: relative;height: 100%;vertical-align: middle;}
.baninfo .ban-thumb img{ width: 100%;height: auto; }

.baninfo .ban2 { width:50%; position:relative;box-sizing: border-box; text-align: left; float:right; padding-right: 80px;order:2;}
.baninfo .ban2 h3{ line-height:1.5em; font-size:30px; color: #FFFFFF; z-index:900; text-transform: uppercase; position:relative; padding-top:250px; width: 100%; }
.baninfo .ban2 h4{ line-height:1.6em; font-size:50px; color: #FFFFFF; z-index:900; text-transform: uppercase; position:relative; padding-top:15px; width: 100%; }
.baninfo .ban2 p{ line-height:2em; font-size:18px;color: #FFFFFF; z-index:900; position:relative; padding-top: 30px; width: 100%; opacity: .6}
.baninfo .ban2 dt{ width:100%; position:relative; width: 100%; line-height: 40px; opacity: .8; font-size: 16px;}
.baninfo .ban2 dt i{ color:#fff; opacity: .8; font-size:20px;}
.baninfo .ban2 .detail{ width: 100%; float: left; padding-top:40px; }
.baninfo .ban2 .detail a{ border:solid 1px #fff; line-height:45px; display:block; color:#FFFFFF; text-align:center; width:180px; height:45px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; font-size: 16px; opacity: .8}
.baninfo .ban-thumb{float: left;order:1;}

@media screen and (max-width:1200px){
    .banner{ height:650px;}
    .baninfo .ban1 h3{padding-top:120px;font-size:40px;}
    .baninfo .ban1 h4{font-size:20px;}
    .baninfo .ban2 h3{padding-top:120px;font-size:40px;}
}
@media screen and (max-width:1000px){
    .banner{ height:550px;}
    .baninfo .ban1 h3{padding-top:100px;font-size:30px;}
    .baninfo .ban1 h4{font-size:15px;}
    .baninfo .ban2 h3{padding-top:100px;font-size:30px;}
}
@media screen and (max-width:900px){
    .banner{ height:480px;}
    .baninfo { flex-direction: column; }
	.baninfo .ban1,.baninfo .ban2{ width: 100%;text-align: center;padding-right: 0;padding-left:0;}
	.baninfo .ban1 h3{padding-top:80px;font-size:25px;}
    .baninfo .ban1 h4{font-size:12px;}
    .baninfo .ban1 p{ display: none; }
    .baninfo .ban1 .detail{margin-top: 10px;padding-top: 0;margin-bottom:20px;}
    .baninfo .ban1 .detail a{ line-height:35px; width:140px; height:35px; font-size: 13px; display: inline-block;}
    
    .baninfo .ban2{order:1;}
    .baninfo .ban2 h3{padding-top:80px;font-size:18px;}
    .baninfo .ban2 h4{font-size:28px;}
    .baninfo .ban2 .detail a{line-height:35px; width:140px; height:35px;font-size: 13px; display: inline-block;}
    .baninfo .ban2 dt{ width:100%; position:relative; width: 100%; line-height: 25px; opacity: .8; font-size: 13px; display: none}
    .baninfo .ban2 dt:nth-child(3),.ban2 dt:nth-child(4){ display: none; }
	.baninfo .ban2 dt i{ color:#fff; opacity: .8; font-size:20px;}
    .baninfo .ban2 .detail{margin-top: 10px;padding-top: 0;margin-bottom:20px;}

    .baninfo .ban-thumb{ width: 100%;float:left;position: relative;vertical-align: middle;padding:15px;box-sizing: border-box;}
    .baninfo .ban-thumb img{ width: 100%;height: auto; }
    .baninfo .ban2 .ban-thumb{ float: right;order:2; }
}
@media screen and (max-width:600px){
    .banner{ height:480px;}
    .banner a.prev_btn,.banner a.next_btn{ display: none; }
    .banner .swiper-pagination{ bottom: 10px !important; }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 10px; }
}

/*常用css*/
.main { float: left; width: 100%; position: relative; }
.mainbox { float: left; width: 100%; position: relative;padding:45px 0;}
.main2 {width: 100%; position: relative;padding: 25px 0; }
.main1 { background-color: #f3f7fa; width: 100%; padding: 45px 0; position: relative; }

.title { width: 100%; padding: 20px 0 10px 0;float: left; position: relative;}
.title h2{ font-size: 38px; line-height: 40px; color: #333; text-align: center;width: 100%; font-weight: bold;float: left; position: relative; margin-top: 15px;}
.title .tit{ font-size: 38px; line-height: 40px; color: #333; text-align: center;width: 100%; font-weight: bold;float: left; position: relative; margin-top: 15px;}
.title .desc { line-height: 30px; color: #999; text-align: center; width: 100%; font-size: 16px; padding-top: 5px; text-transform: uppercase;float: left; position: relative;}
.title .enbg{ width: 100%; position: absolute; font-size:100px; text-align:center; text-transform: uppercase; color: rgba(0,0,0,.03);z-index: -1; font-weight:900; top: 5px;left: 0}
.title2 { width: 100%; padding: 20px 0 10px 0;float: left; position: relative;}
.title2 .tit{ font-size: 38px; line-height: 40px; color: #fff; text-align: center;width: 100%;float: left; position: relative; margin-top: 15px;margin-bottom: 10px;z-index: 2;font-weight: bold;}
.title2 .desc { line-height: 30px; color: #999; text-align: center;width: 100%; font-size: 16px; padding-top: 5px; text-transform: uppercase;float: left; position: relative;z-index: 2;}
.title2 .enbg{ width: 100%; position: absolute; font-size:100px; text-align:center; text-transform: uppercase; color: rgba(255,255,255,.03);z-index:0; font-weight:900; top: 5px;left: 0}
.line1{ width: 100%; line-height: 2px; height: 2px; border-bottom: solid 1px #e2e2e2; position: absolute; top: 30px; z-index: 0;}

@media screen and (max-width:1200px){
	.title{padding:15px 10px; box-sizing: border-box;}
}
@media screen and (max-width:750px){
	.title{padding:10px 0; box-sizing: border-box;}
	.title .tit{ font-size: 28px; line-height: 1.8em; margin-top: 5px;}
    .title h2{ font-size: 24px; line-height: 2em;margin-top:0;}
	.title .desc { line-height: 1.8em; color: #999999; text-align: center;width: 100%; font-size: 13px; padding-top: 5px; text-transform: uppercase;float: left; position: relative;padding:0 15px;box-sizing: border-box;}
	.title .enbg{ width: 100%; position: absolute; font-size:60px; white-space: nowrap; overflow: hidden}
	.main1 {padding: 15px 0;}
	.title2 { width: 100%; padding: 10px 0;float: left; position: relative;}
	.title2 .tit{ font-size: 24px; line-height: 1.5em; color: #fff; text-align: center; height: 1.5e,; width: 100%;float: left; position: relative; margin-top: 10px;}
	.title2 .desc { line-height: 2em; color: #999999; text-align: center; height: 2empx; width: 100%; font-size: 13px; padding-top: 5px; text-transform: uppercase;float: left; position: relative;}
}
.morea{ width: 100%; float: left; padding-top: 30px;}
.morea a{ width: 200px; line-height: 55px;height: 55px; border-radius:35px; text-align: center; float: left;margin-right:30px; color:#Fff; font-size: 18px;}
.morea .a1{ border:solid 1px #1778d9; color: #1778d9;}
.morea .a2{background:linear-gradient(90deg,rgba(70,123,245,1) 0%,rgba(127,166,255,1) 100%);}/*橙色*/
.morea .a3{background:linear-gradient(90deg,rgba(255,94,52,1) 0%,rgba(255,146,103,1) 100%);}/*绿色*/
.morea .a4{background:linear-gradient(90deg,rgba(3,163,139,1) 0%,rgba(2,200,170,1) 100%);}/*深蓝*/
.morea .a5{background:linear-gradient(90deg,rgba(0,121,254,1) 0%,rgba(25,134,254,1) 100%);}/*亮蓝*/

.moreb{ width: 100%; float: left; padding: 30px 0; text-align: center;}
.moreb a{ width: 200px; line-height: 50px;height: 50px; border-radius:2px; display:inline-block; background-color:#3073f5; color: #fff; font-size: 18px;margin:0 5px;background-image:linear-gradient(35deg, #6d9dfa, #3073f5); border-radius:4px;}
.moreb a.a1{}
.morec{ width: 100%; float: left; padding: 45px 0 0; text-align: center;}
.morec a{ width: 200px; line-height: 50px;height: 50px; border-radius:2px; display:inline-block; background-color:#3073f5; color: #fff; font-size: 18px;margin:0 5px;background-image:linear-gradient(35deg, #6d9dfa, #3073f5); border-radius:4px;}
@media screen and (max-width:750px){
    .morea{ width: 100%; float: left; padding-top: 20px; text-align: center;}
    .morea a{ width: 45%; line-height: 45px;height: 45px;margin-right:2%;margin-left:2%;font-size: 1rem; float: left;}
    .morea .a1{ border:solid 1px #1778d9;color: #1778d9;}
	.moreb{ padding: 15px 0; }
	.moreb a{ width: 100px; line-height: 40px;height: 40px;font-size: 15px;}
    .morec a{ width: 160px; line-height: 40px;height: 40px;}
}
.catlist{ width: 100%; text-align: center; font-size: 0px; margin:10px 0; float: left;}
.catlist .item{ padding: 0px; font-size: 15px; display:inline-block; background-color: #e9ebf0;overflow: hidden;box-sizing: border-box; border:solid 1px #fff;margin-left: -1px;}
.catlist .item a{line-height:50px; height: 50px;color:#4b4a4a;display: block; text-align: center; padding:0 25px;margin-left: 1px;font-size: 15px;}
.catlist .item.on,.catlist .item a:hover { background-color:#3073f5; color:#fff !important; text-decoration:none;}
.catlist .item.on a{ color: #fff; }
.catlist .item:nth-child(1){border-top-left-radius: 25px;border-bottom-left-radius: 25px;}
.catlist .item:nth-last-child(1){border-top-right-radius: 25px;border-bottom-right-radius: 25px;}
@media screen and (max-width:900px){
    .catlist{padding: 0 10px;box-sizing: border-box;}
    .catlist .item{ width: 25%; box-sizing: border-box; font-size: .9rem;}
    .catlist .item a{line-height:3em; height: 3em;padding:0 5px;}
}

.tab{ width: 100%;float: left;margin:10px 0; text-align: center;}
.tab .item { display: inline-block;padding:0 0px;}
.tab .item span{ padding:0 25px;line-height: 40px;background-color:#e2ecfe; color: #222;border-radius: 25px;float: left; font-size: 16px}
.tab .on span{background-color:#3073f5;color: #fff;background-image: linear-gradient(to right,#3073f5,#0343bf);}

.tab-content{ width: 100%;float: left;position: relative;margin:5px 0;}
.list-products{width: 100%;float: left;position: relative; display: flex;flex-wrap: wrap}
.list-products li{ width: 25%;float: left;position: relative;padding:5px;box-sizing:border-box;}
.list-products li .itemin{ width: 100%;float: left;position: relative;background-color:#fff;box-shadow: 0 0 10px rgba(0,0,0,.05);padding:20px;box-sizing:border-box; padding-bottom: 10px;height: 100%;border-radius: 10px}
.list-products li .thumb{ width: 100%; float: left; overflow: hidden;}
.list-products li .thumb img { width: 100%; height: auto;transition: all 0.3s ease-in;}
.list-products li .info{width: 100%;float: left;position: relative;padding:10px;box-sizing:border-box;}
.list-products li .info .tit { width: 100%; text-align: center; font-size: 16px;box-sizing: border-box; line-height:45px; height: 45px;float: left; overflow: hidden;}
.list-products li .info .desc { width: 100%;font-size: 15px;box-sizing: border-box; float: left;line-height: 1.6em;color: #757575;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;line-clamp: 5;-webkit-box-orient:vertical;opacity: .6;}
.list-products li .info .detail{ width: 100%;float: left;position: relative;margin-top:20px;}
.list-products li .info .detail a{float: left; line-height:40px;text-align: center; background-color:#3073f5; color: #fff; border-radius: 3px; padding:0 25px;background-image: linear-gradient(to right,#3073f5,#0343bf)}

.list-products .hottag{position:absolute;display:block;left:0px;top:10px;height:30px;line-height:30px;font-size:14px;color:#fff;padding:0 5px 0 12px;border-top-right-radius:13px;border-bottom-right-radius:13px;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#FF7B55,endColorstr=#F5151D);background:-webkit-gradient(linear,right top,left top,from(#ff7b55),to(#f5151d));background:linear-gradient(270deg,#ff7b55,#f5151d);font-style:normal;z-index: 999}
.list-products .hottag:after{content:" ";width:0;height:0;border-width:2px;border-style:solid;position:absolute;left:0;bottom:-4px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color: #a00005 #a00005 transparent transparent;}
.list-products li:hover .thumb img{transform: scale(1.2, 1.2);background-color:#000;transition: all 0.3s ease-in;}
.list-products li.first{ width: 50%;}
.list-products li.first .itemin{display: flex;padding-bottom: 20px;background-image:linear-gradient(45deg,#fff 0,#fff 70%,#f0f4fc 100%);}
.list-products li.first .info{ padding-left: 20px;display: flex;align-items:center;justify-content:center;flex-direction: column;}
.list-products li.first .tit{ font-size: 20px;text-align: left;}
.list-products li.first .tit a{}
.list-products li.first .desc{color: #757575}
.list-products li.first .thumb img {width: 100%;height: 100%;object-fit: fill;}
.show{ display: block; }
.hide{display: none;}
@media screen and (max-width:900px){
    .list-products li{ width: 50%;}
    .list-products li .itemin{padding:10px;}
    .list-products li.first{ width: 100%;}
    .list-products li.first .info{ padding:0;padding-left: 20px; }
    .list-products li.first .info .desc{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size: 13px;}
    .list-products li.first .tit{ font-size: 16px;}
}

.xinlisoft{width: 100%;float: left;position: relative; display: flex; align-items: stretch;min-height: 300px;background-color:#fff;box-shadow: 0 0 10px rgba(0,0,0,.1)}
/*.xinlisoft .thumb{flex:0 0 350px;background-image:url('../images/softbg.jpg'); background-position:center;}
.xinlisoft .infobox{width: 100%;float: left;;position: relative;padding:25px 25px 25px 45px;box-sizing:border-box;}
.xinlisoft .infobox .tit{ line-height: 2em;font-size: 20px; }
.xinlisoft .infobox .desc { width: 100%;font-size: 15px;box-sizing: border-box; float: left;line-height: 1.6em;color: #757575;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;line-clamp: 5;-webkit-box-orient:vertical;opacity: .6;}
.xinlisoft .infobox .featurelist{width: 100%;float: left;position: relative;margin-top:20px;}
.xinlisoft .infobox .featurelist .item{width: 12.5%;float: left;position: relative;}
.xinlisoft .infobox .featurelist .item .itemin{ width: 100%;float: left; }
.xinlisoft .infobox .featurelist .item .icon{ width: 100%;float: left;line-height: 50px;text-align: center; }
.xinlisoft .infobox .featurelist .item .icon span{ font-size: 24px;}
.xinlisoft .infobox .featurelist .item .tit{ width: 100%;float: left;line-height: 2em;text-align: center;font-size: 15px; }*/
.softlist{width: 100%;float: left;position: relative;margin-top:20px; padding-bottom:30px;}
.softlist .item{width: 25%;float: left;position: relative;padding:5px;box-sizing:border-box;}
.softlist .item .itemin{ width: 100%;float: left;border-radius: 10px;background-color:#fff;overflow: hidden;}
.softlist .item .icon{ width: 100%;float: left;line-height: 50px;text-align: center; }
.softlist .item .icon span{ font-size: 24px;}
.softlist .item .tit{ width: 100%;float: left;line-height:100px;text-align: center;font-size: 18px;background-image: linear-gradient(to right,#3073f5,#0343bf); background-position:center bottom;color: #fff}
.softlist .item .info{ width: 100%;float: left;position: relative;padding:0 15px;margin-bottom:25px;line-height: 1.8em;height: 18em;font-size: 15px;box-sizing:border-box;color: #666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:10;line-clamp: 10;-webkit-box-orient:vertical;}
.softlist .item .params{ width: 100%;float: left;position: relative;padding:0 15px;margin:25px 0;font-size: 15px;box-sizing:border-box;color: #666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:15;line-clamp: 15;-webkit-box-orient:vertical;height: 26em;}
.softlist .item .params p{ line-height: 2em;min-height: 2em;float: left;width: 100%}
.softlist .item .detail{ width: 100%;float: left;position: relative;padding:45px 15px;font-size: 15px;box-sizing:border-box;}
.softlist .item .detail span{ width: 50%;float: left;padding:0 10px;box-sizing:border-box }
.softlist .item .detail .a1 a{line-height:45px;text-align: center; background-color:#3073f5; color: #fff; border-radius: 25px;width:100%;margin:0 auto;background-image: linear-gradient(to right,#3073f5,#0343bf);display: block;}
.softlist .item .detail .a2 a{line-height:45px;text-align: center; background-color:#3073f5; color: #fff; border-radius: 25px;width:100%;margin:0 auto;background-image: linear-gradient(to right,#ff7b55,#f5151d);display: block;}
.softlist .item .detail span i{margin-right: 4px;opacity: .8;}

.softlist .swiper-button-next,.softlist .swiper-button-prev{background-repeat: no-repeat;background-position: center center; width: 40px; height: 40px;background-size:contain;-moz-background-size: contain;-webkit-background-size: contain; top: 50%;filter:alpha(opacity=45);opacity:0.45; z-index: 99;}
.softlist .swiper-button-next{ background-image:url('../images/arrow-right2.png'); right: -0px;}
.softlist .swiper-button-prev{ background-image:url('../images/arrow-left2.png'); left: -0px;}
.softlist .swiper-button-next:hover,.softlist .swiper-button-prev:hover{ filter:alpha(opacity=100);opacity:1;}
.swiper-button-prev:after, .swiper-button-next:after {content:'';}
.softlist .swiper-pagination {position: absolute;width: 100%;z-index: 200;left: 0;bottom: 0px !important;text-align: center;}
.softlist .swiper-pagination-bullet-active{background-color: #3073f5 !important;width: 45px; transform: 400ms;}
.softlist .swiper-pagination-bullet { width: 12px;height: 12px; border-radius: 15px; opacity: .8; background-color:#e2e2e2;}
.softlist .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #3073f5;width: 45px; transition: all 0.5s ease; opacity: 1;}

.service{ width: 100%; float: left; padding:20px 0; position: relative;}
.service .servicebox{ width: 20%; float: left; padding:10px;box-sizing:border-box; position: relative; }
.service .servicebox .servicein{ width: 100%;float: left; background-color:#ffff;padding:25px; box-sizing:border-box;}

.service{ width: 100%; float: left;position:relative; }
.service li{ width: 20%;padding:5px; box-sizing: border-box; float: left;}
.service li .servicein{ width: 100%; float: left; padding:25px; box-sizing: border-box; background-color: #fff; position:relative;box-shadow: 0px 0px 30px 0px rgba(56, 108, 203, 0.1); overflow: hidden;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.service li .thumb{ width: 100%; float: left;padding:25px 0; text-align: center;}
.service li .thumb i{ height: 50px; line-height: 50px; font-size: 45px; color:#3073f5;}
.service li .info{ width: 100%; padding:20px 0; float: left; position:relative;z-index: 1; }
.service li .info .tit{ width: 100%; float: left; line-height: 50px; text-align: center; font-size: 18px; font-weight: bold; color: #222;}
.service li .info .desc{ width: 100%; float: left; line-height:2em; text-align: center; font-size: 14px; color: #666; opacity: .9; margin:5px 0; height: 8em;}
.service li .info .detail { width: 100%; float:left; padding-top:20px; text-align: center;z-index: 1 }
.service li .info .detail a{ width: 140px; line-height: 35px;height: 35px; text-align: center;margin:0 auto;border-radius:20px; display:inline-block; color: #fff;}
.service .circle1{ width: 120px;height: 120px; margin-top:30px; background-color:#3073f5;border-radius:50%; position:absolute;top: -60px;right:-50px; opacity: .07;z-index: 0}
.service .circle2{ width: 250px;height: 250px; margin-top:10px; background-color:#ff6700;border-radius:50%; position:absolute;bottom:-20px;right:30%; opacity: .03;z-index: 0}
.service li:hover .pin{ margin-top: -30px; -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.service .color1 i{ color:#01b499 !important;}
.service .color2 i{ color:#ff7877 !important;}
.service .color3 i{ color:#1cc1fe !important;}
.service .color4 i{ color:#b686f7 !important;}
.service .color5 i{ color:#2ece7d !important;}
.service .color6 i{ color:#ffc000 !important;}
.service .color7 i{color:#f58e03 !important;}
.service .color8 i{ color:#01b499 !important;}
.service .color1 .circle1,.service .color1 .circle2,.service .color1 .detail a{background-color:#01b499 !important;}
.service .color2 .circle1,.service .color2 .circle2,.service .color2 .detail a{background-color:#ff7877 !important;}
.service .color3 .circle1,.service .color3 .circle2,.service .color3 .detail a{background-color:#1cc1fe !important;}
.service .color4 .circle1,.service .color4 .circle2,.service .color4 .detail a{background-color:#b686f7 !important;}
.service .color5 .circle1,.service .color5 .circle2,.service .color5 .detail a{background-color:#2ece7d !important;}
.service .color6 .circle1,.service .color6 .circle2,.service .color6 .detail a{background-color:#ffc000 !important;}
.service .color7 .circle1,.service .color7 .circle2,.service .color7 .detail a{background-color:#f58e03 !important;}
.service .color8 .circle1,.service .color8 .circle2,.service .color8 .detail a{background-color:#01b499 !important;}

@media screen and (max-width:1200px){
	.service li .info .desc{ width: 100%; float: left; line-height:1.8em; text-align: center; font-size: 14px; color: #666; opacity: .9; margin:5px 0; height: 12.8em;}
}
@media screen and (max-width:900px){
	.service{padding:20px 0 10px 0; }
    .service li{ width: 100%; padding:3px 5px;}
    .service .servicein{padding:5px 15px;}
    .service li .thumb{padding:25px 0 5px 0;}
	.service li .thumb i{ height: 40px; line-height: 40px; font-size: 40px; color:#3073f5;}
	.service li .info{padding:10px 0;}
	.service li .info .tit{line-height: 40px;}
	.service li .info .desc{height: auto;}
	.service li .info .detail {padding-top:10px; }
	.arr1-bg{background-size:150px;background-position:center -30px;}
	.service li:hover .pin{ margin-top:0; }
}

.solution{width: 100%; float: left; padding:50px 0 10px 0; position: relative; background-color:#22262F;margin-top:20px;}
.solutionlist{ width: 100%; float: left; position: relative; margin:30px 0;}
.solutionlist li{ width: 15%; float: left; position: relative;height: 640px; background-repeat: no-repeat; background-position:center;background-size: cover; -webkit-transition: all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease; overflow: hidden;}
.solutionlist #s1{ background-image: url('../images/pic1.jpg'); }
.solutionlist #s2{ background-image: url('../images/pic2.jpg'); }
.solutionlist #s3{ background-image: url('../images/pic3.jpg'); }
.solutionlist #s4{ background-image: url('../images/pic4.jpg'); }
.solutionlist #s5{ background-image: url('../images/pic5.jpg'); }
.cent {display: table-cell;vertical-align: middle;}
.solutionlist li .text1{position: absolute;bottom: 0;left: 0;height: 100%;display: table;text-align: center;width: 100%;padding: 0 10px; box-sizing:border-box;background-color:rgba(0,0,0,.7);}
.solutionlist li .text1 .tit{color: #fff;font-size: 26px;display: block;padding-bottom: 15px;margin-top: 25px;}
.solutionlist li .text1 .ico{ display:none;}
.solutionlist li .text1 .ico span{ font-size:35px;color: #fff; opacity: .3 }
.solutionlist li .text1 .btnlist{ width: 100%;float: left;margin-top: 40px;text-align: center;padding:0 25%;box-sizing:border-box;}
.solutionlist li .text1 .btnlist a{width: 100%;line-height: 40px;border:solid 1px rgba(255,255,255,.2);border-radius: 5px;color: #fff;display: block;opacity: .6;}

.solutionlist li .text2{position: absolute;bottom: 0;height: 100%;display: table;text-align: center;width: 100%;padding: 100px 30px;box-sizing:border-box;left: -150%;background-color:rgba(0,0,0,.45);}
.solutionlist li .text2 .tit{color: #fff;font-size: 26px;display: block;padding-bottom: 15px;}
.solutionlist li .text2 .tit-line{ width: 100px; line-height: 3px;height: 3px; background-color:#3073f5; margin:5px auto;border-radius: 5px;}
.solutionlist li .text2 .desc{color: #fff;font-size: 16px;display: block;padding: 15px 10%; line-height: 2em; box-sizing:border-box; margin-top: 20px; opacity: .8}
.solutionlist li .text2 .ico{ display:none;margin-top: 85px;}
.solutionlist li .text2 .ico span{ font-size:60px;color: #fff; opacity: .6 }
.solutionlist li.on{ width: 40%;}
.solutionlist li.on .text1{left:-150%;transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;}
.solutionlist li.on .text2{left:0;opacity: 1; transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;}

.solutionlist li .text2 .btnlist{ width: 100%;float: left;margin-top: 40px;text-align: center;padding:0 25%;box-sizing:border-box;}
.solutionlist li .text2 .btnlist .item{width: 120px;padding:0 5px; display: inline-block; box-sizing:border-box;}
.solutionlist li .text2 .btnlist .item a{width: 100%;line-height: 40px;border:solid 1px rgba(255,255,255,.4);border-radius: 5px;color: #fff;display: block;opacity: .95;}
.solutionlist li .text2 .btnlist .item:nth-child(1) a{width: 100%;line-height: 40px;border:solid 1px rgba(48,115,245,.9);border-radius: 5px;color: #fff;display: block;opacity: .95; background-color:rgba(48,115,245,.9);}
@media screen and (max-width:1400px){
    .solutionlist li .text2 .btnlist{padding:0 10%;}
}
@media screen and (max-width:900px){
	.solution{ padding:20px 0 10px 0;margin:0;}
    .solutionlist{margin-bottom:10px;}
	.solutionlist li.on{ width: 100%;}
	.solutionlist li{ width: 100%;height: 240px; padding: 20px 0;}
	.solutionlist li .text1{ display: none; }
	.solutionlist li .text2{top: 0;height: 100%;left: 0%; padding:30px 20px;}
	.solutionlist li .text2 .tit{font-size: 20px;padding:10px 15px; box-sizing:border-box;}
	.solutionlist li .text2 .desc{padding:0 10px;margin:20px 0 10px 0; line-height: 2em;height: 4em; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp: 2;-webkit-box-orient:vertical; font-size:13px; opacity: .9;}
	.solutionlist li .text2 .ico{ display:none;margin-top: 25px;}
	.solutionlist li .text2 .ico span{ font-size:30px; opacity: .6 }
	.solutionlist li .text2 .tit-line{ width: 80px; line-height:3px;height: 3px; float: left; margin-left:50%;transform:translateX(-40px);}
    .solutionlist li .text2 .btnlist{margin-top: 20px;padding:0 10%;box-sizing:border-box;}
    .solutionlist li .text2 .btnlist .item{width: 50%;float: left;}
}
.circlebg{ width: 100%; background-image: url('../images/fenxubg.png'); background-position:center bottom; background-repeat:no-repeat;padding: 0; float: left;height: 180px; padding-bottom:60px;}
.circlebg80{ width: 100%; background-image: url('../images/fenxubg.jpg'); background-position:center bottom; background-repeat:no-repeat;padding: 0; float: left;height: 80px; padding-bottom:60px;}
.circlebg2{ width: 100%; background-image: url('../images/fenxubg2.png'); background-position:center top; background-repeat:no-repeat;padding: 0; float: left;height: 80px;}
.youshitext{ width: 100%; float: left; position:relative; padding:25px 0;}
.youshitext .info{ width:750px; padding:40px 50px; /*background-color:#e50044;*/ color: #fff; margin:0 auto; border-radius: 5px; background-image:linear-gradient(35deg, #6d9dfa, #3073f5);}
.youshitext .info p{ line-height:2.2em; text-indent: 2em; font-size: 16px;}
@media screen and (max-width:900px){
	.circlebg{height: auto; background-position:center bottom; background-size:cover;padding-bottom: 20px; border:none;outline: none; background-color:#f5f5f5;}
	.circlebg2{height: 30px; background-position:center; background-size: cover}
    .youshitext{padding:15px 0 25px 0;}
    .youshitext .info{ width:94%;margin:0 3%; padding:20px;box-sizing: border-box; }
    .youshitext .info p{font-size: 15px;}
}
.xiaolv{ width: 100%; float: left; padding:30px 0;position:relative; margin-top: 30px;}
.xiaolvbox{ width: 25%; float: left;padding:20px; box-sizing: border-box; position:relative; }
.xiaolvbox .xiaolvin{ width: 100%; float: left; padding:0;position:relative;}
.xiaolvbox .number{ width: 100%; line-height:80px;height: 80px;text-align: center;position:relative;}
.xiaolvbox .number span{ display: inline-block; font-size: 100px; font-weight: 500; color:#3073f5;position:relative; }
.xiaolvbox .number i{text-align: center; font-size: 18px; font-style: normal; float: left; clear: both;width: 100%;}
.xiaolvbox .number .ico{height: 40px;line-height:40px;}
.xiaolvbox .number .ico img{ width: 45px;height: 45px;}
.xiaolvbox .number .zhanbi{height: 30px;line-height:30px;color:#3073f5; padding-top:10px;}
.xiaolvbox .info{ width: 100%; padding:20px 10%; box-sizing: border-box; line-height:2em; font-size:18px; text-align: center; height: 4em; color:#666; width: 100%; float: left; }
@media screen and (max-width:1200px){
    .xiaolvbox .number span{font-size: 60px;}
}
@media screen and (max-width:900px){
	.xiaolv{ padding:0;margin-top: 10px;}
	.xiaolvbox{padding:10px 5px; }
	.xiaolvbox .number{line-height:60px;height: 60px;}
	.xiaolvbox .number span{font-size: 30px;}
	.xiaolvbox .number span:nth-child(2){ position: absolute; top: 0;right: 10px }
	.xiaolvbox .number .ico{height: 30px;line-height:30px; position: absolute; right: 5px; top: 10px;}
	.xiaolvbox .number .ico img{ width: 20px;height: 20px;}
	.xiaolvbox .number .zhanbi{ display: none; }
	.xiaolvbox .info{ width: 100%; padding:10px 5px; box-sizing: border-box; line-height:2em; height: 6em; font-size:13px; text-align: center; color:#666; width: 100%; float: left; }
}
/*关于我们*/
.about{ width: 100%;float: left; position: relative; padding:25px 0;}
.about .about-pic{ width: 30%;float: left;height: 460px; position: relative;}
.about .about-pic .thumb{ width: 100%;height: 100%; background-position:center top; background-repeat:no-repeat; background-size:cover; }
.about .about-pic .thumb .tit{ display: none; }
.about .about-info{ width: 70%;float: left;height: 460px; position: relative; padding-left: 0px;box-sizing:border-box;}
.about .about-info li{ width: 40%; height: 230px; padding:25px 40px; box-sizing:border-box; float: left; position: relative;}
.about .about-info .about1{ width: 60%; background-color:#5194F7; padding:25px 40px;background-image:linear-gradient(to right,#3073f5,#0343bf);}
.about .about-info .about2{ width: 40%; background-color:#222;background-image: url('../images/about2.jpg'); background-position:center bottom; background-repeat:no-repeat;}
.about .about-info .about3{ width: 40%; background-color:#fff;}
.about .about-info .about4{ width: 60%; background-color:#51B3F7;}
.about .about-info .tit{ width: 100%;float: left; line-height: 2.5em; font-size:24px;color: #fff;}
.about .about-info .tit i{ font-size:22px; margin-right: 5px; }
.about .about-info .desc{ width: 100%;float: left; line-height: 2em; font-size:15px;color: #fff; opacity: .9}
.about .about-info li em{ font-size:100px; position: absolute; right: 10px;bottom: 0px; opacity: 0.08;color: #e2e2e2; transform: rotate(-45deg);}
.about .about-info .about3 .tit{ color: #222;}
.about .about-info .about3 .desc{ color: #666;}
.about .about-info .about3 em{ color: #ccc;transform: rotate(0deg);opacity: 0.1;}

.about-info2{ width: 100%;float: left;height: auto; position: relative; padding-left: 0px;box-sizing:border-box; margin-bottom:60px;}
.about-info2 li{ width: 40%; height: 230px; padding:25px 40px; box-sizing:border-box; float: left; position: relative;}
.about-info2 .about1{ width: 30%; background-color:#5194F7;}
.about-info2 .about2{ width: 30%; background-color:#3073f5;}
.about-info2 .about3{ width: 40%; background-color:#222;background-image: url('../images/about2.jpg'); background-position:center bottom; background-repeat:no-repeat;}
.about-info2 .about4{ width: 20%;background-color:#e2e2e2;}
.about-info2 .about5{ width: 30%; background-color:#3073f5;}
.about-info2 .about6{ width: 50%;background-color:#51B3F7;}
.about-info2 .tit{ width: 100%;float: left; line-height: 2.5em; font-size:24px;color: #fff;}
.about-info2 .tit i{ font-size:22px; margin-right: 5px; }
.about-info2 .desc{ width: 100%;float: left; line-height: 2em; font-size:15px;color: #fff; opacity: .9}
.about-info2 li em{ font-size:100px; position: absolute; right: 10px;bottom: 0px; opacity: 0.08;color: #e2e2e2; transform: rotate(-45deg);}
@media screen and (max-width:750px){
	.about .about-pic{ width: 100%;float: left;height: 150px; position: relative;}
	.about .about-pic .thumb{background-position:center;}
	.about .about-pic .thumb .tit{ display: block; width: 100%; line-height: 2em; text-align:center; font-size: 26px;color: #fff; padding-top:50px; font-weight:bold;}
	.about .about-info{ width: 100%;float: left;height:auto;}
	.about .about-info li{ width: 50%; height: auto; padding:20px; margin:0;height: 230px; overflow: hidden;}
	.about .about-info .about1{ width: 50%; background-color:#5194F7; padding: 20px;}
	.about .about-info .about2{ width: 50%; background-color:#222;background-image: url('../images/about2.jpg'); background-position:center bottom; background-repeat:no-repeat;}
	.about .about-info .about3{ width: 50%; background-color:#fff;}
	.about .about-info .about4{ width: 50%; background-color:#51B3F7;}
	.about .about-info .tit{ width: 100%;float: left; line-height: 2.5em; font-size:18px;color: #fff;}
	.about .about-info .tit i{ font-size:18px; margin-right: 5px; }
	.about .about-info .desc{line-height: 2em; font-size:13px;color: #fff; opacity: .7;height: 10em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;line-clamp: 5;-webkit-box-orient:vertical;}

	.about-info2{margin-bottom:30px;}
	.about-info2 li{ width: 100%; height: auto; padding:25px 15px;}
	.about-info2 .about1{ width: 100%; background-color:#5194F7;}
	.about-info2 .about2{ width: 100%; background-color:#3073f5;}
	.about-info2 .about3{ width: 100%; background-color:#222;background-image: url('../images/about2.jpg'); background-position:center bottom; background-repeat:no-repeat;}
	.about-info2 .tit{ width: 100%;float: left; line-height: 2em; font-size:18px;color: #fff;}
	.about-info2 .tit i{ font-size:18px; margin-right: 5px; }
	.about-info2 .desc{ width: 100%;float: left; line-height: 2em; font-size:13px;color: #fff; opacity: .7}
}

.why{ width: 100%; float: left;padding:30px 0 0px 0;background-color:#22262f; position: relative;}
.why .why-title{ width: 100%; float: left; text-align: center;position: relative; }
.why .why-title .tit{font-size:36px; color: #fff; font-weight:bold; line-height: 70px; z-index: 1}
.why .why-title .desc{font-size:16px; color: #fff; line-height: 30px; z-index: 1; opacity: .8}
.why .why-title .enbg{ width: 100%; position: absolute; font-size:100px; text-align:center; text-transform: uppercase; color: rgba(255,255,255,.05);z-index: 0; font-weight:900; top: -20px;left: 0}

.customerlist{ width: 100%; float: left; position: relative; margin-top:30px;}
.customerlist li{ width: 16.6%; float: left; padding:10px; position: relative; box-sizing:border-box;}
.customerlist li .thumb{ width: 100%; padding:10px; box-sizing:border-box;float: left;background-color:#fff; border:solid 1px #e2e2e2;}
.customerlist li .thumb img{ width: 100%;height: auto; }
@media screen and (max-width:1200px){
	.why{ width: 100%; float: left;padding:20px 0;background-color:#22262f; position: relative;}
	.why .why-title .tit{font-size:26px; color: #fff; font-weight:bold; line-height: 1.5em; z-index: 1}
	.why .why-title .desc{font-size:13px; color: #fff; line-height: 30px; z-index: 1; opacity: .8}
	.why .why-title .enbg{ width: 100%; position: absolute; font-size:60px; text-align:center; text-transform: uppercase; color: rgba(255,255,255,.05);z-index: 0; font-weight:900; top: -15px;left: 0}
	.customerlist{ padding:5px;box-sizing:border-box;margin-top:10px;}
	.customerlist li{ width: 33.3%;padding:5px;}
}

.news{ width: 100%;float: left;position: relative;padding:40px 0 10px 0;}
.newsmain{ width: 100%;float: left;position: relative;}
.newsmain .newsbox{ width: 33.3%;float: left;position: relative;padding:15px;box-sizing: border-box;}
.newsmain .newsbox .newsin{ width: 100%;float: left;position: relative;box-shadow:0 0 10px rgba(0,0,0,.1);}
.newsmain .newsbox .catimg{ width: 100%;float: left;position: relative; overflow: hidden; }
.newsmain .newsbox .catimg img{ width: 100%;float: left;position: relative;}
.newsmain .newsbox .catimg .catname{ width:100%;height:100%;text-align: center;position: absolute;padding-top: 20%;font-size: 18px;color:#fff; background-color:rgba(0,0,0,.5);box-sizing: border-box;}
.newsmain .newsbox .catimg .catname span{background-color:rgba(0,0,0,.6);height: 40px;line-height: 40px;width: 120px;margin:0 auto;display: inline-block; }
.newsmain .newsbox .catimg .catname span i{margin-right:5px; opacity: .8}
.newsmain .newsbox .newsfirst{ width: 100%;float: left;position: relative; padding:15px;box-sizing: border-box;display: flex; border-bottom:solid 1px #e7e7e7;padding-top:25px;}
.newsmain .newsbox .newsfirst .thumb{ width: 160px;flex:0 0 160px;float: left;position: relative;max-height: 120px;overflow: hidden; }
.newsmain .newsbox .newsfirst .thumb img{ width: 100%;height: auto; }
.newsmain .newsbox .newsfirst .info{ width: 100%;float: left;position: relative; padding-left:15px;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;flex-direction: column;}
.newsmain .newsbox .newsfirst .info .tit{ width: 100%;float: left;line-height: 1.5em;font-size: 16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp: 2;-webkit-box-orient:vertical; font-weight: bold;}
.newsmain .newsbox .newsfirst .info .desc{ width: 100%;float: left;line-height: 1.4em;font-size: 13px;color:#666;margin-top: 8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp: 2;-webkit-box-orient:vertical;}
.newsmain .newsbox .newsfirst .info .p{ width: 100%;float: left;line-height:30px;font-size: 14px;color: #999;margin-top:6px;}
.newsmain .newsbox .newsfirst .info .p .t{float: left;}
.newsmain .newsbox .newsfirst .info .p .detail{float: right; }
.newsmain .newsbox .newsfirst .info .p .detail a { border:solid 1px #e2e2e2;border-radius:15px;padding:0 10px;line-height:30px; float: left; color: #666;font-size: 13px}
.newsmain .newsbox .newsfirst .info .p .detail a:hover{background-color:#3073f5; color:#fff;border:solid 1px #3073f5;}
.newslist{ width: 100%;float: left;position: relative; padding:15px;box-sizing: border-box;}
.newslist li{ width: 100%;float: left;padding:0; border-bottom:solid 1px #f5f5f5;display: flex;position: relative;}
.newslist li .tit{ width: 100%;float: left;line-height:40px;font-size: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;padding-left: 10px;color:#999;}
.newslist li .tit::before{content:'';width: 5px;height: 5px;border-radius:50%;background-color:#e2e2e2; position: absolute;left: 0;top: 50%;margin-top: -3px;}
.newslist li .tit a{color:#666;}
.newslist li .tit a:hover{color:#3073f5;}
.newslist li .time{ float: right;flex:0 0 80px; color:#999; text-align: right;line-height:40px;}
.newslist li:nth-last-child(1){border-bottom:none;}

.asklist{ width: 100%;float: left;position: relative; padding:15px;box-sizing: border-box;height: 528px;}
.asklist li{ width: 100%;float: left;padding:15px 0; border-bottom:solid 1px #f5f5f5;position: relative; box-sizing: border-box;}
.asklist li .q{ width: 100%;float: left;line-height:2em;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;color:#999;}
.asklist li .a{ width: 100%;float: left;line-height:1.5em;font-size: 15px;position: relative;color:#999;margin:5px 0;}
.asklist li .q i {display: inline-block;width: 20px;height: 20px;line-height: 20px;text-align: center;background: #ff5722;color: #fff;font-style: normal;font-size: 12px; border-radius: 4px;margin-right: 10px;flex-shrink: 0;float: left;margin-top: 8px;}
.asklist li .a i {display: inline-block;width: 20px;height: 20px; line-height: 20px; text-align: center;background: #4caf50;color: #fff;font-style: normal; font-size: 12px;border-radius: 4px; margin-right: 10px;flex-shrink: 0;}
@media screen and (max-width:900px){
    .news{padding:15px 0 10px 0;}
    .newsmain .newsbox{ width:100%;padding:10px;}
    .newsmain .newsbox .newsfirst .thumb{ width: 120px;flex:0 0 120px;}
    .newsmain .newsbox .newsfirst .info .desc{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;}
}

.links { line-height: 25px; color: #999999; ; float: left; width: 100%; padding:0 0 10px 0; }
.links b { font-weight:normal; float:left; width:60px; text-align:center; padding-left: 25px;background-image: url(../images/ico_link.png); background-repeat: no-repeat; background-position: left center;}
.links a { color:#999999; padding-left:15px; padding-right:15px; display:block; float:left;}
@media screen and (max-width:1200px){
	.links{ line-height: 1.6em; font-size: .9rem;padding: 10px; box-sizing: border-box; }
}
@media screen and (max-width:750px){
	.newslist li{ width: 100%;float: left; padding:5px 0px;}
}
.footer{ width: 100%; padding: 40px 0;background-color: #3073f5; box-sizing: border-box;background-image: url(../images/footerbg.jpg); background-repeat: no-repeat; background-position:center;}
.gg{ width: 100%;float: left; text-align:center; position: relative;}
.gg .tit{ font-size:30px;color: #fff; width: 100%;float: left; line-height: 3em;}
.gg .desc { font-size:16px; color: #fff;width: 100%;float: left; opacity: .8; line-height: 2em;}
.gg .apply{width: 100%;float: left;padding-top: 40px;}
.gg .apply span{ width: 200px;line-height: 45px;height: 45px; border:solid 1px #fff; text-align: center;color: #fff; border-radius: 5px; margin:0 auto; display: inline-block; font-size:16px;}
.gg .apply span a{ color: #fff; }
@media screen and (max-width:750px){
	.footer{padding: 20px 0;}
	.gg{ padding:0 20px;box-sizing:border-box; }
	.gg .tit{ font-size:20px;line-height: 1.5em; padding:10px 0;}
	.gg .desc { font-size:14px; line-height: 2em; margin-top: 10px; opacity: .6;}
	.gg .apply{padding-top: 20px;}
	.gg .apply span{ width: 150px;line-height: 40px;height: 40px;font-size:14px;}
}
/*底部*/
.bottom { width: 100%; padding: 50px 0 30px 0;background-color: #2f313e; color: #bebfc1; box-sizing: border-box; overflow: hidden;}
.mbox { width: 300px; padding-right: 30px;  float: left; border-right: 1px solid #2e2d2d; padding-left: 0px; box-sizing: border-box;}
.blogo { float: left; width: 100%; padding-right: 60px; padding-top: 30px;}
.blogo img{ width: 100%; height: auto; }
.btel{ width: 100%; float: left; line-height: 50px; font-size:25px; padding-top: 10px; font-weight:bold; }

.fbox{ width: 20%; padding:0 30px;float: left; padding-left: 0px; box-sizing: border-box;}
.fbox4{ width: 20%; box-sizing: border-box;float: left;}
.btitle{ width: 100%; float: left; line-height: 40px; height: 40px; font-size: 20px; font-weight: normal; color: #f5f5f5; background-position: left center; background-repeat: no-repeat; }
.fbox-list{ width: 100%; float: left; padding-top: 15px; }
.fbox-list li { width:100%; line-height:35px; float:left; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; font-size: 16px;}
.fbox-list li a { color:#9a9898;}
.fbox-list2{ width: 100%; float: left; padding-top: 15px; }
.fbox-list2 li { width:50%; line-height:35px; float:left; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; font-size: 16px;}
.fbox-list2 li a { color:#9a9898;}

.bw2 { width: 30%;}
.bw4 { width: 200px; padding-right: 30px;  float: left; border-right: 1px solid #2e2d2d; padding-left: 0px; box-sizing: border-box;}
.bw3 { float: right; width: 260px; box-sizing: border-box; }
.fcontact{ width: 100%; float: left; padding-top: 15px; line-height: 2.2em; font-size:14px;color:#9a9898; }

.bottom_box3 p { line-height: 25px; color: #7b7b7b; height: 25px; width: 280px; }
.bottom_box3 h2 { font-size: 26px; line-height: 30px; color: #fff; height: 30px; width: 240px; font-weight: normal; padding-bottom: 10px; }
.foottel{box-sizing: border-box; width: 100%; float: left;margin:15px 0;}
.foottel p{ background-color: #3073f5; line-height: 50px;height: 50px; width: 100%; float: left; box-sizing: border-box; font-size:18px; color: #fff; white-space: nowrap;}
.foottel i{height: 50px; width: 50px; line-height: 50px; text-align: center;background-color:#003fb9; float: left; margin-right:10px; font-size: 24px;}
.qrcode { float: left; width:100%; padding-top: 5px;}
.qrcode span { float: left; width: 50%; text-align: center; color: #7b7b7b; line-height: 25px; padding:0 10px; box-sizing: border-box;}
.qrcode span img{ width: 100%; height: auto; max-width: 100px; }
.bottom2 { background-color: #000; width: 100%; padding-top: 15px; padding-bottom: 15px; }
.copyright { line-height: 25px; color: #7b7b7b; text-align: center; float: left; width: 100%; }
.copyright a { color:#7b7b7b; text-decoration:underline;}
.top-qrcode { float: left; width:100%; padding:25px 15px 0 15px; box-sizing: border-box; margin:0 auto;}
.top-qrcode span { float: left; width: 33.3%; text-align: center; color: #999; line-height: 25px; padding: 5px; box-sizing: border-box;}
.top-qrcode span img{ width: 100%; height: auto; max-width:160px; }
@media screen and (max-width:1300px){
	.bottom {padding: 20px 5px; box-sizing: border-box;}
	.foottel p{font-size:16px;}
}
@media screen and (max-width:750px){
	.bottom {padding: 20px 5px; box-sizing: border-box;}
	.fbox{ width: 100%; padding:0 10px;}
	.fbox4{ width: 100%; box-sizing: border-box;float: left;padding:10px;}
	.fbox-list li { width:50%; line-height:35px; font-size: .9rem;}
	.fbox-list2 li { width:25%;font-size: .9rem;}
	.btitle{ line-height: 40px; height: 40px; font-size: 1rem;padding-top:10px; border-bottom: solid 1px #454756;}
	#icontact{ display: none; }
	.foottel{margin:10px 0;}
	.foottel p{width: 240px; float: none;margin:0 auto;}
	.links{ display: none }
	.bottom2 { padding: 10px;box-sizing: border-box;}
}
/*手机版*/
.bottom_box{ position:fixed; z-index:9999; height:50px; width:100%; bottom:0px; text-align:center; margin-right: auto; margin-left: auto; background-position: center center; background-size:100%; background-color: #00b63e; display: none; border-top:solid 1px #019c38; }
.footnav{position: relative;}
.footnav li{ float:left; width:20%; border-right: 1px solid #019c38; border-left: 1px solid #02d24b; box-sizing: border-box; padding-top: 5px; padding-bottom: 5px; position: relative;height: 50px; }
.footnav li a{display:block;width:100%;}
.footnav li span{display:block;width:100%;text-align:center; height: 25px; position: relative;opacity: .9; line-height: 25px; color: #fff; font-size: 20px;}
.footnav li .s1{height:25px;}
.footnav li span img{max-width:25px;margin:0 auto;line-height:25px;vertical-align:middle}
.footnav li .st{ line-height:15px; font-size:0.65em; color:#FFF; width:100%; position: relative; z-index: 10; opacity: .8;}
.footnav .st{font-size: 0.86em !important;font-weight:normal}
.footnav{z-index:100;}

.xuanfu{ position: fixed;right: 10px; top: 30%;z-index: 99999;}
.xuanfu .xuanfubox{ width: 70px; background-color:#fff; border-radius: 5px;box-shadow: 0 0 10px rgba(0,0,0,.2);float: left;padding:0px;box-sizing: border-box;}
.xuanfu .item{ width: 100%;float: left;position: relative;padding:8px 0px;box-sizing: border-box; border-bottom: solid 1px #e2e2e2;cursor: pointer;}
.xuanfu .item:hover{background-color: #f5151d;}
.xuanfu .item:nth-last-child(1){ border-bottom: none; border-bottom-right-radius: 5px;border-bottom-right-radius: 5px;}
.xuanfu .item:nth-child(1){ border-top-right-radius: 5px;border-top-right-radius: 5px; }
.xuanfu .item .text{width: 100%;float: left; position: relative}
.xuanfu .item .text i{ width: 100%;float: left;text-align:center; font-size: 26px;color: #f5151d;line-height:40px;background-position: center; background-repeat: no-repeat;background-size: 25px;}
.xuanfu .item .text .t{ width: 100%; line-height: 15px; text-align:center;margin:2px 0;font-size: 13px;color: #757575}
.xuanfu .item:hover .text i{ color:#fff; }
.xuanfu .item:hover .text .t{ color:#fff; }
/*.xuanfu #izixun{ background-image:url('../images/izixun.png'); }
.xuanfu #iweixin{background-image:url('../images/iweixin.png') }
.xuanfu #itel{background-image:url('../images/itel.png'); }*/
/*.xuanfu #iback{ background-image:url('../images/iback.png');}*/
.xuanfu .kuang{ width: 220px; padding:20px; background-color:#fff; position:absolute; right:75px; min-height:90px; border:1px solid #E0E1E5; border-radius:3px; box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11); box-sizing: border-box; display: none}
.xuanfu .item:hover .kuang{display: block;}
.xuanfu .item .kuang .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:10px;}
.xuanfu .iback{cursor: pointer;}

.xuanfu .item .inner-box{ width: 100%; float: left; }
.xuanfu .item .inner-box .pic{ width: 100%; text-align: center;}
.xuanfu .item .inner-box .pic img{ width: 120px; height: auto; }
.xuanfu .item .inner-box p{ width: 100%; line-height: 25px; text-align: center;padding:5px 0;}
.xuanfu .item .phone-box{ width: 100%; float: left; }
.xuanfu .item .phone-box .phonein{ width: 100%;background-image:url('../images/itel2.png'); padding-left:40px; box-sizing: border-box; background-repeat:no-repeat; background-position:left top; float: left; background-size:30px; }
.xuanfu .item .phone-box p{ line-height: 20px; width: 100%; float: left; color: #666; }
.xuanfu .item .phone-box dt{ line-height: 1.4em;width: 100%; float: left; font-size:16px; font-weight:bold; color: #d80106; padding:5px 0 10px 0; }
@media screen and (max-width:900px){
    .xuanfu{ display: none; }
    .xuanfu .item .text i{height: 40px;line-height: 40px; font-size:25px; background-size: 25px}
    .xuanfu .item .kuang{ right:45px; }
}