@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0;list-style:none;}
body{ font-family: "Microsoft YaHei", "微软雅黑"; -webkit-tap-highlight-color: rgba(0,0,0,0);background-color: #fff; color:#000;}
ul,li{list-style:none;}
a,a:hover{text-decoration:none;}
a{color:#fff;}
em{ font-style: normal;}
input {  border-radius:0; font-family:"微软雅黑"; outline: none;border: none;}
input::-webkit-input-placeholder{color:#999;}
input::-moz-placeholder{color:#999;}
input:-moz-placeholder{color:#999;}
input:-ms-input-placeholder{color:#999;}
textarea::-webkit-input-placeholder{color:#999;}
textarea::-moz-placeholder{color:#999;}
textarea:-moz-placeholder{color:#999;}
textarea:-ms-input-placeholder{color:#999;}
select{ -webkit-appearance: none; outline: none;}
.clear{clear: both;}
.wbody{width: 1200px; margin:auto;}

.headtop{background: #fff; height: 90px;position: relative;}
.headtop .logo{float:left; height: 90px; }
.headtop .telephone{float:right; display: flex; height: 30px; margin: 30px 0; line-height: 30px; font-weight: bold; font-size: 26px; color:#133783;}
.headtop .telephone img{display: block; height: 30px;margin-right:10px;}
.headtop .topmenu{display: none;}
.wnav{background:#133783; line-height: 40px;color:#fff; }
.wnav .a01{color:#fff !important; font-size: 15px; font-weight:bold;padding: 0 30px; display: inline-block;}
.wnav .a01:hover{background: #0c2c6f;}
.wnav .a01 span{display: none;}

.wbanner{position: relative;overflow: hidden;}
.wbanner img{display: block; width: 100%;}
.wbanner .con{position: absolute;width: 1200px; left: 50%; top: 140px; margin-left: -600px; z-index:100; color:#fff;}
.wbanner .con .title{font-size: 46px;}
.wbanner .con .text{font-size: 26px;margin-top: 50px}
.wbanner .con .text span{margin-right: 40px;}

.wtitle{font-size: 30px;color:#000; text-align: center; margin-top: 40px; font-weight: bold;}
.wfeature{display: block; width: 100%;}
.wcon{text-align: center; font-size: 14px; color:#666666;margin-top: 10px;}

.wproductlist li{ float:left; margin-right: 30px; width: 380px;margin-top: 30px;border-radius: 10px; overflow:hidden; position: relative}
.wproductlist li img{display: block; width: 100%;}
.wproductlist li:nth-child(3n){margin-right: 0;}
.wproductlist li:hover .title{text-decoration: underline;}
.wproductlist li .con{position: absolute; bottom: 0; left: 0; width:100%; padding: 20px; box-sizing: border-box; color:#fff; background: url(../img/hover-bg.png) no-repeat top center;background-size: cover;}
.wproductlist li .con .title{font-size: 20px; font-weight: bold;}
.wproductlist li .con .text{font-size: 14px; margin-top: 15px;display: none;}
.wproductlist li:hover .text{display: block;}

.wcases{/* float:left; width: 600px; */ margin-top: 40px;}
.wstitle{ position: relative; font-size: 20px; font-weight: bold;color:#000;}
.wstitle .more{ position: absolute; right: 0; line-height: 26px; color:#fff;background:#133783; border-radius: 4px;font-size: 12px;padding: 0 10px;}
.wcaselist li{float:left; width: 290px; margin-right: 10px;margin-top: 20px;}
/* .wcaselist li:nth-child(2n){margin-right: 0;} */
.wcaselist li img{display: block;width: 100%; border-top-left-radius: 6px; border-top-right-radius: 6px;}
.wcaselist li .text{ text-align: center; color:#133783; font-size: 15px; margin-top: 15px;}
.wcaselist li:hover .text{text-decoration: underline;}
.wnews{float:right; width: 550px; margin-top: 40px;}
.wnews .new1{ margin-top: 20px;}
.wnews .new1 a{  display: flex; align-items: center; }
.wnews .new1 a img{ display: block; /* width: 150px; height: 80px; */ width: 25%; margin-right: 20px;}
.wnews .new1 a .title{font-size: 18px; color:#000;}
/* .wnews .new1 a:hover .title{text-decoration: underline;color:#133783;}
 */.wnews .new1 a .text{font-size: 13px; color:#999; line-height: 20px;margin-top: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; word-break: break-all;overflow: hidden;}
.wnewlist a{ display: block;margin-top: 24px; font-size: 14px; color:#000;}
.wnewlist a em{display: inline-block; width: 6px; height: 6px; border-radius: 50%; background:#000; vertical-align: middle; margin-right: 10px;}
.wnewlist a:hover{text-decoration: underline;color:#133783;}
.wfooter{background:#272a30; margin-top: 40px;padding: 70px 0;}
.wfooter .logo{float:left;}
.wfooter .foot{float:left;display: flex;margin-top: 10px;margin-left: 50px;}
.wfooter .foot li{ margin-left: 140px;color:#cccccc; font-size: 15px; font-weight: bold;}
.wfooter .foot li .ico{font-weight: normal; font-size: 12px; margin-bottom: 10px;}
.wfooter .foot li img{display: inline-block; height: 16px; vertical-align: middle; margin-right:6px;margin-top: -2px}
.copyright{border-top:1px solid #45474c;background:#272a30; line-height: 60px; text-align: center; font-size: 12px;color:#cccccc; }
.copyright span{margin: 0 20px;}
.newbanner{ position: relative; overflow: hidden;}
.newbanner img.pc{display: block;width: 100%; margin: auto;}
.newbanner img.mobile{display: none;}
.newslist{width: 100%; float:none;}
.newslist .new1{border-bottom: 1px solid #e5e5e5; padding-top: 20px; padding-bottom: 20px;
}
.new1:hover .title{color: #133783 !important;}
.newslist .wnewlist a{ border-top:1px solid #ddd; padding: 20px 0; margin-top: 0;}
.products{ margin-top: 40px;}
.cases li{width: 23.5%;margin-right: 2%;}
.cases li:nth-child(2n){margin-right: 2%;}
.cases li:nth-child(4n){margin-right: 0;}
.contact{background:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); margin-top: 30px; padding: 30px; position: relative}
.contact .left{float:left; margin-top:30px;}
.contact .title{font-size: 20px; color:#000;}
.contact .list{ line-height: 30px; margin-top: 20px; color:#666;}
.contact  .map{float:right;}
.edts li .text{color:#000;}
.edts li:hover .text{text-decoration: none;}

.about{font-size: 15px; line-height: 36px;  color:#333;margin-top: 30px;}
.about img{display: block; width: 80%; margin:30px auto;}





/* 杨婷婷新加 */
.a01{position: relative;}
.sub-nav{position:absolute;
		top:39px;
		left:-10px;
		list-style:none;
		background-color:#133783;
		z-index: 99;
		display: none;
		}
.sub-nav li{
		text-align:center;
		clear:left;
		width:140px;
		height:35px;
		line-height:35px;
		position:relative;
	}
.sub-nav li a:hover{background-color:#0c2c6f;}
.sub-nav li a{
		height:34px;
		line-height:34px;
		width:138px;
		padding:0;
		display:inline-block;
	}
.option-list{width: 1200px; margin: 0 auto;}
.option-list ul{display: flex; cursor: pointer; margin-top: 30px;}
.option-list ul li:last-child{margin-left: 20px;}
.current{position: relative;}
.wrapper{width: 1200px; margin: 0 auto; margin-top: 30px; cursor: pointer;}
.tab{display: flex;font-size: 15px;}
.tab li{position: relative;margin-left: 30px;}
.tab li:first-child{margin-left: 0px !important;}
.active::after{ display: block;
    content: '';
    position: absolute;
    bottom:-10px;
    left: 50%;
    background: url(../img/xhx.png) bottom center no-repeat;
    background-size: 100%;
    width: 54px;
    height: 2px;
    margin-left: -27px;
	 color: #0c2c6f;}
.product{ margin-top: 30px;}
.product .main{display: none;}
.product .main.selected{display: block;}
.left div{display: flex; margin-top: 30px; margin-bottom: 30px;}
.left ul:last-child{margin-left: 100px;}
.left ul li{margin-bottom: 10px; color: #666;}
.first{display: flex;}
.first li{ margin-left: 25px;}
.first li div,.liuyan div{ font-size: 14px; color: #666; margin-bottom: 10px;}
.first li select{width: 200px; height: 40px; line-height: 40px; border-radius: 8px; border: 1px solid #e5e5e5; padding-left: 10px;}
.first{margin-left: -30px !important;}
.first li input{width: 300px; height: 40px; line-height: 40px; border-radius: 8px; border: 1px solid #e5e5e5; padding-left: 10px;}
.liuyan{ margin-top: 30px;}
.liuyan input{width: 100%; height: 40px; line-height: 40px; border-radius: 8px; border: 1px solid #e5e5e5; padding-left: 10px;}
.liuyan textarea{width: 100%; min-height: 200px; line-height: 40px; border-radius: 8px; border: 1px solid #e5e5e5; padding-left: 10px;}
.footerend div{ margin-top: 30px; width: 580px; height: 50px; color: #fff; font-size: 15px; text-align: center; line-height: 50px; background: #133783;}
.footerend div:last-child{ margin-left: 40px;}
.footerend div:first-child{ background: #999;}
.footerend{display: flex;}
.main p{ font-size: 15px; color: #666; margin-top: 10px;}
.btn{font-size: 20px; display: flex; align-items: center; justify-content: center;}
.btn span{display: block;}
.btn span:first-of-type {
    background-image: linear-gradient(to right, rgba(19, 55, 131, 0), rgba(19, 55, 131, 1));
    display: inline-block;
    width: 80px;
    height: 3px;
    margin-right: 20px;
}
.btn span:last-of-type {
    background-image: linear-gradient(to right, rgba(19, 55, 131, 0), rgba(19, 55, 131, 1));
    display: inline-block;
    width: 80px;
    height: 3px;
    margin-left: 20px;
}
.description{font-size: 15px; color: #666; line-height: 30px; margin-top: 20px;}
.showPic,.wbody01{ width: 1200px; margin: 0 auto; margin-top: 20px;}
.showPic ul li{width: 33%; float: left; text-align: center;}
.showPic ul li img{display: block; margin: 0 auto; margin-bottom: 10px; margin-top: 10px;}
.showPic ul li img:hover{transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;}
.caseList ul li{display: flex; align-items: center;justify-content: center; margin-top: 50px;}
.caseList ul li img{width: 50%;}
.caseList ul li div{}
.caseList ul li div h3{ margin-bottom: 20px;}
.caseList ul li div p{ font-size: 15px; color: #666; line-height: 27px; margin-right: 50px;}
.time{ font-size: 14px; color: #999; margin-top: 60px;}
.titleList{ text-align: center; margin-top: 50px;}
.articleCen{ width: 1200px; margin: 0 auto;margin-top: 50px;font-size: 14px;
    color: #777777;
    line-height: 28px;}
.banner{ width: 100%;}
.solutions{width: 1200px; margin: 0 auto; margin-top: 30px;}
.solutions ul li{width: 350px; float: left;padding: 10px; border: 1px solid #eee; text-align: center; cursor: pointer; background: #fff; margin-left: 20px; margin-top: 20px;}
.solutions ul li h4{ margin-top: 10px; color: #333;}
.solutions p{display: block; font-size: 14px; color: #666; margin-left: 20px; margin-right: 20px; margin-top: 10px; margin-bottom: 10px;}
.solutions ul li div{font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #133783;
    line-height: 40px;
    width: 120px;
    text-align: center;
    background-color: #FFFFFF;
    border: 1px solid #133783;
    margin: 20px auto 0; margin-bottom: 10px;}
	.solutions ul li:hover{border: 1px solid #133783;}
.solutions ul li:hover div{color: #fff; background-color: #133783;
    border: 1px solid #133783;}
.solutions ul li img{display: block; margin: 0 auto; margin-top: 10px;}
.Sbody{width: 1200px; margin: 0 auto; margin-top: 30px;}
.imgs{display: block; margin: 0 auto; width: 70%;}
.Sbody p{font-size: 15px; color: #333; margin-top: 10px; line-height: 25px; }
.imgs01{display: block; margin: 0 auto; width: 640px; margin-top: 50px;}
.Sbody div{ width: 800px; margin: 0 auto;}
.Sbody ul,.Sbody ul li{display: flex;}
.Sbody ul li{align-items: center; margin-left: 20px;color: #333;font-size: 15px;}
.Sbody ul li:first-child{margin-left: 0px;}
.Sbody ul li span{display: block; width: 8px; height: 8px; background: #000; border-radius: 100%; margin-right: 5px;}
.lefts{margin-left: 50px;}

.navigation{width: 1200px; margin: 0 auto; margin-top: 30px;}
.navigation ul{display: flex; justify-content: center;}
.navigation ul li{width:100px; height: 34px;text-align: center; line-height: 34px; cursor: pointer; margin-right: 20px;
    font-size: 14px;
    color: #FFFFFF;
    background: #aaaaaa;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;}
.navigation ul li:hover{background: #133783;}
.actives{background: #133783 !important;}
.navigation ul li a{}
.btn{margin-top: 50px; margin-bottom: 50px;}

.wnav01{background:#133783; line-height: 40px;color:#fff; }
.wnav01 .a01{color:#fff !important; font-size: 15px; font-weight:bold;padding: 0 30px; display: inline-block;}
.wnav01 .a01:hover{background: #0c2c6f;}
.wnav01 .a01 span{display: none;}

.solutions::after{content: ''; height: 0; display: block; clear: both; visibility: hidden;}
.solutions ul::after{content: ''; height: 0; display: block; clear: both; visibility: hidden;}

/* 杨婷婷新加 end*/





@media (min-width:992px) and (max-width:1199px){
	.wbody,.wbody01{width: 100%; padding: 0 15px; box-sizing: border-box;}
	.wbanner img{ height: 480px; width: auto;}
	.wbanner .con{width:90%; left: 5%; margin-left: 0; }
	.wproductlist li{width: 31.333%; margin-right: 3%;}
	.wcases{ width: 50%;}
	.wcaselist li{float:left; width: 48%; margin-right: 4%;}
	.wnews{width:50%;padding-left: 30px;box-sizing: border-box;}
	.newbanner img.pc{position: relative; height: 200px; width: auto;position: relative; left: 50%; margin-left: -750px;}
	.newslist{width: 100%; float:none;}
	.cases li{width: 23.5%;margin-right: 2%;}
	.cases li:nth-child(2n){margin-right: 2%;}
	.cases li:nth-child(4n){margin-right: 0;}
	
	/* 杨婷婷新加 */
	.wnav .a01{padding: 0px; display: block; border-bottom: 1px solid #eee; display: flex; align-items: center;justify-content:space-between;}
	.wnav .a01 span{ display: block; color: #133783;}
	.wrapper{width: 95%; margin: 0 auto;margin-top: 20px;}
	.wrapper img{width: 100%;}
	.solutions{width: 100%; margin-top: 0px;}
	.btn{margin-top: 10px !important;}
	.showPic{width: 100%; font-size: 14px;}
	.Sbody{ width: 96%; margin: 0 auto; margin-top: 10px; font-size: 14px;}
	.Sbody p{display: block; font-size: 14px;}
	.Sbody div{width: 100%;}
	.Sbody ul{display: block !important;}
	.Sbody ul li{ margin-left: 0px;}
	.first{display: block;}
	.first li{margin-top: 10px;}
	.main{width: 98%; margin: 0 auto;}
	.btn{margin-top: 50px; margin-bottom: 0px;}

	
	/* 杨婷婷新加end */
} 
@media (min-width:768px) and (max-width:991px){
	.wbody,.wbody01{width: 100%; padding: 0 15px; box-sizing: border-box;}
	.headtop .logo{height: 80px;margin: 5px 0 }
	.headtop .telephone img{height: 26px;}	
	.wnav a{padding: 0 20px;}
	.wbanner img{ width: 100%; height: 400px;}
	.wbanner .con{pwidth:90%; left: 5%; top: 140px; margin-left: 0;}
	.wbanner .con .title{font-size: 36px;}
	.wbanner .con .text{font-size: 20px;margin-top: 30px}
	.wbanner .con .text span{margin-right: 30px;}
	.wproductlist li{width: 31.333%; margin-right: 3%;}
	.wproductlist li .con .title{font-size: 16px;}
	.wcases{ width: 100%;}
	.wcaselist li{float:left; width: 31.333%; margin-right: 3%;}
	.wcaselist li:nth-child(2n){margin-right: 3%;}
	.wcaselist li:nth-child(3n){margin-right: 0;}
	.wcaselist li:nth-of-type(4){display: none;}
	.wnews{width:100%;padding-left: 0;}
	.wfooter{padding: 30px 0;}
	.wfooter .logo{float:none; display: block; margin: auto}
	.wfooter .foot{float:left;display: flex;margin-top: 10px;margin-left: 0;margin-top: 30px;}
	.wfooter .foot li{ margin-left: 40px;color:#cccccc; font-size: 15px; font-weight: bold;}
	.wfooter .foot li .ico{font-weight: normal; font-size: 12px; margin-bottom: 10px;}
	.wfooter .foot li img{display: inline-block; height: 16px; vertical-align: middle; margin-right:6px;margin-top: -2px}
	.copyright{border-top:1px solid #45474c;background:#272a30; line-height: 60px; text-align: center; font-size: 12px;color:#cccccc; }
	.copyright span{margin: 0 20px;}
	.newbanner img.pc{position: relative; height: 200px; width: auto;position: relative; left: 50%; margin-left: -750px;}
	.newslist{width: 100%; float:none;}
	.cases li{width: 31.333%;margin-right: 3%;}
	.cases li:nth-child(2n){margin-right: 3%;}
	.cases li:nth-child(3n){margin-right: 0;}
	.cases li:nth-of-type(4){display: block;}
	.contact  .map{float:right; width: 40%;}
	.navigation ul{justify-content:flex-start; margin-left: 20px;}
	.solutions ul li{ width: 100%;padding: 0px; margin-left: 0px;}
	.solutions ul li img{width: 100%;}
	.sub-nav{display: none;}
	.wnav01 .a01{padding: 0 25px;}
	.first li input{width: 100%;}
	.first li{margin-right: 5px;}
	
	
	/* 杨婷婷新加 */
/* 	.wnav .a01{padding: 0px; display: block; border-bottom: 1px solid #eee; display: flex; align-items: center;justify-content:space-between;}
 */	.wnav .a01 span{ display: none;}
 .wnav .a01{padding: 0px;}
	.wrapper{width: 95%; margin: 0 auto;margin-top: 20px;}
	.wrapper img{width: 100%;}
	.solutions{width: 86%; margin-top: 0px;}
	.btn{margin-top: 10px !important;}
	.showPic{width: 100%; font-size: 14px;}
	.Sbody{ width: 96%; margin: 0 auto; margin-top: 10px; font-size: 14px;}
	.Sbody p{display: block; font-size: 14px;}
	.Sbody div{width: 100%;}
	.Sbody ul{display: block !important;}
	.Sbody ul li{ margin-left: 0px;}
	.first{display: block;}
	.first li{margin-top: 10px;}	
	.main{width: 98%; margin: 0 auto;}
	.articleCen{width: 96%;}
	.articleCen img{width: 100%;}
	.btn{margin-top: 50px; margin-bottom: 0px;}
	
	/* 杨婷婷新加end */
}
@media (min-width: 320px) and (max-width:767px){
	.wbody,.wbody01{width: 100%; padding: 0 12px; box-sizing: border-box;}
	.headtop{background: #fff; height: 50px;}
	.headtop .logo{float:left; height: 50px; }
	.headtop .telephone{display: none;}
	.headtop .topmenu{display: block; position: absolute; right: 12px; height: 26px; top: 12px; }
	.wnav{display:none;position:absolute; top: 50px; left: 0; width: 100%; background:#fff; line-height: 40px; z-index: 1000;padding: 10px 0; border-top:1px solid #ddd; box-shadow: 0px 6px 6px rgba(0,0,0,0.2);}
	.wnav a{color:#0c2c6f; font-size: 15px; font-weight:bold;/* padding: 0 30px; */ display:block; width: 100%;}
	.wnav a:hover{background: #fff;}
	.wbanner img{display: block; width:100%;/* height: 240px; */}
	.wbanner .con{position: absolute;width: 90%; left: 5%; top: 80px; margin-left: 0;}
	.wbanner .con .title{font-size: 22px;}
	.wbanner .con .text{font-size: 14px;margin-top: 20px}
	.wbanner .con .text span{margin-right: 10px;}
	.wtitle{font-size: 24px; margin-top: 20px;}
	.wfeature{display: block; width: 100%; }
	.wcon{font-size: 12px;}
	
	.wproductlist li{ float:left; margin-right: 2%; width: 49%;margin-top: 10px;}
	.wproductlist li:nth-child(3n){margin-right: 2%;}
	.wproductlist li:nth-child(2n){margin-right: 0;}
	.wproductlist li .con{padding: 10px; }
	.wproductlist li .con .title{font-size: 16px; }
	.wproductlist li .con .text{font-size: 12px; margin-top: 10px;display: none;}
	.wproductlist li:hover .text{display: block;}
	.wcases{ width: 100%;margin-top: 20px;}
	.wcaselist li{float:left; width: 49%; margin-right: 2%;}
	.wcaselist li:nth-child(3n){margin-right: 2%;}
	.wcaselist li:nth-child(2n){margin-right: 0;}
	.wnews{width:100%;padding-left: 0; margin-top: 20px;}
	.wnews .new1{ margin-top: 20px;}
	.wnews .new1 a img{margin-right: 10px;width: 30%; height: auto;}
	.wnews .new1 a .title{overflow: hidden;white-space: nowrap; text-overflow: ellipsis; font-size: 15px;}
	.wnewlist a{ display: block;margin-top:15px; font-size: 14px; color:#000; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
	.wnewlist a em{display: inline-block; width: 6px; height: 6px; border-radius: 50%; background:#000; vertical-align: middle; margin-right: 10px;}
	.wfooter{margin-top: 20px;padding: 15px 0;}
	.wfooter .logo{float:none; display: block; width: 80px; margin: auto;}
	.wfooter .foot{float:none;display: block;margin-top: 10px;margin-left: 0;margin-top: 10px;}
	.wfooter .foot li{ margin-left: 0;margin-bottom:10px; font-size: 14px;display: flex;}
	.copyright{ line-height: 20px; text-align: center; font-size: 12px;color:#cccccc; padding: 15px 0;}
	.copyright span{margin: 0; display: block;}
	.newslist{width: 100%; float:none;}
	.newbanner img.pc{display: none;}
	.newbanner img.mobile{display: block; width: 100%;}
	.contact{margin-top: 20px; padding: 15px;}
	.contact .left{float:none; margin-top:15px;}
	.contact .list{margin-top: 10px;}
	.contact .title{font-size: 20px; color:#000;}
	.contact  .map{float:none; width: 100%;margin-top: 10px;}
	.wstitle{font-size: 20px;}
	.about img{width: 100%; margin:15px auto;}
	.about{margin-top: 10px;}
	.navigation{width: 95%; margin-top: 15px;}
	.navigation ul{flex-wrap: wrap; justify-content:space-between;}
	.navigation ul li{margin-top: 5px; margin-left: 10px; margin-right: 10px; width: 95px; }
	.articleCen{width: 96%;}
	.articleCen img{width: 100%;}
	.wnav01 .a01{padding: 0px; display: block; border-bottom: 1px solid #eee; display: flex; align-items: center;
	justify-content:space-between;color: #0c2c6f !important;}
	.wnav01 .a01 span{ display: block; color: #133783;}
	.wnav01 .a01:hover{background: #fff;}
	.wnav01{display:none;position:absolute; top: 50px; left: 0; width: 100%; background:#fff; line-height: 40px; z-index: 1000;padding: 10px 0; border-top:1px solid #ddd; box-shadow: 0px 6px 6px rgba(0,0,0,0.2);}
	.wnav01 a{color:#0c2c6f; font-size: 15px; font-weight:bold;/* padding: 0 30px; */ display:block; width: 100%;}
	.wnav01 a:hover{background: #fff;}
	
	
	
	/* 杨婷婷新加 */
	.wrapper{width: 95%; margin: 0 auto; margin-top: 20px;}
	.wrapper img{width: 100%;}
	.wnav .a01{padding: 0px; display: block; border-bottom: 1px solid #eee; display: flex; align-items: center;
	justify-content:space-between;color: #0c2c6f !important;}
	.wnav .a01 span{ display: block; color: #133783;}
	.wnav .a01:hover{background: #fff;}
	.solutions{width: 94%; margin-top: 0px;}
	.btn{margin-top: 10px !important;}
	.showPic{width: 100%; font-size: 14px;}
	.Sbody{ width: 96%; margin: 0 auto; margin-top: 10px; font-size: 14px;}
	.Sbody p{display: block; font-size: 14px;}
	.Sbody div{width: 100%;}
	.Sbody ul{display: block !important;}
	.Sbody ul li{ margin-left: 0px;}
	.first{display: block;}
	.first li{margin-top: 10px;}
	.main{width: 98%; margin: 0 auto;}
	.listoption{ width: 65%;}
	.time{margin-top: 5px;}
	.wnews .new1 a img{margin-top: -22px;}
	.caseList ul li{display: block;}
	.caseList ul li h3{text-align: center;}
	.lefts{margin-left: 0px;}
	.caseList ul li div p{margin-right: 0px;}
	.caseList ul li img{width: 100%;}
	.navigation{width: 95%; margin-top: 15px;}
	.navigation ul{flex-wrap: wrap; justify-content:space-between;}
	.navigation ul li{margin-top: 5px; margin-left: 10px; margin-right: 10px; width: 95px;}
	.imgs01{width:100%;}
	.articleCen{width: 96%;}
	.articleCen img{width: 100%;}
	.btn{margin-top: 50px; margin-bottom: 0px;}
	.wnav01 .a01{padding: 0px; display: block; border-bottom: 1px solid #eee; display: flex; align-items: center;
	justify-content:space-between;color: #0c2c6f !important;}
	.wnav01 .a01 span{ display: block; color: #133783;}
	.wnav01 .a01:hover{background: #fff;}
	.wnav01{display:none;position:absolute; top: 50px; left: 0; width: 100%; background:#fff; line-height: 40px; z-index: 1000;padding: 10px 0; border-top:1px solid #ddd; box-shadow: 0px 6px 6px rgba(0,0,0,0.2);}
	.wnav01 a{color:#0c2c6f; font-size: 15px; font-weight:bold;/* padding: 0 30px; */ display:block; width: 100%;}
	.wnav01 a:hover{background: #fff;}
	.solutions ul li{ width: 100%;padding: 0px; margin-left: 0px;}
	.solutions ul li img{width: 100%;}
	
	.sub-nav{display: none;}
		.first li input{width: 100%;}
		.first li{margin-right: 5px;}
	/* 杨婷婷新加end */
}