.layout{padding-left:4%; padding-right:4%; max-width:1300px; margin: 0 auto;}
.clearfix:before,.clearfix:after{content:" "; display:table}
.clearfix{zoom:1}
.clearfix:after{content:" "; clear:both; height:0; visibility:hidden; display:block}
#warpper{width:100%; position:relative; overflow-x:hidden}


.header{width:100%; height:90px;}
.header.header-hover{-moz-box-shadow:0 0 8px rgba(0,0,0,.2); -webkit-box-shadow:0 0 8px rgba(0,0,0,.2); box-shadow:0 0 8px rgba(0,0,0,.2); background-color: #FFF;  border-bottom:1px solid #e6e6e6;}
.headern{ position: relative; max-width:1500px; margin: 0 auto;}
.logo{position:absolute; left:0; top:0; padding-left:4%; padding-top:15px}
.logo img{display:block; height:60px; font-size:0; }


.nav{position:absolute; right:0; top:0; padding-right:4%}
.nav .navbar{float:left;}
.nav .navbar>li{float:left; position: relative; border-left: 1px solid #FFF;}
.nav .navbar>li>a{ position:relative; display: block; height:90px; line-height: 90px; padding: 0 20px; font-size:16px; color:#333; letter-spacing:1px;}
.nav .navbar>li:hover{ background-color:#245caf; transition:.3s; -webkit-transition:.3s;}
.nav .navbar>li.on{ background-color:#104492;}
.nav .navbar>li.on a{color: #FFF;}
.nav .navbar>li:hover a{ color: #FFF;}
.nav .navbar>li .submenu-wrap{ display: none; position: absolute; top: 90px; left: 0; background-color:#245caf; z-index: 10;}
.nav .navbar>li:hover .submenu-wrap{ display:block; transition:.3s; -webkit-transition:.3s;}
.nav .navbar>li .submenu-wrap li{ border-top: 1px solid #306bc4;}
.nav .navbar>li .submenu-wrap a{ display: block; padding: 0 20px; height: 46px; line-height: 46px; font-size:16px; letter-spacing:1px;}
.nav .navbar>li .submenu-wrap li:hover{ background-color: #306bc4; transition:.3s; -webkit-transition:.3s;}


.header.header-hover .btn-m-list span{background-color:#333}
.btn-m-list{position:absolute; top:50%; right:75px; margin-top:12px; height:30px; width:30px; cursor:pointer; display:none}
.btn-m-list span{position:absolute; left:0; top:0; display:block; width:100%; height:1px; background-color:#fff; transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); transition:.25s ease-in-out; -o-transition:.25s ease-in-out; -moz-transition:.25s ease-in-out; -webkit-transition:.25s ease-in-out}
.btn-m-list span:first-child{top:10px}
.btn-m-list span:nth-child(2){top:18px}
.btn-m-list span:nth-child(3){top:18px}
.btn-m-list span:nth-child(4){top:26px}
.btn-m-list.on span:first-child,.btn-m-list.on span:nth-child(4){display:none}
.btn-m-list.on span:nth-child(2){transform:rotate(45deg); -o-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg)}
.btn-m-list.on span:nth-child(3){transform:rotate(-45deg); -o-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg)}
.mask{position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; filter:alpha(opacity=70); background-color:rgba(0,0,0,.7); display:none; z-index:100}


.neirong{display:block; position:fixed; width:100%; top:0; z-index:1000; overflow-y:auto; left:0; touch-action:pan-y; -webkit-user-select:none; -webkit-user-drag:none; -webkit-tap-highlight-color:transparent}
.neirong .neirong-bd{padding-bottom:20px; padding-top:50px; padding-left:50px; padding-right:50px; visibility:hidden}
.neirong a{display:block; height:47px; line-height:47px; color:#fff; font-size:16px; border-bottom:1px solid #333; -webkit-transition:all .35s ease-out; -moz-transition:all .35s ease-out; -ms-transition:all .35s ease-out; -o-transition:all .35s ease-out; transition:all .35s ease-out}
.neirong a.neirong-on{color:#aaa}
.content{overflow-x:hidden; left:0; position:relative}
.content.content-on{left:120px}
.neirong.neirong-on{left:0}
.body-on{position:relative; overflow:hidden}
.html-on{overflow:hidden}
.neirong-close{width:24px; height:24px; background:url(../image/nav_close.png) no-repeat 0 center; position:absolute; top:20px; left:10px; visibility:hidden}
.neirong.neirong-hide{background-color:rgba(0,0,0,.8); height:0; -webkit-transition:background .35s linear,height .25s ease-in 200ms; -moz-transition:background .35s linear,height .25s ease-in 200ms; -ms-transition:background .35s linear,height .25s ease-in 200ms; -o-transition:background .35s linear,height .25s ease-in 200ms; transition:background .35s linear,height .25s ease-in 200ms}
.neirong.neirong-show{background-color:#000; height:100%}
.neirong.neirong-show .neirong-bd,.neirong.neirong-show .neirong-close{visibility:visible}
.neirong.neirong-hide a{opacity:0; -webkit-transform:scale(1.1) translateY(-24px); -moz-transform:scale(1.1) translateY(-24px); -ms-transform:scale(1.1) translateY(-24px); -o-transform:scale(1.1) translateY(-24px); transform:scale(1.1) translateY(-24px)}
.neirong.neirong-show a{opacity:1; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none}
.neirong li ul{ padding-left: 20px;}
.neirong li ul a{ font-size: 15px; color: #e5e5e5;}
.neirong a:nth-of-type(2){-webkit-transition-delay:300ms,300ms; transition-delay:300ms,300ms}
.neirong a:nth-of-type(3){-webkit-transition-delay:350ms,350ms; transition-delay:350ms,350ms}
.neirong a:nth-of-type(4){-webkit-transition-delay:400ms,400ms; transition-delay:400ms,400ms}
.neirong a:nth-of-type(5){-webkit-transition-delay:450ms,450ms; transition-delay:450ms,450ms}
.neirong a:nth-of-type(6){-webkit-transition-delay:500ms,500ms; transition-delay:500ms,500ms}
.neirong a:nth-of-type(7){-webkit-transition-delay:550ms,550ms; transition-delay:550ms,550ms}
.neirong a:nth-of-type(8){-webkit-transition-delay:600ms,600ms; transition-delay:600ms,600ms}
.neirong a:nth-of-type(9){-webkit-transition-delay:650ms,650ms; transition-delay:650ms,650ms}
.neirong a:nth-of-type(10){-webkit-transition-delay:700ms,700ms; transition-delay:700ms,700ms}
.neirong a:nth-of-type(11){-webkit-transition-delay:750ms,750ms; transition-delay:750ms,750ms}


.contain{width:100%; position:relative;}


.bannerwarp{width:100%;}
.scrollBar{position:relative; left:0; top:0; width:100%; height:100%}
.inbanner{overflow:hidden; clear:both; width:100%; position:relative; z-index:1}
.bx-wrapper{position:relative; margin:auto; padding:0; *zoom:1}
.bx-wrapper li{width:100%}
.bx-wrapper li img{display:block; width:100%; }
.bannerheight{display:block; width:100%; background-repeat:no-repeat!important; background-position:center center!important; background-size:100% 100%!important}
.bx-wrapper .bx-pager{position:absolute; left:0; bottom:3%; z-index:10; width:100%; text-align:center;}
.bx-wrapper .bx-pager-item{margin:0 4px; display:inline-block; *display:inline; zoom:1}
.bx-wrapper .bx-pager-item a{display:block; width:10px; height:10px; background: rgba(255, 255, 255 ,0.5); border-radius:50%; font-size:0; text-indent:-9999px}
.bx-wrapper .bx-pager-item a.active{ background-color:#FFF;}
.bx-wrapper .bx-controls-direction a{display:none}



.index-title{ font-size:18px; color:#666; text-align: center; border-bottom: 1px solid #888; padding-bottom: 15px;}
.index-title span{ font-size:30px; color:#2c2c2c; font-weight: 800; margin-right: 10px;}


.section01{ background-color:#fff; padding-top:80px; padding-bottom:100px}
.section02{ background-color:#FFF; padding-top:80px; overflow:hidden}
.section03{ background-color:#fff; padding-top:80px; padding-bottom:95px;}
.section04{ background-color:#efefef; padding-top:80px; overflow:hidden; zoom:1}
.section05{ background-color:#efefef; padding-top:80px; padding-bottom:95px}


.index-company{ padding-top: 20px;}
.o-about{ background:url(../image/ab_bg.jpg) no-repeat left top; padding-left:5%; margin:0;}
.o-about dt{ float:left; width:50%;}
.o-about dt img{ display:block; width:100%; height:auto;}
.o-about dd{ margin-left:50%; padding:0 0 0 6%; position:relative;}
.o-about dd .i1{ position:absolute; left:-50px; top:0;}
.o-about dd h4{ margin:0 0 22px; font-weight:normal;}
.o-about dd h4 span{ font-size:30px; margin-right: 10px;}
.o-about dd h5{ margin-bottom: 15px; font-size:22px; font-weight:800;}
.o-about dd p{ height: 90px; line-height:2em; font-size: 16px; overflow: hidden;}
.o-about dd .more{ text-align: right; margin-top: 20px; margin-bottom: 10px;}
.o-about dd .more a{ display:inline-block; width:160px; line-height:36px; text-align:center; background-color:#104492; color:#fff;}

.o-about .news li{ font-size: 16px; border-bottom: 1px solid #bcbcbc; padding: 15px 0; margin-bottom: 5px; overflow: hidden;}
.o-about .news li a{ display: block;}
.o-about .news li em{ float: right; font-size: 14px;}



.index-cp { padding-top: 40px;}
.index-cp li{ float: left; width: 50%; margin-bottom: 25px;}
.index-cp li img{ display: block; float: left; width: 250px; height: 140px; -webkit-transition:all .5s ease; transition:all .5s ease}
.index-cp li:hover img{-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05)}
.index-cp li a{ display: block; padding-left: 270px; padding-right: 40px;}
.index-cp li h2{ font-size: 20px; color:#2c2c2c; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 10px; overflow: hidden;}
.index-cp li p{ font-size: 15px; height: 52px; line-height: 26px; color: #6a6a6a; margin-bottom: 10px; overflow: hidden;}
.index-cp li .more span{display:inline-block; font-size:14px; text-align: center; color:#888; border:1px solid #dcdcdc; padding: 4px 40px;transition:.3s linear;}
.index-cp li:hover .more span{ background-color:#104492; color:#fff; border:1px solid #104492;}


.index-yw { margin-top: 40px; overflow: hidden; }
.index-yw .ywbox{ display: block; float: left; width: 25%; text-align: center;}
.index-yw dl { position: relative; padding: 35px 60px; background: #fff; color: #999; margin: 10px; }
.index-yw dl dt { width: 70px; height: 70px; margin: 0 auto 12px auto; overflow: hidden; }
.index-yw dl dd {}
.index-yw dl dd h2 { font-weight: 300; color: #666; font-size: 26px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.index-yw dl dd span { display: block; text-transform: uppercase; border-bottom: 2px solid #bfbfbf; line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.index-yw dl dd p { line-height: 20px; height: 40px; margin-top: 5px; overflow: hidden; }
.index-yw dl:hover { background: #1379ce; }
.index-yw dl:hover dd p,.index-yw dl:hover dd h2,.index-yw dl:hover dd span { color: #FFF; }
.index-yw dl:hover dd span { border-bottom-color: #FFF; }
.index-yw dl:hover dt img { margin-left: -70px; }
.index-yw dl,.index-yw dl dt img { 
	transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s;
}




.indexmore{ clear: both; display:block; width:100px; height:38px; line-height: 38px; font-size:16px; border-radius:5px; text-align: center; background-color: #FFF; margin: 0 auto;}
.indexmore:hover{background-color:#104492; color: #fff;}
.index-cp .indexmore{ background-color:#efefef; transform:translateX(0) translateY(0)}
.index-cp .indexmore:hover{background-color:#104492; color: #fff;}


.index-lx{ text-align: center;}
.index-lx .tit{ font-size: 30px; margin-bottom: 20px;}
.index-lx .dashline{ max-width: 100%;}
.index-lx .lxcon{ font-size: 16px;}
.index-lx .lx_l,.index-lx .lx_r{ display: inline-block; margin-top: 20px;}
.index-lx .lx_l{ margin-right: 150px;}
.index-lx .lx_l img{ width: 160px;}
.index-lx .lx_r img{ width: 70px; margin-bottom: 30px;}


.footer{width:100%; background-color:#0c1933; }
.footnav{ text-align: center;}
.footnav a{ display: inline-block; font-size:14px; color:#c1c1c1; padding:20px 3%;}
.footer .footbom{border-top:1px solid #343435; color: #c1c1c1; padding:25px 0; font-size:14px; text-align: center;}


.nybanner{ width:100%; background:url(../image/banner-son.jpg) no-repeat 0 0; padding-top: 135px;}

.ny-title{ height: 55px; line-height: 55px; background-color: #FFF; padding: 0 20px; border-bottom: 1px solid #eee;}
.ny-title span { font-size: 24px; font-weight: 600; margin-right: 10px;}
.ny-title em { color: #8E8E8E; font-size: 14px;}

.navigation{padding:12px 0 20px 0; background-color:#fff;}
.navigation a{font-size:14px;}
.navigation a:hover,.navigation a.on{color:#e15620}
.navigation em{margin:0 3px; font-family:Simsun}

.ser-box01{width:100%; background-color:#fff; padding-top:80px; padding-bottom:100px}
.ser-box02{width:100%; height:676px; background-image:url(404.png); background-position:center center; background-size:cover; background-repeat:no-repeat; overflow:hidden}
.ser-bz{max-width:920px; margin:0 auto; padding-top:70px; text-align:center}
.ser-bz .h2{font-size:36px; color:#fff; margin-bottom:20px}
.ser-bz .h3{font-size:14px; color:#cdcdcd}
.serlist{max-width:910px; margin:0 auto}
.serlist li{width:33.333%; float:left; text-align:center; font-size:14px; color:#fff; margin-top:20%}
.serlist li .sn{font-size:72px; color:#da0000; line-height:1}
.ser-box03{width:100%; background-color:#efefef; padding-top:80px; padding-bottom:100px}
.ser-step{max-width:1640px; margin:0 auto}
.ser-step li{width:7%; min-width:130px; height:90px; padding:20px 0; border:1px solid #d2d2d2; background-color:#efefef; border-radius:50%; float:left; margin-top:65px; position:relative; margin-right:5.06%}
.ser-step li .co{display:block; width:45px; height:48px; margin:5px auto; background-image:url(404.png); background-position:0 0; background-repeat:no-repeat; -webkit-transition:all .5s ease; transition:all .5s ease}
.ser-step li:hover .co{background-position:0 -48px}
.ser-step li span{display:block; font-size:16px; color:#666; text-align:center}
.ser-step li.on{margin-top:170px}
.ser-step li:nth-of-type(8){margin-right:0}
.ser-step li:before{content:""; display:block; width:100%; height:1px; border-top:2px dashed #ddd; position:absolute; right:-85%; top:92%; -webkit-transform:rotate(40deg); transform:rotate(40deg)}
.ser-step li.on:before{-webkit-transform:rotate(-40deg); transform:rotate(-40deg); top:9%}
.ser-step li:nth-of-type(8):before{display:none}
.ser-box04{padding:100px 0; border-bottom:1px solid #ddd}


.news-warp{width:100%; background-color:#FFF; overflow:hidden;}
.news-warp .layout{ max-width: 1300px; margin: 0 auto;}
.news-warp.product-warp .layout{ max-width: 1200px; margin: 0 auto;}
.news-warp.product-warp .layout2{ max-width: 1220px; margin: 0 auto; padding-left:4%; padding-right:4%}

.news-screen{ float: left; width: 18%; overflow: hidden;}
.news-screen .screenleft .title{ background-color:#fff; border-bottom: 1px solid #006BB5; padding: 0 15px;}
.news-screen .screenleft .title span{ line-height: 55px; font-size: 20px; color: #006BB5;}
.news-screen .screenleft ul{ border-bottom: 1px solid #f0f0f0; padding-bottom: 30px;}
.news-screen .screenleft li{width:100%; margin-bottom: 10px;}
.news-screen .screenleft li a{display:block; font-size:16px; color:#333; padding: 10px 12px; background-color:#f5f5f5;}

.news-screen .screenleft li.on a,.news-screen .screenleft li:hover a{ background-color:#104492; transform:translate3d(0,-2px,0); transition:all .3s cubic-bezier(.55,0,.1,1)}
.news-screen .screenleft li.on a,.news-screen .screenleft li:hover a{color:#fff}


.list-top{ position: relative; height: 55px; line-height: 55px;  background-color: #FFF; margin-bottom: 1.5%;}

.list-top span { display: inline-block; height: 40px; line-height: 40px; vertical-align: top; font-size: 26px; color: #2c2c2c; font-weight: 600; zoom: 1; }
.list-top em { color: #8E8E8E; font-size: 16px; margin-left: 10px; padding-top: 8px; }

.newslist{ float: right; width: 78%; overflow: hidden; min-height:500px;}
.newslist .item{ float: left; width:100%; box-sizing: border-box; border-bottom: 1px solid #bcbcbc; -webkit-transition:all .5s ease; transition:all .5s ease; margin-bottom:20px;}
.newslist .item .pic{ float: left; margin-right: 30px; background-color:#eee; background:url(../image/loading.gif) no-repeat center center; background-size: 60px 60px; overflow:hidden;}
.newslist .item .pic img{ display:block; width:240px; height: 162px; margin-bottom: 20px;}
.newslist .item .tmain{ margin-bottom: 20px;}
.newslist .item .tmain .title{font-size:22px; color:#333; height:27px; margin-bottom: 20px;}
.newslist .item .tmain .h3{font-size:16px; color:#666; height:63px; line-height: 30px; margin-bottom:10px; overflow:hidden;}
.newslist .item:hover .tmain .title{ color: #0794ad;}
.newslist .item .tmain .time{display:block; font-size:16px; color:#666; line-height:25px;}
.newslist .hotbom{padding-bottom:0}
.newslist .hotbom .item{margin-right:1%\0}
.newslist .hotbom .item:nth-of-type(4n){margin-right:0}


.productlist { min-height:500px}
.productlist .item{ float:left; width:23.87%; box-sizing: border-box; border: 1px solid #e2e2e2; background-color:#fff; -webkit-transition:all .5s ease; transition:all .5s ease; margin-bottom:1.5%; margin-right:1.5%;}
.productlist .item:hover{box-shadow:0 17px 50px 0 rgba(0,0,0,.19); transform:translate3d(0,-2px,0); transition:all .3s cubic-bezier(.55,0,.1,1);}
.productlist .item .pic{width:100%; overflow:hidden; background-color:#eee; background-image:url(../image/loading.gif); background-position:center center; background-repeat:no-repeat;}
.productlist .item .pic img{width:100%; display:block; -webkit-transition:all .5s ease; transition:all .5s ease;}
.productlist .item .tmain{padding:30px;}
.productlist .item .tmain .time{display:block; font-size:14px; color:#999; line-height:25px; padding-left:25px; background-image:url(../image/time.png); background-position:left center; background-repeat:no-repeat;}
.productlist .item .tmain .title{font-size:18px; color:#333; height:27px; text-align: center; margin-bottom: 12px;}
.productlist .item .tmain .h3{font-size:14px; color:#666; height:66px; text-align: center; margin-top: 20px; overflow:hidden;}
.productlist .item .tmain .more{display:inline-block; font-size:14px; color:#666; border-bottom:1px solid #c6c6c6;}
.productlist .hotbom{padding-bottom:0;}
.productlist .hotbom .item{margin-right:1%\0;}
.productlist .hotbom .item:nth-of-type(4n){margin-right:0;}



.news-view{ float: right; width: 78%; overflow: hidden;}
.news-warp.product-warp .news-view{ float: none; width: 100%; overflow: hidden;}
.news-details{ border: 1px solid #eee; background-color:#fff; padding: 40px; min-height: 400px; margin-bottom: 60px;}
.news-title{ border-bottom:1px solid #ddd;}
.news-title .tou{ position:relative; margin-bottom: 15px;}
.news-title h1{ font-size:32px; color:#333}
.news-title .date{ display:inline-block; font-size:14px; color:#999; line-height:28px; padding-left:25px; background-image:url(../image/time.png); background-position:left center; background-repeat:no-repeat; margin-bottom: 15px;}
.news-text{ padding:30px 0 20px 0; font-size:16px}
.news-textnext{ margin-top: 40px;}



@media screen and (min-width:1200px) and (max-width:1519px){}
@media screen and (min-width:768px) and (max-width:1199px){}
@media screen and (min-width:320px) and (max-width:767px){
.logo img{height:46px}
.scrollBar .banner li .imgTimes,.bannerheight{background-size:auto 100%!important}
}
@media screen and (min-width:769px) and (max-width:1199px){
.newslist .item .pic img { width: 200px; height: 135px;}
}
@media screen and (max-width:1800px){
.ser-step{max-width:1228px}
.ser-step li{margin-right:2%}
}
@media screen and (max-width:1400px){}
@media screen and (max-width:1366px){
.logo{padding-top:20px}
.logo img{height:50px}
.ser-step{max-width:1056px}
.ser-step li{margin-right:0}

.index-yw dl { padding: 20px 25px; }
.index-yw dl dd h2 { font-size: 26px; }
.index-yw dl dd span { border-bottom: 1px solid #bfbfbf; }
	
.index-cp li img{ width: 200px; height: 120px;}
.index-cp li a{ padding-left: 220px; padding-right: 20px;}
}
@media screen and (max-width:1110px){
.logo{padding-top:20px}
.logo img{height:50px}
.news-screen .screenleft{width:100%}
}
@media screen and (max-width:1024px){
.logo{padding-top:20px}
.logo img{height:46px}
.nav li a{ padding: 0 10px; font-size:14px; }
.o-about dd h4{ font-size:24px; margin:0 0 15px;}
.o-about dd h4 strong{ font-size:30px;}
.o-about dd h5{ margin-bottom: 10px; font-size:16px;}
.o-about dd p{ font-size: 14px;}
	
.index-yw { margin-top: 30px;}
.index-yw .ywbox{ width: 50%;}
.index-yw dl { padding: 20px 20px; }
.index-yw dl dt { width: 50px; height: 50px; }
.index-yw dl dt img{ height: 50px;}
.index-yw dl:hover dt img { margin-left: -50px; }
.index-yw dl dd h2 { font-size: 24px; }

.index-cp li img{ width: 180px; height: 100px;}
.index-cp li a{ padding-left: 190px; padding-right: 20px;}

.newslist .item .tmain .title { font-size: 20px; margin-bottom: 15px; }
.newslist .item .tmain .h3 { height: 52px; line-height: 26px; margin-bottom: 5px;}
}
@media screen and (max-width:960px){
.logo{padding-top:20px}
.logo img{height:46px}
.newslist .item .pic img { width: 200px; height: 135px;}
}
@media screen and (max-width:768px){
.header{ position:fixed; _position:absolute; left:0; top:0; z-index:100;}
.contain{ padding-top: 90px;}
.section01,.section02,.section03,.section04,.section05{padding-top:40px}
.section01,.section03,.section05{ padding-bottom:50px}
.header{height:60px; background-color:#fff}
.logo{padding-top:8px}
.logo img{height:40px;}
.nav{display:none; top:32px; right:75px; padding-right:0}
.btn-m-list{display:block; margin-top:12px; right:4%}
.btn-m-list span{background-color:#333}
.bx-wrapper li img{ min-height: 160px;}
.contain{padding-top:60px}
.bx-wrapper .bx-pager-item a{width:8px; height: 8px}
.index-waper-box{ display: block;}
.ser-box02{height:500px}
.index-back-box .sub-arrows,.index-back-box .sub-mouse{display:none}
.scrollBar .banner li .imgTimes>article{bottom:22%}
	
.o-about{ padding-left:10%;}
.o-about dt{ float:none; width:100%}
.o-about dd{ margin-left:0; padding:15px 0 0 0;}
.o-about dd .more{ margin-top: 15px; margin-bottom: 20px;}
.o-about dd h4{ margin-left: -10%; font-size:14px; margin-bottom: 5px;}
.o-about dd h4 span{ font-size:28px;}
.o-about .news{ margin-left: -10%;}
.o-about .news li{ margin-bottom: 0px;}
	
.index-yw { margin-top: 30px;}
.index-yw .ywbox{ width: 50%;}
.index-yw dl { padding: 20px 20px; }
.index-yw dl dt { width: 50px; height: 50px; }
.index-yw dl dd h2 { font-size: 24px; }
	
.index-cp li{ margin-bottom: 20px;}
.index-cp li img{ width: 140px; height: 100px;}
.index-cp li a{ padding-left: 160px; padding-right: 10px;}
.index-cp li h2{ font-size: 20px; margin-bottom: 5px;}
.index-cp li p{ font-size: 14px; height: 48px; line-height: 24px; margin-bottom: 10px;}
.index-cp li .more span{ padding: 4px 30px;}
	
.nybanner{}
.serlist li{margin-top:10%}
.ser-step li,.ser-step li.on{width:19%; height:auto; margin:20px 2.5% 0}
.ser-step li:before{display:none}
.news-screen{ float: none; width: 100%; margin-bottom: 20px;}
.news-screen .screenleft ul { padding-bottom: 0;}
.news-screen .screenleft li{ float: left; width:33.3%; text-align: center; border-bottom: none;}
.news-screen .screenleft li a{ padding: 10px 0;}
.news-screen .screenleft .title{ display: none;}
.newslist{ float: none; width: 100%;}
.newslist .list-top{ display: none;}
.newslist .item .pic{ margin-right: 20px;}
.newslist .item .pic img { width: 150px; height: 102px;}
.newslist .item .tmain .title { font-size: 20px; margin-bottom: 10px; }
.newslist .item .tmain .h3{ font-size: 14px; height: 42px; line-height: 21px; margin-bottom: 0;}
.newslist .item .tmain .time { font-size: 14px;}
.productlist .item{width:48%; margin-right:4%; margin-bottom:0; margin-top:4%}
.productlist .item:nth-of-type(2n){margin-right:0}
.news-title .tou{padding-right:0}
.scrollBar .banner li.visb .imgTimes>article .banText i{display:none}
.news-view{ float: none; width: 100%;}
}
@media screen and (max-width:640px){
.section01,.section02,.section03,.section04,.section05{padding-top:30px}
.section01,.section03,.section05{ padding-bottom:40px}
.logo{padding-top:16px}
.logo img{height:28px}
.btn-m-list{right:15px; margin-top:12px}
.bannerwarp{background-color:#fff}
.index-waper-box{ display: block;}
.em-h1{font-size:14px}
.em-h2{font-size:14px}
.scrollBar .banner li .imgTimes>article{bottom:33%}
.scrollBar .banner li .imgTimes>article .banText span font{font-size:12px}
.nub{height:30px; line-height:30px; font-size:25px}
.index-title{font-size:12px}
.index-title span{font-size:24px}

.o-about dd p{ height: 72px; line-height: 24px;}
.o-about dd h4{ font-size:12px; }
.o-about dd h4 span{ font-size:24px;}
.o-about .news li{ padding: 12px 0;}
	
.index-yw { margin-top: 30px;}
.index-yw .ywbox{ width: 100%;}
.index-yw dl { padding: 15px 30px; margin: 0 0 10px 0; }
.index-yw dl dt { width: 50px; height: 50px;}
.index-yw dl dd h2 { font-size: 20px;}
.index-yw dl dd p { height: 20px;}
	
.index-cp{ padding-top: 30px;}
.index-cp li{ float: left; width: 100%; margin-bottom: 15px;}
.index-cp li img{ width: 120px; height: 68px;}
.index-cp li a{ padding-left: 135px; padding-right:0;}
.index-cp li h2{ font-size: 18px; margin-bottom: 8px;}
.index-cp li p{ display: none;}
.index-cp li .more span{ padding: 4px 30px;}

.index-lx .tit{ font-size: 24px;}
.index-lx .lxcon{ font-size: 14px;}
.index-lx .lx_l,.index-lx .lx_r{ display: block; }
.index-lx .lx_l{ margin-right: 0;}
.index-lx .lx_l img{ width: 120px; }
.index-lx .lx_r img{ margin-bottom: 10px;}
	
.nybanner{ height:100px; padding-top: 0;}
.ny-title { display: none;}
.ny-title h2 img,.ny-title h3 img{max-width:50%}
.ser-box01,.ser-box03,.ser-box04{padding:50px 0}
.ser-box02{height:auto; padding-bottom:70px}
.serlist li{font-size:12px}
.serlist li .sn{font-size:30px}
.ser-step{text-align:center}
.ser-step li{display:inline-block; float:none; margin:20px 2% 0}
.newslist .hotbom{padding-bottom:0;}
.newslist .item .pic img { width: 100px; height: 80px;}
.newslist .item .pic{padding:0; margin-right: 15px;}
.newslist .item .tmain{ margin-bottom: 0;}
.newslist .item .tmain .title{font-size:14px; margin:5px 0; height:auto}
.newslist .item .tmain .h3{font-size:12px; margin-bottom:0; height:40px; line-height: 20px; overflow: hidden;}
.newslist .item .tmain .time{font-size:12px}

.productlist .item{width:48%; margin-left:0; margin-right:4%}
.productlist .item:nth-of-type(2n){margin-right:0}
.productlist .item .tmain{padding:10px}
.productlist .item .tmain .title{font-size:14px; margin:5px 0; height:auto}
.productlist .item .tmain .h3{font-size:12px; margin-bottom:10px; height:55px}
.productlist .item .tmain .time{font-size:12px}
	
.news-details{padding:40px 20px}
.news-title h1{font-size:20px}
.footnav{ display: none;}
.page { padding: 0; }
}


.page{text-align:center; padding:40px 0}
.page a{display:inline-block; font-size:14px; color:#666; padding:5px 15px}
.page a:hover,.page a.on{background-color: #eee; }
.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; }
.pagination li { display: inline; }
.pagination li > a,.pagination li > span { position: relative; float: left; padding: 4px 10px; margin-left: 3px; line-height: 1.42857143; color:#666; text-decoration: none; background-color: #fff; font-size: 14px; }
.pagination .controls input{ border: none; height: 12px; width: 24px; text-align: center;}
.pagination li:first-child > a,.pagination li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.pagination li:last-child > a,.pagination li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.pagination li > a:hover,.pagination li > span:hover,.pagination li > a:focus,.pagination li > span:focus { color: #23527c; z-index: 2; }
.pagination .active > a,.pagination .active > span,.pagination .active > a:hover,.pagination .active > span:hover,.pagination .active > a:focus,.pagination .active > span:focus { border-bottom: 3px solid #337ab7; color: #337ab7; cursor: default; z-index: 3; }
.pagination .disabled > span,.pagination .disabled > span:hover,.pagination .disabled > span:focus,.pagination .disabled > a,.pagination .disabled > a:hover,.pagination .disabled > a:focus { color: #777; background-color: #fff; border-color: #ddd; cursor: not-allowed; }
.pagination-lg li > a,.pagination-lg li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; }
.pagination-lg li:first-child > a,.pagination-lg li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.pagination-lg li:last-child > a,.pagination-lg li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.pagination-sm li > a,.pagination-sm li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; }
.pagination-sm li:first-child > a,.pagination-sm li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.pagination-sm li:last-child > a,.pagination-sm li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }