﻿@media screen and ( max-width:768px ){
	.wal{width:100%;}
	.indexBg{ display:none;}
	.h10Tel{ display:block;}
	.headDiv{height:60px; background:#FFF;}
	.headDiv .wal{height:60px; position:relative;}
	.headDiv .nav{ display:none;}
	.headDiv .topRight{ display:none;}
	.headDiv .logo{position:absolute; left:10px; top:10px;}
	.headDiv .logo img{ width:130px;}
	.headDiv .img{height:45px; position:absolute; left:150px; top:8px; padding-left:10px; background:url(../images/line1.jpg) left center no-repeat;}
	.headDiv .img img{ width:80px;}
	.navIco{display:block; width:50px; height:50px; background:url(../images/navIco.png) center no-repeat; background-size:70%; position:absolute; top:5px; right:10px; z-index:22}
	.headDiv .searchTel{display:block; width:40px; height:50px; background:url(../images/nimg29_3.png) center no-repeat; background-size:70%; position:absolute; top:5px; right:60px; z-index:22}
	.topSearch{ display:none;}
	.headDiv .topSearchA{ display:none;}
	.carousel{ display:none;}
	.indexFlashTel{ display:block;}
	.sideBar{ display:none;}
	.footDiv_r{ padding-left:0px; width:100%;}
	.footDiv_r .list{ padding-left:10px;}
	.footDiv_r li{ margin:0; float:left; width:25%;}
	.footDiv_r li div{ padding-right:10px;}
	.footDiv_r li img{ width:100%;}
	.footDiv_r .tel{ padding-left:10px;}


    .indexPart1{ padding:32px 0 60px 0;}
	.indexPart1 li{ float:none; width:100%; height:100%; position:relative;  overflow:hidden; margin-bottom:15px;}
	.indexPart1 li .imgDivTel{ display:block;}
	.indexPart1 li .imgDivTel img{ display:block; width:100%;}
	.indexPart1 li .imgDiv{ display:none;}
	.indexPart1 li .box{ padding:0 0 25px 0; background:#fff; position:relative; width:100%; height:100%;}
	.indexPart1 li .imgDiv img{ display:block; width:100%;} 
	.indexPart1 li .title{ font-size:14px; color:#000; padding:10px 0 0 10px;}
	.indexPart1 li .title2{ font-size:12px; color:#eb5405; padding-top:8px; padding-left:10px;}
	.indexPart1 li .ico,.indexPart1 li .ico2{ display:none;}
	.indexPart1 li .content{ display:none;}
	.indexPart1 li .name a{ background:none; font-size:12px; height:auto; line-height:20px; padding:8px 10px 10px 10px;}
	.indexPart1 li .more{ position:absolute; right:10px; font-size:12px; color:#e77918; bottom:15px;}


	.indexPart2{ padding:35px 0 80px 0;}
	.indexPart2 .title2{ color:#eb5405; font-size:14px; text-align:center; text-transform:uppercase; padding:15px 0 35px 0;}
	.indexPart2 .list{ padding-left:10px;}
	.indexPart2 ul{ width:100%; height:auto;}
	.indexPart2 li{ float:left; width:50%; height:auto; margin-right:0px; margin-bottom:10px;}
	.indexPart2 li .box{ margin-right:10px; position:relative;}
	.indexPart2 li a{ display:block; position:relative; width:100%; height:auto;}
	.indexPart2 li .imgDiv img{ display:block; width:100%;}
	/*.indexPart2 li a .bg{ height:74px;}
	.indexPart2 li a .name{ padding:10px 10px 0 10px; font-size:14px; color:#fff; line-height:22px; display:block; overflow:hidden; height:45px;}*/
	.indexPart2 li a .bg{ height:94px; overflow:hidden;}
	.indexPart2 li a .name{ padding:10px 10px 0 10px; font-size:14px; color:#fff; line-height:22px; display:block; overflow:hidden; height:45px;}
	.indexPart2 li a .msg{ height:24px; line-height:22px; padding:5px 10px 0 10px;}
	.indexPart2 li a .ico{ display:none;}
	.indexPart2 li.li01{ display:block;}
	.indexPart3{background:url(../images/indexPart3Tel.jpg) center no-repeat; background-size:100% 100%; height:auto; padding:10px 10px 40px 10px;}
	.indexPart3 .fl, .indexPart3 .fr{ float:none;}
	.indexPart3_l{ padding-top:10px; width:100%;}
	.indexPart3_l .imgDiv img{ display:block; width:100%;}
	.indexPart3_l .list{ display:none;}
	.indexPart3_r{ padding-top:20px; width:100%;}
	.indexPart3_r img{ width:100%; display:block;}
	.indexPart4{ padding:50px 0;}
	.indexPart4 .titleImg{ text-align:center; padding:0 20% 15px 20%;}
	.indexPart4 .titleImg img{ width:100%;}
	.indexPart4 .msg{ text-align:center; font-size:14px; padding:0 50px;}
/*	.indexPart4 .wal{height:380px; position:relative;}
	.indexPart4 .list ul{ width:100%;}
	.indexPart4 .list li{position:absolute; float:none; margin:0; width:105px; height:105px;}
	.indexPart4 .li01{margin-left:-130px; top:0px;}
	.indexPart4 .li02{margin-left:-52px; top:220px;}
	.indexPart4 .li03{margin-right:-130px; top:0px;}
	.indexPart4 .li04{margin-left:-160px; top:125px;}
	.indexPart4 .li05{margin-right:-160px; top:125px;}*/
	.indexPart4 .list{ display:none;}
	.indexPart4 .imgDiv{ display:block; padding:30px 10px 0;}
	.indexPart4 .imgDiv img{ width:100%;}
	.indexPart5{background:#70bbb5; background-size:100% 100%; height:auto; padding:10px 10px 40px 10px;}
	.indexPart5 .title{ text-align:center; font-size:24px; color:#fff; padding:28px 0 5px 0;}
	.indexPart5 .title2{ text-align:center; font-size:14px; color:#fff; text-transform:uppercase; padding-bottom:15px;}
	.videoBox{ display:none;}
	.videoBoxTel { min-height:100px; _height:100px; position:relative; display:block;}
	.videoBoxTel .bigImg img{ width:100%; display:block}
	.videoBoxTel .box{ background:#fff;}
	.videoBoxTel .leftBtn { display:block; background:url(../images/nimg8_left.png) left center no-repeat; width:40px; height:105px; position:absolute; z-index:10; left:3px; bottom:0;}
	.videoBoxTel .rightBtn { display:block; background:url(../images/nimg8_right.png) right center no-repeat; width:40px; height:105px; position:absolute; z-index:10; right:3px; bottom:0;}
	.videoBoxTel .list {height:105px; overflow:hidden; position:relative; margin:0px auto; background:#fff; width:100%;}
	.videoBoxTel li {float:left; width:128px; text-align:center; height:94px; overflow:hidden; position:relative;}
	.videoBoxTel li img { width:100px; height:66px; position:relative; top:8px;}
	.videoBoxTel .liNow div { background:url(../images/nimg100Bg.png) center top no-repeat; width:100%; height:74px; position:absolute; z-index:10; left:0; top:8px;}
	.videoBoxTel li p{ padding-top:10px; color:#333;}
	.indexPart6Pic{ display:none;}
	.indexPart6TelPic{ display:block;}
	.indexPart6TelPic{ overflow:hidden; position:relative; background:#FFF; width:100%; padding-top:10px;}
	.indexPart6TelPic .leftBtn{position:absolute; z-index:10; left:0px; top:40px; display:block; width:27px; height:27px; overflow:hidden; background:url(../images/nimg27_left.png) left top no-repeat;}
	.indexPart6TelPic .rightBtn{position:absolute; z-index:10; right:0px; top:40px; display:block; width:27px; height:27px; overflow:hidden; background:url(../images/nimg27_right.png) left top no-repeat;}
	.indexPart6TelPic .leftBtn:hover{ background:url(../images/nimg27_lefton.png) left top no-repeat;}
	.indexPart6TelPic .rightBtn:hover{ background:url(../images/nimg27_righton.png) left top no-repeat;}
	.indexPart6TelPic .list{ overflow:hidden; position:relative; padding:0 30px;}
	.indexPart6TelPic li{float:left; width:33.33%; overflow:hidden; background:none; position:relative;}
	.indexPart6TelPic li div{ padding:0 5px;}
	.indexPart6TelPic li img{ cursor:pointer; border:#cccccc solid 1px; width:100%; display:block;}
	.footDiv{ height:auto; background:#dce8e7; padding-top:25px; padding-bottom:25px;}
	/*.footDiv .fl{ float:none;}*/
	.footDiv .footNav{ padding-left:20px; width:auto; padding-right:20px; padding-bottom:15px; display: none;}
	.footDiv .footNav li a{ font-size:14px; color:#000; line-height:24px;}
	.footDiv_m .ewmList{ height:auto; padding-bottom:15px;}
	.footDiv_m{ padding-left:10px; padding-bottom:15px;}
	.footDiv_m .ewmList li{ float:left; margin-right:26px;}
	.foot{ text-align:center; height:80px; background:#4e8b86; color:#ffffff; overflow:hidden; position:relative; line-height:80px; font-size:12px;}
	/*导航菜单触发*/
	.navLayer{overflow-x: auto; height:100%; width:100%; overflow:hidden; position:fixed; z-index:50; right:-100%; top:0px; /*background:url(../images/navbg.png) left repeat; position:fixed; z-index:50; top:0px; right:-112px; height:100%; width:100%;*/}
	.navLayer .ico { height:45px;}
	.navLayer .ico a{position:absolute; top:5px; right:10px; display:block; width:50px; height:50px; background:url(../images/navIco2.png) center no-repeat; background-size:70%;}
	.navLayer .close2{ padding-left:30px; margin-bottom:20px; top:16px; position:absolute; z-index:66}
	.navLayer .bg{overflow-x: auto;position:relative; background:url(../images/navbg.png) left repeat; height:100%; margin-left:25%;width:75%;}
	.subNav{cursor:pointer; display:block; height:35px; line-height:35px; position:relative;  font-size:14px; color:#fff; }
	.subNav .name{text-align:left; position:relative; padding-left:40px; background:url(../images/line3.png) repeat-x bottom;}
	.subNav .name .indexIco{ position:absolute; top:8px; left:15px;}
	.subNav a{ color:#fff;}
	.subNav1{background:url(../images/limg45.png) right center no-repeat;}
	.currentDt{background:url(../images/limg45_on.png) right center no-repeat; }
	.currentDd span{ color:#ff0000;}
	.navContent{display: none; border-bottom:1px solid #d27c78;}
	.navContent a{display:block;  height:35px; line-height:35px; color:#f2b8b6; width:100px; text-align:left; padding-left:40px;}


.searchLayer{ display:none; z-index:222; top:0px; left:0px; width:100%; height:60px; background:#fff; position:fixed;}
	.searchLayer .box{ padding:8px 50px 8px 8px;}
	.searchLayer .box .form{ width:100%; border-radius:20px; -moz-border-radius:20px; border:#cccccc solid 1px; height:42px; position:relative;}
	.searchLayer .close2{ width:34px; height:34px; display:block; background:url(../images/close.png) no-repeat left center; background-size:100%; position:absolute; right:8px; top:12px;}
	.searchLayer .form .input1{ width:200px; border:none; height:42px; line-height:42px; padding-left:10px;}
	.searchLayer .form .btn1{ position:absolute; right:5px; top:9px; background:url(../images/nimg29_3.png) no-repeat; width:29px; height:23px;}
	
	
	/*内页*/
	.pageBox{ padding:30px 10px;}
	.pageBox2{ padding:30px 0px;}
	.pageBanner{ display:none;}
	.pageBannerTel{ display:block;}
	.pageName{ display:none;}
	.pageTitle{margin-left:0px; width:157px; height:75px; font-size:14px; color:#FFF;}
	.pageTitle p{ font-size:24px; text-align:center; line-height:75px;}
	.about .name{ display:none;}
	.about .name2{ display:block; text-align:center; font-size:18px; background:url(../images/nimg232.png) no-repeat bottom center; height:32px;}
	.about .fl{ float:none;}
	.about .imgDiv img{ width:100%;}
	.about .content{ font-size:12px; line-height:22px; padding-left:0px; width:auto; padding-top:20px;}
	.news_1{ display:none;}
	.news_1Tel{ display:block; position:relative;}
	.news_1Tel li{ background:#f5f5f5; width:100%;}
	.news_1Tel li .imgDiv img{ width:100%; display:block;}
	.news_1Tel li h1 a{ padding:10px 10px 0; font-size:16px; display:block;}
	.news_1Tel li .time{ padding:8px 0 0 10px;}
	.news_1Tel li .content{ padding:15px 10px; height:70px; overflow:hidden; line-height:22px;}
	.news_1Tel li .btnDiv{width:100px; height:36px; margin:20px auto;}
	.news_1Tel li .btn{ display:block; width:100px; height:36px; line-height:36px; text-align:center; background:url(../images/btn1.png) left top no-repeat; color:#ff7701; font-size:14px;}
	.news_1Tel .leftBtn{ background:url(../images/nimg41_left.png) left top no-repeat; width:41px; height:70px; display:block; z-index:22; position:absolute; left:0px; top:30%; margin-top:-35px;}
	.news_1Tel .rightBtn{ background:url(../images/nimg41_right.png) left top no-repeat; width:41px; height:70px; display:block; z-index:22; position:absolute; right:0px; top:30%; margin-top:-35px;}
	.news_1Tel .leftBtn:hover{ background:url(../images/nimg41_leftOn.png) left top no-repeat;}
	.news_1Tel .rightBtn:hover{ background:url(../images/nimg41_rightOn.png) left top no-repeat;}
	.news_2 li{ width:100%; padding-left:0px; position:relative; height:100px; float:none;}
	.news_2 li .time{ width:80px; height:80px; background:#bbbbbb; position:absolute; left:0px; top:0px; border-radius:3px; -moz-border-radius:3px; text-align:center; color:#fff;}
	.news_2 li .time.liNow{ background:#ff7701;}
	.news_2 li .time b{ display:block; font-size:24px; padding-top:15px;}
	.news_2 li .time em{ font-size:12px;}
	.news_2 li .name a{ font-size:16px; font-weight:bold; padding-bottom:10px; display:block; padding-left:90px;}
	.news_2 li .name a.aNow{ color:#ff7701;}
	.news_2 li .content{ font-size:14px; width:auto; color:#999; line-height:24px; padding-left:90px; height: 47px;overflow: hidden;}
	.pageNum{ display:none;}
	.pageMore{ display:block; }
	.w900{ width:100%;}
	.newShow{ padding-bottom:45px; position:relative;}
	.newShow .name{ height:auto; line-height:24px; font-size:16px; color:#333;}
	.newShow .time{ background:url(../images/line4.png) repeat-x bottom; height:30px; padding-top:10px;}
	.newShow .time em{ padding:0 15px;}
	.newShow .content{ font-size:14px; line-height:24px; padding:30px 0;}
	.newShow .imgDiv{ padding-bottom:20px; text-align:center;}
	.newShow .imgDiv img{ display:block; width:100%;}
	.newShow .share{ position:relative;}
	.sideNews{ display:none;}
	.pageDown li{ padding-right:130px;}
	.join .part1{ padding:0 10px;}
	.join .part1 .imgDiv{ display:none;}
	.join .part1 .imgDivTel{ display:block;}
	.join .part1 .imgDivTel img{ width:100%; display:block;}
	.join .part2{ padding:0 10px;}
	.join .part2 .form{ display:none;}
	.join .part2 .form2{ display:block; padding-left:110px; position:relative; margin-top:20px;}
	.join .part2 .form2 p{ font-size:14px; position:absolute; left:0px; top:0px;}
	.join .part2 .form2 select{ width:100%; height:21px; border:#ff6f2b solid 1px; background:#f9f1e1;}
	.job .jobTop{ height:38px; background:#ff7701;}
	.job .jobTop li{ float:left; line-height:38px; color:#fff; font-weight:bold; font-size:12px;}
	.job .jobTop .li01{ width:20%; text-align:center;}
	.job .jobTop .li02{ width:20%; text-align:center;}
	.job .jobTop .li03{ width:20%; text-align:center;}
	.job .jobTop .li04{ width:20%; text-align:center;}
	.job .jobTop .li05{ width:20%; text-align:center;}
	.job .jobBottom li .div1{ height:auto; clear:both; background:#fbcaaa;}
	.job .jobBottom li .div1 a{ display:block; height:auto; padding:10px 0;}
	.job .jobBottom li .div1 a:hover{ background:#ff7701; color:#fff;}
	.job .jobBottom li .div1 dd{ float:left; line-height:24px; font-size:12px; border-bottom:none;}
	.job .jobBottom .dd01{ width:20%;  text-align:center;}
	.job .jobBottom .dd02{ width:20%;  text-align:center;}
	.job .jobBottom .dd03{ width:20%;  text-align:center;}
	.job .jobBottom .dd04{ width:20%; text-align:center;}
	.job .jobBottom .dd05{ width:20%; text-align:center;}
	.join .part3{ padding:30px 10px;}
	.join .part3 .msg{ font-size:14px; padding:20px 0;}
	.join .part3 .list a{ margin-bottom:20px;}
	.jobShow .part1{ height:48px; line-height:22px; border-bottom:#e0e0e0 solid 1px; position:relative;}
	.jobShow .part1 .name{ font-size:14px; font-weight:bold; padding-left:10px;}
	.jobShow .part1 .time{ position:relative; padding-left:34px;}
	.jobShow .content{ padding:25px 10px; font-size:12px; line-height:22px;}
	.jobShow .btnDiv{ padding:0; width:142px; height:38px; margin:10px auto 40px;}
	.knowledge .tab{ height:80px; text-align:center;}
	.knowledge .tab li{ width:130px; height:36px; float:none; display:inline-block; margin-right:15px; text-align:center; line-height:36px; font-size:14px; background:#e3e3e3; border-radius:4px; -moz-border-radius:4px;}
	.knowledge .list ul{ width:100%;}
	.knowledge .list li{ width:100%; margin:0 0 40px 0; height:auto; float:none;}
	.knowledge .list li .name a{ height:50px; line-height:50px;}
	.knowledge .list li .imgDiv{ width:100%; height:auto;}
	.knowledge .list li .imgDiv img{ width:100%; display:block;}
	.knowledge .list li .content{ padding:0; font-size:14px; line-height:24px; height:72px; overflow:hidden;}
	.partners .name{ font-size:20px; font-weight:bold;}
	.partners .title{ font-size:14px; padding-bottom:18px;}
	.partners .box{ border:#fdebb2 solid 5px; padding:20px 0 30px 10px;}
	.partners li{float:left; width:33.33%; overflow:hidden; margin:0 0 20px 0; height:auto; position:relative;}
	.partners li div{ padding-right:10px;}
	.partners li img{ cursor:pointer; border:#cccccc solid 1px; width:100%; height:auto; display:block;}
	.partners .pageMore2{ display:block;}
    .partners .pageMore3{ display:none; }
	.store .name{ font-size:20px;}
	.store .title{ font-size:14px;}
	.store .form{ display:none;}
	.store .form2{ display:block; height:40px; padding-bottom:15px;}
	.store .form2 li{ float:left; width:25%;}
	.store .form2 select{ height:40px; background:#fff; border:#d9d9d9 solid 1px; border-right:none; width:100%;}
	.store .form2 .btn1{ background:#ff7701; color:#fff; text-align:center; height:40px; font-size:14px; width:100%;}
	.Dot .fl{width:100%; border:none;}
	.Dot .fr{ display:none;}
	.Dot .msg{font-size:16px; height:47px; line-height:46px; padding-left:18px; border:#e2e2e2 solid 1px;}
	.Dot .list{ height:732px; overflow:hidden; position:relative; border-left:#e2e2e2 solid 1px; border-right:#e2e2e2 solid 1px;}
	.Dot .btnDiv{ border-bottom:#e2e2e2 solid 1px; height:61px; border-right:#e2e2e2 solid 1px;}
	.Dot .btnDiv .btn1,.Dot .btnDiv .btn2{ width:50%;} 
	.store .online{ margin:30px 0; height:auto; position:relative; padding-left:0px;}
	.store .online p{ font-size:14px; font-weight:bold; position:relative; left:0px; top:0px; line-height:40px;}
	.store .online li{ float:left; margin-right:0px; width:25%; margin-bottom:15px;}
	.store .online li div{ padding-right:15px;}
	.store .online li img{ display:block; border:#e7e7e7 solid 1px; width:100%;}

.search{ padding:10px;}
	.search .tab{ height:50px; text-align:center;}
	.search .tab li{ width:130px; height:36px; float:none; display:inline-block; margin-right:15px; text-align:center; line-height:36px; font-size:14px; background:#e3e3e3; border-radius:4px; -moz-border-radius:4px;}



    	.aboutTab{ height: auto; text-align:center; width:292px; margin:0 auto;}
	.aboutTab a{ width:130px; height:36px; float:left; display:inline-block; margin:0 8px 10px 8px; text-align:center; line-height:36px; font-size:14px; background:#e3e3e3; border-radius:4px; -moz-border-radius:4px;}
	}


@media screen and ( max-width:320px ){
	.headDiv .logo{position:absolute; left:10px; top:15px;}
	.headDiv .logo img{ width:100px;}
	.headDiv .img{height:38px; position:absolute; left:120px; top:13px; padding-left:10px; background:url(../images/line1.jpg) left center no-repeat;}
	.headDiv .img img{ width:70px;}
	.indexPart6TelPic .leftBtn{ top:20px;}
	.indexPart6TelPic .rightBtn{ top:20px;}
	.foot{  line-height:24px; font-size:12px; height:auto; padding:15px 0}
	}