@media (max-width:1200px) {
.topnv p, .top-n, .h-business,.n,.ksh-introduction,.ksh-oerview,.znyl-introduction,.xzzx-title,.xzzx-content,.contact-img,.contact-content,.job-contact,.job-content{
	width: 1024px;
}
.recommend{
	margin-top:3%;
}
.recommend-n ul li {
    width: 218px;
    float: left;
    margin: 0 33px 0 0;
}
.news-l {
    float: left;
    width: 780px;
    height: auto;
}
.news-r {
    float: right;
    width: 228px;
}
.nav ul li {
	margin: 0 22px;
}
.nav {
	margin-right: -23px;
}
.oerview-l dl dt {
    width: 25%;
    float: left;
}
.oerview-l dl dd {
    width: 72%;
}
.scenario-l ul li {
    width: 223px;
    float: left;
    margin-right: 44px;
}
.ksh-ul ul {
    float: left;
    width: 1022px;
}
.ul-list ul{
	width:100%;
}
.ul-list ul li {
    width: 33.33%;
}
.characteristics dl {
    width: 317px;
}
.scenario-b ul li {
    width: 298px;
}
.h-business-content dl dt {
	width: 665px;
	float: left;
}
.h-business-content dl dd {
	width: 350px;
	float: right;
}
.h-business-content dl dd ul li{
	height:110px;
}
.h-business-content dl dd ul li.cur{
	height:110px;
}
.h-business-content dl dd ul li label img {
    display: inline-block;
    width: 52%;
}
.h-business-content dl dd ul li h2 {
    color: #ffffff;
    font-size: 22px;
    margin: 26px 0 0 0px;
    width: 176px;
    float: left;
}
.h-business-content dl dd ul li span {
    color: #ffffff;
    font-size: 16px;
    margin: 3px 0 0 0px;
    width: 180px;
    float: left;
}
.h-business-content dl dd ul li label {
    float: left;
    margin: 26px 0 0 23px;
    width: 100px;
    text-align: center;
}
.h-solution-content ul li {
	width: 226px;
	height: 336px;
}
.h-solution-content ul li dd{
	bottom:-30%;
}
.h-solution-content ul li:hover dd {
    -webkit-transform: translateY(-65%);
    -moz-transform: translateY(-65%);
    -o-transform: translateY(-65%);
    -ms-transform: translateY(-65%);
    transform: translateY(-65%);
}
.h-link-content dl dt ul li{
	margin: 0px 30px;
}
.h-link-content dl dd ul li {
    width: 164.5px;
}
.foot-01,.foot-02 dl{
	width:1024px;
}
.foot-02 dl dd{
	width:500px;
}
.foot-01{
	margin-top:42px;
}
.grumbs,.aboutlist{
	width:1024px;
}
.innovation-content ul li {
    width: 301px;
}
.innovation-content ul li label {
    float: left;
    width: 80px;
    height: 80px;
}
.innovation-content ul li h2,.innovation-content ul li span {
    float: left;
    width: 160px;
}
.innovation-content ul li{
	min-height:180px;
}
.corporate-content ul li{
    width: 235px;
}
.corporate-content ul {
    width: 1086px;
    float: left;
}
.corporate-content ul li label {
    width: 215px;
    display: inline-block;
    margin: 15px 10px;
    overflow: hidden;
}
.corporate-content ul li h2,.corporate-content ul li span{
	width: 215px;
}
.relations,.relations-nav,.relations-list ul li dl,.ckgd{
	width:1024px;
}
.relations-list ul li dl dd{
	width:914px;
}
.concept-content dl dt {
    width: 41%;
    height:auto;
    float: left;
}
.concept-content dl dd{
	margin:0;
	height: 371px;
}
.concept-content dl dd h1 {
    margin: 14% 14% 0 14%;
}
.makes{
	width:1024px;
}
.makes-content ul li {
    width: 298px;
}
.value-content ul li {
    width: 183px;
}
.value-content ul li label {
    width: 159px;
}
.makes-content ul{
	width:1170px;
}
.makes-content,.value-content{
	overflow:hidden;
}
.value-content ul {
    width: 1125px;
}
.demo,.news{
	width:1024px;
}
.history-date ul li {
	width: 78%;
}
.news-content ul li dd {
    width: 62%;
}
.znyl-introduction ul li{
	margin-right:76px;
}
.znyl-introduction ul,.znyl-technology ul,.img-list ul{
	width:1200px;
}
.znyl-oerview{
	width:1024px;
}
.znyl-oerview-n,.znyl-oerview-n img{
	width:100%;
}
.znyl-technology ul li{
	margin-right:55px;
}
.img-list ul li img{
	width:100%;
}
.img-list ul li {
    width: 291px;
}
.scenes ul li {
    width: 486px;
}
.scenes ul li img{
	width:40%;
}
.scenes ul li h2,.scenes ul li span{
	width:55%;
}
.cp-t,.cp-list,.cp-title,.znxs-content,.xssb-list,.hhyylist,.hhyylist1,.detail,.detail-page,.fwzc-content{
	width:1024px;
}
.detail-n img{
	display:inline-block;
}
.cp-list ul{
	width:1098px;
}
.cp-list li {
    width: 290px;
}
.cp-list li dt {
    width: 100%;
}
.d-banner{
	width:700px;
}
.detail-cp{
	width:300px;
}
.large_box{
	width:660px;
}
.detail-cp ul li dd{
	width:168px;
}
.xssb-list a h6 p img{
	height:150px;
	
}
.xssb-list a i{
	display:none;
}
.hhyylist ul,.hhyylist1 ul{
	width:1100px;
}
.hhyylist ul li dt img,.hhyylist1 ul li dt img{
	width:100%!important;
	height:auto;
}
.hhyylist ul li dd h2,.hhyylist1 ul li dd h2{
	height:60px;
	overflow:hidden;
}
.hhyylist ul li,.hhyylist1 ul li{
	width:307px;
}
.fwzc-content ul li {
    width: 331px;
    height: 323px;
}
.xzzx-content ul li {
    width: 301px;
}
.contact-img{
	height:320px;
}
.contact-img dl dt{
	margin-top:8%;
}
.contact-content ul li {
    width: 331px;
}
.contact-content ul li label h2{
	font-size:21px;
}
.contact-content ul li label{
	height:86%;
}
.contact-content{
	padding-bottom:0;
}
.job-contact ul li {
    width: 487.5px;
}
}
@media (max-width:1024px) {
	.m_nav{
	display:block;
}
.fixednav{
	position:relative;
}
a.meanmenu-reveal {
	display: none
}
.mean-container .mean-bar {
	float: left;
	width: 100%;
	position:absolute;
	background: #;
	padding: 0 0;
	min-height: 42px;
	z-index: 999999
}
.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 22px;
	padding: 13px 13px 11px;
	position: absolute;
	top: 4px;
	right: 0;
	cursor: pointer;
	color: #ffffff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	z-index:888;
	display: block;
	font-family: Arial;
	font-weight:normal;
}
.mean-container a.meanmenu-reveal span {
	display: block;
	background: #0f6fc8;
	height: 3px;
	margin-top: 3px
}
.mean-container .mean-nav {
	float: left;
	width: 100%;
	background: #0f6fc8;
}
.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
	background: #0f6fc8;
	height:auto;
	float:left;
	margin-top:60px;
}
.mean-container .mean-nav ul li ul{
	margin-top:0;
}
.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%
}
.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 90%;
	padding: 1em 5%;
	margin: 0;
	text-align: left;
	color: #fff;
	border-top: 1px solid #297acb;
	text-decoration: none;
	text-transform: uppercase
}
.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	border-top: 1px solid #297acb;
	opacity: .75;
	filter: alpha(opacity=75);
	text-shadow: none!important;
	visibility: visible
}
.mean-container .mean-nav ul li.mean-last a {
	border-bottom: 0;
	margin-bottom: 0
}
.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%
}
.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%
}
.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%
}
.mean-container .mean-nav ul li a:hover {
	background: #0f6fc8;
}
.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 26px;
	height: 24px;
	padding: 12px!important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background:  #0f6fc8;
	border: 0!important;
	border-left: 1px solid #0f6fc8!important;
	border-bottom: 1px solid #297acb!important
}
.mean-container .mean-nav ul li a.mean-expand:hover {
	background: #0f6fc8;
}
.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both
}
.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0
}
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.mean-remove {
	display: none!important
}
.topnv,.head-v3{
	display:none;
}
.top{
	height:60px;
}
.logo {
    float: left;
    width: 168px;
    margin-top: 13px;
}
.top-n{
	width:96%;
	margin:0 2%;
}
.grumbs {
    width:90%;
	margin:0 5%;
	margin-top: 20px;
}
.foot-01{
	width:96%;
	margin:0 2%;
}
.foot-02{
	width:96%;
	margin:0 2%;
	margin-top:1%;
}
.aboutlist {
    width:90%;
	margin:0 5%;
    margin-top: 5%;
}
.foot-02 dl{
	width:100%;
}
.foot-02 dl dd,.foot-02 dl dt{
	width:45%;
}
.aboutlist-content,.aboutlist-title p{
	font-size:15px;
}

