html{ overflow-x: hidden; }
body{ font-family: '微软雅黑', 'Arial', sans-serif; }
h1, h2, h3, h4, h5, h6, span, p{ padding: 0; margin: 0; font-size: 100%; font-weight: 100; }
ul, ol{ padding: 0; margin: 0; list-style: none; }
a:link, a:hover, a:visited, a:active{ text-decoration: none; }
label{ max-width: inherit; }

.header{ width: 100%; height: 148px; }
.header-up{ width: 100%; height: 93px; background-color: #fff; }
.header-up-logo{ width: 100%; height: 93px; background-image: url(../images/logo.jpg); background-repeat: no-repeat; background-position: left center; display: block; }
.header-up-search{ width: 306px; height: 41px; margin: 26px 0; border: 2px solid #1682cd; float: right; }
.header-up-search-text{ width: 228px; height: 37px; padding: 0 11px; font-size: 14px; color: #bbb; border: 0; outline: none; background-color: #fff; float: left; display: block; }
.header-up-search-go{ width: 74px; height: 37px; letter-spacing: 2px; font-size: 14px; font-weight: bold; color: #fff; border: 0; outline: none; background-color: #1682cd; cursor: pointer; }
.header-down{ width: 100%; height: 55px; background-color: #1682cd; }
.header-down-menu{ width: 100%; height: 55px; }
.header-down-menu ul li{ width: 12.5%; height: 55px; float: left; }
.header-down-menu ul li a{ text-align: center; line-height: 55px; font-size: 14px; color: #fff; display: block; }
.header-down-menu ul li a:hover,.header-down-menu ul li a.on{ background-color: #0068b0; }


.banner{  }
.banner #banner{}
.banner #banner img{ width: 100%; display: block; }
.banner #banner #banner-hd{ bottom: 36px; }
.banner #banner #banner-hd .swiper-pagination-bullet{ width: 40px; height: 3px; margin: 0 10px; border-radius: 0; background: #fff; opacity: 1; }
.banner #banner #banner-hd .swiper-pagination-bullet-active{ background: #2495e4; }
.banner #banner #banner-pn{ position: absolute; top: 50%; right: 0; left: 0; height: 60px; margin-top: -30px; }
.banner #banner #banner-pn #banner-prev,.banner #banner #banner-pn #banner-next{ width: 32px; height: 60px; background-color: rgba(255,255,255,.3); -moz-background-size: 12px 20px; -webkit-background-size: 12px 20px; background-size: 12px 20px; margin-top: -30px; }
.banner #banner #banner-pn #banner-prev{ left: -17px; }
.banner #banner #banner-pn #banner-next{ right: -17px; }


.logy{ padding: 40px 0; background-color: #fff; }
.logy .blue1{ background-color: #2495e4; }
.logy .blue2{ background-color: #1682cd; }
.logy .blue3{ background-color: #147ac1; }
.logy .logys{ width: 100%; height: 250px; }
.logy .logys .loname{ width: 100%; height: 121px; padding: 58px 0 0 0; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.logy .logys .loname h1{ height: 63px; line-height: 63px; padding-right: 15px; font-family: 'Arial'; font-size: 80px; color: #fff; }
.logy .logys .loname h1.name1{ padding-left: 55px; }
.logy .logys .loname h1.name2{ padding-left: 10px; }
.logy .logys .loname h1.name3{ padding-left: 35px; }
.logy .logys .loname h1 sub{ font-family: '微软雅黑'; font-size: 14px; }
.logy .logys .loname div{ height: 63px; text-align: left; color: #fff; }
.logy .logys .loname div h2{ width: 100%; line-height: 27px; font-size: 18px; display: block; }
.logy .logys .loname div h3{ width: 100%; line-height: 21px; font-family: 'Arial'; font-size: 12px; text-transform: uppercase; display: block; }
.logy .logys .loname div h4{ width: 181px; height: 1px; margin: 14px 0 0 0; background-color: #fff; display: block; }
.logy .logys .loico{ width: 100%; height: 129px; background-repeat: no-repeat; background-position: center 30px; }
.logy .logys .loico1{ background-image: url(../images/loico1.png); }
.logy .logys .loico2{ background-image: url(../images/loico2.png); }
.logy .logys .loico3{ background-image: url(../images/loico3.png); }

.new{ padding: 68px 0; background-color: #f0f4f7;  }
.newimg { position: relative; width: 100%; overflow: hidden; }
.newimg .newpic img { width: 100%; display: block; }
.newimg .newbg { position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 36px; background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.newimg .newtxt { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; width: 100%; height: 36px; overflow: hidden; }
.newimg .newtxt li{ position: absolute; bottom: -36px; height: 36px; line-height: 36px; }
.newimg .newtxt li a{ width: 120px; height: 36px; line-height: 36px; padding: 0 0 0 15px; font-size: 14px; color: white; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newimg .newnum { position: absolute; bottom: 15px; right: 12px; z-index: 3; }
.newimg .newnum li{ position: relative; width: 8px; height: 8px; float: left; margin-left: 5px; cursor: pointer; }
.newimg .newnum li a,
.newimg .newnum li span { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; border-radius: 100%; display: block; }
.newimg .newnum li span { z-index: 1; background: #fff; }
.newimg .newnum li.on a,
.newimg .newnum a:hover{ background: #1682cd;  }
.news{  }
.news-title{ width: 100%; height: 25px; margin-bottom: 16px; }
.news-title h1{ line-height: 25px; font-size: 18px; color: #147ac2; float: left; display: block; font-weight: bold; }
.news-title a{ line-height: 25px; font-family: Arial; font-size: 12px; color: #7e7e7e; text-transform: capitalize; text-decoration: underline; float: right; display: block; }
.news-title a:hover{ color: #2495e4; }
.news ul{  }
.news ul li{ width: 100%; height: 44px; }
.news ul li a{ display: block; overflow: hidden; }
.news ul li a i{ width: 20px; height: 44px; background: url(../images/newsi.png) no-repeat center 18px; float: left; display: block; }
.news ul li a p{ width: 70%; height: 44px; line-height: 44px; font-size: 14px; color: #363636; float: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news ul li a span{ width: 72px; line-height: 44px; font-size: 12px; color: #adadad; float: right; display: block; }
.news ul li a:hover{ background-color: #2495e4; }
.news ul li a:hover i{ background: url(../images/newsis.png) no-repeat center 18px; }
.news ul li a:hover p{ color: #fff; }
.news ul li a:hover span{ color: #fff; }
 

.info{ padding: 68px 0; background-color: #fff; }


.about{ width: 100%; height: 535px; padding: 62px 0 50px 0; background: url(../images/aboutbg.jpg) no-repeat 50% 0;  }
.abouts{ width: 828px; height: 423px; padding: 53px; box-shadow: 2px 0 30px rgba(191,191,191,.75); background-color: #fff; float: right; }
.abouts-title{ height: 45px; margin: 22px 0; }
.abouts-title h1{ line-height: 27px; font-size: 18px; color: #565656; display: block; }
.abouts-title h2{ line-height: 18px; font-family: Arial; font-size: 14px; color: #b5b5b5; text-transform: uppercase; display: block; }
.aboutss{ padding: 12px 0 0 0; }
.aboutss p{ line-height: 28px; font-size: 16px; color: #666; text-indent: 2em; text-align: justify; display: block; }
.aboutss a{ width: 176px; height: 37px; line-height: 37px; text-align: center; font-size: 14px; color: #fff; margin: 52px 0 0 0; background-color: #434343; display: block; }


.case{ padding: 68px 0; }
.case-title{ width: 100%; height: 45px; }
.case-title span{ float: left; display: block; }
.case-title span h1{ line-height: 27px; font-size: 22px; color: #444; display: block; }
.case-title span h2{ line-height: 18px; font-family: Arial; font-size: 12px; color: #c4c4c4; text-transform: uppercase; display: block; }
.case-title a{ line-height: 45px; font-family: Arial; font-size: 12px; color: #7e7e7e; text-decoration: underline; text-transform: capitalize; float: right; display: block; }
.case-title a:hover{ color: #2495e4; }
.cases{}
.cases #case{ padding: 32px 0 56px 0; }
.cases #case .casename{ position: relative; z-index: 1; }
.cases #case .casename img{ width: 100%; border-radius: 3px; display: block; }
.cases #case .casename a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; width: 100%; height: 100%; border-radius: 3px; background-color: rgba(0,0,0,.5); background-image: url(../images/casename.png); background-repeat: no-repeat; background-position: center center; display: none; }
.cases #case .casename:hover a{ display: block; }
.cases #case h1{ width: 100%; height: 47px; line-height: 46px; font-size: 16px; color: #484848; border-bottom: 1px solid #dcdcdc; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cases #case p{ height: 48px; line-height: 24px; font-size: 14px; color: #878787; margin: 7px 0; display: block; overflow: hidden; }
.cases #case #case-hd{ bottom: 0; }
.cases #case #case-hd .swiper-pagination-bullet{ width: 10px; height: 10px; border: 1px solid #aeaeae; background: #fff; opacity: 1; }
.cases #case #case-hd .swiper-pagination-bullet-active{ background: #2495e4; border: 0; }


.footer{ background-color: #252525; }
.botter{ width: 100%; height: 306px; padding: 45px 0 0 0; border-bottom: 1px solid #121212; }
.online{ width: 312px; float: left; }
.online h1{ line-height: 40px; margin-bottom: 8px; font-size: 16px; color: #e0e0e0; display: block; }
.online .input{ width: 100%; height: 30px; padding:0 12px; line-height: 28px; font-size: 12px; color: #8f9091; border: 1px solid #535353; outline: none; background-color: #252525; margin-bottom: 8px; display: block; }
.online .textarea{ width: 100%; height: 74px; padding:0 12px; line-height: 24px; font-size: 12px; color: #8f9091; border: 1px solid #535353; outline: none; background-color: #252525; margin-bottom: 8px; display: block; }
.online .submit{ width: 100%; height: 33px; font-size: 14px; color: #fff; border: 0; outline: none; background-color: #2495e4; cursor: pointer;  }
.nav{ float: right; }
.nav dl{ float: left; margin: 0 0 0 58px; }
.nav dl dt{ height: 40px; margin-bottom: 8px; }
.nav dl dt a{ line-height: 40px; font-size: 16px; color: #e0e0e0; display: block; }
.nav dl dt a:hover{ color: #2495e4; }
.nav dl dd{ height: 22px; }
.nav dl dd a{ line-height: 22px; font-size: 12px; color: #909090; display: block; }
.nav dl dd a:hover{ color: #2495e4; }
.coryright{ width: 100%; height: 46px; padding: 10px 0; border-top: 1px solid #3c3c3c; }
.coryright p{ line-height: 25px; font-size: 12px; color: #909090; display: block; }
.coryright a{ width: 25px; height: 25px; border-radius: 3px; background-color: #474747; background-repeat: no-repeat; background-position: center center; margin: 0 0 0 10px; float: right; display: block; }
.coryright a.qq{ background-image: url(../images/qq.png); }
.coryright a.wechat{ background-image: url(../images/wechat.png); }
.coryright a.sina{ background-image: url(../images/sina.png); }
.coryright a:hover{ background-color: #2495e4; }


.floating{ position: fixed; top: 50%;; right: 50%; z-index: 1030; width: 71px; height: 436px; margin: -218px -698px 0 0; }
.floating a{ width: 71px; margin-bottom: 4px; background-repeat: no-repeat; background-position: center; display: block; }
.floating a.floating1{ height: 119px; background-image: url(../images/floating1.jpg); }
.floating a.floating2{ height: 75px; background-image: url(../images/floating2.jpg); }
.floating a.floating3{ height: 75px; background-image: url(../images/floating3.jpg); }
.floating a.floating4{ height: 75px; background-image: url(../images/floating4.jpg); }
.floating a.floating5{ height: 75px; background-image: url(../images/floating5.jpg); }


.location{ width: 100%; height: 60px; border-bottom: 1px solid #e0e0e0; }
.locations{ width: 100%; height: 59px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.locations .locationss{ height: 59px; border-left: 1px solid #e0e0e0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.locations .locationss:last-child{ border-right: 1px solid #e0e0e0;  }
.locations .locationss a{ line-height: 58px; font-size: 14px; color: #999; display: block; }
.locations .locationss a:hover,
.locations .locationss a.on{ line-height: 58px; color: #1682cd; border-bottom: 2px solid #1682cd; }


.padding64{ padding: 64px 0; }


.us p{ line-height: 34px; font-size: 16px; color: #666; text-align: justify; text-indent: 2em; display: block; }
.us img{ margin: 20px auto; display: block; }


.History img{ width: auto; margin: 0 auto; display: block; }


.culture img{ width: auto; margin: 0 auto; display: block; }


.businesss{ overflow: hidden; }
.businesss ul li{ width: 33.33333333%; float: left; }
.businesss ul li a{ border: 1px solid #1682cd; margin: 0 10px; display: block; }
.businesss ul li a img{ width: 100%; display: block; }
.businesss ul li p{ margin: 0 10px; text-align: center; line-height: 50px; font-size: 14px; color: #666666; display: block; }


.pager span, .pager a{ padding: 0 5px; margin: 0 5px; font-size: 14px; color: #666; }
.pager a:hover{ color: #1682cd; }


.groups{ padding-bottom: 20px; }
.groups ul li{ height: 42px; margin-bottom: 18px; border-bottom: 1px dashed #999; }
.groups ul li a{ display: block; }
.groups ul li a i{ width: 7px; height: 7px; border-radius: 7px; background-color: #1682cd; margin: 17px 10px; float: left; display: block; }
.groups ul li a p{ width: 80%; height: 41px; line-height: 41px; font-size: 16px; color: #333; float: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrapl; }
.groups ul li a span{ line-height: 41px; padding-right: 20px; font-size: 14px; color: #999; float: right; display: block; }
.groups ul li a:hover p{ color: #1682cd; }
.groups ul li a:hover span{ color: #1682cd; }

.groupss{}
.groupss-title{ height: 72px; margin-bottom: 28px; border-bottom: 1px solid #999;  }
.groupss-title h1{ height: 42px; line-height: 42px; text-align: center; font-size: 24px; color: #000; display: block; }
.groupsss{ padding: 10px; line-height: 34px; font-size: 16px; color: #666; text-align: justify; }
.groupsss p{ line-height: 34px; font-size: 16px; color: #666; text-align: justify; text-indent: 2em; display: block; }
.groupsss img{ width: auto; margin: 20px auto; display: block; }


.product-title{ height: 60px; text-align: center; margin-bottom: 42px; }
.product-title h1{ line-height: 38px; font-size: 27px; color: #000000; display: block; }
.product-title h2{ line-height: 22px; font-size: 12px; color: #6b6b6b; display: block; }
.productlist{ overflow: hidden; }
.productlist ul li{ width: 378px; float: left; margin: 0 33px 40px 0; }
.productlist ul li:nth-child(3n){ margin-right: 0; }
.productlist ul li .casename{ position: relative; z-index: 1; }
.productlist ul li .casename img{ width: 100%; border-radius: 3px; display: block; }
.productlist ul li .casename a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; width: 100%; height: 100%; border-radius: 3px; background-color: rgba(0,0,0,.5); background-image: url(../images/casename.png); background-repeat: no-repeat; background-position: center center; display: none; }
.productlist ul li .casename:hover a{ display: block; }
.productlist ul li h1{ width: 100%; height: 47px; line-height: 46px; font-size: 16px; color: #484848; border-bottom: 1px solid #dcdcdc; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.productlist ul li p{ height: 48px; line-height: 24px; font-size: 12px; color: #878787; margin: 7px 0; display: block; overflow: hidden; }
.productlist ul li:hover h1{ border-bottom: 1px solid #2495e4; }

.products-title{ width: 100%; height: 64px; margin-bottom: 20px; background-color: #1682cd;  }
.products-title h1{ padding: 0 30px; line-height: 64px; letter-spacing: 2px;placard padding: 0 30px; font-size: 24px; font-weight: bold; color: #fff; display: block; }
.products{ border-bottom: 1px solid #1682cd; margin-bottom: 20px; overflow: hidden; }
.products ul li{ width: 388px; float: left; margin: 0 18px 18px 0; }
.products ul li:nth-child(3n){ margin-right: 0; }
.products ul li a{ display: block; }
.products ul li a img{ width: 100%; display: block; }
.productsdemo{ padding: 10px; line-height: 34px; font-size: 16px; color: #505050; }
.productsdemo h1{ line-height: 36px; font-weight: bold; color: #1682cd; }
.productsdemo p{ line-height: 32px; font-size: 14px; }

.job{ padding-bottom: 30px; border-bottom: 1px solid #999; }
.job h1{ line-height: 36px; font-size: 16px; font-weight: bold; color: #333; text-align: justify; text-indent: 2em; display: block; }
.jobs{ padding: 50px 0 0 0;}
.jobs h1{ line-height: 50px; font-size: 28px; font-weight: bold; font-style: italic; color: #1682cd; display: block; }
.jobs h2{ line-height: 50px; font-size: 16px; font-weight: bold; color: #666; display: block; }
.jobs h2 a{ color: #000; }

.joc{ background-color: #f8f8f8; overflow: hidden; }
.jc{ border: 1px solid #e5e5e5; background-color: #fff; margin: 0 20px; }
.jct{ width: 100%; height: 56px; background: url(../images/jc.jpg) repeat-x; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.jct p{ line-height: 56px; font-size: 14px; color: #333; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;}
.jcm{ width: 100%; height: 56px; border-bottom: 1px solid #e5e5e5; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.jcm p{ line-height: 56px; font-size: 14px; color: #333; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.jcm a{ color: #333; }
.jcm a:hover{ color: #1682cd; }
.jcm:last-child{ border-bottom: 0; }

.iservicess{ padding: 10px; display: none; }
.iservicess h5{ line-height: 28px; font-size: 16px; font-weight: bold; color: #333; display: block; }
.iservicess p{ line-height: 22px; font-size: 14px; color: #666; display: block; }
.iservicess p a{ color: #666; }
.iservicess p a:hover{ color: #fe0301; }


.contact{ background-color: #f8f8f8; }
.contacts{ text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.contacts .map{ height: 176px; margin: 5px; background-color: #fff; border-radius: 5px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;  }
.contacts .map a{ display: block; }
.contacts .map a i{ width: 100%; height: 108px; background-repeat: no-repeat; background-position: center 34px; display: block; }
.contacts .map a i.map1{ background-image: url(../images/map1.png); }
.contacts .map a i.map2{ background-image: url(../images/map2.png); }
.contacts .map a i.map3{ background-image: url(../images/map3.png); }
.contacts .map a i.map4{ background-image: url(../images/map4.png); }
.contacts .map a p{ line-height: 22px; text-align: center; font-size: 14px; color: #666; display: block; }

.site{ padding: 36px 0 0 0; }
.site img{ width: 100%; display: block; }

.range{  }
.range ul li{ padding: 40px 0; border-bottom: 1px solid #e5e5e5; overflow: hidden; }
.range ul li a{ display: block; }
.range ul li a i{ width: 140px; height: 100px; margin: 0 40px 0 0; background-color: #1682cd; background-repeat: no-repeat; background-position: center center; float: left; display: block; }
.range ul li a i.range1{ background-image: url(../images/range1.png); }
.range ul li a i.range2{ background-image: url(../images/range2.png); }
.range ul li a i.range3{ background-image: url(../images/range3.png); }
.range ul li a i.range4{ background-image: url(../images/range4.png); }
.range ul li a i.range5{ background-image: url(../images/range5.png); }
.range ul li a i.range6{ background-image: url(../images/range6.png); }
.range ul li a i.range7{ background-image: url(../images/range7.png); }
.range ul li a span{ width: 930px; float: left; display: block; }
.range ul li a span h1{ height: 100px; line-height: 100px; font-size: 16px; color: #313131; display: block; overflow: hidden; }
.range ul li a span p{ height: 96px; line-height: 32px; font-size: 14px; color: #999; display: block; overflow: hidden; }

.onlines{ width: 600px; margin: 0 auto; }
.onlines ul li{ min-height: 38px; margin-bottom: 30px; overflow: hidden; }
.onlines ul li h1{ width: 108px; height: 38px; line-height: 38px; padding-right: 20px; text-align: right; font-size: 16px; color: #333; float: left; display: block; }
.onlines ul li .oinput{ width: 486px; height: 38px; border: 1px solid #cecece; outline: none; background-color: #fff; padding: 0 10px; line-height: 36px; font-size: 14px; color: #333; display: block; }
.onlines ul li .otextarea{ width: 486px; height: 200px; border: 1px solid #cecece; outline: none; background-color: #fff;padding: 0 10px; line-height: 36px; font-size: 14px; color: #333; display: block; }
.onlines ul li .osubmit{ width: auto; height: 32px; font-size: 14px; color: #999; padding: 0 30px; margin: 0 30px 0 0; border: 0; border-radius: 15px; outline: none; background-color: #eee; cursor: pointer; }
.onlines ul li .osubmit:hover{ background-color: #1682cd; color: #fff; }

@media (max-width: 1280px) { 
	.header{ height: auto; }
	.header-up{ height: 90px; }
	.header-up-logo{ height: 90px; }
	.header-up-search{ margin: 24px 0 25px 0; }
	.header-down{ height: 50px; }
	.header-down-menu{ height: 50px; }
	.header-down-menu ul li{ height: 50px; }
	.header-down-menu ul li a{ line-height: 50px; }
	.logy{ padding: 32px 0; }
	.logy .logys{ height: 200px; }
	.logy .logys .loname{ height: 100px; padding: 30px 0 0 0; }
	.logy .logys .loname h1{ height: 70px; padding-right: 10px; line-height: 70px; font-size: 56px; }
	.logy .logys .loname h1 sub{ font-size: 12px; }
	.logy .logys .loname h1.name1{ padding-left: 30px; }
	.logy .logys .loname h1.name2{ padding-left: 0; }
	.logy .logys .loname h1.name3{ padding-left: 15px; }
	.logy .logys .loname div{ height: 70px; }
	.logy .logys .loname div h2{ line-height: 36px; font-size: 16px; }
	.logy .logys .loname div h3{ height: 24px; line-height: 24px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: normal; }
	.logy .logys .loname div h4{ width: 161px; margin: 9px 0 0 0; }
	.logy .logys .loico{ height: 100px; background-position: center 20px; }
	.new{ padding: 50px 0; }
	.news-title{ margin-bottom: 7px; }
	.news-title h1{ font-size: 16px; }
	.news ul li{ height: 34px; }
	.news ul li a i{ height: 34px; background: url(../images/newsi.png) no-repeat center center; }
	.news ul li a p{ width: 65%; height: 34px; line-height: 34px; }
	.news ul li a span{ line-height: 34px; }
	.news ul li a:hover i{ background: url(../images/newsis.png) no-repeat center center; }
	.info{ padding: 50px 0; }
	.abouts{ width: 800px; height: 420px; padding: 50px; }
	.aboutss p{ font-size: 14px; }
	.case{ padding: 50px 0; }
	.case-title span h1{ font-size: 20px; }
	.cases #case{ padding: 30px 0 50px 0; }
	.botter{ height: 300px; padding: 30px 0 0 0; }
	.online{ width: 300px; }
	.nav dl{ margin: 0 0 0 30px; }
	.nav dl dt a{ font-size: 14px; font-weight: 100; }
	.floating{ margin-right: -550px; }
	.padding64{ padding: 48px 0; }
	.us p{ line-height: 32px; font-size: 14px; }
	.businesss ul li p{ margin: 0 10px 10px 10px; font-size: 12px; }
	.culture img{ width: 100%; }
	.product-title{ margin-bottom: 36px; }
	.productlist ul li{ width: 300px; margin: 0 20px 20px 0; }
	.productlist ul li h1{ height: 41px; line-height: 40px; font-size: 14px; }
	.productlist ul li p{ margin: 5px 0; height: 40px; line-height: 20px; }
	.products-title{ height: 50px; }
	.products-title h1{ padding: 0 20px; line-height: 50px; font-size: 20px; }
	.products ul li{ width: 300px; margin: 0 20px 20px 0; }
	.site{ padding: 30px 0 0 0; }
	.groups ul li{ margin-bottom: 12px; }
	.groups ul li a p{ font-size: 14px; }
	.groupss-title{ height: 64px; margin-bottom: 20px; }
	.groupss-title h1{ font-size: 20px; }
	.groupsss p{ line-height: 32px; font-size: 14px; }
	
	.range ul li{ padding: 25px 0; }
	.range ul li a span{ width: 710px; }
}


@media (max-width: 992px) { 
	.header-up{ height: 80px; }
	.header-up-logo{ width: 100%; height: 80px; background-size: 100% auto; }
	.header-up-search{ width: 280px; height: 36px; margin: 22px 0; border-width: 1px; }
	.header-up-search-text{ width: 220px; height: 34px; line-height: 34px; padding: 0 10px; font-size: 12px; }
	.header-up-search-go{ width: 58px; height: 34px; padding: 0; font-weight: 100; }
	.header-down{ height: 42px; }
	.header-down-menu{ height: 42px; }
	.header-down-menu ul li{ height: 42px; }
	.header-down-menu ul li a{ line-height: 42px; font-size: 12px; }
	.banner #banner #banner-hd{ bottom: 12px; }
	.banner #banner #banner-pn{ height: 48px; margin-top: -24px; }
	.banner #banner #banner-pn #banner-prev, .banner #banner #banner-pn #banner-next{ width: 30px; height: 48px; top: 0; margin-top: 0; }
	.banner #banner #banner-pn #banner-prev{ left: 0; }
	.banner #banner #banner-pn #banner-next{ right: 0; }
	
	.logy .logys{ height: 160px; }
	.logy .logys .loname{ height: 80px; padding: 20px 0 0 0; }
	.logy .logys .loname h1{ height: 60px; line-height: 60px; font-size: 40px; }
	.logy .logys .loname h1 sub{ font-size: 12px; }
	.logy .logys .loname h1.name1{ padding-left: 20px; }
	.logy .logys .loname h1.name3{ padding-left: 10px; }
	.logy .logys .loname div{ height: 60px; }
	.logy .logys .loname div h2{ line-height: 30px; font-size: 14px; }
	.logy .logys .loname div h3{ height: 20px; line-height: 20px; }
	.logy .logys .loname div h4{ width: 121px; margin: 8px 0 0 0; }
	.logy .logys .loico{ height: 80px; background-size: auto 50%; }
	
	.new{ padding: 32px 0; }
	.newimg .newtxt li a{ padding: 0 0 0 10px; font-size: 12px; }
	.news-title{ height: 24px; margin-bottom: 0; }
	.news-title h1{ line-height: 24px; font-size: 14px; }
	.news-title a{ line-height: 24px; }
	.news ul li{ height: 26px; }
	.news ul li a{ padding: 0 2px; }
	.news ul li a i{ width: 12px; height: 26px; background: url(../images/newsi.png) no-repeat left center; display: none; }
	.news ul li a p{ width: 60%; height: 26px; line-height: 26px; font-size: 12px; }
	.news ul li a span{ width: auto; line-height: 26px; }
	.news ul li a:hover i{ background: url(../images/newsis.png) no-repeat left center; }
	
	.info{ padding: 32px 0; }
	
	.about{ height: 360px; padding: 50px 0; }
	.abouts{ width: 500px; height: 260px; padding: 24px; }
	.abouts-title{ margin: 0; }
	.abouts-title h1{ font-size: 16px; }
	.abouts-title h2{ font-size: 12px; }
	.aboutss{ padding: 10px 0 0 0; }
	.aboutss p{ line-height: 24px; font-size: 12px; }
	.aboutss a{ width: 128px; height: 30px; line-height: 30px; letter-spacing: 1px; font-size: 12px; margin: 10px 0 0 0; }

	.case{ padding: 32px 0; }
	.case-title span h1{ font-size: 16px; }
	.cases #case{ padding: 20px 0 40px 0; }
	.cases #case h1{ height: 40px; line-height: 40px; font-size: 14px; }
	.cases #case p{ height: 60px; line-height: 20px; margin: 5px 0; font-size: 12px; }
	
	.botter{ height: 250px; padding: 25px 0 0 0; }
	.online{ width: 220px; }
	.online h1{ line-height: 32px; font-size: 14px; margin-bottom: 5px; }
	.online .input{ height: 28px; line-height: 26px; padding: 0 10px; margin-bottom: 5px; }
	.online .textarea{ height: 62px; line-height: 20px; padding: 0 10px; margin-bottom: 5px; }
	.online .submit{ height: 30px; font-size: 12px; }
	.nav dl{ margin: 0 0 0 15px; }
	.nav dl dt{ height: 32px; margin-bottom: 5px; }
	.nav dl dt a{ line-height: 32px; }
	.nav dl dd{ height: 24px; }
	.nav dl dd a{ line-height: 24px; }
	
	.floating{ width: 52px; height: 318px; margin-top: -159px; margin-right: -442px; }
	.floating a{ width: 52px; margin-bottom: 2px; background-size: cover; }
	.floating a.floating1{ height: 87px; }
	.floating a.floating2{ height: 55px; }
	.floating a.floating3{ height: 55px; }
	.floating a.floating4{ height: 55px; }
	.floating a.floating5{ height: 55px; }
	
	.location{ height: 50px; }
	.locations{ height: 49px; }
	.locations .locationss{ height: 49px; }
	.locations .locationss a{ line-height: 48px; }
	.locations .locationss a:hover, .locations .locationss a.on{ line-height: 48px; }
	
	.padding64{ padding: 32px 0; }
	.us p{ line-height: 26px; font-size: 12px; }
	.us img{ margin: 10px auto; }
	.businesss ul li p{ margin: 0 15px 10px 15px; height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.pager span, .pager a{ font-size: 12px; }
	.History img{ width: 70%; }
	.product-title{ margin-bottom: 24px; }
	.product-title h1{ font-size: 22px; }
	.productlist ul li{ width: 233px; margin: 0 10px 10px 0; }
	.productlist ul li h1{ height: 34px; line-height: 34px; }
	.productlist ul li p{ height: 60px; }
	.products-title{ height: 40px; }
	.products-title h1{ line-height: 40px; font-size: 16px; }
	.products ul li{ width: 226px; }
	.productsdemo{ padding: 0 5px; line-height: 28px; font-size: 14px; }  
	.productsdemo h1{ line-height: 30px; }
	.productsdemo p{ line-height: 28px; font-size: 12px; }

	.contacts .map{ height: 164px; }
	.contacts .map a i{ height: 96px; background-position: center 36px; background-size: auto 40%; }
	.contacts .map a p{ padding: 0 5px; line-height: 20px; font-size: 12px; }
	.site{ padding: 20px 0 0 0; }
	.groups{ padding-bottom: 10px; }
	.groups ul li{ margin-bottom: 5px; }
	.groups ul li a p{ font-size: 12px; }
	.groups ul li a span{font-size: 12px; padding-right: 10px; }
	
	.groupss-title{ height: 52px; margin-bottom: 10px; }
	.groupss-title h1{ font-size: 18px; }
	.groupsss{ padding: 5px; line-height: 26px; font-size: 14px; }
	.groupsss p{ line-height: 26px; font-size: 12px;  }
	.groupsss img{ width: 100%; margin: 10px auto;  }

	
	.job{ padding-bottom: 20px; }
	.job h1{ line-height: 30px; font-size: 14px; }
	.jobs{ padding: 32px 0 0 0; }
	.jobs h1{ line-height: 40px; font-size: 20px; }
	.jobs h2{ line-height: 32px; font-size: 14px; }
	.jc{ margin: 0; }
	.jct{ height: 42px; }
	.jct p{ line-height: 42px; font-size: 12px; }
	.jcm{ height: 42px; }
	.jcm p{line-height: 42px; font-size: 12px; }
	.iservicess h5{ font-size: 14px; }
	.iservicess p{ line-height: 24px; font-size: 12px; }

	.range ul li{ padding: 20px 0; }
	.range ul li a i{ margin: 0 20px 0 0; }
	.range ul li a span{ width: 510px; }
}

@media (max-width: 640px) { 
	.header-up{ height: auto; }
	.header-up-logo{ height: 64px; }
	.header-up-search{ width: 100%; height: 32px; margin: 0 0 8px 0; }
	.header-up-search-text{ width: 75%; height: 30px; line-height: 30px; }
	.header-up-search-go{ width: 25%; height: 30px; }
	.header-down{ height: auto; }
	.header-down-menu{ height: auto; }
	.header-down-menu ul li{ width: 25%; height: 30px; }
	.header-down-menu ul li a{ line-height: 30px; }
	.banner #banner #banner-hd{ bottom: 5px; }
	.banner #banner #banner-hd .swiper-pagination-bullet{ widows: 20px; height: 2px; margin: 0 5px; }
	.banner #banner #banner-pn{ display: none; }
	.logy{ padding: 15px 0; }
	.logy .logys .loname h1.name2{ padding-left: 5px; }
	.new{ padding: 15px 0; }
	.news{ padding: 15px 0 0 0; }  
	.info{ padding: 0 0 15px 0; } 
	
	.about{ height: 428px; background-position: -100px top; }
	.abouts{ width: auto; height: 328px; padding: 20px; }
	
	.case{ padding: 24px 0; }
	
	.botter{ height: auto; padding: 15px 0 0 0; }
	.online{ width: 100%; }
	.nav{ margin: 0 0 10px 0; }
	.nav dl{ width: 25%; margin: 0; text-align: center; }
	.nav dl dt{ height: 24px; margin: 5px 0 0 0; }
	.nav dl dt a{ line-height: 24px; font-size: 12px; }
	.nav dl dd{ display: none; }
	.coryright{ height: auto; text-align: center; }
	.coryright p{ line-height: 20px; }
	.coryright a{ margin: 10px 5px 0 5px; }
	.link{ width: 105px; height: 35px; margin: 0 auto; }
	
	.location{ height: 42px; }
	.locations{ height: 41px; }
	.locations .locationss{ height: 41px; }
	.locations .locationss a{ line-height: 40px; font-size: 12px; }
	.locations .locationss a:hover, .locations .locationss a.on{ line-height: 40px; }
	.padding64{ padding: 15px 0; }
	.businesss ul li{ width: 100%; float: none; }
	.businesss ul li a{ margin: 0; }
	.pager{ margin: 10px 0; }
	.pager span, .pager a{ padding: 0 2px; margin: 0 2px; }
	.History img{ width: 100%; }
	.product-title{ height: auto; margin-bottom: 10px; }
	.product-title h1{ line-height: 32px; font-size: 20px; }
	.productlist ul li{ width: 100%; float: none; margin-right: 0; }
	
	.products-title{ height: 36px; margin-bottom: 15px; }
	.products-title h1{ padding: 0 10px; line-height: 36px; font-size: 14px; letter-spacing: 1px; }
	.products{ margin: 0 0 15px 0; }
	.products ul li{ width: 100%; float: none; margin-right: 0; margin-bottom: 15px; }
	.productsdemo p{ line-height: 24px; }
	.contacts{ display: block; }
	.contacts .map{  }
	.site{ padding: 10px 0 0 0; }
	.groups{ padding-bottom: 5px; }
	.groups ul li a i{ margin: 17px 5px; }
	.groups ul li a p{ width: 60%; white-space: normal; }
	.groups ul li a span{ padding-right: 5px; }
	
	.groupss-title h1{ height: 42px; line-height: 21px; font-size: 14px; }
	.job h1{ line-height: 26px; }
	.jobs{ padding: 20px 0 0 0; }
	.jobs h1{ line-height: 32px; font-size: 18px; }
	.jobs h2{ line-height: 26px; font-size: 12px; }
	
	.jct p:nth-child(4),
	.jct p:nth-child(5){ display: none; }
	.jcm p:nth-child(4),
	.jcm p:nth-child(5){ display: none; }
	.iservicess{ padding: 0; }
	.floating{ display: none; }
	
	.range ul li{ padding: 15px 0; }
	.range ul li a i{ width: 100%; height: 120px; margin: 0; float: none; }
	.range ul li a span{ width: 100%; margin-top: 10px; }
	.range ul li a span h1{ height: 30px; line-height: 30px; margin: 0; text-overflow: ellipsis; white-space: nowrap;  }
	.range ul li a span p{ height: auto; line-height: 24px; font-size: 12px; }
	
	.us img{ width: 100%; }
	
	.onlines{ width: 100%; }
	.onlines ul li{ min-height: 32px; margin-bottom: 10px; }
	.onlines ul li h1{ width: 20%; height: 32px; line-height: 32px; padding: 0; text-align: left; font-size: 12px;  }
	.onlines ul li .oinput{ width: 80%; height: 32px; border: 1px solid #cecece; line-height: 30px; font-size: 12px; }
	.onlines ul li .otextarea{ width: 80%; height: 92px; border: 1px solid #cecece; line-height: 30px; font-size: 12px; }
	.onlines ul li .osubmit{ width: 100px; height: 30px; font-size: 12px; padding: 0; margin: 0 10px 0 0; border-radius: 12px;}

}