﻿/* CSS Document */
* { margin: 0; padding: 0; }

input[type="submit"] { cursor: pointer; }

input[type="checkbox"] { cursor: pointer; }

input[type="radio"] { cursor: pointer; }

img.imgyzm { cursor: pointer; }

.disnone { display: none; }

@font-face { font-family: 'UniSansHeavy'; src: url("fonts/UniSansHeavy.eot"); src: url("fonts/UniSansHeavy.eot") format("embedded-opentype"), url("fonts/UniSansHeavy.woff2") format("woff2"), url("fonts/UniSansHeavy.woff") format("woff"), url("fonts/UniSansHeavy.ttf") format("truetype"), url("fonts/UniSansHeavy.svg#UniSansHeavy") format("svg"); }

@font-face { font-family: 'Arial'; src: url("fonts/Arial.eot"); src: url("fonts/Arial.eot") format("embedded-opentype"), url("fonts/Arial.woff2") format("woff2"), url("fonts/Arial.woff") format("woff"), url("fonts/Arial.ttf") format("truetype"), url("fonts/Arial.svg#Arial") format("svg"); }

.m5_ul li:first-child{
	margin-left: 0px !important;
}

.zitii { font-family: 'Arial'; }

#baguetteBox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background-color: #222; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: opacity .5s ease; transition: opacity .5s ease; z-index: 99999999999999999999999999999999999999; }

#baguetteBox-overlay.visible { opacity: 1; }

#baguetteBox-overlay .full-image { display: inline-block; position: relative; width: 100%; height: 100%; text-align: center; }

#baguetteBox-overlay .full-image figure { display: inline; margin: 0; height: 100%; }

#baguetteBox-overlay .full-image img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

#baguetteBox-overlay .full-image figcaption { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; color: #ccc; background-color: #000; background-color: rgba(0, 0, 0, 0.6); font-family: Verdana, Geneva, sans-serif; }

#baguetteBox-overlay .full-image:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }

#baguetteBox-slider { position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; -webkit-transition: left .4s ease,-webkit-transform .4s ease; transition: left .4s ease,-webkit-transform .4s ease; transition: left .4s ease,transform .4s ease; transition: left .4s ease,transform .4s ease,-webkit-transform .4s ease; }

#baguetteBox-slider.bounce-from-right { -webkit-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out; }

#baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out; }

.baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: calc(50% - 30px); width: 44px; height: 60px; }

.baguetteBox-button { position: absolute; cursor: pointer; outline: 0; padding: 0; margin: 0; border: 0; border-radius: 15%; background-color: #323232; background-color: rgba(50, 50, 50, 0.5); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color .4s ease; transition: background-color .4s ease; }

.baguetteBox-button:hover { background-color: rgba(50, 50, 50, 0.9); }

.baguetteBox-button#next-button { right: 2%; display: block !important; }

.baguetteBox-button#previous-button { left: 2%; display: block !important; }

.baguetteBox-button#close-button { top: 20px; right: 2%; right: calc(2% + 6px); width: 30px; height: 30px; }

.baguetteBox-button svg { position: absolute; left: 0; top: 0; }

.spinner { width: 40px; height: 40px; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; }

.double-bounce1, .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #fff; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out; }

.double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s; }

@-webkit-keyframes bounceFromRight { 0% { margin-left: 0; }
  50% { margin-left: -30px; }
  100% { margin-left: 0; } }

@keyframes bounceFromRight { 0% { margin-left: 0; }
  50% { margin-left: -30px; }
  100% { margin-left: 0; } }

@-webkit-keyframes bounceFromLeft { 0% { margin-left: 0; }
  50% { margin-left: 30px; }
  100% { margin-left: 0; } }

@keyframes bounceFromLeft { 0% { margin-left: 0; }
  50% { margin-left: 30px; }
  100% { margin-left: 0; } }

