@media only screen and (max-width:1760px){
	/*1760px 全站头部*/
	/*1760px nav*/
	#nav li {padding-left:27px; padding-right:27px;}
	/*1760px hmAbout*/
	.hmAbout li .round {width:220px; padding-bottom:220px;}
	.hmAbout li span {font-size:58px;}
}
@media only screen and (max-width:1600px){
	/*1600px certBox*/
	.certBox {padding:0 50px;}
	.certBox .owl-nav .owl-prev {left:-50px;}
	.certBox .owl-nav .owl-next {right:-50px;}
}
@media only screen and (max-width:1527px){
	/*1527px 全局样式*/
	.inner1400 {width:91.65%;}
	/*1527px 全站头部*/	
	.blank {height:83px;}
	.other {padding:15.5px 10px;}
	.other .btn {padding-left:15px; padding-right:15px;}
	/*1527px logo*/
	.logo a {width:150px; height:43px;}
	/*1527px language*/
	.searchForm, .language ul {top:67px;}
	/*1527px nav*/
	#nav li {padding:13px 14px;}
	/*1527px 首页*/
	/*1527px 模块标题*/
	.hmTitle {margin-bottom:3.5%;}
	.hmTitle h2 {font-size:58px;}
	/*1527px homeSlide*/
	.homeSlide .info {width:55%; left:7%; margin-top:41.5px;}
	.homeSlide h2 {font-size:42px;}
	.homeSlide .text {font-size:20px;}
	.homeSlide .more a {width:230px; font-size:18px;}
	/*1527px hmInd*/
	.hmInd .ul1 li h3 {font-size:40px;}
	.hmInd .ul2 li h3 {font-size:40px;}
	.hmInd .ul3 li h3 {font-size:40px;}
	/*1527px hmAbout*/
	.hmAbout li .round {width:200px; padding-bottom:200px;}
	.hmAbout li span {font-size:48px;}
	.hmAbout li p {font-size:24px;}
	/*1527px hmNetwork*/
	.hmNetwork {padding:35px 0;}
	.hmNetwork .info {padding:0;}
	.hmNetwork h2 {font-size:42px;}
	.hmNetwork .more {margin-top:5%;}
	/*1527px joinus*/
	.joinus {padding:4.911% 0;}
	.jobItem .top h2 {font-size:24px;}
	/*1527px contact*/
	.contact>ul>li .box {margin-left:25px;}
	.contact>ul>li .pic {width:160px; margin-left:-25px;}
	.contact>ul>li .info {margin-left:135px; padding:0 15px;}
	.contact>ul>li h3, .contact>ul>li h4 {font-size:16px; line-height: 1.5em;}
	.contact>ul>li p {font-size:14px; line-height: 1.75em; height:5.25em;}
	.contact>ul>li:nth-of-type(1) .pattern ul li{margin-bottom: 20px;}
	.contact>ul>li:nth-of-type(1) .pattern{margin-top: 60px;padding-top: 50px;}
	/*1527px pageBar*/
	.pageBar {padding:2.292% 0;}
	.pageBar h2 {font-size:36px;}
	/*1527px products*/
	.proSide {width:300px;}
	.proSide li a {padding-left:20px;}
	.proSide dd {padding-left:30px;}
	.proSide dd a {padding-left:0;}
	.proMain {margin-left:340px;}
	.proBox li p {padding:15px 20px;}
	/*1527px proDetails*/
	.proImg {width:51%;}
	.proDetails .info {width:45%;}
	/*1527px download*/
	.download li .info {margin-left:135px;}
	/*1527px development*/
	.development .intro h2 {font-size:36px;}
	.development .intro .text {font-size:20px;}
	/*1527px culture && profile*/
	.culture h2 {font-size:36px;}
	.culture .entry {font-size:20px;}
	.aboutYdf h3 {font-size:28px;}
	.aboutYdf li p {font-size:20px;}
	/*1527px branch*/
	.branch h2 {font-size:36px;}
	.branchBox:before {height:150px;}
	.branchBox .info h3 {height:150px; margin-left:20px; font-size:32px;}
	.branchBox .info h3:after {height:56px; bottom:-28px;}
	.branchBox .info .intro {margin-left:20px; margin-top:50px; height:14em;}
	.branchBox .city span {font-size:20px; width:94%; padding:0 3%;}
}
@media only screen and (min-width:1281px){
	.proSide.fot ul { overflow: auto; max-height: 400px;}
}
@media only screen and (min-width:1281px) and (max-height:730px){
	.proSide.fot ul { max-height: 342px;}
}
@media only screen and (min-width:1281px) and (max-height:690px){
	.proSide.fot ul { max-height: 175px;}
}
@media only screen and (max-width:1100px){
	/*1280px 全局样式*/
	.inner, .inner1400, .inner1200 {width:93.75%;}
	/*1280px 全站底部*/
	.footerTop {padding:3.2% 0;}
	.footerTop .left {width:65%;}
	/*1280px tip*/
	.tip {font-size:16px; padding-top:15px; margin-top:15px;}
	/*1280px 全站头部*/	
	.blank {height:74px;}
	.other {padding:11px 0;}
	.other:before {display:none;}
	.other .btn {padding-right:0; padding-left:30px;}
	/*1280px logo*/
	.logo a {width:120px; height:34px;}
	/*1280px language*/
	.language ul {margin-left:-50px !important; top:63px;}
	/*1280px search*/
	.searchForm {right:-15px; top:63px;}
	/*1280px nav*/
	#navBtn {display:block; position:relative; width:23px; height:23px; cursor: pointer;}
	#navBtn span {display:block; position:absolute; right:0; top:50%; margin-top:-1px; width:100%; height:2px; background-color:#666; cursor:pointer; transition:opacity .3s;}
	#navBtn span:before, #navBtn span:after {content:''; display:block; width:100%; height:2px; background-color:#666; position:absolute; right:0; transition:all .3s;}
	#navBtn span:before {top:-8px;}
	#navBtn span:after {bottom:-8px;}
	#navBtn.open span {height:0;}
	#navBtn.open span:before {transform:rotate(45deg); top:0;}
	#navBtn.open span:after {transform:rotate(-45deg); bottom:auto; top:0;}

	#nav {position:fixed; top:75px; right:-255px; background-color:#fff; box-shadow:0 2px 5px #333; height:100%; width:250px; overflow-y:auto; -webkit-overflow-scrolling:touch; transition:right .3s;}
	#nav.open {right:0;}
	#nav ul {padding:5px 0 79px;}
	#nav li {float:none; padding:0; position:relative;}
	#nav li em {display:block; position:absolute; left:0; top:0; width:100%; height:40px; z-index: 1;}
	#nav li a {padding:5px 1em;}
	#nav li.drop > a {padding-right:30px;}
	#nav li.drop > a:after {right:15px; transition:all .3s;}
	#nav li.open > a:after {transform:rotate(-135deg); margin-top:-2px;}
	#nav dl {position:static; left:auto; top:auto; opacity:1; height:auto; display:none;}
	#nav dl.show {padding:0;}
	#nav dl.open {display:block;}
	#nav dd a {padding-left:3em;}
	#nav dd a:before {top:18px; left:2em;}
	#nav dd a:hover {background-color:transparent; color:#333;}
	#nav dd a:hover:before {border-color:#333;}
	.navbg.show {display:none;}
	/*1280px 首页*/
	/*1280px 模块标题*/
	.hmTitle h2 {font-size:42px;}
	.hmTitle p {margin-top:10px;}
	/*1280px homeSlide*/
	.homeSlide .info {width:65%; margin-top:37px; padding:25px 2%;}
	.homeSlide h2 {font-size:28px;}
	.homeSlide .text {font-size:16px;}
	.homeSlide .more a {width:200px; font-size:14px; height:40px; line-height: 40px;}
	/*1280px hmPro*/
	.hmPro {padding:3.2% 0;}
	.hmPro li h3 {font-size:16px;}
	/*1280px hmInd*/
	.hmInd {padding:3.2% 0;}
	.hmInd .ul1 li h3 {font-size:30px;}
	.hmInd .ul2 li h3 {font-size:30px;}
	.hmInd .ul3 li h3 {font-size:30px;}
	.hmInd .ul2 li a {padding-bottom:115.5%;}
	/*1280px hmAbout*/
	.hmAbout {padding:3.2% 0;}
	.hmAbout ul {padding:2.5% 0; margin-bottom:2.5%;}
	.hmAbout li .round {width:160px; padding-bottom:160px;}
	.hmAbout li span {font-size:36px;}
	.hmAbout li p {font-size:20px;}
	.hmAbout li h3 {font-size:16px;}
	/*1280px hmNews*/
	.hmNews {padding:3.2% 0;}
	.hmNews li .info {padding:15px;}
	.hmNews li time {margin:-60px 0 10px; font-size:14px; width:70px; height:70px;}
	.hmNews li time i {font-size:28px; line-height: 30px; padding-top:10px;}
	.hmNews li h3 {margin-bottom:10px;}
	/*1280px hmNetwork*/
	.hmNetwork {padding:25px 0;}
	.hmNetwork h2 {font-size:36px; padding-bottom:10px; margin-bottom:10px;}
	/*1280px banner*/
	.banner {padding-bottom:24.609%;}
	/*1280px joinus*/
	.jobItem .top {padding-left:20px; padding-right:60px;}
	.jobItem .top:after {right:20px;}
	.jobItem .top h2 {font-size:20px;}
	.jobItem .intro {padding:10px 20px;}
	.jobItem .box {padding:10px 0;}
	/*1280px contact*/
	.contact h2 {font-size:28px;}
	.contact ul {width:102%;}
	.contact>ul>li {width:48%;}
	.contact:nth-of-type(1)>ul>li:nth-of-type(1){display: block;width: 100%;box-sizing: border-box;}
	.contact>ul>li:nth-of-type(1) .pattern{margin-top: 20px;padding-top: 20px;}
	.contact>ul>li:nth-of-type(1) .pattern ul li{margin-bottom: 15px;}
	/*1280px pageBar*/
	.pageBar h2 {font-size:28px;}
	.breadcrumb {padding:5px 0 5px 25px; background-position:left 7px;}
	/*1280px products*/
	.proSide {float:none; width:100%; margin-bottom:20px; position: static!important;}
	.proSide li {font-size:16px;}
	.proSide li a {padding-left:10px; border-left-width:5px; height:35px; line-height: 35px;}
	.proSide li em {height:35px;}
	.proSide dl {margin-bottom:5px;}
	.proSide dd {padding-left:15px;}
	.proSide dd a {padding-left:0; height:32px; line-height: 32px;}
	.proSide .cur dl {display:none;}

	.proMain {margin-left:0;}
	.proBox {margin-bottom:5px;}
	.proBox li p {padding:8px 15px; font-size:16px;}
	.proBox h3 {margin-bottom:15px; height:35px; line-height: 35px;}
	/*1280px proDetails*/
	.proImg {width:48%;}
	.proDetails .info {width:48%;}
	.proDetails .title {font-size:30px; padding-bottom:3%; margin-bottom:3%;}
	.proDetails .feature h4 {font-size:20px; margin-bottom:3%;}
	/*1280px sidebar*/
	.sidebar {width:230px; padding-right:25px;}
	.sideMenu li {font-size:16px;}
	/*1280px main*/
	.main {margin-left:285px;}
	/*1280px news*/
	.newsItem .info {margin-right:270px;}
	/*1280px download*/
	.download ul {width:auto;}
	.download li {float:none; width:auto; padding-right:0;}
	/*1280px globalService*/
	.globalService h2 {font-size:42px;}
	/*1280px petroleum*/
	.petroleum .info .num {width:65px;}
	.petroleum .info .text {margin-left:100px;}
	/*1280px development*/
	.development .intro h2 {font-size:28px;}
	.development .intro .text {font-size:18px;}
	.history #history {padding:0;}
	.history .info {margin-right:160px;}
	.history .item:nth-child(2n) .info {margin-left:160px;}
	/*1280px culture && profile*/
	.culture h2 {font-size:28px;}
	.culture .entry {font-size:18px;}
	.aboutYdf h3 {font-size:22px;}
	.aboutYdf li p {font-size:18px;}
	.culture .title {font-size:22px;}
	/*1280px certification*/
	.milestone .intro {font-size:18px;}
	.milestone h4 {height:40px; line-height: 40px; font-size:18px; width:150px;}

	.certification .intro {font-size:16px;}
	/*1280px branch*/
	.branch h2 {font-size:28px;}
	.branchBox:before {height:100px; width:100%;}
	.branchBox .info {width:auto; float:none; height:auto;}
	.branchBox .info h3 {height: 100px;}
	.branchBox .info h3 span {font-size:24px;}
	.branchBox .info .intro {height: auto; margin-bottom:20px; font-size:16px;}
	.branchBox .city.four, .branchBox .city {width:25%;}
	.branchBox .city .pic {padding-bottom:118.362%; margin-left:20px;}
	.branchBox .city span {font-size:18px; bottom:10px;}

}
@media only screen and (max-width:1080px){
	/*1080px subMenu*/
	.subMenu span {display:block; color:#fff; background-color:#034993; height:35px; line-height: 35px; padding:0 20px 0 10px; cursor:pointer; user-select: none; position:relative; font-size:16px;}
	.subMenu span:after {content:''; display:block; position:absolute; right:10px; top:50%; width:8px; height:8px; border-right:1px solid #fff; border-bottom:1px solid #fff; transform:rotate(45deg); margin-top:-6px;}
	.subMenu ul {display:none;}
	.subMenu li {float:none; padding:1px 0 0;}
	.subMenu li.cur {display: none;}
	.subMenu li a {height:35px; line-height: 35px; width:auto; text-align:left; padding:0 10px;}
	.training-top .img1{display: block;width: 60%;margin:auto;}
	.training-top .text{display: block;width: 100%;margin-top: 20px;margin-left: 0;}
	.training-top .img2{display: block;width: 40%;margin-top: 20px;margin-left: auto;margin-right: auto;}
	.guidelines-top .img{display: block;width: 100%;margin-right: 0;}
	.guidelines-top .text{display: block;margin-top: 20px;width: 100%;margin-top: 20px;}
	.guidelines-list ul li{width: 100%;margin-right: 0;margin-bottom: 10px;}
	.guidelines-list ul li .title{font-size: 24px;}

}
@media only screen and (max-width:960px){
	/*960px 全站底部*/
	.footerTop .left {width:auto; float:none; margin-bottom:20px;}
	.footerTop .right {width:auto; float:none;}
	/*960px tip*/
	.tip {font-size:16px; padding-top:15px; margin-top:15px;}
	/*960px hmAbout*/
	.hmAbout li .round {width:130px; padding-bottom:130px;}
	.hmAbout li span {font-size:32px;}
	.hmAbout li p {font-size:18px;}
	.hmAbout li h3 {font-size:14px;}
	/*960px contact*/
	.contact>ul {width:auto;}
	.contact>ul>li {float:none; width:auto;}
	/*960px sidebar*/
	.sidebar {width:auto; padding-right:0; float:none; border-right:none; padding-bottom:0;}
	.widget {margin-bottom:15px; overflow: hidden;}
	.sideMenu ul {width:102%;}
	.sideMenu li {font-size:14px; float:left; width:48%; padding-right:2%; margin-bottom:0; padding-bottom:2%;}
	.sideMenu li a {padding:8px 25px 8px 15px;}
	.sideMenu li i {right:10px;}
	/*960px main*/
	.main {margin-left:0;}
	/*960px afterSales*/
	.afterSales {display:block; width:auto;}
	.afterSales .entry {display:block; width:auto; margin-bottom:15px; font-size:16px;}
	.afterSales .pic {display:block; width:auto; padding-left:0;}
	.afterSales .pic img {margin:0 auto;}
	/*960px globalService*/
	.globalService .top {display:block; width:auto;}
	.globalService .map {display:block; width:auto; padding:0; margin-bottom:20px;}
	.globalService .info {display:block; width:auto; padding:0;}
	.globalService h2 {font-size:32px; text-align:center;}
	/*960px singlepage*/
	.singlepage .entry {font-size:16px; line-height: 1.875em;}
	/*960px petroleum*/
	.petroleum .entry {font-size:16px; line-height: 1.875em; margin-bottom:10px;}
	.petroleum .btm {display: block; width:auto;}
	.petroleum .pic {display:block; width:auto; margin-bottom:10px;}
	.petroleum .info {display:block; width:auto; padding-left:0;}
	.petroleum .info li {padding:5px 0;}
	.petroleum .info .num {width:50px;display:inline-block;}
	.petroleum .info .text {margin-left:60px;}
	.petroleum .info h3 {font-size:20px; margin-bottom:0;}
	.petroleum .info h3:after{width: 40px;margin-left: 15px;}
	.petroleum .info p {font-size:14px;}
	/*960px development*/
	.history {background-size:26px auto; background-position:left top; /* padding-top:54px; */}
	.history:before {left:12px; top:35px; margin-left:0;}
	.history .item {padding-left:12px; background-position:-3px top; padding-bottom:10px;}
	.history .box {width:auto;}
	.history .date {float:left; font-size:16px; padding-left:30px; width:60px; height:30px; line-height: 30px;}
	.history .date i {right:auto; left:-7.5px;}
	.history .info {margin-right:0; margin-left:105px; text-align:left; font-size:16px; line-height: 1.75em; padding:0;}

	.history .item:nth-child(2n) .box {float:none;}
	.history .item:nth-child(2n) .date {text-align:left;}
	.history .item:nth-child(2n) .info {margin-left:105px;}
	.training-list ul li{display: block;margin-right: 0;width: 100%;}
	.training-top .img1{width: 75%}
	.training-top .img2{width: 50%}
}
@media only screen and (max-width:768px){
	/*768px 全站底部*/
	.footerTop .left {margin-bottom:15px;}
	/*768px pages*/
	.pages {padding:0;}
	.pages ul {margin-left:85px;}
	.pages li {padding-right:20px;}
	/*768px tip*/
	.tip {padding-top:10px; margin-top:10px; font-size:14px;}
	/*768px footLogo*/
	.footLogo {margin-bottom:10px;}
	.footLogo img {margin:0 auto;}
	/*768px social*/
	.social {margin-bottom:10px;}
	.social .phone {margin-left:0; text-align:center;}
	/*768px follow*/
	.follow {float:none; margin-bottom:10px;}
	.follow ul {font-size:0; line-height: normal; text-align:center;}
	.follow li {display:inline-block; padding:0 3px; float:none;}
	.follow .wxqrcode {margin-left:-46px;}
	/*768px qrcode*/
	.qrcode img {margin:0 auto;}
	/*768px footBtm*/
	.footBtm {padding:10px 0;}
	/*768px pagelist*/
	.pagelist {float:none;}
	/*768px copyright*/
	.copyright {float:none;}
	/*768px 全站头部*/
	.blank {height:55px;}
	.other .btn {padding:15px 0 5px 8px;}
	/*768px logo*/
	.logo {padding:12px 0;}
	.logo a {width:110px; height:31px;}
	/*768px language*/
	.language ul {margin-left:-55px !important; top:44px; padding:0 10px;}
	.language ul::before {width:12px; height:12px; top:-6px; margin-left:-6px;}
	/*768px search*/
	.searchForm {width:200px; right:-75px; top:44px; padding:7px 10px;}
	.searchForm:before {right:80px;}
	/*768px nav*/
	#nav {top:56px;}
	#nav ul {padding-bottom:60px;}
	/*768px 首页*/
	/*1280px 模块标题*/
	.hmTitle h2 {font-size:26px;}
	.hmTitle p {font-size:14px; line-height: 1.5em; margin-top:0;}
	/*768px homeSlide*/	
	.homeSlide .info {width:84%; left:5%; margin-top:27.5px; padding:15px 3%;}
	.homeSlide h2 {font-size:20px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:5px;}
	.homeSlide .text {font-size:14px;}
	.homeSlide .more {margin-top:10px;}
	.homeSlide .more a {width:120px; font-size:12px; height:32px; line-height: 32px;}
	/*768px hmPro*/
	.hmPro li, .hmPro li.li3, .hmPro li.li5 {float:none; width:auto;}
	.hmPro li a, .hmPro li.li3 a, .hmPro li.li5 a {padding-bottom:0; text-align:left;}
	.hmPro li .info {position:static; left:auto; top:auto; transform:none; display:table; width:100%; table-layout:fixed; padding:0;}
	.hmPro li .pic {float:none; display:table-cell; vertical-align: middle; width:100px; padding:15px 0 15px 15px;}
	.hmPro li .text {display:table-cell; vertical-align:middle; padding:0; padding:15px;}
	.hmPro li h3 {white-space: normal; max-height:3em; font-size:14px;}
	.hmPro li span {margin-top:15px; width:25px; height:6px;}
	.hmPro li a:hover figure {transform:scale(1.0);}
	.hmPro li a:hover span {margin-top:15px;}
	.hmPro li.li3 .pic, .hmPro li.li5 .pic {width:100px;}
	.hmPro li.li3 span {display:block;}
	.hmPro li.li5 span {display:block; background-image:url(../images/arrow_white.png);}
	/*768px hmInd*/
	.hmInd ul, .hmInd .ul3 {float:none; width:auto;}
	.hmInd .ul1 li, .hmInd .ul3 li {float:left; width:50%;}
	.hmInd .ul1 li a, .hmInd .ul1 li:last-child a, .hmInd .ul3 li a {padding-bottom:65%; color:#fff;}
	.hmInd .ul2 li a {padding-bottom:45%; color:#fff;}
	.hmInd .ul1 li h3, .hmInd .ul2 li h3, .hmInd .ul3 li h3 {font-size:16px; top:50%; transform:translateY(-50%); text-align:center;}
	.hmInd li a:hover h3 {margin-top:0;}
	/*768px hmAbout*/
	.hmAbout ul {margin-bottom:0; padding-top:0;}
	.hmAbout li {float:none; width:auto;}
	.hmAbout li .box {display:table; width:100%; table-layout: fixed;}
	.hmAbout li .top {display:table-cell; width:90px; vertical-align: middle;}
	.hmAbout li .round {width:100%; padding-bottom:100%; margin-bottom:0;}
	.hmAbout li span {font-size:24px;}
	.hmAbout li p {font-size:12px;}
	.hmAbout li h3 {font-size:16px; display:table-cell; vertical-align: middle; text-align:left; padding-left:15px;}
	.hmAbout .more a {width:100px; height:32px; line-height: 32px; font-size:12px; padding-right:40px;}
	.hmAbout .more a:hover {width:115px;}
	.hmAbout .more a:after {width:36px; height:3px;}
	/*768px hmNews*/
	.hmNews li {float:none; width:auto; padding:0;}
	/*768px hmNetwork*/
	.hmNetwork {padding:15px 0;}
	.hmNetwork .box {display:block;}
	.hmNetwork .map, .hmNetwork .info {display:block; width:auto; padding:5px 0;}
	.hmNetwork h2 {font-size:24px; text-align:center;}
	.hmNetwork h2:after {width:100%;}
	.hmNetwork .intro {font-size:14px;}
	.hmNetwork .more {margin-top:15px;}
	.hmNetwork .more a {font-size:12px; height:32px; line-height: 32px; float:none; width:100px; margin:0 auto; padding-right:40px; transition:width .3s;}
	.hmNetwork .more i {width:36px; height:3px; margin-top:-1.5px;}
	.hmNetwork .more a:hover {width:115px; padding-right:40px;}
	/*768px joinus*/
	.jobItem .top {padding-left:15px; padding-right:50px;}
	.jobItem .top:after {right:0;}
	.jobItem .top h2 {font-size:18px;}
	.jobItem .top h3 {font-size:14px;}
	.jobItem .intro {padding:8px 15px; font-size:14px;}
	.jobItem .box {padding:7px 0;}
	.jobItem .apply a {width:130px; height:32px; line-height: 32px;}
	/*768px jobForm*/
	.jobForm .select {width:auto; padding-right:15px;}
	.jobForm .select:after {right:30px;}
	.jobForm .item {float:none; padding-right:15px; padding-bottom:10px;}
	.jobForm .item i {margin-top:-5px;}
	.jobForm .input {width:auto;}
	.jobForm .submit {width:100%;}
	/*768px contact*/
	.contact h2 {font-size:20px; padding-bottom:10px; margin-bottom:10px;}
	.contact>ul>li .box {margin-left:15px; padding:10px 0;}
	.contact>ul>li .pic {width:110px; margin-left:-15px;}
	.contact>ul>li .info {margin-left:95px; padding:0 10px;}
	.contact>ul>li p {height:3.5em;}
	/*768px pageBar*/
	.pageBar h2 {font-size:22px;}
	.breadcrumb {padding:0 0 0 23px; background-position:left 2px;}
	/*768px products*/
	.proBox h3 {font-size:16px; margin-bottom:10px;}
	.proBox h3 span {min-width: 0; margin:0; float:none; overflow: hidden; text-overflow: ellipsis;}
	.proBox h3 span:before, .proBox h3 span:after {display:none;}
	.proBox ul {width:102%;}
	.proBox li {width:48%;}
	.proBox li p {font-size:14px; line-height: 1.75em; padding:8px 10px;}
	/*768px proDetails*/
	.proImg {width:auto; float:none; margin-bottom:20px;}
	.proDetails .top {margin-bottom:20px;}
	.proDetails .info {width:auto; float:none;}
	.proDetails .title {font-size:26px; padding-bottom:15px; margin-bottom:15px;}
	.proDetails .feature h4 {font-size:18px; margin-bottom:10px;}
	.proDetails .feature .intro {font-size:14px;}
	.proDetails .entry {font-size:14px; line-height: 1.75em; margin-bottom:20px;}
	.proDetails .entry h4 {font-size:20px;}
	.proDetails .download {margin-bottom:15px;}
	.proDetails .download a {font-size:16px; padding:8px 20px 8px 35px; background-position:15px center;}
	/*768px postnavi*/
	.postnavi {font-size:16px;}
	.pagenavi .a_btn {padding:0 10px;}
	.pagenavi a {margin-right:3px;}
	/*768px sidebar*/
	.sideSearch .text {font-size:16px;}
	.sideMenu li {font-size:12px;}
	.sideMenu li a {padding:5px 25px 5px 10px;}
	/*768px news*/
	.newsItem .pic {width:110px;}
	.newsItem .info {margin-right:120px;}
	.newsItem h2, .newsItem time {margin-bottom:5px;}
	.newsItem .excerpt {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height:auto; font-size:14px;}
	.newsItem .more {display:none;}
	/*768px newsDetails*/
	.newsDetails .title {font-size:22px; margin-bottom:5px;}
	.newsDetails .meta, .newsDetails .entry p {margin-bottom: 15px;}
	.newsDetails .entry {font-size:14px; line-height: 1.75em; margin-bottom:15px;}
	/*768px download*/
	.download ul {width:103%;}
	.download li {float:left; width:31%; padding-right:2%;}
	.download li .cover {width:auto; float:none;}
	.download li .btn {width:auto; position:static; top:auto; right:auto; height:auto; text-align:center; height:30px; line-height: 30px; padding:5px 0;}	
	.download li .btn span {position:static; left:auto; width:auto; top:auto; transform: none; display:inline-block; background-position:left center; padding-top:0; padding-left:25px;}
	.download li .info {margin:10px;}
	.download li h2 {font-size:16px;}
	.download li .intro {line-height: 1.75em; height:5.25em;}
	.download li a:hover .btn span {padding-top:0;}
	/*768px subMenu*/
	.subMenu li {font-size:14px;}
	/*768px afterSales*/
	.afterSales .entry {font-size:14px;}
	/*768px globalService*/
	.globalService h2 {font-size:24px;}
	.globalService .text {font-size:14px;}
	.guidelines-top .text{font-size: 14px;line-height: 1.875em;}
	.training-top .text{font-size: 14px;line-height: 1.875em;}
	.globalService .btm ul {width:102%;}
	.globalService .btm li {width:18%; padding-right:2%;}
	/*768px singlepage*/
	.singlepage .entry {font-size:14px; line-height: 1.875em;}
	/*768px petroleum*/
	.petroleum .entry {font-size:14px;}
	/*768px development*/
	.development .intro h2 {font-size:22px;}
	.development .intro .text {font-size:14px;}
	/*768px culture && profile*/
	.culture h2 {font-size:22px;}
	.culture .entry {font-size:14px;}
	.aboutYdf h3 {font-size:18px;}
	.aboutYdf li {padding:1%; width:31.333%;}
	.aboutYdf li .icon {width:60px;}
	.aboutYdf li p {font-size:14px;}
	.culture .title {font-size:18px;}
	/*768px milestone*/
	.milestone .box {padding-top:0;}
	.milestone #milestone {padding:10px 0;}
	.milestone .intro {font-size:14px; width:auto;} 
	.milestone h4 {height:30px;line-height: 30px; width:100px; font-size:14px;}
	/*768px certification*/
	.certification .intro {font-size:14px;}
	.certBox {padding:0 30px;}
	.certBox .owl-nav button {margin-top:-15px;}
	.certBox .owl-nav .owl-prev {left:-30px;}
	.certBox .owl-nav .owl-next {right:-30px;}
	.certBox .owl-nav span {width:20px; height:20px;}
	/*768px branch*/
	.branch h2 {font-size:22px;}
	.branchBox:before {height:50px;}
	.branchBox .info h3 {height: 50px; margin-left:2px;}
	.branchBox .info h3:after {height:24px; bottom:-12px; width:5px;}
	.branchBox .info h3 span {font-size:20px;}
	.branchBox .info .intro {font-size:14px; margin:20px 2px 10px;}
	.branchBox .city.four, .branchBox .city {width:50%;}
	.branchBox .city .pic {margin:2px;}
	.branchBox .city span {font-size:14px; bottom:5px;}
}
@media only screen and (max-width:560px){
	/*560px 首页*/
	/*560px homeSlide*/
	.homeSlide .item {padding-bottom:260px;}
	/*560px download*/
	.download ul {width:102%;}
	.download li {width:48%;}
}
@media only screen and (max-width:375px){
	/*375px download*/
	.download ul {width:auto;}
	.download li {width:auto; float:none; padding-right:0;}
	.pages li {padding-right:0;}

}