a:focus,button:focus {outline:none!important;}
button::-moz-focus-inner {border:0;}
*:focus {outline:none;}
blockquote {padding:0;margin:0;}
input,button,select,textarea {outline:none;}
label {margin-bottom:0;}
p {margin:0;}
ul,ol {list-style:none;padding:0;margin:0;}
ul li,ol li {display:block;}
dl {margin:0;}
dt,dd {line-height:inherit;}
dt {font-weight:inherit;}
dd {margin-bottom:0;}
cite {font-style:normal;}
form {margin-bottom:0;}
blockquote {padding-left:0;border-left:0;}
address {margin-top:0;margin-bottom:0;}
figure {margin-bottom:0;}
html p a:hover {text-decoration:none;}

*, *::before, *::after {box-sizing: border-box;}

body {font-family:Microsoft YaHei, Arial, Helvetica, sans-serif; font-size:16px; line-height:1.8; font-weight:500; color:#333; background:#f9f9f9; -webkit-text-size-adjust:none;-webkit-font-smoothing: antialiased;}

a {transition:all .5s ease-in-out}
a,a:focus,a:active,a:hover {text-decoration:none}
a,a:focus,a:active {color:#333;}
a:hover {color:#009f41;}

.clearfix{clear: both;}
section:after {content: "";display: table;clear: both; }

::-webkit-scrollbar {width:8px;height:8px;}
::-webkit-scrollbar-thumb {cursor:pointer;background:#009f41;}
::selection {background-color:#009f41;color:#fff}
-webkit-::selection {background-color:#009f41;color:#fff}
::-moz-selection {background-color:#009f41;color:#fff}

@media screen and (max-width:1440px){
  html,body{font-size:17px;}
  h1, .h1 {font-size: 2.25em;}
  h2, .h2 {font-size: 1.9em;}
  h3, .h3 {font-size: 1.5em;}
  h4, .h4 {font-size: 1.25em;}
  h5, .h5 {font-size: 1.0625em;}
  h6, .h6 {font-size: 1.5em;}
}

@media screen and (max-width:1366px){
  html,body{font-size:16px;}
  h1, .h1 {font-size: 2.25em;}
  h2, .h2 {font-size: 1.9em;}
  h3, .h3 {font-size: 1.5em;}
  h4, .h4 {font-size: 1.25em;}
  h5, .h5 {font-size: 1.0625em;}
  h6, .h6 {font-size: 1em;}
}

@media screen and (max-width:996px){
    html,body{font-size:14px;}
    h1, .h1 {font-size: 2em;}
    h2, .h2 {font-size: 1.7em;}
    h3, .h3 {font-size: 1.5em;}
    h4, .h4 {font-size: 1.25em;}
    h5, .h5 {font-size: 1.125em;}
    h6, .h6 {font-size: 1em;}
}

@media screen and (max-width:576px){
    html,body{font-size:14px;}
}


@font-face {font-family: 'iconfont';
    src: url('../font/iconfont.eot');
    src: url('../font/iconfont.eot') format('embedded-opentype'),
    url('http://www.derongchemicals.com/public/assets/templates/fonts/iconfont.woff') format('woff'),
    url('../font/iconfont.ttf') format('truetype'),
    url('http://www.derongchemicals.com/public/assets/templates/fonts/iconfont.svg') format('svg');
}

.iconfont{font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.icon-caidan:before {
  content: "\e610";
}

.icon-ren:before {
  content: "\e63d";
}

.icon-wangzhi:before {
  content: "\e620";
}

.icon-web-icon-:before {
  content: "\e715";
}

.icon-baojiadan:before {
  content: "\e695";
}

.icon-quality:before {
  content: "\e663";
}

.icon-zyfw:before {
  content: "\e600";
}

.icon-kefu:before {
  content: "\e659";
}

.icon-zhuanyerenzheng:before {
  content: "\e61d";
}

.icon-iconset0422:before {
  content: "\e72d";
}

.icon-xiangshang:before {
  content: "\e645";
}

.icon-shijian:before {
  content: "\e60d";
}

.icon-leftarrow:before {
  content: "\e624";
}

.icon-rightarrow:before {
  content: "\e626";
}

.icon-guanbi:before {
  content: "\e609";
}

.icon-ai-arrow-down:before {
  content: "\e658";
}

.icon-arrow-right-copy-copy-copy:before {
  content: "\e604";
}

.icon-13:before {
  content: "\e644";
}

.icon-dianhua:before {
  content: "\e66f";
}

.icon-youxiang:before {
  content: "\e625";
}

.icon-youjian:before {
  content: "\e605";
}

.icon-oabangong-copy:before {
  content: "\e60c";
}

.icon-dizhi:before {
  content: "\e646";
}

.icon-ziyuan:before {
  content: "\e64a";
}

.icon-OA:before {
  content: "\e61b";
}

.icon-dianhua1:before {
  content: "\e614";
}


@-webkit-keyframes fadeIn {
	0% {opacity:0}
    100% {opacity:1}
}
@keyframes fadeIn {
	0% {opacity:0}
    100% {opacity:1}
}
.fadeIn {-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInUp {
	0% {opacity:0;-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}
    100% {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp {
	0% {opacity:0;-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}
    100% {opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInDown {
	0% {opacity:0;-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}
    100% {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown {
	0% {opacity:0;-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}
    100% {opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDown {-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInLeft {
	0% {opacity:0;-webkit-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0)}
    100% {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft {
	0% {opacity:0;-webkit-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0)}
    100% {opacity:1;-webkit-transform:none;transform:none}
}
.fadeInLeft {-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInRight {
    0% {opacity:0;-webkit-transform:translate3d(40px,0,0);transform:translate3d(40px,0,0)}
    100% {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRight {
    0% {opacity:0;-webkit-transform:translate3d(40px,0,0);transform:translate3d(40px,0,0)}
    100% {opacity:1;-webkit-transform:none;transform:none}
}
.fadeInRight {-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeOut {
    0% {opacity:1}
    100% {opacity:0}
}
@keyframes fadeOut {
    0% {opacity:1}
    100% {opacity:0}
}
.fadeOut {-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes slideInUp {
    0% {-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
    100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInUp {
    0% {-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
    100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInUp {-webkit-animation-name:slideInUp;animation-name:slideInUp}
@-webkit-keyframes slideInDown {
    0% {-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
    100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInDown {
    0% {-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
    100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInDown {-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft {
    0% {-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
    100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInLeft {
    0% {-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
    100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInLeft {-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight {
    0% {-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
    100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInRight {
    0% {-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
    100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInRight {-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideOutDown {
    0% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    100% {visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes slideOutDown {
    0% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    100% {visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
.slideOutDown {-webkit-animation-name:slideOutDown;animation-name:slideOutDown}
@keyframes pagInX {
    0% {transform:translateX(-100%)}
    100% {transform:translateX(0)}
}
@keyframes pagOutX {
    0% {transform:translateX(0)}
    100% {transform:translateX(100%)}
}

@-webkit-keyframes rotate {
  0% {-webkit-transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);}
  100% {-webkit-transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);}
}

@keyframes rotate {
  0% {-webkit-transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);}
  100% {-webkit-transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);}
}

.search {
	width:300px;
	margin-top:0px;
transition:all .6s ease;
-ms-transition:all .6s ease;
-o-transition:all .6s ease;
-webkit-transition:all .6s ease;
-moz-transition:all .6s ease
}
.search .search-wrap {
	width:100%;
	border:1px solid #44d018;
	border-radius:21.5px;
	position:relative;
transition:all .6s ease;
-ms-transition:all .6s ease;
-o-transition:all .6s ease;
-webkit-transition:all .6s ease;
-moz-transition:all .6s ease
}
.search input {
	width:100%;
	height:42px;
	line-height:42px;
	font-size:14px;
	color:#bdbdbd ;
	padding:0 45px 0 20px
}
.search input::-moz-placeholder {
color:#bdbdbd
}
.search input:-ms-input-placeholder {
color:#bdbdbd
}
.search input::-webkit-input-placeholder {
color:#bdbdbd
}
.search button {
	width:0px;
	height:40px;
	position:absolute;
	right:0px;
	top:0px;
	border:none;
	background: #FFFFFF00;
	border-radius:0%
	border-color:#57ade3;
}
.search:hover .search-wrap {
	border-color:#44d018;
transition:all .6s ease;
-ms-transition:all .6s ease;
-o-transition:all .6s ease;
-webkit-transition:all .6s ease;
-moz-transition:all .6s ease
}


.search1 {
	width:30px;
	margin-top:0px;
transition:all .6s ease;
-ms-transition:all .6s ease;
-o-transition:all .6s ease;
-webkit-transition:all .6s ease;
-moz-transition:all .6s ease
}
.search1 .search-wrap {
	width:100%;
	border:1px solid #44d018;
	border-radius:21.5px;
	position:relative;
transition:all .6s ease;
-ms-transition:all .6s ease;
-o-transition:all .6s ease;
-webkit-transition:all .6s ease;
-moz-transition:all .6s ease
}
.search1 input {
	width:100%;
	height:42px;
	line-height:42px;
	font-size:14px;
	color: #FFFFFF00 ;
	padding:0 45px 0 20px
}
.search1 input::-moz-placeholder {
color:#bdbdbd
}
.search1 input:-ms-input-placeholder {
color:#bdbdbd
}
.search1 input::-webkit-input-placeholder {
color:#bdbdbd
}
.search1 button{
	width:0px;
	height:40px;
	position:absolute;
	right:0px;
	top:0px;
	border:none;
	background: #FFFFFF00;
	border-radius:0%
	border-color:#57ade3;
}
.search1:hover .search-wrap {
	border-color:#44d018;
transition:all .6s ease;
-ms-transition:all .6s ease;
-o-transition:all .6s ease;
-webkit-transition:all .6s ease;
-moz-transition:all .6s ease
}



button, input, optgroup, select, textarea {
	color:  #FFFFFF00;
	font: inherit;
	margin: 0;
}
button {
	overflow: visible;
}
button, select {
	text-transform: none;
}
/* iphone下input背景色问题 */
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, textarea, button{border: none;background: none;border: none;outline: none;}
textarea{resize: none;}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	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;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}




.search1 button, input, optgroup, select, textarea {
	color:  #FFFFFF00;
	font: inherit;
	margin: 0;
}
.search1 button {
	overflow: visible;
}
button, select {
	text-transform: none;
}
/* iphone下input背景色问题 */
.search1 button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
.search1 button[disabled], html input[disabled] {
	cursor: default;
}
.search1 button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.search1 input, textarea, button{border: none;background: none;border: none;outline: none;}
.search1 textarea{resize: none;}
.search1 input {line-height: normal;}
.search1 input[type="checkbox"], input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}
.search1 input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
.search1 input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.search1 input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
.search1 fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: .35em .625em .75em;
}
.search1 legend {
	border: 0;
	padding: 0;
}
.search1 textarea {
	overflow: auto;
}
.search1 input, button, select, textarea {font-family: inherit;font-size: inherit;line-height: inherit;}
.search1 img-rounded {border-radius: 6px;}
.search1 img-thumbnail {padding: 4px;line-height: 1.42857143;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;display: inline-block;max-width: 100%;height: auto;}
.search1 img-circle {border-radius: 50%;}
.search1 button img {
    display: block;
    margin: 0 auto;
	border: none
}







fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: .35em .625em .75em;
}
legend {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
}
input, button, select, textarea {font-family: inherit;font-size: inherit;line-height: inherit;}
.img-rounded {border-radius: 6px;}
.img-thumbnail {padding: 4px;line-height: 1.42857143;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;display: inline-block;max-width: 100%;height: auto;}
.img-circle {border-radius: 50%;}
button img {
    display: block;
    margin: 0 auto;
	border: none
}