@-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0);
    transform: scale(0); }
  50% { -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes bounce { 0%, 100% { -webkit-transform: scale(0);
    transform: scale(0); }
  50% { -webkit-transform: scale(1);
    transform: scale(1); } }

html { font-size: 62.5%; height: 100%; background-color: #fff; }

body { -webkit-transition: 0.5s; transition: 0.5s; margin: 0 auto; font-size: 12px; font-size: 1.2rem; max-width: 1920px; position: relative; overflow-x: hidden; font-family: Verdana, Geneva, Tahoma, sans-serif; }

img { border: none; }

ul li { list-style-type: none; }

a, dd, dl, dt, form, img, li, p, span, table, td, tr, ul { margin: 0; padding: 0; list-style: none; color: #333; }

a { text-decoration: none; color: #333; outline: none; -webkit-transition: 0.3s; transition: 0.3s; }

h1 { margin: 0; padding: 0; font-weight: normal; color: #333; }

.clear { clear: both; }

.maln { margin-left: auto !important; }

input, textarea { font-size: 12px; font-size: 1.2rem; color: #333; border: none; outline: none; }

.l { float: left; }

.r { float: right; }

.fix { *zoom: 1; }

.fix:after, .fix:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; }

.wp { position: relative; }

.box { position: relative; }

.mln { margin-left: 0 !important; }

.mbn { margin-bottom: 0 !important; }

.mtn { margin-top: 0 !important; }

@media screen and (min-width: 1220px) { .wp { width: 1200px; margin: auto; } }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .wp { width: 980px; margin: auto; } }

@media screen and (max-width: 999px) { .wp { width: 95%; margin: auto; } }

::-webkit-input-placeholder { /* WebKit browsers */ color: #666; font-size: 16px; font-size: 1.6rem; font-family: Verdana, Geneva, Tahoma, sans-serif; }

:-o-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666; font-size: 16px; font-size: 1.6rem; font-family: Verdana, Geneva, Tahoma, sans-serif; }

::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666; font-size: 16px; font-size: 1.6rem; font-family: Verdana, Geneva, Tahoma, sans-serif; }

:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #666; font-size: 16px; font-size: 1.6rem; font-family: Verdana, Geneva, Tahoma, sans-serif; }

/*.container22*/
.container22 { width: 5px; height: 100%; position: absolute; right: 0; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999999999999; cursor: pointer; position: fixed; top: 0; right: 0; display: block; }

.container22 .nav { width: 250px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; display: block; height: auto; }

.container22 .nav > ul { display: none; margin-top: 10px; margin-bottom: 20px; }

.container22 .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; text-indent: 20px; position: relative; }

.container22 .nav > ul > li .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url("../images/shizi.png") no-repeat center center; background-size: 100% 100%; }

.container22 .nav > ul > li .addition.fa:before { margin-right: 5px; color: #fff; text-indent: 0; }

.container22 .nav > ul > li > a { color: #fff; font-size: 12px; font-size: 1.2rem; display: block; }

.container22 .nav > ul > li .c-show { display: none; width: 100%; }

.container22 .nav > ul > li .c-show .c-s1 { position: relative; }

.container22 .nav > ul > li .c-show .c-s1 > a { text-indent: 20px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }

.container22 .nav > ul > li .c-show .c-s1 .c-s2 { display: none; }

.container22 .nav > ul > li .c-show .c-s1 .c-s2 a { text-indent: 30px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }

.container22 .menubtn { width: 35px; height: 30px; position: absolute; top: 10px; right: 15px; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }

.container22 .menubtn span { display: block; width: 100%; height: 5px; margin-bottom: 5px; background-color: #007C36; }

@media screen and (min-width: 768px) { .container22, .nav { display: none; } }

.head {width: 100%; top: 0; left: 0; z-index: 99999; padding-top: 0; padding-bottom: 0; background: #007C36}

.head .hd-top { padding-top: 11px; padding-bottom: 8px; }

.head .hd-top .h-1 { float: left; margin-left:600px }

.head .hd-top .h-1 a { display: block; padding-left: 27px; background: url("../images/h-mail.png") no-repeat left center; color: #fff; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 14px; font-size: 1.4rem; }

.head .hd-top .h-1 a:hover { color: #007C36; }

.head .hd-top .h-2 { margin-left: 45px; float: left; padding-left: 20px; background: url("../images/h-tel.png") no-repeat left center; color: #fff; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 14px; font-size: 1.4rem; }

.head .hd-top .h-3 { margin-left: 85px; float: left; color: #999; font-size: 14px; font-size: 1.4rem; }

.head .hd-top .h-4 { float: right; }

.head .hd-top .h-4 .y-c { margin-left: 8px; }

.head .hd-bot { width: 100%; -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); margin-top: 0; background-color: #FFF; }

.head .hd-bot .logo { margin-left: 34px; margin-top: 27px; float: left; }

.head .hd-bot .logo a { display: block; }

.head .hd-bot .logo a img { display: block; max-width: 100%; }

.head .hd-bot .wp > ul { float: right; margin-right: 53px; }

.head .hd-bot .wp > ul > li { position: relative; float: left; margin-left: 20px; }

.head .hd-bot .wp > ul > li > a { padding: 35px 5px; display: block; font-size: 18px;  color: #333; font-weight: bold; font-family: Calibri; text-transform: uppercase; line-height: 20px; }

 

.head .hd-bot .wp > ul > li .divshow { border-top: 2px solid #999999; position: absolute; top: 100%; left: 0%; z-index: 999; margin-left: 0px; display: none; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; }

.head .hd-bot .wp > ul > li .divshow .show1 { border-bottom: 1px solid #ededed; width: 258px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding-left: 8px; -webkit-transition: 0.3s; transition: 0.3s; padding-right: 6px; }

.head .hd-bot .wp > ul > li .divshow .show1 > a { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 9px; padding-bottom: 9px; display: block; color: #333; padding-left: 12px; padding-right: 15px; line-height: 20px; font-size: 14px; font-size: 1.4rem; }

.head .hd-bot .wp > ul > li .divshow .show1 dl { border-top: 1px solid #999999; position: absolute; left: 100%; top: -1px; display: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

.head .hd-bot .wp > ul > li .divshow .show1 dl dd { border-bottom: 1px solid #ededed; background: #fff; width: 258px; padding-left: 8px; padding-right: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.3s; transition: 0.3s; }

.head .hd-bot .wp > ul > li .divshow .show1 dl dd a { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 9px; padding-bottom: 9px; display: block; color: #333; padding-left: 12px; padding-right: 15px; line-height: 20px; font-size: 14px; font-size: 1.4rem; }


.head .hd-bot .wp > ul > li .divshow .show1 dl dd:hover { background-color: #007C36; }

.head .hd-bot .wp > ul > li .divshow .show1 dl dd:hover > a { color: #fff; }

.head .hd-bot .wp > ul > li .divshow .show1 dl dd:last-child a { border-bottom: 0; }

.head .hd-bot .wp > ul > li .divshow .show1:hover { background-color: #007C36; }

.head .hd-bot .wp > ul > li .divshow .show1:hover > a { color: #fff; }

.head .hd-bot .wp > ul > li .divshow .show1:hover dl { display: block; }

.head .hd-bot .wp > ul > li .divshow .show1:last-child > a { border-bottom: 0; }

.head .hd-bot .wp > ul > li .divshow:hover > a { color: #fff; }

.head .hd-bot .wp > ul > li:hover .divshow { display: block; }

.head .hd-bot .wp > ul > li .divshow_p { border-top: 2px solid #999999; position: absolute; top: 100%; left: -22px; z-index: 999; margin-left: 0px; display: none; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; }

.head .hd-bot .wp > ul > li .divshow_p .show1 { background: url(../images/bg.png) no-repeat bottom left; width: 230px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding-left: 8px; padding-right: 6px; }

.head .hd-bot .wp > ul > li .divshow_p .show1 > a {  -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 9px; padding-bottom: 9px; display: block; color: #333; padding-left: 12px; margin-right: 2px; line-height: 20px; font-size: 14px; font-size: 1.4rem; }

.head .hd-bot .wp > ul > li .divshow_p .show1 dl { border-top: 1px solid #999999; position: absolute; width: 620px; left: 100%; top: -1px; display: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

.head .hd-bot .wp > ul > li .divshow_p .show1 dl dd { float: left; background: #fff; width: 300px; padding: 5px 6px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.3s; transition: 0.3s; }

.head .hd-bot .wp > ul > li .divshow_p .show1 dl dd a { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; color: #333; padding-left: 12px; padding-right: 15px; line-height: 20px; font-size: 14px; font-size: 1.4rem; }

.head .hd-bot .wp > ul > li .divshow_p .show1 dl dd a img { display: block; float: left; width: 38px; }

.head .hd-bot .wp > ul > li .divshow_p .show1 dl dd a:hover span { color: #007C36; }

.head .hd-bot .wp > ul > li .divshow_p .show1 dl dd a span { display: block; margin-left: 12px; width: 250px; line-height: 29px; }

.head .hd-bot .wp > ul > li .divshow_p .show1 dl dd:hover { background-color: #f3f3f3; }

.head .hd-bot .wp > ul > li .divshow_p .show1 dl dd:hover > a { color: #fff; }

.head .hd-bot .wp > ul > li .divshow_p .show1:hover { background: url(../images/hongse.png) no-repeat left center, url(../images/bg.png) no-repeat bottom left; }

.head .hd-bot .wp > ul > li .divshow_p .show1:hover > a { color: #fff; }

.head .hd-bot .wp > ul > li .divshow_p .show1:hover dl { display: block; }

.head .hd-bot .wp > ul > li .divshow_p:hover > a { color: #fff; }

.head .hd-bot .wp > ul > li:hover .divshow_p { display: block; }

.head .hd-bot .wp > ul li.on a { background-color: ; color: #333; }

.head .hd-bot .wp > ul li.li1 { margin-left: 0; }

.head .hd-bot .search { width: 24px; z-index: 99999; position: absolute; background: none; margin-top: 33px; right: 0; }

.head .hd-bot .search .sb-icon-search { color: #333; width: 24px; height: 24px; display: block; }

.head .hd-bot .search .sb-search-submit { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; color: transparent; border: none; outline: none; z-index: 99999; }

.head .hd-bot .search .sb-search { position: relative; width: 0; min-width: 24px; height: 24px; float: right; display: inline; overflow: hidden; -webkit-transition: width 0s; transition: width 0s; -webkit-backface-visibility: hidden; z-index: 99999; border-radius: 5px; border: 0 solid #fff; color: #333; }

.head .hd-bot .search .sb-search-input { position: absolute; top: 0; left: 0; outline: none; width: 236px; height: 24px; line-height: 24px; padding-left: 10px; border: none; margin: 0; z-index: 10; font-family: Verdana, Geneva, Tahoma, sans-serif; background: transparent; color: #333; }

.head .hd-bot .search .sb-icon-search, .head .hd-bot .search .sb-search-submit { width: 24px; height: 24px; display: block; position: absolute; right: 0; top: 0; padding: 0; margin: 0; cursor: pointer; background: url("../images/sousuo.png") no-repeat center; }

.head .hd-bot .search .no-js .sb-search, .head .hd-bot .search .sb-search.sb-search-open { width: 236px; height: 24px; line-height: 24px; position: relative; right: 0; top: 0; z-index: 9999999; background: #fff; color: #333; border: 1px solid #fb3c4e; }

.head .hd-bot .search .no-js .sb-search .sb-icon-search { position: absolute; background: #fff url("../images/sousuo.png") no-repeat center; z-index: 15; right: 0; top: 0; border: none !important; }

.head .hd-bot .search .no-js .sb-search .sb-search-submit { z-index: 9990; }

.nav3 { display: none; padding-top: 5px; padding-bottom: 5px; background-color: #007C36; position: relative; z-index: 2; }

.nav3 ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }

.nav3 ul li a { font-size: 12px; font-size: 1.2rem; font-family: Verdana, Geneva, Tahoma, sans-serif; color: #fff; border-bottom: 1px solid transparent; text-transform: uppercase; }

.nav3 ul li.on a { border-bottom: 1px solid #fff; }

@media screen and (max-width: 1219px) { .head .hd-bot .wp > ul > li .divshow_p .show1 dl dd { width: 240px; }
  .head .hd-top .h-2 { margin-left: 80px; }
  .head .hd-top .h-3 { margin-left: 0; }
  .head .hd-top .h-4 { position: relative; top: 0px; }
  .head .hd-bot .wp > ul > li { margin-left: 5.5px; } }

@media screen and (max-width: 999px) { .head .hd-bot .wp > ul > li { margin-left: 0px; }
  .head { position: static; }
  .head .hd-bot .wp > ul > li .divshow_p .show1 dl dd { float: none; width: 300px; } }

@media screen and (max-width: 979px) { .head .hd-bot .wp > ul > li > a { font-size: 12px; font-size: 1.2rem; padding: 35px 8px; text-transform: capitalize; }
  .head .hd-bot .wp > ul > li .divshow_p .show1 dl dd { width: 270px; } }

@media screen and (max-width: 768px) { .head .hd-bot .wp > ul { display: none; }
  .nav3 { display: block; }
  .head .hd-bot .logo { margin: 5px auto; float: none; width: 100px; }
  .head .hd-bot .search { top: 0; margin-top: 30px; }
  .head .hd-top .h-4 { top: 0px; margin-right: 45px; }
  .head .hd-top .h-2 { margin-left: 25px; }
  .head .hd-top .h-3 { display: none; } }

@media screen and (max-width: 639px) { .head .hd-top .h-1 { float: none; }
  .head .hd-top .h-2 { float: none; margin-left: 0; }
  .head .hd-top .h-4 { top: 0px; margin-right: 45px; } }

@media screen and (max-width: 430px) { .head .hd-top .h-1 { float: left; }
  .head .hd-top .h-1 a { width: 0; overflow: hidden; }
  .head .hd-top .h-2 { float: left; margin-left: 0; overflow: hidden; }
  .head .hd-top .h-3 { display: none; }
  .head .hd-top .h-4 { top: 0px; margin-right: 35px; }
  .container22 .menubtn { right: 0; }
  .head .hd-top .h-4 .y-c { margin-left: 0; } }

/*lun bo*/
.index_focus { position: relative; width: 100%; height: 650px; margin: 0 auto; overflow: hidden; z-index: 9; background:#F3F3F3 }

.index_focus .index_focusn { width: 1920px; position: absolute; left: 50%; top: 0; margin-left: -960px; height: 100%; z-index: 99; }

.index_focus .index_focusn .bd li { display: none; position: absolute; left: 0; top: 0; width: 1920px; z-index: 999; }

.index_focus .index_focusn .bd li .pic { height: auto; display: block; margin: 0 auto; }

.index_focus .index_focusn .bd li .pic:hover { text-decoration: none; }

.index_focus .index_focusn .slide_nav { position: absolute; bottom: 66px; left: 50%; margin-left: -64px; z-index: 9998; }

.index_focus .index_focusn .slide_nav a { width: 18px; height: 18px; cursor: pointer; float: left; margin-right: 4px; margin-left: 4px; background: url("../images/circle.png") no-repeat center center; }

.index_focus .index_focusn .slide_nav .on { background: url("../images/circleon.png") no-repeat center center; }

.index_focus .index_focus_post { z-index: 10; }

.index_focus .index_focus_next, .index_focus .index_focus_pre { display: block; position: absolute; top: 50%; margin-top: -6px; width: 70px; height: 70px; text-indent: 100%; white-space: nowrap; overflow: hidden; z-index: 9999; }

.index_focus .index_focus_pre { left: 10.4%; background: url("../images/baleft.png") no-repeat; }

.index_focus .index_focus_next { right: 10.4%; background: url("../images/baright.png") no-repeat; }

.index_focus1 { position: relative; width: 100%; height: 450px; margin: 0 auto; overflow: hidden; z-index: 9; }

.index_focus1 .index_focusn { width: 1920px; position: absolute; left: 50%; top: 0; margin-left: -960px; height: 100%; z-index: 99; }

.index_focus1 .index_focusn .bd li { display: none; position: absolute; left: 0; top: 0; width: 1920px; z-index: 999; }

.index_focus1 .index_focusn .bd li .pic { height: auto; display: block; margin: 0 auto; }

.index_focus1 .index_focusn .bd li .pic:hover { text-decoration: none; }

.index_focus1 .index_focusn .slide_nav { position: absolute; bottom: 9px; left: 50%; margin-left: -64px; z-index: 9998; }

.index_focus1 .index_focusn .slide_nav a { width: 18px; height: 18px; cursor: pointer; float: left; margin-right: 4px; margin-left: 4px; background: url("../images/circle.png") no-repeat center center; }

.index_focus1 .index_focusn .slide_nav .on { background: url("../images/circleon.png") no-repeat center center; }

.index_focus1 .index_focus_post { z-index: 10; }

.index_focus1 .index_focus_next, .index_focus1 .index_focus_pre { display: block; position: absolute; top: 50%; margin-top: -6px; width: 70px; height: 70px; text-indent: 100%; white-space: nowrap; overflow: hidden; z-index: 9999; }

.index_focus1 .index_focus_pre { left: 10.4%; background: url("../images/baleft.png") no-repeat; }

.index_focus1 .index_focus_next { right: 10.4%; background: url("../images/baright.png") no-repeat; }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .index_focus { height: 629px; }
  .index_focusn img { width: 80%; }
  .index_focus1 { height: 360px; }
  .index_focusn1 img { width: 80%; } }

@media screen and (min-width: 1000px) { .carousel, .clear2 { display: none; } }

@media screen and (max-width: 999px) { .index_focus { display: none; }
  .index_focus1 { display: none; }
  .carousel { width: 100%; position: relative; overflow: hidden; }
  .carousel ul { width: 100%; height: 100%; }
  .carousel ul li { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
  .carousel ul li img { width: 100%; vertical-align: middle; }
  .carousel ol { position: absolute; z-index: 2; width: 100px; height: 10px; bottom: 10px; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }
  .carousel ol li { float: left; width: 10px; height: 10px; margin-right: 10px; border-radius: 5px; background-color: #fff; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
  .carousel ol li.cur { width: 10px; background: #007C36; }
  .carousel ol li:last-child { margin: 0; } }

.main1 {   padding-top: 55px; padding-bottom: 59px; background-attachment: fixed; position: relative; z-index: 2; background: url(../images/ming.png)}

.main1 .title { background: url("../images/main1bg.png") no-repeat top center; margin-bottom: 14px; text-align: center; padding-top: 17px; margin-bottom: 31px; }


.main1 .title a { font-size: 32px; font-size: 3.2rem; color: #5f5e5e; font-style:italic; font-weight:600}

 

.main1 .title a:hover span { color: #5f5e5e; }

.main1 .title a span { -webkit-transition: 0.3s; transition: 0.3s; color: #007C36; }

.main1 .cont ul li { background-color: #fff; float: left; width: 280px; margin-left:15px;  margin-bottom: 40px}

.main1 .cont ul li .libox { box-shadow: 10px 10px 5px #888888; padding: 9px; }

.main1 .cont ul li .libox .litop a { display: block; }

.main1 .cont ul li .libox .litop a img { display: block; max-width: 100%; margin: 0 auto; }

.main1 .cont ul li .libox .limid { margin-top: 13px; margin-bottom: 14px; }

.main1 .cont ul li .libox .limid a { display: block; text-align: center; font-size: 16px; font-size: 1.6rem; font-weight: bold; font-family: Verdana, Geneva, Tahoma, sans-serif; color: #333; }

.main1 .cont ul li .libox .limid a:hover { color: #007C36; }

.main1 .cont ul li .libox .libot { padding-bottom: 5px; }

.main1 .cont ul li .libox .libot a { margin: 0 auto; display: block; text-align: center; text-transform: uppercase; width: 198px; height: 28px; line-height: 28px;  border-radius: 15px; font-size: 16px; font-size: 1.6rem; font-weight: bold; font-family: Verdana, Geneva, Tahoma, sans-serif; color: #666; background-color:#F5F5F5 }

.main1 .cont ul li .libox .libot a:hover { color: #fff; background-color: #007C36; }

@media screen and (max-width: 1219px) { .main1 { padding-top: 20px; padding-bottom: 20px; }
  .main1 .title { margin-bottom: 0; }
  .main1 ul li { width: 24% !important; margin: 15px 0.5% !important; } }

@media screen and (max-width: 979px) { .main1 .cont ul li .libox .libot a { width: 100%; max-width: 198px; } }

@media screen and (max-width: 768px) { .main1 .title { background: none; }
  .main1 .title a { font-size: 26px; font-size: 2.6rem; }
  .main1 ul li { width: 49% !important; margin: 15px 0.5% !important; }
  .main1 .cont ul li .libox .limid a { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 420px) { .main1 .cont ul li .libox .limid a { font-size: 12px; font-size: 1.2rem; }
  .main1 .cont ul li .libox .libot a { font-size: 14px; font-size: 1.4rem; } }

.main2 { background: url("../images/m2bg.jpg") no-repeat top center; padding-top: 71px; padding-bottom: 55px; position: relative; z-index: 2; }

.main2 .title { background: url("../images/main2bg.png") no-repeat top center; margin-bottom: 14px; text-align: center; padding-top: 17px; margin-bottom: 46px; }

.main2 .title a { font-size: 32px; font-size: 3.2rem; color: #fff; }

.main2 .title a:hover { color: #007C36; }

.main2 .title a:hover span { color: #007C36; }

.main2 .title a span { -webkit-transition: 0.3s; transition: 0.3s; color: #fff }

.main2 .cont .slideBox1 { width: 100%; overflow: hidden; position: relative; padding-bottom: 29px; }

.main2 .cont .slideBox1 .hd { height: 10px; overflow: hidden; position: absolute; right: 5px; bottom: 0; z-index: 1; width: 100%; }

.main2 .cont .slideBox1 .hd ul { overflow: hidden; zoom: 1; text-align: center; }

.main2 .cont .slideBox1 .hd ul li { margin: 0 5px; border-radius: 5px; width: 10px; height: 10px; background: #fff; cursor: pointer; color: #fff; display: inline-block; }

.main2 .cont .slideBox1 .hd ul li.on { background: #007C36; width: 20px; color: #007C36; }

.main2 .cont .slideBox1 .bd { position: relative; height: 100%; z-index: 0; }

.main2 .cont .slideBox1 .bd li { zoom: 1; vertical-align: middle; }

.main2 .cont .slideBox1 .bd li dl dd { float: left; width: 370px; margin-left: 22px;border: 4px solid #e1dbdb; }

.main2 .cont .slideBox1 .bd li dl dd .ddbox .ddtop { position: relative; overflow: hidden; }

.main2 .cont .slideBox1 .bd li dl dd .ddbox .ddtop .ddimg a { display: block; }

.main2 .cont .slideBox1 .bd li dl dd .ddbox .ddtop .ddimg a img { display: block; max-width: 100%; }

.main2 .cont .slideBox1 .bd li dl dd .ddbox .ddtop .ddzz { position: absolute; width: 100%; height: 100%; top: 100%; left: 0; -webkit-transition: 0.5s; transition: 0.5s; background: url("../images/m2zz.png") no-repeat center center; background-size: 100% 100%; }

.main2 .cont .slideBox1 .bd li dl dd .ddbox .ddtop .ddzz a { display: block; width: 100%; height: 100%; }

.main2 .cont .slideBox1 .bd li dl dd .ddbox .ddtop:hover .ddzz { top: 0; }

.main2 .cont .slideBox1 .bd li dl dd .ddbox .ddbot { color: #666;
    background-color: #F5F5F5;
    height: 40px;
    line-height: 40px; }

.main2 .cont .slideBox1 .bd li dl dd .ddbox .ddbot a { display: block; text-align: center; font-size: 16px; font-size: 1.6rem; color: #666; text-transform: uppercase; }

.main2 .cont .slideBox1 .bd li dl dd .ddbox .ddbot a:hover { color: #007C36; }

.main2 .cont .slideBox1 .bd img { width: 370px; height: 300px; display: block; border: 1px solid #cfcfcf; }

@media screen and (max-width: 1219px) { .main2 .cont .slideBox1 .bd li dl dd { width: 24%; margin-left: 1.3333%; } }

@media screen and (max-width: 979px) { .main2 { padding-top: 20px; padding-bottom: 20px; background: none; }
  .main2 .title a { color: #007C36; }
  .main2 .title a span { color: #007C36; }
  .main2 .cont .slideBox1 .bd li dl dd .ddbox .ddbot a { color: #007C36; }
  .main2 .title { margin-bottom: 20px; }
  .main2 .cont .slideBox1 .bd li dl dd { width: 49%; margin: 10px 0.5% !important; }
  .main2 .cont .slideBox1 .bd li dl dd .ddbox .ddtop .ddzz { display: none; }
  .main2 .cont .slideBox1 .bd li dl dd .ddbox .ddtop .ddimg a img { margin: 0 auto; }
  .main2 .cont .slideBox1 .hd ul li { background-color: #333; color: #333; } }

@media screen and (max-width: 768px) { .main2 .title a { font-size: 26px; font-size: 2.6rem; } }

@media screen and (max-width: 639px) { .main2 .title { background: none; }
  .main2 .cont .slideBox1 .bd img { max-width: 100%; max-height: 100%; height: auto; }
  .main2 .cont .slideBox1 .bd li dl dd .ddbox .ddbot a { font-size: 14px; font-size: 1.4rem; text-transform: capitalize; } }

.main3 { background: #fff url("../images/tou.png") no-repeat top center; padding-bottom: 39px;  position: relative; z-index: 2; }

.main3 .m3box .why { width: 435px; }

.main3 .m3box .why .title { background: url("../images/ltitle.png") no-repeat top center; text-align: left; margin-bottom: 32px; height: 48px; line-height: 48px; width: 314px; }

.main3 .m3box .why .title a { font-size: 32px; font-size: 3.2rem; color: #5f5e5e; font-weight:600}

.main3 .m3box .why .title a:hover { color: #007C36; }

.main3 .m3box .why .title a:hover span { color: #5f5e5e; }

.main3 .m3box .why .title a span { -webkit-transition: 0.3s; transition: 0.3s; color: #007C36; }

.main3 .m3box .why .cont dl dd { margin-bottom: 25px; }

.main3 .m3box .why .cont dl dd .ddtop { margin-bottom: 6px; padding-left: 24px; background: url("../images/jing.png") no-repeat left 5px; }

.main3 .m3box .why .cont dl dd .ddtop a { font-size: 18px; font-size: 1.8rem; font-weight: bold; color: #333; }

.main3 .m3box .why .cont dl dd .ddtop a:hover { color: #007C36; }

.main3 .m3box .why .cont dl dd .ddbot a { font-size: 14px; font-size: 1.4rem; color: #733c3c; line-height: 24px; display: block; }

.main3 .m3box .why .cont dl dd .ddbot a:hover { color: #007C36; }

.main3 .m3box .recent { width:1200px; }

.main3 .m3box .recent .title { background: url("../images/rtitle.png") no-repeat top left; text-align: left; margin-bottom: 37px; height: 48px; line-height: 48px; width: 530px; padding-left:20px }

.main3 .m3box .recent .title a { font-size: 32px; font-size: 3.2rem; color: #fff; }

 

.main3 .m3box .recent .title a:hover span { color: #fff; }

.main3 .m3box .recent .title a span { -webkit-transition: 0.3s; transition: 0.3s; color: #fff; }

.main3 .m3box .recent .img-scroll1 { position: relative; }

.main3 .m3box .recent .img-scroll1 .next1, .main3 .m3box .recent .img-scroll1 .prev1 { position: absolute; display: block; width: 88px; height: 48px; top: -85px; }

.main3 .m3box .recent .img-scroll1 .prev1 { z-index: 5; right: 75px; cursor: pointer; background: url("../images/arrowleft.png") no-repeat center; }

.main3 .m3box .recent .img-scroll1 .next1 { z-index: 5; right: 0; cursor: pointer; background: url("../images/arrowright.png") no-repeat center; }

.main3 .m3box .recent .img-scroll1 .prev1:hover { z-index: 6; background: url("../images/arrowlefton.png") no-repeat center; }

.main3 .m3box .recent .img-scroll1 .next1:hover { z-index: 6; background: url("../images/arrowrighton.png") no-repeat center; }

.main3 .m3box .recent .img-list1 { position: relative; width: 100%; overflow: hidden; margin: 0 auto; }

.main3 .m3box .recent .img-list1 ul { width: 9999px; padding-bottom: 5px; }

.main3 .m3box .recent .img-list1 ul li { -webkit-transition: 0.3s; transition: 0.3s; float: left; width: 290px; margin-right: 15.5px; overflow: hidden; }

.main3 .m3box .recent .img-list1 ul li .litop { position: relative; overflow: hidden; }

.main3 .m3box .recent .img-list1 ul li .litop .limg a { display: block; }

.main3 .m3box .recent .img-list1 ul li .litop .limg a img { display: block; max-width: 100%; }

.main3 .m3box .recent .img-list1 ul li .litop:hover .lizz { top: 0%; }

.main3 .m3box .recent .img-list1 ul li .litop .lizz { -webkit-transition: 0.5s; transition: 0.5s; position: absolute; width: 100%; height: 100%; top: -100%; left: 0; background: url("../images/m3rbg.png") repeat center center; }

.main3 .m3box .recent .img-list1 ul li .litop .lizz a { display: block; width: 100%; height: 100%; }

.main3 .m3box .recent .img-list1 ul li .litop .lizz a span { -webkit-transition: 0.5s; transition: 0.5s; display: block; width: 146px; height: 30px; line-height: 30px; border: 2px solid #fff; border-radius: 16px; margin: 0 auto; color: #fff; text-align: center; font-size: 14px; font-size: 1.4rem; font-weight: bold; text-transform: uppercase; position: relative; top: 50%; margin-top: -17px; }

.main3 .m3box .recent .img-list1 ul li .litop .lizz a span:hover { background-color: #fff; color: #007C36; }

.main3 .m3box .recent .img-list1 ul li .libot { border: 1px solid #c9c9c9; background-color: #fff; border-top: 0; padding: 11px 15px 17px; }

.main3 .m3box .recent .img-list1 ul li .libot a { display: block; font-size: 14px; font-size: 1.4rem; line-height: 26px; }

.main3 .m3box .recent .img-list1 ul li .libot a:hover { color: #007C36; }

.main3 .m3box .recent .img-list1 ul li .libot:hover { background-color: #eee; }

.main3 .m3box .recent .img-list1 ul li:hover { -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); }

@media screen and (max-width: 1219px) { .main3 .m3box .why .title a { font-size: 24px; font-size: 2.4rem; }
  .main3 .m3box .recent .title a { font-size: 24px; font-size: 2.4rem; }
  .main3 .m3box .why { width: 36%; }
  .main3 .m3box .recent { width: 58%; }
  .main3 .m3box .why .cont dl dd { margin-bottom: 10px; }
  .main3 .m3box .recent .img-list1 ul li { width: 276px; } }

@media screen and (max-width: 999px) { .main3 .m3box .recent .img-list1 ul li .litop .lizz { display: none; }
  .main3 .m3box .recent .img-list1 ul li { width: 262px; } }

@media screen and (max-width: 900px) { .main3 { padding-top: 30px; }
  .main3 .m3box .why .title { margin-bottom: 20px; }
  .main3 .m3box .why { width: 100%; }
  .main3 .m3box .recent { width: 100%; margin-top: 30px; }
  .main3 .m3box .recent .img-list1 ul { width: 1000%; }
  .main3 .m3box .recent .img-list1 ul li { width: 3.2%; margin-right: 0.2%; } }

@media screen and (max-width: 639px) { .main3 .m3box .recent .img-list1 ul li { width: 4.9%; margin-right: 0.2%; }
  .main3 .m3box .recent .title, .main3 .m3box .why .title { background: none; }
  .main3 .m3box .recent .img-scroll1 .next1, .main3 .m3box .recent .img-scroll1 .prev1 { top: -35px; width: 30px; height: 30px; }
  .main3 .m3box .recent .img-scroll1 .prev1 { right: 35px; }
  .main3 .m3box .recent .title { margin-bottom: 20px; width: 100%; max-width: 530px; line-height: 24px; } }

@media screen and (max-width: 350px) { .main3 .m3box .recent .img-list1 ul li { width: 10%; margin-right: 0%; } }

.main4 { padding-top: 46px; padding-bottom: 19px; margin-bottom: 80px; background: url(../images/m4bg.png) repeat center center; position: relative; z-index: 2; }

.main4 .m4box .lnews { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 26px; }

.main4 .m4box .lnews .title { position: relative; margin-bottom: 33px; }

.main4 .m4box .lnews .title .t1 a { font-size: 32px; font-size: 3.2rem; color: #5f5e5e; }

.main4 .m4box .lnews .title .t1 a:hover { color: #007C36; }

.main4 .m4box .lnews .title .t1 a:hover span { color: #5f5e5e; }

.main4 .m4box .lnews .title .t1 a span { -webkit-transition: 0.3s; transition: 0.3s; color: #007C36; }

.main4 .m4box .lnews .title .t2 { position: absolute; right: 0px; top: 0; }

.main4 .m4box .lnews .title .t2 a { border-radius: 14px; display: block; width: 62px; font-size: 14px; font-size: 1.4rem; height: 28px; line-height: 28px; text-align: center; background-color: #595656; color: #fff; text-transform: uppercase; }

.main4 .m4box .lnews .title .t2 a:hover { background-color: #007C36; }

.main4 .m4box .lnews .cont .slideBox2 { width: 100%; overflow: hidden; position: relative; padding-bottom: 35px; }

.main4 .m4box .lnews .cont .slideBox2 .hd { height: 10px; overflow: hidden; position: absolute; right: 5px; bottom: 0; z-index: 1; width: 100%; }

.main4 .m4box .lnews .cont .slideBox2 .hd ul { overflow: hidden; zoom: 1; text-align: center; }

.main4 .m4box .lnews .cont .slideBox2 .hd ul li { margin: 0 5px; border-radius: 5px; width: 10px; height: 10px; background: #a9a9a9; cursor: pointer; color: #a9a9a9; display: inline-block; }

.main4 .m4box .lnews .cont .slideBox2 .hd ul li.on { background: #007C36; width: 20px; color: #007C36; }

.main4 .m4box .lnews .cont .slideBox2 .bd { position: relative; height: 100%; z-index: 0; }

.main4 .m4box .lnews .cont .slideBox2 .bd li { zoom: 1; vertical-align: middle; }

.main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li1 { padding-bottom: 15px; border-bottom: 1px solid #959595; }

.main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li1 .limg { width: 230px; }

.main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li1 .limg a { display: block; }

.main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li1 .limg a img { display: block; max-width: 100%; }

.main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li1 .rtxt { margin-left: 20px; width: 323px; }

.main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li1 .rtxt .m4-1 { width: 245px; margin-top: -4px; }

.main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li1 .rtxt .m4-1 a { color: #333333; display: block; font-size: 14px; font-size: 1.4rem; font-weight: bold; line-height: 24px; }

.main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li1 .rtxt .m4-1 a:hover { color: #007C36; }

.main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li1 .rtxt .m4-2 { margin-top: 11px; }

.main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li1 .rtxt .m4-2 span { color: #555; padding-left: 20px; background: url(../images/index-rili.png) no-repeat left center; display: block; font-size: 14px; font-size: 1.4rem; line-height: 24px; }

.main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li1 .rtxt .m4-3 { width: 303px; margin-top: 4px; }

.main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li1 .rtxt .m4-3 a { color: #444444; display: block; font-size: 14px; font-size: 1.4rem; line-height: 26px; }

.main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li1 .rtxt .m4-3 a:hover { color: #007C36; }

.main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li2 { margin-top: 23px; }

.main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li2 .lriqi { padding-top: 14px; width: 100px; }

.main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li2 .lriqi .sp1 { margin-top: -2px; margin-left: 6px; margin-right: 12px; font-size: 36px; font-size: 3.6rem; color: #333; }

.main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li2 .lriqi .sp2 .sp2top { font-size: 14px; font-size: 1.4rem; color: #777; text-align: center; font-family: Verdana, Geneva, Tahoma, sans-serif; padding-bottom: 6px;   }

.main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li2 .lriqi .sp2 .sp2bot { text-align: center; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 14px; font-size: 1.4rem; color: #777; }

.main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li2 .rtxt { width: 405px; margin-left: 22px; }

.main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li2 .rtxt .m4-1 { margin-top: 0px; }

.main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li2 .rtxt .m4-1 a { font-size: 14px; font-size: 1.4rem; line-height: 24px;  font-weight: bold; }

.main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li2 .rtxt .m4-1 a:hover { color: #007C36; }

.main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li2 .rtxt .m4-2 { margin-top: 6px; }

.main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li2 .rtxt .m4-2 a { font-size: 14px; font-size: 1.4rem; line-height: 26px;   }

.main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li2 .rtxt .m4-2 a:hover { color: #007C36; }

.main4 .m4box .rabout { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 26px; }

.main4 .m4box .rabout .rab-1 { margin-top: -25px; }

.main4 .m4box .rabout .rab-1 a { display: block; }

.main4 .m4box .rabout .rab-1 a img { display: block; max-width: 100%; border: 4px solid #b5b5b5; }

.main4 .m4box .rabout .rab-2 { margin-top: 11px; }

.main4 .m4box .rabout .rab-2 a { font-size: 32px; font-size: 3.2rem; color: #5f5e5e; }

.main4 .m4box .rabout .rab-2 a:hover { color: #007C36; }

.main4 .m4box .rabout .rab-2 a:hover span { color: #5f5e5e; }

.main4 .m4box .rabout .rab-2 a span { -webkit-transition: 0.3s; transition: 0.3s; color: #007C36; }

.main4 .m4box .rabout .rab-3 { margin-top: 1px; width: 148px; height: 3px; background-color: #bfbfbf; }

.main4 .m4box .rabout .rab-4 { margin-top: 13px; }

.main4 .m4box .rabout .rab-4 a { font-size: 14px; font-size: 1.4rem; line-height: 24px; color: #333; display: block; }

.main4 .m4box .rabout .rab-4 a:hover { color: #007C36; }

@media screen and (max-width: 1219px) { .main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li1 .rtxt { width: 190px; }
  .main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li2 .rtxt { width: 330px; }
  .main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li1 .rtxt .m4-1 { width: 100%; }
  .main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li1 .rtxt .m4-3 { width: 100%; } }

@media screen and (max-width: 999px) { .main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li2 .rtxt { width: 300px; } }

@media screen and (max-width: 979px) { .main4 { background: #e6e6e6; }
  .main4 .m4box .lnews { width: 100%; margin-right: 0; }
  .main4 .m4box .rabout { width: 100%; padding-left: 0; margin-top: 50px; }
  .main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li1 .rtxt { width: calc(100% - 250px); }
  .main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li2 .rtxt { width: calc(100% - 150px); } }

@media screen and (max-width: 639px) { .main4 { margin-bottom: 30px; }
  .main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li1 .rtxt { width: 100%; margin-left: 0; margin-top: 20px; }
  .main4 .m4box .lnews .cont .slideBox2 .bd li .ul1 .li2 .rtxt { width: 100%; margin-left: 0; margin-top: 20px; }
  .main4 .m4box .lnews .title .t2 { display: none; }
  .main4 .m4box .rabout .rab-1 a img { width: calc(100% - 8px); max-width: calc(100% - 8px); } }

.foot.foot1{position: static;}

.foot { background: url(../images/ftbg.jpg) no-repeat top center; padding-top: 33px; padding-bottom: 9px;  width: 100%; bottom: 0; left: 0; z-index: 0; border-top: 8px solid #FCC506;}

.foot .ft { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; }

.foot .ft .title { text-transform: uppercase; margin-bottom: 14px; border-bottom: 1px solid #999c9f; padding-bottom: 22px; font-size: 20px; font-size: 2.0rem; line-height: 20px; color: #fff; font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight: bold; }

.foot .ft .title a { font-size: 20px; font-size: 2.0rem; line-height: 20px; color: #fff; font-family: Verdana, Geneva, Tahoma, sans-serif; }

.foot .ft .title a:hover { color: #007C36; }

.foot .ft ol { margin-bottom: 17px; }

.foot .ft ol li { float: left; margin-left: 20px; }

.foot .ft ol li a { display: block; }

.foot .ft ol li a img { display: block; max-width: 100%; }

.foot .ft ol li:first-child { margin-left: 0; }

.foot .ft ul li { font-size: 14px; font-size: 1.4rem; line-height: 30px; padding-left: 24px; color: #FFF; }

.foot .ft ul li a { font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #fff; }

.foot .ft ul li a:hover { color: #007C36; }

.foot .ft ul .li1 { background: url(../images/ft3-1.png) no-repeat left center; }

.foot .ft ul .li2 { background: url(../images/ft3-2.png) no-repeat left center; }

.foot .ft ul .li3 { background: url(../images/ft3-3.png) no-repeat left center; }

.foot .ft ul .li4 { background: url(../images/ft3-4.png) no-repeat left center; }

.foot .ft dl dd { font-size: 14px; font-size: 1.4rem; font-family: Verdana, Geneva, Tahoma, sans-serif; color: #fff; line-height: 30px; padding-left: 12px; background: url(../images/baidian.png) no-repeat left 14px; }

.foot .ft dl dd a { font-size: 14px; font-size: 1.4rem; font-family: #007C36; color: #fff; line-height: 30px; }

.foot .ft dl dd a:hover { color: #007C36; }

.foot .ft .cont { padding-top: 12px; }

.foot .ft .cont p { font-size: 14px; font-size: 1.4rem; font-family: #007C36; color: #fff; line-height: 30px; }

.foot .ft .cont p a { font-size: 14px; font-size: 1.4rem; font-family: Verdana, Geneva, Tahoma, sans-serif; color: #fff; line-height: 30px; }

.foot .ft .cont p a:hover { color: #007C36; }

.foot .ft1 { width: 243px; margin-left: 0; text-align:center }

.foot .ft1 a { display: block; }

.foot .ft1 a img { display: block; max-width: 100%; margin: 0 auto 30px; }

.foot .ft1 .ft-logo { margin-top: 27px; margin-bottom: 63px; }

.foot .ft1 .ft-xiazai { width: 243px; height: 39px; line-height: 39px; border-radius: 5px; text-indent: 40px; background: #8b262a url(../images/ft-xiazai.png) no-repeat 10px center; color: #fff; font-weight: bold; font-style: italic; font-size: 14px; font-size: 1.4rem; text-transform: uppercase; }

.foot .ft2 { width: 230px; margin-left: 95px; }

.foot .ft3 { float: left; width: 350px; }

.foot .ft4 { float: left; width: 282px; }

.foot .cnzz { margin-left: 8px; }

.foot .wp1 { border-top: 1px solid #95999c; margin-top: 7px; }

.foot .wp2 { border-top: 1px solid #95999c; margin-top: 7px; padding-bottom: 30px; }

.links { margin-top: 6px; font-size: 14px; font-size: 1.4rem; color: #fff; text-align: left; line-height: 24px; }

.links a { font-size: 14px; font-size: 1.4rem; color: #fff; margin-left: 15px; text-align: left; line-height: 24px; }

.links a:hover { color: #007C36; }

@media screen and (max-width: 1219px) { .foot .ft2 { margin-left: 40px; width: 185px; }
  .foot .ft3 { width: 312px; }
  .foot .ft4 { width: 200px; }
  .foot .ft ol li { margin-left: 4px; } }

@media screen and (max-width: 999px) { .foot { background: #333a40; }
  .foot .ft { width: 50% !important; margin-left: 0 !important; margin-bottom: 30px; }
  .foot .ft1 .ft-xiazai { width: 100%; max-width: 243px; margin: 0 auto; } }

@media screen and (max-width: 639px) { .links { display: none; }
  .foot .ft { width: 100% !important; } }

.bread .wp { border-bottom: 1px solid #dbdbdb; padding-top: 10px; padding-bottom: 8px; margin-bottom: 40px; font-size: 16px; font-size: 1.6rem; color: #333; font-family: Verdana, Geneva, Tahoma, sans-serif; }

.bread .wp a { font-size: 16px; font-size: 1.6rem; color: #333; font-family: #007C36; }

.bread .wp a:hover { color: #007C36; }

.bread .wp .a1 { padding-left: 18px; background: url(../images/fangzi.jpg) no-repeat left center; }

.bread .wp .a2 { color: #007C36; }

.product1 { padding-bottom: 0px; padding-top: 0px; }

.product1 .xiangqing .goods { width: 797px;min-height:600px }

.product1 .xiangqing .goods .box1 { width: 100%; }

.product1 .xiangqing .goods .box1 form ul { margin-top: -43px; }

.product1 .xiangqing .goods .box1 form ul li { margin-top: 43px; float: left; width: 250px; margin-right:10px !important; }

.product1 .xiangqing .goods .box1 form ul li .libox { position: relative; overflow: hidden; }

.product1 .xiangqing .goods .box1 form ul li .libox input { position: absolute; top: 10px; left: 10px; z-index: 999; }

.product1 .xiangqing .goods .box1 form ul li .libox .litop a { width: 238px; border: 1px solid #c9c9c9; position: relative; display: block; overflow: hidden; }

.product1 .xiangqing .goods .box1 form ul li .libox .litop a img { display: block; max-width: 100%; }

.product1 .xiangqing .goods .box1 form ul li .libox .litop a .przz { -webkit-transition: 0.3s; transition: 0.3s; position: absolute; top: -100%; left: 0; width: 100%; height: 100%; background: url(../images/p-zz.png) no-repeat center center; }

.product1 .xiangqing .goods .box1 form ul li .libox .litop a:hover .przz { top: 0; }

.product1 .xiangqing .goods .box1 form ul li .libox .limid { position: static; width: 100%; height: 41px; line-height: 38px; overflow: hidden; }

.product1 .xiangqing .goods .box1 form ul li .libox .limid a { font-size: 16px; font-size: 1.6rem; color: #333; display: block; text-align: center; font-family: Verdana, Geneva, Tahoma, sans-serif; }

.product1 .xiangqing .goods .box1 form ul li .libox .limid a:hover { color: #007C36; }

.product1 .xiangqing .goods .box1 form ul li .libox .libot { position: static; width: 100%; height: 34px; line-height: 34px; }

.product1 .xiangqing .goods .box1 form ul li .libox .libot a { width: 158px; margin: 0 auto; height: 32px; line-height: 32px; border-radius: 5px; font-weight: bold; font-size: 14px; font-size: 1.4rem; color: #fff; background:#FAC507; display: block; text-align: center; text-transform: uppercase; font-family: Verdana, Geneva, Tahoma, sans-serif; }

.product1 .xiangqing .goods .box1 form ul li .libox .libot a:hover { color: #fff; background-color: #007C36; border: 1px solid #007C36; }

.product1 .xiangqing .list { margin-top: 0; width: 329px; }

.product1 .xiangqing .list .title1 { height: 74px; line-height: 59px; text-align: center; background: url(../images/listbg.png) no-repeat top center; }

.product1 .xiangqing .list .title1 a { text-transform: uppercase; color: #fff; font-size: 30px; font-size: 3rem; font-weight: bold; }

.product1 .xiangqing .list .title1 a:hover { color: #ccc; }

.product1 .xiangqing .list .subNavBox { width: 100%; }

.product1 .xiangqing .list .subNavBox .subNav { cursor: pointer; background: #fff; margin-top: 10px; }

.product1 .xiangqing .list .subNavBox .subNav a { display: block; line-height: 30px; padding: 9px 25px 9px 25px; background: #FAC507 url(../images/parrow.png) no-repeat 97% 17px; font-size: 16px; font-size: 1.6rem; color: #fff; font-weight: bold; -webkit-transition: 0s; transition: 0s; }

.product1 .xiangqing .list .subNavBox .subNav:hover a { background:#FAC507  url(../images/parrowon.png) no-repeat 97% 17px; color: #666666; }

.product1 .xiangqing .list .subNavBox .currentDd a { background: #007C36 url(../images/parrowon.png) no-repeat 97% 17px; color: #fff; }

.product1 .xiangqing .list .subNavBox ul.navContent { margin-bottom: 0; background-color: #f4f4f4; padding-top: 5px; padding-bottom: 0px; display: none; position: relative; top: 0; }

.product1 .xiangqing .list .subNavBox ul.navContent li { border-bottom: 1px solid #e2e2e2; }

.product1 .xiangqing .list .subNavBox ul.navContent li a { display: block; font-size: 16px; font-size: 1.6rem; line-height: 30px; padding: 9px 10px 8px 44px; background: url(../images/quan.png) no-repeat 26px center; color: #666; font-weight: bold; }

.product1 .xiangqing .list .subNavBox ul.navContent li a:hover { color: #007C36; background: url(../images/dian.png) no-repeat 26px center; }

.product1 .xiangqing .list .title2 { margin-top: 38px; margin-bottom: 11px; height: 46px; line-height: 46px; text-align: left; font-size: 22px; font-size: 2.2rem; border-bottom: 2px solid #007C36; }

.product1 .xiangqing .list .title2 a { color: #007C36; }

.product1 .xiangqing .list dl dd { font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-bottom: 13px; border-bottom: 1px solid #ccc; padding-bottom: 6px; }

.product1 .xiangqing .list dl dd a { font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #333; display: block; }

.product1 .xiangqing .list dl dd a:hover { color: #007C36; }

.product2 .goods1 { width: 795px; }

.product2 .goods1 .p-kuang { width: 362px; }

.product2 .goods1 #tsShopContainer li, .product2 .goods1 #tsShopContainer img { vertical-align: top; }

.product2 .goods1 #tsShopContainer { position: relative; float: left; margin-top: 0px; width: 362px; }

.product2 .goods1 #tsShopContainer #tsImgS { text-align: center; width: 100%; position: relative; }

.product2 .goods1 #tsShopContainer #tsImgS a { display: block; text-align: center; margin: 0px auto; }

.product2 .goods1 #tsShopContainer #tsImgS img { border: 1px solid #c9c9c9; }

.product2 .goods1 #tsShopContainer #tsPicContainer { width: 100%; position: relative; height: 78px; margin-top: 10px; }

.product2 .goods1 #tsShopContainer #tsPicContainer #tsImgSArrL { width: 7px; position: absolute; top: 0px; left: 0px; cursor: pointer; height: 78px; background: url(../images/prleft.png) no-repeat left center; }

.product2 .goods1 #tsShopContainer #tsPicContainer #tsImgSArrR { width: 7px; position: absolute; top: 0px; right: 0px; cursor: pointer; height: 78px; background: url(../images/prright.png) no-repeat right center; }

.product2 .goods1 #tsShopContainer #tsPicContainer #tsImgSArrL:hover { background: url(../images/prlefth.png) no-repeat left center; }

.product2 .goods1 #tsShopContainer #tsPicContainer #tsImgSArrR:hover { background: url(../images/prrighth.png) no-repeat right center; }

.product2 .goods1 #tsShopContainer #tsPicContainer #tsImgSCon { position: absolute; top: 1px; width: 1px; overflow: hidden; left: 13px; height: 78px; }

.product2 .goods1 #tsShopContainer #tsPicContainer #tsImgSCon ul { width: 100%; overflow: hidden; }

.product2 .goods1 #tsShopContainer #tsPicContainer #tsImgSCon li { width: 100px; float: left; cursor: pointer; margin-left: 0px; margin-bottom: 0; padding: 0 6px; }

.product2 .goods1 #tsShopContainer #tsPicContainer #tsImgSCon li a { display: block; width: 100px; }

.product2 .goods1 #tsShopContainer #tsPicContainer #tsImgSCon li img { display: block; width: 98px; border: 1px solid #c9c9c9; height: 76px; }

.product2 .goods1 .MagicZoomBigImageCont { border: 1px solid #ccc; background: #FFF; }

.product2 .goods1 .MagicZoomPup { border: 0px solid #aaa; background: #ffffff; }

.product2 .goods1 .MagicZoomMain { text-align: center !important; width: 92px; }

.product2 .goods1 .MagicZoomBigImageCont img { display: block; height: 556px !important; width: 720px !important; }

.product2 .goods1 .img980 { display: none; }

.product2 .goods1 .img980 ul li { width: 48%; margin: 1%; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #c9c9c9; }

.product2 .goods1 .img980 ul li a { display: block; width: 100%; }

.product2 .goods1 .img980 ul li a img { display: block; width: 100%; }

.product2 .goods1 .content { width: 390px; }

.product2 .goods1 .content .title { padding-top: 0; margin-top: 0px; margin-bottom: 15px; }

.product2 .goods1 .content .title h1 { margin-top: -3px; font-size: 24px; font-size: 2.4rem; color: #333; padding-left: 10px; background: url(../images/h1bg.png) no-repeat left top; }

.product2 .goods1 .content ul li { padding-left: 12px; font-size: 14px; font-size: 1.4rem; line-height: 24px; color: #666; }

.product2 .goods1 .content .btn { width: 350px; margin-top: 36px; margin-bottom: 33px; text-align: center; }

.product2 .goods1 .content .btn a { display: inline-block; font-size: 14px; font-size: 1.4rem; color: #666; width: 158px; height: 32px; line-height: 30px; text-align: center; border: 1px solid #666666; text-transform: uppercase; font-weight: bold; border-radius: 5px; }

.product2 .goods1 .content .btn a:hover { color: #fff; background-color: #007C36; border: 1px solid #007C36; }

.product2 .goods1 .content .btn .btn2 { margin-left: 38px; margin-right: 38px; }

.product2 .goods1 .content .btn .btn3 { background: #b4b4b4 url("../images/btn3bg.png") no-repeat 30px center; text-indent: 28px; }

.product2 .goods1 .content .btn .btn3:hover { background: #007C36 url(../images/btn3bg.png) no-repeat 30px center; }

.product2 .goods1 .share1 { width: 234px; margin-top: 26px; }

.product2 .goods1 .share1 .span { font-size: 14px; font-size: 1.4rem; color: #333; height: 26px; line-height: 26px; }

.product2 .goods1 .at-resp-share-element .at-icon { width: 26px !important; height: 26px !important; }

.product2 .goods1 .at-style-responsive .at-share-btn { padding: 0 !important; border-radius: 2px !important; }

.product2 .goods1 .at-resp-share-element .at-share-btn .at-icon-wrapper { width: 26px !important; height: 26px !important; }

.product2 .goods1 .at-resp-share-element .at-share-btn { margin-bottom: 0 !important; margin-right: 3px !important; }

.product2 .goods1 .protitle1 { background: url("../images/protitle1.png") no-repeat left bottom; width: 100%; margin-bottom: 11px; margin-top: 48px; }

.product2 .goods1 .protitle1 a { padding-bottom: 9px; padding-top: 9px; line-height: 30px; font-size: 24px; font-size: 2.4rem; color: #007C36; display: block; font-weight: bold; text-transform: uppercase; }

.product2 .goods1 .protitle1 a span { font-weight: bold; text-transform: uppercase; font-size: 24px; font-size: 2.4rem; color: #333333; }

.product2 .goods1 .protitle4 { background: url("../images/protitle4.png") no-repeat left bottom; width: 100%; margin-bottom: 11px; margin-top: 48px; }

.product2 .goods1 .protitle4 a { padding-bottom: 9px; padding-top: 9px; line-height: 30px; font-size: 24px; font-size: 2.4rem; color: #007C36; display: block; font-weight: bold; text-transform: uppercase; }

.product2 .goods1 .protitle4 a span { font-weight: bold; text-transform: uppercase; font-size: 24px; font-size: 2.4rem; color: #333333; }

.product2 .goods1 .wenzi p { line-height: 32px; font-size: 14px; font-size: 1.4rem; color: #333333; margin-bottom: 32px; }

.product2 .goods1 .wenzi p img { display: block; max-width: 100%; }

.product2 .goods1 .wenzi span { line-height: 32px; font-size: 14px; font-size: 1.4rem; color: #333333; }

.product2 .goods1 .wenzi b { line-height: 32px; font-size: 14px; font-size: 1.4rem; color: #007C36; }

.product2 .goods1 .wenzi a { line-height: 32px; font-size: 14px; font-size: 1.4rem; color: #007C36; }

.product2 .goods1 .wenzi img { display: block; max-width: 100%; }

.product2 .goods1 .wenzi table { width: 97%; border-collapse: collapse; line-height: 24px; margin-bottom: 30px; }

.product2 .goods1 .wenzi table tr td { line-height: 24px; padding: 2px; border: 1px solid #ccc; white-space: nowrap; }

.product2 .goods1 .wenzi table tr:nth-child(1) { background-color: #7c7c7c; }

.product2 .goods1 ul.rel-pro { margin-bottom: 78px; }

.product2 .goods1 ul.rel-pro li { margin-top: 32px; float: left; width: 180px; margin-left: 25px; }

.product2 .goods1 ul.rel-pro li .libox { position: relative; overflow: hidden; }

.product2 .goods1 ul.rel-pro li .libox .litop a { width: 178px; border: 1px solid #c9c9c9; position: relative; display: block; overflow: hidden; }

.product2 .goods1 ul.rel-pro li .libox .litop a img { display: block; max-width: 100%; }

.product2 .goods1 ul.rel-pro li .libox .litop a .przz { -webkit-transition: 0.3s; transition: 0.3s; position: absolute; top: -100%; left: 0; width: 100%; height: 100%; background: url(../images/p-zz1.png) no-repeat center center; }

.product2 .goods1 ul.rel-pro li .libox .litop a:hover .przz { top: 0; }

.product2 .goods1 ul.rel-pro li .libox .limid { position: static; width: 100%; height: 41px; line-height: 38px; overflow: hidden; }

.product2 .goods1 ul.rel-pro li .libox .limid a { font-size: 14px; font-size: 1.4rem; color: #333; display: block; text-align: center; font-family: Verdana, Geneva, Tahoma, sans-serif; }

.product2 .goods1 ul.rel-pro li .libox .limid a:hover { color: #007C36; }

.product2 .goods1 ul.rel-pro li .libox .libot { position: static; width: 100%; height: 34px; line-height: 34px; }

.product2 .goods1 ul.rel-pro li .libox .libot a { width: 148px; margin: 0 auto; height: 30px; line-height: 30px; border-radius: 5px; border: 1px solid #666666; font-weight: bold; font-size: 14px; font-size: 1.4rem; color: #666; display: block; text-align: center; text-transform: uppercase; font-family: Verdana, Geneva, Tahoma, sans-serif; }

.product2 .goods1 ul.rel-pro li .libox .libot a:hover { color: #fff; background-color: #007C36; border: 1px solid #007C36; }

.product2 .list { margin-top: 0; width: 329px; }

.product2 .list .title1 { height: 74px; line-height: 59px; text-align: center; background: url(../images/listbg.png) no-repeat top center; }

.product2 .list .title1 a { text-transform: uppercase; color: #fff; font-size: 30px; font-size: 3rem; font-weight: bold; }

.product2 .list .title1 a:hover { color: #007C36; }

.product2 .list .subNavBox { width: 100%; }

.product2 .list .subNavBox .subNav { cursor: pointer; background: #fff; margin-top: 10px; }

.product2 .list .subNavBox .subNav a { display: block; line-height: 30px; padding: 9px 25px 9px 25px; background: #7c7c7c url(../images/parrow.png) no-repeat 97% 17px; font-size: 16px; font-size: 1.6rem; color: #fff; font-weight: bold; -webkit-transition: 0s; transition: 0s; }

.product2 .list .subNavBox .subNav:hover a { background: #007C36 url(../images/parrowon.png) no-repeat 97% 17px; color: #fff; }

.product2 .list .subNavBox .currentDd a { background: #007C36 url(../images/parrowon.png) no-repeat 97% 17px; color: #fff; }

.product2 .list .subNavBox ul.navContent { margin-bottom: 0; background-color: #f4f4f4; padding-top: 5px; padding-bottom: 0px; display: none; position: relative; top: 0; }

.product2 .list .subNavBox ul.navContent li { border-bottom: 1px solid #e2e2e2; }

.product2 .list .subNavBox ul.navContent li a { display: block; font-size: 16px; font-size: 1.6rem; line-height: 30px; padding: 9px 10px 8px 44px; background: url(../images/quan.png) no-repeat 26px center; color: #666; font-weight: bold; }

.product2 .list .subNavBox ul.navContent li a:hover { color: #007C36; background: url(../images/dian.png) no-repeat 26px center; }

.product2 .list .title2 { margin-top: 38px; margin-bottom: 11px; height: 46px; line-height: 46px; text-align: left; font-size: 22px; font-size: 2.2rem; border-bottom: 2px solid #007C36; }

.product2 .list .title2 a { color: #007C36; }

.product2 .list dl dd { font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-bottom: 13px; border-bottom: 1px solid #ccc; padding-bottom: 6px; }

.product2 .list dl dd a { font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #333; display: block; }

.product2 .list dl dd a:hover { color: #007C36; }

/*page*/
.page { position: relative; margin: 60px auto 80px; text-align: center; }

.page .add { position: absolute; right: 0; top: 1px; }

.page a { display: inline-block; background-color: #eeeeee; color: #333; margin-left: 8px; width: 33px; height: 28px; line-height: 26px; text-align: center; font-size: 12px; font-size: 1.2rem; border: 1px solid #e5e5e5; font-family: Verdana, Geneva, Tahoma, sans-serif; }

.page a:hover { background-color: #007C36; border: 1px solid #679f4e; color: #fff; }

.page .on { background-color: #007C36; border: 1px solid #679f4e; color: #fff; }

.page .first { width: 59px; margin-left: 0; margin-right: 2px; color: #333; }

.page .last { width: 59px; color: #333; }

.page span { display: inline-block; text-align: center; font-size: 16px; font-size: 1.6rem; color: #4b4b4b; position: relative; top: 3px; margin-left: 11px; margin-right: 15px; }

.page img { display: inline-block; position: relative; top: 0px; margin-left: 8px; }

.page .ins { width: 168px; display: inline-block; height: 30px; line-height: 28px; text-align: center; border: none; outline: none; background-color: #919191; color: #fff; font-size: 12px; font-size: 1.2rem; cursor: pointer; font-family: Verdana, Geneva, Tahoma, sans-serif; }

.page .ins:hover { background-color: #007C36; }

@media screen and (max-width: 1219px) { .product1 .xiangqing .goods, .product2 .xiangqing .goods1 { width: 680px; }
  .product1 .xiangqing .goods .box1 ul, .product2 .xiangqing .goods1 .box1 ul { margin-top: 0% !important; }
  .product1 .xiangqing .goods .box1 ul li, .product2 .xiangqing .goods1 .box1 ul li { width: 31% !important; margin: 0 1% 2% 1% !important; }
  .product1 .xiangqing .goods .box1 form ul li .libox .litop a { width: calc(100% - 2px); }
  .product1 .xiangqing .goods .box1 form ul li .libox .libot a { width: 98%; max-width: 158px; }
  .page .page-n { margin-right: 200px; }
  .product1 .xiangqing .list, .product2 .xiangqing .list { width: 258px; }
  .product2 .goods1 .content { width: 300px; }
  .product2 .goods1 .content .btn a { float: none !important; display: block; margin: 5px auto; }
  .product2 .goods1 .content .btn { width: 100%; }
  .product2 .goods1 ul.rel-pro li { width: 24%; margin: 0.5% !important; }
  .product2 .goods1 ul.rel-pro li .libox .litop a { width: calc(100% - 2px); }
  .product2 .goods1 ul.rel-pro li .libox .libot a { width: 95%; max-width: 148px; margin: 0 auto; } }

@media screen and (max-width: 999px) { .product1 .xiangqing .goods, .product2 .xiangqing .goods { width: 650px; }
  .product1 .xiangqing .goods1, .product2 .xiangqing .goods1 { width: 650px; }
  .product1 .xiangqing .list, .product2 .xiangqing .list { width: 258px; }
  .product2 .goods1 .content { width: 280px; } }

@media screen and (max-width: 979px) { .product2 .goods1 ul.rel-pro li .libox .litop a .przz { display: none; }
  .product2 .goods1 ul.rel-pro li .libox .libot a { font-size: 12px; font-size: 1.2rem; }
  .page { margin-bottom: 50px; }
  .page a { margin-bottom: 15px; }
  .page .add { position: static; }
  .page .page-n { margin-right: 0px; }
  .product1 .xiangqing .goods .box1 form ul li .libox .litop a .przz { display: none; }
  .product1 .xiangqing .goods, .product2 .xiangqing .goods1 { width: calc(100% - 300px); }
  .product1 .xiangqing .goods .box1 ul li, .product2 .xiangqing .goods1 .box1 ul li { width: 48% !important; margin: 0 1% 2% 1% !important; }
  .product1 .xiangqing .goods .list, .product2 .xiangqing .goods1 .list { margin-bottom: 30px; }
  .product2 .goods1 .content { margin-top: 30px; width: 100%; }
  .product2 .goods1 .p-kuang { margin: 0 auto; float: none; } }

@media screen and (max-width: 768px) { .product2 .goods1 .protitle1 a { font-size: 20px; font-size: 2.0rem; }
  .product2 .goods1 .protitle1 a span { font-size: 20px; font-size: 2.0rem; }
  .product2 .goods1 .protitle4 a { font-size: 20px; font-size: 2.0rem; }
  .product2 .goods1 .protitle4 a span { font-size: 20px; font-size: 2.0rem; }
  .product2 .goods1 .img980 { display: block; }
  #tsShopContainer { display: none; }
  .product2 .goods1 ul.rel-pro li { width: 48%; }
  .product2 .goods1 .p-kuang { width: 100%; } }

@media screen and (max-width: 639px) { .product2 .goods1 .protitle1 { background: #e3dede; margin-top: 0; }
  .product2 .goods1 .protitle4 { background: #e3dede; }
  .product1 .xiangqing .goods { width: 100%; }
  .product1 .xiangqing .goods .box1 ul li { width: 48% !important; margin: 0 1% 2% 1% !important; }
  .product1 .xiangqing .list { width: 100%; margin-bottom: 30px; }
  .product2 .xiangqing .goods1 { width: 100%; }
  .product2 .xiangqing .goods1 .box1 ul li { width: 48% !important; margin: 0 1% 2% 1% !important; }
  .product2 .xiangqing .list { width: 100%; margin-bottom: 30px; } }

@media screen and (max-width: 999px) { .MagicZoomBigImageCont, .MagicZoomPup { display: none !important; }
  .MagicZoom { cursor: auto !important; } }

@media screen and (max-width: 320px) { .product2 .xiangqing .goods2 .img980 ul li { width: 100%; margin: 0 0 2%; } }

.relative .title { background: url("../images/relative.png") no-repeat left bottom; width: 100%; margin-bottom: 31px; }

.relative .title a { font-family: Verdana, Geneva, Tahoma, sans-serif; padding-bottom: 11px; font-size: 26px; font-size: 2.6rem; color: #007C36; display: block; }

.relative ul li { float: left; width: 275px; margin-left: 33.333px; }

.relative ul li .litop { margin-bottom: 9px; }

.relative ul li .litop a { display: block; }

.relative ul li .litop a img { display: block; max-width: 100%; }

.relative ul li .libot { margin-bottom: 3px; }

.relative ul li .libot a { display: block; text-align: center; font-size: 18px; font-size: 1.8rem; font-family: Verdana, Geneva, Tahoma, sans-serif; }

.relative ul li .libot a:hover { color: #007C36; }

@media screen and (max-width: 1219px) { .relative ul li { width: 23% !important; margin: 1% !important; } }

@media screen and (max-width: 768px) { .product3 { padding-bottom: 30px; }
  .relative ul li { width: 48% !important; margin: 1% !important; } }

.hot .title { background: url("../images/hot.png") no-repeat left bottom; width: 100%; margin-bottom: 31px; }

.hot .title a { font-family: Verdana, Geneva, Tahoma, sans-serif; padding-bottom: 11px; font-size: 26px; font-size: 2.6rem; color: #007C36; display: block; }

.hot ul li { float: left; width: 275px; margin-left: 33.333px; }

.hot ul li .litop { margin-bottom: 9px; }

.hot ul li .litop a { display: block; }

.hot ul li .litop a img { display: block; max-width: 100%; }

.hot ul li .libot { margin-bottom: 3px; }

.hot ul li .libot a { display: block; text-align: center; font-size: 18px; font-size: 1.8rem; font-family: Verdana, Geneva, Tahoma, sans-serif; }

.hot ul li .libot a:hover { color: #007C36; }

@media screen and (max-width: 1219px) { .hot ul li { width: 23% !important; margin: 1% !important; } }

@media screen and (max-width: 768px) { .product3 { padding-bottom: 30px; }
  .hot ul li { width: 48% !important; margin: 1% !important; } }

.about { padding-bottom: 67px; }

.about .ab-top { background: url(../images/abtopbg.png) no-repeat center 49px; text-align: center; }

.about .ab-top a { display: inline-block; width: 160px; margin: 0 37px; }

.about .ab-top a .a-top img { display: block; max-width: 100%; margin: 0 auto; }

.about .ab-top a .a-bot { margin-top: 16px; text-align: center; font-size: 14px; font-size: 1.4rem; font-weight: bold; text-transform: uppercase; color: #666; }

.about .ab-top .on .a-bot { color: #007C36; }

.about .ab-mid { margin-bottom: 31px; margin-top: 57px; }

.about .ab-mid b { display: block; padding-left: 15px; background: url(../images/juxing.png) no-repeat left 3px; font-size: 24px; font-size: 2.4rem; margin-bottom: 17px; }

.about .ab-mid p { font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #333; }

.about .ab-bot .limg { width: 50%; }

.about .ab-bot .limg .imgt { margin-bottom: 9px; }

.about .ab-bot .limg .imgb img { width: 49.1%; }

.about .ab-bot .limg img { display: block; max-width: 100%; }

.about .ab-bot .rtxt { width: 45%; }

.about .ab-bot .rtxt .title { margin-bottom: 10px; }

.about .ab-bot .rtxt .title span { font-size: 20px; font-size: 2rem; line-height: 30px; color: #333; font-weight: bold; padding-bottom: 1px; border-bottom: 2px solid #007C36; }

.about .ab-bot .rtxt p { font-size: 14px; font-size: 1.4rem; line-height: 24px; color: #333; margin-bottom: 27.5px; }

.about .ab-bot1 { margin-top: 82px; margin-bottom: 35px; /* 3-gxkj */ /*1*/ /*2*/ /*3*/ }

.about .ab-bot1 .lunboa { position: relative; }

.about .ab-bot1 .lunboa img { border: 0; display: block; max-width: 100%; }

.about .ab-bot1 .ban { width: 853px; height: 675px; position: relative; /*overflow:hidden;*/ margin: 0px auto 0 auto; }

.about .ab-bot1 .ban2 { width: 750px; height: 524px; position: relative; overflow: hidden; margin: 0 auto; right: 0px; }

.about .ab-bot1 .ban2 ul { position: absolute; left: 0; top: 0; }

.about .ab-bot1 .ban2 ul li { width: 750px; height: 524px; position: relative; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #7e7e7e; }

.about .ab-bot1 .ban2 ul li a { display: block; }

.about .ab-bot1 .ban2 ul li .lizz { color: #fff; font-size: 14px; font-size: 1.4rem; font-weight: bold; text-transform: uppercase; text-align: center; position: absolute; bottom: 0; width: 100%; height: 36px; line-height: 36px; background: rgba(0, 0, 0, 0.6); }

.about .ab-bot1 .ban2 ul li a img { display: block; }

.about .ab-bot1 .prev { float: left; cursor: pointer; }

.about .ab-bot1 .num { height: 150px; overflow: hidden; width: 750px; position: relative; float: left; margin: 0 auto; left: 0px; }

.about .ab-bot1 .min_pic { padding-top: 16px; width: 853px; margin: 0 auto; }

.about .ab-bot1 .num ul { position: absolute; left: 0; top: 0; }

.about .ab-bot1 .num ul li { width: 171px; height: 121px; border: 2px solid transparent; margin-right: 22px; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.about .ab-bot1 .num ul li.on { width: 171px; height: 121px; border: 2px solid #007C36; margin-right: 22px; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.about .ab-bot1 .num ul li a { display: block; width: 100%; }

.about .ab-bot1 .num ul li a img { max-width: 100%; width: 100%; }

.about .ab-bot1 .num ul li a span { margin-top: 11px; display: block; text-align: center; font-size: 14px; font-size: 1.4rem; font-weight: bold; color: #666; text-transform: uppercase; }

.about .ab-bot1 .prev_btn1 { width: 28px; text-align: center; height: 28px; margin-top: 47px; margin-right: 24px; cursor: pointer; float: left; }

.about .ab-bot1 .next_btn1 { width: 28px; text-align: center; height: 28px; margin-top: 47px; cursor: pointer; float: right; }

.about .ab-bot1 .prev1 { position: absolute; top: 268px; left: 0px; width: 38px; height: 38px; z-index: 9; cursor: pointer; }

.about .ab-bot1 .next1 { position: absolute; top: 268px; right: 0px; width: 38px; height: 38px; z-index: 9; cursor: pointer; }

.about .ab-bot1 .lunbob { display: none; }

.about .ab-bot1 .lunbob { padding-bottom: 34px; }

.about .ab-bot1 .lunbob ul li { position: relative; width: 48%; margin: 1% !important; float: left; }

.about .ab-bot1 .lunbob ul li a { display: block; }

.about .ab-bot1 .lunbob ul li a img { display: block; max-width: 100%; }

.about .ab-bot1 .lunbob ul li a span { display: block; text-align: center; color: #333; line-height: 30px; font-size: 14px; font-size: 1.4rem; }

.about .ab-bot2 { margin-top: 78px; }

.about .ab-bot2 ul li { margin-bottom: 45px; width: 370px; margin-left: 45px; float: left; }

.about .ab-bot2 ul li .litop a { display: block; position: relative; overflow: hidden; }

.about .ab-bot2 ul li .litop a img { display: block; max-width: 100%; }

.about .ab-bot2 ul li .litop a .lizz { position: absolute; width: 100%; height: 100%; background: url(../images/fangda.png) no-repeat center center; background-size: 100% 100%; left: 0; top: -100%; -webkit-transition: 0.5s; transition: 0.5s; }

.about .ab-bot2 ul li .litop a:hover .lizz { top: 0; }

.about .ab-bot2 ul li .libot { font-size: 16px; font-size: 1.6rem; color: #666; text-align: center; margin-top: 14px; font-weight: bold; }

.about .ab-bot2 .page { margin-top: 10px; margin-bottom: 13px; }

@media screen and (max-width: 1219px) { .about .ab-bot .rtxt { float: none; width: auto; }
  .about .ab-bot .limg { margin-right: 5%; margin-bottom: 5%; }
  .about .ab-bot2 ul li { width: 31%; margin: 10px 1% !important; }
  .about .ab-bot2 { margin-top: 10px; } }

@media screen and (max-width: 999px) { .about { padding-bottom: 0; }
  .about .ab-bot .rtxt p { margin-bottom: 20px; } }

@media screen and (max-width: 979px) { .about .ab-bot2 ul li .litop a .lizz { background: url(../images/fangda1.png) no-repeat center center; top: 0; background-size: 100% 100%; } }

@media screen and (max-width: 768px) { .about .ab-top a { margin: 0 10px; } }

@media screen and (max-width: 639px) { .about .ab-bot2 ul li { width: 48%; margin: 10px 1% !important; }
  .about .ab-top a { width: 30%; margin: 1% !important; }
  .about .ab-top { background: none; } }

@media screen and (max-width: 560px) { .about .ab-top a .a-bot { font-size: 12px; font-size: 1.2rem; text-transform: capitalize; }
  .about .ab-top { text-align: left; }
  .about .ab-top a { width: 46%; margin: 15px 1% !important; } }

@media screen and (max-width: 420px) { .about .ab-bot .limg { float: none; width: 100%; }
  .about .ab-bot2 ul li .libot { font-size: 12px; font-size: 1.2rem; } }

@media screen and (max-width: 979px) { .about .ab-bot1 .lunboa { display: none; }
  .about .ab-bot1 .lunbob { display: block; }
  .danabout1_left { margin-bottom: 35px; } }

@media screen and (max-width: 639px) { .about .ab-bot1 { margin-top: 0; }
  .danabout1_right .title { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 500px) { .lunbob ul li { width: 98%; margin: 10px 1% !important; } }

.apply { padding-bottom: 36px; }

.apply .app-top { margin-top: -4px; }

.apply .app-top ul { border-bottom: 4px solid #eaeaea; }

.apply .app-top ul li { float: left; margin-left: 24px; width: 180px; height: 50px; border-bottom: 4px solid #8c8c8c; position: relative; top: 4px; border-top-right-radius: 5px; border-top-left-radius: 5px; background-color: #999999; }

.apply .app-top ul li a { width: 80%; margin: 6px auto 0; display: block; font-size: 15px; font-size: 1.5rem; text-align: center; font-weight: bold; line-height: 18px; color: #fff; }

.apply .app-top ul li:hover { background-color: #d24448; }

.apply .app-bot { margin-top: 46px; }

.apply .app-bot p { font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #333; margin-bottom: 36px; }

.apply .app-bot p img { display: block; max-width: 100%; }

@media screen and (max-width: 1219px) { .apply .app-top ul li { margin-left: 10px; width: 155px; }
  .apply .app-top ul li a { width: 90%; font-size: 13px; font-size: 1.3rem; } }

@media screen and (max-width: 999px) { .apply .app-top ul li { width: 146px; } }

@media screen and (max-width: 979px) { .apply .app-top ul li { width: 31%; margin: 1% !important; }
  .apply .app-top ul { border-bottom: 0; }
  .apply { padding-bottom: 0; }
  .apply .app-bot { margin-top: 20px; } }

@media screen and (max-width: 639px) { .apply .app-top ul li { width: 48%; margin: 1% !important; } }

.service { padding-bottom: 69px; }

.service .wp .ser-top { border-radius: 10px; overflow: hidden; padding-top: 31px; padding-bottom: 35px; background: url(../images/left-on.png) no-repeat 17px 15px, url(../img/right-on.png) no-repeat 98.5% 15px; background-color: #f1f1f1; }

.service .wp .ser-top p { width: 86%; margin: 0 auto; font-size: 18px; font-size: 1.8rem; line-height: 30px; color: #333; text-align: center; }

.service .wp .ser-mid { margin-top: 58px; }

.service .wp .ser-mid .limg { width: 48.9%; }

.service .wp .ser-mid .limg .imgt { margin-bottom: 0px; }

.service .wp .ser-mid .limg .imgb img { width: 48.59%; }

.service .wp .ser-mid .limg img { display: block; max-width: 100%; }

.service .wp .ser-mid .rtxt { margin-top: 30px; width: 47%; }

.service .wp .ser-mid .rtxt .title { margin-bottom: 34px; }

.service .wp .ser-mid .rtxt .title span { display: block; font-size: 24px; font-size: 2.4rem; line-height: 30px; color: #333; font-weight: bold; }

.service .wp .ser-mid .rtxt .title .sp1 { text-transform: uppercase; color: #007C36; }

.service .wp .ser-mid .rtxt .title .sp2 { text-transform: uppercase; color: #007C36; padding-bottom: 12px; background: url(../images/hengxian.jpg) no-repeat bottom left; }

.service .wp .ser-mid .rtxt p { font-size: 16px; font-size: 1.6rem; line-height: 24px; color: #333; margin-bottom: 24px; }

.service .wp .ser-bot { margin-top: 78px; }

.service .wp .ser-bot .limg { margin-top: 5px; width: 47.1%; }

.service .wp .ser-bot .limg .imgt { margin-bottom: 11px; }

.service .wp .ser-bot .limg .imgb img { width: 48.59%; }

.service .wp .ser-bot .limg img { display: block; max-width: 100%; }

.service .wp .ser-bot .rtxt { width: 47.5%; }

.service .wp .ser-bot .rtxt .title { margin-bottom: 30px; }

.service .wp .ser-bot .rtxt .title span { display: block; font-size: 24px; font-size: 2.4rem; line-height: 30px; color: #333; font-weight: bold; }

.service .wp .ser-bot .rtxt .title .sp1 { text-transform: uppercase; color: #007C36; }


.service .wp .ser-bot .rtxt .title .sp2 { color: #333; padding-bottom: 12px; background: url(../images/hengxian.jpg) no-repeat bottom left; }

.service .wp .ser-bot .rtxt p { font-size: 16px; font-size: 1.6rem; line-height: 24px; color: #333; margin-bottom: 24px; }

@media screen and (max-width: 1219px) { .service .wp .ser-bot .rtxt { float: none; width: auto; }
  .service .wp .ser-bot .limg { margin-right: 4%; margin-bottom: 0%; }
  .service .wp .ser-mid .rtxt { float: none; width: auto; }
  .service .wp .ser-mid .limg { margin-left: 4%; margin-bottom: 0%; }
  .service .wp .ser-bot { margin-top: 15px; }
  .service { padding-bottom: 20px; } }

@media screen and (max-width: 768px) { .service .wp .ser-bot .limg { float: none; width: 100%; margin-right: 0; max-width: 565px; margin-bottom: 30px; }
  .service .wp .ser-mid .limg { float: none; width: 100%; margin-left: 0; }
  .service .wp .ser-top { background-image: none; } }

.contact { padding-bottom: 78px; }

.contact .c-title { margin-top: -12px; text-align: center; font-size: 40px; font-size: 4rem; font-weight: bold; color: #007C36; text-transform: uppercase; }

.contact .c-cont { margin-top: 8px; margin-bottom: 39px; text-align: center; font-size: 14px; font-size: 1.4rem; color: #666666; text-transform: uppercase; }

.contact .c-mid { margin-bottom: 47px; }

.contact .c-mid ul { background: url(../images/c-line.jpg) no-repeat center 38px; }

.contact .c-mid ul li { float: left; width: 160px; margin-left: 34px; }

.contact .c-mid ul li .litop { margin-bottom: 24px; }

.contact .c-mid ul li .litop img { display: block; max-width: 100%; margin: 0 auto; }

.contact .c-mid ul li .limid { margin-bottom: 7px; font-size: 14px; font-size: 1.4rem; color: #a8a8a8; text-align: center; text-transform: uppercase; }

.contact .c-mid ul li .limid a { font-size: 14px; font-size: 1.4rem; color: #a8a8a8; text-align: center; text-transform: uppercase; }

.contact .c-mid ul li .libot { font-size: 14px; font-size: 1.4rem; color: #333333; text-align: center; line-height: 24px; }

.contact .c-mid ul li .libot a { font-size: 14px; font-size: 1.4rem; color: #333333; text-align: center; line-height: 24px; }

.contact .c-mid ul li .libot a:hover { color: #007C36; }

.contact .c-mid ul .li1 { margin-left: 0; }

.contact .c-mid ul .li6 { width: 230px; }

.contact .c-bot .lianxi { width: 634px; /* .c_send:hover{ background:#aaaaaa; transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s; } */ }

.contact .c-bot .lianxi .c_div1 { padding-bottom: 26px; }

.contact .c-bot .lianxi .c_div2 { padding-bottom: 26px; }

.contact .c-bot .lianxi .c_div3 { padding-bottom: 26px; }

.contact .c-bot .lianxi .c_div3 .c_bt1 { margin-top: 11px; }

.contact .c-bot .lianxi .xing { background: url(../images/xingxing.png) no-repeat 5px 18px; }

.contact .c-bot .lianxi .c_input, .contact .c-bot .lianxi .c_input2, .contact .c-bot .lianxi .c_textarea, .contact .c-bot .lianxi .c_captcha { -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 16px; float: left; border-radius: 7px; border: solid 1px #aeaeae; color: #999999; font-size: 14px; font-size: 1.4rem; font-family: Verdana, Geneva, Tahoma, sans-serif; width: 300px; }

.contact .c-bot .lianxi .c_input, .contact .c-bot .lianxi .c_input2, .contact .c-bot .lianxi .c_captcha { height: 42px; line-height: 40px; }

.contact .c-bot .lianxi .c_input { width: 300px; }

.contact .c-bot .lianxi .c_input2 { width: 634px; }

.contact .c-bot .lianxi .c_textarea { background: url(../images/xingxing.png) no-repeat 5px 18px; width: 634px; float: left; line-height: 26px; height: 187px; padding-top: 6px; font-family: Verdana, Geneva, Tahoma, sans-serif; }

.contact .c-bot .lianxi .c_captcha { width: 207px; }

.contact .c-bot .lianxi .c_yzm { float: left; cursor: pointer; margin-left: 16px; }

.contact .c-bot .lianxi .c_send { float: right; cursor: pointer; /*margin-left:34px;*/ font-family: Verdana, Geneva, Tahoma, sans-serif; width: 249px; height: 41px; line-height: 40px; text-align: center; color: #fff; background: #007C36; font-weight: bold; font-size: 16px; font-size: 1.6rem; margin-top: 1px; }

.contact .c-bot .rmap { width: 521px; }

.contact .c-bot .rmap img { display: block; max-width: 100%; }

@media screen and (max-width: 1219px) { .contact .c-mid ul li { width: 140px; margin-left: 10px; }
  .contact .c-bot .lianxi { width: 48%; }
  .contact .c-bot .lianxi .c_input { width: 220px; }
  .contact .c-bot .lianxi .c_textarea { width: 100%; }
  .contact .c-bot .lianxi .c_captcha { width: 170px; }
  .contact .c-bot .lianxi .c_send { width: 100%; margin-top: 23px; }
  .contact .c-bot .rmap { width: 48%; } }

@media screen and (max-width: 999px) { .contact .c-mid ul li { width: 31% !important; margin: 1% !important; }
  .contact .c-mid ul { background: none; }
  .contact .c-bot .lianxi { width: 100%; }
  .contact .c-bot .lianxi .c_input { width: 100%; }
  .contact .c-bot .lianxi .c_textarea { width: 100%; }
  .contact .c-bot .lianxi .c_captcha { width: 170px; }
  .contact .c-bot .lianxi .c_send { width: 100%; margin-top: 23px; }
  .contact .c-bot .rmap { width: 100%; margin-top: 30px; }
  .c_nr1 { width: 48%; }
  .contact .c-title { font-size: 30px; font-size: 3rem; }
  .contact { padding-bottom: 20px; } }

@media screen and (max-width: 520px) { .contact .c-mid ul li { width: 50% !important; margin: 5px 0% !important; }
  .contact .c-bot .lianxi .c_div1 { padding-bottom: 0px; }
  .contact .c-bot .lianxi .c_div2 { padding-bottom: 0px; }
  .contact .c-bot .lianxi .c_div3 { padding-bottom: 15px; }
  .contact .c-bot .lianxi .c_captcha { width: 100%; margin-bottom: 15px; }
  .contact .c-bot .lianxi .c_yzm { margin-left: 0; }
  .c_nr1 { width: 100%; margin-bottom: 15px; }
  .contact .c-mid ul li .libot { font-size: 12px; font-size: 1.2rem; }
  .contact .c-mid ul li .libot a { font-size: 12px; font-size: 1.2rem; } }

.news { padding-bottom: 20px; }

.news ul li { margin-bottom: 35px; padding-bottom: 30px; background: url(../images/lnewsline.png) no-repeat bottom center; }

.news ul li .liright { width: 730px; }

.news ul li .liright .litop { margin-top: 20px; }

.news ul li .liright .litop a { font-size: 14px; font-size: 1.4rem; line-height: 24px; font-weight: bold; color: #333; display: block; }

.news ul li .liright .litop a:hover { color: #007C36; }

.news ul li .liright .limid1 { margin-top: 8px; }

.news ul li .liright .limid1 a { font-size: 14px; font-size: 1.4rem; line-height: 24px; color: #333; display: block; }

.news ul li .liright .limid1 a:hover { color: #007C36; }

.news ul li .liright .libot { margin-top: 48px; }

.news ul li .liright .libot a { font-size: 14px; font-size: 1.4rem; line-height: 24px; color: #666; display: block; font-weight: bold; width: 148px; height: 32px; border: 1px solid #666666; text-align: center; line-height: 32px; border-radius: 16px; }

.news ul li .liright .libot a:hover { background-color: #007C36; color: #fff; border: 1px solid #007C36; }

.news ul li .limid { width: 296px; }

.news ul li .limid img { display: block; max-width: 100%; }

.news ul li .lileft { margin-right: 40px; width: 101px; height: 110px; background: url(../images/newsbg.png) no-repeat center center; }

.news ul li .lileft span { display: block; font-size: 41px; font-size: 4.1rem; color: #fff; font-weight: bold; text-indent: 11px; margin-top: 10px; }

.news ul li .lileft .sp2 { font-size: 24px; font-size: 2.4rem; text-indent: 17px; margin-top: 1px; text-transform: uppercase; }

.news .page { margin-top: 58px; margin-bottom: 76px; }

@media screen and (max-width: 1219px) { .news ul li .liright { width: 510px; }
  .news ul li .liright .litop { margin-top: 0; } }

@media screen and (max-width: 999px) { .news ul li .liright { width: 460px; } }

@media screen and (max-width: 979px) { .news ul li .lileft { margin-right: 10px; }
  .news ul li .liright { width: calc(100% - 430px); } }

@media screen and (max-width: 768px) { .news ul li .liright { width: 100%; margin-top: 15px; }
  .news ul li .liright .libot { margin-top: 15px; }
  .news .page { margin-top: 20px; margin-bottom: 20px; } }

@media screen and (max-width: 440px) { .news ul li .limid { width: calc(100% - 120px); } }

.news1 .xqy { position: relative; }

.news1 .xqy .top1 { margin-top: -3px; }

.news1 .xqy .top1 .title1 { text-align: center; }

.news1 .xqy .top1 .title1 h1 { font-size: 16px; font-size: 1.6rem; color: #333; font-weight: bold; }

.news1 .xqy .top1 .time { text-align: center; margin-top: 1px; margin-bottom: 18px; }

.news1 .xqy .top1 .time > span { font-size: 14px; font-size: 1.4rem; color: #999; font-weight: normal; display: inline-block; font-family: Verdana, Geneva, Tahoma, sans-serif; line-height: 26px; padding-left: 22px; background: url(../images/shizhong.png) no-repeat left center; }

.news1 .xqy .fenxiang { display: inline-block; }

.news1 .newsx p { line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #333; margin-bottom: 30px; }

.news1 .newsx p span { line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #333; }

.news1 .newsx p li { line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #333; }

.news1 .newsx p strong { line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #333; }

.news1 .newsx p img { display: block; max-width: 100%; }

.news1 .newsx p a { line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #007C36; }

.newsx table { width: 97%; border-collapse: collapse; line-height: 24px; margin-bottom: 26px; }

.newsx tr td { line-height: 24px; padding: 2px; border: 1px solid #ccc; }

.updown { padding-top: 11px; background: url(../images/lnewsline.png) no-repeat top center; margin-bottom: 76px; }

.updown .up { margin-top: 0px; margin-bottom: 8px; }

.updown p { line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #333; padding-left: 30px; background: url(../images/xiangzuo.png) no-repeat left 5px; font-weight: bold; }

.updown p a { font-size: 14px; font-size: 1.4rem; color: #666666; font-weight: normal; }

.updown p span { font-size: 14px; font-size: 1.4rem; color: #666666; font-weight: normal; }

.updown p a:hover { color: #007C36; }

.updown p.on { background: url(../images/xiangyou.png) no-repeat left 5px; }

@media screen and (max-width: 979px) { .updown { margin-bottom: 30px; } }

.piao{
position: absolute;
    left: -50px;
    top: -54px;
    text-align: right;
    width: 312px;
    height: 144px;
    padding-top: 36px;
    padding-right: 112px;
    z-index: 100000;
}
.main1 .title a {
    padding-left: 30px;
    display: block;
    font-size: 28px;
    font-size: 2.8rem;
    color: #fff;
    height: 62px;
    line-height: 21px;
    max-width: 320px;
    text-align: left;
	
	}
	
	.wp {
    position: relative;
}
.bt{
width:1200px;
height:70px;
overflow:hidden;
margin:0 auto;
background: url(../images/main1bg.png) no-repeat top center;


}
.abd{
width:1920px;
height:280px;
margin:0 auto;
position:relative;
background: url(../images/bgg.jpg) no-repeat top center;



}

.tu{
position: absolute;
top:-20px;
right:0px;

}
.bt a{
padding-left: 10px;
    display: block;
    font-size: 28px;
    font-size: 2.8rem;
    color: #007C36;
    height: 62px;
    line-height: 60px;
    max-width: 320px;
    text-align: left;
	font-family:Arial, ;
	font-weight:600;
	font-style: italic;
}
.abt{
width:1200px;
height:auto;
margin:0 auto;
position:relative;

}



.h-news {
    background: url(../images/h_news_02.jpg) no-repeat left top;
}
.h-news-box {
    padding-top: 119px;
}
* .box {
    margin: 0 auto;
    max-width: 1200px;
    overflow: hidden;
}
.h-title a {
    color: #333;
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    transition: all 350ms;
}
.h-news-item {
    float: left;
    width: 33.33%;
    overflow: hidden;
}
.h-news-item .item-pic {
    display: block;
    font-size: 0;
    line-height: 0;
    text-align: center;
    overflow: hidden;
}
.h-news-item .item-pic img {
    width: 100%;
    max-width: 300px;
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    transition: all 350ms;
}
.h-news-item .item-font {
    position: relative;
    z-index: 2;
    background-color: white;
}
.h-news-item .item-font:before {
    content: "";
    position: absolute;
    top: -21px;
    left: 50%;
    margin-left: -16px;
    display: block;
    width: 0;
    height: 0;
    border-bottom: 21px solid white;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
}
.h-news-item .item-font-box {
    padding-top: 15px;
    padding-left: 33px;
    padding-right: 29px;
    padding-bottom: 31px;
    overflow: hidden;
}
.h-news-item .item-title {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-family: HelveticaLTStdBold, arial, helvetica, sans-serif;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.h-news-item .item-title a {
    color: #333;
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    transition: all 350ms;
}
.h-news-item .item-time {
    margin-top: 5px;
    padding-left: 24px;
    line-height: 30px;
    font-size: 14px;
    color: #666;
    background: url(../images/h_39.jpg) no-repeat left center;
}
.h-news-item .item-time {
    margin-top: 5px;
    padding-left: 24px;
    line-height: 30px;
    font-size: 14px;
    color: #666;
    background: url(../images/h_39.jpg) no-repeat left center;
}
.h-news-item .item-desc {
    margin-top: 7px;
    height: 90px;
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
}
.h-news-item .item-desc a {
    color: #333333;
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    transition: all 350ms;
}
.h-news-item .item-link {
    margin-top: 26px;
    display: block;
    width: 116px;
    height: 33px;
    line-height: 33px;
    font-size: 16px;
    color: #ed1b23;
    text-align: center;
    border: 1px solid #ed1b23;
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    transition: all 350ms;
}


.lt{
width:260px;
height:200PX;
padding:10px;

}



.main4 {
    background: url(../images/main3.jpg) no-repeat top center;
    padding-bottom: 103px;
}




@media screen and (min-width: 1220px)
.wp {
    width: 1200px;
    margin: auto;
}
.main4 .title {
    padding-top: 88px;
    padding-bottom: 17px;
    display: block;
    width: 100%;
    text-align: center;
    font-family: 'TimesLTStdRoman';
    font-size: 42px;
    font-size: 4.2rem;
    text-transform: uppercase;
    line-height: 40px;
    color: #fff;
}
.main4 .tit2 {
    display: block;
    width: 100%;
    padding-bottom: 96px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 27px;
    font-family: "Verdana";
    color: #fff;
    text-align: center;
}
.fix:after, .fix:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
.main4 li {
    float: left;
    width: 384px;
    margin-left: 24px;
}
.mln {
    margin-left: 0!important;
}
.main4 li .zong {
    max-width: 384px;
    margin: 0 auto;
    overflow: hidden;
}
.main4 li .m2zu {
    position: relative;
    overflow: hidden;
    max-width: 384px;
    max-height: 328px;
    height: 328px;
}

.public_footer {
    background:url(../images/footbg.png);
    color: #fff;
}
.public_footer .wp {
    position: relative;
	margin-bottom:40px;
    
}
@media screen and (min-width: 1220px)
.wp {
    width: 1200px;
    margin: auto;
}
.fix:after, .fix:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
.fon_one {
    float: left;
    width: 250px;
}
.public_footer .ttile {
    padding-top: 63px;
    padding-bottom: 25px;
    font-size: 24px;
    font-size: 2.4rem;
    color: #fff;
    font-weight: bold;
    font-family: 'FuturaStdHeavy';
}
.fix:after, .fix:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
.public_footer .one_ul li {
    float: left;
    margin-left: 58px;
}
.public_footer li {
    color: #fff;
    line-height: 30px;
}
.mln {
    margin-left: auto !important;
}
.public_footer .one_ul li {
    float: left;
    margin-left: 58px;
}
.public_footer li {
    color: #fff;
    line-height: 30px;
}
.public_footer .one_ul li a {
    display: block;
	font-size:14px;
}
.public_footer li a {
    line-height: 30px;
    color: #fff;
}
.shejiao2 {
    padding-top: 30px;
}
.fix:after, .fix:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
.shejiao2 a {
    padding-right: 5px;
}
.public_footer a {
    color: #fff;
}
.mln {
    margin-left: auto !important;
}
.fon_two {
    float: left;
	margin-right:80px;
	width:260px;
}
.public_footer .ttile {
    padding-top: 63px;
    padding-bottom: 25px;
    font-size: 24px;
    font-size: 2.4rem;
    color: #fff;
    font-weight: bold;
    font-family: 'FuturaStdHeavy';
}
.public_footer a {
    color: #fff;
}
.public_footer li {
    color: #fff;
    line-height: 30px;
}
.public_footer li a {
    line-height: 30px;
    color: #fff;
	font-size:14px;
}
.fon_three {
    float: right;
    position: relative;
}
.lxy {
    position: absolute;
    top: -75px;
    right: 0px;
    width: 378px;
    float: right;
    background: #ffffff;
    padding-bottom: 2px;
    box-shadow: 5px 0 10px rgba(0, 0, 0, 0.15);
}
.lxtou {
    padding-top: 26px;
    padding-bottom: 26px;
    font-size: 24px;
    font-size: 2.4rem;
    color: #0449b1;
    line-height: 26px;
    width: 320px;
    margin: 0 auto;
	font-weight:600;
	color:#F4CA04;
}
.cor {
    width: 315px;
    margin: 0 auto;
}
.cor .int1 {
    padding-left: 14px;
    margin-bottom: 15px;
    margin-top: 0px;
}
.cor .xing {
    background: url(../images/xing2.jpg) no-repeat left 16px;
}
.cor .int4 {
    padding-left: 14px;
    margin-top: 15px;
}
.cor .xing {
    background: url(../images/xing2.jpg) no-repeat left 16px;
}
.cor .int1 input {
    color: #4d4d4d;
    width: 288px;
    height: 38px;
    border: 1px solid #d2d2d2;
    padding-left: 13px;
    line-height: 38px;
}
input, textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    color: #333;
    border: none;
    outline: none;
}
.cor .int5 {
    width: 88px;
    height: 38px;
    border: 1px solid #d2d2d2;
    padding-left: 13px;
    line-height: 38px;
    float: left;
    margin-right: 10px;
}
.cor .int6 {
    width: 83px;
    height: 38px;
    text-align: center;
    padding-left: 0px;
    float:left;
    background: #ece7e7;
    font-size: 20px;
    font-size: 2rem;
    color: #007C36;
    border: none;
    cursor: pointer;
	border-radius:5px;
	margin-bottom:2px
}
.cor .int1 textarea {
    width: 288px;
    height: 85px;
    border: 1px solid #d2d2d2;
    padding-left: 13px;
    line-height: 33px;
    margin-top: 0px;
}


.public-footer-mark {
    padding-bottom: 13px;
    background: #002e73;
    color: #fff;
    text-align: center;
}
@media screen and (min-width: 1220px)
.wp {
    width: 1200px;
    margin: auto;
}
.public-footer-mark p.foo_ma {
    padding-top: 9px;
    max-width: 837px;
    margin: 0 auto;
}
.public-footer-mark p {
    line-height: 30px;
    color: #fff;
}
.fix:after, .fix:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
.public-footer-mark p span {
    line-height: 30px;
    color: #fff;
}
.l {
    float: left;
}
.public-footer-mark p span {
    line-height: 30px;
    color: #fff;
}
.r {
    float: right;
}
.bout{
    background-image: url(../images/abt.jpg);
    background-attachment: fixed;
    background-size: cover;
width:100%;
height:400px;

padding-top:50px;
}


.zj{
width:1200px;
height:350px;

background:rgba(255,255,255,.5);
margin:0 auto;


}

.hn{
background:url(../images/zizhi.jpg);
width:1920px;
height:390px;
margin:0 auto;


}


.rong{
padding:20px;
width:1200px;
height:auto;
margin:0 auto;

}
.rong li{
float:left;
width:22%;

margin-left:30px

}

.rong li img{
width:240px;
height:348px;
    box-shadow: 10px 10px 5px #333;
transition: all 0.6s;

}
.rong li:hover img{

transform: scale(1.4);

}
.pages {padding: 30px 0 30px;text-align: center}
.pages li {display: inline}
.pages li.thisclass, .pages a:hover{padding: 5px 10px; border: 1px solid #006ab2;	background: #006ab2;color: #fff;text-decoration: none}
.pages a{padding: 5px 10px;border: 1px solid #CCC;background: #fff;color: #A4A4A4;line-height: 18px}









.common-tit {
    position: relative;
    overflow: hidden;
}

.index-tit {
    font-size: 2.25rem;
    font-weight: bold;
}

.common-tit::before {
    position: absolute;
    background: #F9BE00;
    top: 37%;
    left: 170px;
    z-index: 0;
    height: 12px;
    width: 8px;
    display: block;
    content: '';
}
.common-tit::after {
    position: absolute;
    background: #4B556E;
    width: 100%;
    top: 37%;
    left: 185px;
    z-index: 0;
    height: 12px;
    display: block;
    content: '';
}.main5 {
    padding-top: 37px;
    padding-bottom: 20px;
	
}

.wp {
    width: 1200px;
    margin: auto;
}

.main5 .title {
    padding-bottom: 10px;
    margin-bottom: 30px;
    background: url(../images/m1_title.jpg) no-repeat bottom center;
    text-align: center;
}

.main5 .title a {
    font-size: 44px;
    color: #333;
    text-transform: uppercase;
}

.m5_ul {
    padding-top: 15px;
}

.fix:after, .fix:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.m5_ul li {
    float: left;
    width: 352px;
    margin-left: 72px;
    box-shadow: 0 0 15px #eee;
}
.mln {
    margin-left: auto !important;
}

.m5_ul li .m5_wrap {
    width: 352px;
    margin: 0 auto;
    background: #fff;
}

.m5_ul li .m5_wrap a {
    display: block;
}

.m5_ul li .m5_wrap img {
    display: block;
    max-width: 352px;
    max-height: 200px;
    width: 100%;
}

.m5_ul li .m5_wrap .wen {
    max-width: 317px;
    margin: 0 auto;
    min-height: 223px;
}

.m5_ul li .m5_wrap a {
    display: block;
}
.m5_ul li .title2 {
    padding-top: 15px;
    padding-bottom: 11px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #333;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.m5_ul li .m5_wrap a {
    display: block;
}
.m5_ul li .title3 {
    color: #666666;
    line-height: 30px;
}

.m5_ul li .time {
    padding-top: 10px;
    padding-bottom: 21px;
}

.m5_ul li .time span {
    font-size: 12px;
    color: #999999;
    display: block;
    padding-left: 23px;
    background: url(../images/hnewtu1.png) no-repeat left center;
}

