@charset "utf-8";
/* CSS Document */

body {
   margin: 0px;
   padding: 0px;
   border: 0px;
   font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei";
   color: #555555;
   font-size: 14px;
   width: 100%;
   background: #ffffff;
}

a {
   margin: 0px;
   padding: 0px;
   border: 0px;
   text-decoration: none;
}

a:hover {
   text-decoration: none;
}

* {
   padding: 0px;
   margin: 0px;
   border: 0px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   color: #333;
   font-size: 14px;
}

/* background:rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);*/
li {
   list-style: none;
}

.clear {
   clear: both !important;
   height: 0px !important;
   width: 0px !important;
   float: none !important;
   margin: 0px !important;
   padding: 0px !important;
   border: 0px !important;
   line-height: 0 !important;
   position: relative !important;
}

input:focus {
   outline: none;
}

/*去除按钮选中的高亮标签*/
textarea:focus {
   outline: none;
}

/*去除文本框选中的高亮标签*/
button:focus {
   outline: none;
}

/*去除按钮选中的高亮标签*/
select:focus {
   outline: none;
}

/*去除下拉框选中的高亮标签*/
img {
   max-width: 100% !important;
   vertical-align: middle;
}

div,
p,
table,
td,
ul,
li,
span,
a,
ol,
input,
label {
   padding: 0px;
   margin: 0px;
   border: 0px;
}

input::-ms-input-placeholder {
   /* Internet Explorer 10+ */
   color: #aaaaaa;
   font-size: 13px;
}

input::-webkit-input-placeholder {
   /* WebKit browsers */
   color: #aaaaaa;
   font-size: 13px;
}

input::-moz-placeholder {
   /* Mozilla Firefox 4 to 18 */
   color: #aaaaaa;
   font-size: 13px;
}

input::-moz-placeholder {
   /* Mozilla Firefox 19+ */
   color: #aaaaaa;
   font-size: 13px;
}

.fl {
   float: left;
}

.fr {
   float: right;
}

@font-face {
   font-family: 'ab';
   src: url(../images/ab.OTF);
}

/*黑白照片*/
.gray {
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   -o-filter: grayscale(100%);
   filter: grayscale(100%);
   filter: gray;
}

.gray:hover {
   -webkit-filter: grayscale(0%);
   -moz-filter: grayscale(0%);
   -ms-filter: grayscale(0%);
   -o-filter: grayscale(0%);
   filter: grayscale(0%);
   filter: gray;
}

/*圆角5px*/
.radius5 {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
   border-radius: 5px;
}

/*圆角10px*/
.radius10 {
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   border-radius: 10px;
}

/*图片变大*/
.tra {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   filter: scale(1);
   filter: transform;
   transition: all 0.5s ease 0s;
   -webkit-transform: all 0.5s ease 0s;
}

.tra:hover {
   -webkit-transform: scale(1.15);
   -moz-transform: scale(1.15);
   -ms-transform: scale(1.15);
   -o-transform: scale(1.15);
   filter: scale(1.15);
   filter: transform;
   transition: all 0.5s ease 0s;
   -webkit-transform: all 0.5s ease 0s;
}

/*透明度50%*/
.opacity5 {
   filter: alpha(opacity=50);
   -moz-opacity: 0.5;
   -khtml-opacity: 0.5;
   opacity: 0.5;
}

.shadow5 {
   -webkit-box-shadow: rgba(0, 0, 0, 0.13) 5px 5px 5px;
   -moz-box-shadow: rgba(0, 0, 0, 0.13) 5px 5px 5px;
   -ms-box-shadow: rgba(0, 0, 0, 0.13) 5px 5px 5px;
   -o-box-shadow: rgba(0, 0, 0, 0.13) 5px 5px 5px;
   box-shadow: rgba(0, 0, 0, 0.13) 5px 5px 5px;
}

.shadow10 {
   -webkit-box-shadow: rgba(0, 0, 0, 0.13) 5px 5px 10px;
   -moz-box-shadow: rgba(0, 0, 0, 0.13) 5px 5px 10px;
   -ms-box-shadow: rgba(0, 0, 0, 0.13) 5px 5px 10px;
   -o-box-shadow: rgba(0, 0, 0, 0.13) 5px 5px 10px;
   box-shadow: rgba(0, 0, 0, 0.13) 5px 5px 10px;
}

.chizhi {
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   /* 水平居中*/
   -webkit-box-align: center;
   -moz-box-align: center;
   -ms-flex-pack: center;
   /* IE 10 */
   -webkit-justify-content: center;
   -moz-justify-content: center;
   justify-content: center;
   /* IE 11+,Firefox 22+,Chrome 29+,Opera 12.1*/
   /* 垂直居中 */
   -webkit-box-pack: center;
   -ms-flex-align: center;
   -moz-box-pack: center;
   /* IE 10 */
   -webkit-align-items: center;
   -moz-align-items: center;
   align-items: center;
}

body {
   padding-top: 212px;
}

.top {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 99999;
}

.top1 {
   width: 100%;
   height: 38px;
   background: #f4f4f4;
   border-bottom: #e5e5e5 solid 1px;
}

.top1 .top1_nei {
   width: 96%;
   max-width: 1200px;
   margin: 0 auto;
   margin: 0 auto;
}

.top1 .top1_nei .top1_left {
   float: left;
   color: #999999;
   font-size: 13px;
   line-height: 37px;
}

.top1 .top1_nei .top1_right {
   float: right;
}

.top1 .top1_nei .top1_right .top1_right1 {
   float: left;
}

.top1 .top1_nei .top1_right .top1_right1 a {
   float: left;
   margin: 9px 0 0 13px;
   display: inline-block;
}

/*黑白照片*/
.top1 .top1_nei .top1_right .top1_right1 a {
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   -o-filter: grayscale(100%);
   filter: grayscale(100%);
   filter: gray;
}

.top1 .top1_nei .top1_right .top1_right1 a:hover {
   -webkit-filter: grayscale(0%);
   -moz-filter: grayscale(0%);
   -ms-filter: grayscale(0%);
   -o-filter: grayscale(0%);
   filter: grayscale(0%);
   filter: gray;
}

.top1 .top1_nei .top1_right .top1_right2 {
   float: left;
   margin-left: 20px;
}

.top1 .top1_nei .top1_right .top1_right2 a {
   float: left;
   line-height: 37px;
   font-size: 13px;
   color: #999999;
}

.top1 .top1_nei .top1_right .top1_right2 span {
   float: left;
   line-height: 37px;
   font-size: 13px;
   color: #999999;
   margin: 0 15px;
}

.top1 .top1_nei .top1_right .top1_right2 a:hover {
   color: #222222;
}

.top1 .top1_nei .top1_right .top1_right2 a.on {
   color: #222222;
}

.top2 {
   width: 100%;
   background: #FFFFFF;
}

.top2 .top2_nei {
   width: 96%;
   max-width: 1200px;
   margin: 0 auto;
   margin: 0 auto;
   height: 116px;
   overflow: hidden;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.top2 .top2_nei .hotLine {
   padding-left: 50px;
   background: url(../images/img1.png) no-repeat 0 50%;
   font-size: 14px;
   height: 32px;
   line-height: 32px;
   color: #282828;
}

.top2 .top2_nei .hotLine span {
   color: #0d8b44;
   font-size: 18px;
}

.top2 .top2_nei .searchForm {
   width: 400px;
   height: 45px;
   border: #e5e5e5 solid 1px;
   border-right: none;
   border-radius: 5px;
   overflow: hidden;
   display: flex;
}

.top2 .top2_nei .searchForm .searchText {
   flex: 1;
   padding-left: 20px;
}

.top2 .top2_nei .searchForm .searchSubmit {
   width: 50px;
   height: 43px;
   background: url(../images/img5.png) no-repeat 50%;
   cursor: pointer;
}

.top3 {
   width: 100%;
   height: 58px;
   background: url(../images/img6.png) repeat-x 0 100%, #0d8b44;
   position: relative;
}

.top3 .top3_nei {
   width: 96%;
   max-width: 1200px;
   margin: 0 auto;
   margin: 0 auto;
   display: flex;
}

.top3 .top3_nei .topMenu {
   flex: 1;
}

.top3 .top3_nei .topMenuLink {
   width: 100%;
   display: inline-block;
   height: 100%;
   line-height: 58px;
   text-align: center;
   font-size: 15px;
   color: #FFFFFF;
}

.top3 .top3_nei .topMenu:hover .topMenuLink {
   background: #0a7c3c;
   transition: all ease 0.3s;
}

.top3 .top3_nei .topMenu.on .topMenuLink {
   background: #0a7c3c;
   transition: all ease 0.3s;
}


.dropBox {
   width: 100%;
   background: rgba(256, 256, 256, 0.95);
   position: absolute;
   left: 0;
   padding: 35px;
   display: none;
}

.dropBox .downDrop {
   width: 96%;
   max-width: 1200px;
   margin: 0 auto;
   margin: 0 auto;
   position: relative;
}

.dropBox .downDrop .downDropMenu {
   width: 320px;
   height: 50px;
}

.dropBox .downDrop .downDropMenu .downDropTitle {
   width: 100%;
   padding-right: 70px;
   display: inline-block;
   height: 50px;
   line-height: 50px;
   font-size: 16px;
   color: #666666;
}

.dropBox .downDrop .downDropMenu .downDropTitle .downDropTitleImg {
   width: 95px;
   height: 50px;
   float: left;
}

.dropBox .downDrop .downDropMenu .downDropTitle .downDropTitleImg .showImg {
   display: none;
}

.dropBox .downDrop .downDropMenu .downDropTitle .downDropTitleImg .hideImg {}

.dropBox .downDrop .downDropMenu:hover .downDropTitle .downDropTitleImg .showImg {
   display: block;
}

.dropBox .downDrop .downDropMenu:hover .downDropTitle .downDropTitleImg .hideImg {
   display: none;
}

.dropBox .downDrop .downDropMenu .downDropTitle span {
   width: 140px;
   line-height: 50px;
   float: left;
   display: inline-block;
}

.dropBox .downDrop .downDropMenu:hover .downDropTitle span {
   color: #0d8b44;
}

.dropBox .downDrop .downDropMenu .downDropTitle i {
   float: right;
   line-height: 50px;
}

.ddmMenu {
   position: absolute;
   padding: 0 30px;
   left: 320px;
   top: 0px;
   width: 320px;
   border-left: #e5e5e5 solid 1px;
   border-right: #e5e5e5 solid 1px;
   display: none;
}

.ddmMenu a {
   width: 100%;
   display: inline-block;
   font-size: 16px;
   color: #666666;
   line-height: 50px;
}

.ddmMenu a .ddmMenuTitle {
   width: 100%;
   overflow: hidden;
   white-space: pre;
   text-overflow: ellipsis;
   color: #666666;
   font-size: 15px;
   line-height: 50px;
}

.ddmMenu a .ddmMenuImg {
   position: absolute;
   left: 355px;
   top: 0;
   width: 380px;
   height: 230px;
   overflow: hidden;
   background: rgba(13, 139, 68, 0.5);
   display: none;
}

.ddmMenu a .ddmMenuImg img {
   width: 100%;
}

.ddmMenu a .ddmMenuFtitle {
   position: absolute;
   left: 355px;
   top: 230;
   width: 380px;
   text-align: center;
   font-size: 20px;
   line-height: 60px;
   color: #666666;
   display: none;
}

.ddmMenu a:hover .ddmMenuImg {
   display: block;
}

.ddmMenu a:hover .ddmMenuFtitle {
   display: block;
}

.footer {
   width: 100%;
   background: url(../images/img18.jpg) no-repeat 50%;
}

.footer1 {
   width: 96%;
   max-width: 1200px;
   margin: 0 auto;
   margin: 0px auto;
   display: flex;
   padding: 30px 0 20px 0;
}

.footer1 li {
   width: calc(100% * (1 / 7));
}

.footer1 div {
   font-size: 16px;
   color: #FFFFFF;
   font-weight: bolder;
   line-height: 38px;
}

.footer1 a {
   font-size: 14px;
   color: #aaaaaa;
   line-height: 38px;
   display: inline-block;
   float: left;
   width: 100%;
}

.footer2 {
   width: 100%;
   font-size: 13px;
   color: #666666;
   text-align: center;
   line-height: 70px;
   border-top: rgba(255, 255, 255, 0.20) solid 1px;
}

   {}

.motop {
   display: none;
   width: 100%;
   position: relative;
   z-index: 99999;
   background: #fff;
   height: 80px;
   padding: 0 3%;
   overflow: hidden;
}

.motop .logo {
   float: left;
   height: 64px;
   margin: 8px 0;
}

.motop .menuIcon {
   float: right;
   font-size: 45px;
   color: #0d8b44;
   line-height: 80px;
   margin: 0px 0;
   -webkit-text-stroke: 3px #fff;
}

.menuBg {
   position: fixed;
   z-index: 9999;
   background: rgba(0, 0, 0, 0.85);
   height: 100%;
   width: 100%;
   padding-top: 80px;
   top: 0;
   display: none;
}

.menuBg .menuBox {
   position: absolute;
   background: rgba(19, 139, 68, 0.65);
   height: 100%;
   width: 50%;
   left: -50%;
}

.menuBg .menuBox .menuBoxXun {
   width: 100%;
   height: 60px;
   border-bottom: #FFFFFF solid 1px;
}

.menuBg .menuBox .menuBoxXun .menuBoxTitle {
   height: 100%;
   display: inline-block;
   margin-left: 4%;
   line-height: 60px;
   color: #FFFFFF;
   font-size: 24px;
}

.menuBg .menuBox .menuBoxXun .fa-angle-right.yijijiantou {
   float: right;
   line-height: 75px;
   margin-right: 4%;
   color: #FFFFFF;
   font-size: 40px;
}

.motop .searchIcon {
   font-size: 40px;
   float: right;
   margin-top: 17px;
   color: #0d8b44;
   margin-right: 20px;
}

.searchBox {
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   background: rgba(0, 0, 0, 0.80);
   position: fixed;
   top: 0;
   left: 0;
   display: none;
   z-index: 999;
}

.searchBox .searchForm {
   background: #fff;
   padding: 10px;
   border-radius: 5px;
   display: flex;
   justify-content: space-between;
}

.searchBox .searchForm input[type="submit"] {
   height: 45px;
   line-height: 45px;
   text-align: center;
   background: url(/skin/images/search_circle.png) no-repeat 50%;
   width: 60px;
   border-left: #ccc solid 1px;
}

   {}

.neibanner {
   width: 100%;
   height: 340px;
}

.globalTitle {
   width: 100%;
   text-align: center;
   padding: 64px 0 47px 0;
}

.globalTitle .globalTitleEn {
   width: 100%;
   width: 100%;
   text-align: center;
   font-size: 36px;
   color: #222222;
   line-height: 36px;
   text-transform: uppercase;
}

.globalTitle .globalTitleCn {
   height: 28px;
   padding: 0 30px;
   border-bottom: #434343 solid 1px;
   display: inline-block;
}

.globalTitle .globalTitleCn div {
   color: #666666;
   line-height: 56px;
   height: 56px;
   font-size: 24px;
   background: #FFFFFF;
   padding: 0 12px;
}

.globalLink {
   width: 100%;
   display: flex;
   justify-content: center;
   border-bottom: #e5e5e5 solid 1px;
   height: 16px;
   margin-bottom: 16px;
}

.globalLink a {
   display: inline-block;
   height: 32px;
   text-align: center;
   line-height: 30px;
   margin: 0 7px;
   border: #a0a0a0 solid 1px;
   color: #666666;
   font-size: 14px;
   padding: 0 10px;
   background: #FFFFFF;
}

.applicationList {
   width: 96%;
   max-width: 1200px;
   margin: 0 auto;
   margin: 60px auto;
}

.alXun {
   width: 100%;
   float: left;
   display: inline-block;
   min-height: 380px;
   display: flex;
   margin-bottom: 45px;
   justify-content: space-between;
}

.alXun:nth-child(2n) {
   flex-direction: row-reverse;
}

.alXun .alXunImg {
   width: 550px;
   height: 380px;
   overflow: hidden;
   flex-shrink: 0;
}

.alXun .alXunImg img {
   width: 100%;
}

.alXun .alXunText {
   flex: 1;
   background: #f6f6f6;
   padding: 20px 40px 20px 50px;
}

.alXun .alXunText .alXunTitle {
   font-size: 26px;
   line-height: 70px;
   color: #222222;
}

.alXun .alXunText .alXunLine {
   width: 50px;
   height: 4px;
   background: #0d8b44;
   margin-bottom: 40px;
}

.alXun .alXunText .alXunSmall {
   font-size: 14px;
   line-height: 26px;
   color: #666666;
   text-align: justify;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 6;
   overflow: hidden;
}

   {}

.newsList {
   width: 96%;
   max-width: 1200px;
   margin: 0 auto;
   margin: 50px auto;
}

.newsList a {
   width: 100%;
   float: left;
   padding: 35px 0;
   display: flex;
   padding-right: 35px;
}

.newsList a .newsListDate {
   flex-shrink: 0;
   width: 180px;
   border-right: #e5e5e5 solid 1px;
   padding-left: 35px;
}

.newsList a .newsListDate .newsListDateDay {
   font-size: 44px;
   line-height: 50px;
   color: #0d8b44;
}

.newsList a .newsListDate .newsListDateYear {
   font-size: 14px;
   line-height: 22px;
   color: #666666;
}

.newsList a .newsListText {
   padding: 0 55px 0 40px;
}

.newsList a .newsListText .newsListTitle {
   font-size: 16px;
   color: #222222;
   line-height: 26px;
   margin-bottom: 10px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: pre;
}

.newsList a .newsListText .newsListSmall {
   font-size: 14px;
   color: #666666;
   line-height: 26px;
   text-align: justify;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
}

.newsList a .fa {
   color: #bbbbbb;
   font-size: 56px;
   line-height: 75px;
}

.newsList a:hover {
   background: #0d8b44;
   transition: all ease-out 0.5s;
}

.newsList a:hover .newsListDate {
   border-right: #fff solid 1px;
}

.newsList a:hover .newsListDate .newsListDateDay {
   color: #FFFFFF;
}

.newsList a:hover .newsListDate .newsListDateYear {
   color: #FFFFFF;
}

.newsList a:hover .newsListText .newsListTitle {
   color: #FFFFFF;
}

.newsList a:hover .newsListText .newsListSmall {
   color: #FFFFFF;
}

.newsList a:hover .fa {
   color: #FFFFFF;
}

.fenye {
   width: 100%;
   display: flex;
   justify-content: center;
   padding: 0 0 70px 0;
}

.fenye a {
   display: inline-block;
   width: 34px;
   height: 32px;
   text-align: center;
   line-height: 30px;
   margin: 0 4px;
   border: #cccccc solid 1px;
   background: #FFF;
   font-size: 14PX;
}

.fenye a i {
   line-height: 30px;
}

.fenye a:hover {
   border: #0d8b44 solid 1px;
   background: #0d8b44;
   color: #fff;
}

.fenye a.on {
   border: #0d8b44 solid 1px;
   background: #0d8b44;
   color: #fff;
}

.fenye a:hover i {
   color: #fff;
}

   {}

.newsDet {
   width: 96%;
   max-width: 1200px;
   margin: 0 auto;
   margin: 30px auto;
}

.newsDet .newsDetTile {
   width: 100%;
   text-align: center;
   font-size: 30px;
   line-height: 50px;
   color: #222222;
}

.newsDet .newsDetTile2 {
   width: 100%;
   display: flex;
   justify-content: center;
   border-bottom: #e5e5e5 solid 1px;
   padding-bottom: 20px;
}

.newsDet .newsDetTile2 span {
   padding-left: 20px;
   display: inline-block;
   line-height: 40px;
   font-size: 13px;
   color: #999999;
   margin: 0 20px;
}

.newsDet .newsDetTile2 span:nth-child(2) {
   background: url(../images/img59.png) no-repeat 0 50%;
}

.newsDet .newsDetTile2 span:nth-child(1) {
   background: url(../images/img60.png) no-repeat 0 50%;
}

.newsText {
   font-size: 14px;
   line-height: 26px;
   color: #666666;
   padding: 25px 0 30px 0;
   border-bottom: #e5e5e5 solid 1px;
   text-align: justify;
}

.newsdetBottom {
   width: 100%;
   margin-bottom: 50px;
   display: flex;
   justify-content: space-between;
   margin-top: 20px;
}

.newsdetBottom .newsdetBottomLeft {}

.newsdetBottom .newsdetBottomLeft a {
   width: 100%;
   display: inline-block;
   overflow: hidden;
   white-space: pre;
   text-overflow: ellipsis;
   font-size: 14px;
   color: #222222;
   line-height: 26px;
}

.newsdetBottom .newsdetBottomRight {
   flex-shrink: 0;
   display: flex;
   align-items: center;
}

.newsdetBottom .newsdetBottomRight a {
   width: 100px;
   height: 40px;
   background: #0d8b44;
   text-align: center;
   line-height: 40px;
   font-size: 14px;
   color: #FFFFFF;
   display: inline-block;
}

   {}

.downLoad {
   width: 96%;
   max-width: 1200px;
   margin: 0 auto;
   margin: 67px auto 30px auto;
   display: flex;
   flex-wrap: wrap;
}

.downLoad li {
   width: calc(100% * (1 / 3) - 24px);
   border: #e5e5e5 solid 1px;
   padding: 25px;
   margin: 0 12px;
   margin-bottom: 25px;
}

.downLoad li .downLoadTitle {
   font-size: 26px;
   color: #0d8b44;
   line-height: 40px;
   font-weight: bolder;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   overflow: hidden;
}

.downLoad li .downLoadFtitle {
   font-size: 16px;
   color: #666666;
   line-height: 32px;
   margin-bottom: 30px;
   height: 80px;
   border-bottom: #a0a0a0 solid 1px;
   padding: 22px 0;
}

.downLoad li .downLoadMess {
   font-size: 16px;
   color: #666666;
   line-height: 46px;
   font-weight: bolder;
}

.downLoad li .downLoadText {
   font-size: 13px;
   color: #666666;
   line-height: 30px;
   background: url(../images/img36.png) repeat-y 0 30px;
   padding-left: 18px;
   margin-bottom: 20px;
}

.downLoad li .downLoadLink {
   display: inline-block;
}

.downLoad li .downLoadLink img:nth-child(2) {
   display: none;
}

.downLoad li .downLoadLink:hover img:nth-child(1) {
   display: none;
}

.downLoad li .downLoadLink:hover img:nth-child(2) {
   display: block;
}

.downLoad li .downLoadLink {}

   {}


.details_img {
   width: 96%;
   max-width: 1200px;
   margin: 0 auto;
   margin: 0 auto;
   max-width: 96%;
}

.details_img .details_img_title {
   width: 100%;
   font-size: 28px;
   color: #333333;
   text-align: center;
   padding: 55px 0 25px 0;
}

.details_img .details_img_box {
   width: 100%;
   position: relative;
   padding-top: 60px;
   padding-bottom: 40px;
   overflow: hidden;
}

.details_img .dib_box {
   position: relative;
   width: 100%;
   height: 430px;
}

.details_img .dib_box .dib_box_xun {
   cursor: pointer;
   width: 1px;
   position: absolute;
   left: 25%;
   height: 401px;
   -webkit-transform: scale(0.75);
   z-index: 0;
   transition: all 0.5s ease-out;
   opacity: 0;
}

.details_img .dib_box .dib_box_xun .dbx_img {
   width: 664px;
   overflow: hidden;
   -webkit-align-items: center;
   display: -webkit-flex;
   -webkit-justify-content: center;
   height: 401px;
   background: #FFFFFF;
   box-shadow: rgba(1, 2, 0, 0.21) 0 0 16px;
   float: left;
   margin-left: -326px;
}

.details_img .dib_box .dib_box_xun .dbx_img img {}

.details_img .dib_box .dib_box_xun .dbx_text {
   white-space: pre;
   width: 625px;
   position: absolute;
   bottom: -64px;
   line-height: 64px;
   overflow: hidden;
   text-overflow: ellipsis;
   left: -317px;
   font-size: 14px;
   color: #545454;
}

.details_img .dib_box .dib_box_xun .dbx_text span {
   color: #473528;
   font-size: 24px;
}

.details_img .dib_box .dib_box_xun.on {
   -webkit-transform: scale(1);
   left: 50%;
   z-index: 5;
   transition: all 0.5s ease-out;
   opacity: 1;
}

.details_img .dib_box .dib_box_xun.next {
   left: 75%;
   transition: all 0.5s ease-out;
   z-index: 4;
   opacity: 1;
}

.details_img .dib_box .dib_box_xun.prev {
   left: 25%;
   transition: all 0.5s ease-out;
   z-index: 4;
   opacity: 1;
}


.details_img .discBox {
   width: 100%;
   display: flex;
   justify-content: center;
}

.details_img .discBox li {
   width: 15px;
   height: 15px;
   cursor: pointer;
   background: #bfbfbf;
   border-radius: 20px;
   margin: 0 7px;
}

.details_img .discBox li.on {
   background: #0d8b44;
}

.about1 {
   width: 96%;
   max-width: 1200px;
   margin: 0 auto;
   margin: 15px auto;
   text-align: center;
   font-size: 26px;
   color: #333333;
   font-weight: bolder;
}

.about2 {
   width: 96%;
   max-width: 1200px;
   margin: 0 auto;
   margin: 0 auto;
   font-size: 14px;
   color: #333333;
   line-height: 26px;
   padding-bottom: 50px;
}

.about {
   width: 96%;
   max-width: 1200px;
   margin: 0 auto;
   margin: 30px auto 90px auto;
}

.about li {
   background: #f0f7f4;
   font-size: 14px;
   color: #666666;
   padding: 20px 50px 30px 50px;
   line-height: 26px;
   margin-bottom: 35px;
}

.about li div {
   color: #0d8b44;
   font-size: 22px;
   font-weight: bolder;
   line-height: 70px;
}

.about li p {
   max-width: 625px;
}

   {}

.contact {
   width: 96%;
   max-width: 1200px;
   margin: 0 auto;
   margin: 0 auto 0px auto;
   background: url(../images/img41.jpg) no-repeat 0 100%, #f0f7f4;
   position: relative;
   padding: 60px 0 60px 0;
}

.contact .contactNei {
   width: 563px;
   float: right;
}

.contact .contactNei li:nth-child(1) {
   float: left;
   width: 100%;
   font-size: 24px;
   color: #333333;
   font-weight: bolder;
}

.contact .contactNei li:nth-child(2) {
   float: left;
   width: 100%;
   font-size: 16px;
   color: #333333;
   margin-top: 45px;
}

.contact .contactNei li:nth-child(2) span:nth-child(1) {
   margin-right: 30px;
   font-weight: bolder;
}

.contact .contactNei li:nth-child(3) {
   float: left;
   width: 100%;
   width: 267px;
   border-bottom: #959595 solid 1px;
   margin: 10px 0;
}

.contact .contactNei li:nth-child(4) {
   float: left;
   width: 100%;
   font-size: 16px;
   color: #333333;
}

.contact .contactNei li:nth-child(4) span:nth-child(1) {
   margin-right: 30px;
   font-weight: bolder;
}

.contact .contactNei li:nth-child(5) {
   float: left;
   width: 100%;
   font-size: 16px;
   color: #333333;
   margin-top: 45px;
}

.contact .contactNei li:nth-child(6) {
   float: left;
   height: 36px;
   border: #0d8b44 solid 1px;
   display: inline-block;
   margin-top: 25px;
}

.contact .contactNei li:nth-child(6) div {
   font-size: 14px;
   color: #666666;
   padding-left: 10px;
   background: url(../images/img36.png) no-repeat 0 50%;
   float: left;
   line-height: 34px;
   margin: 0 33px 0 11px;
}

.conIcon1 {
   width: 44px;
   height: 44px;
   display: inline-block;
   position: absolute;
   right: 56px;
   top: 71px;
}

.conIcon2 {
   width: 44px;
   height: 44px;
   display: inline-block;
   position: absolute;
   right: 56px;
   top: 144px;
}

.mess {
   width: 96%;
   max-width: 1200px;
   margin: 0 auto;
   background: url(../images/img42.png) no-repeat 125px 60px, url(../images/img43.jpg) no-repeat 50%/cover;
   height: 625px;
   border: #e5e5e5 solid 1px;
   margin: 0px auto 150px auto;
}

.messBox {
   width: ;
   display: table;
   font-size: 16px;
   color: #333333;
   line-height: 77px;
   margin: 60px auto 0 auto;
}

.messBox li {
   display: table-row;
}

.messBox li div {
   display: table-cell;
}

.messBox li div:nth-child(1) {
   padding-right: 20px;
   text-align: right;
   vertical-align: top;
}

.messBox li div:nth-child(1) span {
   color: #da251c;
}

.messBox li div input[type="text"] {
   width: 525px;
   height: 50px;
   border: #e5e5e5 solid 1px;
   padding: 0 12px;
   margin-top: 12px;
}

.messBox li div textarea {
   width: 525px;
   height: 185px;
   border: #e5e5e5 solid 1px;
   padding: 0 12px;
   margin-top: 20px;
   line-height: 35px;
}

.messBox li div label {
   padding-right: 50px;
   cursor: pointer;
}

.messBox li div input[type="submit"] {
   width: 188px;
   height: 52px;
   text-align: center;
   line-height: 52px;
   color: #fff;
   background: #da251c;
   margin: 20px auto;
   cursor: pointer;
}


.demo--radio {
   display: none
}

.demo--radioInput {
   background-color: #fff;
   border: 1px solid rgba(0, 0, 0, 0.15);
   display: inline-block;
   height: 16px;
   margin-right: 10px;
   margin-top: -1px;
   vertical-align: middle;
   width: 16px;
   line-height: 1;
}

.demo--radio:checked+.demo--radioInput:after {
   background-color: #da251c;
   content: "";
   display: inline-block;
   height: 10px;
   margin: 2px;
   width: 10px;
}

.demo--checkbox.demo--radioInput,
.demo--radio:checked+.demo--checkbox.demo--radioInput:after {
   border-radius: 0;
}

   {}

.fixdiv {
   width: 78px;
   display: flex;
   flex-direction: row-reverse;
   flex-wrap: wrap;
   position: fixed;
   top: 430px; 
   right: 2px;
   z-index: 99;
}

.fixdiv li {
   margin-bottom: 12px;
   height: 78px;
   position: relative;
   overflow: hidden;
}

.fixdivTel {
   display: inline-block;
   height: 78px;
   white-space: pre;
   line-height: 78px;
   padding: 0 40px;
   color: #fff;
   font-size: 16px;
   background: #108041;
   position: absolute;
   right: 0;
   opacity: 0;
}

.fixdiv li:hover {
   overflow: inherit;
}

.fixdiv li:hover .fixdivTel {
   right: 0;
   opacity: 1;
   transition: all ease-in 0.5s;
}

.background_q {
   width: 100%;
   height: 100%;
   text-align: center;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 99999999999;
   background: rgba(0, 0, 0, 0.50);
   display: none
}

.background_q .background_q_nei {
   display: inline-block;
   width: 100%;
   background: #fff;
   border-radius: 10px;
   max-width: 660px;
   padding: 47px 86px;
   position: relative;
}

.background_q .background_q_nei .q_nei_top {}

.background_q .background_q_nei .q_nei_top .nei_top_body {
   width: 100%;
}

.background_q .background_q_nei .q_nei_top span {
   font-size: 22px;
   color: #666666;
}

.background_q .background_q_nei .q_nei_top label {
   cursor: pointer;
}

.background_q .background_q_nei .q_nei_top label .demo--radio:checked+.demo--radioInput:after {
   background: #108041;
}

.background_q .background_q_nei .q_nei_top label span {
   font-size: 14px;
}

.background_q .background_q_nei .q_nei_top .radiobox {
   width: 100%;
   margin-top: 18px;
   line-height: 42px;
   text-align: left;
}

.background_q .background_q_nei .q_nei_top .radiobox label {
   margin-right: 30px;
}

.background_q .background_q_nei .q_nei_top .biaodan {
   width: 100%;
   border: 1px solid #bfbfbf;
   padding-left: 22px;
   margin-top: 18px;
   line-height: 42px;
}

.background_q .background_q_nei .q_nei_top .biaodan2 {
   width: 100%;
   border: 1px solid #bfbfbf;
   padding-left: 22px;
   margin-top: 18px;
   line-height: 46px
}

.background_q .background_q_nei .q_nei_top .tijiao {
   width: 100%;
   padding-left: 22px;
   margin-top: 18px;
   color: #FFFFFF;
   font-size: 18px;
   text-align: center;
   background: #108041;
   cursor: pointer;
   line-height: 42px
}

.background_q .background_q_nei .nei_top_img {
   padding: 18px 20px;
   position: absolute;
   right: 0;
   cursor: pointer;
   top: 0px
}

   {}

.pro {
   width: 96%;
   max-width: 1200px;
   margin: 0 auto;
   display: flex;
   margin: 65px auto 0 auto;
}

.pro .proLeft {
   width: 230px;
   flex-shrink: 0;
   margin-right: 40px;
}

.proTop {
   padding: 30px 35px 20px 35px;
    background: #0d8b44;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pro .proLeft .proTop .proTopImg {
   display: none;
}

.proTop .proTopCn {
   font-size: 24px;
   line-height: 30px;
   color: #fff;
   font-weight: bolder;
}

.proTop .proTopEn {
   font-size: 14px;
   line-height: 30px;
   color: #fff;
   text-transform: uppercase;
}

.proMenu {
   width: 100%;
   border: #e5e5e5 solid 1px;
   padding-top: 30px;
   padding-bottom: 60px;
   border-top: none;
   
}

.proMenu a {
   display: flex;
   justify-content: space-between;
   width: 100%;
   height: 38px;
   float: left;
   margin-bottom: 8px;
   border-left: #fff solid 5px;
   padding-left: 30px;
   padding-right: 15px;
   line-height: 38px;
   background: #fff;
   font-size: 14px;
   color: #666;
}

.proMenu a span {
   white-space: pre;
   overflow: hidden;
   padding-right: 15px;
   text-overflow: ellipsis;
}

.proMenu a i {
   color: #fff;
   line-height: 38px;
}

.proMenu a:hover {
   color: #fff;
   border-left: #0a7c3c solid 5px;
   background: #0d8b44;
   transition: background ease-in 0.13s;
}

.proMenu a:hover span {
   color: #fff;
}

.proMenu a.on {
   color: #fff;
   border-left: #0a7c3c solid 5px;
   background: #0d8b44;
   transition: background ease-in 0.13s;
}

.proMenu a.on span {
   color: #fff;
}

.pro .proRight {
   flex: 1;
}

.proList {
   display: flex;
   flex-wrap: wrap;
   justify-content:;
}

.proList .proXun {
   width: calc(100% * (1 / 3) - (30px * 2 / 3));
   height: 350px;
   display: inline-block;
   border: #e5e5e5 solid 1px;
   border-bottom: #d7ddde solid 6px;
   margin: 0 30px 30px 0;
   padding: 14px 14px 0 14px;
}

.proList .proXun:nth-child(3n){ margin-right:0;}
.proList .proXun:hover {
   border-bottom: #0d8b44 solid 6px;
}

.proList .proXun .proXunImg {
   width: 260px;
   height: 260px;
   overflow: hidden;
       margin: 0 auto;
   text-align:center;
}

.proList .proXun .proXunImg img {
   width: 100%;
}

.proList .proXun .proXunTitle {
   width: 100%;
   border-top: #d7ddde solid 3px;
   font-size: 16px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: pre;
   line-height: 2em;
   padding-top: 2px;
}

.proList .proXun .proXunDate {
   width: 100%;
   font-size: 13px;
   color: #bbbbbb;
   line-height: 2em;
   display: flex;
   justify-content: space-between;
}

.proList .proXun .proXunDate i {
   font-size: 30px;
   color: #bbbbbb;
}

.proList .proXun:hover .proXunDate i {
   color: #0d8b44;
}

   {}

.proMess {
   width: 100%;
   border: #d7ddde solid 1px;
   margin-bottom: 80px;
}

.proNav {
   background: #f6f6f6;
   padding: 0 40px;
   width: 100%;
   line-height: 56px;
}

.proNav a {
   font-size: 13px;
   color: #999999;
}

.proNav span {
   font-size: 13px;
   color: #999999;
}

.proNav i {
   font-size: 13px;
   color: #999999;
   margin: 0 10px;
}

.proMessBox {
   padding: 40px;
}

.proTitle {
   font-size: 28px;
   color: #222222;
   text-align: center;
   line-height: 3em;
   width: 100%;
}

.proSelect {
   display: flex;
   margin-bottom: 15px;
}

.proSelect li {
   flex: 1;
   height: 50px;
   line-height: 50px;
   text-align: center;
   color: #0d8b44;
   font-size: 18px;
   background: #e6f0ea;
   position: relative;
   cursor: pointer;
}

.proSelect li img {
   position: absolute;
   bottom: -11px;
   left: 50%;
   margin-left: -10px;
   display: none;
}

.proSelect li.on {
   background: #0d8b44;
   color: #fff;
}

.proSelect li.on img {
   display: block;
}

.proOption {
   color: #666666;
   line-height: 26px;
   font-size: 14px;
}

.proOption .proOptionBox {
   display: none;
   width: 100%;
}

.proOption .proOptionBox table {
   width: 100% !important;
   margin: 0 !important;
}

/*slick*/
.case_box {
   width: 100%;
   margin: 0 auto;
   text-align: center;
}

.case_box .case_bigbox {
   width: 640px;
   height: 465px;
   border: #d2d2d2 solid 1px;
   overflow: hidden;
   display: inline-block;
   max-width: 100%;
}

.case_box .case_bigbox .datu {
   width: 640px;
   height: 466px;
   overflow: hidden;
   -webkit-align-items: center;
   display: -webkit-flex;
   -webkit-justify-content: center;
}

.case_box .case_bigbox .datu img {
   width: 100%;
}

.case_box .case_simbox {
   width: 100%;
   margin: 30px auto;
}

.case_box .case_simbox .case_simbox_nei {
   width: 100%;
   margin-bottom: 50px;
}

.case_box .case_simbox .case_simbox_nei .xiaotu {
   padding: 8px 3px 3px 3px;
   width: 114px !important;
   height: 82px !important;
   float: left;
   margin: 0 12px;
   position: relative;
   border: #d2d2d2 solid 1px;
   cursor: pointer;
}

.case_box .case_simbox .case_simbox_nei .xiaotu img {
   width: 100%;
   height: 100%;
}

.case_box .case_simbox .case_simbox_nei .xiaotu span {
   padding: 0 6px;
   display: inline-block;
   height: 16px;
   text-align: center;
   font-size: 12px;
   color: #FFFFFF;
   background: rgba(0, 0, 0, 0.8);
   position: absolute;
   z-index: 999;
   bottom: 4px;
   right: 4px;
}

.case_box .case_simbox .case_simbox_nei .xiaotu.slick-active.on {
   background: url(../images2/bg9.png) no-repeat 50% 0;
}

.case_box .case_simbox .case_simbox_nei .slick-slider .slick-track {
   margin-left: -60px;
}

.case_box .case_textbox {
   margin: 0 auto;
   text-align: left;
   text-indent: 2em;
   margin-bottom: 50px;
   max-width: 788px;
   color: #666666;
   font-size: 14px;
   line-height: 24px;
}

.case_box .case_simbox .case_simbox_nei .xiaotu.slick-slide.slick-center {
   border: #0d8b44 solid 1px;
}

/*slick*/

   {}


/* 响应式banner */
.img_gallery {
   border-top: 1px solid #d7d7d7;
   height: 540px;
   position: relative;
}

.main_img {
   overflow: hidden;
   position: relative;
   height: 100%;
}

.main_img ul {
   width: 9999px;
   overflow: hidden;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0
}

.main_img li {
   float: left;
   width: 100%;
   height: 100%;
}

.main_img li span {
   display: block;
   width: 100%;
   height: 100%;
}

.main_img li a {
   display: block;
   width: 100%;
   height: 100%;
}

.img_font {
   position: absolute;
   bottom: 30px;
   left: 30%;
   color: #f00;
   width: 100%;
   padding: 10px;
}

.img_font span {
   display: none;
}

div.point {
   position: absolute;
   bottom: 57px;
   left: 0;
   z-index: 999;
   width: 100%;
   height: 0px;
   text-align: center;
}

div.point .point_box {
   margin: 0 auto;
   display: inline-block;
}

div.point a {
   display: block;
   width: 13px;
   height: 13px;
   font-size: 0;
   background: rgba(256, 256, 256, 0.50);
   float: left;
   cursor: pointer;
   margin: 0 4px;
   border-radius: 20px;
}

div.point a.on {
   background: #0d8b44;
}

#btn_prev,
#btn_next {
   z-index: 11111;
   position: absolute;
   display: block;
   width: 73px !important;
   height: 74px !important;
   top: 50%;
   margin-top: -37px;
   display: none;
}

/* 响应式banner */

.indexAboutTitle {
   font-size: 36px;
   color: #222222;
   text-align: center;
   width: 100%;
   line-height: 60px;
   padding-top: 50px;
   font-weight: bolder;
}

.indexAboutFtitle {
   font-size: 14px;
   color: #666666;
   text-align: center;
   width: 100%;
   line-height: 2em;
   padding-bottom: 50px;
}

.indexAbout {
   width: 96%;
   max-width: 1200px;
   margin: 0 auto;
   margin: 0px auto 0px auto;
   display: flex;
}

.indexAbout li {
   width: 170px;
   height: 200px;
   margin: 0 36px 0 0;
   font-size: 14px;
   color: #666666;
   line-height: 30px;
   border: #e5e5e5 solid 1px;
   text-align: center;
   opacity: 0.1;
   cursor: pointer;
}

.indexAbout.on li {
   padding-top: 10px;
   transition: opacity ease-in 1s, padding-top ease-in 0.7s;
   opacity: 1;
}

.indexAbout li:hover {
   background: #0d8b44;
   border: #0d8b44 solid 1px;
   color: #FFFFFF;
   box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px;
}

.indexAbout li:nth-last-child(1) {
   margin-right: 0;
}

.indexAbout li .t1 {
   font-size: 24px;
   color: #222222;
   line-height: 60px;
   text-align: center;
   width: 100%;
}

