﻿
@charset "UTF-8";
/*--公共部分--*/
div, form, img, ul, ol, li, dl, dt, dd, p, strong, span, pre, input { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; }

h1, h2, h3, h4, h5, h6, p, dl, dt, dd { margin: 0; padding: 0; font-weight: normal; }

/* mY 英文版的转码*/
body { font-family: tahoma, arial, 'Hiragino Sans GB','Microsoft YaHei','\5FAE\8F6F\96C5\9ED1','\5b8b\4f53', sans-serif; font-size: 14px; margin: 0px; padding: 0px; color: #333; line-height: 22px; height: auto; clear: both; overflow-x: hidden; }

img { border: 0px; }

html { -webkit-tap-highlight-color: transparent; -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ -webkit-font-smoothing: antialiased; }

*, :after, :before { box-sizing: border-box; background-repeat: no-repeat; }

.show { display: block !important; }

.hide { display: none !important; }

article, aside, footer, header, nav, section { display: block; }

a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ text-decoration: none; color: #333; outline: none; cursor: pointer; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

ul, li { list-style: none; }

em, i { font-style: normal; }

a:hover { background-repeat: no-repeat; text-decoration: none; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { *zoom: 1; }

.clear { clear: both; }

input, textarea, select { font-family: 'Times New Roman', Times, serif; outline: none; }

.fl { float: left; }

.fr { float: right; }

.pages{
padding-bottom:60px;
text-align:center;

}
.commonweb { padding: 0px 10px; }

.clear { clear: both; line-height: 0; height: 0; font-size: 0; }

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; font-family: "Microsoft Yahei"; border-radius: 0; }

a, input[type="button"], button, input[type="submit"] { cursor: pointer; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

.z-transition { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }

.z-css3 { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

@media (min-width: 768px) { .commonweb { padding: 0px 20px; } .hotproduct{ display:none;}.class2{
border:1px #FFFFFF solid;
color:#64b034;
padding:5px 10px;
cursor:pointer;
width:30%;
text-align:center;
background-color:#FFFFFF;
}
.class1{
border:1px #FFFFFF solid;
color:#FFFFFF;
padding:5px 10px;
cursor:pointer;
width:30%;
text-align:center;
} }

@media (min-width: 992px) { .commonweb { padding: 0px 40px; } }

.commonwebbox { margin-left: 0px; margin-right: 0px; }

.commonleft { float: none; }

.commonright { float: none; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 10px; padding-right: 10px; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

@media (min-width: 768px) { .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; } }

@media (min-width: 992px) { .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; } }

@media (min-width: 1200px) { .commonweb { margin: 0px auto; max-width: 1120px; padding: 0; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; } }

@media (min-width: 1280px) { .commonweb { max-width: 1180px; } }

.visible-sm, .visible-md, .visible-lg { display: none; }

.hidden-sm, .hidden-md, .hidden-lg { display: block; }

@media (min-width: 768px) { .visible-sm { display: block; }
  .hidden-sm { display: none; } }

@media (min-width: 1024px) { .visible-md { display: block; }
  .hidden-md { display: none; } }

@media (min-width: 1200px) { .visible-lg { display: block; }
  .hidden-lg { display: none; } }

/* layout start*/

@charset "UTF-8";
.icon-backtop:before { content: ''; display: block; background-image: url(../images/sprite.png); background-position: -65px -220px; width: 55px; height: 55px; }

.icon-cline:before { content: ''; display: block; background-image: url(../images/sprite.png); background-position: -346px 0px; width: 22px; height: 31px; }

.icon-contact4:before { content: ''; display: block; background-image: url(../images/sprite.png); background-position: -186px -220px; width: 45px; height: 45px; }

.icon-dnarrow:before { content: ''; display: block; background-image: url(../images/sprite.png); background-position: -346px -41px; width: 16px; height: 10px; }

.icon-download:before { content: ''; display: block; background-image: url(../images/sprite.png); background-position: -130px -220px; width: 46px; height: 47px; }

.icon-insidenav:before { content: ''; display: block; background-image: url(../images/sprite.png); background-position: -220px -138px; width: 56px; height: 56px; }

.icon-loadmore:before { content: ''; display: block; background-image: url(../images/sprite.png); background-position: 0px -285px; width: 31px; height: 31px; }

.icon-mloadmore:before { content: ''; display: block; background-image: url(../images/sprite.png); background-position: -241px -220px; width: 31px; height: 31px; }

.icon-msearch:before { content: ''; display: block; background-image: url(../images/sprite.png); background-position: -290px -105px; width: 35px; height: 35px; }

.icon-nav01:before { content: ''; display: block; background-image: url(../images/sprite.png); background-position: -290px 0px; width: 46px; height: 42px; }

.icon-qa1:before { content: ''; display: block; background-image: url(../images/sprite.png); background-position: -290px -150px; width: 32px; height: 32px; }

.icon-qa2:before { content: ''; display: block; background-image: url(../images/sprite.png); background-position: -290px -192px; width: 32px; height: 32px; }

.icon-qcode:before { content: ''; display: block; background-image: url(../images/sprite.png); background-position: 0px 0px; width: 210px; height: 210px; }

.icon-return:before { content: ''; display: block; background-image: url(../images/sprite.png); background-position: -220px -70px; width: 58px; height: 58px; }

.icon-searchbtn:before { content: ''; display: block; background-image: url(../images/sprite.png); background-position: -290px -52px; width: 43px; height: 43px; }

.icon-toptop01:before { content: ''; display: block; background-image: url(../images/sprite.png); background-position: 0px -220px; width: 55px; height: 55px; }

.icon-totop_28:before { content: ''; display: block; background-image: url(../images/sprite.png); background-position: -220px 0px; width: 60px; height: 60px; }

.icon-upimg:before { content: ''; display: block; background-image: url(../images/sprite.png); background-position: -41px -285px; width: 39px; height: 24px; }

.icon-wimg29:before { content: ''; display: block; background-image: url(../images/sprite.png); background-position: -290px -234px; width: 32px; height: 32px; }

/*--公共部分--*/
div, form, img, ul, ol, li, dl, dt, dd, p,strong, span, pre, input { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; }

h1, h2, h3, h4, h5, h6, p, dl, dt, dd { margin: 0; padding: 0; font-weight: normal; }

body { font-family: Arial,"微软雅黑"; font-size: 14px; margin: 0px; padding: 0px; color: #333; line-height: 22px; height: auto; clear: both; }

img { border: 0px; }

ul, li { list-style: none; }

em, i { font-style: normal; }

a { text-decoration: none; color: #333; outline: none; }

a:hover { background-repeat: no-repeat; text-decoration: none; }

a, area { blr: expression(this.onFocus=this.blur()); }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { *zoom: 1; }

.clear { clear: both; }

* { webkit-box-sizing: border-box; box-sizing: border-box; }

input, textarea, select { font-family: "微软雅黑"; outline: none; }

.fl { float: left; }

.fr { float: right; }

.commonweb { padding: 0px 10px; }

.clear { clear: both; line-height: 0; height: 0; font-size: 0; }

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; font-family: "Microsoft Yahei"; border-radius: 0; }

* { -webkit-tap-highlight-color: transparent; tap-hightlight-color: transparent; touch-callout: none; -webkit-touch-callout: none; }

html { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }

.z-transition { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }

.z-css3 { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

@media (min-width: 768px) { .commonweb { padding: 0px 20px; } }

@media (min-width: 992px) { .commonweb { padding: 0px 40px; } }

.commonwebbox { margin-left: 0px; margin-right: 0px; }

.commonleft { float: none; }

.commonright { float: none; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 10px; padding-right: 10px; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

@media (min-width: 768px) { .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; } }

@media (min-width: 992px) { .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; } }

@media (min-width: 1200px) { .commonweb { margin: 0px auto; max-width: 1180px; padding: 0; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; } }

.visible-lg, .visible-md, .visible-sm { display: none; }

.hidden-lg, .hidden-md, .hidden-sm { display: none; }

@media (min-width: 767px) { .visible-sm { display: block; }
  .hidden-sm { display: none; } }

@media (min-width: 991px) { .visible-md { display: block; }
  .hidden-sm { display: block; } }

@media (min-width: 1200px) { .visible-lg { display: block; }
  .hidden-lg { display: block; } }

/* 样式开始*/
/** Swiper 3.4.2 Most modern mobile touch slider and framework with hardware accelerated transitions http://www.idangero.us/swiper/ Copyright 2017, Vladimir Kharlampidi The iDangero.us http://www.idangero.us/ Licensed under MIT Released on: March 10, 2017 */
.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; }

.swiper-container-no-flexbox .swiper-slide { float: left; }

.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);  }

.swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }

.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }

.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform,height; -webkit-transition-property: height,-webkit-transform; transition-property: height,-webkit-transform; transition-property: transform,height; transition-property: transform,height,-webkit-transform; }

.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }

.swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; }

.swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; }

.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; }

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; }

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; }

.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2; }

button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-pagination-white .swiper-pagination-bullet { background: #fff; }

.swiper-pagination-bullet-active { opacity: 1; background: #007aff; }

.swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active { background: #000; }

.swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }

.swiper-pagination-progress { background: rgba(0, 0, 0, 0.25); position: absolute; }

.swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0; }

.swiper-container-vertical > .swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0; }

.swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, 0.5); }

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; }

.swiper-container-3d { -webkit-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; }

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px; }

.swiper-container-cube, .swiper-container-flip { overflow: visible; }

.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; }

.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; }

.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center; }

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; }

.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }

.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; }

.swiper-scrollbar-cursor-drag { cursor: move; }

.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); } }

@keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.sprite-demo { width: 100px; height: 100px; background-color: #f60; }

.all-sprite { color: #f60; width: 500px; height: 500px; background: #f4f4f4 url("../images/sprite.png") no-repeat 0 0; }

.indexOne { position: relative; }

.swiperone-next { position: absolute; background: url(../images/indexbtn2s.png) no-repeat; width: 36px; height: 70px; top: 45%; right: 15px; cursor: pointer; display: block; background-size: cover; z-index: 100; }

.swiperone-next:hover { background: url(../images/indexbtn2.png) no-repeat; }

.swiperone-prev { position: absolute; background: url(../images/indexbtn1s.png) no-repeat; width: 36px; height: 70px; top: 45%; left: 15px; cursor: pointer; display: block; background-size: cover; z-index: 100; }

.swiperone-prev:hover { background: url(../images/indexbtn1.png) no-repeat; }

body { padding-top: 60px; }

.fr { float: right; }

.fl { float: left; }

.headercont { width: 100%; height: 60px; background-color: #fff; position: fixed; left: 0; top: 0; z-index: 101; box-shadow: 0px 1px 3px #ccc; }

.logoimg { display: block; float: left;  }

.logoimg img { max-width: 100%; display: block; height: 52px; }

.headernav { width: 100%; position: absolute; top: 60px; left: 0; z-index: 10; display: none; overflow-y: auto; overflow-x: hidden; padding-bottom: 200px; background: #fff; }

.headernav ul { background: #fff; }

.headernav ul li { font-size: 16px; border-bottom: 1px solid #e6e6e6; position: relative; }

.headernav ul li a { display: inline-block; padding: 10px 20px; }

.searchandlang { float: right; padding-top: 16px; }

.searchicon { display: inline-block; width: 24px; height: 24px; line-height: 24px; background: #b3b3b3; color: #fff; text-align: center; }

.searchicon { background: url(../images/sous.png) no-repeat center; background-size: cover; }

.showphonenav { display: inline-block; width: 28px; height: 23px; background: #64b034 url(../images/top03.png) no-repeat; background-size: 28px; margin-left: 12px; }

.showphonenav.closenav { background: #64b034 url(../images/top05.png) no-repeat; background-size: 28px; }

.searchwrap { display: block; position: absolute; width: 100%; top: 60px; left: 0; z-index: 100; display: none; }

.searchwrap dl { background: #fff; height: 46px; }

.searchwrap dl dd { width: 20%; float: left; }

.searchwrap dl dd input { background: #64b034; width: 100%; height: 46px; cursor: pointer; color: #fff; }

.searchwrap dl dd.inputtext { width: 80%; }

.searchwrap dl dd.inputtext input { width: 100%; height: 46px; background: none; padding-left: 20px; cursor: initial; color: #333; }

.subnavcont { display: none; font-size: 14px; }

.headernav .subnavlist a { display: block; padding: 6px 36px; }

.headernav .subnavlist a:hover { color: #64b034; }

.phsearchicon { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; display: inline-block; content: ""; padding: 0 22px; height: 26px; background: #64b034 url(../images/top06.png) no-repeat center center; position: absolute; right: 9px; top: 10px; z-index: 100; cursor: pointer; background-size: 45px; }

.phsearchicon.cur { transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }

.ercode { display: none; }

.indexbanner { width: 100%; position: relative; overflow: hidden;}
.logo{
position:absolute;
z-index:2;
bottom:20px;
text-align:center;
width:100%;
bottom:10px;
}
.logo img{
height:250px;
margin-left:35px;
margin-right:35px;
}


.indexbanner li { width: 100%; position: relative; width: 100%; overflow: hidden; float: left; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; position: relative; }

.indexbanner ul { width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; box-sizing: content-box; }

.indexbannerbtn { width: 100%; text-align: center; position: absolute; left: 0; z-index: 20; bottom: 12px; }

.indexbannerbtn p span { display: inline-block; width: 12px; height: 12px; background: #fff; overflow: hidden; margin: 0 5px; border-radius: 16px; cursor: pointer; opacity: 1; }

.indexbannerbtn p span.swiper-pagination-bullet-active { background: #64b034; }

.indexbanner ul li img { display: block; width: 100%; position: relative; }

.codeimgtop { display: none; }

.codeimgtop img { display: block; width: 139px; height: 139px; }

/*首页*/
.indexOne { padding-top: 25px; }

.indextit { text-align: center; width: 40%; margin: auto; padding-bottom: 10px; }

.indextit img { display: block; width: 100%; margin: auto; }

.prohfo { text-align: center; background: url(../images/index12.jpg) no-repeat bottom center; font-size: 16px; color: #000; padding-bottom: 15px; }

.indexOne-nr { padding-top: 10px; }

.indexOne-nr li { width: 100%; padding: 0 10px; }

.indexOne-nr li img { width: 100%; }
.proinfo{
background-color:#F5F5F5;
padding:10px 10px;

line-height:2.0;
text-align:center;
}
.indexOne-nr li h4 { font-size: 16px; font-weight:bold; }


.indexOne-nr li p { text-align: center; color: #666666; font-size: 14px; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; }

.swiper-indexOne { display: none; }

.indexTwo { padding-top: 25px; background: #56aa25 url(../images/indexbj1.jpg) no-repeat top center; margin-top: 15px; padding-bottom: 20px; width: 100%; overflow: hidden; }

.indexTwo .indextit { width: 28%; }

.indexTwo .prohfo { color: #fff; background: url(../images/index13.jpg) no-repeat bottom center; margin-bottom: 15px; }

.indexTwo p { color: #fff; text-align: center; }

.indexTwo ul { margin: 0 -15px; padding-top: 20px; }

.indexTwo ul li { width: 80%; text-align: center; padding-top: 25px; padding-right: 15px; padding-left: 15px; margin: auto; position: relative; }

.indexTwo ul li h5 { font-size: 14px; color: #fff; padding-bottom: 13px; }

.indexTwo ul li em { display: block; color: #fff; font-size: 20px; text-transform: uppercase; }

.indexTwo ul li p { padding-top: 10px; }

.twotop { background: url(../images/inc2.png) no-repeat top center; padding-top: 20px; }

.indexThree { padding-top: 30px; overflow: hidden; }

.indexThree .prohfo { margin-bottom: 20px; }

.indexThree ul { margin: 0 -5px; }

.indexThree li { position: relative; margin-bottom: 10px; padding-left: 5px; padding-right: 5px; }

.indexThree li img { width: 100%; display: block; }

.indexThree li .walktit { display: block; text-align: center; font-size: 18px; font-weight: bold; color: #fff; border-radius: 100px; background-color: rgba(100, 176, 52, 0.85); position: absolute; top: 50%; width: 100px; height: 100px; margin: auto; left: 50%; margin-top: -50px; margin-left: -50px; line-height: 100px; z-index: 10; }

.indexThree li .walkinto { opacity: 0; position: absolute; top: 0; }

.indexThree li h3 { position: absolute; top: 50%; width: 100px; height: 100px; margin: auto; left: 50%; margin-top: -50px; margin-left: -50px; z-index: 11; text-align: center; line-height: 100px; font-size: 18px; color: #fff; }

.indexFour { padding-top: 25px; background: #5a9832 url(../images/indexbj2.jpg) no-repeat top center; margin-top: 15px; padding-bottom: 20px; width: 100%; overflow: hidden; }

.indexFour .indextit { width: 16%; }

.indexFour .prohfo { color: #fff; background: url(../images/index13.jpg) no-repeat bottom center; margin-bottom: 15px; }

.infourleft { padding-left: 0; padding-right: 0; }

.infourleft dl { background: #fff; margin-bottom: 10px; }

.infourleft dt { padding-left: 0; padding-right: 0; }

.infourleft dt img { display: block; width: 100%; }

.infourleft dd h5 { font-size: 16px; color: #333; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; padding-top: 5px; margin-bottom: 5px; }

.infourleft dd p { text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; color: #666; line-height: 20px; }

.infourleft dd span { color: #999; }

.infourright { padding-left: 0; padding-right: 0; overflow: hidden; padding-bottom: 15px; }

.infourright img { display: block; width: 100%; }

.kestit h5 { font-size: 16px; color: #fff; width: 75%; display: inline-block; float: left; }

.kestit h5 a { color: #fff; }

.kesnr { padding-top: 10px; }

.kestit em { float: right; display: block; width: 25%; text-align: right; color: #fff; font-size: 12px; }

.kesnr p { font-size: 14px; color: #fff; }

.more_s { position: relative; text-align: center; margin: auto; width: 120px; height: 40px; line-height: 40px; color: #64b034; background: #fff; border-radius: 6px; display: block; margin-top: 15px; }

footer { background: #333333; position: relative; }

.footone { padding-top: 30px; }

.footone .logobottom { border-bottom: 1px #444444 solid; display: block; padding-bottom: 12px; }

.footone h4 { font-size: 14px; color: #999; padding-top: 14px; padding-bottom: 10px; }

.footone p { color: #666; }

.foottwo { padding-top: 15px; }

.foottwo h5 { font-size: 16px; color: #fff; border-bottom: 1px #444444 solid; display: block; padding-bottom: 12px; margin-bottom: 12px; }

.foottwo p { color: #999; }

.foottwo img { display: block; float: left; padding-top: 5px; }

.foottwo em { display: block; float: left; color: #999; padding-left: 15px; width: 90%; }

.code { text-align: center; padding-bottom: 30px; }

.code h5 { font-size: 16px; color: #fff; margin-top: 15px; padding-bottom: 15px; }

.code img { display: block; margin: auto; }

.rutntop { position: absolute; right: 10px; top: -24px; z-index: 10; }

.rutntop img { display: block; width: 88px; }

.nrbanner { width: 100%; overflow: hidden; }

.nrbanner img { display: block; width: 100%; }

.nybox { margin-top: 0; }

.nybox-left { display: none; }

.nybox-right { float: right; width: 100%; }

.nybox-right .nymatit { display: none; }

.dashij { margin-top: 10px; padding-bottom: 100px; }

.development { margin: 0 35px; position: relative; }

.developmentYear { padding-bottom: 7px; }

.developmentYear ul li .num { width: 60px; height: 60px; border-radius: 60px; display: block; margin: auto; text-align: center; line-height: 60px; font-size: 16px; font-weight: bold; color: #666; box-shadow: 0px 5px 5px #eeeeee; position: relative; z-index: 100; background: #fff; }

.developmentYear ul li.cur .num { border: 2px #5ead42 solid; color: #5ead42; line-height: 56px; }

.development .xiant { position: absolute; border-top: 1px #64b034 dashed; width: 80%; top: 49%; left: 10%; z-index: -10; }

.Coursebox { display: none; }

.developmentrightbtn { z-index: 10; background: url(../images/abright.png) no-repeat center center; top: 0px; width: 35px; height: 60px; border-radius: 4px; right: -35px; position: absolute; box-shadow: 5px 5px 5px #eeeeee; cursor: pointer; }

.developmentrightbtn:hover { background: #64b034 url(../images/abrights.png) no-repeat center center; }

.developmentleftbtn { z-index: 10; background: url(../images/ableft.png) no-repeat center center; top: 0px; width: 35px; height: 60px; border-radius: 4px; left: -35px; position: absolute; box-shadow: -5px 5px 5px #eeeeee; cursor: pointer; }

.developmentleftbtn:hover { background: #64b034 url(../images/ablefts.png) no-repeat center center; }

.development { margin-bottom: 20px; }

.Coursebox p.text { padding: 8px 0; color: #666; border-bottom: 1px #eeeeee solid; font-size: 14px; }

.Coursebox p.text b { margin-right: 28px; }

.Coursebox p.text em { display: inline-block; vertical-align: middle; width: 70%; }

.Branchoffice { padding-top: 15px; padding-bottom: 45px; }

.Branchoffice dl { padding: 20px 0 15px; margin: 0 -10px; box-shadow: 2px 3px 3px #eeeeee; }

.Branchoffice dt { float: right; padding-left: 0; }

.Branchoffice dt img { display: block; width: 100%; }

.Branchoffice dd h4 { font-size: 16px; color: #333; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; }

.Branchoffice dd .sp { font-size: 12px; color: #999; display: block; }

.Branchoffice dd p { text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; color: #666; }

.Branchoffice dd em a { display: block; width: 80px; height: 30px; line-height: 30px; border-radius: 4px; text-align: center; color: #666; box-shadow: 1px 3px 3px #eeeeee; }

.Branchoffice dd em a:hover { background: #64b034; color: #fff; }

.Branchoffice dd em { display: block; padding-top: 5px; }

.Profile { padding-top: 20px; font-size: 16px;line-height: 2.0; }

.Profile h2 { text-align: center; font-weight: bold; color: #666; font-size: 18px; line-height: 30px; }

.Profile p img { display: block; max-width: 100%; }

.titiprofi { text-align: center; font-size: 16px; line-height: 26px; }

.companyculture { padding-top: 40px; }

.companyculture ul { margin: 0 -10px; }

.companyculture li { float: left; width: 100%; padding-bottom: 30px; padding-right: 10px; padding-left: 10px; text-align: center; }

.companyculture li:nth-child(1), .companyculture li:nth-child(3) { padding-right: 0px; }

.companyculture li h4 { font-size: 18px; color: #333333; padding-bottom: 15px; margin-bottom: 15px; background: url(../images/nyicon2.png) no-repeat center bottom; }

.companyculture li p { font-size: 14px; color: #666; }

.culttit { background: #59a827; width: 100px; height: 100px; border-radius: 100px; text-align: center; color: #fff; margin: auto; margin-bottom: 30px; }

.culttit img { padding-top: 10px; width: 30%; display: block; margin: auto; }

/*视频弹窗*/
.indexfloat { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); position: fixed; left: 0; top: 0; z-index: 999; display: none; }

.videoplay { width: 100%; position: fixed; overflow: hidden; top: 35%; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); z-index: 999; display: none; }

.videoplay video { width: 100%; height: 100%; }

.closegrade { display: inline-block; width: 23px; height: 23px; background: url(../images/zh24.png) no-repeat; position: absolute; top: 13px; right: 13px; cursor: pointer; }

.Employee { padding-top: 20px; }

.Employee ul { margin: 0 -8px; }

.Employee li { float: left; padding-left: 8px; padding-right: 8px; padding-bottom: 15px; }

.Employee li img { display: block; width: 100%; }

.Employee li p { background: #fff; height: 35px; line-height: 35px; box-shadow: 1px 3px 3px #eeeeee; color: #333; padding: 0 8px; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; }

.Employee li:hover p { background: #64b034; color: #fff; }

.more_sy a { width: 100%; height: 40px; line-height: 40px; text-align: center; display: block; background: #64b034; font-size: 16px; color: #fff; margin-bottom: 40px; margin-top: 10px; }

.jygls .dlsso1 dd h5 { font-size: 16px; font-weight: bold; color: #64b034; padding-bottom: 20px; }

.jygls .dlsso1 dd h5 img { margin-right: 10px; }

.jygls .dlsso1 dd { padding-top: 20px; }

.jygls .dlsso1 dd p { font-size: 14px; color: #666; }

.jygls .dlsso1 dt img { display: block; width: 100%; }

.jygls { padding-top: 25px; }

.jygls-one { box-shadow: 1px 3px 10px #eeeeee; padding: 10px 10px; margin-bottom: 15px; }

.ussone { padding-top: 10px; }

.ussone li { padding-bottom: 20px; }

.ussone li span { float: left; width: 175px; padding-right: 10px; font-weight: bold; }

.ussone li .jinyis { float: left; }

.ussone li span i { width: 6px; height: 6px; background: #64b034; border-radius: 3px; display: inline-block; vertical-align: middle; margin-right: 15px; }

.jygls-one .text { color: #999; }

.titjygls { font-size: 16px; font-weight: bold; color: #64b034; padding-bottom: 20px; }

.titjygls img { margin-right: 10px; }

.usstwo .imgssss { display: none; }

.usstwo li { float: left; width: 100%; padding-left: 10px; padding-right: 10px; position: relative; padding-bottom: 10px; }

.usstwo li h4 { float: left; font-weight: bold; font-size: 16px; color: #333; text-align: center; border-right: 2px #64b034 solid; padding-right: 25px; margin-right: 33px; margin-top: 30px; }

.usstwo li h4 span { display: block; font-size: 14px; color: #999999; font-weight: normal; padding-top: 5px; }

.usstwo li p { color: #333; float: left; line-height: 28px; }

.ussthree { position: relative; }

.ussthree li { float: left; width: 50%; padding: 0 5px; margin-bottom: 10px; }

.ussthree li .ussthreenr { border: 1px #64b034 solid; padding: 40px 5px 40px 15px; height: 160px; }

.ussthree li .ussthreenr h4 { font-size: 16px; color: #333; font-weight: bold; }

.ussthree li .ussthreenr p { color: #666; }

.ussthree li:nth-child(1) .ussthreenr { border-top-left-radius: 70px; }

.ussthree li:nth-child(4) .ussthreenr { border-bottom-right-radius: 70px; }

.ussthreeinfo { position: absolute; top: 50%; left: 50%; margin-left: -40px; margin-top: -40px; width: 80px; height: 80px; background: #5baa2a; border-radius: 40px; text-align: center; color: #fff; font-weight: bold; font-size: 16px; line-height: 22px; padding-top: 20px; }

.tihstul { font-size: 14px; padding-bottom: 10px; }

.tihstul i { width: 6px; height: 6px; border-radius: 3px; background: #5baa2a; display: inline-block; vertical-align: middle; margin-right: 14px; }

.fourinfos img { display: block; width: 100%; padding-bottom: 15px; }

.shujub img { display: block; width: 100%; }

.shujub { text-align: center; font-size: 14px; }

.shujub p { padding-top: 15px; padding-bottom: 25px; }

.shujub p img { display: inline-block; width: 12px; height: 6px; margin-left: 6px; }

.zhdls dt { float: left; width: 100%; }

.zhdls dt img { display: block; width: 100%; }

.zhdls dd { float: left; padding-top: 15px; }

.zhdls dd h4 { font-size: 16px; font-weight: bold; padding: 15px 0; }

.zhdls dd p { line-height: 26px; font-size: 14px; }

.zhdls dd p i { width: 6px; height: 6px; border-radius: 3px; background: #5baa2a; display: inline-block; vertical-align: middle; margin-right: 14px; }

.liuctu { overflow-x: auto; padding: 20px 0; }

.nswss-in { padding-top: 50px; }

.newss { margin-top: 20px; }

.newss dt { float: right; padding-left: 0; padding-right: 0; }

.newss dt img { display: block; width: 100%; }

.newss dd { padding-top: 15px; padding-left: 0; padding-right: 0; }

.newss dd h3 { font-size: 16px; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; }

.newss dd h3 a { color: #1a1a1a; }

.newss dd span { display: block; font-size: 14px; color: #999999; padding: 4px 0 6px; }

.newss dd span img { display: inline-block; vertical-align: middle; margin-right: 10px; }

.newss dd p { line-height: 24px; color: #666; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; }

.newss dd em { display: block; }

.newss dd em a { width: 98px; height: 35px; border-radius: 4px; display: block; text-align: center; line-height: 35px; box-shadow: 2px 3px 3px #eeeeee; margin-top: 25px; }

.newss dl { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px #dddddd solid; }

.newssin { margin-top: 20px; font-size: 14px; line-height: 28px; }

.newssin h2 { text-align: center; font-size: 20px; padding-bottom: 20px; line-height: 28px; }

.newssin p img { text-align: center; max-width: 100%; display: block; margin: auto; }

.newinbottom { padding-top: 20px; border-top: 1px #ccc solid; }

.newinbottom .newinleft a { text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; color: #666; margin-bottom: 9px; }

.newinbottom .rutans { margin-top: 15px; }

.newinbottom .rutans a { width: 100px; height: 40px; line-height: 40px; background: #64b034; font-size: 16px; color: #fff; text-align: center; margin: auto; display: block; }

.newinbottom { margin-bottom: 50px; }

.fuwuzc { margin-top: 25px; }

.fuwuzc dt { padding-left: 0; padding-right: 0; }

.fuwuzc dt img { display: block; width: 100%; }

.fuwuzc dd h4 { font-size: 16px; color: #333; padding-bottom: 10px; padding-top: 15px; }

.fuwuzc dd p { font-size: 14px; color: #666; }

.fuwuzc dd { padding-bottom: 10px; }

.fuwuzc dl { padding-bottom: 15px; }

.fuwuzc ul { padding-top: 20px; }

.fuwuzc li { float: left; text-align: center; padding: 15px 15px 0; margin-bottom: 15px; }

.fuwuzc li div { box-shadow: 0px 3px 8px #ddd; padding: 0 20px 20px; }

.fuwuzc li h3 { font-size: 20px; font-weight: bold; color: #64b034; padding: 15px 0 30px; }

.fuwuzc li h4 { font-size: 16px; color: #666; padding-bottom: 18px; border-bottom: 1px #ccc solid; margin-bottom: 18px; }

.fuwuzc li p { color: #999; }

.xiaza ul { padding-top: 12px; }

.xiaza li { font-size: 14px; color: #333; margin-bottom: 15px; line-height: 30px; }

.xiaza li span { padding-left: 5px; color: #999; vertical-align: top; display: block; }

.xiaza li p { float: left; width: 80%; }

.xiaza li .xiabtn { background: #fff url(../images/yan3.png) no-repeat center center; width: 60px; height: 35px; float: right; box-shadow: 2px 3px 3px #eeeeee; border-radius: 4px; }

.xiaza li .xiabtn:hover { background: #64b034 url(../images/yan4.png) no-repeat center center; width: 60px; height: 35px; float: right; box-shadow: 2px 3px 3px #eeeeee; }

.xiaza ul { border-bottom: 1px #ddd dashed; }

.xiaza li em { text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; }

.ziliang { padding-top: 25px; }

.ziliang h5 { line-height: 24px; font-size: 14px; padding-bottom: 15px; }

.ziliang .uss1 { margin: 0 -10px; }

.ziliang .uss1 li { padding-left: 10px; padding-right: 10px; }

.ziliang .uss1 span { display: block; width: 100%; border: 1px #ddd solid; }

.ziliang .uss1 span img { display: block; width: 100%; }

.ziliang .uss1 p { text-align: center; padding-top: 15px; padding-bottom: 15px; }

.ziliang .uss2 { margin: 0 -8px; }

.ziliang .uss2 li { padding-left: 8px; padding-right: 8px; }

.ziliang .uss2 img { display: block; width: 100%; }

.ziliang .uss2 .uss2nr { min-height: 283px; border: 1px #ddd solid; margin-bottom: 20px; }

.uss2info { padding: 10px 5px 0 5px; }

.uss2info h4 { font-size: 16px; padding-bottom: 10px; }

.ziliang { margin-bottom: 50px; }

.zilwenh dt { padding-left: 0; padding-right: 0; padding-top: 15px; }

.zilwenh dt img { display: block; width: 100%; }

.zilwenh dd h4 { font-size: 16px; color: #333; padding-bottom: 10px; padding-top: 15px; }

.zilwenh dd p { font-size: 14px; color: #666; }

.zilwenh dl { padding-bottom: 25px; }

.zilwenh { padding-top: 20px; }

.zilwenh li { float: left; width: 100%; padding-bottom: 15px; }

.zilwenh li span { display: block; text-align: center; float: left; width: 30%; }

.whinfo { float: left; width: 70%; padding-left: 20px; width: 70%; }

.whinfo h5 { font-size: 16px; font-weight: bold; padding-bottom: 6px; }

.whinfo p { color: #666; }

.dinqbg { padding-top: 20px; }

.dinqbg ul { padding: 15px 15px; border-bottom: 0; }

.dinqbg h3 { font-size: 18px; padding: 15px 15px 0; }

.dinqbg h3 a { float: right; font-size: 14px; color: #666; }

.baogaobox { box-shadow: 0px 5px 5px #eeeeee; }

.investor { overflow-x: auto; }

.jbzl { width: 742px; }

.jbzl-top { padding-bottom: 22px; padding-top: 30px; }

.jbzl-top dl { float: left; width: 210px; text-align: center; }

.jbzl-top dl dt { height: 54px; color: #fff; padding-top: 10px; background: #0068b7; }

.jbzl-top dl dt h3 { font-size: 14px; line-height: 20px; }

.jbzl-top dl dt span { font-size: 14px; font-weight: bold; line-height: 20px; }

.jbzl-top dl dd { height: 100px; }

.jbzl-top dl dd h4 { height: 32px; line-height: 32px; font-size: 30px; font-weight: bold; color: #b1020c; padding: 10px 0 6px 48px; }

.jbzl-top dl dd h4 em { float: left; }

/*跌*/
.jbzl-top dl dd.cur h4 em { float: left; color: #018000; }

.jbzl-top dl dd h4 span { float: left; height: 32px; padding: 0 16px; }

.jbzl-top dl dd h4 .up { background: url(../images/gp3.jpg) no-repeat right 0; }

.jbzl-top dl dd h4 .down { background: url(../images/arrow9.png) no-repeat right 0; }

.jbzl-top dl dd .p1 { color: #b1020c; }

/*跌*/
.jbzl-top dl dd.cur .p1 { color: #018000; }

.jbzl-top dl dd .p1 em { padding-left: 20px; }

/*跌*/
.jbzl-top dl dd.cur .p1 em { padding-left: 36px; }

.jbzl-top dl dd .p2 em { padding-left: 8px; }

.jbzl-list { float: left; width: 530px; }

.jbzl-list h3 { height: 54px; line-height: 54px; padding-left: 50px; font-size: 14px; color: #b1020c; background: url(../images/ny34.jpg) no-repeat 28px 16px; border-bottom: 1px #ddd solid; }

.jbzl-list ul { padding: 20px 0 0 15px; }

.jbzl-list ul li { float: left; width: 128px; height: 26px; line-height: 26px; }

.jbzl-list ul li span { padding-right: 6px; }

.jbzl-bottom { position: relative; }

.jbzl-bottom ul { height: 44px; line-height: 44px; border-bottom: 1px #ddd solid; }

.jbzl-bottom ul li { float: left; width: 66px; height: 43px; text-align: center; cursor: pointer; }

.jbzl-bottom ul li.on { background: #fff; color: #b1020c; border-bottom: 1px #b1020c solid; }

.jbzl-li { display: none; }

.jbzl-con { padding: 20px  0; }

.jbzl-con h4 { height: 40px; line-height: 40px; padding-left: 20px; }

.jbzl-con h4 strong { font-weight: normal; padding-right: 54px; }

.jbzl-con h4 strong span { padding-right: 12px; }

.jbzl-con h4 strong em { color: #b1020c; }

.jbzl-con h4 .first { float: right; padding-right: 270px; }

.jbzl-con h4 .first span { padding: 0; }

.jbzl-con h4 .first em { padding-right: 6px; }

.con-bottom { padding-top: 20px; text-align: center; }

.con-bottom img { max-width: 800px; }

.touzih { font-weight: bold; color: #333; padding-top: 25px; padding-bottom: 50px; }

.touzih h4 { font-size: 20px; font-weight: bold; padding-bottom: 15px; }

.touzih .text { margin-bottom: 20px; font-size: 16px; }

.touzih .text em { float: left; width: 80%; }

.touzih .text img { display: block; vertical-align: -5px; margin-right: 20px; float: left; margin-top: 4px; }

.touzih .lunt img { display: block; width: 100%; }

.xinzhouf { margin-top: 25px; }

.xinzhouf li { float: left; width: 100%; margin-bottom: 25px; }

.xinzhouf li span { float: left; display: block; width: 98px; height: 98px; box-shadow: 0px 5px 5px #eeeeee; }

.xinzhouf li span img { display: block; text-align: center; display: block; margin: auto; padding-top: 32px; }

.xinzhouf li .xinzright { float: left; width: 66%; padding-left: 15px; }

.xinzhouf li .xinzright h5 { font-size: 16px; font-weight: bold; color: #333; padding-bottom: 15px; padding-top: 10px; }

.hsh_zp { margin-top: 18px; }

.hsh_zp li { border-bottom: 1px solid #ddd; }

.hsh_zp li h3 { font-size: 15px; height: 60px; line-height: 60px; color: #333; cursor: pointer; }

.hsh_zp li div { padding: 32px; background: #fff; font-size: 13px; color: #333; line-height: 24px; display: none; }

.hsh_zp li div h4 { font-weight: bold; font-size: 14px; color: #333; padding-bottom: 21px; }

.hsh_mailtoa { width: 120px; height: 35px; line-height: 35px; text-align: center; color: #333; font-size: 16px; display: block; margin-top: 32px; border-radius: 4px; color: #64b034; background: #fff; box-shadow: 0px 2px 3px #ccc; }

.hsh_mailtoa:hover { background: #64b034; color: #fff; }

.hsh_zp li h3.cur { color: #333; background: #fff; font-weight: bold; font-size: 16px; }

.hsh_zp .yinyzhaop { box-shadow: 1px 2px 5px #ddd; }

.maps1 { padding-top: 30px; padding-bottom: 40px; }

.maps1 img { display: block; width: 100%; }

.lianxius { padding-top: 25px; }

.lianxius h3 { font-weight: bold; font-size: 20px; color: #64b034; margin-bottom: 15px; }

.lianxius h3 p { text-transform: uppercase; color: #999999; font-size: 14px; padding-top: 15px; }

.lianxius dt { float: right; width: 100%; }

.lianxius dd { float: left; width: 100%; padding-top: 15px; }

.lianxius dd p img { display: block; vertical-align: middle; float: left; padding-top: 5px; }

.lianxius dd em { display: block; vertical-align: middle; font-size: 14px; width: 80%; float: left; padding-left: 24px; margin-bottom: 15px; }

.lianxius dt img { width: 100%; display: block; }

.neitu h4 { font-size: 16px; font-weight: bold; color: #333; padding-bottom: 15px; }

.neitu { padding-top: 30px; padding-bottom: 20px; }

.neitu p img { display: block; vertical-align: middle; float: left; padding-top: 5px; }

.neitu em { display: block; vertical-align: middle; font-size: 14px; width: 80%; float: left; padding-left: 24px; margin-bottom: 15px; }

.liuyanb { margin-top: 15px; }

.liuyanb li { padding-bottom: 15px; width: 100%; }

.liuyanb li select { display: inline-block; float: left; padding: 5px 0; width: 74%; padding-left: 10px; border: 1px #ddd solid; }

.liuyanb li span { display: block; float: left; line-height: 30px; width: 26%; }

.liuyanb li input { width: 74%; padding: 5px 0; border: 1px #ddd solid; display: block; padding-left: 10px; }

.liuyanb li textarea { width: 74%; padding-left: 10px; height: 100px; border: 1px #ddd solid; }

.liuyanb .btnlis { text-align: center; padding-bottom: 60px; }

.liuyanb .btnlis .tijbtn { font-size: 16px; cursor: pointer; width: 110px; height: 35px; line-height: 35px; border-radius: 3px; background: #64b034; color: #fff; padding: 0; margin: auto; display: inline-block; margin-right: 20px; }

.liuyanb .btnlis .czbtn { font-size: 16px; cursor: pointer; width: 110px; height: 35px; line-height: 35px; border-radius: 3px; background: #fff; color: #666; padding: 0; margin: auto; box-shadow: 0 2px 3px #ccc; display: inline-block; border: 0; }

.procp { padding-top: 20px; }

.procp ul { margin: 0 -6px; }

.procp li { padding-left: 6px; padding-right: 6px; margin-bottom: 20px; position: relative; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; overflow:hidden;}

.procp li a { display: block; padding-bottom: 15px; overflow: hidden; position: relative; }

.procp li span img { display: block; width: 100%; }

.procp li p { text-align: center; font-size: 14px; margin: auto; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1;background-color:#F5F5F5; font-weight:bold; padding-top:10px;}
.content_en{
height: 65px;
text-align: center;
font-size: 14px;
line-height:28px;
background-color:#F5F5F5;
padding:0px 10px;
padding-bottom:10px;
overflow:hidden;
padding-top:5px;
}
.cpinfos { display: none; }

.procpinfo { padding-top: 25px; }

.procpinfo dl { padding-bottom: 25px; border-bottom: 1px #ddd solid; margin-bottom: 30px; }

.procpinfo dt { padding-left: 44px; padding-right: 44px; }

.procpinfo dt img { width: 100%; display: block; }

.procpinfo dd h4 { font-size: 20px; color: #333; padding-bottom: 14px; }

.procpinfo dd p { line-height: 30px; color: #666; }

.procpinfo dd a { width: 88px; height: 33px; line-height: 33px; text-align: center; display: block; color: #999999; border-radius: 3px; box-shadow: 0px 2px 3px #eee; margin-top: 15px; }

.procpxianq { padding-top: 25px; }

.procpxianq dl { padding-bottom: 25px; }

.procpxianq dt { border: 1px #ddd solid; }

.procpxianq dt img { display: block; width: 100%; }

.procpxianq dd { padding-top: 15px; }

.procpxianq dd h2 { padding-top: 14px; padding-bottom: 25px; border-bottom: 1px #ddd solid; font-size: 24px; margin-bottom: 20px; }

.procpxianq dd p i { display: inline-block; width: 6px; height: 6px; background: #64b034; border-radius: 3px; vertical-align: middle; margin-right: 20px; }

.procpxianq dd p { line-height: 32px; }

.cpxp-tit { border-bottom: 1px #ddd solid; }

.cpxp-tit li { font-size: 16px; color: #333; float: left; line-height: 60px; text-align: center; font-size: 16px; cursor: pointer; width: 33.33%; }

.cpxp-tit li:hover, .cpxp-tit li.cur { color: #64b034; font-weight: bold; border-bottom: 2px #64b034 solid; }

.prochanglist { display: none; padding: 20px 15px; }

.prochanglist img { display: block; margin: auto; max-width: 100%; }

.prochanglist .poorone { line-height: 42px; font-size: 16px; }

.prochanglist .poorone i { width: 6px; height: 6px; background-color: #64b034; display: inline-block; vertical-align: middle; margin-right: 10px; }

.prochanglist .poortwo img { max-width: 100%; display: block; }

.poorthree { line-height: 42px; font-size: 16px; }

.poorthree p i { width: 6px; height: 6px; background-color: #64b034; display: inline-block; vertical-align: middle; margin-right: 10px; border-radius: 3px; }

.xiangcp h2 { font-size: 16px; color: #666; padding-bottom: 25px; position: relative; }

.xiangcp h2 span { background: #fff; padding-right: 20px; display: inline-block; position: relative; z-index: 10; }

.xiangcp h2 em { border-top: 1px #ddd solid; display: inline-block; width: 100%; position: absolute; top: 10px; left: 0; z-index: 9; }

.xiangcp { padding-bottom: 55px; }

.xiangcp-nr { overflow: hidden; }

.xiangcp li { float: left; width: 25%; padding-left: 10px; padding-right: 10px; }

.xiangcp li span img { display: block; width: 100%; }

.xiangcp li span { border: 1px #ddd solid; width: 100%; display: block; }

.xiangcp li p { color: #666; text-align: center; padding-top: 10px; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; }

.hsh_zp li h3 { position: relative; }

.iconzhaop { position: absolute; right: 10px; top: 24px; width: 19px; height: 13px; display: block; background: url(../images/yan12.png) no-repeat; }

.hsh_zp li h3.cur .iconzhaop { background: url(../images/yan13.png) no-repeat; }

.searchcont01 { padding: 36px 0; }

.remorebtn { display: block; height: 45px; margin: 20px 0 10px; }

.searchtitle01 { padding: 28px 15px; background: #f2f2f2; font-size: 18px; }

.searchtitle01 span { color: #da251d; }

.resultlist01 { font-size: 13px; padding: 3% 0; }

.resultlist01 img { display: block; width: 100%; margin-bottom: 2%; }

.resultlist01 li { padding: 15px 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin-bottom: -1px; }

.resultlist01 h4 { font-size: 16px; line-height: 24px; margin-bottom: 3%; }

.resultlist01 h4 em { color: #da251d; }

.resultlist01 h4 a { display: block; }

.resulttext01 { overflow: hidden; color: #999; }

.resultlabel01 { color: #999; display: inline-block; padding-top: 3%; }

.topbackons { background: url(../images/topbk.jpg) no-repeat; width: 40px; height: 40px; background-size: 100%; position: fixed; right: 0.1%; bottom: 0.1%; cursor: pointer; z-index: 999; }

.procp li .cpsys1 { background: url(../images/cpsy1.png) no-repeat center center; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }

.procpinfo dt a { display: block; position: relative; }

.procpinfo dt .cpsys1 { display: block; position: absolute; top: 0px; left: 0; background: url(../images/cpsy1.png) no-repeat center center; width: 100%; height: 100%; }

.procpxianq dt { display: block; position: relative; }

.procpxianq dt .cpsys1 { display: block; position: relative; background: url(../images/cpsy1.png) no-repeat center center; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }

.prochangecont { overflow: hidden; }

.indexOne-nr .cpsys1 { background: url(../images/cpsy1.png) no-repeat center center; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }

.mc-lange { display: block; text-align: center; padding-top: 20px; }

.langea { display: inline-block; font-size: 15px; color: #666666; padding: 0 10px; border-right: 1px #ccc solid; }

.mc-lange .langea:last-child { border: 0; }

.pc-lange { display: none; }

.nrbanner img { display: none; }

.nrbanner .xiaotubanner { display: block; width: 100%; }

/*ipad竖版区域*/
@media (min-width: 768px) { .videoplay { width: 55%; position: fixed; overflow: hidden; top: 35%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
  .indextit img { width: auto; }
  .indexTwo { margin-top: 50px; }
  .dashij { margin-top: 33px; }
  .development { margin: 0 35px; height: 84px; position: relative; }
  .developmentNav { height: 84px; }
  .developmentYear { padding-bottom: 7px; }
  .developmentYear ul li .num { width: 80px; height: 80px; border-radius: 80px; display: block; margin: auto; text-align: center; line-height: 80px; font-size: 18px; font-weight: bold; color: #666; box-shadow: 0px 5px 5px #eeeeee; }
  .developmentYear ul li.cur .num { border: 2px #5ead42 solid; color: #5ead42; line-height: 76px; }
  .Coursebox { display: none; }
  .developmentrightbtn { z-index: 10; background: url(../images/abright.png) no-repeat center center; top: 10px; width: 35px; height: 70px; border-radius: 4px; right: -35px; position: absolute; box-shadow: 5px 5px 5px #eeeeee; cursor: pointer; }
  .developmentrightbtn:hover { background: #64b034 url(../images/abrights.png) no-repeat center center; }
  .developmentleftbtn { z-index: 10; background: url(../images/ableft.png) no-repeat center center; top: 10px; width: 35px; height: 70px; border-radius: 4px; left: -35px; position: absolute; box-shadow: -5px 5px 5px #eeeeee; cursor: pointer; }
  .developmentleftbtn:hover { background: #64b034 url(../images/ablefts.png) no-repeat center center; }
  .development { margin-bottom: 60px; }
  .Coursebox p.text { padding: 15px 0; color: #666; border-bottom: 1px #eeeeee solid; font-size: 16px; padding-left: 70px; }
  .Coursebox p.text b { margin-right: 28px; }
  .Branchoffice { padding-top: 30px; padding-bottom: 90px; }
  .Branchoffice dl { padding: 40px 0 30px 30px; box-shadow: 2px 3px 3px #eeeeee; }
  .Branchoffice dt { padding-right: 40px; }
  .Branchoffice dt a { display: block; overflow: hidden; }
  .Branchoffice dt img { transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
  .Branchoffice dl:hover dt img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
  .Branchoffice dd { padding-left: 60px; background: url(../images/nyicon1.png) no-repeat left top; }
  .Branchoffice dd .sp { padding-bottom: 18px; display: block; padding-top: 8px; }
  .Branchoffice dd em { padding-top: 30px; }
  .Branchoffice dd em a { width: 100px; height: 35px; line-height: 35px; }
  .Branchoffice dd h4 { font-size: 20px; }
  .Profile { padding-top: 40px; padding-bottom: 100px; line-height:2.0; }
  .Profile h2 { font-size: 24px; line-height: 40px; }
  .companyculture { padding-top: 70px; position: relative; }
  .companyculture ul { margin: 0 -10px; }
  .companyculture li { float: left; width: 48%; margin: 0 1%; height: 250px; padding-right: 10px; padding-left: 10%; text-align: left; box-shadow: 0px 2px 5px #ddd; border-radius: 20px; margin-bottom: 20px; }
  .companyculture li:nth-child(1), .companyculture li:nth-child(3) { padding-right: 20px; }
  .companyculture li h4 { font-size: 24px; color: #333333; padding-bottom: 25px; margin-bottom: 25px; background: url(../images/nyicon2.png) no-repeat left bottom; margin-top: 60px; }
  .companyculture li p { font-size: 16px; color: #666; line-height: 33px; }
  .culttit { background: #59a827; width: 150px; height: 150px; border-radius: 150px; text-align: center; color: #fff; position: absolute; top: 50%; left: 50%; margin-top: -75px; margin-left: -75px; }
  .culttit img { padding-top: 10px; width: auto; display: block; margin: auto; }
  .Employee ul { margin: 0 -12px; }
  .Employee li { float: left; padding-left: 12px; padding-right: 12px; padding-bottom: 30px; }
  .Employee li p { height: 54px; line-height: 54px; font-size: 16px; }
  .more_sy a { margin-bottom: 90px; margin-top: 20px; }
  .jygls { padding-top: 50px; margin-bottom: 120px; }
  .jygls-one { padding: 40px 15px 45px 15px; }
  .jygls .dlsso1 { margin: 0 -15px; }
  .jygls .dlsso1 dd { float: left; width: 50%; padding: 0 15px; }
  .jygls .dlsso1 dt { float: right; width: 50%; padding: 0 15px; }
  .jygls .dlsso1 dd h5 { font-size: 20px; padding-bottom: 40px; }
  .jygls .dlsso1 dd p { font-size: 16px; line-height: 30px; }
  .ussone { padding-top: 20px; padding-bottom: 20px; }
  .ussone li span i { margin-right: 25px; }
  .ussone li span { font-weight: bold; font-size: 16px; color: #333; }
  .titjygls { font-size: 20px; padding-bottom: 40px; }
  .usstwo { margin: 0 -40px; position: relative; }
  .usstwo li { float: left; width: 50%; padding-left: 40px; padding-right: 40px; position: relative; }
  .usstwo li h4 { float: left; font-weight: bold; font-size: 16px; color: #333; text-align: center; border-right: 2px #64b034 solid; padding-right: 25px; margin-right: 33px; margin-top: 30px; }
  .usstwo li h4 span { display: block; font-size: 14px; color: #999999; font-weight: normal; padding-top: 5px; }
  .usstwo li p { color: #333; float: left; line-height: 28px; }
  .usstwonr { border-bottom: 1px #64b034 solid; min-height: 150px; padding-left: 25px; }
  .usstwo li:nth-child(3), .usstwo li:nth-child(4) { padding-top: 110px; }
  .usstwo li:nth-child(1):after, .usstwo li:nth-child(3):after { content: ""; background: url(../images/ny9.jpg) no-repeat; width: 50px; height: 17px; background-size: 100%; position: absolute; right: -10px; bottom: 88px; }
  .usstwo .imgssss { position: absolute; top: 165px; left: 0; display: block; display: block; width: 100%; text-align: center; }
  .ussthree { margin: 0 -10px; width: 500px; margin: auto; position: relative; }
  .ussthree li { float: left; width: 50%; padding: 0 5px; margin-bottom: 10px; }
  .ussthree li .ussthreenr { border: 1px #64b034 solid; padding: 50px 0 50px 30px; height: 160px; }
  .ussthree li .ussthreenr h4 { font-size: 16px; color: #333; font-weight: bold; }
  .ussthree li .ussthreenr p { color: #666; }
  .ussthree li:nth-child(1) .ussthreenr { border-top-left-radius: 70px; }
  .ussthree li:nth-child(4) .ussthreenr { border-bottom-right-radius: 70px; }
  .ussthreeinfo { position: absolute; top: 50%; margin-top: -60px; left: 50%; margin-left: -60px; width: 120px; height: 120px; background: #5baa2a; border-radius: 60px; text-align: center; color: #fff; font-weight: bold; font-size: 20px; line-height: 30px; padding-top: 30px; }
  .fourinfos { padding: 0 50px 45px; }
  .fourinfos img { display: block; width: 50%; padding-bottom: 15px; float: left; padding: 0 5px; }
  .tihstul { font-size: 16px; padding-bottom: 10px; }
  .shujub { text-align: center; font-size: 16px; }
  .shujub p { padding-top: 20px; padding-bottom: 60px; }
  .shujone img { width: 58%; margin: auto; }
  .zhdls dt { float: left; width: 50%; }
  .zhdls dt img { display: block; width: 100%; }
  .zhdls dd { float: left; width: 50%; padding-left: 5%; }
  .zhdls dd h4 { font-size: 16px; font-weight: bold; padding-bottom: 30px; }
  .zhdls dd p { line-height: 33px; font-size: 16px; }
  .zhdls dd p i { width: 6px; height: 6px; border-radius: 3px; background: #5baa2a; display: inline-block; vertical-align: middle; margin-right: 14px; }
  .liuctu { overflow-x: auto; padding: 40px 0 0; }
  .newss { padding-top: 25px; }
  .newss dd h3 { font-size: 24px; line-height: 30px; }
  .newss dd { padding-top: 0; padding-right: 45px; }
  .newss dd h3 a { color: #1a1a1a; }
  .newss dd h3 a:hover { color: #64b034; }
  .newss dd span { display: block; font-size: 14px; color: #999999; padding: 8px 0 12px; }
  .newss dd span img { display: inline-block; vertical-align: middle; margin-right: 10px; }
  .newss dd p { line-height: 26px; color: #666; }
  .newss dd em a { width: 98px; height: 35px; border-radius: 4px; display: block; text-align: center; line-height: 35px; box-shadow: 2px 3px 3px #eeeeee; margin-top: 50px; }
  .newss dl { padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px #dddddd solid; }
  .newss dd em a:hover { background: #64b034; color: #fff; }
  .newss dt { overflow: hidden; padding-left: 0; padding-right: 0; }
  .newss dt img { transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
  .newss dl:hover dt img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
  .Employee li em { display: block; overflow: hidden; }
  .Employee li img { transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
  .Employee li:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
  .newssin { margin-top: 25px; line-height: 32px; font-size: 16px; }
  .newssin h2 { text-align: center;  padding-bottom: 35px; }
  .newinbottom { margin-bottom: 110px; padding-top: 40px; }
  .newinbottom .newinleft { float: left; }
  .newinbottom .rutans { float: right; margin-top: 0; }
  .newinbottom .rutans a { width: 145px; height: 45px; line-height: 45px; background: #64b034; font-size: 16px; color: #fff; text-align: center; margin: auto; display: block; }
  .fuwuzc { margin-top: 40px; }
  .fuwuzc dd { padding-left: 22px; padding-right: 15px; padding-bottom: 10px; }
  .fuwuzc dd h4 { font-size: 20px; color: #333; padding-bottom: 20px; padding-top: 35px; }
  .fuwuzc dd p { font-size: 16px; color: #666; line-height: 33px; }
  .fuwuzc dl { padding-bottom: 0; }
  .fuwuzc ul { padding-top: 40px; }
  .fuwuzc ul { padding-top: 20px; }
  .fuwuzc li { float: left; text-align: center; padding: 15px 5px 30px; margin-bottom: 120px; }
  .fuwuzc li em { display: block; padding-top: 40px; }
  .fuwuzc li div { box-shadow: 0px 3px 8px #ddd; padding: 0 17px; min-height: 490px; }
  .fuwuzc li h3 { font-size: 22px; font-weight: bold; color: #64b034; padding: 15px 0; }
  .fuwuzc li h4 { font-size: 16px; color: #666; padding-bottom: 18px; border-bottom: 1px #ccc solid; margin-bottom: 18px; line-height: 30px; }
  .fuwuzc li p { color: #999; text-align: left; line-height: 26px; }
  .xiaza ul { padding-top: 25px; }
  .xiaza li { font-size: 16px; color: #333; margin-bottom: 25px; line-height: 34px; }
  .xiaza li span { padding-left: 25px; color: #999; display: inline-block; float: left; }
  .xiaza li em { float: left; width: 50%; }
  .xiaza li p { float: left; }
  .xiaza li .xiabtn { background: #fff url(../images/yan3.png) no-repeat center center; width: 60px; height: 35px; float: right; box-shadow: 2px 3px 3px #eeeeee; border-radius: 4px; margin-right: 76px; }
  .xiaza li .xiabtn:hover { background: #64b034 url(../images/yan4.png) no-repeat center center; width: 60px; height: 35px; float: right; box-shadow: 2px 3px 3px #eeeeee; }
  .xiaza ul { border-bottom: 1px #ddd dashed; }
  .xiaza .more_sy { margin-top: 60px; }
  .ziliang { padding-top: 30px; }
  .ziliang h5 { line-height: 30px; font-size: 16px; padding-bottom: 28px; }
  .ziliang .uss1 p { text-align: center; padding-top: 20px; padding-bottom: 30px; }
  .ziliang { margin-bottom: 110px; }
  .ziliang .uss2 .uss2nr { min-height: 311px; border: 1px #ddd solid; margin-bottom: 20px; }
  .uss2info { padding: 10px 10px 0 10px; }
  .uss2info h4 { font-size: 16px; padding-bottom: 10px; }
  .zilwenh dd { padding-left: 20px; padding-right: 35px; }
  .zilwenh dd h4 { font-size: 20px; color: #333; padding-bottom: 20px; padding-top: 25px; }
  .zilwenh dd p { font-size: 16px; color: #666; line-height: 33px; }
  .zilwenh dt { padding-top: 0; }
  .zilwenh { padding-top: 30px; padding-bottom: 60px; }
  .zilwenh dl { padding-bottom: 50px; }
  .zilwenh ul { margin: 0 -20px; }
  .zilwenh li:nth-child(1), .zilwenh li:nth-child(3) { border-right: 1px #ddd solid; }
  .zilwenh li:nth-child(1), .zilwenh li:nth-child(2) { border-bottom: 1px #ddd solid; }
  .zilwenh li { width: 50%; padding-left: 55px; padding-right: 55px; padding-top: 30px; padding-bottom: 30px; min-height: 180px; }
  .whinfo h5 { font-size: 16px; font-weight: bold; padding-bottom: 20px; }
  .whinfo { width: 68%; }
  .dinqbg ul { padding: 30px 30px 15px; border-bottom: 0; }
  .dinqbg li .xiabtn { margin-right: 0; }
  .dinqbg h3 { font-size: 24px; padding: 30px 30px 0; }
  .dinqbg h3 a { float: right; font-size: 14px; }
  .baogaobox { box-shadow: 0px 5px 5px #eeeeee; }
  .touzih { font-weight: bold; color: #333; padding-top: 50px; padding-left: 25px; }
  .touzih h4 { font-size: 20px; font-weight: bold; padding-bottom: 25px; }
  .touzih .text { margin-bottom: 20px; }
  .touzih .lunt { margin-top: 50px; }
  .xinzhouf li { float: left; width: 50%; float: left; }
  .xinzhouf li span { float: left; display: block; width: 98px; height: 98px; box-shadow: 0px 5px 5px #eeeeee; }
  .xinzhouf li span img { display: block; text-align: center; display: block; margin: auto; padding-top: 32px; }
  .xinzhouf li .xinzright { float: left; width: 70%; }
  .maps1 { padding-top: 30px; padding-bottom: 100px; }
  .lianxius { padding-top: 35px; }
  .lianxius dt { float: right; width: 50%; }
  .lianxius dd { float: left; width: 50%; padding-top: 0; }
  .lianxius h3 { font-weight: bold; font-size: 24px; color: #64b034; margin-bottom: 30px; }
  .lianxius dd em { display: block; vertical-align: middle; font-size: 14px; width: 80%; float: left; padding-left: 24px; margin-bottom: 30px; }
  .neitu em { display: block; vertical-align: middle; font-size: 14px; width: 80%; float: left; padding-left: 24px; margin-bottom: 30px; }
  .liuyanb { padding-top: 32px; }
  .liuyanb .btnlis { text-align: center; padding-bottom: 120px; }
  .liuyanb li { padding-bottom: 30px; width: 50%; float: left; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
  .liuyanb li select { display: inline-block; float: left; padding: 5px 0; width: 220px; padding-left: 10px; border: 1px #ddd solid; }
  .liuyanb li span { display: block; float: left; line-height: 30px; width: 74px; }
  .liuyanb li input { width: 220px; padding: 5px 0; border: 1px #ddd solid; display: block; padding-left: 10px; }
  .liuyanb li textarea { width: 619px; padding-left: 10px; height: 155px; border: 1px #ddd solid; }
  .liuyanb li.liselect { width: 100%; }
  .procp { padding-top: 40px; }
  .procp li p { text-align: center; font-size: 16px; margin: auto; padding-bottom:10px; }
  .procp li:hover .cpinfos { display: block; background-color: rgba(255, 255, 255, 0.9); bottom: -0px; right: 0; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; opacity: 1; }
  .cpinfos { box-shadow: 0px 2px 3px #ccc; position: absolute; top: 0; left: 0; display: block; opacity: 0;}
  .cpinfos img { text-align: center; display: block; margin: auto; padding-top: 60px; }
  .cpinfos em { display: block; text-align: center; font-size: 16px; font-weight: bold; color: #64b034; padding-top: 30px; }
  .procpinfo { padding-top: 50px; }
  .procpinfo dd a:hover { background: #64b034; color: #fff; }
  .procpinfo dd h4 { font-size: 20px; color: #333; padding-bottom: 16px; }
  .procpinfo dd p { line-height: 26px; }
  .procpinfo dd a { width: 88px; height: 33px; line-height: 33px; text-align: center; display: block; color: #999999; border-radius: 3px; box-shadow: 0px 2px 3px #eee; margin-top: 35px; }
  .procpinfo dd { border-left: 1px #ddd solid; padding-right: 44px; padding-left: 44px; }
  .procpinfo dl { margin-bottom: 30px; }
  .procpinfo dt { padding-left: 44px; padding-right: 44px; }
  .procpxianq { padding-top: 50px; }
  .procpxianq dl { padding-bottom: 50px; }
  .procpxianq dd h2 { padding-top: 18px; padding-bottom: 32px; border-bottom: 1px #ddd solid; font-size: 32px; margin-bottom: 25px; }
  .procpxianq dt { padding-right: 0px; padding-left: 0px; }
  .procpxianq dd { padding-right: 40px; padding-left: 40px; }
  .procpxianq dd p i { display: inline-block; width: 6px; height: 6px; background: #64b034; border-radius: 3px; vertical-align: middle; margin-right: 20px; }
  .procpxianq dd p { line-height: 32px; }
  .prochanglist { min-height: 420px; padding: 20px 40px; }
  .xiangcp { padding-bottom: 100px; position: relative; }
  .ProductimgArrowright { background: url(../images/jt1.png) no-repeat; width: 16px; height: 29px; display: block; background-size: 100%; position: absolute; top: 33%; left: -15px; }
  .ProductimgArrowright:hover { background: url(../images/jt1s.png) no-repeat; }
  .ProductimgArrowleft { background: url(../images/jt2.png) no-repeat; width: 16px; height: 29px; display: block; background-size: 100%; position: absolute; top: 33%; right: -15px; }
  .ProductimgArrowleft:hover { background: url(../images/jt2s.png) no-repeat; }
  .searchtitle01 { font-size: 24px; }
  .resultlist01 img { max-width: 100%; width: auto; float: left; margin: 0 3% 0 0; }
  .resultlist01 h4 { font-size: 20px; margin-bottom: 2%; }
  .tihstul p.texts { padding-left: 20px; padding-top: 7px; }
  .shujub img { max-width: 100%; width: auto; }
  .zhdls { padding-top: 20px; } }

/*ipad横版区域*/
@media (min-width: 992px) { .mc-lange { display: none; }
  body { padding-top: 80px; }
  .logoimg { margin-top: 3px; }

  .headercont { border: none; height: 80px; position: fixed; }
  .showphonenav { display: none; }
  .pcsearchandlang { position: relative; }
  .searchandlang { padding-top: 28px; }
  .ercode { display: inline-block; background: url(../images/codeicon.png) no-repeat right center; border-left: 1px #cccccc solid; padding-left: 10px; margin-left: 10px; width: 35px; height: 25px; }
  .headernav { display: block; position: static; top: 0; width: auto; float: left; padding: 0 0 0 2%; background: none;overflow:inherit; }
  .headernav ul { padding: 0; background: none; }
  .headernav ul li { float: left; font-size: 16px; border: none; position: static; border: none; }
  .headernav ul li a { display: inline-block; height: 80px; line-height: 80px; padding: 0 9px; color: #333; }
  .headernav ul li > a.cur, .headernav ul li > a:hover { color: #fff; background: #64b034; }
  .subnavcont { width: 100%; background: #64b034; position: absolute; left: 0; top: 80px; z-index: 30; font-size: 14px; text-align: center; }
  .subnavlist { line-height: 48px; max-width: 1180px; margin: 0 auto; padding-left: 50px; }
  .headernav .subnavlist a { display: inline-block; height: 48px; line-height: 48px; color: #fff; padding: 0; background: none; border: none; padding: 0 22px; background: url(../images/top08.png) no-repeat right center; }
  .headernav .subnavlist a:last-child { background: none; }
  .headernav .subnavlist a:hover { color: #64b034; }
  .phsearchicon { display: none; }
  .headernav .subnavlist a:hover { color: #fff; }
  .searchwrap { width: 325px; height: 48px; position: absolute; right: 0px; left: auto; top: 80px; z-index: 50; display: none; z-index: 201; }
  .searchwrap dl { height: 46px; }
  .searchwrap dl dd.inputtext input { width: 215px; height: 46px; line-height: 46px; *height: 44px; padding: 0 0 0 10px; font-family: 'Microsoft YaHei'; background: #fff; text-align: left; cursor: auto; }
  .searchwrap dl dd { float: left; }
  .searchwrap dl dd input { width: 75px; height: 46px; text-align: center; line-height: 46px; color: #fff; background: #64b034; font-family: 'Microsoft YaHei'; cursor: pointer; }
  .codeimgtop { position: absolute; top: 80px; right: 0px; left: auto; top: 80px; z-index: 50; z-index: 201; }
  .indexOne { padding-top: 55px; }
  .indextit { text-align: center; width: auto; margin: auto; padding-bottom: 20px; }
  .indextit img { width: auto; position: relative; }
  .prohfo { font-size: 24px; }
  .indexOne-nr { padding-top: 20px; }
  .indexOne-nr li h4 { }
  .indexOne-nr li { padding: 0 10px; margin:0 1px;}
  .indexOne-nr li:hover .proinfo h4 { color: #64b034; }
  .indexOne-nr li:hover .proinfo p { color: #64b034; }
  .swiper-indexOne { text-align: center; padding-top: 20px; display: block; }
  .swiper-indexOne span { width: 80px; height: 2px; background: #dddddd; border-radius: 0; opacity: 1; margin: 0 2px; }
  .swiper-indexOne span.swiper-pagination-bullet-active { background: #64b034; }
  .indexOne-nr li.swiper-slide-prev { border: 0; }
  .commonwebpor { position: relative; }
  .indexTwo { padding-top: 55px; margin-top: 50px; padding-bottom: 80px; }
  .indexTwo .prohfo { margin-bottom: 36px; font-size: 24px; }
  .indexTwo ul li { width: 33.33%; text-align: center; float: left; padding-top: 45px; padding-right: 80px; padding-left: 80px; }
  .indexTwo ul li h5 { font-size: 14px; color: #fff; padding-bottom: 20px; }
  .indexTwo ul li em { display: block; color: #fff; font-size:18px; font-weight:bold; text-transform: uppercase;}
  .indexTwo ul li p { padding-top: 25px; }
  .indexThree { padding-top: 60px; }
  .indexThree .prohfo { margin-bottom: 40px; }
  .vodeicon { display: block; background: url(../images/vode.png) no-repeat; width: 67px; height: 67px; margin: auto; }
  .indexThree li a { display: block; position: relative; }
  .indexThree li { position: relative; }
  .indexThree li .walktit { width: 120px; height: 120px; margin-top: -60px; margin-left: -60px; line-height: 120px; font-size: 20px; -webkit-transition: all .4s; transition: all .4s; }
  .indexThree li:hover .walktit { width: 100%; height: 100%; margin-top: 0px; margin-left: 0px; border-radius: 0; top: 0; left: 0px; right: 0px; bottom: 0; }
  .indexThree li h3 { text-align: center; font-size: 22px; -webkit-transition: all .4s; transition: all .4s; }
  .indexThree li .walkinto { position: absolute; top: 0; left: 5px; right: 5px; bottom: 0; opacity: 0; padding: 150px 35px 0 35px; -webkit-transition: all .4s; transition: all .4s; z-index: 12; }
  .indexThree li:hover .walkinto { opacity: 1; -webkit-transition: all .4s; transition: all .4s; }
  .indexThree li:hover h3 { opacity: 0; -webkit-transition: all .4s; transition: all .4s; }
  .indexThree li .walkinto h5 { text-align: center; font-size: 20px; font-weight: bold; text-align: center; color: #fff; padding-bottom: 25px; }
  .indexThree li .pstxt { text-align: center; font-size: 14px; color: #fff; height: 115px; display: block; overflow: hidden; }
  .indexThree li .walkinto .mores { width: 108px; height: 32px; line-height: 32px; text-align: center; margin: auto; display: block; border: 1px #fff solid; color: #fff; margin-top: 18px; }
  .indexFour-nr { margin: 0 0 0 -15px; }
  .indexFour { padding-top: 55px; margin-top: 50px; padding-bottom: 100px; }
  .indexFour .prohfo { margin-bottom: 40px; font-size: 24px; }
  .infourright { position: relative; padding-bottom: 0; }
  .infourleft { padding-left: 15px; padding-right: 15px; position: relative; }
  .infourleft dd { padding: 15px; padding-left: 16px; }
  .infourleft dd h5 { font-size: 18px; margin-bottom: 12px; }
  .infourleft dd h5:hover a { color: #64b034; }
  .infourleft dd span { display: block; margin-top: 2%; }
  .infourleft dl:nth-child(3) { margin-bottom: 0; }
  .kesnr { position: absolute; bottom: 0; background-color: rgba(0, 0, 0, 0.5); width: 100%; padding: 10px 15px; }
  .kesnr h5 { font-size: 18px; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; }
  .kesnr h5 a:hover { color: #64b034; }
  .kestit { margin-bottom: 12px; }
  .kestit em { font-size: 12px; }
  .kesnr p { text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; }
  .more_s { width: 140px; height: 40px; line-height: 40px; margin-top: 50px; }
  .infourleft dt { overflow: hidden; }
  .infourleft dt img { transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
  .infourleft dl:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
  .infourright img { transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
  .infourright:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
  footer { height: 320px; }
  .footone .logobottom { border-bottom: 1px #444444 solid; display: block; padding-bottom: 13px; }
  .footone h4 { padding-top: 25px; }
  .footone { float: left; background: #222222; padding-top: 40px; height: 320px; padding-left: 18px; padding-right: 18px; width: 260px; }
  .foottwo { float: left; margin-left: 80px; padding-top: 50px; width: 380px; }
  .foottwo h5 { font-size: 20px; padding-bottom: 25px; width: 325px; margin-bottom: 25px; }
  .foottwo p em { margin-bottom: 16px; width: auto; }
  .code { float: left; margin-left: 30px; padding-top: 50px; }
  .code h5 { font-size: 20px; padding-bottom: 20px; }
  .rutntop img { width: 110px; height: 61px; display: block; }
  .rutntop { top: -30px; left: 50%; margin-left: -55px; }
  .liuctu img { display: block; max-width: 100%; padding-bottom: 60px; margin: auto; }
  .liuyanb .btnlis .tijbtn { font-size: 16px; cursor: pointer; width: 135px; height: 35px; line-height: 35px; border-radius: 3px; background: #fff; color: #666; padding: 0; margin: auto; display: inline-block; box-shadow: 0 2px 3px #ccc; margin-right: 20px; border: 0; }
  .liuyanb .btnlis .tijbtn:hover { background: #64b034; color: #fff; }
  .liuyanb .btnlis .czbtn { font-size: 16px; cursor: pointer; width: 135px; height: 35px; line-height: 35px; border-radius: 3px; background: #fff; color: #666; padding: 0; margin: auto; box-shadow: 0 2px 3px #ccc; display: inline-block; border: 0; }
  .liuyanb .btnlis .czbtn:hover { background: #64b034; color: #fff; } }

@media (min-width: 1024px) { .nrbanner img { display: block; }
  .nrbanner .xiaotubanner { display: none; width: 100%; }
  .hsh_zp li div { padding: 15px 32px 48px; } }

/*响应PC区域*/
@media (min-width: 1199px) { .pc-lange { display: block; }
  .pc-lange { display: inline-block; color: #333; }
  .pc-lange a { color: #333; margin: 0 10px; font-size: 16px; }
  .pc-lange a:hover { color: #64b034; }
  .logoimg img { height: auto; display: block; }
  .ercode { padding-left: 20px; margin-left: 20px; width: 45px; height: 25px; }
  .headernav ul li a { padding: 0 15px; color: #333; }
  .code { margin-left: 125px; }
  .nybox { margin-top: 20px; }
  .nybox-left { width: 250px; float: left; display: block; margin-bottom: 140px; }
  .nybox-left h4 { font-size: 34px; color: #fff; background: #64b034; height: 100px; text-transform: uppercase; padding-left: 16px; padding-top: 15px; line-height: 40px; }
  .nybox-left p { font-size: 24px; }
  .nybox-left ul { width: 100%; overflow: hidden; }
  .nybox-left li { padding: 0 5px; line-height: 55px; }
  .nybox-left li a { display: block; border-bottom: 1px #ececec solid; background: url(../images/nrnav.png) no-repeat 218px center; }
  .nybox-left li span { display: inline-block; width: 6px; height: 6px; background: #999999; border-radius: 8px; margin-right: 10px; margin-left: 10px; vertical-align: middle; }
  .nybox-left li a:hover, .nybox-left li.cur a { background: url(../images/nrnavs.png) no-repeat 218px center; color: #64b034; }
  .nybox-left li a:hover span, .nybox-left li.cur a span { background: #64b034; }
  .nybox-right { float: right; width: 870px; padding-right: 40px; border-right: 1px #eee solid; }
  
  .nybox-righta { }
 .nybox-righta .nymatita { padding: 12px 0; border-top: 1px #d3d9de solid; border-bottom: 1px #d3d9de solid; height: 50px; display: block; margin-top: 10px; }
  .nybox-righta .nymatita h5 { float: left; font-size: 20px; color: #1a1a1a; }
  
  .nybox-righta .nymatita .macrumbsa { padding-left: 25px; background: url(../images/icon1.png) no-repeat left center; float: right; }
  .nybox-righta .nymatita .macrumbsa a { font-size: 13px; color: #666; padding-left:10px; padding-right:10px; }
  .nybox-righta .nymatita .macrumbsa a.cur { font-weight: bold; color: #666; }  
  
  
  .nybox-right .nymatit { padding: 12px 0; border-top: 1px #d3d9de solid; border-bottom: 1px #d3d9de solid; height: 50px; display: block; margin-top: 10px; }
  .nybox-right .nymatit h5 { float: left; font-size: 20px; color: #1a1a1a; }
  .nybox-right .nymatit .macrumbs { padding-left: 25px; background: url(../images/icon1.png) no-repeat left center; float: right; }
  .nybox-right .nymatit .macrumbs a { font-size: 13px; color: #666; padding-left:10px; padding-right:10px; }
  .nybox-right .nymatit .macrumbs a.cur { font-weight: bold; color: #666; }
  .nyboxleftinfo { width: 100%; overflow: hidden; box-shadow: -3px 1px 8px #eeeeee; min-height: 575px; }
  .nswss-in { width: 100%; }
  .nswss-in dt { overflow: hidden; }
  .nswss-in dt img { display: block; width: 100%; }
  .nswss-in dt img { transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
  .nswss-in dt:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
  .nswss-in dd { padding: 15px 12px; }
  .nswss-in dd h5 { font-size: 14px; color: #1a1a1a; }
  .nswss-in dd p { font-size: 12px; color: #666; padding-bottom: 22px; padding-top: 5px; }
  .nswss-in dd a { font-size: 12px; color: #666; }
  .nswss-in dd a:hover { color: #64b034; } }

@media (min-width: 1399px) { .commonwebyan { margin: 0px auto; max-width: 1200px; padding: 0; }
  .headernav ul li a { padding: 0 28px; }
  .pcsearchandlang { margin-left: 20px; }
  .swiperone-next { top: 245px; right: -36px; }
  .swiperone-prev { top: 245px; left: -36px; }
  .headernav ul li a { padding: 0 30px; } }

@media (max-width: 319px) { body { width: 320px; } }

@media (max-width: 768px) {.procp img { width:100%;}.izl-rmenu{
display:none;}
.indexOne-nr{
display:none;
}
.hotproduct{
width:96%;
margin:0 auto;
}
.hotproduct dl{
padding-bottom:7px;

}
.hotproduct dl dt img{
width:100%;
}
.hotproduct dl dd{
text-align:center;
padding:10px;
background-color:#F5F5F5;
line-height:28px;
}
.hotproduct dl dd h2{
height:35px;
line-height:35px;
font-size:16px;
font-weight:bold;
}
.class2{
border:1px #FFFFFF solid;
color:#64b034;
padding:5px 10px;
cursor:pointer;
width:50%;
text-align:center;
background-color:#FFFFFF;
}
.class1{
border:1px #FFFFFF solid;
color:#FFFFFF;
padding:5px 10px;
cursor:pointer;
width:50%;
text-align:center;
}


.nybox-right .greenremarks { padding: 12px 0; color: #64b034; }

.nybox-right .jibenmeans { margin-top: 0; }

.nybox-right .jibenmeans .btnlis { margin: 40px 0; padding-bottom: 0; }

.nybox-right .jibenmeans h6 { background-color: #f2f2f2; font-size: 16px; font-weight: bolder; padding: 8px 0; padding-left: 10px; }

.nybox-right .jibenmeans .headportrait { border: 1px #d9d9d9 solid; height: 225px; width: 180px; margin: 18px auto; padding: 24px; text-align: center; }

.nybox-right .jibenmeans .headportrait a { color: #fff; background: #64b034; width: 100%; line-height: 35px; margin-top: 10px;display:block; }

.file-box{position:relative;}

.nybox-right .jibenmeans .headportrait input{position:absolute;top:0;left:0;width:100%;opacity:0;z-index:2;}

.nybox-right .jibenmeans li select { width: 70%; float: left; background: url(../images/xiala.png) no-repeat 97% center; }

.nybox-right .jibenmeans li input { width: 70%; float: left; }

.nybox-right .jibenmeans li span i { color: #64b034; }

.nybox-right .jibenmeans .nobian { padding-bottom: 2px; }

.nybox-right .jibenmeans p { overflow: hidden; text-align: center; color: #64b034; font-size: 16px; padding-top: 10px; font-weight: bold; }

.nybox-right .jibenmeans .danxuan input { float: left; height: 20px; width: 9%; }

.nybox-right .jibenmeans .tuchu .nobian .tishi { font-size: 14px; }

.nybox-right .jibenmeans .tishi { color: #999999; padding-left: 0px; text-align: left; padding-top: 0; font-weight: normal; }

.nybox-right .jibenmeans .daikuan { margin-top: 10px; }

.nybox-right .jibenmeans .daikuan h6 { border: 1px #d9d9d9 solid; }

.nybox-right .jibenmeans .daikuan h6 span { font-size: 12px; color: #64b034; padding-left: 5px; }

.nybox-right .jibenmeans .daikuan .xueli { padding: 10px; border-left: 1px #d9d9d9 solid; border-right: 1px #d9d9d9 solid; border-bottom: 1px #d9d9d9 solid; }

.nybox-right .jibenmeans .daikuan .xueli i { font-weight: bold; padding-left: 3px; font-size: 14px; }

.nybox-right .jibenmeans .daikuan .xlcoro { background-color: #f5f5f5; }


/*日历*/
/* date input */
.iDate { position: relative; }

/* icon */
.icon { overflow: hidden; display: inline-block; position: relative; width: 21px; height: 21px; vertical-align: middle; line-height: 1; }

.icon:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 21px; height: 21px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 90% auto; }

.icon span { color: transparent; opacity: 0; }

.btn_today:before { background-image: url(../images/winco67.png); }

.btn_check:before { background-image: url(../images/winco68.png); }

.iDate { position: relative; height:35px; }

.iDate > button { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; background: transparent; border: 0; z-index: 9; }

.iDate > button i { position: absolute; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; overflow: hidden; }

.iDate > input:disabled { opacity: 0.5; }

.iDate > input:disabled + button { opacity: 0.5; cursor: default; }

/* date time picker */
.dtPicker { z-index: 100000; position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; }

.dtPicker .cover { position: absolute; left: 0; top: 0; overflow: hidden; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); }

.dtPicker .inner { position: absolute; left: 50%; top: 50%; width: 280px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #ffffff; }

.dtPicker .icon { cursor: pointer; }

.dtPicker .btn { font-size: 13px; font-weight: 700; color: #2196f3; }

.dtPicker table { width: 100%; text-align: center; }

.dtPicker th, .dtPicker td { width: 34px; height: 34px; }

.dtPicker .select { width: 212px; cursor: pointer; }

.dtPicker .day { cursor: pointer; }

.dtPicker .day.active { border-radius: 4px; background: #2196f3; color: #ffffff; }

.dtPicker .weekend { color: #ff0000; }

.dtPicker .old, .dtPicker .new { color: #888888; }

.dtPicker .month, .dtPicker .year, .dtPicker .decade { display: inline-block; width: 54px; height: 54px; margin: 2px; border-radius: 4px; line-height: 54px; text-align: center; cursor: pointer; }

.dtPicker .month.active, .dtPicker .year.active, .dtPicker .decade.active { background: #2196f3; color: #ffffff; }

.dtPicker .decade { padding: 7px 0; line-height: 20px; }

.dtPicker .picker-switch { padding-bottom: 5px; }

.dtPicker .picker-switch ul { display: table; table-layout: fixed; width: 100%; }

.dtPicker .picker-switch ul li { display: table-cell; text-align: center; }

.dtPicker .picker-switch ul li a { display: block; height: 34px; line-height: 34px; text-align: center; cursor: pointer; }

.dtPicker .hour, .dtPicker .minute, .dtPicker .second { width: 50px; height: 50px; cursor: pointer; }

.dtPicker .timepicker { padding-top: 10px; padding-bottom: 10px; }

.dtPicker .timepicker-picker table tr td:nth-child(1) { width: 35%; }

.dtPicker .timepicker-picker table tr td:nth-child(2) { width: 10%; }

.dtPicker .timepicker-picker table tr td:nth-child(3) { width: 35%; }

.dtPicker .timepicker-picker table tr td:nth-child(4) { width: 20%; }

@media (min-width: 396px) { .nybox-right .jibenmeans .tishi { padding-left: 26%; }}

@media (min-width: 768px) { .tuchu:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
  .xueli:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
  .nybox-right .jibenmeans li span { width: 132px; }
  .nybox-right .jibenmeans li input { width: 65%; }
  .nybox-right .jibenmeans .danxuan .zzh-name { width: 100%; }
  .nybox-right .jibenmeans .danxuan span { width: 84px; }
  .nybox-right .jibenmeans li select { width: 65%; }
  .nybox-right .jibenmeans li p { float: left; padding-left: 10px; padding-top: 7px; }
  .nybox-right .jibenmeans .nobian { padding-bottom: 9px; }
  .nybox-right .jibenmeans .nobian .tishi { padding-left: 0%; } }

@media (min-width: 795px) { .nybox-right .jibenmeans li span { width: 115px; }
  .nybox-right .jibenmeans .danxuan .zzh-name { width: 111px; } }

@media (min-width: 1199px) { .nybox-right .jibenmeans { padding-top: 0; }
  .nybox-right .jibenmeans li p { padding-top: 10px; }
  .nybox-right .jibenmeans .zzh-bt { text-align: left; margin-bottom: 80px; }
  .nybox-right .jibenmeans .zzh-bt .tijbtn { height: 50px; width: 166px; background-color: #64b034; font-weight: bold; color: #fff; font-size: 18px; }
  .nybox-right .jibenmeans .zzh-bt .czbtn { height: 50px; width: 166px; background-color: #b3b3b3; font-weight: bold; color: #fff; font-size: 18px; }
  .nybox-right .jibenmeans .headportrait { float: right; margin: 30px 0; }
  .nybox-right .jibenmeans span { text-align: right; width: 125px; line-height: 35px; }
  .nybox-right .jibenmeans .tuchu { margin-right: -19px; }
  .nybox-right .jibenmeans .tuchu li { width: 396px; padding-bottom: 28px; }
  .nybox-right .jibenmeans .tuchu select { width: 246px; height: 35px; }
  .nybox-right .jibenmeans .tuchu input { width: 246px; height: 35px; }
  .nybox-right .jibenmeans .tuchu .zuobianj { margin-left: 56px; }
  .nybox-right .jibenmeans .tuchu .zhenhao { width: 620px; }
  .nybox-right .jibenmeans .tuchu .zhenhao input { width: 450px; }
  .nybox-right .jibenmeans .tuchu .nobian { padding-bottom: 0px; }
  .nybox-right .jibenmeans .tuchu .nobian .tishi { font-size: 14px; padding-left: 33%; line-height: 28px; }
  .nybox-right .jibenmeans .tuchu:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
  .nybox-right .jibenmeans .jiben .onelisi { padding-top: 30px; }
  .nybox-right .jibenmeans .jiben .danxuan { width: 26%; padding-top: 30px; padding-left: 10px; }
  .nybox-right .jibenmeans .jiben .danxuan span { width: 50px; text-align: center; }
  .nybox-right .jibenmeans .jiben .danxuan input { width: 18px; }
  .nybox-right .jibenmeans .jiben .danxuan p { padding-left: 0; }
  .nybox-right .jibenmeans .jiben .zhenhao { width: 620px; }
  .nybox-right .jibenmeans .jiben .zhenhao input { width: 450px; }
  .nybox-right .jibenmeans .jiben li { width: 396px; padding-bottom: 28px; }
  .nybox-right .jibenmeans .jiben li input { width: 246px; height: 35px; }
  .nybox-right .jibenmeans .jiben li select { width: 246px; height: 35px; }
  .nybox-right .jibenmeans .xueli:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
  .nybox-right .jibenmeans .daikuan { margin-top: 28px; }
  .nybox-right .jibenmeans .daikuan span { width: 100%; }
  .nybox-right .jibenmeans .daikuan h6 { padding: 0 15px; line-height: 35px; }
  .nybox-right .jibenmeans .daikuan .xueli { padding: 0px; padding-left: 12px; padding-bottom: 20px; }
  .nybox-right .jibenmeans .daikuan li { padding-left: 3px; padding-right: 15px; width: 20%; padding-bottom: 5px; }
  .nybox-right .jibenmeans .daikuan span { text-align: left; }
  .nybox-right .jibenmeans .daikuan input,
  .nybox-right .jibenmeans .daikuan select 
  { width: 100%; height: 35px; }
  .nybox-right .jibenmeans .daikuan .list-xueli-two { width: 40%; }
  .nybox-right .jibenmeans .onedaik { margin-top: 0; }

  
}
  /* 2018-5-9 */
  .nybox-right .jibenmeans li input,
  .nybox-right .jibenmeans li select{height: 30px;line-height: 20px;font-size: 14px;background-color: #fff;}
