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


@media screen and ( max-width:1440px ){
	.indexPart3 .list li .imgDiv{ left: 3%; }
	.about .part1 .pageTitle .title{ font-size: 46px; }
	.about .part1 .list ul{ margin-right: -60px; }
	.about .part1 .list li .box{ margin-right: 60px;}
	.about .part1 .list li .msg{ line-height: 30px;}
	.about .part2 .list ul{ margin-right: -50px; }
	.about .part2 .list li .box{ margin-right: 50px;}
	.about .part2 .list li .msg{ line-height: 30px;}
	.history .list li{ padding: 86px 34.8% 86px 18.8%;}
	.history .list li .imgDiv img{ width: 340px; }
	.product .list li .imgDiv{ left: 3%; }
	.productShow2 .content{ padding-right: 5%;}
	.productShow2 .btnList{ padding-right: 5%; }
	.contactBox .list{ padding-top: 6%; }
	.contactBox .list ul{ margin-right: -24px; }
	.contactBox .list li{ margin-bottom: 24px;}
	.contactBox .list li .box{ padding-bottom: 20px; margin-right: 24px;}
	.contactBox .list li .ewm{ padding-top: 20px; }
	.contactBox .list li .name{ padding-top: 20px; }
	.join .part2 .list li{ margin: 0 15px;}
	.join .part2 .list li .box{ width: 360px; }
	.join .part4 .leftDiv{ width: 35%; }
	.join .part4 .wen{ padding-top: 20px; font-size: 50px; padding-bottom: 15px; }
	.join .part4 .msg1{ font-size: 18px; line-height: 36px;}

	}