.indexAbout li:hover .t1 {
   color: #FFFFFF;
}

.indexAbout li:hover p {
   color: #FFFFFF;
}

.indexAbout li:hover span {
   color: #FFFFFF;
}

.indexMore {
   width: 100%;
   text-align: center;
   padding: 50px 0 70px 0;
}

.indexMore a {
   background: url(../images/img7.png) no-repeat 50%/cover;
   line-height: 54px;
   text-align: center;
   padding: 0 45px;
   font-size: 16px;
   color: #FFFFFF;
   display: inline-block;
   min-width: 242px;
}

.indexMore a i {
   margin-left: 20px;
   font-size: 20px;
   color: #FFFFFF;
}

.indexProduct {
   width: 100%;
   background: url(../images/img8.jpg) no-repeat 50%/cover;
   overflow: hidden;
}

.indexProductTitle {
   font-size: 36px;
   color: #fff;
   text-align: center;
   width: 100%;
   line-height: 60px;
   padding-top: 50px;
   font-weight: bolder;
}

.indexProductFtitle {
   font-size: 14px;
   color: #fff;
   text-align: center;
   width: 100%;
   line-height: 2em;
   padding-bottom: 50px;
}

.indexProSelect {
   width: 96%;
   max-width: 1200px;
   margin: 0 auto;
   margin: 0 auto;
   position: relative;
}

