

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html {
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}
body {
	min-height:100%;
	margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
	display:block
}
audio,canvas,progress,video {
	display:inline-block;
	vertical-align:baseline
}
audio:not([controls]) {
	display:none;
	height:0
}
[hidden],template {
	display:none
}
a {
	color:#3A3A3A;
	text-decoration:none;
	background-color:transparent
}
a:active,a:hover {
	outline:0;
}
abbr[title] {
	border-bottom:1px dotted
}
b,strong {
	font-weight:bold
}
dfn {
	font-style:italic
}
h1 {
	font-size:2em;
	margin:.67em 0
}
mark {
	background:#ff0;
	color:#000
}
small {
	font-size:80%
}
sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sup {
	top:-0.5em
}
sub {
	bottom:-0.25em
}
img {
	border:0
}
svg:not(:root) {
	overflow:hidden
}
figure {
	margin:1em 40px
}
hr {
	box-sizing:content-box;
	height:0
}
pre {
	overflow:auto
}
code,kbd,pre,samp {
	font-family:monospace,monospace;
	font-size:1em
}
button,input,optgroup,select,textarea {
	color:inherit;
	font:inherit;
	margin:0
}
button {
	overflow:visible
}
button,select {
	text-transform:none
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
	-webkit-appearance:button;
	cursor:pointer
}
button[disabled],html input[disabled] {
	cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0
}
input {
	line-height:normal
}
input[type="checkbox"],input[type="radio"] {
	box-sizing:border-box;
	padding:0
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
	height:auto
}
input[type="search"] {
	-webkit-appearance:textfield;
	box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
	-webkit-appearance:none
}
fieldset {
	border:1px solid silver;
	margin:0 2px;
	padding:.35em .625em .75em
}
legend {
	border:0;
	padding:0
}
textarea {
	overflow:auto
}
optgroup {
	font-weight:bold
}
table {
	border-collapse:collapse;
	border-spacing:0;
	max-width: 100%;
}
table,tr {
	max-width: 100%;
}
td,th {
	padding:0
}
a {
	cursor:pointer;
}
/* base */
@font-face {
	font-family:ziti;
	src:url(http://webfont.hzyys.com/get_font.php);
}
html {
	font-size:13px/1;
	overflow-x:hidden;
	font-family:auto;
	color:#21252a;
}
a {
	color:#21252a;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
.fl {
	float:left;
	display:inline-block;
}
.fr {
	float:right;
	display:inline-block;
}
.pull-none {
	float:none;
}
.clearfix:after {
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
	content:".";
	font-size:0;
}
* html .clearfix {
	zoom:1;
}
*:first-child+html .clearfix {
	zoom:1;
}
.container {
	width:1300px;
	margin:0 auto;
}
img {
	max-width:100%;
}
img.full {
	display:block;
	width:100%;
}
.list {
	padding:0;
	margin:0;
	list-style:none;
}
.hidden {
	display:none;
}
/* base */
.posi-r {
	position:relative;
}
.posi-a {
	position:absolute;
}
.posi-f {
	position:fixed;
}
.fl {
	float:left;
	display:inline-block;
}
.fr {
	float:right;
	display:inline-block;
}
.fn {
	float:none;
}
.bs-bb {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.disp-n {
	display:none;
}
.disp-b {
	display:block;
}
.disp-i {
	display:inline;
}
.disp-ib {
	display:inline-block;
}
.disp-l {
	display:list-item;
}
.disp-t {
	display:table;
}
.disp-it {
	display:inline-table;
}
.disp-tc {
	display:table-cell;
}
.over-v {
	overflow:visible;
}
.over-h {
	overflow:hidden;
}
.over-s {
	overflow:scroll;
}
.over-a {
	overflow:auto;
}
.over-i {
	overflow:inherit;
}
.pd0 {
	padding:0;
}
.pd44 {
	padding:44px;
}
.mg0 {
	margin:0;
}
.mg-l40 {
	margin-left:40px;
}
.mg-a {
	margin:0 auto;
}
.bord0 {
	border:0;
}
.bordr2 {
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.bordr3 {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.bordr4 {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.bordr5 {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.bordr6 {
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}
.bordr7 {
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
}
.bordr8 {
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
}
.bordr9 {
	-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border-radius:9px;
}
.bordr10 {
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.bordr50 {
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.font10 {
	font-size:10px;
}
.font12 {
	font-size:12px;
}
.font13 {
	font-size:13px;
}
.font14 {
	font-size:14px;
}
.font16 {
	font-size:16px;
}
.font18 {
	font-size:18px;
}
.font20 {
	font-size:20px;
}
.font22 {
	font-size:22px;
}
.font24 {
	font-size:24px;
}
.font26 {
	font-size:26px;
}
.font28 {
	font-size:28px;
}
.font30 {
	font-size:30px;
}
.font32 {
	font-size:32px;
}
.font34 {
	font-size:34px;
}
.font36 {
	font-size:36px;
}
.font38 {
	font-size:38px;
}
.font40 {
	font-size:40px;
}
.font42 {
	font-size:42px;
}
.font44 {
	font-size:44px;
}
.font46 {
	font-size:46px;
}
.font48 {
	font-size:48px;
}
.font50 {
	font-size:50px;
}
.fontw-n {
	font-weight:normal;
}
.fontw-b {
	font-weight:bold;
}
.fonts-n {
	font-style:normal;
}
.fonts-i {
	font-style:italic;
}
.fonts-o {
	font-style:oblique;
}
.texta-l {
	text-align:left;
}
.texta-c {
	text-align:center;
}
.texta-r {
	text-align:right;
}
.texta-j {
	text-align:justify;
}
.verta-b {
	vertical-align:baseline;
}
.verta-s {
	vertical-align:sub;
}
.verta-sp {
	vertical-align:super;
}
.verta-t {
	vertical-align:top;
}
.verta-tt {
	vertical-align:text-top;
}
.verta-m {
	vertical-align:middle;
}
.verta-btm {
	vertical-align:bottom;
}
.verta-tb {
	vertical-align:text-bottom;
}
.backr-n {
	background-repeat:no-repeat;
}
.backr-x {
	background-repeat:repeat-x;
}
.backr-y {
	background-repeat:repeat-y;
}
.backp-tl {
	background-position:0 0;
}
.backp-tr {
	background-position:100% 0;
}
.backp-lb {
	background-position:0 100%;
}
.backp-rb {
	background-position:100% 100%;
}
.backp-lc {
	background-position:0 50%;
}
.backp-rc {
	background-position:100% 50%;
}
.backp-ct {
	background-position:50% 0;
}
.backp-cc {
	background-position:50% 50%;
}
.backp-cb {
	background-position:50% 100%;
}
.curs-d {
	cursor:default;
}
.curs-c {
	cursor:crosshair;
}
.curs-p {
	cursor:pointer;
}
.curs-m {
	cursor:move;
}
.curs-e {
	cursor:e-resize;
}
.curs-ne {
	cursor:ne-resize;
}
.curs-nw {
	cursor:nw-resize;
}
.curs-n {
	cursor:n-resize;
}
.curs-se {
	cursor:se-resize;
}
.curs-sw {
	cursor:sw-resize;
}
.curs-s {
	cursor:s-resize;
}
.curs-w {
	cursor:w-resize;
}
.curs-t {
	cursor:text;
}
.curs-w {
	cursor:wait;
}
.curs-hlp {
	cursor:help;
}
.tran {
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	-o-transition:all .2s ease;
	transition:all .2s ease;
	-ms-transition:all .2s ease;
}
.clearfix:after {
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
	content:".";
	font-size:0;
}
* html .clearfix {
	zoom:1;
}
*:first-child+html .clearfix {
	zoom:1;
}
.ls-n {
	list-style:none;
}
ul,ol,li {
	list-style:none
}
* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.hidden {
	display:none
}
ins {
	text-decoration:none
}
.mr0 {
	margin-right:0!important
}
a {
	color:#21252a;
	-webkit-transition:all .25s ease-in;
	-moz-transition:all .25s ease;
	-o-transition:all .25s ease-in;
	-ms-transition:all .25s ease;
	transition:all .25s ease-in;
	color:rgba(0,0,0,.8);
	text-decoration:none;
	font-size:13px
}
}a:hover {
	-webkit-transition:all .25s ease-in;
	-moz-transition:all .25s ease;
	-o-transition:all .25s ease-in;
	-ms-transition:all .25s ease;
	transition:all .25s ease-in;
}
img.more {
	-webkit-transition:1s;
	transition:1s;
	transform:scale(1);
	-webkit-transform:scale(1);
}
img.more:hover {
	-webkit-transition:1s;
	transition:1s;
	transform:scale(1.13);
	-webkit-transform:scale(1.13);
}
img.fill {
	width:100%;
	display:block;
}
.tran {
	-webkit-transition:all .8s ease;
	-moz-transition:all .8s ease;
	-o-transition:all .8s ease;
	-ms-transition:all .8s ease;
	transition:all .8s ease;
}
.c06 {
	color:rgba(0,0,0,.6)!important;
}
.EN {
	text-transform:Uppercase;
}
.tb {
	display:table;
	width:100%;
	height:100%;
}
.tb .tbc {
	display:table-cell;
	vertical-align:middle;
}
.box {
	background-repeat:no-repeat;
	background-position:center top;
	overflow:hidden;
	position:relative;
	width:100%;
	background-size:cover;
}
img {
	border:none
}
.container {
	width:1600px;
	margin:0 auto;
}
/* wrapper */
.wrapper {
	position:relative;
	width:100%;
	min-height:100%;
}
dl.record dd {
	display:inline-block;
	margin-right:15px;
	color:#b1b1b1;
	font-size:14px
}
dl.record dd:before {
	display:inline-block;
	margin-right:5px;
	width:17px;
	height:14px;
	content:"";
	background-position:left center;
	background-repeat:no-repeat;
	position:relative;
	top:2px
}
dl.record dd.time:before {
	background-image:url(http://www.chxin-oil.com/views/default/images/0time.png)
}
dl.record dd.seed:before {
	background-image:url(http://www.chxin-oil.com/views/default/images/0see.png)
}
.bg8 {
	background-color:#f8fbfc;
}
.icon {
	background-position:center;
	background-repeat:no-repeat;
	background-size:100%;
}
.header>* {
	vertical-align:middle;
}
.header .container {
	position:relative;
}
.header.active {
	background-color:#fff
}
.header:hover {
	background-color:#fff
}
.head-logo {
	background-position:left center;
	background-repeat:no-repeat;
	background-image:url(../image/logo.png);
	background-size:100% auto;
	width:215px;
	left:0;
	position:absolute;
	display:inline-block;
	height:100%;
	left:150px;
	top:0;
}
.nav-toggle {
	position:fixed;
	z-index:999;
	top:10px;
	right:15px;
	display:none;
	width:30px;
	height:13px;
	padding-top:13px;
	touch-action:none;
}
.nav-toggle .icon {
	position:relative;
	z-index:999;
	width:25px;
	height:2px;
	border-radius:2px;
	background-color:#8a8a8a;
	-webkit-box-shadow:0 0 1px rgba(0,0,0,.6);
	-moz-box-shadow:0 0 1px rgba(0,0,0,.6);
	box-shadow:0 0 1px rgba(0,0,0,.6);
	-webkit-transition-duration:.5s;
	transition-duration:.5s;
	transiting-timing-function:swing;
}
.nav-toggle .icon:after,.nav-toggle .icon:before {
	position:absolute;
	left:0;
	width:25px;
	height:2px;
	border-radius:2px;
	background-color:#8a8a8a;
	-webkit-box-shadow:0 0 1px rgba(0,0,0,.6);
	-moz-box-shadow:0 0 1px rgba(0,0,0,.6);
	box-shadow:0 0 1px rgba(0,0,0,.6);
	content:"";
	-webkit-transition-timing-function:swing;
	transition-timing-function:swing;
	-webkit-transition-duration:.5s;
	transition-duration:.5s;
}
.nav-toggle .icon:before {
	top:-7px;
}
.nav-toggle .icon:after {
	top:7px;
}
.nav-toggle.active .icon {
	width:0;
}
.nav-toggle.active .icon:before {
	-webkit-transform:translateY(7px) rotate(45deg);
	transform:translateY(7px) rotate(45deg);
	-ms-transform:translateY(7px) rotate(45deg);
}
.nav-toggle.active .icon:after {
	-webkit-transform:translateY(-7px) rotate(-45deg);
	transform:translateY(-7px) rotate(-45deg);
	-ms-transform:translateY(-7px) rotate(-45deg);
}
/* header */
.header {
	padding:25px 0 20px;
	background-color:#fff;
	z-index:9;
	-webkit-transition:all .6s ease;
	-moz-transition:all .6s ease;
	-ms-transition:all .6s ease;
	-o-transition:all .6s ease;
	transition:all .6s ease;
	position:relative;
	position:absolute;
	z-index:99999;
	width:100%
}
.header.active {
	border-bottom:1px solid #ededed;
	background-color:#fff;
}
.header .container {
	width:100%;
	padding:0 25px;
	position:relative;
}
.header * {
	vertical-align:middle;
}
.header .lange {
	margin-left:;
	line-height:45px
}
.header .lange .icon {
	width:21px;
	height:21px;
	display:inline-block;
	vertical-align:middle;
	margin-right:7px;
	background-image:url(../image/0icon01.png);
}
.header .lange a {
	color:#757575;
	font-size:13px
}
.header .lange a.active,.header .lange a:hover {
	color:#014190;
}
.header .head-nav {
	position:relative;
	top:auto;
	left:auto;
	text-align:right;
	overflow:visible;
	padding:0 5px 0 0;
}
.header .head-nav li {
	text-align:center;
	display:inline-block;
	margin:0;
}
.head-nav li a {
	display:block;
	line-height:45px;
	position:relative;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	color:#333339;
	margin-right:56px
}
.head-nav-en li a {
	margin-right:40px
}
.head-nav li.active a,.head-nav li:hover a {
	color:#074289;
}
.head-nav li:hover a:before {
	width:100%;
	height:5px;
	background-color:#074289;
	content:"";
	position:absolute;
	left:0;
	bottom:-22px;
	display:block;
}
.head-nav li.first-child a:before {
	display:none!important;
}
.header .head-nav li .icon {
	width:24px;
	height:24px;
	background-size:100%;
	display:inline-block;
	margin:0 auto 0px;
}
/* footer */
.footer {
	font-weight:300;
	line-height:34px;
	font-size:11px;
	position:relative;
	line-height:34px;
}
.footer .container {
	position:relative;
}
.footer .foodhead {
	padding:55px 0;
}
.footer a {
	color:#999b9c;
	font-size:16px;
}
.footer a:hover {
	color:#c8c8c8;
}
.footer h3 {
	margin-bottom:;
	color:#21252a;
	text-transform:uppercase;
}
.footer h3 a {
	color:#21252a;
	font-size:18px;
	font-weight:normal;
}
.footer .foodNav dd {
	min-width:153px;
	margin-right:25px
}
.footer .foodBody {
	border-top:1px solid #ededed;
	text-align:center
}
.footer .foodBody a {
	font-size:13px;
}
.footerContact dd {
	display:inline-block;
	margin-left:45px;
	text-align:center;
	font-size:16px;
	color:#535353
}
.productNav {
	position:absolute;
	width:100vw;
	background-color:#fff;
	left:0;
	display:none;
	border-top:1px solid #f1f4f9;
	margin-top:20px
}
.productNav.active {
	display:block;
}
.productNav .container {
	width:1690px
}
.productNav .prodList .prodItem {
	height:238px;
	border-left:1px solid #f1f4f9;
	width:800px;
}
.productNav .prodTab {
	padding:18px 0 0;
}
.productNav .prodTab ul li {
	width:160px;
	line-height:52px;
	text-align:center;
	color:#333339;
	font-size:18px;
	cursor:pointer;
}
.productNav .prodTab ul li.active,.productNav .prodTab ul li:hover {
	background-color:#074289;
	color:#fff;
}
.productNav .prodItem {
	padding:18px 0 0;
}
.productNav .prodItem a {
	display:inline-block;
	margin-left:35px;
	color:#a0a0a0;
	font-size:16px;
	line-height:52px;
}
.productNav .prodItem a.active,.productNav .prodItem a:hover {
	color:#074289;
}
.productNav .imgDiv {
	padding:18px 0 0;
	color:#dddddd;
	font-size:17px;
}
.productNav .imgDiv img {
	margin-right:15px;
}
.productNav .imgDiv h3 {
	color:#074289;
	font-size:35px;
	margin:0 0 5px;
}
.header.hasPro .productNav {
	display:block;
}
/* 1600 */
@media (max-width:1700px) {
	.container {
	width:1300px;
}
.head-nav li a {
	margin-right:30px
}
.footer .foodNav dd {
	min-width:103px;
}
.footerContact dd {
	width:120px;
	margin-left:15px
}
.itemChose {
	width:696px;
	min-height:635px;
}
.productNav .prodList .prodItem {
	height:190px;
	width:760px
}
.productNav .prodItem a {
	margin-left:28px;
	line-height:42px;
}
.productNav .imgDiv img {
	width:180px;
}
.productNav .prodTab ul li {
	width:120px;
	line-height:42px;
	font-size:16px;
}
.productNav .imgDiv h3 {
	font-size:28px;
}
.productNav .container {
	width:1300px
}
}/* 1300 */
@media (max-width:1200px) {
	.container {
	width:900px;
}
.head-nav li a {
	margin-right:15px
}
.head-logo {
	width:165px
}
.footer .foodNav dd {
	min-width:60px;
}
.footerContact dd {
	width:89px;
	margin-left:10px;
}
.productNav .prodList .prodItem {
	height:190px;
	width:481px;
}
}/* 1200 */
@media (max-width:1050px) {
	.header {
	height:50px;
	padding:5px 0;
	margin:auto;
	background-color:#fff
}
.header .headNavCon,.header .container {
	height:35px;
}
.container {
	width:100%;
	padding:0 15px;
}
.content {
	padding:50px 0 0
}
.wrapper {
	overflow-x:hidden;
}
.head-nav li a {
	line-height:30px
}
.head-logo {
	width:150px;
	top:0px;
}
.header .lange {
	line-height:30px
}
.header .lange .icon {
	margin-right:2px
}
.footer .foodNav dd {
	min-width:60px;
	margin-right:25px
}
.footerContact dd {
	width:100px;
	margin-left:5px
}
.footer .foodBody {
	line-height:45px;
}
.footerContact {
	display:none
}
}@media (max-width:900px) {
	.header {
	position:fixed;
	width:100%;
}
.nav-toggle {
	display:block;
}
.header .head-nav {
	position:fixed;
	z-index:998;
	width:100%;
	top:0;
	right:auto;
	bottom:0;
	right:0;
	visibility:hidden;
	background-color:#fff;
	opacity:0;
	-webkit-transform:scale(.9);
	-moz-transform:scale(.9);
	-ms-transform:scale(.9);
	-o-transform:scale(.9);
	transform:scale(.9);
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	-ms-transition:all .2s ease;
	-o-transition:all .2s ease;
	transition:all .2s ease;
}
.header .head-nav.active {
	display:block;
	opacity:1;
	visibility:visible;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}
.header .head-nav ul {
	padding:80px 25px 0;
	width:100%;
	float:none;
	text-align:left;
}
.header .headNav_logo {
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(../image/logo.png);
	background-size:100% auto;
	left:0;
	top:20px;
	right:0;
	position:absolute;
	margin:auto;
	width:96px;
	height:15px
}
.header .lange {
	float:left;
}
.header .head-nav li {
	margin:0;
	display:inline-block;
	text-align:center;
	display:block;
	border-bottom:1px solid rgb(0 0 0 / 26%);
	text-align:left;
}
.header .head-nav li a {
	margin:0;
	line-height:50px;
	text-align:left;
	color:#000;
}
.head-nav li:hover a:before {
	width:100%;
	height:2px;
	background-color:#074289;
	content:"";
	position:absolute;
	left:0;
	bottom:0px;
	display:block;
}
.header .head-nav {
	text-align:center;
}
.header .head-logo {
	top:0px;
	left:-200px;
	background-position:center;
	right:0;
	bottom:0;
	margin:auto;
	height:100%;
	width:160px;
	height:30px;
	position:absolute;
}
.header .headLink {
	display:block;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	height:100%;
	margin:auto 0;
}
.nav-toggle {
	display:block;
}
.footer .foodhead {
	padding:20px 0;
}
.header .lange a {
	color:#000;
}
.header .lange a.active,.header .lange a:hover {
	color:#000;
}
}/* 900 */
@media (max-width:650px) {
	.footer .foodBody {
	padding:15px 0;
	line-height:140%
}
.footer .foodNav {
	width:100%;
}
.footer .foodNav dd {
	width:33.33%;
	text-align:center;
	margin:0;
}
.footer .foodNav p {
	display:none
}
.footer h3 a {
	font-size:14px;
}
.footer a {
	font-size:13px;
}
}/* 375 */
@media (max-width:375px) {
	}/*
@media (max-width:1200px) {
	.container {
	width:1000px;
}
}@media (max-width:900px) {
	.container {
	width:100%;
	padding:0 15px;
}
}@media (max-width:650px) {
	}@media (max-width:370px) {
	}*/