/*@font-face {
    font-family: 'INTER';
    src: url('../font/INTERSTATECOND.eot');
    src:
    url('../font/INTERSTATECOND.eot?#font-spider') format('embedded-opentype'),
    url('../font/INTERSTATECOND.woff') format('woff'),
    url('../font/INTERSTATECOND.ttf') format('truetype'),
    url('../font/INTERSTATECOND.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

@charset "utf-8";
/* 初始化CSS */
* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: bold; }
fieldset, img { border: none; vertical-align: middle; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
ul, ol { list-style: none; }
li { list-style-type: none; }
input { padding-top: 0; padding-bottom: 0; font-family: "Microsoft YaHei","SimSun",Arial,sans-serif; }
select, input { vertical-align: middle; }
select, input, textarea { margin: 0; font-size: 12px; }
input[type="text"], input[type="password"], textarea { outline-style: none; }
textarea { font-family: "Microsoft YaHei","SimSun",Arial,sans-serif; resize: none; }
body { font: 12px "Microsoft YaHei","SimSun",Arial,sans-serif; color: #333; background: #fff; }
a { text-decoration: none; color: inherit; }
i, em { font-style: normal; }
.clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: ""; }
.clearfix { zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.auto { margin-left: auto; margin-right: auto; }

/*html5*/
article, aside, footer, header, section, footer, nav, figure, main { display: block }

/*小号文字  scale以12号字体为基准 需写实际字号大小*/
.font_adjust { -webkit-text-size-adjust: none; }
.font_scale8 { -webkit-transform: scale(0.66); }
.font_scale10 { -webkit-transform: scale(0.83); }
.font_lc { -webkit-transform-origin: left center; }
.font_rc { -webkit-transform-origin: right center; }
.font_up { text-transform: uppercase; }

/*文字截断*/
.TXTovehid { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/*transition*/
.tran200 { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.tran300 { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }
.tran400 { -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; }
.tran500 { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; }
.tran1000 { -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; transition: all 1s linear; }

.scaleimg:hover img { -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); }
.rotateY:hover { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover { -webkit-transform: translateX(-6px); -moz-transform: translateX(6px); -ms-transform: translateX(-6px); transform: translateX(-6px); }

/*网页限定宽度*/
.con_1000 { position: relative; margin: 0 auto; width: 1000px; }
.con_1000:after { content: ""; display: block; height: 0; clear: both; }
.w1200 { width: 1200px; margin: 0 auto; }

body.grayBg { background: #ededed; }

.cd-popup { position: fixed; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100%; background: url(../images/grayBg.png) repeat; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; opacity: 0; }
.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.cd-popup-container { position: relative; height: 36px; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.is-visible .cd-popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.hidden_search .text { width: 100%; height: 20px; padding: 8px 0; font-size: 14px; color: #444; background: none; border: none; font-family: "Microsoft Yahei"; }
.hidden_search .btn { display: block; background: url(../images/search_icon.jpg) no-repeat center center; position: absolute; right: 0; top: 0; height: 36px; width: 36px; text-indent: -999em; border: none; cursor: pointer; }
.hidden_search .search_wrap { border: 1px solid #e4eaec; border-radius: 20px; position: relative; padding-right: 56px; padding-left: 20px; height: 36px; }
.hidden_search .close_btn { position: absolute; right: 0; top: 0; padding: 10px; width: 22px; height: 22px; -webkit-transition: 0.5s; transition: 0.5s; }
.hidden_search .close_btn:after, .hidden_search .close_btn:before { background: #cccccc; width: 20px; height: 3px; display: block; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; content: ""; position: absolute; left: 10px; top: 11px; }
.hidden_search .close_btn:before { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.hidden_search .close_btn:after { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 26px; }
.hidden_search .close_btn:hover:after, .hidden_search .close_btn:hover:before { background: #009a44; }

.hTop { width: 100%; height: 34px; background: #ebebeb; border-bottom: 1px solid #e0e0e0; font-size: 14px; color: #666666; line-height: 34px; }
.hTop ul { margin-right: -17px; }
.hTop ul li { padding: 0 17px 0 18px; position: relative; }
.hTop ul li:before { content: ""; width: 1px; height: 12px; background: #cccccc; position: absolute; left: 0; top: 50%; margin-top: -6px; }
.hTop ul li:first-child:before { display: none; }
.hTop ul li a:hover { color: #009a44; }

.header { width: 100%; background: #ffffff; }
.header .logo { height: 111px; line-height: 111px; font-size: 0; }
.header .btn { width: 108px; height: 38px; margin: 35px 0 0 73px; border: 1px solid #e0e0e0; text-align: center; line-height: 38px; font-size: 0; color: #333333; position: relative; }
.header .btn span { display: inline-block; *display: inline; *zoom: 1; font-size: 14px; padding-left: 28px; background: url(../images/hBtn.png) no-repeat left top; position: relative; z-index: 2; }
.header .btn:before { content: ""; width: 100%; height: 100%; background: #009a44; position: absolute; left: 0; top: 0; transform: scaleX(0); -webkit-transform: scaleX(0); opacity: 0; visibility: hidden; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
.header .btn:hover { border-color: #009a44; color: #fff; }
.header .btn:hover:before { transform: scaleX(1); -webkit-transform: scaleX(1); opacity: 1; visibility: visible; }
.header .btn:hover span { background-position: left bottom; }
.header .form { margin-top: 30px; }
.header .form .text { width: 458px; height: 46px; border: 2px solid #009a44; border-right: none; text-indent: 8px; font-size: 14px; color: #444; line-height: 46px; }
.header .form .subm { width: 100px; height: 50px; background: #009a44; border: none; text-align: center; line-height: 50px; font-size: 16px; color: #ffffff; cursor: pointer; }

.header .searchBtn { width: 40px; height: 40px; cursor: pointer; background: url(../images/searchBtn.png) no-repeat center; margin: 35px 0 0 10px; display: none; }

.header .menuIcon { width: 22px; cursor: pointer; margin: 45px 0 0 5px; display: none; }
.header .menuIcon span { display: block; height: 3px; background: #797979; margin-top: 4px; position: relative; }
.header .menuIcon span:first-child { margin-top: 0; }

.navWrap { width: 100%; background: #fff; }
.navWrap .hprodNav { width: 240px; height: 46px; position: relative; z-index: 999; }
.navWrap .hprodNav dl dt { width: 100%; height: 17px; padding: 15px 0 14px; background: #009a44; border-radius: 6px 6px 0 0; text-align: center; line-height: 17px; cursor: pointer; font-size: 0; }
.navWrap .hprodNav dl dt .clearfix { display: inline-block; *display: inline; *zoom: 1; }
.navWrap .hprodNav dl dt .btn { width: 18px; height: 17px; position: relative; }
.navWrap .hprodNav dl dt .btn span { height: 3px; background: #fff; display: block; margin: 0; padding: 0; border: none; position: absolute; transition: .5s 0s; -moz-transition: .5s 0s; -ms-transition: .5s 0s; -o-transition: .5s 0s; -webkit-transition: .5s 0s; }
.navWrap .hprodNav dl dt .btn span.span1 { width: 100%; top: 0; right: 0; }
.navWrap .hprodNav dl dt .btn span.span2 { width: 50%; top: 50%; left: 0; margin-top: -1.5px; opacity: 1; }
.navWrap .hprodNav dl dt .btn span.span3 { width: 50%; top: 50%; right: 0; margin-top: -1.5px; opacity: 1; }
.navWrap .hprodNav dl dt .btn span.span4 { width: 100%; bottom: 0; right: 0; }
.navWrap .hprodNav dl dt em { font-size: 16px; color: #ffffff; line-height: 17px; margin-left: 12px; }

/*.navWrap .hprodNav dl.close dt .btn span.span1 { width: 100%; top: 50%; margin-top: -2px; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; -webkit-transform-origin: center; }
.navWrap .hprodNav dl.close dt .btn span.span2 { opacity: 0; left: -50%; }
.navWrap .hprodNav dl.close dt .btn span.span3 { opacity: 0; right: -50%; }
.navWrap .hprodNav dl.close dt .btn span.span4 { width: 100%; bottom: 50%; margin-bottom: -1px; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; -webkit-transform-origin: center; }
*/


.navWrap .hprodNav dl dd { width: 100%; height: 460px; position: absolute; left: 0; top: 46px; z-index: 999; background: url(../images/gray70.png) repeat; box-sizing: border-box; padding: 16px 0 44px; }
.navWrap .hprodNav dl dd ul .nLi { height: 39px; line-height: 39px; padding-bottom: 1px; padding: 0 20px; cursor: pointer; }
.navWrap .hprodNav dl dd ul .nLi:before { content: ""; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: url(../images/white10.png) repeat; }
.navWrap .hprodNav dl dd ul .nLi h3 a { display: block; padding: 0 25px 0 26px; font-size: 14px; color: #ffffff; font-weight: normal; line-height: 39px; font-size: 14px; color: #ffffff; position: relative; }
.navWrap .hprodNav dl dd ul .nLi h3 a:before { content: ""; width: 26px; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/hprodIcon.png) no-repeat left top; }
.navWrap .hprodNav dl dd ul .nLi.nLi0 h3 a:before { background-position-y: 0px; }
.navWrap .hprodNav dl dd ul .nLi.nLi3 h3 a:before { background-position-y: -40px; }
.navWrap .hprodNav dl dd ul .nLi.nLi4 h3 a:before { background-position-y: -80px; }
.navWrap .hprodNav dl dd ul .nLi.nLi5 h3 a:before { background-position-y: -120px; }
.navWrap .hprodNav dl dd ul .nLi.nLi6 h3 a:before { background-position-y: -160px; }
.navWrap .hprodNav dl dd ul .nLi.nLi0 h3 a:before { background-position-y: -200px; }
.navWrap .hprodNav dl dd ul .nLi.nLi7 h3 a:before { background-position-y: -240px; }
.navWrap .hprodNav dl dd ul .nLi.nLi8 h3 a:before { background-position-y: -280px; }
.navWrap .hprodNav dl dd ul .nLi.nLi9 h3 a:before { background-position-y: -320px; }
.navWrap .hprodNav dl dd ul .nLi.nLi10 h3 a:before { background-position-y: -360px; }
.navWrap .hprodNav dl dd ul .nLi.nLi1 h3 a:before { background-position-y: -400px; }
.navWrap .hprodNav dl dd ul .nLi.nLi2 h3 a:before { background-position-y: -440px; }
.navWrap .hprodNav dl dd ul .nLi h3 span { font-size: 14px; font-family: "SimSun"; filter: alpha(opacity=50); opacity: 0.5; }
.navWrap .hprodNav dl dd ul .nLi .inner { width: 500px; height: 460px; background: #fff; position: absolute; left: 240px; top: 0; box-sizing: border-box; padding: 16px 30px 30px; display: none; }
.navWrap .hprodNav dl dd ul .nLi .inner h5 { margin-bottom: 16px; }
.navWrap .hprodNav dl dd ul .nLi .inner h5 a { display: block; font-size: 14px; color: #3c3c3c; line-height: 39px; border-bottom: 1px solid #f0f0f0; }
.navWrap .hprodNav dl dd ul .nLi .inner ul li { font-size: 12px; color: #444; line-height: 19px; margin: 0 24px 6px 0; }
.navWrap .hprodNav dl dd ul .nLi .inner ul li a:hover { color: #009a44; }
.navWrap .hprodNav dl dd ul .nLi:hover { background: #fff; }
.navWrap .hprodNav dl dd ul .nLi:hover h3 a { color: #009a44; }
.navWrap .hprodNav dl dd ul .nLi:hover h3 a:before { background-position-x: -26px; }
.navWrap .hprodNav dl dd ul .nLi:hover h3 a span { filter: alpha(opacity=100); opacity: 1; }
.navWrap .hprodNav dl dd ul .nLi:hover .inner { display: block; }

body.nyBody .navWrap .hprodNav dl dd { display: none; }

.navWrap .nav { margin-right: -30px; }
.navWrap .nav .nLi { padding: 0 25px; margin: 0 5px; }
.navWrap .nav .nLi.hot { background: url(../images/hotIcon.png) no-repeat right top; }
.navWrap .nav .nLi a { display: block; font-size: 16px; color: #1a1a1a; line-height: 46px; }
.navWrap .nav .nLi.on a, .navWrap .nav .nLi a:hover { color: #009a44; }



.banner { width: 100%; position: relative; overflow: hidden; }
.banner .swiper-slide a { display: block; width: 100%; height: 0; padding-bottom: 460px; background-repeat: no-repeat; background-position: center top; }
.banner.swiper-container-horizontal > .swiper-pagination-bullets { width: 1200px; height: 11px; position: absolute; left: 50%; bottom: 20px; margin-left: -600px; text-align: right; line-height: 11px; font-size: 0; }
.banner.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {; width: 9px; height: 9px; border-radius: 50%; border: 1px solid #fff; margin: 0 0 0 10px; cursor: pointer; font-size: 0; text-indent: 999em; background: none; opacity: 1; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }
.banner.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; }


.ititle { height: 70px; padding-top: 20px; }
.ititle h3 { line-height: 70px; font-size: 24px; color: #1a1a1a; font-weight: normal; }
.ititle h3 span { margin-right: 15px; }
.ititle .imore { font-size: 14px; color: #4c4c4c; line-height: 70px; padding-left: 27px; position: relative; }
.ititle .imore i { width: 16px; height: 14px; position: absolute; left: 0; top: 50%; margin-top: -7px; }
.ititle .imore i:before,
.ititle .imore i:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/imore.png) no-repeat left top; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }
.ititle .imore i:after { background-position-y: bottom; z-index: 2; filter: alpha(opacity=0); opacity: 0; }
.ititle .imore:hover { color: #009a44; }
.ititle .imore:hover i { -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); }
.ititle .imore:hover i:before { filter: alpha(opacity=0); opacity: 0; }
.ititle .imore:hover i:after { filter: alpha(opacity=100); opacity: 1; }
.ititle ul { height: 30px; padding: 21px 0 0 0; }
.ititle ul li { background: #ffffff; margin-left: 7px; -webkit-transform: skewX(-14deg); transform: skewX(-14deg); font-size: 14px; color: #4c4c4c; line-height: 30px; }
.ititle ul li a { display: block; padding: 0 25px; -webkit-transform: skewX(14deg); transform: skewX(14deg); }
.ititle ul li:hover { background: #009a44; color: #fff; }


.iMain { margin: 0 auto 60px; }
.isect1 .ititle { padding-top: 10px; }
.isect1 .list1 li { width: 23.3%; height: 337px; padding: 10px; background: #4bbfb4; margin: 0 0 20px 2.26%; box-sizing: border-box; }
.isect1 .list1 li.li1,
.isect1 .list1 li.li5 { margin-left: 0; }
.isect1 .list1 li.li2 { background: #fa625c; }
.isect1 .list1 li.li3 { background: #f3ad37; }
.isect1 .list1 li.li4 { background: #43ad40; }
.isect1 .list1 li a { display: block; height: 100%; box-sizing: border-box; border: 4px solid #68c9c0; padding: 15px 10px 0; text-align: center; }
.isect1 .list1 li.li2 a { border-color: #fb7b76; }
.isect1 .list1 li.li3 a { border-color: #f5ba57; }
.isect1 .list1 li.li4 a { border-color: #61ba5f; }
.isect1 .list1 li a h5 { font-size: 18px; line-height: 32px; color: #ffffff; }
.isect1 .list1 li a p { font-size: 12px; line-height: 25px; color: #ffffff; font-weight: 300; filter: alpha(opacity=70); opacity: 0.7; }
.isect1 .list1 li a .pic { width: 90%; height: 212px; margin: 10px auto; overflow: hidden; line-height: 212px; }
.isect1 .list1 li a .pic img { max-width: 100%; max-height: 100%; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
.isect1 .list1 li:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2); box-shadow: 0 15px 30px rgba(0,0,0,0.2); -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); }

.isect1 .list1 li.li5,
.isect1 .list1 li.li6,
.isect1 .list1 li.li7,
.isect1 .list1 li.li8 { background: #ffffff; margin-bottom: 0; text-align: center; height: 210px; }
.isect1 .list1 li.li5 a,
.isect1 .list1 li.li6 a,
.isect1 .list1 li.li7 a,
.isect1 .list1 li.li8 a { display: block; padding: 22px 15px 0; border: none; }
.isect1 .list1 li.li5 a .pic,
.isect1 .list1 li.li6 a .pic,
.isect1 .list1 li.li7 a .pic,
.isect1 .list1 li.li8 a .pic { height: 104px; line-height: 104px; margin: 0 0 8px; }
.isect1 .list1 li.li5 a p,
.isect1 .list1 li.li6 a p,
.isect1 .list1 li.li7 a p,
.isect1 .list1 li.li8 a p { font-size: 12px; line-height: 21px; color: #808080; font-weight: 300; }
.isect1 .list1 li.li5 a h5,
.isect1 .list1 li.li6 a h5,
.isect1 .list1 li.li7 a h5,
.isect1 .list1 li.li8 a h5 { font-size: 16px; line-height: 28px; color: #1a1a1a; font-weight: normal; }


.iprod { height: 488px; padding-top: 2px; background: #f3982b; }
.iprod ul.pList { width: 100%; height: 100%; position: relative; }
.iprod ul li.li { position: absolute; width: 296px; height: 234px; padding: 5px; position: absolute; background: #fff; }
.iprod ul li.li a { display: block; width: 100%; height: 100%; background: #ededed; text-align: center; box-sizing: border-box; padding: 25px 22px 0; }
.iprod ul li.li a h5 { height: 22px; line-height: 22px; font-size: 15px; color: #333333; }
.iprod ul li.li a p { font-size: 12px; line-height: 23px; color: #808080; margin-bottom: 4px; }
.iprod ul li.li a .pic { height: 160px; text-align: center; line-height: 160px; }
.iprod ul li.li a .pic img { max-width: 90%; max-height: 90%; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
.iprod ul li.li:hover a h5 { color: #009a44; }
.iprod ul li.li.li1 { width: 219px; height: 465px; padding: 24px 31px 0 30px; background: url(../images/idtBg1.jpg) no-repeat left top; left: 0; top: 0; }
.iprod ul li.li.li1 a { padding: 0; background: none; text-align: left; }
.iprod ul li.li.li1 h5 { line-height: 30px; height: 30px; font-size: 18px; color: #ffffff; }
.iprod ul li.li.li1:hover a h5 { color: #fff; }
.iprod ul li.li.li1 p { font-size: 12px; line-height: 23px; color: #ffffff; padding-bottom: 15px; margin-bottom: 4px; background: url(../images/dotted.png) repeat-x left bottom; }
.iprod ul li.li.li1 .pic { height: 300px; line-height: 300px; }
.iprod ul li.li.li1 ul { padding-left: 7px; }
.iprod ul li.li.li1 ul li { width: 100px; height: 30px; margin: 0 5px 5px 0; background: url(../images/gray30.png) repeat; text-align: center; line-height: 28px; font-size: 14px; color: #ffffff; }

.iprod ul li.li.li2 { left: 280px; top: 0; border-bottom: 1px solid #ebebeb; }
.iprod ul li.li.li3 { left: 586px; top: 0; height: 484px; padding-bottom: 0; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; }
.iprod ul li.li.li3 a { padding-top: 46px; background: #fff; }
.iprod ul li.li.li3 a h5 { height: 32px; line-height: 32px; }
.iprod ul li.li.li3 a p { line-height: 20px; height: 40px; overflow: hidden; margin-bottom: 50px; }
.iprod ul li.li.li3 a .btn { width: 98px; height: 32px; margin: 0 auto 29px; border: 1px solid #d1d1d1; border-radius: 17px; text-align: center; line-height: 32px; }
.iprod ul li.li.li3 a .pic { height: 250px; line-height: 250px; }
.iprod ul li.li.li3 a:hover .btn { border-color: #009a44; background: #009a44; color: #fff; }

.iprod ul li.li.li4 { right: 0; top: 0; }
.iprod ul li.li.li5 { left: 280px; bottom: 0; }
.iprod ul li.li.li6 { right: 0; bottom: 0; }

.iprod ul li.li:hover a .pic img { -webkit-transform: translateX(-10px); -webkit-transform: translateX(-10px); }

.isect3 .iprod { background: #1d76b7; }
.isect3 .iprod ul li.li.li1 { background: url(../images/idtBg2.jpg) no-repeat left top; }

.isect4 .iprod { background: #33bdb0; }
.isect4 .iprod ul li.li.li1 { background: url(../images/idtBg3.jpg) no-repeat left top; }

.isect5 .iprod { background: #199751; }
.isect5 .iprod ul li.li.li1 { background: url(../images/idtBg4.jpg) no-repeat left top; }

.footer { padding: 45px 0 33px; background: #2f2f2f; }
.footer .left { font-size: 14px; line-height: 24px; color: #ffffff; max-width: 700px; padding-top: 43px; }
.footer .left a:hover { text-decoration: underline; }
.footer ul li { width: 128px; margin-left: 30px; }
.footer ul li:first-child { margin-left: 0; }
.footer ul li .pic img { width: 128px; height: 128px; border-radius: 4px; }
.footer ul li p { font-size: 14px; line-height: 44px; color: #ffffff; text-align: center; }

.nyWrap { margin-bottom: 80px; min-height: 450px; }
.path { font-size: 14px; line-height: 52px; color: #333333; width: 100%; background: #f0f0f0; }
.path span { font-family: "SimSun"; margin: 0 8px; }
.path a:hover { color: #009a44; }

.prodList ul { width: 1225px; padding-bottom: 10px; }
.prodList ul li { width: 296px; height: 286px; margin: 0 5px 30px 0; background: #ffffff; }
.prodList ul li a { display: block; width: 100%; height: 100%; box-sizing: border-box; padding: 10px 10px 0; position: relative; text-align: center; overflow: hidden; }
.prodList ul li a .pic { width: 100%; height: 148px; background: #ededed; line-height: 148px; }
.prodList ul li a .pic img { max-width: 90%; max-height: 90%; }
.prodList ul li a .text { padding-top: 23px; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
.prodList ul li a .text h5 { font-size: 16px; line-height: 29px; color: #1a1a1a; font-weight: normal; }
.prodList ul li a .text p { font-size: 12px; line-height: 29px; color: #808080; }
.prodList ul li a .text span { width: 100%; height: 44px; background: #009a44; font-size: 14px; color: #ffffff; line-height: 44px; position: absolute; left: 0; bottom: -44px; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
.prodList ul li a:hover .text { padding-top: 13px; }
.prodList ul li a:hover .text span { bottom: 0; }

.page { text-align: center; font-size: 0; }
.page a { display: inline-block; *display: inline; *zoom: 1; height: 42px; padding: 0 32px; background: #ffffff; border: 1px solid #dbdbdb; font-size: 14px; color: #4c4c4c; line-height: 42px; margin: 0 10px; }
.page a.num { padding: 0 17px; }
.page a.on, .page a:hover { border-color: #009a44; background: #009a44; color: #fff; }

.cProdTop { padding: 40px 0 30px; }
.cProdTop .prodPic { width: 50%; height: 405px; }

.syFocusThumb { position: relative; width: 100%; overflow: hidden; }
.syFocusThumb .pagination { width: 100%; height: 60px; overflow: hidden; }
.syFocusThumb .thumbWrap { width: 100%; height: 60px; }
.syFocusThumb .holder { width: 4000px }
.syFocusThumb .holder I { cursor: pointer; }

.syFocusThumb .toc { display: block; width: 110px; height: 60px; margin-right: 13px; text-align: center; position: relative; z-index: 2; background: #e0e0e0; line-height: 60px; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
.syFocusThumb .toc img { max-width: 90%; max-height: 90%; }

.syFocusThumb .wrapper { width: 100%; margin-bottom: 20px; position: relative; }
.syFocusThumb .wrapper .contentdiv { width: 100%; height: 325px; background: #dfdfdf; text-align: center; line-height: 325px; position: relative; cursor: pointer; }
.syFocusThumb .wrapper .contentdiv:before { content: ""; width: 24px; height: 24px; position: absolute; right: 20px; bottom: 20px; background: url(../images/magnify.png) no-repeat left top; cursor: pointer; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
.syFocusThumb .wrapper .contentdiv img { max-width: 100%; max-height: 100%; }
.syFocusThumb .wrapper .contentdiv:hover:before { background-position-y: bottom; }


.Gallery { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: url(../images/gray70.png) repeat; opacity: 0; z-index: 999999; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease }
.Gallery.show { opacity: 1 }
.g-bottom, .g-left, .g-right, .g-top { z-index: 99; display: block; -webkit-appearance: none; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease }
.g-top { position: absolute; top: 0; left: 0; width: 100%; background: rgba(0,0,0,.7); height: 45px; text-align: center; line-height: 45px; color: #fff; z-index: 120 }
.g-left.none, .g-right.none { opacity: .3; cursor: not-allowed }
.g-bottom { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.7); height: 45px; text-align: center; line-height: 45px; color: #fff; z-index: 120 }
.g-left { position: absolute; top: 43%; left: 0; height: 14%; background: rgba(0,0,0,.5); width: 55px; cursor: pointer }
.g-right { position: absolute; top: 43%; right: 0; height: 14%; background: rgba(0,0,0,.5); width: 55px; cursor: pointer }
.Gallery img { max-height: 87%; max-width: 99% }
.Gallery.Gallery-none img { max-height: 100%; max-width: 99% }
.Gallery-wrap { width: 100%; height: 100%; position: relative; transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0) }
.g-left:after { content: ''; width: 20px; height: 2px; background: #fff; position: absolute; left: 16px; top: 50%; margin-top: -1px }
.g-left:before { content: ''; width: 10px; height: 10px; border: 2px solid #fff; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); border-top: none; border-right: none; display: block; position: absolute; left: 16px; top: 50%; margin-top: -6px }
.g-right:after { content: ''; width: 20px; height: 2px; background: #fff; position: absolute; right: 16px; top: 50%; margin-top: -1px }
.g-right:before { content: ''; width: 10px; height: 10px; border: 2px solid #fff; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); border-left: none; border-bottom: none; display: block; position: absolute; right: 16px; top: 50%; margin-top: -6px }
.g-list { width: 100%; height: 100%; text-align: center; vertical-align: middle; position: absolute; left: 0; top: 0 }
.g-list span { display: inline-block; vertical-align: middle; height: 100% }
.g-list img { vertical-align: middle; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; transition: all .4s ease; -moz-transition: all .4s ease; -webkit-transition: all .4s ease }
.Gallery-wrap.grab .g-list img { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing }
.g-top .g-count { width: auto; height: 100%; position: absolute; left: 0; top: 0; padding: 0 18px }
.g-top button { height: 45px; width: 45px; border: none; position: absolute; right: 0; top: 0; opacity: .8; background: 0 0; -webkit-tap-highlight-color: transparent }
.g-top span { display: block; width: 100%; height: 100%; line-height: 45px; color: #fff }
.g-close { cursor: pointer }
.g-close:after { content: ''; width: 24px; height: 2px; background: #fff; display: block; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; left: 8px; top: 21px }
.g-close:before { content: ''; width: 24px; height: 2px; background: #fff; display: block; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; left: 8px; top: 21px }
.g-top button:hover { opacity: 1 }


.cProdTop .prodDesc { width: 47%; }
.cProdTop .prodDesc .tit { margin-bottom: 20px; border-bottom: 1px solid #dbdbdb; padding: 3px 0 4px; }
.cProdTop .prodDesc .tit h5 { font-size: 24px; line-height: 30px; color: #1a1a1a; font-weight: normal; margin-bottom: 5px; }
.cProdTop .prodDesc .tit p { font-size: 14px; line-height: 22px; color: #666666; height: 44px; overflow: hidden; }
.cProdTop .prodDesc .desc { font-size: 16px; line-height: 36px; color: #333333; margin-bottom: 32px; }
.cProdTop .prodDesc .bdsharebuttonbox span { width: 72px; height: 50px; background: #009a44; font-size: 14px; color: #ffffff; line-height: 50px; text-align: center; }
.cProdTop .prodDesc .bdsharebuttonbox .shareItem { width: 48px; height: 48px; border: 1px solid #dbdbdb; margin: 0 0 0 -1px; padding: 0; background: url(../images/shareIcon.png) no-repeat left top; }
.cProdTop .prodDesc .bdsharebuttonbox .shareItem.bds_tsina { border-left: none; }
.cProdTop .prodDesc .bdsharebuttonbox .shareItem.bds_weixin { background-position-x: -48px; }
.cProdTop .prodDesc .bdsharebuttonbox .shareItem.bds_more { background-position-x: -96px; }
.cProdTop .prodDesc .bdsharebuttonbox .shareItem:hover { background-position-y: -46px; }

.prodTab { width: 100%; padding-bottom: 20px; }
.prodTab .hd { width: 100%; height: 50px; background: #f0f0f0; border-bottom: 2px solid #d6d6d6; margin-bottom: 20px; }
.prodTab .hd ul li { float: left; padding: 0 26px; height: 52px; line-height: 50px; font-size: 16px; color: #1a1a1a; cursor: pointer; }
.prodTab .hd ul li.on { background: #009a44; color: #fff; }
.prodTab .bd .bdItem { font-size: 14px; line-height: 26px; color: #333333; text-align: justify; min-height: 350px; }
.prodTab .bd .bdItem * { max-width: 100% !important; }
.prodTab .bd .bdItem img { height: auto !important; }
.prodTab .bd .bdItem .quesList li { padding: 15px 19px 21px; border: 1px solid #dbdbdb; margin-bottom: 20px; }
.prodTab .bd .bdItem .quesList li .tit { padding-bottom: 16px; border-bottom: 1px solid #dbdbdb; margin-bottom: 13px; font-size: 16px; color: #333333; line-height: 24px; }
.prodTab .bd .bdItem .quesList li .tit img, .prodTab .bd .bdItem .quesList li .cont img { margin-right: 12px; }

.downloadList { }
.downloadList ul { margin-bottom: 50px; }
.downloadList ul li { height: 44px; line-height: 44px; border-bottom: 1px dotted #afafaf; }
.downloadList ul li a { display: block; padding: 0 100px 0 17px; position: relative; }
.downloadList ul li a h5 { font-size: 14px; color: #353535; font-weight: normal; }
.downloadList ul li a span { font-size: 12px; color: #808080; position: absolute; right: 0; top: 0; padding-left: 24px; background: url(../images/download.png) no-repeat left center; }
.downloadList ul li a i { width: 0; height: 0; border: 5px solid transparent; border-left: 5px solid #009a44; position: absolute; left: 0; top: 50%; margin-top: -5px; }
.downloadList ul li a:hover h5 { padding-left: 8px; color: #009a44; }
.downloadList ul li a:hover span { color: #009a44; }

.recomProd { border: 1px solid #dbdbdb; }
.recomProd .tit { height: 46px; padding: 0 19px; background: #f0f0f0; border-bottom: 1px solid #dbdbdb; font-size: 16px; color: #1a1a1a; line-height: 46px; font-weight: normal; margin-bottom: 30px; }

.recomProdScroll { padding: 0 60px; position: relative; overflow: hidden; }
.recomProdScroll .bd { width: 100%; overflow: hidden; }
.recomProdScroll .bd ul li { width: 350px; float: left; margin-right: 14px; }
.recomProdScroll .bd ul li a { display: block; text-align: center; }
.recomProdScroll .bd ul li a .pic { width: 100%; height: 190px; line-height: 190px; text-align: center; overflow: hidden; }
.recomProdScroll .bd ul li a .pic img { max-width: 100%; max-height: 100%; }
.recomProdScroll .bd ul li a h5 { height: 63px; line-height: 57px; font-size: 16px; font-weight: normal; }
.recomProdScroll .bd ul li a:hover h5 { color: #009a44; }
.recomProdScroll .prev, .recomProdScroll .next { width: 21px; height: 42px; position: absolute; top: 62px; cursor: pointer; background: url(../images/arrow.png) no-repeat left top; }
.recomProdScroll .prev { left: 19px; }
.recomProdScroll .next { right: 19px; background-position-y: bottom; }

.recomProdScroll { padding: 0 60px; position: relative; overflow: hidden; }
.recomProdScroll .swiper-button-prev,
.recomProdScroll .swiper-button-next { width: 21px; height: 42px; position: absolute; top: 62px; cursor: pointer; background: url(../images/arrow.png) no-repeat left top; cursor: pointer; margin-top: 0; }
.recomProdScroll .swiper-button-next { right: 19px; background-position-y: bottom; }
.recomProdScroll .swiper-container { width: 100%; overflow: hidden; }
.recomProdScroll .swiper-container .swiper-slide a { display: block; text-align: center; }
.recomProdScroll .swiper-container .swiper-slide a .pic { width: 100%; height: 190px; line-height: 190px; text-align: center; overflow: hidden; }
.recomProdScroll .swiper-container .swiper-slide a .pic img { max-width: 100%; max-height: 100%; }
.recomProdScroll .swiper-container .swiper-slide a h5 { height: 63px; line-height: 57px; font-size: 16px; font-weight: normal; }
.recomProdScroll .swiper-container .swiper-slide a:hover h5 { color: #009a44; }
.recomProdScroll .swiper-container.swiper-container-horizontal > .swiper-pagination-bullets { display: none; }
.recomProdScroll .swiper-container.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #009a44; }


/*20190218*/
.sitemap { }
.sitemap .nLi { border-bottom: 1px dashed #dbdbdb; padding: 15px 0; }
.sitemap .nLi h3 { line-height: 30px; font-family: "Microsoft Yahei"; font-size: 16px; color: #333; font-weight: bold; position: relative; padding-left: 16px; }
.sitemap .nLi h3:before { content: ""; display: inline-block; width: 4px; height: 16px; background: #009a44; position: absolute; left: 0; top: 50%; margin-top: -8px; }
.sitemap .nLi h3 a:hover { color: #009a44; }
.sitemap .nLi ul { padding: 0 0 0 16px; }
.sitemap .nLi ul li { float: left; margin-right: 40px; line-height: 30px; font-family: "Microsoft Yahei"; font-size: 14px; color: #4c4c4c; }
.sitemap .nLi ul li a:hover { color: #009a44; text-decoration: underline; }
/*20190218 end*/


/*20190226*/
.isect1 .list1 li a .pic { height: 180px; line-height: 180px; }
.isect1 .list1 li a p.point { opacity: 1; }
.isect1 .list1 li.li5, .isect1 .list1 li.li6, .isect1 .list1 li.li7, .isect1 .list1 li.li8 { height: 238px; }
.isect1 .list1 li.li5 a p.point, .isect1 .list1 li.li6 a p.point, .isect1 .list1 li.li7 a p.point, .isect1 .list1 li.li8 a p.point { background: #009a44; color: #fff; line-height: 32px; font-size: 13px; padding: 0 3px; }
.iprod ul li.li a p.point { margin-bottom: 0; color: #666; background: #009a44; color: #fff; padding: 0 5px; }
.iprod ul li.li a .pic { height: 130px; line-height: 130px; }
.iprod ul li.li.li1 a p.point { color: #fff; background: none; padding-bottom: 0; font-size: 13px; }
.iprod ul li.li.li1 .pic { height: 280px; line-height: 280px; }
.iprod ul li.li.li3 a p { height: auto; }
.prodList ul li a .text p { line-height: 24px; }
.prodList ul li { height: 290px; }
.prodList ul li a .text span { height: 38px; line-height: 38px; }
.prodList ul li a .text p.point { background: #009a44; color: #fff; padding: 0 5px; }
/*20190226 end*/

/*20190227*/
body.grayBg { background: #f9f8f8; }
.isect1 .list1 li.li1 a h5,
.isect1 .list1 li.li2 a h5,
.isect1 .list1 li.li3 a h5,
.isect1 .list1 li.li4 a h5 { border: 1px solid #fff; }

/*20190227 end*/


@media screen and (max-width: 1220px) {
    .w1200 { width: auto; padding: 0 5%; }

    .header .form .text { width: 300px; }
    .header .btn { margin-left: 40px; }
    .navWrap .nav .nLi { padding: 0 15px; }

    .banner .swiper-slide a { height: 0; padding-bottom: 38.33%; background-size: cover; }
    .banner.swiper-container-horizontal > .swiper-pagination-bullets { width: 100%; left: 0; margin-left: 0; box-sizing: border-box; padding: 0 5%; text-align: center; }

    .iprod, .isect3 .iprod, .isect4 .iprod, .isect5 .iprod { height: auto; background: none; }
    .iprod ul li.li.li1,
    .iprod ul li.li.li2,
    .iprod ul li.li.li3,
    .iprod ul li.li.li4,
    .iprod ul li.li.li5,
    .iprod ul li.li.li6 { position: relative; width: 33.3%; float: left; height: auto; box-sizing: border-box; padding: 10px; left: 0; top: 0; right: 0; bottom: 0; background-size: cover; border: none; }
    .iprod ul li.li.li1,
    .isect3 .iprod ul li.li.li1,
    .isect4 .iprod ul li.li.li1,
    .isect5 .iprod ul li.li.li1 { background: #fff; }
    .iprod ul li.li.li1 a, .iprod ul li.li.li3 a { background: #ededed; padding: 25px 22px 0; text-align: center; }
    .iprod ul li.li.li1 ul { display: none; }
    .iprod ul li.li.li1 a h5, .iprod ul li.li.li3 a h5 { height: 22px; line-height: 22px; font-size: 15px; color: #333333; }
    .iprod ul li.li.li1 a p { font-size: 12px; line-height: 23px; color: #808080; margin-bottom: 4px; padding-bottom: 0; background: none; }
    .iprod ul li.li.li1 a .pic, .iprod ul li.li.li3 a .pic { height: 160px; line-height: 160px; }
    .iprod ul li.li.li3 a p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 4px; height: 23px; }
    .iprod ul li.li.li3 a .btn { display: none; }


    .ititle ul li a { padding: 0 10px; }

    .prodList ul { width: 100%; }
    .prodList ul li { width: 24.6%; margin: 0 0.5% 30px 0; }
    .prodList ul li:nth-child(4n) { margin-right: 0; }
}

@media screen and (max-width: 1024px) {
    .hTop ul, .header .form, .header .btn, .navWrap .hprodNav, .navWrap .nav { display: none; }
    .hTop p.fl { width: 100%; text-align: center; }
    .header .menuIcon, .header .searchBtn { display: block; }

    .isect1 .list1 li,
    .isect1 .list1 li.li5,
    .isect1 .list1 li.li6,
    .isect1 .list1 li.li7,
    .isect1 .list1 li.li8 { width: 49%; margin: 0 0 15px; }
    .isect1 .list1 li:nth-child(2n) { float: right; }

    .ititle ul { display: none; }

    .footer .left { width: 100%; text-align: center; float: none; max-width: none; padding: 0 0 20px; }
    .footer ul.fr { width: 286px; margin: 0 auto; float: none; }

    .prodList ul li { width: 33%; }
    .prodList ul li:nth-child(4n) { margin-right: 0.5%; }
    .prodList ul li:nth-child(3n) { margin-right: 0; }


    .cProdTop .prodPic, .cProdTop .prodDesc { width: 100%; }
    .cProdTop .prodPic { margin-bottom: 30px; }
    .cProdTop .prodDesc .tit p { height: auto; padding-bottom: 12px; }
}

@media screen and (max-width: 768px) {
    .header .logo { height: 80px; line-height: 80px; }
    .header .logo img { height: 40px; }
    .header .menuIcon { margin-top: 30px; }
    .header .searchBtn { margin-top: 20px; }

    .iprod ul li.li.li1,
    .iprod ul li.li.li2,
    .iprod ul li.li.li3,
    .iprod ul li.li.li4,
    .iprod ul li.li.li5,
    .iprod ul li.li.li6 { width: 50%; }

    .prodList ul li { width: 49.5%; margin: 0 0 20px 0; }
    .prodList ul li:nth-child(4n) { margin-right: 0; }
    .prodList ul li:nth-child(2n) { float: right; }

    .prodTab .hd ul li { padding: 0 22px; font-size: 14px; }

    .recomProdScroll .swiper-button-prev, .recomProdScroll .swiper-button-next { display: none; }
    .recomProdScroll { padding: 0 10px; }
    .recomProdScroll .swiper-container { padding-bottom: 30px; }
    .recomProdScroll .swiper-container.swiper-container-horizontal > .swiper-pagination-bullets { display: block; bottom: 18px; }
}

@media screen and (max-width: 468px) {
    .header .logo img { height: 30px; }

    .isect1 .list1 li,
    .isect1 .list1 li.li5,
    .isect1 .list1 li.li6,
    .isect1 .list1 li.li7,
    .isect1 .list1 li.li8 { width: 100%; }

    .iprod ul li.li.li1,
    .iprod ul li.li.li2,
    .iprod ul li.li.li3,
    .iprod ul li.li.li4,
    .iprod ul li.li.li5,
    .iprod ul li.li.li6 { width: 100%; }

    .prodList ul li { width: 100%; }

    .page a.num { display: none; }
    .page a.num.on { display: inline-block; }

    .prodTab .hd ul li { padding: 0 8px; }

    .cProdTop .prodPic { height: auto; }
    .syFocusThumb .wrapper .contentdiv { height: 220px; line-height: 220px; }

    /*20190218*/
    .sitemap .nLi { padding: 10px 0; }
    .sitemap .nLi h3 { font-size: 14px; padding-left: 10px; }
    .sitemap .nLi h3:before { width: 2px; height: 12px; margin-top: -5px; }
    .sitemap .nLi ul { padding-left: 10px; }
    .sitemap .nLi ul li { margin-right: 12px; }
    /*20190218 end*/
}