.h-business{
	width:800px;
}
.innovation-content ul{
	width:102%;
}
.innovation-content ul li {
    width: 31%;
	margin-right:2%;
	margin-top:20px;
}
.h-business-content dl dt {
    width: 492px;
    float: left;
}
.h-business-content dl dd {
    width: 298px;
    float: right;
}
.innovation-content ul li h2, .innovation-content ul li span {
    float: left;
    width: 140px;
}
.innovation-content ul li label{
	margin: 15% 0 0 10%;
}
.innovation-content ul li h2 {
    margin: 15% 0 0 6%;
}
.h-business-content dl dd ul li,.h-business-content dl dd ul li.cur {
    height: 79.4px;
}
.h-solution-content ul li {
    width: 170px;
    height: 252px;
}
.h-solution-content ul {
    width: 1024px;
    float: left;
}
.h-business-content dl dd ul li label {
    margin: 17px 0 0 1px;
}
.h-business-content dl dd ul li h2 {
    color: #ffffff;
    font-size: 18px;
    margin: 13px 0 0 0px;
    width: 176px;
    float: left;
}
.h-solution-content ul li dd {
    bottom: -46%;
}
.h-solution-content ul li dd h2 {
    width: 100%;
    font-size: 19px;
    color: #ffffff;
    margin-top: 20px;
}
.h-business-content dl dd ul li label img {
    display: inline-block;
    width: 42%;
}
.h-link-content dl dt ul li,.h-link-content dl dt ul li.cur {
    margin: 0px 9px;
}
.h-link-content dl dd ul li {
    width: 162px;
}
.h-link-content dl dd ul {
    width: 1034px;
    float: left;
    margin-top: 30px;
}
.h-link-content dl dd{
	overflow:hidden;
}
.corporate-content ul li{
    width: 226px;
}
.corporate-content ul {
    width: 1008px;
    float: left;
}
.corporate-content ul li label {
    width: 205px;
    display: inline-block;
    margin: 15px 10px;
    overflow: hidden;
}
.corporate-content ul li h2,.corporate-content ul li span{
	width: 205px;
}
.corporate-content{
	overflow:hidden;
}
.relations, .relations-nav, .relations-list ul li dl, .ckgd {
    width: 90%;
}
.relations-list ul li dl dd {
    width: 88.5%;
}
.n {
    width: 96%;
    margin: 0 2%;
    margin-top: 20px;
}
.news-l{
	width:100%;
}
.detail-page a.previous-page {
    width: 43.9%;
	overflow:hidden;
}
.detail-page a.next-page {
    width: 44%;
	overflow:hidden;
}
.detail-page a.return{
	overflow:hidden;
}
.news-r,.recommend{
	width:100%;
	margin-top:3%;
}
.popular-news-t h1{
	margin: 3% 0 0 3.8%;
}
.popular-news-t a{
	margin: 3% 3.8% 0 0;
}
.recommend-n ul{
	width:100%;
	margin-left:0;
}
.recommend-n ul li{
	width:90%;
	margin:2% 5%;
}
.recommend-n ul li img{
	height:auto;
}
.detail-page{
	margin-bottom:0;
}
.popular-news-n ul {
    width: 92%;
    margin: 0 4%;
    float: left;
    padding: 7px 0;
}
.concept-content dl dt {
    width: 38%;
}
.concept-content dl dd {
    width: 62%;
	height: 330px;
}
.concept-content dl dd h1 {
    margin: 11% 14% 0 14%;
}
.makes {
    width: 96%;
}
.makes-content ul li {
    width: 288px;
}
.value-content ul li {
    width: 177px;
}
.demo,.news,.ksh-introduction,.ksh-oerview{
	width:90%;
}
.history-date ul li {
	width: 78%;
}
.news-content ul li dd {
    width: 61%;
}
.news-content ul li dd h2{
	margin-top:0;
}
.scenario-l ul li {
    width: 213px;
}
.ksh-ul ul {
    float: left;
    width: 982px;
}
.characteristics dl {
    width: 303px;
}
.scenario-b ul li {
    margin-right: 45px;
}
.znyl-introduction,.znyl-oerview{
	width:90%;
}
.znyl-introduction h1,.znyl-introduction span{
	font-size:26px;
}
.znyl-introduction p,.znyl-oerview p {
    font-size: 14px;
}
.znyl-introduction ul li {
    width: 190px;
	margin-right: 74px;
}
.znyl-introduction ul li img{
	height:190px;
}
.znyl-introduction ul, .znyl-technology ul, .img-list ul {
    width: 1100px;
}
.znyl-oerview h1 {
    font-size: 26px;
}
.znyl-technology ul li label{
	width:140px;
	height:140px;
}
.znyl-technology ul li {
    margin-right: 71px;
	width:140px;
}
.znyl-technology ul li label img {
    display: inline-block;
    margin-top: 28px;
    width: 60%;
}
.img-list ul li {
    width: 278px;
}
.scenes ul li{
	margin-right:16px;
}
.cp-title{
	width: 96%;
}
.cp-t, .cp-list, .cp-title,.hhyylist,.hhyylist1{
    width: 90%;
}
.cp-list li{
	margin-right:56px;
}
.d-banner{
	width:665px;
}
.detail-cp{
	width:300px;
}
.large_box{
	width:630px;
}
.detail-cp ul li dd{
	width:168px;
}
.cp-t,.cp-list,.cp-title,.znxs-content,.xssb-list,.detail,.fwzc-content,.xzzx-title,.xzzx-content,.contact-img,.contact-content,.job-content {
    width: 90%;
}
.hhyylist ul,.hhyylist1 ul{
	width:1050px;
}
.hhyylist ul li dt img,.hhyylist1 ul li dt img{
	width:100%!important;
	height:auto;
}
.hhyylist ul li dd h2,.hhyylist1 ul li dd h2{
	height:60px;
	overflow:hidden;
}
.hhyylist ul li,.hhyylist1 ul li{
	width:294px;
}
.detail-page,.job-contact{
	width:96%;
	margin-bottom:2%;
}
.fwzc-content ul li {
    width: 318px;
}
.fwzc-content ul {
    width: 1000px;
    float: left;
}
.xzzx-content ul li{
	margin: 0 39px 39px 0;
}
.xzzx-content ul {
    width: 1024px;
}
.contact-content ul li {
    width: 318px;
}
.contact-content ul {
    width: 1000px;
    float: left;
}
.job-contact ul li {
    width: 468.5px;
}
.job-contact ul {
    width: 1032px;
    height: auto;
}
}
 @media (max-width:800px) {
.h-business{
	width:90%;
	margin:0 auto;
}
.latest-news dl dt span,.latest-news dl dt h3,.latest-news dl dd ul li{
	height:50px;
	line-height:50px;
}
.flex-control-nav{
	bottom:10px;
}
.h-business-content dl dd {
    width: 102%;
    float: left;
}
.h-business-content dl dt {
    width: 100%;
    float: right;
}
.h-business-content dl dd ul li, .h-business-content dl dd ul li.cur{
	width:48%;
	margin-right:2%;
}
.h-solution-content ul{
	width:102%;
}
.h-solution-content ul li._bottom {
    margin-top: 0;
}
.h-solution-content ul li dt{
	height:auto;
}
.h-solution-content ul li {
    width: 48%;
	margin-right:2%;
	margin-bottom:2%;
    height: auto;
}
.banner {
	width: 100%;
}
.flexslider .slides img {
	width: 100%;
	display: block;
}
.modal-content {
	overflow: hidden;
}
.modal-body dl dt {
	display: none;
}
.modal-body dl dd {
	width: 80%;
	margin: 0 10%;
	padding-bottom: 20px;
}
.modal-body {
	margin: 0;
}
.modal-body dl dd h1 {
	font-size: 24px;
}
.page a.page-l {
	margin-bottom: 12px;
}
.bottom {
	float: left;
	min-height: inherit;
}
.h-solution-content ul li dd {
    bottom: -19%;
}
.h-link-content dl dt ul li, .h-link-content dl dt ul li.cur {
    margin: 0px 5px;
}
.h-link-content dl dd ul {
    width: 800px;
    float: left;
    margin-top: 30px;
}
.h-link-content dl dd ul li {
    margin-right: 14px;
}
.foot-01, .foot-02 dl {
    width: 90%;
}
.foot-01 {
    margin-top: 0px;
	padding-top: 40px;
}
.foot-01 dl dd{
	display:none;
}
.foot-01 dl dt{
	width:100%;
}
.latest-news dl{
	width:90%;
	margin:0 auto;
}
.latest-news {
    width: 100%;
    height: 50px;
}
.aboutlist-title h1,.aboutlist-title span,.advantagelist-title h1,.advantagelist-title span {
    display: inline-block;
    font-size: 26px;
}
.advantage-content ul li h2{
	font-size:70px;
}
.advantage{
	height:390px;
}
.innovation-content ul li label {
    float: left;
    width: 50px;
    height: 50px;
}
.innovation-content ul li label{
	background-size:40% 40%!important;
}
.innovation-content ul li h2{
	font-size:18px;
}
.innovation-content ul li h2, .innovation-content ul li span {
    float: left;
    width: 130px;
}
.innovation-content ul li {
    min-height: 150px;
}
.engineering-content .swiper-slide h2{
	font-size:14px;
}
.engineering-content .swiper-container{
	width:150%;
}
.engineering-content .swiper-button-prev{
	left: 45.3%;
}
.engineering-content .swiper-button-next{
	right: 45.3%;
}
.performance-content dl dd p img{
	width:100%;
}
.corporate-content ul {
    width: 756px;
    float: left;
}
.relations{
	margin-top:28px;
}
.relations-list ul li dl dd {
    width: 84.8%;
}
.n {
    width: 96%;
    margin: 0 2%;
    margin-top: 20px;
}
.news-l{
	width:100%;
}
.detail-page a.previous-page {
    width: 43.9%;
	overflow:hidden;
}
.detail-page a.next-page {
    width: 44%;
	overflow:hidden;
}
.detail-page a.return{
	overflow:hidden;
}
.news-r,.recommend{
	width:100%;
	margin-top:3%;
}
.popular-news-t h1{
	margin: 3% 0 0 3.8%;
}
.popular-news-t a{
	margin: 3% 3.8% 0 0;
}
.recommend-n ul{
	width:100%;
	margin-left:0;
}
.recommend-n ul li{
	width:90%;
	margin:2% 5%;
}
.recommend-n ul li img{
	height:auto;
}
.detail-page{
	margin-bottom:0;
}
.popular-news-n ul {
    width: 92%;
    margin: 0 4%;
    float: left;
    padding: 7px 0;
}
.concept-content dl dd {
    width: 62%;
    height: 248px;
}
.concept-content dl dd h1{
	font-size:28px;
}
.makes-content ul {
    width: 900px;
}
.makes-content ul li {
    width: 225px;
	margin-right:31px;
}
.makes-content ul li dd h3{
	font-size:80px;
	bottom: -57px;
}
.makes-content ul li dd h2{
	font-size:20px;
}
.value-content ul {
    width: 900px;
}
.value-content ul li {
    width: 231px;
}
.value-content ul li label {
    width: 207px;
}
.history-date ul li {
    width: 70%;
}
.news-content ul li dt{
	width:30%;
}
.news-content ul li dd {
    width: 59%;
}
.news-content ul li dd h2{
	font-size:18px;
}
.news-content ul li dd p{
	font-size:14px;
}
.ksh-introduction h1 {
    font-size: 26px;
}
.ksh-introduction span {
    font-size: 23px;
}
.ksh-oerview h1 {
    font-size: 24px;
    line-height: 27px;
}
.oerview-l dl dd {
    line-height: 31px;
    margin-top: 0;
}
.scenario-l ul {
    width: 109%;
    float: left;
}
.scenario-l ul li {
    width: 27%;
	margin-bottom:3%;
}
.ul-list ul li {
    width: 100%;
}
.ksh-ul ul {
    float: left;
    width: 99.8%;
}
.characteristics {
    width: 107%;
    float: left;
    margin-top: 3%;
}
.characteristics dl {
    width: 28%;
}
.scenario-b ul li {
    margin-right: 24px;
	width: 29%;
	margin-top: 25px;
}
.scenario-b ul {
    width: 109%;
    float: left;
}
.znyl-introduction ul li {
    width: 158px;
    margin-right: 35px;
}
.znyl-introduction ul li img {
    height: 158px;
}
.znyl-introduction ul li label{
	font-size:14px;
}
.znyl-technology ul li {
	margin-right:59px;
}
.znyl-technology ul li span,.img-list ul li span{
	font-size:14px;
}
.img-list ul li {
    width: 216px;
	margin-right:45px;
}
.img-list ul li img {
    display: inline-block;
    margin-top: 0;
}
.scenes ul li {
    width: 100%;
	height:235px;
}
.scenes ul li h2{
	font-size:18px;
	margin-top:0;
}
.scenes ul li span{
	line-height:28px;
	margin-top:10px;
}
.scenes ul {
    width: 1100px;
}
.znyl-technology ul li label{
	width:120px;
	height:120px;
}
.znyl-technology ul li {
    margin-right: 34px;
	width:120px;
}
.cp-list li {
    width: 341.2px;
}
.d-banner{
	width:100%;
}
.detail-cp{
	width:100%;
	margin-top:3%;
	height:auto;
	padding-bottom:5%;
}
.large_box{
	width:96%;
}
.detail-cp ul li dd{
	float:left;
	margin-left:2%;
}
.xssb-list a {
    width: 50%;
}	
.hhyylist ul li,.hhyylist1 ul li {
    width: 344px;
}
.detail-page{
	width:96%;
	margin-bottom:3%;
}
.fwzc-content ul li {
    width: 48%;
    margin: 0 2% 25px 0;

}
.fwzc-content ul {
    width: 102%;
    float: left;
}
.fwzc-content ul li label h2 {
    font-size: 24px;
}
.fwzc-content{
	margin-top: 25px;
    padding-bottom: 1%;
}
.xzzx-content ul{
	width:102%;
}
.xzzx-content ul li {
	width:48%;
    margin: 0 2% 20px 0;
}
.xzzx-title h1{
	font-size:28px;
}
.contact-content ul{
	width:102%;
}
.contact-content ul li{
	width:48%;
	margin-right:2%;
}
.job-contact ul li {
    width: 345.5px;
}
.job-contact ul {
    width: 800px;
    height: auto;
}
.job-contact ul li h2 {
    width: 68%;
    margin: 7% 0 0 6%;
}
.job-contact ul li p {
    width: 67%;
    margin: 1.2% 0 0 6%;
}
.job-contact ul li{
	height:112px;
}
}
@media (max-width: 750px) {
.popular-news-n ul {
    width: 82%;
    margin: 0 9%;
    float: left;
    padding: 7px 0;
}
.flex-direction-nav li a{
	top:23%;
	background-size:60%!important;
	background-position:center center!important;
}
.yw-img .flex-direction-nav li a {
    top: 38%;
}
.flex-control-nav{
	display:none;
}
.slides li h2{
	bottom:12px;
}
.slides li h2 span {
    margin-top: 1px;
}
.latest-news dl dd ul{
	overflow:hidden;
}
.fixednav{
	position:relative;
}
.mean-container a.meanmenu-reveal{
	top:0;
}
.mean-container .mean-nav ul{
	margin-top:50px;
}
.shfw {
    height: auto!important;
}
.top {
    height: 50px;
}
.logo {
    float: left;
    width: 125px;
    margin-top: 13px;
}
.nav__trigger{
	top:13px;
}
.latest-news{
	box-shadow:none;
	height: 45px;
}
.latest-news dl dt span{
	height:45px;
}
.latest-news dl dt h3{
	line-height:45px;
	font-size:15px;
}
.latest-news dl dd{
	width:54%;
}
.latest-news dl dd ul li{
	height:45px;
	line-height:45px;
	font-size:15px;
}
.h-business-title h1{
	font-size:22px;
}
.h-business-title h1:before {
    content: "";
    width: 80px;
    height: 1px;
    background: #999999;
    position: absolute;
    top: 14px;
    right: -125px;
    z-index: 99;
    transition: all 0.5s ease 0s;
}
.h-business-title h1:after {
    content: "";
    width: 80px;
    height: 1px;
    background: #999999;
    position: absolute;
    top: 14px;
    left: -125px;
    z-index: 99;
    transition: all 0.5s ease 0s;
}
.h-business-content dl dd{
	width:100%;
}
.h-business-content dl dd ul li, .h-business-content dl dd ul li.cur {
    width: 100%;
    margin-right: 0%;
}
.h-solution-content ul li dd {
    bottom: 7%;
}
.h-solution-content ul li:hover dd {
	width: 80%;
	margin: 0 10%;
	position: absolute;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-o-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
}
.h-solution-content ul li dd span {
    margin-top: 14px;
}
.h-link-content dl dt ul{
	text-align:left;
}
.h-link-content dl dt ul li, .h-link-content dl dt ul li.cur{
	margin: 0px 5px;
	margin-bottom:10px;
}
.h-link-content dl dt {
    padding-bottom: 5px;
}
.h-link-content dl dd ul{
	margin-top:0;
	width:102%;
}
.h-link-content dl dd ul li{
	width:46%;
	margin-right:4%;
}
.h-business-title p{
	font-size:14px;
}
.swiper-container {
    width: 100%;
    margin: 0px 0%;
    overflow: hidden;
}
.banner-arrow{
	display:block;
}
.engineering-content .swiper-button-prev {
    left: 41.3%;
}
.engineering-content .swiper-button-next {
    right: 41.3%;
}
.engineering-content{
	padding-bottom:9px;
}
.engineering-content .swiper-container {
    height: auto!important;
}
.engineering-content .swiper-button-next,.engineering-content  .swiper-button-prev {
    height: 30px!important;
}
.swiper-container {
    height: 80px;
}
.h-honor-content .swiper-container {
    width: 300%;
}
.h-honor-content .swiper-container {
    height: auto!important;
}
.gallery-top{
	height:230px;
}
.h-news-content ul li{
	width:100%;
}
.h-news-content ul li dt{
	width:100%;
	position:relative;
	height:28px;
}
.large_box{
	height:338px;
}
.swiper-button-next, .swiper-button-prev{
	height:62px!important;
}
.swiper-wrapper{
	width:90%!important;
}
.foot-01 dl dt h1 img{
	width:50%;
}
.d-banner{
	height:auto;
}
.detail-cp h1{
	font-size:20px;
}
.cp-t{
	margin-top:20px;
}
.xssb-list a {
    width: 100%;
}
.h-news-content ul li dt a{
	display:block;
	line-height:22px;
	margin-top:6px;
	float:left;
	position:absolute;
	margin-left:25px;
}
.h-news-content ul li dd{
	float:left;
	margin-left:25px;
}
.try-out p input {
    width: 140px;
}
.try-out h1{
	font-size:22px;
	margin-top: 14%;
}
.foot-02 dl dt,.foot-02 dl dd{
	width:100%;
}
.h-business-title{
	overflow:hidden;
}
.foot-01 dl dt ul{
	display:none;
}
.foot-01 {
    margin-top: 0px;
    padding-top: 22px;
}
.foot-01 dl dt span{
	padding-bottom:10px;
	font-size:14px;
	margin-left: -7px;
}
.foot-01 dl dt span a{
	font-size:14px;
	margin: 0 9px
}
.h-news-content ul li dt a{
	font-size:15px;
}
.foot-02 dl dt label{
	text-align:left;
}
.grumbs{
	height:50px;
	line-height:50px;
}
.advantage-content ul li h2 {
    font-size: 50px;
}
.advantage-content ul li {
    width: 50%;
    float: left;
    text-align: center;
	height:130px;
}
.advantage {
    height: 525px;
}
.advantage-content ul li span {
    width: 60%;
	margin:0 20%;
    color: #ffffff;
    font-size: 14px;
    margin-top: 5px;
    float
}
.innovation-content ul li {
    width: 48%;
    margin-right: 2%;
    margin-top: 8px;
	text-align:center;
}
.innovation-content ul li label{
	margin:5% auto;
	display:inline-block;
	float:none;
}
.innovation-content ul li h2, .innovation-content ul li span{
	width:80%;
	margin:0 10%;
	display:inline-block;
	float:inherit;
}
.engineering-content .swiper-container {
    width: 300%;
}
.foot-02 dl {
    width: 100%;
}
.performance-content dl dt,.performance-content dl dd{
	width:100%;
}
.corporate-content ul {
    width: 100%;
    float: left;
}
.corporate-content ul li {
    width: 100%;
	margin:0;
	margin-top:3%;
}
.corporate-content ul li label{
	width:94%;
	margin:3% 3%;
}
.corporate-content ul li h2, .corporate-content ul li span{
	width:94%;
	margin:0% 3%;
}
.relations h1{
	font-size:24px;
}
.relations span{
	font-size:24px;
}
.relations p{
	font-size:14px;
	line-height:32px;
}
.relations-nav{
	margin-top:28px;
}
.relations-list ul li dl dd span{
	display:none;
}
.relations-list ul li dl dt {
    width: auto;
	float:right;
}
.ckgd a {
    width: 117px;
    height: 40px;
	line-height: 32px;
    text-align: center;
    font-size: 14px;
}
.ckgd a span {
    position: absolute;
    border: 1px solid #ffffff;
    width: 93%;
    left: 0;
    top: 0;
    height: 79%;
    margin: 3.2% 3.1%;
}
.relations-list ul li dl dd {
    width: 80.8%;
}
.relations-list ul li dl dd h2{
	margin-top:0px;
	font-size: 16px;
	margin-left:0;
	width:auto;
}
.relations-list ul li dl dt span{
	width:auto;
	font-size:16px;
	float:left;
	margin-top:10px;
	
}
.relations-list ul li dl dt h2{
	font-size:14px;
	width:auto;
	float:right;
	display:none;
}
.relations-list ul li dl{
	padding: 10px 0 16px 0;
}
.n{
	width:90%;
	margin:0 auto;
	margin-top: 2%;
}
.news-l{
	width:100%;
}
.detail-page a.previous-page {
    width: 100%;
	overflow:hidden;
}
.detail-page a.next-page {
    width: 100%;
	overflow:hidden;
}
.detail-page a.return{
	overflow:hidden;
	width: 100%;
	margin:1% 0;
}
.news-r,.recommend{
	width:100%;
	margin-top:3%;
}
.popular-news-t h1{
	margin: 5% 0 0 9%;
}
.popular-news-t a{
	margin: 5% 9% 0 0;
}
.recommend-n ul{
	width:100%;
	margin-left:0;
}
.recommend-n ul li{
	width:90%;
	margin:2% 5%;
}
.recommend-n ul li img{
	height:auto;
}
.concept-content dl dt{
	width:100%;
}
.concept-content dl dd,.makes-content ul,.value-content ul li{
	width:100%;
}
.makes-content ul li{
	width:90%;
	margin:2% 5% 10% 5%;
	height:auto;
}
.makes-title h1,.concept-content dl dd h1{
	font-size:24px;
}
.value-content ul{
	width:90%;
	margin:0 5%;
}
.value-content ul li label{
	width:94%;
}
.value-content ul li label h2{
	margin-top:13%;
}
.history-date ul li {
    width: 46%;
	font-size:14px;
}
.news-content ul li{
	margin-top: 0px;
	margin-bottom:30px;
}
.news-content ul li dt,.news-content ul li dd{
    width: 90%;
	margin:0 5%;
	margin-top:5%;
	padding:0;
}
.news-content ul li dd{
	padding-bottom:20px;
}
.oerview-l dl dt,.oerview-l dl dd{
	width:100%;
}
.oerview-l dl dd{
	margin-top:3%;
}
.ksh-introduction{
	margin-top:5%;
}
.ksh-oerview h1{
	margin:3% 0 5% 0;
}
.scenario-l ul li {
    width: 92%;
    margin-bottom: 3%;
}
.ksh-ul ul {
    float: left;
    width: 98.8%;
}
.ksh-ul li.cur,.ksh-ul li{
	width:50%;
}
.characteristics dl {
    width: 100%;
	margin-right:0;
	margin-bottom:3%;
}
.characteristics {
    width: 100%;
    float: left;
	margin:0 0%;
    margin-top: 3%;
}
.scenario-b ul,.img-list,.img-list ul,.scenes ul{
	width:100%;
}
.scenario-b ul li{
	width:100%;
	margin:0;
	margin-bottom:3%;
}
.znyl-introduction ul,.znyl-technology ul{
	width:100%;
	margin-bottom:0;
}
.znyl-introduction ul li,.znyl-technology ul li{
	width:46%;
	margin:0 2%;
	margin-bottom:8%;
	text-align:center;
}
.znyl-introduction ul li img{
	height:auto;
}
.znyl-technology ul li label{
	float:none;
	margin:0 auto;
	display:inline-block;
}
.znyl-oerview h1{
	margin:3% 0;
}
.img-list ul li{
	width:100%;
	margin:0 0%;
	margin-bottom:5%;
}
.cp-title ul {
    width: 138%;
}
.cp-title{
	overflow-x:auto;
}
.cp-list ul{
	width:100%;
}
.cp-list li{
	width:100%;
	margin-right:0;
	margin-bottom: 30px;
}
.hhyylist ul,.hhyylist1 ul {
	width:100%;
}
.hhyylist ul li,.hhyylist1 ul li {
    width: 100%;
	margin-right:0;
	margin-top: 20px;
}
.detail-title dl dt h1{
	font-size:20px;
}
.detail-n img {
    display: inline-block;
	width:100%;
}
.detail-page {
    width: 96%;
	margin-top:3%;
    margin-bottom: 3%;
}
.fwzc-content ul li {
    width: 100%;
    margin: 0 0% 25px 0;

}
.fwzc-content ul {
    width: 100%;
    float: left;
}
.fwzc-content ul li label h2 {
    font-size: 24px;
}
.modal-body dl dd ul li label input{
	width:92%;
}
.xzzx-content ul{
	width:100%;
}
.xzzx-content ul li {
	width:100%;
    margin: 0 0% 20px 0;
}
.contact-img dl dt {
    margin-top: 12%;
}
.contact-img dl dt h1 {
    font-size: 28px;
}
.contact-img dl dt span {
    font-size: 18px;
}
.contact-img dl dd{
	font-size:15px;
}
.contact-content ul{
    width: 100%;
}
.contact-content ul li label {
    height: 84%;
	width:90%;
}
.contact-content ul li {
    width: 100%;
    margin-right: 0%;
}
.job-contact ul{
	width:100%;
}
.job-contact ul li{
	width:100%;
	margin-right:0;
	margin-bottom:2%;
}


}
@media (max-width: 375px) {
	.history-date h2 {
    background: url(../images/icon06.png) no-repeat 162px 4px;
	}
	.history {
    background: url(../images/line04.gif) repeat-y 169px 0;
	}
}
@media (max-width: 320px) {
.modal-body dl dd ul li label input {
	width: 75%;
}
}