/*! www.vancheer.com  |  Powered by vancheer */


@media screen and (max-width:1920px) and (min-width:1600px){
/*(1660,1920]  1920电脑*/


}
@media screen and (max-width:1600px) and (min-width:1440px){
/*(1440,1600]  1600电脑*/

.bottom .left li a {font-size: 18px; } 
.bottom .left input {font-size: 18px; } 
.bottom .right p {font-size: 18px; } 
.bottom .right i {font-size: 40px; }


.Cont1 li {height: 505px; } 
.Cont1 li b {font-size: 45px; margin-top: 63px; margin-bottom: 8px; } 
.Cont1 li i {font-size: 30px; margin-bottom: 8px; } 
.Cont1 li .i2 {font-size: 23px; } 
.Cont1 li p {font-size: 17px; line-height: 30px; }

.Cont2 li {height: 505px; } 
.Cont2 li b {font-size: 45px; margin-top: 63px; margin-bottom: 8px; } 
.Cont2 li i {font-size: 30px; margin-bottom: 8px; } 
.Cont2 li .i2 {font-size: 23px; } 
.Cont2 li p {font-size: 17px; line-height: 30px; }

.indPart3 li img {right: 43px; top: 97px; }
.indPart3 li span {font-size: 30px; }

.indPart4 li b {font-size: 35px; } 
.indPart4 li .more {height: 70px; line-height: 70px; font-size: 25px; } 
.indPart4 li .more img {width: 19px; }

.WrapPart2 .WrapMore1 {margin-top: 50px; }
.WrapPart3 .txtBox b {margin: 140px 105px 40px 105px; } 
.WrapPart3 .WrapMore2 {margin-top: 50px; margin-left: 105px; } 
.WrapPart5 .txtBox b {margin: 170px 0 30px 0px; }


.about .part1 .leftDiv .contentBox{ padding:75px 70px 0 100px;}
.about .part1 .leftDiv .content{ line-height:28px;}
.about .part1 .rightDiv .contentBox{ left:60px; top:75px; padding-right:100px;}
.about .part1 .rightDiv .list li{ padding-left:120px; height:120px; margin-bottom:18px;}
.about .part1 .rightDiv .list li .ico{ left:30px;}
.about .part2 .rightDiv .contentBox{ padding:40px 20px 0 50px;}
.about .part2 .rightDiv .name2{ padding-bottom:20px;}
.about .part2 .rightDiv .list li{ margin-bottom:10px;}
.about .part2 .rightDiv .list li .p1{ font-size:22px; }
.about .part4 .rightDiv .list li{ margin-bottom:70px; }

.contact .leftDiv .contentBox{ padding:80px 0 0 100px;}
.contact .leftDiv .box1{ margin-bottom:40px;}
.introduce .part1 .name{ padding:120px 0 30px;}
.introduce .part2 .content{ line-height:36px; font-size:18px;}

}
@media screen and (max-width:1440px) and (min-width:1366px){
/*(1280,1440]1440电脑*/


.headDiv1 .iconBox li span {margin-right: 20px; } 
.headDiv1 .iconBox .searchBox {margin-left: 10px; } 
.headDiv1 .iconBox .searchBox input {width: 188px; }

.bottom .left li a {font-size: 18px; } 
.bottom .left input {font-size: 18px; } 
.bottom .right p {font-size: 18px; } 
.bottom .right i {font-size: 40px; } 
.bottom .right p:first-child {margin: 92px 0 12px; }

.Cont1 li {height: 453px; } 
.Cont1 li b {font-size: 38px; margin-top: 40px; margin-bottom: 8px; } 
.Cont1 li i {font-size: 30px; margin-bottom: 8px; } 
.Cont1 li .i2 {font-size: 23px; } 
.Cont1 li p {font-size: 17px; line-height: 30px; }

.Cont2 li {height: 453px; } 
.Cont2 li b {font-size: 38px; margin-top: 40px; margin-bottom: 8px; } 
.Cont2 li i {font-size: 30px; margin-bottom: 8px; } 
.Cont2 li .i2 {font-size: 23px; } 
.Cont2 li p {font-size: 17px; line-height: 30px; }

.indPart3 li span {font-size: 30px; }

.indPart4 li b {font-size: 35px; } 
.indPart4 li .more {height: 70px; line-height: 70px; font-size: 25px; } 
.indPart4 li .more img {width: 19px; }

.WrapPart1 .txtBox {top: 133px; padding: 55px 60px 60px; } 
.WrapPart1 .txtBox i {margin: 30px 0 14px 0; } 
.WrapPart2 .txtBox b {margin: 100px 98px 50px 98px; } 
.WrapPart2 .WrapMore1 {margin-top: 50px; } 
.WrapPart3 .WrapMore2 {margin-top: 50px; } 
.WrapPart3 .txtBox b {margin:120px 105px 20px 105px; } 
.WrapPart5 .txtBox b {margin: 140px 0 30px 0px; } 
.WrapPart6 .txtBox b {margin: 150px 0 30px 0px; }

.produceBox .wal {width: 1200px; }
.produceBox b{font-size: 38px; padding:70px 0 50px;}

.wal{width:1200px;}
.job .title{ font-size:38px; padding-bottom:50px;}
.job_T{ height:60px;}
.job_T .lbox{ padding:0 20px;}
.job_T li{ font-size:24px; height:60px; line-height:60px;}
.job_B li .topDiv{ height:60px;}
.job_B li .topDiv dl{ padding:0 20px;}
.job_B li .topDiv dd{ height:60px; line-height:60px; font-size:16px;}
.job_B li .topDiv a{ margin:10px auto 0;}	
.job_B li .box{ padding:0 50px 60px;}
.job_B li .msgList dd{ margin-right:100px;}
.policy .title{ font-size:38px; padding-bottom:50px;}
.policy .bigBox{ padding:65px 70px;}
.policy .txt1{ font-size:28px;}
.policy .txt2{ font-size:18px;}
.join .title{ font-size:38px; padding-bottom:50px;}
.join .bigBox{ background-size:1120px;}
.join .txt{ padding:55px 0 15px 70px;}
.join .msg{ padding:0 0 20px 70px;}
.join .form{ padding-left:70px;}
.join .btnGroup{ padding:30px 0 0 70px;}
.news .title{ font-size:38px; padding-bottom:50px;}
.newsDetail .bigBox{ padding:60px 100px 40px;}
.honer .title{ font-size:38px; padding-bottom:50px;}
.honer .list ul{ margin-right:-52px;}
.honer .list li{ margin-bottom:30px;}
.honer .list li .box{ margin-right:52px;}
.honer .list li .name{ font-size:24px;}
.about .part1 .leftDiv .contentBox{ padding:45px 50px 0 60px;}
.about .part1 .leftDiv .content{ line-height:28px;}
.about .part1 .leftDiv .txt1{ font-size:26px;}
.about .part1 .leftDiv .txt2{ font-size:18px;}
.about .part1 .rightDiv .contentBox{ left:50px; top:45px; padding-right:50px;}
.about .part1 .rightDiv .list li{ padding-left:120px; height:120px; margin-bottom:18px;}
.about .part1 .rightDiv .list li .ico{ left:30px;}
.about .part2 .rightDiv .contentBox{ padding:40px 20px 0 50px;}
.about .part2 .rightDiv .name2{ padding-bottom:20px;}
.about .part2 .rightDiv .list li{ margin-bottom:10px;}
.about .part2 .rightDiv .list li .p1{ font-size:18px; background:url(../images/ico1.png) left 7px no-repeat;}
.about .part2 .rightDiv .list li .msg{ font-size:14px; }
.about .part4 .rightDiv .list{ padding-top:70px;}
.about .part4 .rightDiv .list li{ margin-bottom:65px;}
.video .title{ font-size:38px; padding-bottom:50px;}
.video .list ul{ margin-right:-40px;}
.video .list li{ margin-bottom:30px;}
.video .list li .box{ margin-right:40px;}
.video .list li .name{ font-size:24px;}
.contact .title{ font-size:38px; padding-bottom:50px;}
.contact .leftDiv .contentBox{ padding:50px 0 0 100px;}
.contact .leftDiv .box1{ margin-bottom:30px;}
.contact .leftDiv li{ height:32px; line-height:32px; font-size:18px;}
.advantage .title{ font-size:38px; padding-bottom:50px;}
.advantage .list li .contentBox{ left:100px; top:7%; height:526px;}
.advantage .list .li01 .contentBox{ left:auto; right:100px;}
.case .title{ font-size:38px; padding-bottom:50px;}
.case .list li .name{ height:64px; font-size:24px; margin-top:-34px;}
.case .list li .name p{ height:64px; line-height:64px;}
.introduce .title{ font-size:38px; padding-bottom:50px;}
.introduce .part1 .contentBox{ padding:0 80px 0 120px;}
.introduce .part1 .name{ padding:90px 0 30px;}
.introduce .part2{ padding:60px 120px 120px; background:#2a2a2a;}
.introduce .part2 .content{ line-height:30px; font-size:16px;}
}

@media screen and (max-width:1366px) and (min-width:1280px){
/*(1280,1366]  1366电脑*/

.headDiv1 .iconBox li span {margin-right: 10px; } 
.headDiv1 .iconBox .searchBox {margin-left: 5px; } 
.headDiv1 .iconBox .searchBox input {width: 144px; }

.bottom .left li a {font-size: 18px; } 
.bottom .left input {font-size: 18px; } 
.bottom .right {margin-right: 50px; } 
.bottom .right p {font-size: 16px; } 
.bottom .right i {font-size: 35px; } 
.bottom .txtBox {height: 180px; } 
.bottom .right p:first-child {margin: 80px 0 12px; } 
.bottom .left li {margin-top: 97px; }

.Cont1 li {height: 431px; } 
.Cont1 li b {font-size: 34px; margin-top: 20px; margin-bottom: 8px; } 
.Cont1 li i {font-size: 25px; margin-bottom: 8px; } 
.Cont1 li .i2 {font-size: 22px; } 
.Cont1 li p {font-size: 17px; line-height: 30px; }

.Cont2 li {height: 431px; } 
.Cont2 li b {font-size: 34px; margin-top: 20px; margin-bottom: 8px; } 
.Cont2 li i {font-size: 25px; margin-bottom: 8px; } 
.Cont2 li .i2 {font-size: 22px; } 
.Cont2 li p {font-size: 17px; line-height: 30px; }

.indPart3 li img {    right: 40px; top: 88px; width: 20px; }
.indPart3 li span {font-size: 30px; }

.indPart4 li b {    font-size: 30px;margin: 50px 0 30px 0; } 
.indPart4 li .more {height: 70px; line-height: 70px; font-size: 25px; } 
.indPart4 li .more img {width: 19px; }

.WrapPart1 .txtBox {top: 133px; padding: 45px 30px 45px; } 
.WrapPart1 .txtBox b {font-size: 55px; } 
.WrapPart1 .txtBox i {margin: 23px 0 11px 0; } 
.WrapPart2 .WrapMore1 {margin-top: 30px; } 
.WrapPart2 .txtBox b {margin: 95px 98px 40px 98px; } 
.WrapPart3 .txtBox b {margin: 88px 105px 30px 105px; } 
.WrapPart3 .WrapMore2 {margin-top: 50px; } 
.WrapPart5 .txtBox b {margin: 120px 0 30px 0px; } 
.WrapPart6 .txtBox b {margin: 140px 0 30px 0px; }

.produceBox .wal {width: 1200px; }
.produceBox b{font-size: 38px; padding:70px 0 50px;}

.wal{width:1200px;}
.job .title{ font-size:38px; padding-bottom:50px;}
.job_T{ height:60px;}
.job_T .lbox{ padding:0 20px;}
.job_T li{ font-size:24px; height:60px; line-height:60px;}
.job_B li .topDiv{ height:60px;}
.job_B li .topDiv dl{ padding:0 20px;}
.job_B li .topDiv dd{ height:60px; line-height:60px; font-size:16px;}
.job_B li .topDiv a{ margin:10px auto 0;}	
.job_B li .box{ padding:0 50px 60px;}
.job_B li .msgList dd{ margin-right:100px;}
.policy .title{ font-size:38px; padding-bottom:50px;}
.policy .bigBox{ padding:65px 70px;}
.policy .txt1{ font-size:28px;}
.policy .txt2{ font-size:18px;}
.join .title{ font-size:38px; padding-bottom:50px;}
.join .bigBox{ background-size:1120px;}
.join .txt{ padding:55px 0 15px 70px;}
.join .msg{ padding:0 0 20px 70px;}
.join .form{ padding-left:70px;}
.join .btnGroup{ padding:30px 0 0 70px;}
.news .title{ font-size:38px; padding-bottom:50px;}
.newsDetail .bigBox{ padding:60px 100px 40px;}
.honer .title{ font-size:38px; padding-bottom:50px;}
.honer .list ul{ margin-right:-52px;}
.honer .list li{ margin-bottom:30px;}
.honer .list li .box{ margin-right:52px;}
.honer .list li .name{ font-size:24px;}
.about .part1 .leftDiv .contentBox{ padding:45px 50px 0 60px;}
.about .part1 .leftDiv .content{ line-height:28px;}
.about .part1 .leftDiv .txt1{ font-size:26px;}
.about .part1 .leftDiv .txt2{ font-size:18px;}
.about .part1 .leftDiv .content{ font-size:14px;  padding-top:25px;}
.about .part1 .rightDiv .contentBox{ top:35px; padding-right:50px;}
.about .part1 .rightDiv .list li{ padding-left:120px; height:120px; margin-bottom:18px;}
.about .part1 .rightDiv .list li .ico{ left:30px;}
.about .part1 .rightDiv .list li .name1{ font-size:26px; padding:30px 80px 6px 0;}
.about .part2 .rightDiv .contentBox{ padding:40px 20px 0 50px;}
.about .part2 .rightDiv .name2{ padding-bottom:20px;}
.about .part2 .rightDiv .list li{ margin-bottom:10px;}
.about .part2 .rightDiv .list li .p1{ font-size:18px; background:url(../images/ico1.png) left 7px no-repeat;}
.about .part2 .rightDiv .list li .msg{ font-size:14px; }
.about .part4 .rightDiv .list{ padding-top:70px;}
.about .part4 .rightDiv .list li{ margin-bottom:65px;}
.video .title{ font-size:38px; padding-bottom:50px;}
.video .list ul{ margin-right:-40px;}
.video .list li{ margin-bottom:30px;}
.video .list li .box{ margin-right:40px;}
.video .list li .name{ font-size:24px;}
.contact .title{ font-size:38px; padding-bottom:50px;}
.contact .leftDiv .contentBox{ padding:50px 0 0 100px;}
.contact .leftDiv .box1{ margin-bottom:30px;}
.contact .leftDiv li{ height:32px; line-height:32px; font-size:18px;}
.advantage .title{ font-size:38px; padding-bottom:50px;}
.advantage .list li .contentBox{ left:100px; top:6%; height:526px;}
.advantage .list .li01 .contentBox{ left:auto; right:100px;}
.case .title{ font-size:38px; padding-bottom:50px;}
.case .list li .name{ height:64px; font-size:24px; margin-top:-34px;}
.case .list li .name p{ height:64px; line-height:64px;}
.introduce .title{ font-size:38px; padding-bottom:50px;}
.introduce .part1 .contentBox{ padding:0 80px 0 120px;}
.introduce .part1 .name{ padding:90px 0 30px;}
.introduce .part2{ padding:60px 120px 120px; background:#2a2a2a;}
.introduce .part2 .content{ line-height:30px; font-size:16px;}
}

@media screen and (max-width:1280px) and (min-width:1024px){
/*(1024,1280]  1280电脑*/

.headDiv1 .iconBox li span {margin-right: 10px; } 
.headDiv1 .iconBox .searchBox {margin-left: 5px; } 
.headDiv1 .iconBox .searchBox input {width: 144px; }

.bottom .left li a {font-size: 18px; } 
.bottom .left input {font-size: 18px; } 
.bottom .right {margin-right: 0px; } 
.bottom .right p {font-size: 16px; } 
.bottom .right i {font-size: 35px; } 
.bottom .txtBox {height: 180px; } 
.bottom .right p:first-child {margin: 80px 0 12px; } 
.bottom .left li {margin-top: 97px; }


.Cont1 li {height: 431px; } 
.Cont1 li b {font-size: 23px; margin-top: 10px; margin-bottom: 8px; } 
.Cont1 li i {font-size: 18px; margin-bottom: 8px; } 
.Cont1 li .i2 {font-size: 17px; } 
.Cont1 li p {font-size: 15px; line-height: 30px; }

.Cont2 li {height: 431px; } 
.Cont2 li b {font-size: 23px; margin-top: 40px; margin-bottom: 8px; } 
.Cont2 li i {font-size: 18px; margin-bottom: 8px; } 
.Cont2 li .i2 {font-size: 17px; } 
.Cont2 li p {font-size: 15px; line-height: 30px; }

.indPart3 li span {font-size: 28px; } 
.indPart3 li img {right: 46px; top: 82px; width: 20px; }

.indPart4 li b {font-size: 30px; color: #363636; font-weight: normal; margin: 40px 0 30px 0; display: block; } 
.indPart4 li i {font-size: 24px; color: #363636; font-style: normal; } 
.indPart4 li .more {height: 60px; line-height: 60px; font-size: 22px; } 
.indPart4 li .more img {margin: 0 20px 0px 40px; width: 18px; }

.WrapPart1 .txtBox {top: 133px; padding: 45px 30px 45px; }
.WrapPart1 .txtBox b {font-size: 55px; } 
.WrapPart1 .txtBox i {margin: 23px 0 11px 0; } 
.WrapPart2 .WrapMore1 {margin-top: 30px; } 
.WrapPart2 .txtBox b {margin: 95px 98px 40px 98px; } 
.WrapPart3 .txtBox b {margin: 88px 105px 30px 105px; } 
.WrapPart3 .WrapMore2 {margin-top: 50px; } 
.WrapPart5 .txtBox b {margin: 120px 0 30px 0px; } 
.WrapPart6 .txtBox b {margin: 140px 0 30px 0px; }

.produceBox .wal {width: 1200px; }

}
@media screen and (max-width:1004px){
/*手机*/

/*隐藏*/
.indPart1 .pp,.banner1,.headDiv,.navBar,.SideBar{display: none;}
/*显示*/
.m-navBar,.m-li,.indPart1 .m-p,.m-banner1,.m-headDiv{display: block;}



.indPart1 {background: #363636 url(../images/m3.png) no-repeat right; height: auto; padding: 15px 0; } 
.indPart1 p {font-size: 16px; line-height: 18px; margin-left: 20px; width: 80%; padding-top: 15px; }

.lxTlt {height: auto; padding-bottom: 12px; } 
.lxTlt b {font-size: 18px; padding: 15px 0 8px; } 
.lxTlt p {font-size: 17px; margin-bottom: 8px; } 
.lxTlt img{width: 20px;}


.Cont1 li {height: auto; } 
.Cont1 li:first-child {width: 100%; } 
.Cont1 li:last-child {width: 100%; } 
.Cont1 li:first-child:hover img{transform: none;} 
.Cont1 li b {font-size: 24px; margin-top: 20px; margin-bottom: 8px; } 
.Cont1 li i {font-size: 20px; margin-bottom: 5px; } 
.Cont1 li .i2 {font-size: 18px;}
.Cont1 li p {font-size: 17px; line-height: 27px;height: 108px; } 
.Cont1 li .lookmore {font-size: 14px; position: static; margin-top: 20px; margin-bottom: 5px; display: block; } 
.Cont1 li .lookmore img {margin-right: 10px; width: 11px; margin-bottom: 4px; }

.Cont2 {background: none;}
.Cont2 li {height: auto; } 
.Cont2 li:first-child {width: 100%; } 
.Cont2 li:last-child {display: none;} 
.Cont2 li:last-child:hover img{transform:none;} 
.Cont2 li b {font-size: 24px; margin-top: 20px; margin-bottom: 8px; } 
.Cont2 li i {font-size: 20px; margin-bottom: 5px; } 
.Cont2 li .i2 {font-size: 18px;}
.Cont2 li p {font-size: 17px; line-height: 27px; } 
.Cont2 li .lookmore {font-size: 14px; position: static; margin-top: 20px; margin-bottom: 5px; display: block; } 
.Cont2 li .lookmore img {margin-right: 10px; width: 11px; margin-bottom: 4px; }

.m-li{width: 100%;}
.m-li img{width: 100%;}


.indPart3 li {width: 20%; padding: 13px 0; } 
.indPart3 li span {font-size: 12px; } 
.indPart3 li img {right: 0px; top: 31px; width: 7px; }



.indPart4 {padding-bottom: 30px; } 
.indPart4 li {width: 48%; } 
.indPart4 li b {font-size: 16px; margin: 20px 0 10px 0; } 
.indPart4 li i {font-size: 12px; } 
.indPart4 li p {font-size: 14px; line-height: 19px; margin: 10px 5px; height: 38px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } 
.indPart4 li .more {height: 35px; line-height: 35px; font-size: 14px; } 
.indPart4 li .more img {margin: 0 8px 2px 10px; width: 11px; }
.indPart4 li .img:hover img{transform:none;} 

.indPart5 .m{display: none;}
.indPart5 .mm{display: block;}

.m-contact{display:block;color: #fff;font-size: 20px;text-align: center;line-height: 70px;background: #545454;}


.bottom .bar {padding:20px 15px 10px 15px; } 
.bottom .bar li {height: 22px; line-height: 22px; width: 19%; margin-bottom: 8px; } 
.bottom .bar img {width: 100%; } 
.bottom .bar li a {font-size: 12px; border-right: 2px solid #929292; }
.bottom .txtBox {height: auto; } 
.bottom .txtBox .left ul{overflow: hidden; display: table; position: absolute; left: 50%; margin-left: -124px; margin-top: 20px; margin-bottom: 20px; } 
.bottom .left li:first-child {margin-left: 0; } 
.bottom .left li {margin-top: 0; margin-right: 20px; line-height: 20px; } 
.bottom .left li a {font-size: 14px; } 
.bottom .left input {font-size: 12px; padding: 0 7px; width: 80px; line-height: 22px; background: url(../images/a22.png) no-repeat right; background-size: 34px; } 
.bottom .left .selicon {top: 0px; width: 35px; height: 25px; left: 60px; right: 0; } 
.bottom .right {margin-right: 0; margin-top: 55px; text-align: center; padding: 0 15px; padding-bottom: 20px; } 
.bottom .right p:first-child {display: none; } 
.bottom .right p {font-size: 12px; }


.m-navBar ul{background: #e4e4e4 url(../images/m5.png) repeat-x 40px; overflow: hidden; } 
.m-navBar ul li{padding: 5px 0; float: left; } 
.m-navBar ul li a{display: inline-block; font-size: 12px; height: 30px; line-height: 30px; padding:0 8px; border-right: 1px solid #666; }

.wal {width: 100%;    width: 94%; }

.produceBox {padding-bottom: 30px; } 
.produceBox b {font-size: 20px; padding: 23px 0; } 
.produceBox .wal li {width: 49%; float: left; margin-bottom: 10px; margin-right: 2%; } 
.produceBox .wal li:nth-child(2n){margin-right: 0; } 
.produceBox .wal {padding: 10px 3% 0; } 
.produceBox .wal ul{width: 100%;} 
.produceBox .wal li p {font-size: 12px; height: 40px; line-height: 40px; padding: 0 14px; }
.produceBox .pageNumBox{display: none;} 

.m-loadMore{display: block; background: #e4e4e4; line-height: 35px; height: 35px; text-align: center; color: #333; width: 50%; margin: 0 auto; margin-top: 20px; }

.pageBox2 {padding: 23px 0 0px; }

.introduce .title {font-size: 20px; padding-bottom: 23px; } 
.introduce .part1 .leftDiv {width: 100%; float: none; } 
.introduce .part1 .contentBox {padding: 0 3% 0 3%; } 
.introduce .part1 .name {padding: 20px 0 8px; font-size: 24px; color: #000; } 
.introduce .part1 .content {font-size: 17px; line-height: 27px; margin-bottom: 20px; } 
.introduce .part1 .imgDiv {width: 94%; margin-right: 3%; margin-bottom: 20px; } 
.introduce .part2 {padding: 20px 3% 20px; } 
.introduce .part2 .content {width: 100%; padding-right: 0; font-size: 14px; line-height: 25px; } 
.introduce .part2 .imgDiv {width: 100%; margin-top: 20px; }
.WrapMore1 {height: 35px; line-height: 35px; } 

.WrapPart1 .txtBox {top: 25px; left: 10%; padding: 10px; } 
.WrapPart1 .txtBox b {font-size: 20px; } 
.WrapPart1 .txtBoxsp i {margin: 8px 0 4px 0; } 
.WrapPart1 .txtBox i {font-size: 18px; margin: 0; } 
.WrapPart1 .txtBox p {font-size: 16px; color: #0c121c; } 

.WrapPart2 .WrapMore1 {margin-top: 18px; margin-left: 0; position: absolute; left: 50%; margin-left: -79px; } 
.WrapPart2 .txtBox {width: 100%;    padding-bottom: 80px; } 
.WrapPart2 .txtBox b {font-size: 24px; margin: 20px 3%; } 
.WrapPart2 .txtBox p {font-size: 16px; line-height: 25px; height: auto; margin-left: 3%; margin-right: 3%; } 
.WrapPart2 img {width: 94%; margin-left: 3%; } 

.WrapPart3 {background: #fff;margin-top: 10px; } 
.WrapPart3 img {width: 94%; margin-left: 3%; } 
.WrapPart3 .txtBox {width: 100%;    padding-bottom: 82px; } 
.WrapPart3 .txtBox b {font-size: 24px; margin: 20px 3%; color: #0c121c; } 
.WrapPart3 .txtBox p {font-size: 16px; line-height: 25px; height: auto; margin-left: 3%; margin-right: 3%; color: #0c121c; } 
.WrapPart3 .WrapMore2 {margin-top: 20px; margin-left: -89px; } 

.WrapMore2 {color: #fff; background: #333333; height: 35px; line-height: 35px; position: absolute; left: 50%; } 

.WrapPart4 {position: relative; background: #fff; padding: 20px 3%; } 
.WrapPart4 .txtBox {position: static; left: 3%; margin-left: 0; width: 100%; padding: 20px 0; } 
.WrapPart4 .txtBox b {font-size: 24px; } 
.WrapPart4 .WrapMore1 {margin-top: 11px; } 

.WrapPart5 {padding: 20px 3%; } 
.WrapPart5 .txtBox {width: 100%; } 
.WrapPart5 .txtBox b {font-size: 24px; margin: 0px 3% 20px; } 
.WrapPart5 .txtBoxsp i {margin: 8px 0 4px 0; } 
.WrapPart5 .txtBox i {font-size: 18px; } 
.WrapPart5 img {width: 100%; margin-top: 20px; } 

.WrapPart6 {background: #fff; margin-top: 0px; padding: 0; margin-bottom: 20px; } 
.WrapPart6 img {width: 94%; margin-left: 3%; } 
.WrapPart6 .txtBox {width: 100%; padding-bottom: 20px; } 
.WrapPart6 .txtBox b {font-size: 24px; margin: 20px 3%; color: #0c121c; } 
.WrapPart6 .txtBox p {font-size: 16px; line-height: 25px; height: auto; margin-left: 3%; margin-right: 3%; color: #0c121c; } 
.WrapPart6 .WrapMore2 {margin-top: 20px; margin-left: -89px; }

.case .title {font-size: 20px; padding-bottom: 23px; } 
.case .list li {width: 50%; } 
.case .list li .hideBox {display: block; position: static; width: 100%; } 
.case .list li .name {height: 50px; font-size: 14px; color: #333; position: static; width: 100%; margin-left: 0; margin-top: 0; background: #fff; } 
.case .list li .name p {display: block; margin: 0 auto; text-align: center; width: 100%; border-top: #fff solid 0px; border-bottom: #fff solid 0px; height: 50px; line-height: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0; }

.pageBox2 .pageNumBox{display: none;}
.lxBox{padding: 23px 0;}



.advantage .title {font-size: 20px; padding-bottom: 23px; } 
.advantage .list li .contentBox {position: static; height: auto; padding-bottom: 20px;width: 100%; } 
.advantage .list li .name {font-size: 16px; padding: 20px 0 10px 3%; } 
.advantage .list li dl {padding-left: 3%; } 
.advantage .list li dd {padding-bottom: 10px; } 
.advantage .list li dd .txt1 {font-size: 15px; } 
.advantage .list li .name2 {padding: 10px 0 0 3%; font-size: 16px; } 
.advantage .list li .msg {font-size: 14px; padding: 10px 3% 0 3%; line-height: 24px; } 
.advantage .list li .name3 {padding: 0 0 0 3%; font-size: 16px; } 
.advantage .list li .name4 {padding: 10px 0 0 3%; font-size: 16px; }


.contact .title {font-size: 20px; padding-bottom: 23px; } 
.contact .leftDiv {width: 100%; } 
.contact .leftDiv .contentBox {padding: 30px 3% 0 3%; } 
.contact .leftDiv .box1 {margin-bottom: 50px; } 
.contact .leftDiv .name {font-size: 16px; padding-bottom: 5px; } 
.contact .leftDiv li {padding-left: 30px; height: 32px; line-height: 32px; font-size: 14px; } 
.contact .leftDiv li img {top: 4px; } 
.contact .bigImg {width: 94%; margin-right: 3%; margin-bottom: 20px;}

.pageBox {padding: 23px 0 30px; } 


.video .title {font-size: 20px; padding-bottom: 23px; } 
.video .list li {width: 48.5%; margin-bottom: 10px; margin-right: 3%; } 
.video .list li:nth-child(2n){margin-right: 0;} 
.video .list li .box {margin-right: 0px; } 
.video .list ul {margin-right: 0px; } 
.video .list li .name {font-size: 12px; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.lxpageNum{display: none;}

.m-loadMore1{background: #B1B1B1;}

.about {padding-top: 23px; } 
.about .title{font-size: 20px;padding-bottom: 23px;} 
.about .part1 .leftDiv {width: 100%; } 
.about .part1 .leftDiv .contentBox {padding: 20px 3% 0; } 
.about .part1 .leftDiv .txt1 {font-size: 17px; padding-bottom: 10px; } 
.about .part1 .leftDiv .txt2 {font-size: 14px; color: #333; } 
.about .part1 .leftDiv .content {font-size: 14px; padding-top: 20px; line-height: 25px; color: #333; } 
.about .part1 .rightDiv {margin-top: 20px; width: 100%; } 
.about .part1 .rightDiv .contentBox {position: absolute; left: 3%; top: 24px; padding-right: 0; width: 94%; } 
.about .part1 .rightDiv .list li {padding-left: 10px; height: auto; margin-bottom: 14px; background: url(../images/bg1.png) repeat; position: relative; /* width: 100%; */ } 
.about .part1 .rightDiv .list li .ico {left: 10px; } 
.about .part1 .rightDiv .list li .name1 {font-size: 14px; padding: 5px 0 0px 49px; } 
.about .part1 .rightDiv .list li .name2 {font-size: 12px; padding-left: 49px; padding-bottom: 5px; } 
.about .part2 {margin-top: 20px; } 
.about .part2 .leftDiv {width: 100%; } 
.about .part2 .rightDiv {width: 100%; } 
.about .part2 .rightDiv .contentBox {padding: 20px 3% 0 3%; } 
.about .part2 .rightDiv .name1 {font-size: 16px; } 
.about .part2 .rightDiv .name2 {font-size: 14px; padding-bottom: 10px; } 
.about .part2 .rightDiv .list li .p1 {font-size: 14px;    height: 40px; } 
.about .part2 .rightDiv .list li .msg {font-size: 14px; } 
.about .part3 {padding: 20px 0 20px; } 
.about .part3 .txt1 {font-size: 16px; } 
.about .part3 .txt2 {font-size: 14px; padding-top: 5px;} 
.about .part3 .list {padding-top: 20px; } 
.about .part3 .list li {width: 100%; margin-bottom: 10px; } 
.about .part3 .list ul {margin-right: 0; } 
.about .part3 .list li .box {margin-right: 0; height: auto; padding-top: 35px; } 
.about .part3 .list li .content {padding: 10px 20px ; font-size: 14px; line-height: 26px; color: #999; } 
.about .part3 .list li .p1 {padding-left: 39px; font-size: 16px; background: url(../images/ico1.png) 20px 7px no-repeat; } 
.about .part4 .leftDiv {width: 100%; } 
.about .part4 .rightDiv {width: 100%; } 
.about .part4 .rightDiv .list {padding-top: 30px; } 
.about .part4 .rightDiv .list li {margin-bottom: 30px; } 
.about .part4 .rightDiv .list li .p1 {font-size: 16px; } 
.about .part4 .rightDiv .list li .p2 {font-size: 14px; padding-bottom: 5px; padding-top: 5px; }
.about .part4 .rightDiv .list li .p3 {font-size: 13px; }


.honer {padding-bottom: 0; } 
.honer .title {font-size: 20px; padding-bottom: 23px; } 
.honer .list li {float: left; width: 48.5%; margin-bottom: 10px; margin-right: 3%; } 
.honer .list li:nth-child(2n){margin-right: 0;} 
.honer .list li .box {margin-right: 0; } 
.honer .list ul {margin-right: 0; } 
.honer .list li .name {padding-top: 0; font-size: 14px; height: 35px; line-height: 35px; overflow: hidden; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pageNum{display: none;}


.join .title {font-size: 20px; padding-bottom: 23px; } 
.join .txt {padding: 15px 0 15px 14px; font-size: 18px; } 
.join .msg {padding: 0 0 20px 15px; font-size: 14px; } 
.join .form {padding-left: 4%; width: 92%; } 
.join .bigBox {height: auto; background: #000; } 
.join .form li .box em {line-height: 40px; font-size: 14px; } 
.join .form li .box {height: 40px; padding-left: 30px; } 
.join .form li .box .input1 {height: 40px; line-height: 40px; font-size: 14px; color: #fff; } 
.join .form li .box .tips {position: absolute; right: 0px; top: 0px; line-height: 40px; width: 42px; font-size: 14px; } 
.join .form li .box .selectDiv {color: #fff; width: 100%; height: 40px; line-height: 40px; font-size: 14px; background: url(../images/selectIco.png) 115% center no-repeat; } 
.join .form li .box.sel_1{padding-left: 65px;}
.join .form li .box.sel_2{padding-left: 121px;}
.selectLayer li {height: 30px; line-height: 30px; overflow: hidden; padding-left: 10px; color: #666; font-size: 14px; } 
.join .btnGroup {padding: 30px 0 20px 0px; } 
.join .btnGroup ul{display: table; margin: 0 auto; } 
.join .btnGroup li {float: left; margin-right: 10px; } 
.join .btnGroup li a {display: inline-block; width: 100px; height: 40px; background: #262728; color: #fff; font-size: 14px; text-align: center; line-height: 40px; }

.lxcon .wal{    width: 100%;}


.policy .title {text-align: center; font-size: 20px; color: #262728; padding-bottom: 23px; } 
.policy .bigBox {padding: 20px; } 
.policy .txt1 {font-size: 18px; } 
.policy .content {font-size: 14px; line-height: 26px; padding-bottom: 20px; } 
.policy .txt2 {font-size: 16px; padding-bottom: 7px; }


.job .title {font-size: 20px; padding-bottom: 23px; } 
.job_T {height: 50px; } 
.job_T li {float: left; font-size: 14px; color: #fff; height: 50px; line-height: 50px; width: 33.33%; text-align: center; } 
.job_T li:nth-child(2){display: none;} 
.job_T li:nth-child(4){display: none;} 
.job_T li:nth-child(6){display: none;} 

.job_T .lbox {padding: 0; } 
.job_B li .topDiv dd {height: 50px; line-height: 50px; font-size: 14px; width: 33.33%; } 
.job_B li .topDiv dd:nth-child(2){display: none;} 
.job_B li .topDiv dd:nth-child(4){display: none;} 
.job_B li .topDiv dd:nth-child(6){display: none;} 
.job_B li .topDiv dl {padding: 0; } 
.job_B li .topDiv {height: 50px; background: #2e2e2e; color: #fff; } 
.job_B li .box {padding: 0 10px 30px; } 
.job_B li .txt {padding-top: 20px; }

.newsDetail .name {font-size: 20px; padding-bottom: 32px; } 
.newsDetail .bigBox {padding: 20px 3% 20px; } 
.newsDetail .imgDiv img {max-width: 100%; } 
.newsDetail .imgDiv {padding: 20px 0; } 
.newsDetail .botDiv {padding-top: 40px; }

.news {padding-bottom: 0; } 
.news .title {font-size: 20px; padding-bottom: 23px; } 
.news .list ul {margin-right: 0; } 
.news .list li {width: 48.5%; margin-bottom: 15px; margin-right: 3%; } 
.news .list li:nth-child(2n){margin-right: 0; } 
.news .list li .box {margin-right: 0; } 
.news .list li .name {padding-top: 10px; font-size: 16px; height: 25px; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.news .list li .content {padding-top: 10px; height: 50px; line-height: 25px; overflow: hidden; font-size: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden; } 
.news .list li .more {padding-top: 5px; font-size: 12px; }

.m-ccc{display: none;}

.WrapPart1 .img:hover img {transform: none;}
.WrapPart2 .img:hover img {transform: none;}
.WrapPart3 .img:hover img {transform: none;}
.WrapPart4 .img:hover img {transform: none;}
.WrapPart5 .img:hover img {transform: none;}
.WrapPart6 .img:hover img {transform: none;}
.WrapPart2 .img{width: 100%;}
.WrapPart3 .img{width: 100%;}
.WrapPart4 .img{width: 100%;}
.WrapPart5 .img{width: 100%;}
.WrapPart6 .img{width: 100%;}
.news .list li .imgDiv:hover img{transform:none;}
.case .list li:hover img{transform:none;}
.produceBox .wal li .img:hover img{transform: none;}

.headDiv1{display: none;}
.WrapPart1 .banner22{display: block;}
.banner22 .swiper-pagination {text-align: center; padding-left: 0px; padding-bottom: 0px; }
.banner22 .swiper-pagination-bullet{width: auto; height: auto; background: none; color: #fff; font-size: 18px; opacity: 1 } 
.banner22 .swiper-pagination-bullet-active{font-size: 14px; }

}