/*! www.vancheer.com  |  Powered by vancheer */
@media screen and ( max-width:1366px ){
	.headDiv{ height:120px;}
	.headDiv .wal{ height: 120px; }
	.headDiv .logo{ top:22px;}
	.headDiv .txt{ padding-left: 582px; line-height: 120px; font-size: 20px;}
	.headDiv .lan li{ font-size: 20px;  line-height: 120px;}
	.headDiv .mxf{ right: 185px; top: 37px; }
	.nav .wal{ width:1200px;}
	.nav ul{ margin-right:-49px;}
	.nav li{ margin-right: 49px;}
	.headDiv .logo img{ width:530px;}
	.nav{ height:60px;}
	.nav li{ height:60px; line-height:60px; }
	.nav a{ line-height: 60px;}
	.sNav{ top:167px;}
	}
@media screen and ( max-width:1004px ){
	.wal, .wal2, .w1040{width:100%;}
	.headDiv{ height:50px;}
	.headDiv .wal{ height:50px;}
	.headDiv .logo{ position:absolute; left:8px; top: 15px;}
	.headDiv .logo img{ width: 180px; }
	.PC-Box, .headDiv .mxf, .headDiv .txt, .headDiv .lan, .nav, .banner, .sideBar, .pageBanner, .pageNow, .pageNav, .pageNum, .w220{ display:none;}
	.Phone-Box, .headDiv .lanTel, .navIco, .bannerTel, .pageBannerTel, .pageTitleTel, .pageMore{ display:block;}
	.indexTitle .title1{ font-size: 18px; line-height: 18px; height: 35px;}
	.indexTitle .title2{ padding-top: 10px; font-size: 14px;}
	.pageBox{ padding:20px 10px 50px;}
	.indexPart1{ padding: 30px 0 0;}
	.indexPart1 .bigBox{ padding-top: 15px;}
	.indexPart1 .leftDiv{ width: 100%; margin-right: 0px;}
	.indexPart1 .mxfDiv{ height: auto; padding: 0 15px 30px;}
	.indexPart1 .mxfDiv .txt{ padding: 25px 0; font-size: 16px;}
	.indexPart1 .list li{ height: 154px; font-size: 16px;}
	.indexPart1 .list li .wen{ padding: 18px 0 0 15px; }
	.indexPart1 .list li .wen em{ padding-right: 14px; }
	.indexPart1 .list li .wen2{ left: 15px;}
	.indexPart1 .list li .ico{ right: 15px;}
	.indexPart1 .rightDiv{ width: 100%; }
	.indexPart1 .rightDiv .imgDiv img{ width: 100%; }
	.indexPart1 .contentBox{ width: 85%; height: 124px;}
	.indexPart1 .contentBox .gth{ padding: 10px 0 0 10px; font-size: 16px; }
	.indexPart1 .contentBox .gth em{ font-size: 20px; top: 2px;}
	.indexPart1 .contentBox .fang{ padding: 5px 0 0 10px; }
	.indexPart1 .contentBox .fang li{ font-size: 12px; }
	.indexPart1 .contentBox .ico{ right: 15px; bottom: 12px; }
	.indexPart2{ padding: 30px 0 40px;}
	.indexPart2 .bigBox{ padding-top: 15px;}
	.indexPart2 .detail{ width: 100%; height: auto;}
	.indexPart2 .detail .imgDiv img{ width: 100%;}
	.indexPart2 .detail .botDiv{ height: 100px; }
	.indexPart2 .detail .name{ padding: 20px 15px 10px; font-size: 16px; }
	.indexPart2 .detail .msg{ font-size: 13px; padding: 0 15px; line-height: 20px; height: 40px; }
	.indexPart2 .rightDiv{ width: auto; padding: 20px 10px 0;}
	.indexPart2 .rightDiv li{ height: 84px; margin-bottom: 8px;}
	.indexPart2 .rightDiv li a{ height: 84px; padding: 0 10px 0 100px;}
	.indexPart2 .rightDiv li .timeDiv{ font-size: 12px; left: 10px; height: 84px; width: 72px; }
	.indexPart2 .rightDiv li .timeDiv b{ padding-top: 16px; font-size: 24px; }
	.indexPart2 .rightDiv li .name{ line-height: 22px; height: 44px; font-size: 15px; padding-top: 15px; }
	.indexPart2 .rightDiv li .ico{ display: none; }
	.indexPart3{ padding: 30px 10px; }
	.indexPart3 .list ul{ margin-right: 0px; }
	.indexPart3 .list li{ float: none; width: 100%; margin-bottom: 20px;}
	.indexPart3 .list li .box{ margin-right: 0px; padding-bottom: 58px;}
	.indexPart3 .list li .contentBox{ width: 226px; margin-left: -113px; height: 124px;}
	.indexPart3 .list li .name{ padding: 30px 0 15px; font-size: 16px;}
	.indexPart4{ padding: 30px 10px; }
	.indexPart4 .bigBox{ padding-top: 15px;}
	.indexPart4 .leftDiv{ width: 100%; }
	.indexPart4 .leftDiv .txt{ left: 15px; bottom: 12px; height: 44px; line-height: 22px; overflow: hidden; font-size: 14px; padding-right: 10px; }
	.indexPart4 .rightDiv{ width: 100%; }
	.indexPart4 .rightDiv li .name{ left: 15px; bottom: 12px; font-size: 14px; }
	.indexPart4 .rightDiv li .name img{ padding-left: 10px; top: -1px;}
	.indexPart5{ height: auto; padding: 0 10px 40px;}
	.indexPart5 .leftDiv{ width: 100%; height: auto; background: none;}
	.indexPart5 .txt1{ padding: 25px 0 12px; font-size: 16px; }
	.indexPart5 .txt2{ font-size: 14px; padding-bottom: 10px; }
	.indexPart5 .contentBox{ height: auto; min-height: 90px; padding-left: 130px; }
	.indexPart5 .contentBox .imgDiv img{ width: 118px; }
	.indexPart5 .contentBox .name{ font-size: 14px; padding-bottom: 15px; }
	.indexPart5 .contentBox .list li{ font-size: 12px; line-height: 22px;}
	.indexPart5 .rightDiv{ padding-left: 0px; padding-top: 0px;}
	.footDiv{ padding-top: 25px; height:auto;}
	.footDiv .leftDiv, .footDiv .midDiv, .footDiv .rightDiv{ display: none; }
	.footDiv .mxfDiv{ width: 100%; float: none;}
	.footDiv .share{ text-align: center; }
	.footDiv .share ul{ margin-right: 0px; }
	.footDiv .share li{ float: none; display: inline-block; width: 31px; height: 31px; margin: 0 3px; }
	.foot{ padding: 15px 10px; height:auto; background:none; }
	.foot .wal{ height:auto;}
	.foot .msg{ float: none; line-height:22px; color: #666; text-align: center;}
	.foot .msg a{ color:#666;}
	.foot .ri, .foot .links{ display: none; }
	.about{ padding-bottom: 30px; }
	.about2{ padding: 30px 0 35px; }
	.about .name{ font-size: 18px; padding-bottom: 20px;}
	.about .content{ line-height: 26px;}
	.about .tab2{ padding-top: 30px; height: 65px;}
	.about .tab2 li{ margin-right: 1px; width: 33%; height: 40px; line-height: 40px; font-size: 12px; }
	.about .txt{ font-size: 16px;}
	.about .imgDiv{ padding-bottom: 20px; }
	.about .imgDiv img{ width: 100%; }
	.aboutList{ height: auto; background: #ececec; padding-bottom: 25px;}
	.aboutList .list{ padding-top: 45px; }
	.aboutList .list li{ width: 50%; margin-bottom: 20px;}
	.aboutList .list li .ico{ padding-bottom: 12px; }
	.aboutList .list li .ico img{ width: 80px;}
	.aboutList .list li .num{  font-size: 14px;}
	.aboutList .list li .num b{ font-size: 26px; }
	.aboutList .list li .msg{ font-size: 14px; }
	.group{ padding-bottom: 50px; }
	.group .title{ font-size: 18px; padding-bottom: 20px;}
	.group .imgDiv img{ width: 100%; }
	.honorTab{ height: 56px;}
	.honorTab li{ margin-right: 0px; font-size: 14px; width: 33.33%; }
	.honorTab li a{ width: 100%; height: 40px; line-height: 40px;}
	.honorPic{ padding: 20px 0 80px; }
	.honorPic .slick{ margin: 0 5px;}
	.honorPic .slick .imgDiv{ padding: 5px;}
	.honorPic .slick .name{ font-size: 14px; height: 30px; line-height: 30px; padding-top: 5px;}
	.honorPic .slick-prev{ left: 50%; margin-left: -45px; bottom: 20px; top: auto; margin-top: 0px;}
	.honorPic .slick-next{ right: 50%; margin-right: -45px; bottom: 20px; top: auto; margin-top: 0px;}
	.honor .list{ padding: 30px 0 0 0px;}
	.honor .list li{ float: none; width: 100%;  font-size: 13px; margin-bottom: 20px;}
	.customer{ padding-bottom: 0px; }
	.customer .title{ font-size: 18px; padding-bottom: 20px;}
	.customer .tab2{ height: 90px; }
	.customer .tab2 li{ margin-right: 1px; width: 33%; height: 40px; line-height: 40px; font-size: 14px; }
	.customer .list ul{ margin-right: -10px; }
	.customer .list li{ width: 50%; margin-bottom: 10px; }
	.customer .list li .box{ margin-right: 10px; }
	.concern{ padding: 20px 0 10px; }
	.concern .title{ font-size: 18px; padding-bottom: 20px;}
	.concern .msg{ padding-bottom: 25px; line-height: 26px;}
	.concern .list{ padding-bottom: 35px; }
	.concern .list ul{ margin-right: -10px; }
	.concern .list li{ width: 50%; margin-bottom: 15px; }
	.concern .list li .box{ margin-right: 10px;}
	.concern .list li .midDiv{ height: 108px; padding: 0 10px; }
	.concern .list li .name{ padding-top: 10px; font-size: 14px;}
	.concern .list li .content{ padding-top: 10px; }
	.concern .list li .botDiv{ height: 38px; padding: 0 10px; font-size: 13px;}
	.concern .list li .botDiv a{ height: 38px; }
	.concern .list li .more{ line-height: 38px;}
	.concern .list li .time{ right: 10px; line-height: 38px; }
	.news{ padding-bottom: 0px;}
	.news .title{font-size: 18px; padding-bottom: 20px;}
	.news .list{ padding-bottom: 40px; }
	.news .list li{ height: 115px; padding-left: 135px; }
	.news .list li .imgDiv{ top: 15px; }
	.news .list li .imgDiv img{ width: 125px; }
	.news .list li .name{ padding-top: 15px; font-size: 16px; height: 44px; line-height: 22px;}
	.news .list li .content{ display: none; }
	.news .list li .time{ padding-top: 15px; color: #b3b3b3; }
	.news .list li .btnDiv{ display: none;}
	.newShow{ padding: 20px 0; }
	.newShow .name{ font-size: 18px; padding-bottom: 10px; }
	.newShow .time{ padding-bottom: 24px;}
	.newShow .content{ line-height: 26px; padding-top: 20px;}
	.newShow .imgDiv{ padding: 25px 0; }
	.newShow .imgDiv img{ width: 100%; }
	.pageDown{height:auto;}
	.pageDown .box{ padding-top:20px; padding-right: 0px;}
	.pageDown .btn{position:relative; top:0px; margin-top: 10px;}
	.culture{ padding-bottom: 0px; }
	.culture .title{font-size: 18px; padding-bottom: 20px;}
	.culturePic{ margin: 0px; padding-bottom: 80px;}
	.culturePic .slick{ margin: 0px;}
	.culturePic .slick-prev{ left: 50%; margin-left: -45px; bottom: 20px; top: auto; margin-top: 0px;}
	.culturePic .slick-next{ right: 50%; margin-right: -45px; bottom: 20px; top: auto; margin-top: 0px;}
	.training{ padding-bottom: 0px; }
	.training .title{font-size: 18px; padding-bottom: 20px;}
	.training .msg{ padding-bottom: 25px;}
	.training .list{ padding-bottom: 30px; }
	.training .list ul{ margin-right: -10px; }
	.training .list li{ width: 50%; margin-bottom: 15px; }
	.training .list li .box{ margin-right: 10px;}
	.training .list li .name{ height: 39px; padding: 0 15px; line-height: 38px; background: none;}
	.training .list li:hover .name{ background: none;}
	.power{ padding-bottom: 30px; }
	.power .title{ font-size: 18px; padding-bottom: 28px; }
	.power .wenBox{ padding-top: 32px;}
	.power .wen{ font-size: 20px; background-size: 230px; height: 32px; line-height: 32px;}
	.power .content{ line-height: 26px; padding: 30px 0 45px;}
	.power .content b{ font-size: 16px; }
	.power .list{ padding-bottom: 48px; }
	.power .list li{ width: 50%; margin-bottom: 30px; }
	.power .list li .box{ padding-left: 25px; }
	.power .list li .num{ font-size: 22px;}
	.power .list li .num b{ font-size: 36px; }
	.power .list li .fs{ height: 45px; font-size: 16px; }
	.power .list li .fs em{ width: 30px; height: 3px;}
	.powerPic{ padding-bottom: 80px; }
	.powerPic .slick{ margin: 0 5px;}
	.powerPic .slick .imgDiv{ padding: 5px;}
	.powerPic .slick .name{ font-size: 14px; height: 30px; line-height: 30px; padding-top: 5px;}
	.powerPic .slick-prev{ left: 50%; margin-left: -45px; bottom: 20px; top: auto; margin-top: 0px;}
	.powerPic .slick-next{ right: 50%; margin-right: -45px; bottom: 20px; top: auto; margin-top: 0px;}
	.design{ padding-bottom: 0px; }
	.design .title{ font-size: 18px; padding-bottom: 25px; }
	.design .content{ padding-bottom: 25px; }
	.design .wen{ font-size: 16px; padding-bottom: 45px; }
	.design .wen2{ padding-bottom: 20px; }
	.design .list1{ padding: 0; }
	.design .list1 ul{ margin-right: 0px; }
	.design .list1 li{ float: none; width: 100%; margin-bottom: 30px;}
	.design .list1 li .box{ margin-right: 0px; }
	.design .list1 li .name{ padding-top: 20px;}
	.design .mxfDiv{ width: auto; padding-bottom: 70px;}
	.design .mxfDiv p{ padding-top: 20px;}
	.design .list2 ul{ margin-right: -10px; }
	.design .list2 li{ width: 50%; margin-bottom: 25px; }
	.design .list2 li .box{ margin-right: 10px; }
	.design .list2 li .imgDiv{ padding: 5px; }
	.design .list2 li .imgDiv img{ width: 100%; }
	.design .list2 li .name{ padding-top: 10px; font-size: 14px;}
	.teamwork .title{ font-size: 18px; padding-bottom: 25px; }
	.teamwork .content{ line-height: 26px; padding-bottom: 35px;}
	.teamwork .list{ padding: 0 0 20px; }
	.teamwork .list ul{ margin-right: 0px; }
	.teamwork .list li{ float: none; width: 100%;}
	.teamwork .list li .box{ margin-right: 0px; }
	.teamwork .list li .imgDiv img{ width: 100%; }
	.teamwork .list li .name{ padding-top: 10px; height: auto; line-height: 24px; font-size: 14px; }
	.production{ padding-bottom: 0px; }
	.production .title{ font-size: 18px; padding-bottom: 25px; }
	.production .msg{ line-height: 26px; padding-bottom: 20px;}
	.system{ padding: 20px 0 0; }
	.system .title{ font-size: 18px; padding-bottom: 20px;}
	.system .content{ line-height: 26px; padding-bottom: 20px; }
	.system .list ul{ margin-right: 0px; }
	.system .list li{ width: 100%; margin-bottom: 25px; }
	.system .list li .box{ margin-right: 0px; }
	.system .list li .name{ padding-top: 10px; height: 24px; line-height: 24px; font-size: 14px; }
	.control{ padding: 20px 0 0; }
	.control .title{ font-size: 18px; padding-bottom: 20px;}
	.control .content{ line-height: 26px; padding-bottom: 20px; }
	.control .list{ padding-bottom: 30px; }
	.control .list ul{ margin-right: -10px; }
	.control .list li{ width: 50%; margin-bottom: 15px; }
	.control .list li .box{ margin-right: 10px;}
	.control .list li .name{ height: 39px; padding: 0 15px; line-height: 38px;}
	.certification{ padding: 20px 0 0; }
	.certification .title{ font-size: 18px; padding-bottom: 20px;}
	.certification .content{ line-height: 26px; padding-bottom: 20px; }
	.certification .list ul{ margin-right: 0px; }
	.certification .list li{ width: 100%; margin-bottom: 25px; }
	.certification .list li .box{ margin-right: 0px; }
	.certification .list li .name{ padding-top: 10px; height: 24px; line-height: 24px; font-size: 14px; }
	.productType{ padding: 20px 0 0px; }
	.productType .title{ font-size: 18px; padding-bottom: 20px; }
	.productType .content{ font-size: 14px; line-height: 26px; padding-bottom: 30px; }
	.productType .bigBox{ padding: 0;}
	.productType .leftImg{ float: none; }
	.productType .leftImg img{ width: 100%; }
	.productType .btnGroup{ float: none; padding-top: 40px; }
	.productType .btnGroup li{ margin-bottom: 15px;}
	.productType .btnGroup li a{ text-indent: 30px; width: 100%; height: 45px; line-height: 45px;}
	.product{ padding: 20px 0 10px; }
	.product .title{ font-size: 18px; padding-bottom: 25px; }
	.product .list{ padding-bottom: 35px; }
	.product .list ul{ margin-right: -10px; }
	.product .list li{ width: 50%; margin-bottom: 15px;}
	.product .list li .box{ margin-right: 10px; }
	.product .list li .name{ height: 35px; line-height: 35px; font-size: 14px;}
	.job{ padding:0 0 20px;}
	.job .title{ font-size: 18px; padding-bottom: 20px; }
	.job .list li{ margin-bottom:15px;}
	.job .list li .name a{ font-size: 15px; height: 45px; line-height: 45px; background: #efefef; padding-left: 10px;} 
	.job .list li.liNow .name a{ background:#0b4292;}
	.job .list li .box{ padding:10px 15px 40px;} 
	.job .list li .top dd{    width: 100%; padding-right: 0px; font-size: 12px; display: block;} 
	.job .list li .top em{ position: relative; font-size: 12px; line-height: 28px;}
	.job .list li h2{ padding:25px 0 10px;}
	.contact{ padding: 20px 0 0px; }
	.contact .name1{ font-size: 18px;}
	.contact .list{ padding: 25px 0 5px; }
	.contact .list li{ float: none; width: 100%; margin-bottom: 25px; border-bottom: #ddd solid 1px; padding-bottom: 20px; }
	.contact .list li .wen{ font-weight: bold; font-size: 18px; color: #0b4292; padding: 15px 0 12px; }
	.contact .list li .msg{ font-size: 14px; line-height: 28px; }
	.contact .mapDiv iframe{ width: 100%;height: 100%; }

    .lyb{ padding-bottom: 40px; }
	.lyb .msg{ padding-bottom: 20px;}
	.lyb .form {padding: 20px 15px 90px; } 
	.lyb .form ul{ margin-right: 0px; }
	.lyb .form li{ float: none; width: 100%; }
	.lyb .form li .box{height: 43px; padding-left: 90px; margin-right: 0; width: auto; } 
	.lyb .form li em {width: 80px; left: 6px; } 
	.lyb .form li .input1 {width: 100%; padding: 0 5%; box-sizing: border-box; } 
	.lyb .textarea {padding-top: 10px; } 
	.lyb .textarea textarea {width: 100%; height: 115px; padding: 10px 5%; box-sizing: border-box; }
	.lyb .btnDiv .btn1{margin-right:10px;}
	}

