.center{ overflow: hidden; }
.index{ background-color: #fff; }
.title{ width: 422px; height: 75px; margin: 40px auto 24px auto; }
.title span{ position: relative; width: 100%; height: 53px; line-height: 53px; letter-spacing: 5px; text-align: center; font-size: 36px; color: #394346; display: block; }
.title span:before,
.title span:after{ content: ""; position: absolute; left: 0; top: 26px; width: 28%; height: 1px; background-color: #394346;  }
.title span:after{ left: auto; right: 0; }
.title p{ width: 100%; height: 22px; text-align: center; line-height: 22px; letter-spacing: 2px; font-size: 12px; color: #515151; display: block; }
.piclist{margin:0 auto; overflow: hidden; }
.piclist .parHd{ width: 1200px;  height: 42px; margin:0 auto;text-align:center; }
.piclist .parHd ul li{ margin:0 auto; text-align:center; padding-left:10px; padding-right:10px; height: 42px; line-height: 42px; text-align: center; font-size: 18px; color: #444; margin: 0 18px; border-radius: 2px; background-color: #eee; float:left; cursor:pointer; }
.piclist .parHd ul li a{color: #444;}
.piclist .parHd ul li.on{ background-color: #0191df; color: #fff; }
.piclist .parHd ul li.on a{ color:#FFFFFF;}
.piclist .slide{ position:relative; width: 100%; overflow: hidden; }
.piclist .parBd ul li{ margin:0 9px; float:left; padding: 56px 0; }
.piclist .parBd ul li a{ display: block; padding: 6px;border-radius: 6px; background-color: #eee; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; }
.piclist .parBd ul li a img{ width: 288px; display:block; }
.piclist .parBd ul li a p{ padding: 10px 0; margin: 0 15px; height: 38px; line-height: 38px; font-size: 14px; color: #444; display: block; background: url(../image/pcmore.png) no-repeat center right; overflow: hidden; }
.piclist .parBd ul li a:hover{ background-color: #8d9496; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); }
.piclist .parBd ul li a:hover p{ color: #fff; background: url(../image/pcmore-hover.png) no-repeat center right; }
.more{ width: 94px; text-align: center; margin: 0 auto; overflow: hidden; }
.more a{ height: 28px; line-height: 28px; font-size: 14px; color: #fff; background-color: #0191df; display: block; } 
.more img{ width: 18px; height: 20px; margin: 16px auto 0 auto; display: block; }

@media (max-width: 1680px){
    .piclist .parBd ul li{ margin:0 10px;}
    .piclist .parBd ul li a{ padding: 5px; }
    .piclist .parBd ul li a img{ width: 250px; }
}
@media (max-width: 1600px){
    .piclist .parBd ul li a img{ width: 236px; }
}
@media (max-width: 1440px){
    .piclist .parBd ul li{ margin: 0 5px; }
    .piclist .parBd ul li a img{ width: 220px; }
}
@media (max-width: 1366px){
    .piclist .parBd ul li a img{ width: 253px; }
}
@media (max-width: 1280px){
    .piclist .parBd ul li a img{ width: 236px; }
}
@media (max-width: 1200px){
    .piclist .parBd ul li a img{ width: 220px; }
}
@media (max-width: 1024px){
    .piclist .parBd ul li{ padding: 36px 0; }
    .piclist .parBd ul li a img{ width: 236px; }
}
.Us{ position: relative; top: 0; left: 50%; z-index: 0; width: 1920px; height: 730px; background: url(../image/Us.jpg) no-repeat center top; margin-left: -960px; }
.Usli{ position: absolute; top: 50%; left: 50%; width: 894px; height: 362px; padding: 10px; border: 2px solid #fff; margin: -193px 0 0 -458px;  }
.Uslist{ width: 894px; height: 362px; background-color: rgba(255, 255, 255, .7); }
.Uslist span{ width: 706px; height: 322px; padding: 20px; margin: 0 auto; display: block; }
.Uslist span h1{ height: 45px; line-height: 45px; text-align: center; font-size: 16px; font-weight: bold; color: #394346; display: block; }
.Uslist .sigj{line-height: 30px; font-size: 14px; color: #1f2324; text-align: justify; text-indent: 2em; display: block;} 

.Uslist span p{ line-height: 30px; font-size: 12px; color: #1f2324; text-align: justify; text-indent: 2em; display: block; }
.Uslist span a{ width: 85px; height: 26px; line-height: 26px; text-align: center; font-size: 12px; color: #fff; margin: 10px 0 0 0; float: right; display: block; background-color: #0191df; }
@media (max-width: 1024px){
    .Us{ width: 1000px; margin-left: -500px; }
    .Usli{ width: 706px; margin: -193px 0 0 -365px;  }
    .Uslist{ width: 706px; }
    .Uslist span{ width: 640px; }
}
.mb{ margin-bottom: 28px; }
.new{ width: 99%; margin: 0 auto; overflow: hidden; }
.news{ width: 50%; float: left; }
.newsli{ width: 98%; margin: 0 1%; }
.newslimg{ width: 100%; }
.newslimg a{ position: relative; display: block; }
.newslimg a img{ width: 100%; height: 514px; display: block; }
.newslimg a span{ position: absolute; bottom: 0; left: 0; z-index: 11; width: 92%; padding: 10px 4%; background-color: rgba(57, 67, 70, .8); display: block; }
.newslimg a span h1{ height: 30px; line-height: 30px; font-size: 18px; color: #fff; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.newslimg a span h1 em{ font-size: 14px; float: right; }
.newslimg a span p{ height: 48px; line-height: 24px; font-size: 12px; color: #fff; text-align: justify; display: block; overflow: hidden; }
.newslist{ width: 100%; }
.newslist ul li{ height: 70px; padding: 12px; margin: 0 0 11px 0; background-color: #eee; }
.newslist ul li a{ display: block; }
.newslist ul li a span{ width: 100px; height: 70px; line-height: 70px; text-align: center; font-family: 仿宋; font-size: 64px; color: #3e3d3d; border-right: 2px solid #b7b5b5; float: left; display: block; margin-right: 20px; }
.newslist ul li a h1{ height: 30px; line-height: 30px; font-size: 16px; color: #151515; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.newslist ul li a h1 i{ font-style: normal; font-size: 14px; color: #4f4d4d; float: right; }
.newslist ul li a p{ height: 40px; line-height: 20px; font-size: 12px; color: #444; display: block; overflow: hidden; }
.newslist ul li:hover{ background-color: #0191df; }
.newslist ul li:hover a span{ color: #fff; border-color: #fff; }
.newslist ul li:hover a h1{ color: #fff; }
.newslist ul li:hover a h1 i{ color: #fff; }
.newslist ul li:hover a p{ color: #fff; }
.wap-header{ padding: 0 15px; background-color: #fff; display: none; }
.wap-logo{ width: 149px; height: 50px; margin: 5px 0; display: block; }
.wap-logo img{ width: 100%; display: block; }
.wap-language{ padding: 10px 20px; height: 30px; border-bottom: 1px solid #f1f1f1; }
.wap-language a{ height: 30px; line-height: 30px; font-size: 16px; color: #394346; float: left; display: block; margin: 0 10px 0 0; }
@media (max-width: 1000px){/*
    .header{ display: none; }
    .piclist .parHd{ margin: 0 auto; }
    .wap-header{ display: block; }
    .news{ width: 100%; margin-bottom: 12px; }
    .newslimg a img{ height: auto; }
    .newslist ul li a span{ width: 82px; }
    .new{ width: auto; padding: 0 15px; }
    .botter{ width: 750px; }
    .botter dl.map{ width: 250px; }
    .botter dl.abp{ display: none; }
    .botter dl.onp{ width: 500px; }
    .botter dl.onp dd label .input{ width: 230px; }
    .botter dl.onp dd label .textarea{ width: 480px; }*/
    .copy{ width: 750px;}
}
@media (max-width: 767px){
    .title{ width: 100%; height: 57px; margin: 24px auto 12px auto; }
    .title span{ height: 37px; line-height: 37px; letter-spacing: 0; font-size: 24px; }
    .title span:before { top: 18px; }
    .title span:after{ top: 18px; }
    .title p{ height: 20px; line-height: 20px; letter-spacing: 0; }
    .piclist .parHd{ width: 200px; height: 30px; }
    .piclist .parHd ul li{ width: 90px; height: 30px; line-height: 30px; margin: 0 5px; font-size: 16px; }
    .piclist .parBd ul li{ padding: 24px 0; }
    .Us{ width: 100%; margin: 0; left: 0; }
    .Usli{ width: 300px; height: 496px; padding: 5px; margin: -255px 0 0 -156px; }
    .Uslist{ width: 100%; height: 496px; }
    .Uslist span{ width: 280px; height: 476px; padding: 10px; }
    .Uslist span h1{ height: 32px; line-height: 32px; }
    .Uslist span p{ line-height: 24px; }/*
    .new{ padding: 0 10px; }
    .newslimg a span h1{ height: 24px; line-height: 24px; font-size: 16px; }
    .newslimg a span p{ height: 40px; line-height: 20px; }
    .newslist ul li{ padding: 6px; margin: 0 0 10px 0; }
    .newslist ul li a span{ margin-right: 12px; }
    .botter{ width: 92%; margin: 0 auto; }
    .botter dl.map{ width: 100%; }
    .botter dl.map dt{ padding-top: 14px; }
    .botter dl.map dd{ padding: 5px 0; }
    .botter dl.map dd p{ height: 32px; line-height: 32px; }
    .botter dl.onp{ width: 100%; }
    .botter dl.onp dt{ margin: 0; padding-top: 10px; }
    .botter dl.onp dd{ padding: 5px 0; }
    .botter dl.onp dd label{ height: 33px; margin: 0 0 7px 0; overflow: hidden; }
    .botter dl.onp dd label .input{ width: 400px; }
    .botter dl.onp dd label .textarea{ width: 400px; }
    .botter dl.sop{ display: none; }*/
    .copy{ width: auto; height: auto; padding: 10px; text-align: center; }
    .copy p{ float: none; height: auto; line-height: 20px; }
}

.content{ background-color: #f2f3f7; }
.mid{ width: 1200px; margin: 0 auto; }
.locatin{ width: 100%; height: 49px; border-bottom: 1px solid #dcdcdc; }
.locatin span{ line-height: 50px; font-size: 14px; color: #878787; float: left; display: block; }
.locatin span a{ text-decoration:none;color: #878787;}
.locatin span a:hover{ color: #0191df;}

.locatin .search{ width: 202px; height: 30px; border: 1px solid #474444; border-radius: 8px; float: right; margin: 9px 0 0 0; }
.locatin .search .search-txt{ width: 132px; height: 20px; padding: 5px 10px; line-height: 20px; font-size: 14px; color: #878787; border: none; outline: none; background-color: transparent; float: left; }
.locatin .search .search-go{ width: 50px; height: 30px; border: none; outline: none; background: transparent url(../image/search-go.png) no-repeat center center; cursor: pointer; }
.for{ width: 100%; height: 68px; text-align: center; margin: 50px 0 0 0; }
.for h1{ height: 52px; line-height: 52px; font-size: 32px; font-weight: bold; color: #363636; display: block; }
.for h2{ width: 58px; height: 4px; background-color: #0191df; margin: 0 auto; display: block; }

.forlist{ width: 1562px; height: 54px; margin: 30px auto 14px auto; }
.forlist a{ width: 268px; height: 54px; line-height: 54px; font-size: 20px; color: #fff; background: url(../image/for.png) no-repeat; margin: 0 43px; float: left; display: block; }
.forlist a.for1{ width: 253px; padding: 0 0 0 15px; }
.forlist a.for2{ width: 224px; padding: 0 0 0 44px; }
.forlist a.for3{ width: 224px; padding: 0 0 0 44px; }
.forlist a.for4{ width: 224px; padding: 0 0 0 44px; }
.forlist a:hover,
.forlist a.on{ background: url(../image/forhover.png) no-repeat; }

.system{ width: 1740px; margin: 0 auto; overflow: hidden; }
.system ul li{ width: 50%; float: left; }
.system ul li a{ height: 238px; padding: 38px 112px; margin: 28px; background-color: #fff; display: block; }
.system ul li a img{ width: 267px; height: 238px; float: left; display: block; margin-right: 95px; }
.system ul li a h1{ position: relative; padding-left: 20px; height: 44px; line-height: 44px; font-size: 16px; font-weight: bold; color: #010101; display: block; overflow: hidden; }
.system ul li a h1:after{ position: absolute; top: 0; left: 0; line-height: 44px; font-family: 'icomoon'; speak: none; -webkit-font-smoothing: antialiased; content: "\e000"; color: #0191df; }
.system ul li a span{ width: 154px; height: 36px; line-height: 33px; font-size: 16px; color: #494949; text-align: center; background: url(../image/video.png) no-repeat; float: left; display: block; }
.system ul li a p{ line-height: 32px; font-size: 16px; color: #363636; display: block; }
.system ul li a:hover{ background-color: #0191df; }
.system ul li a:hover h1{ color: #fff; }
.system ul li a:hover h1:after{ color: #fff; }
.system ul li a:hover p{ color: #fff; }

.pager{ text-align: center; padding: 40px 0 50px 0; }
.pager a{ padding: 0 5px; margin: 0 5px; font-size: 14px; color: #848484; }
.pager span{ padding: 0 5px; margin: 0 5px; font-size: 14px; color: #848484; }

.contact{ width: 1200px; margin:0 auto; overflow: hidden; }/*
.contact img{ width: 100%; display: block; }*/

.series{ width:1200px; margin:0 auto;  overflow: hidden; font-size:14px; margin-top:20px; }
.sdome{ margin-bottom:20px; margin-top:20px;}

/*
.series img{ width: auto; margin: 10px auto; display: block; }*/

.catena{ margin-top: 55px; overflow: hidden; }
.catena-title{ height: 82px; text-align: center; line-height: 82px; font-size: 42px; font-weight: bold; color: #363636; display: block; }
.arrow{ width: 102px; height: 51px; margin: 0 auto 30px auto; }
.arrow a{ width: 51px; height: 51px; background: url(../image/arrow.jpg) no-repeat; float: left; display: block; }
.arrow a.last{ background-position: 0 0; }
.arrow a.naxt{ background-position: -51px 0; }

.catenas{ padding: 0 116px; overflow: hidden; }
.catenas img{ width: 100%; display: block; }

.about{ width:1200px; margin:0 auto; overflow: hidden; }

/*.about img{ width: 100%; display: block; }*/
.about h1{ height: 56px; line-height: 56px; text-align: center; font-size: 30px; color: #394346; display: block; margin-top: 20px; }
.about h2{ width: 482px; height: 4px; background-color: #0191df; display: block; margin: 0 auto 10px auto; }
.about h3{ height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #727272; display: block; }
.about h3 b{ color: #394346; }
.about p{ line-height: 36px; font-size: 18px; color: #5a5a5a; display: block; text-align: justify; text-indent: 2em; }
.about ul{ overflow: hidden; }
.about ul li{ width: 25%; float: left; }
.about ul li a{ margin: 3px; display: block; }
.about ul li a img{ width: 100%; display: block; }

.honor{ width: 100%; overflow: hidden; }
.honor img{ width: 100%; display: block; }
.honor ul { overflow: hidden; }
.honor ul li{ width: 48%; float: left; margin: 0 1%; }
.honor ul li a{ padding: 0 20px; line-height: 68px; font-size: 16px; color: #131212; display: block; overflow: hidden; }
.honor ul li a.hui{ color: #fff; background-color: #9fa0a0; }

.History{ padding: 20px 182px; overflow: hidden; }
.History img{ width: 100%; display: block; }

.letter{ padding: 60px 0; overflow: hidden;}
.letter h1{ text-align: center; height: 52px; line-height: 52px; font-size: 25px; color: #1f2324; display: block; }
.letter h2{ width: 128px; height: 4px; margin: 0 auto; display: block; background-color: #0191df; }
.letter span{ margin: 0 50px; }
.letter img{ width: 486px; height: 576px; float: left; display: block; }
.letter p{ line-height: 45px; font-size: 20px; color: #1f2324; display: block; text-align: justify; text-indent: 2em; }
.letter .letters{ width: 500px; height: 260px; float: right; display: block;  }

.sales{ width: 1664px; overflow: hidden; }
.nei{ margin: 105px auto 68px auto; background: url(../image/sales1.png) no-repeat left top; }
.wei{ background: url(../image/sales2.png) no-repeat left top; margin: 0 auto 50px auto; font-family: Arial; }
.sale{ width: 1560px; margin: 80px 0 0 80px; overflow: hidden; border-bottom: 1px dashed #cecece;  }
.sale ul { overflow: hidden; }
.sale ul li{ width: 33.3333333%; float: left; overflow: hidden; height: 250px; }
.sale ul li p{ line-height: 28px; font-size: 16px; color: #727272; display: block; }
.sale ul li p b{ color: #394346; }
.sale span{ line-height: 36px; font-size: 18px; color: #0191df; display: block; }

.stitle{ padding-bottom: 20px; margin-bottom: 10px; border-bottom: 1px dashed #d3d3d3;  }
.stitle h1{ line-height: 40px; text-align: center; font-size: 24px; font-weight: bold; color: #000; display: block;}

.pings img{ width: 100%; }

@media (max-width: 1680px){
    .system{ width: 1600px; }
    .system ul li a{ padding: 38px 80px; }
    .sales{ width: 1600px; }
    .nei{ margin: 80px auto 56px auto; }
}
@media (max-width: 1600px){
    .system{ width: 1440px; }
    .system ul li a{ padding: 38px; }
    .sales{ width: 1440px; }
    .nei{ margin: 60px auto 42px auto; }
    .sale{ width: 1280px; }
    
}
@media (max-width: 1440px){
    .system{ width: 1366px; }
    .system ul li a img{ margin-right: 40px; }
    .sales{ width: 1366px; }
    .nei{ margin: 50px auto 36px auto; }
    .sale{ width: 1200px; }
    .sale ul li p{ font-size: 14px;  }
    .sale span{ line-height: 32px; font-size: 16px; }
    
}
@media (max-width: 1366px){
    .system{ width: 1280px; }
    .system ul li a{ padding: 30px; margin: 20px; }
    .sales{ width: 1280px; }
    .nei{ margin: 40px auto 30px auto; }
    .sale{ width: 1024px; margin-left: auto; margin-right: auto; }


}
@media (max-width: 1280px){/*
    .forlist{ margin: 20px auto 14px auto; }
    .system{ width: 1200px; }
    .system ul li a{ padding: 20px; }
    .system ul li a img{ margin-right: 20px; }
    .series{ padding: 100px; }
    .catenas{ padding: 0 100px; }
    .catena{ margin-top: 30px; }
    .about h1{ height: 48px; line-height: 48px; font-size: 24px; }
    .about h2{ width: 360px; }
    .about h3{ font-size: 16px; }
    .about p{ font-size: 16px; }
    .honor ul li a{ line-height: 56px; }
    .History{ padding: 20px 120px; }
    .letter{ padding: 40px 0; }
    .letter span{ margin: 0 30px; }
    .letter p{ line-height: 36px; font-size: 16px; }
    .letter .letters{ width: 346px; height: 180px; }
    .sales{ width: 1200px; }
    .nei{ margin: 40px auto 30px auto; }*/
}
@media (max-width: 1200px){
    .mid{ width: 1000px; }
    .for{ margin: 30px 0 0 0; }
    .forlist{ width: 948px;  }
    .forlist a{ margin: 0 24px; }
    .system{ width: 1024px; }
    .system ul li a{ height: 168px; padding: 15px; margin: 15px; }
    .system ul li a img{ width: 188px; height: 168px; }
    .system ul li a h1{ padding-left: 20px; height: 40px; line-height: 40px; font-size: 16px; }
    .system ul li a h1:after{ line-height: 40px; }
    .system ul li a span{ font-size: 14px; }
    .system ul li a p{ line-height: 28px; font-size: 14px; }
    .honor ul li a{ line-height: 48px; }
    .History{ padding: 20px 80px; }
    .letter img{ width: 300px; height: 356px;  }
    .sales{ width: 1024px; }
    .nei{ margin: 40px auto 30px auto; }
    .sale{ width: 880px; }
    .sale ul li { width: 50%; }
    .sale ul li p{ line-height: 24px; }
    .sale span{ line-height: 28px; font-size: 14px; }
}
@media (max-width: 1024px){/*
    .mid{ width: 980px; }
    .for h1{ font-size: 30px; }
    .system{ width: 990px; }
    .system ul li a{ padding: 20px; margin: 10px; }
    .pager{ padding: 30px 0 40px 0; }
    .series{ padding: 60px; }
    .catenas{ padding: 0 60px; }
    .History{ padding: 10px 50px; }
    .sales{ width: 950px; }
    .sale{ width: 800px; }*/
}
@media (max-width: 1000px){
    .mid{ width: 720px; }
    .for{ margin: 20px 0 0 0; }
    .for h1{ font-size: 24px; }
    .forlist{ width: 681px; height: 36px; margin: 10px auto 14px auto;  }
    .forlist a{ height: 36px; line-height: 36px; font-size: 16px; background-size: 100% 100%; }
    .forlist a.for1{ width: 164px;  }
    .forlist a.for2{ width: 135px;  }
    .forlist a.for3{ width: 135px;  }
    .forlist a:hover,
    .forlist a.on{ background-size: 100% 100%; }
    .system{ width: 740px; }
    .system ul li a{ height: 128px; padding: 15px; }
    .system ul li a img{ width: 144px; height: 128px; margin-right: 10px; }
    .system ul li a h1{ padding-left: 20px; height: 32px; line-height: 32px; font-size: 14px; }
    .system ul li a h1:after{ line-height: 32px; }
    .system ul li a p{ line-height: 24px; font-size: 14px; }/*
    .series{ padding: 40px; }
    .catenas{ padding: 0 40px; }*/
    
    .catena{ margin-top: 20px; }
    .catena-title{ height: 48px; line-height: 36px; font-weight: normal; font-size: 30px; }
    .arrow{ width: 50px; height: 25px; margin-bottom: 10px; }
    .arrow a{ width: 25px; height: 25px; background-size: auto 100%; }
    .arrow a.naxt{ background-position: -25px 0; }
    
    .about ul li{ width: 50%; }
    
    .about h1{ height: 36px; line-height: 36px; margin-top: 10px; }
    .about h2{ margin: 0 auto 5px auto; }
    .about h3{ height: 30px; line-height: 30px; }
    .about p{ line-height: 26px; font-size: 14px; }
    
    .History{ padding: 10px 30px; }
    .letter p{ line-height: 28px; font-size: 14px; }
    .letter .letters{ width: 250px; height: auto; }
    .sales{ width: auto; margin-left:  15px; margin-right: 15px; }
    .sale{ width: auto; margin-left:  80px; margin-right: 80px; }
    .sale ul li p{ font-size: 12px; padding: 0 10px; }
    .sale span{ line-height: 28px; font-size: 12px; }
/*
    .series img{ width: 100%; }*/
}

@media (max-width: 767px){
    .mid{ width: 94%; }
    .locatin{ padding: 5px 0; height: auto; overflow: hidden; }
    .locatin span{ line-height: 24px; font-size: 12px; }
    .locatin .search{ margin: 0;  }
    .for{ height: 50px; margin: 10px 0 0 0; }
    .for h1{ height: 36px; line-height: 36px; font-size: 20px; }
    .system{ width: 100%; }
    .system ul li{ width: 100%; float: none; }
    .system ul li a{ height: auto; padding: 20px; margin: 10px 15px; overflow: hidden; }
    .system ul li a img{ width: 100%; height: auto; float: none; margin: 0; }
    .system ul li a h1{ margin-top: 5px; }
    .system ul li a p{ line-height: 20px; font-size: 14px; }
    .pager{ padding: 20px 0 30px 0; }
    .pager a{ padding: 0 3px; margin: 0 3px; }
    .pager span{ padding: 0 3px; margin: 0 3px; }
    
    .forlist{ width: 97%; height: 32px; margin: 10px auto;  }
    .forlist a{ height: 30px; line-height: 30px; font-size: 12px; background-color: #3f484b; background-image: none; margin: 0; }
    .forlist a.for1,
    .forlist a.for2,
    .forlist a.for3{ width: 33.33333333%; text-align: center; padding: 0;}
    .forlist a:hover,
    .forlist a.on{ background-color: #f67f2e; background-image: none;  }
    /*
    .series{ padding: 10px; }*/
    
    .catena{ margin-top: 10px; }
    .catena-title{ height: 36px; line-height: 36px; font-weight: normal; font-size: 20px; }
    .catenas{ padding: 0 10px; }
    
    .about h1{ height: 32px; line-height: 32px; font-size: 18px; }
    .about h2{ width: 260px; height: 2px; }
    .about h3{ height: 30px; line-height: 30px; font-size: 14px; }
    .about p{ line-height: 24px; font-size: 12px; }
    
    .honor ul li{ width: 98%; float: none; }
    .honor ul li a{ line-height: 40px; }
    
    .History{ padding: 10px; }
    
    .letter img{ width: 100%; height: auto; float: none; }
    .letter .letters{ width: 200px; height: auto; }
    
    .sales{ width: 92%; margin-top: 30px; margin-left:  auto; margin-right: auto; }
    .nei{ background-size: 100% auto; }
    .wei{ background-size: 100% auto; }
    .sale{ width: auto; margin-left: 50px; margin-right: 50px; margin-top: 60px; }
    .sale ul li { width: 100%; }
    .sale ul li p{ font-size: 12px; padding: 0 10px; }
    .sale span{ line-height: 20px; font-size: 12px; }
}


.achievement{ width: 100%; margin: 16px auto; overflow: hidden; }
.onew{ width: 100%; }
.onewt{ width: 100%; padding: 0 0 10px 0; border-bottom: 1px dashed #939393; overflow: hidden; }
.onewt a.onewtimage{ width: 100%; float: left; display: block; }
.onewt a.onewtimage img{ width: 100%; display: block; }
.onewt span{ width: 100%; margin: 0; float: left; display: block; }
.onewt span h1{ height: 30px; line-height: 30px; margin-top: 5px; margin-bottom: 0; font-size: 24px; font-weight: bold; color: #0191df; display: block; }
.onewt span a.onewtxt{ height: 26px; line-height: 26px; font-size: 14px; font-weight: bold; color: #505050; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 5px; }
.onewt span p{ height: 100px; line-height: 20px; font-size: 13px; color: #505050; display: block; overflow: hidden; text-align: justify; margin: 0; }
.onews{ width: 100%; }
.onews ul{ padding: 0; margin: 0; list-style: none; }
.onews ul li{ width: 100%; padding: 10px 0; border-bottom: 1px dashed #939393; overflow: hidden; }
.onews ul li a{ height: 130px; display: block; }
.onews ul li a span.time{ width: 155px; height: 155px; background-color: #f1f3f6; float: left; display: none; }
.onews ul li a span.time i{ font-family: Arial; font-style: normal; color: #0191df; display: block; }
.onews ul li a span.time i.y{ height: 36px; line-height: 36px; margin: 25px 0 0 36px; font-size: 36px; font-weight: bold; }
.onews ul li a span.time i.n{ height: 34px; line-height: 34px; margin: 0 0 0 76px; font-size: 18px; font-weight: bold; }
.onews ul li a span.text{ width: 100%; height: 155px; padding: 0 5px; display: block; }
.onews ul li a span.text i{ line-height: 30px; font-size: 14px; color: #242424; float: left; display: block; margin: 0 5px 0 0; }
.onews ul li a span.text h5{ height: 30px; line-height: 30px; font-size: 16px; font-weight: bold; color: #505050; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; }
.onews ul li a span.text p{ height: 100px; line-height: 20px; font-size: 12px; color: #505050; text-align: justify; display: block; overflow: hidden; margin: 0 0 0 10px; }
.onews ul li a:hover{ background-color: #0191df; text-decoration: none; }
.onews ul li a:hover span.time{ background-color: #0191df; }
.onews ul li a:hover span.time i{ color: #fff; }
.onews ul li a:hover span.text i{ color: #fff; }
.onews ul li a:hover span.text h5{ color: #fff; }
.onews ul li a:hover span.text p{ color: #fff; }

.inew{ position: relative; width: 100%; padding: 42px 0; background-color: #f1f3f6; }
.inew ul{ padding: 0; margin: 0; list-style: none; }
.inew ul li{ padding: 0 10px; overflow: hidden; }
.inew ul li a{ padding: 5px; display: block; }
.inew ul li a img{ width: 100%; display: block; }
.inew ul li a p{ width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #505050; display: block; margin: 0; }
.inew ul li a:hover{ text-decoration: none; }
.inew ul li a:hover p{ color: #0191df; }
.inew a.prev,
.inew a.next{ position: absolute; left: 0; top: 15px; width: 100%; height: 20px; background: url(../image/sprev.png) no-repeat center center; display: block; cursor: pointer; }
.inew a.next{ top: auto; bottom: 15px; background: url(../image/snext.png) no-repeat center center; }

@media (min-width: 768px){
    .achievement{ width: 720px; margin: 20px auto; }  
    .onewt{ padding: 0 0 10px 0; }
    .onewt a.onewtimage{ width: 100%; }
    .onewt span{ width: 100%; margin: 0; }
    .onewt span h1{ height: 32px; line-height: 32px; margin-top: 5px; font-size: 24px; }
    .onewt span a.onewtxt{ height: 24px; line-height: 24px; font-size: 16px; margin-bottom: 5px; }
    .onewt span p{ height: 96px; line-height: 24px; font-size: 12px; }
    .onews ul li{ padding: 10px 0; }
    .onews ul li a{ height: 120px; }
    .onews ul li a span.time{ display: none; }
    .onews ul li a span.text{ height: 120px; padding: 0 5px; }
    .onews ul li a span.text i{ line-height: 32px; display: none; }
    .onews ul li a span.text h5{ height: 32px; line-height: 32px; font-size: 16px; }
    .onews ul li a span.text p{ height: 88px; line-height: 22px; font-size: 12px; margin: 0; }
    .inew ul li a{ padding: 5px; }
    .inew ul li a p{ height: 26px; line-height: 26px; font-size: 14px; }
}
@media (min-width: 992px){
    .achievement{ width: 940px; margin: 24px auto; }  
    .onewt{ padding: 0 0 10px 0; }
    .onewt a.onewtimage{ width: 40%; }
    .onewt span{ width: 56%; margin: 0 2%; }
    .onewt span h1{ height: 28px; line-height: 28px; margin-top: 0; font-size: 20px; }
    .onewt span a.onewtxt{ height: 21px; line-height: 21px; font-size: 14px; margin-bottom: 0; }
    .onewt span p{ height: 80px; line-height: 20px; }
    .onews ul li{ padding: 8px 0; }
    .onews ul li a span.time{ width: 120px; height: 120px; display: block; }
    .onews ul li a span.time i.y{ height: 30px; line-height: 30px; margin: 20px 0 0 20px; font-size: 30px; }
    .onews ul li a span.time i.n{ height: 28px; line-height: 28px; margin: 0 0 0 50px; font-size: 16px; }
    .onews ul li a span.text{ height: 120px; padding: 0 30px 0 130px; }
    .onews ul li a span.text i{ line-height: 32px; display: block; }
    .onews ul li a span.text p{ height: 80px; line-height: 20px; margin: 0; }
    .inew ul li{ padding: 0 10px; }
    .inew ul li a p{ height: 29px; line-height: 29px; font-size: 12px; }
}
@media (min-width: 1200px){
    .achievement{ width: 1170px; margin: 32px auto; }  
    .onewt span{ width: 52%; margin: 0 4%; }
    .onewt span h1{ height: 36px; line-height: 36px; font-size: 26px; }
    .onewt span a.onewtxt{ height: 28px; line-height: 28px; font-size: 16px; }
    .onewt span p{ height: 110px; line-height: 22px; font-size: 14px; }
    .onews ul li{ padding: 10px 0; }
    .onews ul li a{ height: 150px; }
    .onews ul li a span.time{ width: 155px; height: 150px; }
    .onews ul li a span.time i.y{ height: 36px; line-height: 36px; margin: 25px 0 0 36px; font-size: 36px; }
    .onews ul li a span.time i.n{ height: 34px; line-height: 34px; margin: 0 0 0 76px; font-size: 18px; }
    .onews ul li a span.text{ height: 155px; padding: 0 75px 0 190px; }
    .onews ul li a span.text i{ line-height: 40px; }
    .onews ul li a span.text h5{ height: 40px; line-height: 40px; font-size: 18px; }
    .onews ul li a span.text p{ height: 110px; line-height: 22px; font-size: 14px; }
    .inew ul li{ padding: 0 15px; }
    .inew ul li a{ padding: 10px; }
    .inew ul li a p{ height: 34px; line-height: 34px; font-size: 14px; }
}
@media (min-width: 1280px){ 
    .achievement{ width: 92.5%; margin: 45px auto; }  
    .onewt{ padding: 0 0 15px 0; }
    .onews ul li{ padding: 15px 0; }
}
@media (min-width: 1570px){
    .achievement{ width: 1570px; margin: 60px auto; }
    .onewt{ padding: 0 0 20px 0; }
    .onewt span h1{ height: 44px; line-height: 44px; margin-top: 20px; font-size: 30px; }
    .onewt span a.onewtxt{ height: 36px; line-height: 36px; font-size: 18px; margin-bottom: 15px; }
    .onewt span p{ height: 120px; line-height: 24px; font-size: 14px; }
    .onews ul li{ padding: 22px 0; }
    .onews ul li a{ height: 155px; }
    .onews ul li a span.time{ height: 155px; }
    .onews ul li a span.text i{ line-height: 44px; }
    .onews ul li a span.text h5{ height: 44px; line-height: 44px; }
    .onews ul li a span.text p{ height: 96px; line-height: 24px; }
    .inew ul li{ padding: 0 20px; }
}