.indexProSelect .ipsBox {
   width: 100%;
   overflow: hidden;
   height: 160px;
}

.indexProSelect .ipsBox .ipsBoxNei {
   width: 100%;
   overflow: hidden;
   overflow-x: scroll;
   height: 200px;
}

.indexProSelect .ipsBox .ipsBoxNei table {}

.indexProSelect .ipsBox .ipsBoxNei table td {
   cursor: pointer;
}

.indexProSelect .ipsBox .ipsBoxNei table .imgBox {
   width: 100px;
   height: 100px;
   border-radius: 100px;
   background: #FFFFFF;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 27px;
   pointer-events: none;
}

.indexProSelect .ipsBox .ipsBoxNei table td:nth-child(1) .imgBox {
   margin-left: 0;
}

.indexProSelect .ipsBox .ipsBoxNei table td:nth-last-child(1) .imgBox {
   margin-right: 0;
}

.indexProSelect .ipsBox .ipsBoxNei table .imgBox .ipsImg2 {
   display: none;
}

.indexProSelect .ipsBox .ipsBoxNei table td:hover .imgBox {
   background: #0d8b44;
}

.indexProSelect .ipsBox .ipsBoxNei table td:hover .imgBox .ipsImg1 {
   display: none;
}

.indexProSelect .ipsBox .ipsBoxNei table td:hover .imgBox .ipsImg2 {
   display: block;
}

