@charset "utf-8";
em{font-style: normal;}
/* banner */
.borb{border-bottom: 1px solid #888888}
.titleLabel{font-size: 16px;color: #21252a;line-height: 26px;margin: 0 auto;padding:0 0 17px;text-align: center;}
.titleLabel h3{font-size: 46px;color: #21252a;font-weight: normal;line-height: 120%;padding:85px 0 0;}
.titleLabel.ff{color: #fff;}
.titleLabel.ff h3{color: #fff;}
	.titleLabel .ctrl{color: #d0d4d9}
	.titleLabel .pt{padding-top: 13px}
     .indexDiv .downBtn{cursor: pointer;width: 38px;height: 38px;position: absolute;left: 0;right: 0;bottom:30px;margin:auto;z-index: 888;display: none}
.container2{width: 1300px;margin:auto;}
.container3{width: 1670px;margin:auto;}
.container2 .rich-text-wrap {
	font-family: PingFang SC,Arial,-apple-system,ziti,Helvetica Neue,Helvetica,Tahoma,SimHei,sans-serif;
}
.container2 .thumb-img-wrap {
	text-align: center;
}
.container2 .other,
.container2 .other a {
	font-size: 20px;
	color: #21252a78;
}
.productAppLeft .other,
.productAppLeft .other a {
	font-size: 20px;
	color: #21252a78;
}
/*about*/
.banner{position: relative;background-position: top center;background-size: cover;background-repeat: no-repeat;height: 375px}
.aboutBanner .pic{position: absolute;width: 100%;height: 100%;left: 0;top:0;padding-bottom: 20px}
.pubulicNav{background-color: #f1f4f9;width: 100%;top:0;left: 0;position: relative;height: 66px;z-index: 9}
	.pubulicNavDiv.fixed{position: fixed;z-index: 99;width: 100%;top:0;left: 0;background-color: #f1f4f9;}
	.pubulicNavDiv .selectCtrl{border: none;background-color: transparent;outline: none;}
		.pubulicNav  ul li{padding:0 30px 0 0;margin: 0 30px 0 0;position: relative;}
		.pubulicNav  ul li:before{position: absolute;height: 16px;width: 1px;background-color: #d8dbdf;top:0;bottom: 0;margin:auto;right: -1px;content: "";}
		.pubulicNav  ul li:last-child:before{display: none}
		.pubulicNav  ul li a{position: relative;line-height: 66px;position: relative;font-size: 16px;color: #21252a;display: inline-block;}
		.pubulicNav  ul li a.active:before{position: absolute;height: 4px;width: 100%;background-color: #005ba2;bottom: 0;margin:auto;right: 0px;content: "";}
		.pubulicNav  ul li a .icon{position: relative;height: 0;width:0;border-color: #333 transparent transparent transparent ;display: inline-block;margin-left: 5px;border-style: solid;border-width: 5px;vertical-align: middle;}
		.pubuliDown{position: absolute;background-color: #fff;left: -30px;padding: 0 20px;display: none;border: 1px solid #eee;}
		.pubulicNav ul li .pubuliDown a{display: block;border-bottom: 1px solid #eee;white-space: nowrap;}
		.pubulicNav ul li .pubuliDown a:last-child{border-bottom: none;}
		.pubulicNav ul li .pubuliDown a:hover{color: #005ba2}
		.pubulicNav ul li:hover .pubuliDown{display: block;}
	.pubulicNavDiv .container3{position: relative;}
	.pubulicNavDiv .searchDiv{position: absolute;right: 0;padding-right: 80px;top:0;bottom: 0;margin:auto;height: 41px;}
		.pubulicNavDiv .btnCtrl{position: absolute;right: 0;width: 80px;top:0;bottom: 0;margin:auto;height: 100%;background: url("../images/3icon01.png")/*tpa=http://www.chxin-oil.com/views/default/images/3icon01.png*/ no-repeat center;background-color: #005ba2;border: none}
		.pubulicNavDiv .inputCtrl{position: relative;outline: none;line-height:27px;padding:7px 0;width: 492px;border: none;border-bottom: 1px solid #c6c7c8;height: 41px;background-color: transparent;}
/*              about              */
	.aboutIntro{background-image: url("../images/2bg01.png")/*tpa=http://www.chxin-oil.com/views/default/images/2bg01.png*/;line-height:30px}
		.aboutIntro .introductCon{color: #21252a}
		 .aboutIntro .introductCon .pt{padding:10px 0 0;}
		.aboutIntro .introductIcon{text-align: center;padding:75px 0 120px;}
			.aboutIntro .introductIcon li{width: 25%;font-size: 20px;}
			.aboutIntro .introductIcon li p{height: 24px}
			.aboutIntro .introductIcon li ins{width: 77px;height: 74px;margin-bottom: 15px;display: block;margin:0 auto 20px;}
			.aboutIntro .introductIcon li h3{font-size: 56px;color: #005ba2;margin: 15px 0 0;height:60px}
			.aboutIntro .introductIcon li:first-child ins{background-image: url("../images/2icon01.png")/*tpa=http://www.chxin-oil.com/views/default/images/2icon01.png*/;}
			.aboutIntro .introductIcon li:nth-child(2) ins{background-image: url("../images/2icon02.png")/*tpa=http://www.chxin-oil.com/views/default/images/2icon02.png*/;}
			.aboutIntro .introductIcon li:nth-child(3) ins{background-image: url("../images/2icon03.png")/*tpa=http://www.chxin-oil.com/views/default/images/2icon03.png*/;}
			.aboutIntro .introductIcon li:last-child ins{background-image: url("../images/2icon04.png")/*tpa=http://www.chxin-oil.com/views/default/images/2icon04.png*/;}
	.aboutCompony{background-image: url("../images/2bg02.png")/*tpa=http://www.chxin-oil.com/views/default/images/2bg02.png*/;}
		.aboutCompony .wordDiv{text-align: left;width: 697px;position: relative;z-index: 8}
			.aboutCompony .titleLabel{text-align: left;}
			.aboutCompony .titleLabel h3{padding:80px 0 10px;}
			.aboutCompony .wordDiv dl{padding:18px 0 145px;}
				.aboutCompony .wordDiv dd{padding:45px 0;position: relative;width:50%;text-align: center;color: #014190;font-size: 20px;background-color: #e6eef6;}
				.aboutCompony .wordDiv dd a{display: block;color: #014190;font-size: 20px;}
				.aboutCompony .wordDiv dd:before{position: absolute;height: 100%;width: 1px;background-color: #c8dbeb;top:0;bottom: 0;margin:auto;right: 0px;content: "";}
				.aboutCompony .wordDiv dd:last-child:before{display: none}
		.aboutCompony .imgMap{position: absolute;width: 856px;height: 575px;right: 60px;top:118px;}
			.aboutCompony .imgCtrl{position: relative;opacity: 0.4}
			.aboutCompony  .address li{position: absolute;color: #fff;top:50%;left: 20%;display: inline-block;cursor: pointer;}
			.aboutCompony  .address .name{display: none;position: absolute;width:50px;left: 35px;top:15px;}
			.aboutCompony  .address li:hover .name{display: block;}
				.aboutCompony  .address .xinjiang{top:11%;left: 21%}
				.aboutCompony  .address .neimenggu{top:11%;left:57%}
				.aboutCompony  .address .heilongjiang{top:1%;left:78%}
				.aboutCompony  .address .jiling{top:8%;left:82%}
				.aboutCompony  .address .liaoning{top:11%;left:77%}
				.aboutCompony  .address .beijing{top:12.5%;left:67%}
				.aboutCompony  .address .tianjin{top:14.2%;left:70%}
				.aboutCompony  .address .beijing{top:12.5%;left:67%}
				.aboutCompony  .address .hebei{top:18%;left:66.5%}
				.aboutCompony  .address .hanguo{top:18%;left:83%}
				.aboutCompony  .address .riben{top:23%;left:85%}
				.aboutCompony  .address .shandong{top:21.4%;left:73%}
				.aboutCompony  .address .henan{top:25.5%;left:65%}
				.aboutCompony  .address .anhui{top:33.5%;left:75%}
				.aboutCompony  .address .jiangsu{top:29%;left:78%}
				.aboutCompony  .address .shanghai{top:33%;left:83%}
				.aboutCompony  .address .zhejiang{top:40%;left:84%}
				.aboutCompony  .address .fujian{top:51%;left:81%}
				.aboutCompony  .address .jiangsu{top:29%;left:78%}
				.aboutCompony  .address .jiangxi{top:44%;left:75%}
				.aboutCompony  .address .hunan{top:44%;left:66%}
				.aboutCompony  .address .hubei{top:34%;left:66%}
				.aboutCompony  .address .shanxi{top:25%;left:58%}
				.aboutCompony  .address .chongqing{top:37%;left:56%}
				.aboutCompony  .address .sichuan{top:36%;left:46%}
				.aboutCompony  .address .guizhou{top:47%;left:56%}
				.aboutCompony  .address .yunnan{top:56%;left:41%}
				.aboutCompony  .address .guangxi{top:60%;left:60%}
				.aboutCompony  .address .guangdong{top:62%;left:74%}
				.aboutCompony  .address .yuenan{top:101%;left:63%}
				.aboutCompony  .address .xinjiapo{top:107%;left:68%}

	
	.aboutOrgination{background-image: url("../images/2bg03.png")/*tpa=http://www.chxin-oil.com/views/default/images/2bg03.png*/;padding-bottom: 125px;text-align: center;}
	.aboutOrgination .imgCtrl{position: relative;left: 50px}
	.aboutEnt{background-image: url("../images/2bg04.png")/*tpa=http://www.chxin-oil.com/views/default/images/2bg04.png*/;padding-bottom: 80px;text-align: center;background-size: 100% 640px;}
		.aboutEntCon{text-align: center;}
		.aboutEntCon .swiper-slide{width: 80%display: block;margin:auto;}
		.aboutEntCon .swiper-slide .pic{width: 80%;display: block;margin:auto;}
		.aboutEntCon .swiper-button-next,.aboutEntCon .swiper-button-prev {position: absolute;top: 50%;width: 49px;height: 49px;margin-top: -22px;z-index: 10;cursor: pointer;background-position: center;background-repeat: no-repeat;background-size: 100%;}
		.aboutEntCon .swiper-button-next{background-image: url("../images/6icon04.png")/*tpa=http://www.chxin-oil.com/views/default/images/6icon04.png*/;}
		.aboutEntCon .swiper-button-prev{background-image: url("../images/6icon03.png")/*tpa=http://www.chxin-oil.com/views/default/images/6icon03.png*/;}
		.aboutEntCon .swiper-pagination .swiper-pagination-bullet {width: 10px;height: 10px;display: inline-block;border-radius: 100%;background: #fff;opacity: .2;}
		.aboutEntCon .swiper-pagination .swiper-pagination-bullet-active {background: #fff;opacity: .2;}
	.cultureCon{background-image: url("../images/2bg05.png")/*tpa=http://www.chxin-oil.com/views/default/images/2bg05.png*/;padding: 80px 0 40px;text-align: right;}
			.cultureCon .cultureList{display: inline-block;text-align: left;color: #94b9de;width: 853px;}
			.cultureCon .cultureList li{margin-bottom: 75px;}
			.cultureCon .cultureList li h3{color:#b6dfff;font-size: 40px;margin-bottom:5px}
			.cultureCon .cultureList .pic{height: 101px;padding-left: 130px;position: relative;font-size: 20px}
			.cultureCon .cultureList .pic:before{height: 101px;width: 101px;position: absolute;left: 0;right: 0;background-size: 100%;content: "";}
			.cultureCon .cultureList li:first-child .pic:before{background-image: url("../images/2icon08.png")/*tpa=http://www.chxin-oil.com/views/default/images/2icon08.png*/;}
			.cultureCon .cultureList li:nth-child(2) .pic:before{background-image: url("../images/2icon09.png")/*tpa=http://www.chxin-oil.com/views/default/images/2icon09.png*/;}
			.cultureCon .cultureList li:nth-child(3) .pic:before{background-image: url("../images/2icon10.png")/*tpa=http://www.chxin-oil.com/views/default/images/2icon10.png*/;}
			.cultureCon .cultureList li:nth-child(4) .pic:before{background-image: url("../images/2icon11.png")/*tpa=http://www.chxin-oil.com/views/default/images/2icon11.png*/;}
	.aboutHonnor{padding:0 0 120px;}
		.aboutHonnor .honnorCon{padding:0 50px;}

		.aboutHonnor .swiper-slide{display: block;margin:auto;padding:10px;}
		.aboutHonnor .swiper-slide img{display: block;box-shadow: 0 0 8px rgba(0,0,0,0.3);border: 1px solid #dee9f2;}
		.aboutHonnor .swiper-button-next,.aboutHonnor .swiper-button-prev {position: absolute;top: 50%;width: 49px;height: 49px;margin-top: -22px;z-index: 10;cursor: pointer;background-position: center;background-repeat: no-repeat;background-size: 100%;}
		.aboutHonnor .swiper-button-next{background-image: url("../images/6icon004.png")/*tpa=http://www.chxin-oil.com/views/default/images/6icon004.png*/;right: 0}
		.aboutHonnor .swiper-button-prev{background-image: url("../images/6icon003.png")/*tpa=http://www.chxin-oil.com/views/default/images/6icon003.png*/;left: 0}
	.aboutSocial{background-image: url("../images/2bg06.png")/*tpa=http://www.chxin-oil.com/views/default/images/2bg06.png*/;padding: 0px 0 120px;}
	.aboutSocial .socialCon{position: relative;}
		.aboutSocial .socialNav{width: 170px;text-align: right;padding:0 38px 0 0;}
			.aboutSocial .socialNav{width: 170px;position: absolute;z-index: 8;left:0;top:0;}
				.aboutSocial .socialNav li{position: relative;line-height: 37px;color: #909299;}
				.aboutSocial .socialNav li.active:before{height: 100%;width:4px;position: absolute;right: -40px;background-size: 100%;content: "";top:0;background-color: #4d9fd7}
				.aboutSocial .socialNav li.active{color: #4d9fd7}
			.aboutSocial .socialTable{position: relative;color: #ffffff;padding-left: 60px;z-index: 6;padding-left: 210px;min-height:260px;}
			.aboutSocial .socialTable:before{height: 100%;width:1px;position: absolute;left: 170px;background-size: 100%;content: "";top:0;background-color: #57637a;}
				.socialTable header{line-height: 34px;margin-bottom: 35px}
				.socialTable h3{font-size: 24px;margin-bottom: 5px;}
			.socialTable .itemList table{width: 100%;border: 1px solid #fff;text-align: center;}
			.socialTable .itemList table tr td{border-style: solid;border-color: #fff;border-width: 0 1px 1px 0;height: 65px;vertical-align: middle; }
			.socialTable .itemList table tbody tr td:not(:first-child){text-align: left;padding:0 20px 0 30px}
			.socialTable .itemList table tbody tr td:first-child{width: 15%}
/*    ---------      product      ---------   */
	.productOil .titleLabel{text-align: left;}
		.productOil .productOilCon{color: #21252a;width: 1300px;line-height: 34px;}
		.productOilCon{color: #21252a;}
		 .productOilCon .pt{padding:10px 0 0;}
		.productOil .oilList{padding:30px 0 0;}
		.oilList ul{margin:0 0 0 -75px;}
			.oilList ul li{padding:0 0 0 75px;width: 33.333333%}
			.oilList ul li .pic{background-color: #fff}
			.oilList ul li ins{display: block;overflow: hidden;}
			.oilList ul li ins img{height: 284px}
			.oilList ul li .desc{
				padding:30px 20px;
				position: relative;border: 1px solid #f1f4f9;font-size: 20px;
				height: 90px;
				overflow: hidden;
				
				}
			.oilList ul li .desc:hover{color: #005ba2;}
			.oilList ul li .icon{width:96px;height: 52px;background-image: url("../images/4icon02.png")/*tpa=http://www.chxin-oil.com/views/default/images/4icon02.png*/;position: absolute;right: 0;bottom: 0}
	.productApp{padding: 0 0 80px 0}
	.appList ul{margin:0 0 -45px -45px;}
		.appList ul li{padding:0 0 45px 45px;width: 25%}
		.appList ul li .pic{background-color: #fff;position: relative;}
		.appList ul li ins{display: block;overflow: hidden;}
		.appList ul li ins img{overflow: hidden;height: 290px;}
		.appList ul li .desc{position: absolute;font-size: 20px;height: 30px;bottom: 15px;left: 20px;color: #fff;}
		.appList ul li .desc:hover{color: #005ba2;}
		.appList ul li .icon{width:25px;height: 25px;background-image: url("../images/4icon03.png")/*tpa=http://www.chxin-oil.com/views/default/images/4icon03.png*/;display: inline-block;margin-right: 8px;vertical-align: middle;position: relative;top:-2px;}
/*    ---------      product      ---------   */
	.titleProduct{font-size: 30px;color: #21252a;margin-bottom:15px}
		.prodAppItem{padding:55px 0 50px;}
		.prodAppItem .desc{line-height: 40px;font-size: 16px;margin-top: -5px}
		.borbp{border-bottom: 1px solid #000000}	
		.productApp.prodAppItem	.titleProduct{margin-bottom: }

	.productAppLeft{width: 1300px}
	.productAppRight{width: 300px}
	.product_applicate{padding:90px 0 40px;}
		.product_applicate .titleLabel{padding:0;text-align: left;}
		.product_applicate .titleLabel h3{padding:0;text-align: left;}

		.product_applicate .productInforNav{margin:60px 0 0;position: relative;}
		.product_applicate .productInforNav:before{background-color: #000;width: 100%;height: 1px;content:"";position: absolute;left: 0;bottom: 3px}
		.productInforNav ul{display: inline-block;}
		.productInforNav ul li{margin-right: 5px;}
			.productInforNav ul li a{display: block;position: relative;width: 118px;line-height: 53px;text-align: center;background-color: #dde1e7;color: #1f1f1f;font-size: 18px;}
			.productInforNav ul li:hover a,.productInforNav ul li a.active{background-color: #21252a;color: #fff;}
			.productInforNav ul li.active a.active:before{height: 0;width: 0;border-style: solid;border-color:#21252a transparent transparent transparent;border-width: 8px;position: absolute;left: 0;right: 0;margin:auto;bottom: -16px;content: "";}
				.productAppLeft .appList ul li{width:33.33%}
		.appRightItem{margin-bottom: 20px;}
		.appRightItem h3{padding: 23px 20px;background-color: #000000;font-size: 22px;font-weight: bold;color: #fff; }
			.appRightItem h3 .ctrl{font-size: 14px;font-weight: normal;color: #005ba2; }
			.appRightItem ul li a{line-height:70px;padding:0 20px;font-size: 18px;position: relative;display: block;border-bottom: 1px solid #e5e7ea;background-color: #f1f4f9;}
			.appRightItem ul li a:before{position: absolute;right: 20px;top:0;bottom: 0;margin:auto;height: 100%;width: 34px;height: 21px;content: "";background: url("../images/3icon02.png")/*tpa=http://www.chxin-oil.com/views/default/images/3icon02.png*/ no-repeat center;}
			.prodAppTable tr td{text-align: center;line-height: 60px;}
			.prodAppTable table{width: 100%;border: 1px solid #dfe1e8;text-align: center;}
			.prodAppTable table thead tr td{background-color: #b7d7f3;color: #008ecc;font-size: 17px;border-color: #9bcaf4;border-width: 0 1px 0 0;}
			.prodAppTable table tr td{border-style: solid;border-color: #dfe1e8;border-width: 0 1px 1px 0;height: 65px;vertical-align: middle;font-size: 16px }
			.prodAppTable table tr td .dianIcon{width: 7px;height: 7px;display: inline-block;border-radius: 50%;background-color: #000; }
		.appApplicaDl{line-height: 40px;padding:20px 0 0;}
		.appApplicaDl dd .icon{width: 20px;height: 20px;line-height: 20px;font-size: 12px;text-align: center;display: inline-block;border-radius: 50%; margin-right: 5px;vertical-align: middle;position: relative;top:-1px;}
		.productAppLeft .bgcCtrl1{background-color: #f1effd}
		.productAppLeft .bgcCtrl2{background-color: #fff8ec}
		.productAppLeft .bgcCtrl3{background-color: #e0f2f4}
/*    ---------      product_detail      ---------   */
.productsDetalNav{position: relative;}
	.productsDetalNav h3{display: inline-block;}
.productDetailTab{display: inline-block;margin-left: 30px;vertical-align: bottom;border-bottom: 1px solid #dde1e7;position: absolute;top:-10px;}
.productDetailTab.onlyone{border-bottom:none;}
.productDetailTab.onlyone li.active:before{display: none}
	.productDetailTab li{display: inline-block;width: 155px;background-position: center bottom;background-repeat: no-repeat;height: 60px;position: relative;cursor: pointer;}
	.productDetailTab li a{display:block;position: absolute;left: 0;top: 0;width: 100%; height: 100%;}
	.productDetailTab li.list1{background-image: url("../images/1icon001.png")/*tpa=http://www.chxin-oil.com/views/default/images/1icon001.png*/;}
	.productDetailTab li.list2{background-image: url("../images/1icon003.png")/*tpa=http://www.chxin-oil.com/views/default/images/1icon003.png*/;}
	.productDetailTab li.active.list1{background-image: url("../images/1icon01.png")/*tpa=http://www.chxin-oil.com/views/default/images/1icon01.png*/;}
	.productDetailTab li.active.list2{background-image: url("../images/1icon03.png")/*tpa=http://www.chxin-oil.com/views/default/images/1icon03.png*/;}
	.productDetailTab li.active:before{width: 100%;height:1px;position: absolute;left: 0;content: "";bottom: -8px;background-color: #21252a;}
	.prodAppItem .oilList{margin-top:30px;padding-right: 150px }
	.prodAppItem .oilList ul li{margin-top: 0;width: 50%}
	.prodAppItem  ul li .desc{margin-top: 0}

	.prodAppItem .specialProduct{margin-top: 20px}
	.specialProduct ul{margin:0 0 -25px -25px;}
		.specialProduct ul li{padding:0 0 25px 25px;width: 25%}
		.specialProduct ul li .pic{background-color: #fff;position: relative;}
		.specialProduct ul li ins{display: block;overflow: hidden;}
		.specialProduct ul li .desc{position: relative;font-size: 16px;border: 1px solid #f1f4f9;padding:10px;line-height: 120%}
		.specialProduct ul li .desc h3{color: #1f1f1f;font-size: 20px;margin-bottom: 10px}
		.specialProduct ul li .desc:hover,.specialProduct ul li .desc h3:hover{color: #005ba2;}
	.productAppNotice.prodAppItem .desc{margin-top:0;}


	.productInforNav .productPin{padding:8px 0 0;}
	.productInforNav .productPin a{width: 84px;height: 35px;line-height: 35px;color: #1f1f1f;text-align: center;display: inline-block;}
	.productInforNav .productPin a.active,.productInforNav .productPin a:hover.active{background-color: #005ba2;color: #fff;}
	
/*    ---------      news      ---------   */
 	.newList ul li{padding:35px 0;border-bottom: 1px solid #f1f4f9}

 	.date{color: #999b9c;font-size: 16px;}
 	.news{padding:40px 0 120px;}
 		.newList ul li ins{
			display: block;
			overflow: hidden;
			width: 260px; 
			height: 195px;
			overflow: hidden;
			}
		.newList ul li ins img {
			height: 100%;
			object-fit: cover;
		}
 		.newList ul li a{display: block;color: #21252a;}
 		.newList ul li .desc{width: 1035px;padding: 0 0 0 30px;line-height: 24px;position: relative;}
 		.newList ul li .desc h3{font-size: 24px;margin:10px 0;}
 		.newList ul li .desc .con{overflow: hidden;height: 58px;font-size: 16px;line-height: 32px}
 		.newList ul li h3:hover{color: #235b9e;}
 		.newList ul li .icon{width:130px;height: 40px;background-image: url("../images/0icon07.png")/*tpa=http://www.chxin-oil.com/views/default/images/0icon07.png*/;display: inline-block;vertical-align: middle;position: relative;position: relative;background-size: 100%}
 		.newList ul li:hover .icon{margin: }

 		.newList ul li:not(:first-child) .desc{padding-right: 250px}
 		.newList ul li:not(:first-child) .icon{position: absolute;right: 0;bottom: 0}
 		
        .newList ul li.headList ins{width: 532px;}
        .newList ul li.headList .desc{width: 765px}
        .newList ul li.headList .desc .con{height: 90px;}
        .newList ul li.headList .desc h3{font-size: 30px;margin:12px 0;line-height: 120%}
        .newList ul li.headList .icon{background-image: url("../images/1icon12.png")/*tpa=http://www.chxin-oil.com/views/default/images/1icon12.png*/;}

        .newList ul li .icon{margin: 56px 0 0}

    .productInforNav.borbp{margin-bottom: 0;border-bottom: none}
   .newsDetail{padding:0 0 40px;}
   .newsDetail header{padding:85px 0 60px;text-align: center;}     
   	.newsDetail header dl{color: #999b9c}     
   	.newsDetail header h3{color: #21252a;font-size: 32px;margin-bottom: 20px;}     
   	.newsDetail header dl dd{display: inline-block;margin: 0 5px} 
   		.newsDetail .detialCon{color: #21252a;line-height: 200%;font-size: 16px;padding:30px 0 90px;border-bottom: 1px solid #f1f4f9;border-top: 1px solid #f1f4f9;}  
   	.detailFooter{position: relative;padding: 38px 0;}  
   		.detailFooter .aticleCtrl{position: relative;line-height: 200%;font-size: 16px;display: block;}  
   		.detailFooter .aticleCtrl:hover{color: #005ba2;}
   			.detailFooter  .returnNews{position: absolute;width: 185px;height: 47px;line-height: 47px;text-align: center;display: block;top:0;bottom: 0;margin: auto;right: 0;color: #005ba2;font-size: 16px;border: 1px solid #005ba2;} 
   			.detailFooter  .returnNews:hover{background-color:#005ba2;color: #fff; } 


/*    ---------   hr   ---------   */
 .hrRecruit{padding:0 0 105px;te}
 	.hrRecruitCon ul{margin:0 0 0 -70px;}
 		.hrRecruitCon ul li{padding:0 0 0 70px;width: 50%;text-align: center}
 		.hrRecruitCon ul li .pic{background-color: #fff}
 		.hrRecruitCon ul li ins{display: block;overflow: hidden;}
 		.hrRecruitCon ul li .desc{padding:15px 0;position: relative;font-size: 20px;}
 		.hrRecruitCon ul li .desc:hover{color: #005ba2;}
 	.hrTeam{background-image: url("../images/5bg01.jpg")/*tpa=http://www.chxin-oil.com/views/default/images/5bg01.jpg*/;padding: 0px 0 120px;}	
 		.hrTeam .hrTeamTab{text-align: center;margin-top: -20px}
 		.hrTeam .hrTeamTab ul{}
 		.hrTeam .hrTeamTab ul li{cursor: pointer;width: 170px;line-height: 50px;text-align: center;background-color: #fff;color: #21252a;display: inline-block;}
 		.hrTeam .hrTeamTab ul li.active,.hrTeam .hrTeamTab ul li:hover{background-color: #005ba2;color: #fff;}
 			.hrTeam  .hrTeamItem{margin-top: 85px;}
 	.hrTranslation{padding: 0 0 150px;background-color: #f1f4f9}
 	.hrTranslation .hrTranP{width: 980px;margin:auto;text-align: center;line-height: 28px;margin-bottom: 30px;}
 	.hrTranslation .hrTranslationCon li{position: relative;width: 260px;text-align: center;} 
 	.hrTranslation .hrTranslationCon .heightCtrl{height:205px;} 
 	.hrTranslation .hrTranslationCon li .num{width: 100%;font-size: 63px;color: #0070c0} 
 	.hrTranslation .hrTranslationCon li:nth-child(2n+1) .num{position: absolute;top:100%;left: 0} 
	.hrTranslation .hrTranslationCon .insIcon{background-repeat: no-repeat;background-position: center;}
	.hrTranslation .hrTranslationCon .desc{background-repeat: no-repeat;background-position: center;font-size: 32px;color: #fff;}
	.hrTranslation .hrTranslationCon li .desc{background-image: url("../images/5icon10.jpg")/*tpa=http://www.chxin-oil.com/views/default/images/5icon10.jpg*/;}

.hrTeacher{background-image: url("../images/5img03.jpg")/*tpa=http://www.chxin-oil.com/views/default/images/5img03.jpg*/;height: 770px}
.hrTeacher .hrTeacherCon .swiper-slide{padding�0px;}
.hrTeacher .hrTeacherCon .swiper-slide .desc{background-color: #fff;padding: 65px 75px;box-shadow: 0 0 10px rgba(0,0,0,0.2);border-radius: 3px;line-height: 28px}
.hrTeacher .hrTeacherCon .swiper-slide .desc .con{position: relative;}
	.hrTeacher .hrTeacherCon .desc .con:before,.hrTeacher .swiper-slide .desc .con:after{width: 48px;height: 40px;display: inline-block;background-position: center;background-repeat: no-repeat;content: "";background-size: 100%}
	.hrTeacher .hrTeacherCon .desc .con:before{background-image: url("../images/5icon15.png")/*tpa=http://www.chxin-oil.com/views/default/images/5icon15.png*/;}
	.hrTeacher .swiper-slide .desc .con:after{background-image: url("../images/5icon16.png")/*tpa=http://www.chxin-oil.com/views/default/images/5icon16.png*/;position: absolute;bottom: -20px;right: -20px;}
	.hrTeacher .hrTeacherCon .centerHeadDiv{text-align: center;padding:27px 0;display: none}
		.hrTeacher .hrTeacherCon .centerHeadDiv .centerHead{width: 84px;height: 84px;border-radius: 50%;overflow: hidden;display: block;margin: auto;}
		.hrTeacher .hrTeacherCon .centerHeadDiv h3{font-size: 24px;padding:10px 0;}
		.hrTeacher .hrTeacherCon .swiper-button-next, .hrTeacher .hrTeacherCon .swiper-button-prev{top:22%;width:49px;height: 49px;border-radius: 50%;-webkit-border-radius: 50%;;background-repeat: no-repeat;background-position: center;display: inline-block;margin: 10px auto;background-size: 100%;display: block;}
		  .hrTeacher .hrTeacherCon .swiper-button-next{background-image: url("../images/5icon18.png")/*tpa=http://www.chxin-oil.com/views/default/images/5icon18.png*/;right: 0}
		  .hrTeacher .hrTeacherCon .swiper-button-prev{background-image: url("../images/5icon17.png")/*tpa=http://www.chxin-oil.com/views/default/images/5icon17.png*/;left: 0}
		 .hrTeacher .hrTeacherCon .swiper-slide{width: 807px;margin:0 auto;}
		 .hrTeacher .hrTeacherCon .swiper-slide .desc{opacity:1}
		  .hrTeacher .hrTeacherCon .swiper-slide,.hrTeacher .hrTeacherCon .swiper-slide-prev{opacity:1}
		 .hrTeacher .hrTeacherCon .swiper-slide-active .desc{opacity: 1}
		 .hrTeacher .hrTeacherCon .swiper-slide-active .centerHeadDiv{display: block;}
	.hrSchReclture{padding:0 0 120px}
		.hrSchReclture li{border-bottom: 1px solid #f1f4f9;transition: 0.4s;}
			.hrSchReclture li:first-child{background-color: #005ba2;color: #fff;font-size: 16px;}
			.hrSchReclture li:first-child:hover{background-color: #005BA2!important;}
			.hrSchReclture li:hover{background-color: #F7F9FF;}
			.hrSchReclture dl{position: relative;}
				.hrSchReclture dl .icon{position: absolute;width: }
				.hrSchReclture  dl dd{width: 25%;padding:20px 0 20px 40px;}
				.hrSchReclture  dl dd{padding: 20px 0px;text-align: center;}
				.hrSchReclture li dl dd:nth-child(3){text-align: left;}
				.hrSchReclture li:first-child dl dd:nth-child(3){text-align: center;}
				.clickout{
					font-size: 16px;
				}
				.sqflex{
					
					position: fixed;
					width: 100%;
					height: 100%;
					 display: none;
					align-items: center;
					justify-content: center;
					z-index: 999;
					transition: 0.4s;
					opacity: 0;
				}
				 .sqout{
						max-width: 420px;
						color: white;
						background-color: rgba(0,0,0,0.6);
						/* position: fixed; */
						left: 0;
						right: 0;
						margin: auto;
						padding: 30px 20px;
						text-align: center;
				}
				
				/* .hrSchReclture li:first-child dl dd{line-height: 66px} */
				.hrSchReclture .reclturcCon{padding:30px  40px;border-top: 1px solid #f1f4f9;padding-right: 200px;display: none}
				.hrSchReclture .reclturcCon strong{font-weight: bold;font-weight: 600;font-size: 18px}
				.hrSchReclture .reclturcCon .applyBtn{display: block;margin: 25px 0 0;-webkit-border-radius: 3px;border-radius: 3px;width: 155px;height: 42px;border:1px solid #005ba2;line-height: 42px;text-align: center;font-size: 16px;color: #005ba2; }
		.hrSchReclture dl .addShow{cursor:pointer;width: 20px;height: 20px;background-image: url("../images/5icon22.png")/*tpa=http://www.chxin-oil.com/views/default/images/5icon22.png*/;position: absolute;top:0;right:20px;bottom: 0;margin: auto;display: block;}
		.hrSchReclture li.active .addShow{background-image: url("../images/5icon23.png")/*tpa=http://www.chxin-oil.com/views/default/images/5icon23.png*/;}
		.hrSchReclture li.active .reclturcCon{display: block;}
	.hrSchContact{background-image: url("../images/5bg03.jpg")/*tpa=http://www.chxin-oil.com/views/default/images/5bg03.jpg*/;padding:0 0 110px;}
		.hrSchContact .hrSchContactCon ul li{text-align: center;width: 25%;padding:0 10px;vertical-align: top;}
		.hrSchContact .hrSchContactCon ul li h3{font-size: 20px;}
		.hrSchContact .hrSchContactCon ul li .icon{height: 75px;width: 75px;margin-bottom: 10px;display: block;margin:0 auto 15px;}
		.hrSchContact .hrSchContactCon ul li .line{height: 2px;width: 20px;margin-bottom: 10px;display: block;margin:10px auto;background-color: #005ba2;}
		.hrSchContact .hrSchContactCon ul li.list1 .icon{background-image: url("../images/5icon19.png")/*tpa=http://www.chxin-oil.com/views/default/images/5icon19.png*/;}
		.hrSchContact .hrSchContactCon ul li.list2 .icon{background-image: url("../images/5icon20.png")/*tpa=http://www.chxin-oil.com/views/default/images/5icon20.png*/;}
		.hrSchContact .hrSchContactCon ul li.list3 .icon{background-image: url("../images/5icon21.png")/*tpa=http://www.chxin-oil.com/views/default/images/5icon21.png*/;}

	.serviseConsult{padding:106px 0 30px;}
	.serviseConsultCon ul{margin:0 0 0 -60px; }
		.serviseConsultCon ul li{width: 50%;padding:0 0 0 60px;text-align: center;}
			.serviseConsultCon ul .pic{background-color: #fff;border: 1px solid #f1f4f9;}
			.serviseConsultCon ul h3{line-height: 90px;background-color: #f1f4f9;font-size: 26px}
			.serviseConsultCon ul dl{padding:33px 0 40px;font-size: 28px;font-weight: 200;color: #21252a;}
			.serviseConsultCon ul dl .icon{width: 43px;height: 43px;display: inline-block;}
			.serviseConsultCon ul dl dd {margin-bottom:20px}
			.serviseConsultCon ul dl dd .icon1{background-image: url("../images/6icon01.png")/*tpa=http://www.chxin-oil.com/views/default/images/6icon01.png*/;}
			.serviseConsultCon ul dl dd .icon2{background-image: url("../images/6icon02.png")/*tpa=http://www.chxin-oil.com/views/default/images/6icon02.png*/;}
			.serviseConsultCon ul dl .wenBtn{width: 225px;line-height: 52px;border-radius: 3px;text-align: center;background-color: #005ba2;color: #fff;font-size: 18px;display: inline-block;}
	.serviseGoodsCon{}
		.serviseGoodsItem{width: 50%;position: relative;}
		.serviseGoodsItem .swiper-pagination-bullet{display: none}
		.serviseGoodsCon .pic{width:100%;;left: 0;position: absolute;height: 150px;bottom: 0;z-index: 2}
		.serviseGoodsCon .desc{width: 85%;padding-bottom:20px;border-bottom: 1px solid transparent;left: 0;position: absolute;text-align: right;color: #fff;}
		
		.serviseGoodsCon .desc h3{font-size: 48px;margin-bottom: 10px;}
			.serviseGoodsCon .swiper-button-next, .serviseGoodsCon .swiper-button-prev{display: none;top:75%;width:44px;height: 44px;border-radius: 50%;-webkit-border-radius: 50%;;background-repeat: no-repeat;background-position: center;margin: 10px auto;background-size: 100%;}
			  .serviseGoodsCon .swiper-button-next{background-image: url("../images/6icon04.png")/*tpa=http://www.chxin-oil.com/views/default/images/6icon04.png*/;left: 80px;right: auto}
			  .serviseGoodsCon .swiper-button-prev{background-image: url("../images/6icon03.png")/*tpa=http://www.chxin-oil.com/views/default/images/6icon03.png*/;left: 30px}
		.serviseGoodsCon .bg{width: 100%;height: 100%;z-index: 10;background-color: rgba(0,0,0,0.2);top:0;left: 0;position: absolute;}
		.serviseGoodsCon .goodsItemPlay:hover .bg{display: none}
		.serviseGoodsCon .goodsItemPlay:hover .swiper-button-next, .serviseGoodsCon .goodsItemPlay:hover .swiper-button-prev{display: block;}
		.serviseGoodsCon .goodsItemPlay:hover .desc{border-bottom: 1px solid #fff;}
.serviseSurppot{background-image: url("../images/6bg01.jpg")/*tpa=http://www.chxin-oil.com/views/default/images/6bg01.jpg*/;}
	.serviseSurppot .container2{position: relative;height:788px; }
	.serviseSurppot .titleLabel h3{padding:65px 0 0;}
		.serviseSurppot .surpportConP{margin-top: -20px}
	.serviseSurppot .surpportCon{position: absolute;height:440px;background-image: url("../images/6bg02.jpg")/*tpa=http://www.chxin-oil.com/views/default/images/6bg02.jpg*/;bottom: 0;left: 0;width: 100%;padding:0 100px;}
		.serviseSurppot .surpportConP{text-align: center;line-height: 34px;}
			.serviseSurppot .surpportConP p{margin-bottom: 10px;}
			.serviseSurppot .contacTell{padding:20px 0 0 ;text-align: center;}

	.serviseProbulem{padding:0 0 120px;background-image: url("../images/6bg05.jpg")/*tpa=http://www.chxin-oil.com/views/default/images/6bg05.jpg*/;}
		.serviseProbulemCon li{background-color: #f1f4f9;padding:0 30px;margin-bottom: 30px}
			.serviseProbulemCon .quesition{position: relative;padding:0 75px 0 43px;line-height: 70px;border-top: 1px so}
			.serviseProbulemCon .quesition:before{position: absolute;left: 0;top:0px;bottom: 0;margin:auto;width: 30px;height: 30xp;border-radius: 50%;line-height: 30px;text-align: center;background-color: #005ba2;color: #fff;content: "Q";height: 30px;}
				.serviseProbulemCon .quesition .icon{position: absolute; }
				.serviseProbulemCon .anwerCon{padding:18px  75px 75px 43px;border-top: 1px solid #dde1e7;padding-right: 200px;display:none;position: relative;line-height: 28px;}
				.serviseProbulemCon .anwerCon:before{position: absolute;left: 0;top:18px;margin:auto;width: 30px;height: 30xp;border-radius: 50%;line-height: 30px;text-align: center;background-color: #dde1e7;color: #8a8d90;content: "A";height: 30px;}
				.serviseProbulemCon .anwerCon .applyBtn{display: block;margin: 25px 0 0;-webkit-border-radius: 3px;border-radius: 3px;width: 155px;height: 42px;border:1px solid #005ba2;line-height: 42px;text-align: center;font-size: 16px;color: #005ba2; }
		.serviseProbulemCon .quesition .addShow{cursor:pointer;width: 20px;height: 20px;background-image: url("../images/6icon09.png")/*tpa=http://www.chxin-oil.com/views/default/images/6icon09.png*/;position: absolute;top:0;right:0px;bottom: 0;margin: auto;display: block;}
		.serviseProbulemCon li.active .addShow{background-image: url("../images/6icon10.png")/*tpa=http://www.chxin-oil.com/views/default/images/6icon10.png*/;}
		.serviseProbulemCon li.active .anwerCon{display: block;}
	.serviseAddres{position: relative;padding-bottom: 150px}
	.serviseAddres header{position: relative;z-index: 8}
	.serviseAddres .mapDiv{position: absolute;width: 100%;top:0;z-index: 7}
	.serviseAddres .mapDiv .mapImg{height:621px; }
	.serviseAddres .mapDiv .mapImg .icon{height:93px;width: 80px;background-image: url("../images/1icon23.png")/*tpa=http://www.chxin-oil.com/views/default/images/1icon23.png*/; position: absolute;left: 0;right: 0;margin:auto;display: block;top:0;bottom: 0;}
		.serviseAddres .addesList{padding:265px 0 0;position: relative;z-index: 10}
		.addesList ul{margin:0 0 0 -30px; }
			.addesList ul li{width: 25%;padding:0 0 0 10px;text-align: center;}
				.addesList ul .pic{padding:36px 10px 10px;position: relative;}
				.addesList ul .desc{padding:60px 0 0;height: 230px;border-radius: 3px;background-color: #fff;border-bottom: 4px; solid #005ba2;box-shadow: 0 0 10px rgba(0,0,0,0.2);font-size: 16px;color: #1f1f1f}
				.addesList ul .desc dl{font-size: 14px;padding:0 5px;}
				.addesList ul .desc dl img{vertical-align: middle;position: relative;top:-1px;}
				.addesList ul h3{font-size: 22px;color: #005ba2;margin: 10px 0 3px;}
					.addesList .icon{height: 75px;width: 75px;margin-bottom: 10px;display: block;margin:0 auto 15px;position: absolute;top:0;left: 0;right: 0;margin:auto;}
					.addesList .line{height: 2px;width: 20px;margin-bottom: 10px;display: block;margin:10px auto;background-color: #005ba2;}
					.addesList .erweima{padding: 15px 0 0}
					.addesList li.list1 .icon{background-image: url("../images/6icon05.png")/*tpa=http://www.chxin-oil.com/views/default/images/6icon05.png*/;}
					.addesList li.list2 .icon{background-image: url("../images/6icon006.png")/*tpa=http://www.chxin-oil.com/views/default/images/6icon006.png*/;}
					.addesList li.list3 .icon{background-image: url("../images/6icon06.png")/*tpa=http://www.chxin-oil.com/views/default/images/6icon06.png*/;}
					.addesList li.list4 .icon{background-image: url("../images/6icon07.png")/*tpa=http://www.chxin-oil.com/views/default/images/6icon07.png*/;}

	.productInfoCon{margin-bottom: 40px;position: relative;}
	.productInfoCon.fixed{position: fixed;top:-60px;background-color: #fff;width: 1670px;margin-bottom: 0;z-index: 88}
	.productInfoCon.fixed .product_applicate .productInforNav{background-color: #fff}
	
	.tuanjianList ul li{width: 25%;position: relative;}
		.tuanjianList ul li img{width: 100%;}
			.tuanjianList ul li .disc{text-align: right;height: 30px;line-height: 30px;padding-right: 15px;position: absolute;bottom: 10px;right: 0;width: 100%;color: #fff;}

@media (max-width:1700px){
	.container2,.container3{width:1200px;}
	.aboutEnt{background-size: 100% 540px;}
	.aboutCompony .imgMap{right: 10px}
	.aboutCompony .wordDiv{width: 620px}
/*    ---------      product      ---------   */
	.oilList ul{margin:0 0 0 -35px;}
		.oilList ul li{padding:0 0 0 35px;width: 33.333333%}
	.appList ul{margin:0 0 -20px -20px;}
		.appList ul li{padding:0 0 20px 20px;width: 25%}
	.pubulicNavDiv .searchDiv{padding-right: 50px;top:0;bottom: 0;margin:auto;height: 41px;}
			.pubulicNavDiv .btnCtrl{width:50px;top:0;}
			
/*    ---------      product_apl     ---------   */
	.productAppLeft{width: 920px}
	.productAppRight{width: 220px}	
	.appRightItem ul li a{font-size: 15px}		
	.appRightItem ul li a:before{width: 30px;background-size: 100%;}
	.specialProduct ul{margin:0 0 -15px -15px;}
		.specialProduct ul li{padding:0 0 15px 15px;width: 33.33%}

	.productInforNav ul li a{width: 100px;font-size: 16px}
	.productInforNav .productPin a{width: 65px;}

/*    ---------     news     ---------   */
.newList ul li.headList  ins{width: 490px;}
 		.newList ul li.headList  .desc{width: 710px;}
 	.newList ul li ins{width:200px;}
 	 		.newList ul li .desc{width:1000px;}

 		
 	 	.oilList ul li ins img{height:190px}
		.appList ul li ins img{ height: 210px;}
		
		.productInfoCon.fixed{width: 1200px;}
		.addesList ul li {padding: 0 0 0 0px;}
}
@media (max-width: 1450px){

.prodAppItem .oilList{padding-right: 80px }
	
	.hrRecruitCon ul{margin:0 0 0 -35px;}
		.hrRecruitCon ul li{padding:0 0 0 35px;}

	.serviseAddres {padding-bottom: 51px;}


}
@media (max-width: 1350px){

 .productOilCon{width: 100%}

}
@media (max-width:1200px){
	
	.container2,.container3{width:900px;}
	.productInfoCon.fixed{width: 900px;}
	.titleLabel h3{font-size: 36px}
	.aboutCompony{padding-bottom:148px}
	.aboutCompony .imgMap{position: relative;margin-top: 30px;left: auto;right: auto;top:auto;}
	.aboutCompony .wordDiv{margin:auto;width: 100%}
	.aboutCompony .wordDiv dl{padding:30px 0 0;width: 620px}
	.aboutEnt {background-size: 101% 407px;}
	.cultureCon .cultureList{width: 650px}

	.aboutSocial .socialNav{width: 145px;padding-right: 20px}
		.aboutSocial .socialTable{width: 738px}
	.aboutIntro .introductIcon li h3{font-size: 40px;height:40px}
	.cultureCon .cultureList .pic{font-size: 15px}
	.aboutIntro .introductIcon li ins{margin:0 auto 10px;}

	/*    ---------      product_apl     ---------   */
		.productAppLeft{width:655px}
		.productAppRight{width: 220px}	
		.appRightItem ul li a{font-size: 15px;padding:0 0 0  15px;}		
		.appRightItem ul li a:before{width: 30px;background-size: 100%;right: 10px}
	.pubulicNavDiv .inputCtrl {width: 250px;}

	.specialProduct ul{margin:0 0 -20px -20px;}
		.specialProduct ul li{padding:0 0 20px 20px;width: 50%}

	.productInforNav ul li a{width: 98px;height: 40px;line-height: 40px;font-size: 15px}




	.newList ul li.headList ins {width: 279px;}
	.newList ul li.headList .desc {width: 705px;}
	.newList ul li.headList .desc h3{font-size: 24px}
	.newList ul li.headList .desc .con{height:62px}
    .newList ul li .icon{margin-top: 10px}

	.newList ul li .desc{width:795px}
	.newList ul li:not(:first-child) .desc{padding:0 180px 0 15px;}
	.newList ul li .desc h3 {font-size: 18px;margin:5px 0;}


	.serviseConsultCon ul{margin:0 0 0 -30px; }
		.serviseConsultCon ul h3{line-height: 48px;}
		.serviseConsultCon ul li{padding:0 0 0 30px;text-align: center;}
			.serviseConsultCon ul dl{font-size: 18px}
		.serviseGoodsCon .desc h3{font-size: 30px}

	.serviseGoodsCon .pic{height: 115px;}

	
	.addesList ul{margin:0 0 0 0 -15px; }
				.addesList ul li{padding: 0 0 0 15px;}
		.addesList ul h3{font-size: 16px;}
			.addesList ul .desc{font-size: 14px;}

	.serviseAddres .mapDiv .mapImg{height: 490px;}
		.serviseAddres .addesList {padding: 205px 0 0;}

 	.serviseConsultCon ul h3{font-size: 22px}

			

	.hrSchReclture dl{padding-right:80px;}

		.hrSchReclture .reclturcCon{padding:20px  25px;padding-right: 80px;}

	.oilList ul li ins img{height:147px}
		.appList ul li ins img{ height: 170px;}

		.productInforNav .productPin a{height: 28px;line-height: 28px;}
}	
@media (max-width:1050px){
.container2,.container3{width:100%;padding:0 15px;}

.productInforNav .productPin{text-align: center;display: block;margin-bottom: 15px;float: none}
.productInforNav .productPin a{margin:0 5px;}
	
 	.hrTranslation .hrTranP{width:100%;}
}
	

/* 900 */
@media (max-width:900px){
	.pubulicNavDiv.fixed{top:50px;left: 0;}
	.aboutIntro .introductIcon li{font-size: 13px}
	.aboutIntro .introductIcon li h3{margin: 5px 0 0;font-size: 25px}
	.pubulicNav ul li {padding: 0 15px 0 0;margin: 0 15px 0 0;}
	.aboutSocial .socialTable{width:80%;padding-left: 20px}	
	.aboutSocial .socialNav{width: 20%}
	.aboutSocial .socialNav li{font-size: 13px;line-height: 120%;height: 36px;padding:5px 0;}
	.aboutSocial .socialNav li.active:before{height: 100%;right: -22px}
	.socialTable .itemList table tr td{height: auto;padding:10px 5px;font-size: 13px}
	.socialTable .itemList table tbody tr td:not(:first-child){padding:10px 5px;}
	.cultureCon .cultureList li{;margin-bottom: 20px;color: #fff;}
	.cultureCon .cultureList .pic{height: 80px;padding-left: 95px;}
	.cultureCon .cultureList .pic:before{height: 80px;height: 80px;background-size: 100%;width: 80px;}
	.cultureCon .cultureList li h3{font-size: 24px;color: #fff;}
	.cultureCon .cultureList li h3{font-size: 24px;color: #fff;}
	.cultureCon .cultureList{width: 100%;padding:0 30px;}
	.aboutCompony .wordDiv dd{padding:20px 0;}
	.aboutOrgination .imgCtrl{width:80%;left:30px}
	.aboutCompony .imgMap{width:600px;margin:auto;height: auto}
	.aboutCompony .imgMap .address img{width: 20px}
	.aboutCompony .imgMap .address .name{display: block;font-size: 10px;left: 20px;top:10px;}
	
	.aboutEnt{background-size: auto 350px}
	.productAppRight{width: 120px}	
		.productOil .productOilCon{line-height:180%;}

	/*    ---------      product_apl     ---------   */
		.productAppLeft{width: 100%}
		.productAppRight{display: none}	
		.productInforNav ul li a{font-size: 13px;width: auto;padding:0 20px;line-height: 36px}

		.specialProduct ul li .desc{font-size: 13px;padding:10px 5px;}
		.specialProduct ul li .desc h3{font-size:15px;}
		.prodAppItem .oilList{margin-top:20px;padding-right: 0px }

		.newList ul li.headList ins {width: 100%;margin-bottom: 15px}
		.newList ul li.headList .desc {width: auto;float: none;padding: 0}
		.newList ul li.headList .desc h3{font-size: 16px}
		.newList ul li.headList .desc .con{height: 52px}
	    .newList ul li .icon{margin-top: 10px}

		.newList ul li .desc{
			/* width:75%; */
			width:70%;
			padding:0;
			}
		.newList ul li ins{width:25%}
		.newList ul li:not(:first-child) .desc{padding:0 100px 0 15px;}
		.newList ul li .desc h3 {font-size: 16px;margin:5px 0;}

		.newList ul li .icon{width:80px;height: 26px;}

		.date,.newList ul li .desc{font-size: 13px;line-height: 150%}
		.newList ul li.headList .desc .con{height: 41px}
		.newList ul li:not(:first-child) .desc {}
		.newList ul li:not(:first-child) .con {height: 72px}

	/*    ---------      news      ---------   */    
	.newsDetail header {padding: 30px 0 25px;text-align: center;}
	   	.newsDetail header h3{font-size: 18px;margin-bottom: 20px;}     
	   	.newsDetail header dl dd{display: inline-block;margin: 0 5px} 
	   		.newsDetail .detialCon{line-height: 160%;font-size: 14px;padding:30px 0 50px;}  
	   	.detailFooter{position: relative;padding: 25px 0;}  
	   		.detailFooter .aticleCtrl{position: relative;line-height:160%;font-size: 13px;display: block;}  
	   			.detailFooter  .returnNews{width:120px;height: 36px;top:0;right: auto;position: relative;margin-top: 30px;line-height: 36px;font-size: 14px} 
	   			.detailFooter  .returnNews:hover{background-color:#005ba2;color: #fff; } 
	   	.newList ul li.headList .desc .con{height:auto;}
	/*    ---------      h     ---------   */ 
	.hrTeam .hrTeamTab ul li{width: 24%;margin:0;border-right: 1px solid rgba(0,0,0,0.2);line-height: 36px;height: 36px;font-size: 14px}
 	.hrTeam .hrTeamTab{margin-top: -10px}	

 	.hrRecruit,.hrTeam,.hrTranslation{padding: 0 0 60px;}
 		.hrTeam .hrTeamItem{margin-top: 50px}

/* hr-shooll*/
 .hrTeacher .hrTeacherCon .swiper-slide{width: 550px;margin:0 auto;}
 	.hrSchReclture dl .addShow{width: 15px;height: 15px;background-size: 100%}
 	.hrSchReclture dl{padding-right:30px;}
 			.hrSchReclture .reclturcCon{padding:20px  25px;padding-right: 30px;}


  .addesList ul{margin:0 0 -15px -15px; }
 			.addesList ul li{width: 50%;padding:0 0 15px 15px;}
 			

 	.serviseGoodsItem{width: 100%;}
 	.serviseConsultCon ul dl .wenBtn{width: 120px;line-height: 36px;font-size: 14px}
 	.hrSchContact .hrSchContactCon ul li{padding:0 15px;font-size: 14px}
 	.hrSchContact .hrSchContactCon ul li h3{font-size: 18px}
 	.serviseConsultCon ul h3{font-size: 18px}

 	.newList ul li .desc .con{line-height: 180%;font-size: 13px;}
}

/* 640 */
@media (max-width: 650px){
	.banner{height: 180px}
	.cultureCon .cultureList{width: 100%;padding:0 15px;}
	.pubulicNavDiv{/*position: fixed;*//*background-color: transparent;*/}
	.pubulicNav ul li{display: block;padding:0 10px;margin:0;}
	.pubulicNav ul li:before{display: none;}
	.pubulicNav ul li a{font-size: 15px;line-height: 33px}
	.pubulicNavDiv.fixed{position: relative;}


	.productInforNav ul li{margin-right: 5px;margin-bottom: 5px}
	.productInforNav ul li.active a:before{display: none}

	.aboutSocial .socialNav{width: 100%;padding:0;overflow: hidden;position: relative;}
		.aboutSocial .socialNav ul{overflow: auto;}
		.aboutSocial .socialNav li{float: left;text-align: center;margin-right: 16px;font-size: 16px;color: #fff}
		.aboutSocial .socialNav li.active:before{width: 80%;height:4px;top:auto;left: 0;right: 0;margin:auto; bottom: 0px}
		.aboutSocial .socialTable{padding:0;width: 100%;margin-top: 20px;font-size: 12px;line-height: 140%}
		.aboutSocial .socialTable:before{display: none;}
		.socialTable header{line-height: 160%}
		.socialTable h3{font-size: 14px}
		.aboutSocial{padding: 0 0 60px}
	.aboutHonnor .honnorCon{padding:0 20px;}
	.titleLabel{padding:0 0 25px;font-size: 13px;line-height: 160%}
	.titleLabel h3{font-size: 22px;padding:30px 0 0;}
		.cultureCon .cultureList li h3{font-size: 16px}
		.cultureCon .cultureList .pic{font-size: 12px}
	.aboutHonnor{padding-bottom: 60px}
	.aboutEntCon .swiper-button-next, .aboutEntCon .swiper-button-prev,.aboutHonnor .swiper-button-next, .aboutHonnor .swiper-button-prev{width: 30px;height: 30px;}
	.aboutOrgination .imgCtrl{width: 95%;left: auto}
	.aboutOrgination{padding-bottom: 60px}
		.aboutCompony .wordDiv dl{width: 100%;padding:0 ;}
	.aboutCompony .imgMap{width: 330px}
		.aboutCompony .wordDiv dd{font-size: 12px;padding:15px 0;}
		.aboutCompony .wordDiv dd a{font-size: 12px;padding:15px 0;}
		.aboutCompony .imgMap .address .name{display: none;}
		.aboutCompony .imgMap .address img{width: 10px}
		.aboutCompony .address .yuenan{top:97%;}
		.aboutCompony .address .xinjiapo{top:104%;}
		.aboutCompony{padding-bottom: 75px}
		.cultureCon{padding:30px 0 20px;}
		.aboutIntro .introductIcon li{width: 50%;margin-bottom: 20px}
		.aboutIntro .introductIcon{padding:20px 0 10px;}
		.aboutIntro .introductIcon li h3{height: 26px;}
		.aboutIntro .introductIcon li p{height:16px;}
		.aboutIntro .introductCon{font-size: 13px;line-height: 160%}
		.aboutCompony .titleLabel h3{padding:30px 0 10px;}
/*    ---------      product      ---------   */
	.pubulicNavDiv .searchDiv{position: relative;right:auto;height: 41px;margin-top: 10px;}
	.pubulicNavPro{height: auto;padding:15px 0 ;}
	.pubulicNavDiv .inputCtrl{width: 100%;}
	.oilList ul{margin:0 0 -15px -15px;}
			.oilList ul li{padding:0 0 15px 15px;width:100%;}
			.oilList ul li .desc{padding:15px 10px;font-size: 15px}
			.oilList ul li .icon{width:48px;height: 26px;}
	.appList ul{margin:0 0 -15px -15px;}
		.appList ul li{padding:0 0 15px 15px;width: 50%}
		.appList ul li .desc{font-size: 15px;height: 20px;bottom: 10px;left: 10px;padding:0;}
		.appList ul li .icon{width: 20px;height: 20px;}
		.oilList ul li ins img{height:auto}
		.prodAppTable table tr td{line-height: 160%;padding:5px;font-size: 12px}
		.prodAppTable table thead tr td{font-size: 14px;}

.specialProduct ul li .desc h3 {margin-bottom: 5px}
    .productAppLeft .appList ul li{width:100%}
    .prodAppItem{padding:25px 0;}
    .productInfor{padding:0;margin-top: -30px;}
    .appApplicaDl{font-size: 13px;line-height: 160%;padding: 20px 0 0;}
    .appApplicaDl dd{margin-bottom: 15px}
 		.titleProduct {font-size:18px;margin-bottom:5px;}

 		.product_applicate{padding:50px 0 0;}
 		.productAppStarted{font-size: 14px;}
	 .prodAppItem .desc{font-size: 13px;line-height: 160%;}

	 .productDetailTab li{width: 100px;height: 40px}
	 .productDetailTab li.list1{background-size: 80px;}
	 .productDetailTab li.list2{background-size: 25px;}
	 .productDetailTab{top:-20px;}
	 .productDetailTab li.active:before{bottom: -6px;}
	 .pubulicNavDiv .btnCtrl{background-size: 15px}
	.productInforNav .productPin{display: inline-block;}

	.news{padding:20px 0 30px;}
	.newList ul li{padding:15px 0;}

		.newList ul li .icon {display: none}
		.newList ul li:not(:first-child) .con {height: 44px}
	.newList ul li .desc h3{height: 18px;overflow: hidden;}

	.newList ul li:not(:first-child) .desc {padding: 0 0px 0 15px;}

	
	.newsDetail{padding:0;}
	.newsDetail header h3 {font-size: 16px;margin-bottom: 10px;}

	.hrRecruitCon ul{margin:0 0 0 -10px;}
	.hrRecruitCon ul li{padding:0 0 0 10px;}
	.hrRecruitCon ul li .desc{padding:5px 0;font-size: 13px;}

	.addesList ul .desc{padding:45px 0 30px;height: auto}

	.serviseAddres {padding-bottom: 20px;}

	.serviseProbulemCon li{padding:0 15px;margin-bottom: 15px}

	.serviseProbulemCon .quesition {padding:5px 10px 10px 25px;font-size: 14px;line-height: 200%;overflow: hidden;height: 36px}
	.serviseProbulemCon .quesition .addShow{height: 10px;width: 10px;}
	.serviseProbulemCon .quesition:before{width: 18px;line-height: 18px;height: 18px;font-size: 12px;}
	.serviseProbulemCon .anwerCon{padding:20px 10px 10px 25px;font-size: 14px}
	.serviseProbulemCon .anwerCon:before{width: 18px;line-height: 18px;height: 18px;font-size: 12px;top:25px;}

	.serviseConsultCon ul li{width: 100%;margin-bottom: 20px;}
		.serviseConsultCon ul dl {padding: 15px 0 20px;font-size: 15px;}
		.serviseConsultCon ul dl dd{margin-bottom: 10px}
	.serviseConsult {padding: 40px 0 30px;}
	.serviseGoodsCon .swiper-button-next, .serviseGoodsCon .swiper-button-prev{width: 25px;height: 25px;display: block;}
	.serviseGoodsCon .bg{display: none;}

 .serviseGoodsCon .pic{height:70px;}
 	.serviseGoodsCon .desc h3 {font-size: 16px;margin-bottom: 5px}
 	.serviseGoodsCon .desc{font-size: 14px;width: 98%;padding-bottom:10px}
 	.serviseGoodsCon .swiper-button-prev {left: 18px;}
 	.serviseGoodsCon .swiper-button-next{left: 50px;}
 	.serviseSurppot .surpportCon{padding:0 15px 40px;font-size: 13px;line-height: 140%;height: auto;}
 	.serviseSurppot .titleLabel h3{padding:40px 0 0;}
 	.serviseSurppot .surpportConP{line-height: 160%}
 	.serviseSurppot .contacTell{padding:10px 0px 0 }
 	.serviseSurppot .contacTell img{width:150px;}
 	.serviseSurppot .container2{height: auto}
 	.serviseAddres .mapDiv{position: relative;}
 	.serviseAddres .mapDiv .mapImg{height: 200px}
 	.serviseAddres .addesList{padding: 30px 0 0}

 	.hrTeacher .hrTeacherCon .swiper-slide{width: 100%}
 	.hrTeacher .hrTeacherCon .swiper-slide .desc{padding:40px 20px; font-size:13px;line-height: 160%}
 	.addesList ul li{width: 100%}
 	.serviseProbulem{padding: 0 0 20px}
 	.serviseAddres .mapDiv .mapImg .icon {height: 50px;width: 42px;}
 	.hrSchReclture{padding: 0 0 60px}
 	.hrSchReclture dl dd{padding: 10px 0 10px 10px;font-size: 14px;line-height: 16px}
 	.hrSchReclture dl .addShow{right: 0}
 	.hrSchContact .hrSchContactCon ul li{margin-bottom:20px}
 	.hrSchContact .hrSchContactCon ul li h3{font-size: 15px}
 	.hrSchContact .hrSchContactCon ul li{width: 50%}
 	.hrSchContact .hrSchContactCon ul li .icon{width: 50px;height: 50px;margin: 0 auto 5px}
 	.hrTeacher .hrTeacherCon .swiper-button-next, .hrTeacher .hrTeacherCon .swiper-button-prev{width: 30px;height: 30px;}
 	.hrTeacher .hrTeacherCon .desc .con:before, .hrTeacher .swiper-slide .desc .con:after{width: 20px;height: 20px}
 	.hrTeacher .swiper-slide .desc .con:after{right: 0}
 	.hrTeacher .hrTeacherCon .centerHeadDiv h3{font-size: 15px;}
 	.hrTeacher .hrTeacherCon .swiper-slide-active .centerHeadDiv{font-size: 13px;}
 	.hrTeacher{height: auto;padding:0 0 60px;}
	.tuanjianList ul li{width: 50%;position: relative;}
 		.tuanjianList ul li img{width: 100%;}
 			.tuanjianList ul li .disc{height: 25px;line-height: 25px;padding-right: 10px;bottom: 5px;font-size: 12px}


}

@media (max-width:380px){
	.hrSchReclture dl dd{font-size: 12px;}
	.pubulicNav ul li{padding:0 10px;margin:0;}
	.pubulicNav ul li a{font-size: 11px;}
	.appList ul li ins img{height: 125px;}
}


@media (max-width:360px){
	.addesList ul li{width: 100%;}

}


@media (max-width:320px){
}


#pages {
	text-align: center;
    padding: 50px 0;
}
#pages a {
	font-size: 20px;
}