@media screen and ( max-width:1004px ){
	.main-wrap{ margin-bottom: 0px; }
	.wal2{ width: 100%; }
	.header{ padding: 0; height: 50px;} 
	.header.hov{background:#f5f5f5;} 
	.header2.hov{background:none;} 
	.header .logo{ position: absolute; left: 10px; top: 7px; }
	.header .logo img{ width: 36px; }
	.nav, .PC-Box, .topSearch, .pageNum{ display: none; }
	.Phone-Box, .navIco, .pageMore{ display: block; }
	.indexPart1{ padding: 0 10px; }
	.indexPart1 .bigBox{ padding: 0 0 45px; }
	.indexPart1 .leftDiv, .indexPart1 .rightDiv{ width: 100%; }
	.indexPart1 .imgDiv{ padding-right: 0; }
	.indexPart1 .txt1{ font-size: 46px; padding-top: 30px; padding-left: 15px; line-height: 30px;}
	.indexPart1 .txt2{ font-size: 15px; padding-left: 15px;}
	.indexPart1 .content{ font-size: 12px; line-height: 26px; padding-top: 25px; padding-right: 15px; padding-left: 15px; padding-bottom: 25px;}
	.indexPart1 .btnDiv{ padding-left: 15px; }
	.indexPart1 .btnDiv a{ width: 100px; height: 30px; line-height: 30px;}
	.indexPart3{ padding: 0 10px; }
	.indexPart3 .tou{ padding: 0 15px; height: auto;}
	.indexPart3 .txt1{ font-size: 46px; padding-top: 30px; line-height: 30px;}
	.indexPart3 .txt2{ font-size: 15px;}
	.indexPart3 .tab2{ position: relative; right: 0px; top: 0px; padding: 25px 0; overflow: hidden;}
	.indexPart3 .tab2 li{ margin-left: 0px; margin-right: 28px;}
	.indexPart3 .tab2 li:last-child{ margin-right: 0px; }
	.indexPart3 .list li{ float: none; width: 100%}
	.indexPart3 .list li .box{ border-right:none;  height: 200px;}
	.indexPart3 .list li .boxbox{ height: 190px;}
	.indexPart3 .list li .imgDiv{ left: 10px; top: 35px; }
	.indexPart3 .list li .imgDiv img{ width: 130px; }
	.indexPart3 .list li .name{ padding-top: 25px; font-size: 14px; padding-bottom: 0px; height: 44px; line-height: 22px; overflow: hidden; margin-bottom: 5px;}
	.indexPart3 .list li .msg{ padding-top: 5px; padding-bottom: 0px; margin-bottom: 15px; height: 36px; line-height: 18px; overflow: hidden;}
	.indexPart3 .list li .btnDiv{width: 90px; height: 28px;}
	.indexPart3 .list li .btnDiv a{ width: 88px; height: 26px; line-height: 26px;}
	.indexPart3 .list .li01 .box{ height: 200px; }
	.indexPart3 .list .li01 .boxbox{ height: 190px; padding-left: 50%;}
	.indexPart3 .list .li01 .imgDiv{ position: absolute; text-align: left; padding-top: 0px; left: 10px; top: 35px; }
	.indexPart3 .list .li01 .price{ display: none; }
	.indexPart3 .list .li01 .name{ font-weight: normal; text-align: left; font-size: 14px; padding-top: 25px; }
	.indexPart3 .list .li01 .msg{ padding-top: 5px; text-align: left;}
	.indexPart3 .list .li01 .btnDiv{ margin: 0; }
	.indexPart3 .list .li02 .box{ border-bottom: none; }
	.indexPart4{ padding: 30px 10px; }
	.indexPart4 .tou{ padding: 0 15px; height: 102px;}
	.indexPart4 .txt1{ font-size: 46px; padding-top: 30px; line-height: 30px;}
	.indexPart4 .txt2{ font-size: 15px; }
	.indexPart4 .more{ right: 15px; top: 36px; }
	.indexPart4 .list{ padding: 30px 15px 40px; }
	.indexPart4 .list ul{ margin-right: 0px; }
	.indexPart4 .list li{ float: none; width: 100%; margin-bottom: 25px;}
	.indexPart4 .list li .box{ margin-right: 0px; }
	.indexPart4 .list li .name{ padding-top: 20px; font-size: 15px;}
	.indexPart4 .list li .msg{ font-size: 12px; padding-top: 10px; height: 40px; line-height: 20px;}
	.pageBanner{ padding: 0 10px;}
	.pageBanner .txt{ height: 42px; line-height: 42px; font-size: 14px;}
	.pageBanner .ico{ width: 70px; height: 40px; margin-left: -35px; margin-top: -20px;}
	.pageBanner .ico img{ width: 70px; }
	.pageBanner .nameDiv{ left: 15px; bottom: 15px; }
	.pageBanner .name1{ padding-top: 10px; font-size: 16px; }
	.pageBanner .name2{ display: none; }
	.pageBox{ padding:20px 10px 20px;}
	.pageTitle{ padding-left: 0px; }
	.pageTitle .title{ font-size: 46px; line-height: 30px;}
	.pageTitle .txt{ font-size: 15px; }
	.news{ padding-top: 25px; }
	.news .list ul{ margin-right: 0px; }
	.news .list li{ float: none; width: 100%; margin-bottom: 25px;}
	.news .list li .box{ margin-right: 0px; padding: 10px 10px 45px;}
	.news .list li .name{ padding-top: 20px; font-size: 15px;}
	.news .list li .msg{ font-size: 12px; padding-top: 10px; height: 40px; line-height: 20px;}
	.news .list li .time{ text-align: center; color: #4c4c4c; font-size: 16px; font-family:aparaj;}
	.news .list li .hideBox{ position: absolute; left: 0px; top: 0px; width: 100%; background: url(../images/bg2.png) repeat; display: none; z-index: 5; }
	.news .list li .hideBox a{ display: block; width: 100%; height: 100%; }
	.news .list li .btnDiv{ position: absolute; left: 50%; top: 50%; margin-left: -60px; margin-top: -20px; width: 120px; height: 40px; background: #303030; color: #fff; text-align: center; line-height: 40px; }
	.news .list li:hover .box{-webkit-box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2);}
	.newShowBox{ padding: 20px 10px 45px;}
	.newShow{ padding: 45px 15px 50px;}
	.newShow .name{ font-size: 20px; padding-bottom: 10px;}
	.newShow .time{ font-size: 14px; padding-bottom: 20px;}
	.newShow .contentBox{ padding: 30px 0 35px; }
	.newShow .videoImg img, .newShow .imgDiv img{ width: 100%; }
	.newShow .content{ padding: 20px 0; line-height: 26px; font-size: 14px;}
	.pageDown{ padding-top: 30px;}
	.pageDown .share{ position: relative; top: 0px; overflow: hidden; padding-top: 20px;}
	.pageDown .share li{ margin-left: 0px; margin-right: 10px; width: 35px; height: 35px;}
	.pageDown .share li img{ width: 35px; }
	.video{ padding-top: 25px; }
	.video .list ul{ margin-right: 0px; }
	.video .list li{ float: none; width: 100%; margin-bottom: 25px;}
	.video .list li .box{ margin-right: 0px; padding: 20px 15px 0;}
	.video .list li .ico{ margin-left: -35px; margin-top: -20px; width: 70px; height: 40px; background-size: 70px;}
	.video .list li .name{ font-size: 14px; height: 45px; line-height: 45px;}
	.about{ padding: 50px 0 25px; }
	.about .part1{ padding: 0 15px; }
	.about .part1 .pageTitle{ position: relative; left: 0; }
	.about .part1 .rightDiv{ padding-left: 0; padding-top: 25px;}
	.about .part1 .content{ font-size: 14px; line-height: 30px; padding-bottom: 45px; }
	.about .part1 .list{ padding-bottom: 50px; }
	.about .part1 .list ul{ margin-right: 0px; }
	.about .part1 .list li{ float: none; width: 100%; margin-bottom: 25px;}
	.about .part1 .list li .box{ padding-left: 110px; margin-right: 0px;}
	.about .part1 .list li .ico{ width: 90px; height: 90px; background-size: 90px;}
	.about .part1 .list li .ico2{ background: url(../images/nimg100_2.png) no-repeat; background-size: 90px;}
	.about .part1 .list li .name1{ padding-top: 20px; font-size: 22px; }
	.about .part1 .list li .name2{ font-size: 14px;}
	.about .part1 .list li .wen{ line-height: 30px; font-size: 16px; padding-top: 5px;}
	.about .part1 .list li .msg{ line-height: 26px; font-size: 13px; padding: 25px 0 35px;}
	.about .part1 .list li .msg em{ position: absolute; left: 0px; bottom: 0px; display: block; width: 48px; height: 1px; background: #c4c4c4; }
	.about .bigImg img{ width: 100%; }
	.about .part2{ padding: 45px 15px 10px; }
	.about .part2 .list{ padding-top: 30px;}
	.about .part2 .list ul{ margin-right: 0px; }
	.about .part2 .list li{ float: none; width: 100%; height: auto; margin-bottom: 35px;}
	.about .part2 .list li .box{ padding-left: 90px; margin-right: 0px;}
	.about .part2 .list li .ico img{ width: 70px; }
	.about .part2 .list li .name1{ padding-top: 5px; font-size: 20px; }
	.about .part2 .list li .msg{ padding-top: 15px; font-size: 13px; line-height: 26px; }
	.history{ padding: 35px 15px 10px; }
	.history .pageTitle{ padding-bottom: 35px; padding-left: 0;}
	.history .list li{ height: auto; padding: 25px 0;}
	.history .list li .year{ position: relative; left: 0; top: 0; padding-bottom: 20px;}
	.history .list li .year b{ font-size: 50px; line-height: 36px; }
	.history .list li .imgDiv{ position: relative; right: 0; top: 0; }
	.history .list li .imgDiv img{ width: 100%; }
	.history .list li .subList{ padding-top: 20px; }
	.history .list li .subList dd{ font-size: 14px; line-height: 26px; }
	.product{ padding-top: 25px; padding-bottom: 30px;}
	.product .tab2{ position: relative; right: 0px; top: 0px; padding: 25px 0; overflow: hidden;}
	.product .tab2 li{ display: block; float: left; margin-left: 0px; margin-right: 28px;}
	.product .tab2 li:last-child{ margin-right: 0px; }
	.product .list{ padding-top: 5px; }
	.product .list ul{ margin-right: 0px;}
	.product .list li{ float: none; width: 100%}
	.product .list li .box{ margin-right: 0px; height: 190px;}
	.product .list li .imgDiv{ left: 10px; top: 35px; }
	.product .list li .imgDiv img{ width: 130px; }
	.product .list li .name{ padding-top: 25px; font-size: 14px; padding-bottom: 0px; height: 44px; line-height: 22px; overflow: hidden; margin-bottom: 5px;}
	.product .list li .msg{ padding-top: 5px; padding-bottom: 0px; margin-bottom: 15px; height: 36px; line-height: 18px; overflow: hidden;}
	.product .list li .btnDiv{width: 90px; height: 28px;}
	.product .list li .btnDiv a{ width: 88px; height: 26px; line-height: 26px;}
	.pageMore2 a{ height: 45px; line-height: 45px;}
	.productShow{ padding: 0 0 25px; }
	.productShow .part1{ padding: 30px 10px 40px; margin-bottom: 40px; background: #fff;}
	.productShow2{ padding-left: 0; width: 100%; }
	.productShow2 .name{ padding-top: 20px; font-size: 18px; padding-bottom: 15px;}
	.productShow2 .content{ line-height: 24px; padding-top: 20px; padding-right: 0;}
	.productShow2 .price{ padding: 20px 0 35px; font-size: 24px;}
	.productShow2 .btnList{ padding-right: 0; }
	.productShow2 .btnList ul{ margin-right: -5px; }
	.productShow2 .btnList li{ float: left; width: 33.33%; }
	.productShow2 .btnList li div{ margin-right:5px; }
	.productShow2 .btnList li img{ padding-right: 5px; }
	.productShow .part2{ padding: 30px 10px 35px;}
	.productShow .part2 .longImg{  padding-bottom: 55px; }
	.productShow .part2 .longImg img{ max-width: 100%; }
	.productShow .part2 .botDiv{ border-top: #f5f5f5 solid 1px; padding-top: 50px; }
	.productShow .part2 .keywords{ text-align: left; overflow: hidden; }
	.productShow .part2 .keywords li{ padding: 0 12px; display: block; float: left; margin: 0 5px 5px 0;}
	.productShow .part2 .share{ padding-top: 20px; }
	.agentBox{ padding: 0 10px 25px; }
	.agent{ background: #d8dcdf; height: 400px; padding: 0 10px; }
	.agent .mxfDiv{ position: relative; height: 400px; }
	.agent .bigImg{ display: none; }
	.agent .txtDiv{ top: 24.24%;}
	.agent .txtDiv .txt1{ font-size: 40px; line-height: 30px;}
	.agent .txtDiv .txt2{ font-size: 16px;}
	.agent .form{ left: 0px; top: 46.8%; /*width: 100%;*/ height: 45px; margin-left: 0px;}
	.agent .form .input1{ height: 45px; line-height: 45px; text-indent: 15px; }
	.agent .form .btn1{ width: 140px; height: 45px; line-height: 45px; font-size: 14px; right:-50px;}
    .agent .form .btn2{ width: 140px; height: 45px; line-height: 45px; font-size: 14px; right: -227px;}
	.contactBox{ overflow: hidden; }
	.contactBox .leftImg{ width: 100%; }
	.contactBox .leftImg img{ width: 100%; }
	.contactBox .rightDiv{ padding: 20px 15px; width: auto; }
	.contactBox .txtDiv{ text-align: center; padding-top: 25px;}
	.contactBox .txtDiv .txt1{ font-size: 40px; line-height: 30px;}
	.contactBox .txtDiv .txt2{ font-size: 16px;}
	.contactBox .list{ padding-top: 25px; }
	.contactBox .list ul{ margin-right: -15px; }
	.contactBox .list li{ width: 50%; margin-bottom: 25px;}
	.contactBox .list li .box{ padding-bottom: 20px; margin-right: 15px; }
	.contactBox .list li .ewm{ padding-top: 25px; width: 125px; margin: 0 auto;}
	.contactBox .list li .ewm img{ width: 125px; }
	.contactBox .list li .name{ font-size: 14px; padding-top: 20px; }
	.join .part2{ margin-top: 25px; padding: 48px 0 40px; }
	.join .part2 .txt1{ font-size: 40px; line-height: 30px;}
	.join .part2 .txt2{ font-size: 16px;}
	.join .part2 .list{ padding-top: 25px; padding-left: 10px; padding-right: 10px;}
	.join .part2 .list li{ margin: 0 0 20px 0; display: block; }
	.join .part2 .list li .box{ height: auto; width: auto; padding-bottom: 40px;}
	.join .part2 .list li .ico{ padding: 42px 0 48px; }
	.join .part2 .list li .name1{ font-size: 18px; color: #393939; padding-bottom: 5px;}
	.join .part2 .list li .name2{ text-transform: uppercase; font-size: 30px; color: #393939; position: relative; height: 42px; font-family:aparaj;}
	.join .part2 .list li .name2 em{ position: absolute; left: 50%; bottom: 0px; width: 18px; height: 1px; margin-left: -9px; background: #a2a2a2; }
	.join .part3{ height: 350px; }
	.join .part3 .bigImg{ overflow: hidden; }
	.join .part3 .bigImg img{ height: 350px; width: auto; text-align: center;}
	.join .part4{ margin-top: 25px;  padding: 35px 15px 40px; }
	.join .part4 .leftDiv{ width: 100%; }
	.join .part4 .wen{ padding-top: 10px; font-size: 40px; padding-bottom: 5px; }
	.join .part4 .msg1{ font-size: 16px; line-height: 28px;}
	.join .part4 .rightImg{ width: 100%; padding-top: 25px;}

	}