.indexProSelect .ipsBox .ipsBoxNei table td.on .imgBox .ipsImg1 {
   display: none;
}

.indexProSelect .ipsBox .ipsBoxNei table td.on .imgBox .ipsImg2 {
   display: block;
}

.indexProSelect .ipsBox .ipsBoxNei table td .imgTitle {
   width: 100px;
   font-size: 14px;
   line-height: 60px;
   text-align: center;
   color: #FFFFFF;
   margin: 0 27px;
   padding: 0 10px;
   white-space: pre;
   text-overflow: ellipsis;
   overflow: hidden;
   pointer-events: none;
}

.indexProSelect .ipsBox .ipsBoxNei table td:nth-child(1) .imgTitle {
   margin-left: 0;
}

.indexProSelect .ipsBox .ipsBoxNei table td:nth-last-child(1) .imgTitle {
   margin-right: 0;
}

.indexProSelect .ipsBox .ipsBoxNei table td:hover .imgTitle {
   color: #0d8b44;
}

.indexProSelect .ipsBox .ipsBoxNei table td.on .imgTitle {
   color: #0d8b44;
}

.indexProSelect .proLeft {
   position: absolute;
   left: -45px;
   color: #FFFFFF;
   font-size: 55px;
   top: 20px;
   cursor: pointer;
}

