body,html{font-size:12px;font-family:"Microsoft YaHei";margin:0;padding:0;scroll-behavior:smooth;}
*{padding:0;margin:0;}
li{list-style-type:none;}
a{background:transparent; text-decoration:none;color: #666666; }
em,i{font-style:normal;}
h1,h2,h3,h4,h5,h6,b{font-weight:normal;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
img{border:none;image-rendering:-webkit-optimize-contrast;}
input:focus{outline:none;}
button:focus{outline:none;border:none;}
.inner{width:1200px;margin:0 auto;}
h3.h3title{width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.animate03s{transition-duration:0.3s;}
@font-face {font-family: "iconfont";
	src: url('../iconfont/iconfont.eot?'); /* IE9*/
	src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../iconfont/iconfont.woff?') format('woff'), /* chrome, firefox */
	url('../iconfont/iconfont.ttf?') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
	url('../iconfont/iconfont.svg?#iconfont') format('svg'); /* iOS 4.1- */
}
.picBox{width:100%;height:100%;position:relative;padding-bottom:59%;overflow:hidden;}
.picBox>img{position:absolute;width:100%;height:100%;object-fit:cover;top:0;left:0;}
/* 初始化公共样式 */

.divPic{width:100%;position:relative;padding-bottom:59%;overflow:hidden;}
.divPic>img{position:absolute;width:100%;height:100%;object-fit:cover;top:0;left:0;transition-duration:0.3s;}

/*通用样式*/
/*banner动画*/
.slideUl li.hover{z-index:5;}
@keyframes banStatr1{
	0%{opacity:1;}
	100%{opacity:0}
}
@keyframes banStatr2{
	0%{transform:translateX(0);}
	100%{transform:translateX(100%)}
}
@keyframes banStatr3{
	0%{transform:translateX(0)}
	100%{transform:translateX(-100%)}
}
@keyframes banStatr4{
	0%{transform:translateY(0)}
	100%{transform:translateY(100%)}
}
@keyframes banStatr5{
	0%{transform:translateY(0)}
	100%{transform:translateY(-100%)}
}
@keyframes banStatr6{
	0%{transform:translateX(0)}
	100%{transform:translateX(-100%)}
}
@keyframes banStatr7{
	0%{transform:perspective(2000px) rotateX(0deg);}
	50%{transform:perspective(2000px) rotateX(-90deg);}
	100%{transform:perspective(2000px) rotateX(-90deg);}
}
@keyframes banStatr8{
	0%{transform:perspective(3000px) rotateY(0deg);}
	50%{transform:perspective(3000px) rotateY(-90deg);}
	100%{transform:perspective(3000px) rotateY(-90deg);}
}
@keyframes banStatr9{
	0%{transform:perspective(2000px) rotateX(0deg);}
	50%{transform:perspective(2000px) rotateX(90deg);}
	100%{transform:perspective(2000px) rotateX(90deg);}
}
@keyframes banStatr10{
	0%{transform:perspective(3000px) rotateY(0deg);}
	50%{transform:perspective(3000px) rotateY(90deg);}
	100%{transform:perspective(3000px) rotateY(90deg);}
}

@keyframes banEnd1{
	0%{opacity:0}
	100%{opacity:1}
}
@keyframes banEnd2{
	0%{transform:translateX(-100%)}
	100%{transform:translateX(0)}
}
@keyframes banEnd3{
	0%{transform:translateX(100%)}
	100%{transform:translateX(0)}
}
@keyframes banEnd4{
	0%{transform:translateY(-100%)}
	100%{transform:translateY(0)}
}
@keyframes banEnd5{
	0%{transform:translateY(100%)}
	100%{transform:translateY(0)}
}
@keyframes banEnd6{
	0%{transform:translateX(100%)}
	100%{transform:translateX(0)}
}
@keyframes banEnd7{
	0%{transform:perspective(2000px) rotateX(90deg);opacity:0;}
	50%{transform:perspective(2000px) rotateX(90deg);opacity:0;}
	100%{transform:perspective(2000px) rotateX(0deg)}
}
@keyframes banEnd8{
	0%{transform:perspective(3000px) rotateY(90deg);opacity:0;}
	50%{transform:perspective(3000px) rotateY(90deg);opacity:0;}
	100%{transform:perspective(3000px) rotateY(0deg)}
}
@keyframes banEnd9{
	0%{transform:perspective(2000px) rotateX(-90deg);opacity:0;}
	50%{transform:perspective(2000px) rotateX(-90deg);opacity:0;}
	100%{transform:perspective(2000px) rotateX(0deg)}
}
@keyframes banEnd10{
	0%{transform:perspective(3000px) rotateY(-90deg);opacity:0;}
	50%{transform:perspective(3000px) rotateY(-90deg);opacity:0;}
	100%{transform:perspective(3000px) rotateY(0deg)}
}
/*banner动画*/
/*头部开始*/
header{width:100%;}
.top{width:100%;background:#999;height:30px;line-height:30px;}
.top .inner{display:flex;}
.top .left{width:100%;text-align:right;}
.top .left span{color:#fff;margin-right:15px;font-size:1.1rem;}
.top .left span i{padding-right:5px;color:#fff;font-size:1.4rem;}
.top .right{width:0;text-align:right;}
.top .right span{font-size:1.1rem;color:#999;margin-left:15px;}
/*导航开始*/
.header{width:100%;height:80px;background:#fff;position:fixed;z-index:999;box-shadow:0 1px 5px #eee;}
.header .inner{height:100%;display:flex;align-items:center;;position:relative;z-index:6;}
.header .logo{width:22%;align-items:center;}
.header .logo img{width:100%;height:auto;max-width:210px;}
.header .nav{width:78%;height:100%;}
.header .nav>ul{display:flex;float:left;height:100%;width:100%;}
.header .nav>ul>li{height:100%;position:relative;width:100%;}
.header .nav>ul>li>a{display:flex;width:100%;height:100%;font-size:1.3rem;color:#333;align-items:center;justify-content:center;}
.header .nav>ul>li:hover>a{color:#fff;background:#0c4ca3;}
.header .nav>ul>li.hover>a{color:#fff;background:#0c4ca3;}
.header .nav>ul>li>span{display:none;}
.header .nav>ul>li>.openUl{width:100%;background:#0c4ca3;position:absolute;left:0;visibility:hidden;transition-duration:0.3s;transform:translateX(10px);opacity:0;}
.header .nav>ul>li>.openUl>li{width:100%;text-align:center;}
.header .nav>ul>li>.openUl>li a{line-height:40px;font-size:1.25rem;color:#fff;white-space:nowrap;}
.header .nav>ul>li>.openUl>li a:hover{color:#eee;}
.header .nav>ul>li:hover>.openUl{visibility:visible;transform:translateX(0);opacity:1;}
.navOpen{display:none;}
.headH{height:80px;}
.language{display:none;}

.search{width:100%;height:80px;top:30px;background:#fff;opacity:0;display:flex;align-items:center;justify-content:center;transition-duration:0.3s;transform:translateY(0);position:fixed;z-index:98;}
.searchBox{position:relative;}
.searchBox input{width:300px;height:40px;border:1px solid #999;font-size:1.2rem;text-indent:1rem;}
.searchBox button{position:absolute;width:40px;height:40px;border:none;background:none;right:0;cursor:pointer;}
.search.show{transform:translateY(80px);opacity:1;}
/*导航结束*/

/*banner开始*/
.banner{width:100%;height:550px;overflow:hidden;position:relative;}
.banner .slideUl{width:100%;height:100%;position:relative;}
.slideUl li{width:100%;height:100%;position:absolute;opacity:0;animation-name:;animation-duration:1s;animation-timing-function:ease;}
.slideUl li>div{position:absolute;z-index:2;width:100%;height:100%;display:flex;align-items:center;color:#fff;}
.slideUl li>div .inner{display:block;}
.slideUl li>div span{font-size:2rem;}
.slideUl li>div h2{font-size:6rem;font-weight:bold;}
.slideUl li>div i{display:block;width:35px;height:2px;background:#fff;margin:30px 0 10px 0;}
.slideUl li>div h3{font-size:3.5rem;}
.slideUl li>div h4{font-size:1.6rem;}
.slideUl li img{width:100%;height:100%;object-fit:cover;position:absolute;display:block;}
.lunbonum{width:auto;position:absolute;bottom:20px;z-index:19;left:50%;}
.lunbonum li{width:35px;height:3px;background:rgba(255,255,255,0.5);float:left;margin:0 5px;cursor:pointer;}
.lunbonum li.click{background:rgba(0,0,0,0.5);}
/*banner结束*/
/*主体开始*/

.mainTitle{width:100%;text-align:center;}
.mainTitle div{display:flex;align-items:center;justify-content:center;}
.mainTitle div span{display:block;width:50px;height:2px;background:#0c4ca3;}
.mainTitle div p{font-size:36px;font-weight:bold;color:#0c4ca3;padding:0 30px;}
.mainTitle>p{font-size:16px;color:#666;margin-top:5px;}

/*解决方案*/
.jiejueMain{width:100%;padding:50px 0;}
.jiejueMain ul{width:100%;display:flex;justify-content:space-between;margin-top:50px;}
.jiejueMain ul li{width:22%;border:1px solid #eee;padding:20px 20px 40px 20px;text-align:center;transition-duration:0.5s;}
.jiejueMain ul li .divPic{padding-bottom:100%;}
.jiejueMain ul li h3{font-size:18px;font-weight:bold;text-align:center;}
.jiejueMain ul li p{font-size:12px;color:#999;line-height:25px;height:50px;overflow:hidden;display:block;width:100%;margin-bottom:20px;text-align:left;}
.jiejueMain ul li a{padding:10px 25px;font-size:16px;border:1px solid #0c4ca3;color:#0c4ca3;transition-duration:0.5s;}
.jiejueMain ul li:hover{border:1px solid #0c4ca3;}
.jiejueMain ul li:hover a{background:#0c4ca3;color:#fff;}
/*解决方案*/

/*热门产品*/
.prodMain{width:100%;padding:50px 0;background:#f8f8f8;}
.prodMain ul{width:100%;display:flex;justify-content:space-between;margin-top:50px;}
.prodMain ul li{width:22%;border:1px solid #eee;padding:20px 20px 40px 20px;text-align:center;transition-duration:0.5s;}
.prodMain ul li .divPic{padding-bottom:100%;}
.prodMain ul li h3{font-size:18px;font-weight:bold;text-align:center;}
.prodMain ul li p{font-size:12px;color:#999;line-height:25px;height:50px;overflow:hidden;display:block;width:100%;margin-bottom:20px;text-align:left;}
.prodMain ul li a{padding:10px 25px;font-size:16px;border:1px solid #0c4ca3;color:#0c4ca3;transition-duration:0.5s;}
.prodMain ul li:hover{border:1px solid #0c4ca3;}
.prodMain ul li:hover a{background:#0c4ca3;color:#fff;}

/*热门产品*/
/*案例展示*/
.caseMain{width:100%;padding:50px 0;}
.caseMain ul{width:100%;display:flex;justify-content:space-between;margin-top:50px;}
.caseMain ul li{width:22%;border:1px solid #eee;padding:;text-align:center;transition-duration:0.5s;}
.caseMain ul li .divPic{padding-bottom:130%;}
.caseMain ul li .divPic h3{position:absolute;text-align:center;font-size:20px;color:#fff;width:100%;margin-top:50px;}
.caseMain ul li .divPic .pivPicCeng{position:absolute;background:rgba(0,0,0,0.3);width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;transition-duration:0.5s;}
.caseMain ul li .divPic .pivPicCeng a{padding:10px 25px;font-size:16px;border:1px solid #fff;color:#fff;transition-duration:0.5s;background:#0c4ca3;}
.caseMain ul li .divPic .pivPicCeng a:hover{background:#fff;color:#0c4ca3;border:1px solid #0c4ca3;}
.caseMain ul li:hover .divPic .pivPicCeng{background:rgba(0,0,0,0.6);}
/*案例展示*/

/*产品中心*/
.proNetMain{width:100%;padding:50px 0;}
.proNetMain .inner{display:flex;justify-content:space-between;}
.proNetMain .inner .left{width:20%;}
.proNetMain .inner .left h2{width:100%;text-align:center;font-size:30px;background:#0c4ca3;color:#fff;line-height:100px;}
.proNetMain .inner .left ul{width:100%;}
.proNetMain .inner .left ul li{width:100%;margin:15px 0;}
.proNetMain .inner .left ul li a{display:block;width:100%;border:1px solid #24aeec;background:#fff;color:#24aeec;font-size:18px;text-align:center;line-height:40px;}
.proNetMain .inner .left ul li:hover a{background:#24aeec;color:#fff;}
.proNetMain .inner .left ul li.hover a{background:#24aeec;color:#fff;}
.proNetMain .inner .left>a{display:block;width:100%;background:#e6a70e;color:#fff;text-align:center;line-height:80px;font-size:20px;}

.proNetMain .inner .left>div{width:100%;text-align:center;background:#0c4ca3;color:#fff;padding:20px 0;font-size:14px;margin-top:15px;}
.proNetMain .inner .left>div p{font-size:18px;margin-bottom:5px;}
.proNetMain .inner .right{width:74%;background:#f8f8f8;}
.proNetMain .inner .right ul{position:relative;width:100%;height:100%;}
.proNetMain .inner .right ul li{position:absolute;width:100%;height:100%;display:flex;align-items:center;top:0;left:0;background:#f8f8f8;padding:0 20px;}
.proNetMain .inner .right ul li.hover{z-index:3;}
.proNetImg{width:40%;}
.proNetImg .divPic{padding-bottom:100%;}
.proNetCont{width:55%;margin-left:5%;text-align:center;}
.proNetCont h3{text-align:center;display:inline-block;width:200px;border-bottom:1px solid #0c4ca3;font-size:20px;line-height:50px;margin-bottom:10px;}
.proNetCont p{display:block;font-size:14px;color:#333;line-height:30px;height:210px;overflow:hidden;width:100%;text-align:left;}
.proNetCont a{background:#e6a70e;color:#fff;font-size:16px;display:block;width:100px;line-height:35px;}
/*产品中心*/
/*横幅*/
.hengfu{width:100%;}
.hengfu img{display:block;width:100%;}
/*横幅*/
/*公司优势*/
.youshiMain{width:100%;padding:50px 0;background:#f8f8f8;}
.youshiMain ul{width:100%;margin-top:50px;}
.youshiMain ul li{display:flex;justify-content:space-between;margin-top:50px;}
.youshiMain ul li>div{width:46%;}
.youshiMain ul li>div h2{font-size:24px;color:#0c4ca3;margin-bottom:10px;}
.youshiMain ul li>div h2 i{color:#333;font-size:40px;padding-right:5px;font-weight:bold;}
.youshiMain ul li>div img{object-fit:fill;}
.youshiMain ul li>div p{font-size:16px;color:#333;text-indent:1em;}
/*公司优势*/

/*底部开始*/
.Bottom{width:100%;height:auto;}

/*底部导航开始*/
.footer{width:100%;height:auto;background:#929292;}
.footNav{width:100%;height:auto;padding:40px 0 40px 0;}
.footNav .inner{display:flex;align-items:flex-end;}
.footNav .inner .left{width:70%;}
.footNav .inner .left>ul{display:flex;margin-bottom:60px;}
.footNav .inner .left>ul>li{width:20%;padding-right:30px;}
.footNav .inner .left>ul>li>a{color:#fff;font-size:1.3rem;border-bottom:1px solid #ddd;display:block;line-height:50px;}
.footNav .inner .left>ul>li a:hover{color:#0061ae;}
.footNav .inner .left>ul>li ul{margin-top:20px;}
.footNav .inner .left>ul>li ul li{padding:6px 0;}
.footNav .inner .left>ul>li ul li a{font-size:1.2rem;color:#fff;border-bottom:1px solid #aaa;}
.footNav .inner .left>p{color:#fff;font-size:1.1rem;display:flex;align-items:center;margin:10px 0 0 10px;}
.footNav .inner .left>p i{font-size:1.2rem;padding-right:6px;}
.footNav .inner .left>p em{line-height:1em;}
.footNav .inner .right{width:30%;display:flex;align-items:center;}
.footNav .inner .right div{text-align:center;}
.footNav .inner .right div img{width:30%;}
.footNav .inner .right div span p{font-size:1.5rem;color:#fff;font-size:14px;}


.foot{width:100%;}
.foot .inner{display:block;border-top:1px solid #ddd;text-align:center;padding:15px 0;}
.foot .inner p{font-size:1rem;color:#fff;}
.foot .inner a{font-size:1rem;color:#fff;}
/*底部导航结束*/
.topIcon{width:50px;height:50px;background:rgba(255,102,81,0.7);color:#fff;position:fixed;right:20px;bottom:20px;cursor:pointer;text-align:center;transition-duration:0.5s;z-index:999;}
.topIcon:hover{background:#0061ae;}
.topIcon i{line-height:50px;font-size:2rem;}
/*底部结束*/



/*列表页开始*/
.LBbanner{width:100%;}
.LBbanner img{width:100%;}
/*关于我们页*/
.abmain1{width:100%;padding:50px 0;}
.abmain1 .inner{display:flex;}
.abmain1 .inner .left{width:70%;}
.abmain1 .inner .left h2{font-size:30px;font-weight:bold;margin-bottom:20px;}

.one-run{width:100%;margin-top:20px;position:relative;}
.one-run .btn{width:50px;min-width:50px;cursor:pointer;position:absolute;top:50%;margin-top:-25px;z-index:99;}
.one-run .btn i{font-size:1.5rem;transform:rotate(180deg);color:#fff;background:#0c4ca3;display:block;width:100%;height:50px;line-height:50px;text-align:center;position:absolute;}
.one-run .btn.prev{left:0px;}
.one-run .btn.next{right:0px;}
.one-run .btn.next i{transform:rotate(0deg);}
.one-run-box{width:90%;overflow:hidden;margin:0 5px;position:relative;margin:0 auto;}
.one-run-box ul{width:2000px;position:relative;left:0;}
.one-run-box ul:after{content:"";display:block;clear:both;}
.one-run-box ul li{float:left;width:300px;padding:0 5px;}
.one-run-box ul li.active{border:2px solid #0c4ca3;}
.one-run-box ul li .picBox{padding-bottom:75%;}









.abmain1 .inner .right{width:30%;}
.abmain1 .inner .right img{width:100%;}

.abmain2{width:100%;padding:100px 0;background:url(../images/youshiBg.jpg) no-repeat center;background-attachment:fixed;}
.abmain2 ul{display:flex;width:100%;}
.abmain2 ul li{width:25%;padding:30px;border-left:1px solid #fff;text-align:center;color:#666;background:rgba(255,255,255,0.8);font-size:0;transition-duration:0.3s;}
.abmain2 ul li:first-of-type{border-left:none;}
.abmain2 ul li i{font-size:5.5rem;color:#0c4ca3;}
.abmain2 ul li h3{font-size:1.5rem;margin-top:10px;}
.abmain2 ul li span{display:inline-block;width:10%;height:1px;background:#0c4ca3;margin:20px;}
.abmain2 ul li p{display:block;width:100%;height:40px;line-height:20px;overflow:hidden;font-size:1.1rem;}
.abmain2 ul li:hover{background:#fff;}

.abmain3{width:100%;padding:50px 0;}
.qywhBox{width:100%;margin-top:50px;}
.qywhBox img{width:100%;}
/*关于我们页*/

.listMain{width:100%;padding:20px 0 50px 0;}
.weizhi{width:100%;}
.weizhi .inner{border-top:1px solid #eee;border-bottom:1px solid #eee;padding:10px 0;color:#666;}
.weizhi .inner *{color:#666;}

.listNav{width:100%;margin:30px 0;}
.listNav ul{display:flex;justify-content:center;}
.listNav ul li{padding:0 10px;}
.listNav ul li a{display:block;padding:10px 20px;background:#666;color:#fff;font-size:16px;}
.listNav ul li.hover a{background:#0c4ca3;}

.listBox{width:100%;}
.listBoxUl{width:100%;}
.listBoxUl:after{content:"";display:block;clear:both;}
.listBoxUl li{width:25%;float:left;padding:10px 10px;}
.listBoxUl li a{display:block;width:100%;border:1px solid #eee;position:relative;}
.listBoxUl li a .divPic{padding-bottom:100%;}
.listBoxUl li a .text{background:rgba(0,0,0,0.2);padding:15px 0;transform:translateY(-100%);position:absolute;left:0;width:100%;transition-duration:0.5s;}
.listBoxUl li a .text h3{text-align:center;font-size:14px;transition-duration:0.5s;color:#fff;}
.listBoxUl li a:hover .text{background:#0c4ca3;}
.listBoxUl li a:hover .text h3{color:#fff;}
.listBoxUl li a:hover .divPic img{transform:scale(1.1);}

.listBoxUltxt{width:100%;}
.listBoxUltxt li{width:100%;}
.listBoxUltxt li a{font-size:14px;color:#333;padding:10px 0;display:block;border-bottom:1px solid #eee;}
.listBoxUltxt li a:hover{color:#0c4ca3;}

.newsYul{width:100%;margin-top:50px;background:#fff;padding:50px;}
.newsYul:after{content:"";display:block;clear:both;}
.newsYul li{width:100%;padding:30px 0;display:flex;border-bottom:1px solid #ccc;}
.newsYul li a{display:flex;width:100%;}
.newsYul li .left{width:20%;margin-right:3%;}
.newsYul li .left .divPic{padding-bottom:100%;border:1px solid #f4f4f4;}
.newsYul li .right{width:80%;display:flex;}
.newsYul li .right .txt{width:80%;margin-right:20%;}
.newsYul li .right .txt h3{font-size:1.5rem;color:#333;}
.newsYul li .right .txt p{font-size:1.1rem;color:#999;line-height:1.8em;margin:10px 0 30px 0;}
.newsYul li .right .txt span{display:block;width:50px;height:35px;border:1px solid #333;font-size:1.2rem;color:#333;padding-left:25px;line-height:35px;}
.newsYul li .right .time{width:auto;}
.newsYul li .right .time div{padding:20px;background:#666;color:#fff;text-align:center;font-size:0;}
.newsYul li .right .time div h2{font-size:1.5rem;white-space:nowrap;}
.newsYul li .right .time div i{display:inline-block;width:70%;height:1px;background:#fff;margin:5px 0;}
.newsYul li .right .time div p{font-size:1.2rem;white-space:nowrap;}
.newsYul li:hover .left .divPic img{transform:scale(1.1);}
.newsYul li:hover .right .time div{background:#333;}
.newsYul li .right .txt span:hover{background:#0061ae;border-color:#0061ae;}
.newsYul li .right .txt h3:hover{color:#0061ae;}

/*列表翻页*/
.listPage{padding:30px 0;text-align:center;display:flex;justify-content:center;}
.listPage {display:flex;}
.listPage  li{margin:0 5px;}
.listPage  li.active a{background:#fff;color:#333;;}
.listPage  li a[href]{padding:5px;border:1px solid #eee;background:#eee;color:#333;}
/*内页开始*/

/*产品内页*/
.proView{width:100%;}
.proViewTop{display:flex;margin:50px 0;}
.proViewTop .left{width:40%;}
.proViewTop .left img{width:100%;}
.proViewTop .right{width:60%;padding-left:30px;}
.proViewTop .right h3{font-size:20px;font-weight:bold;margin-bottom:10px;}
.proViewTop .right p{font-size:14px;color:#333;line-height:40px;}
.proViewTop .right .more{border-top:2px solid #eee;margin-top:30px;padding-top:30px;}
.proViewTop .right .more a{display:block;width:200px;position:relative;background:#0c4ca3;color:#fff;font-size:16px;text-align:center;}
.proViewTop .right .more a p{color:#fff;}
.proViewTop .right .more a div{position:absolute;width:100%;bottom:40px;display:none;}
.proViewTop .right .more a div img{width:100%;}
.proViewTop .right .more a:hover div{display:block;}
.proViewBot{width:100%;}
.proViewBot .h3title{font-size:24px;border-bottom:1px solid #eee;line-height:50px;}

.newsView{width:100%;}


.Viewcont{width:100%;}
.contenth3{border-bottom:1px solid #eee;font-size:20px;font-weight:bold;text-align:center;padding:20px 0;}
.contentdiv{margin-top:20px;}

/*在线留言*/
.liuyanMain{width:100%;padding:50px 0;}
.liuyanMain .inner{width:600px;}
.liuyanMain .inner h2{border-bottom:1px solid #eee;padding-bottom:10px;}
.liuyanUl{width:100%;margin-top:30px;}
.liuyanUl li{margin:20px 0;display:flex;}
.liuyanUl li span{font-size:16px;color:#666;line-height:40px;white-space:nowrap;padding-right:10px;}
.liuyanUl li input{width:100%;line-height:40px;}
.liuyanUl li textarea{width:100%;height:100px;line-height:30px;}
.liuyanUl li .msgBtn{background:#0c4ca3;color:#fff;border:none;cursor:pointer;}

/*在线留言*/

/*悬浮图标样式二开始*/
.xuanfu2{position:fixed;right:-130px;top:30vh;z-index:9999;transition:all 0.3s;}
.xuanfu2:hover{right:0;transition:all 0.3s;}
.xuanfu2-li{width:180px;height:40px;margin-top:3px;border-radius:5px;background:#e6a70e;line-height:40px;cursor:pointer;overflow:hidden;transition:all 0.3s;}
.xuanfu2-li>i{font-size:2em;color:#fff;display:block;width:50px;height:50px;float:left;text-align:center;margin-right:5px;}
.xuanfu2-li>span{font-size:1.2em;color:#fff;}
.xuanfu2-li>span>a{color:#fff;}
.xuanfu2-li>a{color:#fff;font-size:1.4em;font-weight:bold;}
.xuanfu2-li>span>a:hover{text-decoration:underline;}
.xuanfu2-li>img{width:80%;height:auto;display:block;margin-left:10%;}
.xuanfu2-li:hover{background:#333;}
/*悬浮图标样式二结束*/
.mobileFoot{display:none;}

@media screen and (max-width:1200px){
	.inner{width:995px;}
}
@media screen and (max-width:767px){
	.inner{width:96%;}
	*{-webkit-tap-highlight-color:rgba(255,255,255,0);}
	.top{display:none;}

	.mainTitle div span{width:30px;}
	.mainTitle div p{font-size:1.6rem;padding:0 20px;}
	.mainTitle>p{font-size:1rem;}
	/*通用样式*/
	/*头部开始*/
	.header{position:fixed;background:#fff;height:50px;z-index:99;}
	.header .inner{display:flex;background:#fff;}
	.header .inner .logo{width:100%;}
	.header .inner .logo img{width:110px;}
	.header .logo span{font-size:1.2rem;}
	.header .logo p{font-size:10px;transform:scale(0.75) translateX(-50px);}
	.header .inner .nav{position:fixed;width:50vw;height:100vh;background:rgba(0,0,0,0.5);top:50px;right:-50%;transition-duration:0.3s;}
	.navOpen{display:flex;width:40px;margin-right:10px;overflow:hidden;align-items:center;}
	.navOpen span{display:block;width:30px;height:2px;background:#333;transition-duration:0.3s;}
	.navOpen span:nth-child(2){margin:8px 0;}
	.navOpen.hover span:nth-child(1){transform:rotate(41deg);transform-origin:left center;}
	.navOpen.hover span:nth-child(2){transform:translateX(-32px);}
	.navOpen.hover span:nth-child(3){transform:rotate(-41deg);transform-origin:left center;}
	.header .inner .nav>ul{display:block;float:none;margin:0;}
	.header .inner .nav>ul>li{padding:0;border-bottom:1px solid rgba(255,255,255,0.2);height:40px;}
	.header .inner .nav>ul>li>a{line-height:40px;padding-left:20px;color:#fff;}
	.header .inner .nav>ul>li>span{display:block;position:absolute;z-index:2;width:80px;height:40px;top:0;right:0;text-align:center;line-height:40px;}
	.header .inner .nav>ul>li>span>i{font-size:1.5rem;color:#fff;}
	.header .inner .nav>ul>li .openUl{top:0;margin-left:;left:0;padding-right:20px;background:rgba(0,0,0,0.5);transform:translateY(0);transform:translateX(-100%);}
	.header .inner .nav>ul>li .openUl li{margin:0;border-bottom:1px solid rgba(255,255,255,0.1);}
	.header .inner .nav>ul>li .openUl li a{line-height:40px;display:block;text-align:right;color:#fff;}
	.header .inner .nav>ul>li:hover{background:rgba(0,0,0,0.5);}
	.header .nav>ul>li:hover>a:after{opacity:0;}
	.header .nav>ul>li.hover>a:after{opacity:0;} 
	.headH{height:50px;}
	.language{display:block;}
	.search.show{transform:translateY(50px);opacity:1;}
	/*banner*/
	.banner{height:35vh;}
	.slideUl li>div span{font-size:1.2rem;}
	.slideUl li>div h2{font-size:2rem;}
	.slideUl li>div i{margin:8px 0;width:50px;}
	.slideUl li>div h3{font-size:1.2rem;}
	.slideUl li>div h4{font-size:1.2rem;}
	/*banner*/
	/*头部结束*/

	/*解决方案*/
	.jiejueMain ul{display:block;margin-top:30px;}
	.jiejueMain ul:after{content:"";display:block;clear:both;}
	.jiejueMain ul li{width:50%;margin:10px 0;float:left;padding:5px 5px 20px 5px;}
	.jiejueMain ul li a{font-size:1rem;padding:5px 10px;}
	/*解决方案*/

	/*热门产品*/
	.prodMain ul{display:block;margin-top:30px;}
	.prodMain ul:after{content:"";display:block;clear:both;}
	.prodMain ul li{width:50%;margin:10px 0;float:left;padding:5px 5px 20px 5px;}
	.prodMain ul li a{font-size:1rem;padding:5px 10px;}
	/*热门产品*/
	/*经典案例*/
	.caseMain ul{display:block;}
	.caseMain ul:after{content:"";display:block;clear:both;}
	.caseMain ul li{width:50%;margin:10px 0;float:left;}
	.caseMain ul li .divPic h3{font-size:1.3rem;}
	.caseMain ul li .divPic .pivPicCeng a{font-size:1rem;padding:5px 10px;}
	/*经典案例*/
	/*产品中心*/
	.proNetMain .inner .left h2{font-size:1.3rem;line-height:30px;padding:10px 0;}
	.proNetMain .inner .left ul li a{font-size:1.1rem;line-height:1.1rem;padding:10px 0;}
	.proNetMain .inner .left>a{font-size:1.1rem;line-height:1.1rem;padding:15px 0;}
	.proNetMain .inner .right ul li{display:block;padding:5px;}
	.proNetImg{width:60%;}
	.proNetCont{width:100%;margin-left:0;text-align:center;}
	.proNetCont h3{font-size:1.2rem;line-height:30px;}
	.proNetCont p{font-size:1rem;line-height:25px;height:125px;overflow:hidden;}
	.proNetCont a{line-height:30px;width:80px;font-size:1.2rem;display:inline-block;}
	/*产品中心*/
	/*公司优势*/
	.abmain2Main ul li>div h2{font-size:1.2rem;}
	.abmain2Main ul li>div h2 i{font-size:1.5rem;}
	.abmain2Main ul li>div p{font-size:1rem;}


	/*公司优势*/

	/*底部*/
	.foot{padding-bottom:50px;}
	.footNav{}
	.footNav .inner{display:block;}
	.footNav .inner .left{width:100%;display:none;}

	.footNav .inner .right{width:100%;margin-top:30px;}


	/*底部*/
	.xuanfu2-ul{display:none;}
	.mobileFoot{display:block;position:fixed;width:100vw;height:50px;background:#333;bottom:0;z-index:999;}
	.mobileFoot ul{display:flex;width:100%;height:100%;}
	.mobileFoot ul li{width:100%;display:flex;align-items:center;justify-content:center;}
	.mobileFoot ul li a i{font-size:20px;color:#fff;}

	/*关于我们页*/
	.abmain1 .inner{display:block;}
	.abmain1 .inner .left{width:100%;}
	.abmain1 .inner .right{width:100%;}
	.abmain1 .inner .left h2{font-size:18px;}
	.abmain2{padding:20px 0;}
	.abmain2 ul{display:block;}
	.abmain2 ul:after{content:"";display:block;clear:both;}
	.abmain2 ul li{width:50%;float:left;}

	/*关于我们页*/

	.listNav ul{display:block;}
	.listNav ul:after{content:"";display:block;clear:both;}
	.listNav ul li{float:left;}
	.listNav ul li a{font-size:1.1rem;}
	.listBoxUl li{width:50%;}

	.newsYul-list{padding:10px;}

}