.indexProSelect .proRight {
   position: absolute;
   right: -45px;
   color: #FFFFFF;
   font-size: 55px;
   top: 20px;
   cursor: pointer;
}

.indexProductBox {
   width: 96%;
   max-width: 1200px;
   margin: 0 auto;
   margin: 25px auto 0px auto;
}

.indexProductBox li {
   width: 100%;
   display: none;
}

.indexProductBox li .ipbXun {
   width: 280px;
   height: 322px;
   background: #FFFFFF;
   float: left;
   margin-right: 25px;
   display: inline-block;
   margin-bottom: 10px
}

.indexProductBox li .ipbXun:nth-last-child(2) {
   margin-right: 0;
}

.indexProductBox li .ipbXun .ipbXunImg {
   width: 280px;
   height: 240px;
   overflow: hidden;
}

.indexProductBox li .ipbXun .ipbXunText {
   width: 100%;
   padding: 0 17px;
}

.indexProductBox li .ipbXun .ipbXunText .ipbXunTitle {
   width: 100%;
   font-size: 18px;
   color: #333333;
   white-space: pre;
   overflow: hidden;
   text-overflow: ellipsis;
   line-height: 48px;
}

.indexProductBox li .ipbXun .ipbXunText .ipbXunSmall {
   width: 100%;
   font-size: 14px;
   color: #666666;
   white-space: pre;
   overflow: hidden;
   text-overflow: ellipsis;
}

.noselect {
   -webkit-touch-callout: none;
   /* iOS Safari */
   -webkit-user-select: none;
   /* Chrome/Safari/Opera */
   -khtml-user-select: none;
   /* Konqueror */
   -moz-user-select: none;
   /* Firefox */
   -ms-user-select: none;
   /* Internet Explorer/Edge */
   user-select: none;
   /* Non-prefixed version, currently not supported by any browser */
}

/*owl*/
.index3 {
   width: 100%;
}

.index3 .index_title {
   color: #FFFFFF;
}

.index3 .index_title2 {
   border-bottom: #FFFFFF solid 1px;
}

.index3 .index_title2 div {
   color: #FFFFFF;
   border-left: #FFFFFF solid 1px;
   border-right: #FFFFFF solid 1px;
   background: url(../images2/tupian14.jpg) 50%;
}

.index3 .index_ywfw .owl-item {
   text-align: center;
}

.index_ywfw {
   width: 96%;
   max-width: 1200px;
   margin: 0 auto;
   margin: 0 auto;
   padding-bottom: 65px;
   position: relative;
}

.index_ywfw .ywfw_xun {
   display: inline-block;
   border: #e5e5e5 solid 1px;
   position: relative;
   width: 275px;
   height: 320px;
   margin: 0 16px;
   background: #FFFFFF;
}

.index_ywfw .ywfw_xun:hover {
   box-shadow: rgba(0, 0, 0, 0.13) 0 0 13px;
   transition: all ease-in 0.3s;
}

.index_ywfw .ywfw_xun .ywfw_xun_title {
   width: 100%;
   line-height: 60px;
   color: #333333;
   font-size: 18px;
   text-align: center;
}

.index_ywfw .ywfw_xun .ywfw_xun_img {
   width: 100%;
   height: 190px;
   overflow: hidden;
}

.index_ywfw .ywfw_xun .ywfw_xun_more {
   width: 100%;
   text-align: center;
}

.index_ywfw .ywfw_xun .ywfw_xun_more div {
   width: 140px;
   height: 40px;
   line-height: 38px;
   text-align: center;
   background: #f7f7f7;
   border: #dcdcdc dashed 1px;
   display: inline-block;
   margin: 0 auto;
}

.index_ywfw .ywfw_xun:hover .ywfw_xun_more div {
   background: #0d8b44;
   border: #0d8b44 dashed 1px;
   color: #FFFFFF;
}

.index_ywfw .owl-theme .owl-controls {
   position: absolute;
   top: 160px;
   width: 100%;
}

.index_ywfw .owl-theme .owl-controls .owl-buttons div {
   position: absolute;
   width: 40px;
   height: 40px;
}

.index_ywfw .owl-theme .owl-controls .owl-buttons div.owl-prev {
   left: -90px;
   background: url(../images/img62.png) no-repeat 50%;
}

.index_ywfw .owl-theme .owl-controls .owl-buttons div.owl-next {
   right: -90px;
   background: url(../images/img63.png) no-repeat 50%;
}

.index_ywfw .owl-carousel .owl-wrapper-outer {
   padding: 10px 0;
}

/*owl*/

.indexSelection {
   display: inline-block;
   /*background:url(../images/img14.jpg) no-repeat 50%/cover; height:500px;*/
   width: 100%;
}

.indexNews {
   width: 96%;
   max-width: 1200px;
   margin: 0 auto;
   display: flex;
   justify-content: space-between;
   margin: 65px auto;
}

.indexNews .indexNewsWai {
   width: 570px;
}

.indexNews .indexNewsWai .indexNewsT {
   width: 100%;
   padding: 0 20px;
   height: 86px;
   border-top: #dcdcdc solid 1px;
   border-bottom: #dcdcdc solid 1px;
   display: flex;
   justify-content: space-between;
}

.indexNews .indexNewsWai .indexNewsT span {
   font-size: 28px;
   line-height: 84px;
   color: #222222;
}

.indexNews .indexNewsWai .indexNewsT i {
   font-size: 40px;
   line-height: 84px;
}

.indexNews .indexNewsWai .indexNewsBox {
   width: 100%;
   padding-top: 50px;
}

.indexNews .indexNewsWai .indexNewsBox a {
   width: 100%;
   float: left;
   margin-bottom: 26px;
   display: flex;
}

.indexNews .indexNewsWai .indexNewsBox a .indexNewsImg {
   width: 99px;
   height: 99px;
   overflow: hidden;
   flex-shrink: 0;
}

.indexNews .indexNewsWai .indexNewsBox a .indexNewsText {
   padding-left: 22px;
}

.indexNews .indexNewsWai .indexNewsBox a .indexNewsText .indexNewsDate {
   font-size: 14px;
   color: #555555;
   line-height: 28px;
}

.indexNews .indexNewsWai .indexNewsBox a .indexNewsText .indexNewsSmall {
   font-size: 18px;
   color: #222222;
   line-height: 26px;
   padding-top: 10px;
}

.indexHzhb {
   width: 100%;
   background: #f7f7f7;
}

.hzhb {
   width: 96%;
   max-width: 1200px;
   margin: 0 auto;
   display: flex;
   flex-wrap: wrap;
   margin: 0 auto;
   padding: 40px 0 70px 0;
}

.hzhb li {
   height: 110px;
   margin: 16px 18px;
   width: calc(100% * (1 / 5) - 36px);
}


banner .banner_icon {
   animation: myfirst 2s ease-in-out infinite;
   -moz-animation: myfirst 2s ease-in-out infinite；
      /*Firefox */
      -webkit-animation: myfirst 2s ease-in-out infinite；
      /*Safari 和 Chrome */
      -o-animation: myfirst 2s ease-in-out infinite；
      /*Opera */
}

@keyframes myfirst {
   0% {
      transform: translate(0, -20px);
      opacity: 0;
   }

   50% {
      opacity: 1;
   }

   100% {
      transform: translate(0, 20px);
      opacity: 0;
   }
}

@-moz-keyframes myfirst {

   /* Firefox */
   0% {
      -moz-transform: translate(0, -20px);
      opacity: 0;
   }

   50% {
      opacity: 1;
   }

   100% {
      -moz-transform: translate(0, 20px);
      opacity: 0;
   }
}

@-webkit-keyframes myfirst {

   /* Safari 和 Chrome */
   0% {
      -webkit-transform: translate(0, -20px);
      opacity: 0;
   }

   50% {
      opacity: 1;
   }

   100% {
      -webkit-transform: translate(0, 20px);
      opacity: 0;
   }
}

@-o-keyframes myfirst {

   /* Opera */
   0% {
      -o-transform: translate(0, -20px);
      opacity: 0;
   }

   50% {
      opacity: 1;
   }

   100% {
      -o-transform: translate(0, 20px);
      opacity: 0;
   }
}


@media screen and (min-width:1200px) {}

@media screen and (max-width:1200px) {

   .disable_text_highlighting,
   body {
      /*去除选中高亮*/
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      /* Webkit */
      -moz-user-select: none;
      /* Firefox */
      -ms-user-select: none;
      /* IE 10  */
      /* Opera 目前不支持在Opera，但将很快 */
      -o-user-select: none;
      user-select: none;
   }

   .index_ywfw .owl-theme .owl-controls .owl-buttons div.owl-prev {
      left: 20px;
      background: url(../images/img62.png) no-repeat 50%;
   }

   .index_ywfw .owl-theme .owl-controls .owl-buttons div.owl-next {
      right: 20px;
      background: url(../images/img63.png) no-repeat 50%;
   }

   .indexNews {
      flex-wrap: wrap;
   }

   .indexNews .indexNewsWai {
      width: 94%;
      margin: 20px 3%;
   }

   .alXun {
      flex-wrap: wrap;
   }

   .alXun .alXunImg {
      flex: 100%;
   }

   .alXun .alXunText {
      flex: 100%;
   }

   .pro .proLeft {
      width: 100%;
   }

   .pro .proRight {
      width: 100%;
      margin-top: 20px;
   }

   .downLoad li {
      width: calc(100% * (1 / 2) - 24px);
   }

   .dizhi .dizhiXun {
      flex: 100%;
   }

   .mess {
      padding-left: 10%;
      width: 96%;
      max-width: 1200px;
      margin: 0 auto;
      background: url(../images/img42.png) no-repeat 15px 60px, url(../images/img43.jpg) no-repeat 50%/cover;
      height: 625px;
      border: #e5e5e5 solid 1px;
      margin: 0px auto 150px auto;
   }

   .mess {
      padding-left: 10%;
      width: 96%;
      max-width: 1200px;
      margin: 0 auto;
      background: url(../images/img42.png) no-repeat 15px 60px, url(../images/img43.jpg) no-repeat 50%/cover;
      height: 625px;
      border: #e5e5e5 solid 1px;
      margin: 0px auto 150px auto;
   }

   .messBox li div:nth-child(1) {
      white-space: pre;
   }

   .messBox li div input[type="text"] {
      width: 90%;
   }

   .messBox li div textarea {
      width: 90%;
   }

   .top {
      display: none;
   }

   .motop {
      display: block;
   }

   body {
      padding-top: 0;
   }
   .proMessBox{
      padding: 30px;
   }
   .img_gallery{
      height: 250px;
   }
   .neibanner{
      height: 170px;
   }
   .pro{
      flex-wrap: wrap;
      margin: 25px auto 0;
   }
   .proMenu{
      padding-top: 20px;
      padding-bottom: 20px;
   }
}

@media screen and (max-width:770px) {}

@media screen and (max-width:640px) {
   .footer1 {
      display: none;
   }
.downLoad li {width: 100%;}
.proList .proXun{width: 100%}
}

@media screen and (max-width:420px) {

}