@charset "UTF-8";
* { word-wrap: break-word; }

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

html { min-width: 1280px; overflow-x: auto; }

html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset { margin: 0; padding: 0; font-weight: normal; -webkit-tap-highlight-color: transparent; }

ul, ol, dl { list-style-type: none; }

html, body { *position: static; color: #000; background: #fff; width: 100%; height: auto; }

address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; border: 0; }

input, button { overflow: visible; vertical-align: middle; outline: none; }

body, th, td, button, input, select, textarea { font-size: 14px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

a { text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-transition: all .4s; transition: all .4s; color: #000; }

a img { -webkit-transition: all .4s; transition: all .4s; }

a:hover, a:focus, a:active { text-decoration: none; outline: none; }

a.ie6:hover { zoom: 1; }

b, i { font-weight: normal; font-style: normal; }

sub, sup { vertical-align: baseline; }

button, input[type="button"], input[type="submit"] { line-height: normal !important; }

img { border: 0; object-fit: cover; display: block; -webkit-user-drag: none; }

input, textarea { border: 0; background: none; outline: none; resize: none; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

input[type="text"], input[type="tel"], input[type="button"], input[type="submit"], input[type="reset"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; border-radius: 0; -webkit-tap-highlight-color: transparent; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #bbb; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #bbb; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bbb; }

::-webkit-scrollbar { width: 12px; height: 8px; }

::-webkit-scrollbar-track { background: #ececec; }

::-webkit-scrollbar-track:hover { background: #e1e1e1; }

::-webkit-scrollbar-thumb { border-radius: 0; background: silver; }

::-webkit-scrollbar-thumb:hover { background: #999; }

::-webkit-scrollbar-corner { background: 0 0; }

.layui-layer-btn .layui-layer-btn0 { border-color: #9CCA55 !important; background: #9CCA55 !important; }

.cl:after, .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

.cl, .clearfix { zoom: 1; }

.fl { float: left !important; }

.fr { float: right !important; }

.text-l { text-align: left; }

.text-c { text-align: center; }

.text-r { text-align: right; }

.text-i { font-style: italic; }

.container { margin-left: 4%; margin-right: 4%; min-width: 1100px; position: relative; }

.container:after, .container:before { content: ""; display: table; }

.container:after { clear: both; }

.container-fluid { margin-right: auto; margin-left: auto; }

.container-fluid:after, .container-fluid:before { content: ""; display: table; }

.container-fluid:after { clear: both; }

.commonTitle { font-size: 40px; color: #4B4C4D; font-weight: bold; margin-bottom: 40px; }

.commonTitle1 { font-size: 30px; color: #4B4C4D; padding-bottom: 25px; margin-bottom: 20px; border-bottom: 1px solid #ececec; }

/*! 1441-1920px 大屏 */
/* header */
.header { width: 100%; min-height: 80px; position: fixed; left: 0; top: 0; z-index: 2; background: #fff; }

.header .top { padding: 10px 0; }

.header .logo { float: left; }

.header .logo img { width: 100%; }

.header .nav { width: 50%; height: auto; overflow: hidden; float: left; margin-left: 3.5%; min-width: 550px; }

.header .nav .item { width: 12.5%; max-width: 100px; font-size: 16px; color: #333; float: left; text-align: center; padding: 26px 0 13px; position: relative; }

.header .nav .item:after { content: ""; width: 0; height: 2px; background: #9CCA55; position: absolute; left: 0; bottom: 5px; right: 0; margin: auto; transition: all .4s; }

.header .nav .item.active, .header .nav .item:hover { color: #9CCA55; }

.header .nav .item.active:after, .header .nav .item:hover:after { width: 30px; }

.header .other { width: 35%; height: auto; float: right; padding: 26px 0 10px; text-align: right; }

.header .other .item { font-size: 14px; color: #333; margin-left: 2%; padding-left: 3%; position: relative; }

.header .other .item i { font-size: 18px; vertical-align: -1px; margin-right: 5px; }

.header .other .item.tel { font-size: 18px; vertical-align: -2px; margin: 0; padding: 0; color: #9CCA55; }

.header .other .item.tel:before { display: none; }

.header .other .item.wechat { z-index: 1; }

.header .other .item.wechat .ewm { width: 90px; height: auto; position: absolute; left: 13px; top: 45px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); display: none; }

.header .other .item.wechat .ewm img { width: 100%; }

.header .other .item.wechat .ewm:after { content: ""; display: block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; position: absolute; left: 50%; top: -8px; margin-left: -8%; }

.header .other .item:before { content: ""; width: 1px; height: 15px; background: #eee; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }

.header .other .btnLanguage { font-size: 14px; color: #333; margin-left: 2%; padding-left: 3%; position: relative; cursor: pointer; float: right; }

.header .other .btnLanguage i { font-size: 18px; vertical-align: -1px; color: #818181; }

.header .other .btnLanguage .icon-earth { margin-right: 5px; }

.header .other .btnLanguage .icon-dropdown { font-size: 14px; margin-left: 3px; }

.header .other .btnLanguage .languageBox { width: 100%; position: absolute; right: -10px; top: 25px; z-index: 5; padding: 5px; box-shadow: 0 1px 5px #ccc; background: #fff; border: 1px solid #eee; text-align: center; display: none; }

.header .other .btnLanguage .languageBox a { line-height: 24px; display: block; }

.header .other .btnLanguage:before { content: ""; width: 1px; height: 15px; background: #eee; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }

.header .searchBox { height: auto; overflow: hidden; position: relative; display: none; background: #fff; background: rgba(255, 255, 255, 0.8); border-top: 1px solid #eee; }

.header .searchBox input { width: 100%; height: 56px; line-height: 56px; background: none; font-size: 16px; padding-left: 3%; }

.header .searchBox .btnSearch1 { width: 200px; line-height: 56px; text-align: center; background: #9CCA55; position: absolute; right: 0; top: 0; margin: 0; }

.header .searchBox .btnSearch1 i { font-size: 20px; color: #fff; }

/*footer*/
.footer { height: auto; overflow: hidden; background: #EAEAEA; }

.footer .top { height: auto; overflow: hidden; border-bottom: 1px solid #DCDCDC; padding: 40px 0 60px; }

.footer .top .left { width: 80%; height: auto; overflow: hidden; float: left; }

.footer .top .left dl { height: auto; overflow: hidden; float: left; margin-left: 4%; }

.footer .top .left dl dt { font-size: 16px; color: #333; margin-bottom: 15px; }

.footer .top .left dl dt a { color: #333; }

.footer .top .left dl dt a:hover { color: #9CCA55; }

.footer .top .left dl dd { font-size: 14px; color: #666; line-height: 30px; }

.footer .top .left dl dd i { margin-right: 10px; color: #9CCA55; }

.footer .top .left dl dd a { color: #666; }

.footer .top .left dl dd a:hover { color: #9CCA55; }

.footer .top .left dl:first-child { margin-left: 0; }

.footer .top .right { width: 20%; height: auto; overflow: hidden; float: right; }

.footer .top .right .box { height: auto; overflow: hidden; }

.footer .top .right .box .qr { width: 100px; float: right; text-align: center; margin-left: 6%; }

.footer .top .right .box .qr img { width: 100%; }

.footer .top .right .box .qr p { font-size: 14px; color: #666; margin-top: 10px; }

.footer .top .right .share { height: auto; overflow: hidden; margin-top: 40px; text-align: right; }

.footer .top .right .share span { font-size: 14px; color: #666; line-height: 30px; }

.footer .top .right .share .bshare-custom { display: inline-block; line-height: normal !important; }

.footer .top .right .share .bshare-custom a { background: none; padding: 0; width: 36px; height: 36px; line-height: 36px; display: inline-block; text-align: center; margin-right: 0; margin-left: 8px; background: #aaa; border-radius: 50%; }

.footer .top .right .share .bshare-custom a i { font-size: 20px; color: #fff; }

.footer .top .right .share .bshare-custom a:hover { text-decoration: none; }

.footer .top .right .share .bshare-custom a:hover i { color: #fff; }

.footer .top .right .share .bshare-custom a.bshare-weixin:hover { background: #42af35; }

.footer .top .right .share .bshare-custom a.bshare-qq:hover { background: #37a6d1; }

.footer .top .right .share .bshare-custom a.bshare-sinaminiblog:hover { background: #da251c; }

.footer .bottom { height: auto; padding: 20px 0; }

.footer .bottom .left { height: auto; overflow: hidden; float: left; }

.footer .bottom .left .link { height: auto; overflow: hidden; margin-bottom: 15px; }

.footer .bottom .left .link a { font-size: 14px; color: #666; float: left; position: relative; padding-right: 15px; margin-right: 15px; }

.footer .bottom .left .link a:after { content: ""; width: 1px; height: 14px; background: #999; position: absolute; right: 0; top: 3px; }

.footer .bottom .left .link a:last-child:after { display: none; }

.footer .bottom .left .link a:hover { color: #9CCA55; }

.footer .bottom .left .bot { font-size: 14px; color: #666; }

.footer .bottom .left .bot a { color: #666; margin-right: 10px; }

.footer .bottom .left .bot a:hover { color: #9CCA55; }

.footer .bottom .right { height: auto; position: relative; float: right; }

.footer .bottom .right .other { width: 300px; height: auto; cursor: pointer; position: relative; z-index: 1; transition: all .4s; }

.footer .bottom .right .other .t { height: 50px; line-height: 50px; background: #E2E2E2; padding: 0 18px; }

.footer .bottom .right .other .t span { font-size: 14px; color: #656565; }

.footer .bottom .right .other .t i { font-size: 16px; margin-left: 5px; float: right; }

.footer .bottom .right .other .otherList { width: 100%; height: auto; overflow: auto; max-height: 300px; position: absolute; left: 0; right: 0; bottom: 51px; margin: auto; padding: 10px 18px; display: none; background: #E2E2E2; }

.footer .bottom .right .other .otherList a { color: #666; display: block; line-height: 28px; font-size: 14px; }

.footer .bottom .right .other .otherList a:hover { color: #000; }

.content { padding-top: 80px; position: relative; z-index: 1; min-height: 530px; }

/*Index*/
.Index .banner { height: auto; overflow: hidden; position: relative; --swiper-navigation-color: #fff; /* 单独设置按钮颜色 */ --swiper-navigation-size: 60px; /* 设置按钮大小 */ }

.Index .banner img { width: 100%; }

.Index .banner .swiper-pagination { width: 100%; height: auto; overflow: hidden; position: absolute; left: 0; bottom: 30px; text-align: center; }

.Index .banner .swiper-pagination .swiper-pagination-bullet { width: 20px; height: 4px; background: #000; display: inline-block; margin: 0 5px; cursor: pointer; border-radius: 0; opacity: .6; }

.Index .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 40px; background: #9CCA55; opacity: 1; }

.Index .banner .swiper-button-prev { left: 4%; }

.Index .banner .swiper-button-next { right: 4%; }

.Index .block { height: auto; overflow: hidden; padding: 80px 0; position: relative; }

.Index .block .title { font-size: 40px; line-height: 40px; color: #4B4C4D; font-weight: bold; margin-bottom: 40px; }

.Index .block .title a { font-size: 16px; color: #666; float: right; font-weight: normal; }

.Index .block .title a i { font-size: 14px; color: #999; }

.Index .block .title a:hover { color: #9CCA55; }

.Index .block .title a:hover i { color: #9CCA55; }

.Index .block.product .slideBtn { position: absolute; right: 0; top: 5px; }

.Index .block.product .slideBtn .product-next, .Index .block.product .slideBtn .product-prev { width: 50px; height: 50px; text-align: center; line-height: 50px; background: #4B4C4D; float: left; cursor: pointer; margin-left: 10px; transition: all .4s; }

.Index .block.product .slideBtn .product-next i, .Index .block.product .slideBtn .product-prev i { font-size: 20px; color: #fff; }

.Index .block.product .slideBtn .product-next.swiper-button-disabled, .Index .block.product .slideBtn .product-prev.swiper-button-disabled { background: #ddd; }

.Index .block.product .slideBtn .product-next:hover, .Index .block.product .slideBtn .product-prev:hover { background: #9CCA55; }

.Index .block.product .slide { height: auto; overflow: hidden; }

.Index .block.product .slide .swiper-slide { background: #F8F8F8; padding: 80px 0 40px; cursor: pointer; transition: all .4s; }

.Index .block.product .slide .swiper-slide:hover { background: #9CCA55; }

.Index .block.product .slide .swiper-slide:hover img { transform: scale(1.05); }

.Index .block.product .slide .swiper-slide:hover .text h2, .Index .block.product .slide .swiper-slide:hover .text p { color: #fff; }

.Index .block.product .slide .swiper-slide:hover .text .line { background: #fff; }

.Index .block.product .slide .img { max-width: 380px; overflow: hidden; margin: 0 auto 60px; }

.Index .block.product .slide .img img { width: 100%; height: 100%; transition: all .4s; }

.Index .block.product .slide .text { height: auto; overflow: hidden; text-align: center; }

.Index .block.product .slide .text h2 { font-size: 16px; color: #4B4C4D; font-weight: bold; }

.Index .block.product .slide .text .line { width: 100px; height: 3px; background: #9CCA55; margin: 10px auto; }

.Index .block.product .slide .text p { font-size: 18px; color: #4B4C4D; font-weight: bold; }

.Index .block.solution { padding-top: 0; }

.Index .block.solution .title { margin-bottom: 4%; }

.Index .block.solution .text { width: 89%; height: 100%; overflow: hidden; background: #F5F5F5; padding: 4% 40px; position: absolute; left: 0; top: 90px; z-index: 0; }

.Index .block.solution .text .box { width: 50%; overflow: hidden; }

.Index .block.solution .text .box h2 { font-size: 24px; color: #4B4C4D; font-weight: bold; }

.Index .block.solution .text .box .line { width: 100px; height: 3px; background: #9CCA55; margin: 30px 0; }

.Index .block.solution .text .box h3 { font-size: 16px; color: #4B4C4D; font-weight: bold; margin-bottom: 15px; }

.Index .block.solution .text .box p { font-size: 16px; color: #4B4C4D; line-height: 28px; }

.Index .block.solution .text .box .btn { font-size: 14px; color: #4B4C4D; margin-top: 50px; display: block; }

.Index .block.solution .text .box .btn i { color: #9CCA55; transition: all .4s; }

.Index .block.solution .text .box .btn:hover { color: #9CCA55; }

.Index .block.solution .text .box .btn:hover i { margin-left: 5px; }

.Index .block.solution .img { width: 48%; float: right; position: relative; z-index: 1; overflow: hidden; }

.Index .block.solution .img img { width: 100%; height: 100%; }

.Index .block.solution .slideBtn { position: absolute; left: 50%; bottom: 0; z-index: 1; margin-left: -35px; }

.Index .block.solution .slideBtn .solution-next, .Index .block.solution .slideBtn .solution-prev { width: 50px; height: 50px; text-align: center; line-height: 50px; background: #4B4C4D; float: left; cursor: pointer; margin-left: 10px; transition: all .4s; }

.Index .block.solution .slideBtn .solution-next i, .Index .block.solution .slideBtn .solution-prev i { font-size: 20px; color: #fff; }

.Index .block.solution .slideBtn .solution-next.swiper-button-disabled, .Index .block.solution .slideBtn .solution-prev.swiper-button-disabled { background: #ddd; }

.Index .block.solution .slideBtn .solution-next:hover, .Index .block.solution .slideBtn .solution-prev:hover { background: #9CCA55; }

.Index .block.technology { background: url("../images/technology-bg.jpg") center no-repeat; background-size: cover; margin-top: 80px; }

.Index .block.technology .left { width: 48.5%; height: auto; overflow: hidden; float: left; }

.Index .block.technology .left .item { width: 48.5%; height: auto; overflow: hidden; float: left; margin: 3% 3% 0 0; position: relative; }

.Index .block.technology .left .item img { width: 100%; }

.Index .block.technology .left .item:first-child { width: 100%; margin: 0; }

.Index .block.technology .left .item:last-child { margin-right: 0; }

.Index .block.technology .left .item h2 { font-size: 24px; color: #fff; position: absolute; left: 20px; bottom: 20px; }

.Index .block.technology .left .item:hover img { transform: scale(1.1); }

.Index .block.technology .left .item.more { width: 48.5%; position: relative; display: block; border-radius: 0 0 50px 0; }

.Index .block.technology .left .item.more .text { width: 100%; height: 100%; position: absolute; left: 0; top: 0; text-align: center; padding-top: 30%; }

.Index .block.technology .left .item.more .text i { font-size: 50px; color: #9CCA55; margin-bottom: 20px; display: block; }

.Index .block.technology .left .item.more .text p { font-size: 24px; color: #9CCA55; }

.Index .block.technology .right { width: 48.5%; height: auto; float: right; position: relative; }

.Index .block.technology .right .title { position: absolute; left: 3%; top: 62%; margin: 0; }

.Index .block.technology .right img { width: 100%; }

.Index .block.news ul { height: auto; overflow: hidden; margin: 0 -10px; }

.Index .block.news ul li { width: 33.333%; float: left; padding: 0 10px; }

.Index .block.news ul li .box { height: auto; overflow: hidden; display: block; }

.Index .block.news ul li .box .img { overflow: hidden; }

.Index .block.news ul li .box .img img { width: 100%; }

.Index .block.news ul li .box .text { padding-top: 15px; }

.Index .block.news ul li .box .text h2 { font-size: 18px; color: #4B4C4D; line-height: 26px; height: 52px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .4s; }

.Index .block.news ul li .box .text p { font-size: 14px; color: #c1c1c1; margin-top: 10px; }

.Index .block.news ul li .box:hover img { transform: scale(1.1); }

.Index .block.news ul li .box:hover h2 { color: #9CCA55; }

.Index .block.about { background: #F5F5F5; }

.Index .block.about .img { width: 45%; float: left; }

.Index .block.about .img img { width: 100%; }

.Index .block.about .right { width: 48%; float: right; position: relative; }

.Index .block.about .right img { width: 100%; }

.Index .block.about .right .text { width: 100%; height: 100%; position: absolute; left: 0; top: 0; padding-left: 14%; }

.Index .block.about .right .text p { font-size: 16px; color: #4B4C4D; line-height: 30px; margin-top: 30px; }

.Index .block.about .right .text p span { color: #9CCA55; }

.Index .block.about .right .text .btn { font-size: 14px; color: #4B4C4D; margin-top: 50px; display: block; }

.Index .block.about .right .text .btn i { color: #9CCA55; transition: all .4s; }

.Index .block.about .right .text .btn:hover { color: #9CCA55; }

.Index .block.about .right .text .btn:hover i { margin-left: 5px; }

.Index .block.service { background: url("../images/service-bg.jpg") center no-repeat; background-size: cover; padding: 90px 0 130px; }

.Index .block.service .title { text-align: center; color: #fff; margin-bottom: 10px; }

.Index .block.service .st { font-size: 16px; color: #fff; text-align: center; }

.Index .block.service ul { height: auto; overflow: hidden; margin-top: 5%; }

.Index .block.service ul li { width: 25%; float: left; text-align: center; }

.Index .block.service ul li .icon { width: 120px; margin: 0 auto; min-width: 100px; }

.Index .block.service ul li .text { height: auto; overflow: hidden; text-align: center; margin-top: 20px; }

.Index .block.service ul li .text h2 { font-size: 24px; color: #fff; margin-bottom: 5px; font-weight: 300; }

.Index .block.service ul li .text p { font-size: 14px; color: #fff; font-weight: 300; line-height: 24px; }

.neiBanner { width: 100%; height: auto; overflow: hidden; position: relative; }

.neiBanner img { width: 100%; }

.neiBanner .t { font-size: 48px; color: #fff; position: absolute; top: 40%; left: 0; right: 0; margin: auto; text-align: center; z-index: 1; }

.neiBanner .position { width: 100%; position: absolute; left: 0; bottom: 20px; z-index: 1; font-size: 14px; color: #fff; color: #fff; }

.neiBanner .position a { color: #fff; }

.neiTabs { height: auto; overflow: hidden; position: relative; padding-bottom: 3px; }

.neiTabs:after { content: ""; width: 100%; height: 1px; background: #eee; position: absolute; left: 0; bottom: 2px; z-index: 0; }

.neiTabs .item { padding-bottom: 10px; margin-right: 40px; font-size: 18px; color: #4B4C4D; display: block; float: left; position: relative; z-index: 1; }

.neiTabs .item:after { content: ""; width: 0; height: 3px; background: #9CCA55; position: absolute; left: 0; bottom: -2px; transition: all .4s; }

.neiTabs .item:hover, .neiTabs .item.active { color: #9CCA55; }

.neiTabs .item:hover:after, .neiTabs .item.active:after { width: 100%; }

.neiTabs1 { height: auto; overflow: hidden; position: relative; text-align: center; }

.neiTabs1 .item { width: 190px; height: 50px; line-height: 50px; font-size: 18px; color: #4B4C4D; background: #e9e9e9; display: inline-block; margin: 0 10px; }

.neiTabs1 .item:hover, .neiTabs1 .item.active { color: #fff; background: #9CCA55; }

/*page*/
.page { height: auto; overflow: hidden; text-align: center; margin: 1% 0 0; }

.page a { min-width: 32px; line-height: 32px; font-size: 14px; color: #7F7C7C; border: 1px solid #A0A0A0; text-align: center; display: inline-block; padding: 0 12px; margin: 0 4px; }

.page a:hover, .page a.active { background: #9CCA55; color: #fff; border-color: #9CCA55; }

.orderC { height: auto; overflow: hidden; text-align: center; }

.orderC form { height: auto; overflow: hidden; margin-top: 36px; }

.orderC form .row { display: inline-block; background: #f0f0f0; padding: 0 20px; margin: 0 5px; }

.orderC form .row span { font-size: 16px; line-height: 50px; }

.orderC form .row span i { color: #FF0000; }

.orderC form .row input { width: 200px; font-size: 16px; height: 50px; line-height: 50px; background: none; position: relative; top: -1px; }

.orderC form .row input.textarea { width: 300px; resize: none; overflow: hidden; }

.orderC .btn { display: block; width: 250px; height: 50px; line-height: 50px; background: #9CCA55; font-size: 16px; color: #fff; text-align: center; margin: 45px auto 0; }

.orderC1 { padding-bottom: 100px; }

.orderC1 form { margin-top: 36px; }

.orderC1 form .row { height: auto; overflow: hidden; margin-bottom: 30px; }

.orderC1 form .row span { width: 48%; font-size: 16px; padding: 0 20px; line-height: 50px; display: block; float: left; position: relative; background: #f1f1f1; }

.orderC1 form .row span i { color: #FF0000; }

.orderC1 form .row span.first { margin-right: 4%; }

.orderC1 form .row input { width: 160px; font-size: 16px; height: 50px; }

.orderC1 form .row.textarea span { width: 100%; }

.orderC1 form .row.textarea b { float: left; margin-top: 1px; }

.orderC1 form .row textarea { width: 90%; background: none; font-size: 14px; padding: 15px 0; height: 100px; resize: none; overflow: hidden; font-size: 16px; }

.orderC1 .btn { width: 250px; height: 50px; line-height: 50px; background: #9CCA55; font-size: 16px; color: #fff; text-align: center; margin: 45px auto 0; display: block; }

/*video-popup*/
.video-popup { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; z-index: 10000; background: url("../images/cover-bg.png") repeat; }

.video-popup .video-popup-box { width: 100%; height: 100%; overflow: hidden; background-color: #fff; position: absolute; left: 0; top: 0; }

.video-popup .coverV { z-index: 1000; position: fixed; top: 0; left: 0; right: 0; height: 70px; line-height: 70px; overflow: hidden; background: url("../images/bg-video-title.png") repeat; background: #000000\0; }

.video-popup .coverV .text { color: #fff; font-size: 18px; padding: 0 0 0 40px; width: 80%; display: table; height: 70px; float: left; }

.video-popup .coverV .text p { display: table-cell; height: 70px; vertical-align: middle; }

.video-popup .coverV .other { float: right; background: url("../images/bg-video-title.png") repeat; }

.video-popup .coverV .other a { font-size: 20px; color: #fff; display: inline-block; margin: 0 10px; }

.video-popup .video-list-box { position: absolute !important; left: 0; top: 0; top: 70px\0; right: 0; bottom: 0; z-index: 0; }

/*Product*/
.Product .tabs { height: auto; overflow: hidden; position: relative; background: #FAFAFA; }

.Product .tabs .item { font-size: 16px; line-height: 30px; color: #44403F; display: block; float: left; margin-right: 5%; padding: 30px 0; position: relative; }

.Product .tabs .item:after { content: ""; width: 0; height: 2px; background: #9CCA55; position: absolute; left: 0; bottom: 0; right: 0; margin: auto; transition: all .4s; }

.Product .tabs .item.active, .Product .tabs .item:hover { color: #9CCA55; font-weight: bold; }

.Product .tabs .item.active:after, .Product .tabs .item:hover:after { width: 40px; }

.Product .list { height: auto; overflow: hidden; padding: 50px 0 150px; }

.Product .list ul { display: flex; flex-wrap: wrap; }

.Product .list ul li { width: 25%; position: relative; z-index: 0; cursor: pointer; margin-bottom: 20px; transition: all .4s; }

.Product .list ul li .box { height: auto; overflow: hidden; padding: 10px; }

.Product .list ul li .img { height: auto; overflow: hidden; padding: 30px; position: relative; }

.Product .list ul li .img img { max-width: 100%; display: block; margin: 0 auto; }

.Product .list ul li .img .btns { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0; top: 0; background: rgba(156, 202, 85, 0.8); opacity: 0; transition: all .4s; }

.Product .list ul li .img .btns a { width: 170px; line-height: 44px; border: 1px solid #fff; display: block; margin: 0 auto; text-align: center; font-size: 16px; color: #fff; margin-bottom: 20px; }

.Product .list ul li .img .btns a:first-child { margin-top: 20%; }

.Product .list ul li .img .btns a:last-child { background: #fff; color: #9CCA55; }

.Product .list ul li .text { height: auto; overflow: hidden; background: #fff; padding: 20px; display: block; }

.Product .list ul li .text h2 { font-size: 18px; color: #000; font-weight: bold; margin-bottom: 15px; }

.Product .list ul li .text p { font-size: 14px; color: #4B4C4D; margin-bottom: 5px; }

.Product .list ul li .text p b { font-weight: bold; }

.Product .list ul li:hover { box-shadow: 0px 3px 12px rgba(128, 128, 128, 0.16); z-index: 1; }

.Product .list ul li:hover .btns { opacity: 1; }

.Product .list ul li:hover .text h2 { color: #9CCA55; }

/*ProductXq*/
.ProductXq .content .container { margin: 0 auto; max-width: 1400px; padding: 0 4%; }

.ProductXq .content .NavScroll { width: 100%; height: auto; background: #fff; position: relative; }

.ProductXq .content .NavScroll a { line-height: 60px; padding: 0 25px; font-size: 18px; color: #4B4C4D; display: block; float: left; position: relative; z-index: 1; }

.ProductXq .content .NavScroll a.active, .ProductXq .content .NavScroll a:hover { background: #9CCA55; color: #fff; }

.ProductXq .content .NavScroll a.btn { Line-height: 60px; padding: 0 25px; background: #F99D23; font-size: 18px; color: #fff; text-align: center; display: block; float: right; position: relative; z-index: 1; cursor: pointer; }

.ProductXq .content .NavScroll a.btn i { font-size: 26px; margin-right: 10px; vertical-align: -3px; }

.ProductXq .content .NavScroll a.btn.active, .ProductXq .content .NavScroll a.btn:hover { background: #F99D23; }

.ProductXq .content .NavScroll:after { content: ""; width: 100%; height: 1px; background: #eee; position: absolute; left: 0; bottom: 0; z-index: 0; }

.ProductXq .content .NavScroll.fixed { position: fixed; left: 0; top: 0; z-index: 11; }

.ProductXq .content .info { height: auto; overflow: hidden; padding: 50px 0; }

.ProductXq .content .info h1 { font-size: 36px; color: #4B4C4D; font-weight: bold; line-height: 36px; margin-bottom: 15px; }

.ProductXq .content .info h1 span { font-size: 18px; font-weight: normal; }

.ProductXq .content .info ul { height: auto; overflow: hidden; }

.ProductXq .content .info ul li { height: auto; overflow: hidden; float: left; position: relative; padding-right: 50px; margin-right: 50px; }

.ProductXq .content .info ul li h2 { font-size: 24px; color: #4B4C4D; margin-bottom: 5px; }

.ProductXq .content .info ul li p { font-size: 14px; color: #4B4C4D; }

.ProductXq .content .info ul li:after { content: ""; width: 1px; height: 100%; background: #bbb; position: absolute; right: 0; top: 0; }

.ProductXq .content .info ul li:last-child { padding: 0; margin: 0; }

.ProductXq .content .info ul li:last-child:after { display: none; }

.ProductXq .content .block { height: auto; overflow: hidden; }

.ProductXq .content .block .title { font-size: 36px; color: #4B4C4D; text-align: center; font-weight: 300; margin-bottom: 40px; }

.ProductXq .content .block .title span { width: 60px; height: 1px; background: #ddd; display: inline-block; margin: 0 30px; position: relative; top: -10px; }

.ProductXq .content .block.gailan { margin-bottom: 70px; }

.ProductXq .content .block.gailan .bigSlide { margin: 30px auto 0; position: relative; }

.ProductXq .content .block.gailan .bigSlide .slide { width: 74%; max-width: 980px; overflow: hidden; margin: 0 auto; }

.ProductXq .content .block.gailan .bigSlide .slide img { margin: 0 auto; width: 100%; }

.ProductXq .content .block.gailan .bigSlide .swiper-next, .ProductXq .content .block.gailan .bigSlide .swiper-prev { position: absolute; left: 0; top: 50%; z-index: 1; cursor: pointer; }

.ProductXq .content .block.gailan .bigSlide .swiper-next i, .ProductXq .content .block.gailan .bigSlide .swiper-prev i { font-size: 60px; color: #e9e9e9; }

.ProductXq .content .block.gailan .bigSlide .swiper-next { left: auto; right: 0; }

.ProductXq .content .block.gailan .smallSlide { width: 74%; margin: 30px auto 0; overflow: hidden; }

.ProductXq .content .block.gailan .smallSlide img { width: 100%; }

.ProductXq .content .block.gailan .smallSlide .swiper-slide { border: 1px solid #eee; cursor: pointer; }

.ProductXq .content .block.gailan .smallSlide .swiper-slide.swiper-slide-thumb-active { border-color: #9CCA55; }

.ProductXq .content .block.youshi .section .line { width: 80px !important; }

.ProductXq .content .block.case .box { height: auto; overflow: hidden; position: relative; }

.ProductXq .content .block.case .box img { width: 100%; }

.ProductXq .content .block.case .box .listBox { width: 100%; height: 100%; position: absolute; left: 0; top: 20%; }

.ProductXq .content .block.case .box .listBox .list { margin: 0 -20px; }

.ProductXq .content .block.case .box .listBox .item { width: 33.3333%; float: left; }

.ProductXq .content .block.case .box .listBox .item a { display: block; padding: 0 20px; }

.ProductXq .content .block.case .box .listBox .item .img { overflow: hidden; }

.ProductXq .content .block.case .box .listBox .item h2 { line-height: 58px; font-size: 18px; color: #000; background: #fff; padding: 0 20px; }

.ProductXq .content .block.case .box .listBox .item:first-child { margin: 0; }

.ProductXq .content .block.case .box .listBox .item:hover img { transform: scale(1.1); }

.ProductXq .content .block.canshu { margin: 70px 0 80px; }

.ProductXq .content .block.canshu img { width: 100%; }

.ProductXq .content .block.canshu .table { width: 100%; height: auto; overflow: hidden; border-collapse: collapse; border: 1px solid #ccc; margin-top: 30px; }

.ProductXq .content .block.canshu .table tr { height: auto; overflow: hidden; }

.ProductXq .content .block.canshu .table tr th { height: 70px; font-size: 20px; color: #000; background: #eee; }

.ProductXq .content .block.canshu .table tr td { height: 70px; padding: 0 50px; border: 1px solid #ccc; font-size: 16px; }

.ProductXq .content .block.canshu .table tr td:first-child { font-weight: bold; }

.ProductXq .content .block.canshu .table tr:nth-child(odd) { background: #F8FAF4; }

.ProductXq .content .block.canshu .statement { margin-top: 40px; }

.ProductXq .content .block.canshu .statement em { display: block; margin-bottom: 10px; font-size: 16px; }

.ProductXq .content .block.canshu .statement em i { color: #D30000; display: inline-block; margin-right: 5px; }

.ProductXq .content .block.canshu .statement p { line-height: 22px; color: #666; font-size: 14px; padding-left: 15px; }

/*Technology*/
.Technology .main { height: auto; overflow: hidden; padding: 60px 0 110px; }

.Technology .main .list { height: auto; overflow: hidden; margin: 0 -13px; }

.Technology .main .list li { float: left; padding: 0 13px; }

.Technology .main .list li .box { height: auto; overflow: hidden; position: relative; display: block; }

.Technology .main .list li .box img { width: 100%; }

.Technology .main .list li .box h2 { width: 100%; position: absolute; left: 20px; bottom: 20px; font-size: 18px; color: #fff; transition: all .4s; }

.Technology .main .list li:hover img { transform: scale(1.1); }

.Technology .main .list li:hover h2 { color: #9CCA55; }

.Technology .main .list.list3 li { width: 33.3333%; }

.Technology .main .list.list2 { margin-top: 26px; margin-bottom: 26px; }

.Technology .main .list.list2 li { width: 50%; }

.Technology .main .list.list1 li { width: 100%; }

/*TechnologyZn*/
.TechnologyZn .main { height: auto; overflow: hidden; padding: 60px 0 110px; }

.TechnologyZn .main .info { height: auto; overflow: hidden; text-align: center; margin-top: 100px; }

.TechnologyZn .main .info .title { font-size: 34px; color: #333; margin-bottom: 25px; }

.TechnologyZn .main .info p { width: 70%; font-size: 16px; color: #666; line-height: 32px; margin: 0 auto; }

.TechnologyZn .main .block { height: auto; overflow: hidden; margin-top: 120px; }

.TechnologyZn .main .block .title { font-size: 30px; color: #333; margin-bottom: 25px; position: relative; text-align: center; }

.TechnologyZn .main .block .title span { background: #fff; padding: 0 20px; position: relative; z-index: 1; }

.TechnologyZn .main .block .title:after { content: ""; width: 100%; height: 1px; background: #dadada; position: absolute; left: 0; top: 25px; z-index: 0; }

.TechnologyZn .main .block.block1 ul { width: 80%; height: auto; overflow: hidden; margin: 0 auto; padding-top: 40px; }

.TechnologyZn .main .block.block1 ul li { width: 20%; float: left; }

.TechnologyZn .main .block.block1 ul li .icon { width: 50px; margin: 0 auto; display: block; }

.TechnologyZn .main .block.block1 ul li .text { height: auto; overflow: hidden; width: 86%; margin: 0 auto; }

.TechnologyZn .main .block.block1 ul li .text h2 { font-size: 18px; padding-bottom: 15px; margin: 20px 0 25px; position: relative; text-align: center; }

.TechnologyZn .main .block.block1 ul li .text h2:after { content: ""; width: 50px; height: 1px; background: #9CCA55; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; }

.TechnologyZn .main .block.block1 ul li .text p { font-size: 15px; line-height: 30px; }

.TechnologyZn .main .block.block2 .container { width: 70%; height: auto; overflow: hidden; margin: 0 auto; padding-top: 40px; }

.TechnologyZn .main .block.block2 .container .img-box-fl img { margin-bottom: 20px; }

.TechnologyZn .main .block.block2 .container .img-box-fl p { font-size: 15px; color: #333; line-height: 30px; background: url(../images/technology-zn/anruitong-list-icon.jpg) 0 center no-repeat; padding-left: 30px; }

.TechnologyZn .main .block.block3 img { display: block; margin: 0 auto; }

/*TechnologyJs*/
.TechnologyJs .main { height: auto; overflow: hidden; padding: 60px 0 0; }

.TechnologyJs .main .info { height: auto; overflow: hidden; text-align: center; }

.TechnologyJs .main .info .title { font-size: 34px; color: #333; margin-bottom: 25px; }

.TechnologyJs .main .info p { width: 70%; font-size: 16px; color: #666; line-height: 32px; margin: 0 auto; }

.TechnologyJs .main .block { height: auto; overflow: hidden; margin-top: 100px; }

.TechnologyJs .main .block .title { font-size: 30px; color: #333; margin-bottom: 25px; position: relative; text-align: center; }

.TechnologyJs .main .block .title span { background: #fff; padding: 0 20px; position: relative; z-index: 1; }

.TechnologyJs .main .block .title:after { content: ""; width: 100%; height: 1px; background: #dadada; position: absolute; left: 0; top: 25px; z-index: 0; }

.TechnologyJs .main .block .st { font-size: 16px; color: #333; text-align: center; }

.TechnologyJs .main .block.block1 { margin-top: 60px; }

.TechnologyJs .main .block.block1 ul { height: auto; overflow: hidden; margin: 30px -10px 0; }

.TechnologyJs .main .block.block1 ul li { width: 25%; padding: 0 10px; float: left; }

.TechnologyJs .main .block.block1 ul li img { width: 100%; }

.TechnologyJs .main .block.block1 ul li h2 { font-size: 24px; color: #333; margin: 10px 0; }

.TechnologyJs .main .block.block1 ul li p { font-size: 16px; color: #666; line-height: 24px; }

.TechnologyJs .main .block.block2 .st { margin-bottom: 45px; }

.TechnologyJs .main .block.block2 .imgText { height: auto; overflow: hidden; }

.TechnologyJs .main .block.block2 .imgText .img, .TechnologyJs .main .block.block2 .imgText .text { width: 50%; overflow: hidden; }

.TechnologyJs .main .block.block2 .imgText .img img, .TechnologyJs .main .block.block2 .imgText .text img { width: 100%; }

.TechnologyJs .main .block.block2 .imgText .img h2, .TechnologyJs .main .block.block2 .imgText .text h2 { font-size: 30px; color: #333; margin-bottom: 15px; }

.TechnologyJs .main .block.block2 .imgText .img h3, .TechnologyJs .main .block.block2 .imgText .text h3 { font-size: 20px; color: #333; margin-bottom: 20px; }

.TechnologyJs .main .block.block2 .imgText .img p, .TechnologyJs .main .block.block2 .imgText .text p { font-size: 16px; color: #999; line-height: 26px; }

.TechnologyJs .main .block.block2 .imgText .text { padding: 8% 5% 0; }

/*TechnologyXny*/
.TechnologyXny .main { height: auto; overflow: hidden; padding: 60px 0 0; }

.TechnologyXny .main .block { height: auto; overflow: hidden; margin-top: 100px; }

.TechnologyXny .main .block .title { font-size: 30px; color: #333; margin-bottom: 25px; position: relative; text-align: center; }

.TechnologyXny .main .block .title span { background: #fff; padding: 0 20px; position: relative; z-index: 1; }

.TechnologyXny .main .block .title:after { content: ""; width: 100%; height: 1px; background: #dadada; position: absolute; left: 0; top: 25px; z-index: 0; }

.TechnologyXny .main .block.block1 .left { width: 50%; }

.TechnologyXny .main .block.block1 .left img { width: 100%; }

.TechnologyXny .main .block.block1 .right { width: 50%; position: relative; }

.TechnologyXny .main .block.block1 .right .bg img { width: 100%; }

.TechnologyXny .main .block.block1 .right .text { width: 45%; position: absolute; left: 20%; top: 30%; }

.TechnologyXny .main .block.block1 .right .text .t { font-size: 18px; line-height: 20px; margin-bottom: 30px; }

.TechnologyXny .main .block.block1 .right .text .t span { font-size: 30px; }

.TechnologyXny .main .block.block1 .right .text .t s { color: #8a8a8a; }

.TechnologyXny .main .block.block1 .right .text p { font-size: 16px; line-height: 28px; color: #333; }

.TechnologyXny .main .block.block2 img { width: 100%; transition: all .4s; }

.TechnologyXny .main .block.block2 ul { margin: 100px -10px 0; }

.TechnologyXny .main .block.block2 ul li { width: 33.3333%; float: left; padding: 0 10px; }

.TechnologyXny .main .block.block2 ul li .img { overflow: hidden; position: relative; }

.TechnologyXny .main .block.block2 ul li .text { position: absolute; left: 10%; top: 10%; }

.TechnologyXny .main .block.block2 ul li .text p { font-size: 18px; line-height: 28px; color: #fff; }

.TechnologyXny .main .block.block2 ul li .t { font-size: 30px; padding: 20px 0; }

.TechnologyXny .main .block.block2 ul li .t s { color: #8a8a8a; font-size: 14px; vertical-align: 2px; }

.TechnologyXny .main .block.block2 ul li .t span { font-size: 18px; vertical-align: 4px; }

.TechnologyXny .main .block.block2 ul li:hover img { transform: scale(1.05); }

.TechnologyXny .main .block.block3, .TechnologyXny .main .block.block6 { height: 700px; position: relative; }

.TechnologyXny .main .block.block3 .video, .TechnologyXny .main .block.block6 .video { z-index: 2; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100%; overflow: hidden; }

.TechnologyXny .main .block.block3 .video .video_overMain, .TechnologyXny .main .block.block6 .video .video_overMain { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.TechnologyXny .main .block.block3 .video .video_overMain .video-js, .TechnologyXny .main .block.block6 .video .video_overMain .video-js { width: 100%; height: 700px !important; position: absolute; left: 0; top: 0; }

.TechnologyXny .main .block.block3 .video .video_overMain .video-js video, .TechnologyXny .main .block.block6 .video .video_overMain .video-js video { position: absolute; }

.TechnologyXny .main .block.block3 .bgimg, .TechnologyXny .main .block.block6 .bgimg { z-index: 3; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../images/technologyxny/re_img11.jpg") no-repeat center center; background-size: cover; }

.TechnologyXny .main .block.block3 .bgshow, .TechnologyXny .main .block.block6 .bgshow { z-index: 4; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url("../images/technologyxny/iconBgVideo.png") repeat; }

.TechnologyXny .main .block.block3 .banner, .TechnologyXny .main .block.block6 .banner { z-index: 5; overflow: hidden; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; }

.TechnologyXny .main .block.block3 .banner .swiper-wrapper, .TechnologyXny .main .block.block6 .banner .swiper-wrapper { height: 100%; width: 100%; position: relative; }

.TechnologyXny .main .block.block3 .banner .swiper-slide, .TechnologyXny .main .block.block6 .banner .swiper-slide { width: 100%; overflow: hidden; position: relative; height: 100%; }

.TechnologyXny .main .block.block3 .banner .swiper-slide a, .TechnologyXny .main .block.block6 .banner .swiper-slide a { display: block; }

.TechnologyXny .main .block.block3 .banner .swiper-slide img, .TechnologyXny .main .block.block6 .banner .swiper-slide img { display: block; position: absolute; left: 87px; top: 0; }

.TechnologyXny .main .block.block3 .banner .swiper-slide .text, .TechnologyXny .main .block.block6 .banner .swiper-slide .text { width: 100%; position: absolute; left: 0; top: 38%; text-align: center; }

.TechnologyXny .main .block.block3 .banner .swiper-slide .text h2, .TechnologyXny .main .block.block6 .banner .swiper-slide .text h2 { font-size: 30px; color: #fff; margin-bottom: 20px; position: relative; padding-bottom: 20px; }

.TechnologyXny .main .block.block3 .banner .swiper-slide .text h2:after, .TechnologyXny .main .block.block6 .banner .swiper-slide .text h2:after { content: ""; width: 50px; height: 1px; background: #fff; position: absolute; left: 0; bottom: 0; right: 0; margin: auto; }

.TechnologyXny .main .block.block3 .banner .swiper-slide .text p, .TechnologyXny .main .block.block6 .banner .swiper-slide .text p { font-size: 18px; color: #fff; line-height: 28px; }

.TechnologyXny .main .block.block3 .banner .swiper-pagination, .TechnologyXny .main .block.block6 .banner .swiper-pagination { bottom: 80px; }

.TechnologyXny .main .block.block3 .banner .swiper-pagination-bullet, .TechnologyXny .main .block.block6 .banner .swiper-pagination-bullet { width: 50px; height: 3px; margin: 0 3px; border-radius: 0; }

.TechnologyXny .main .block.block3 .banner .swiper-pagination-bullet-active, .TechnologyXny .main .block.block6 .banner .swiper-pagination-bullet-active { background: #9CCA55; }

.TechnologyXny .main .block.block3 .banner .btnPrev, .TechnologyXny .main .block.block3 .banner .btnNext, .TechnologyXny .main .block.block6 .banner .btnPrev, .TechnologyXny .main .block.block6 .banner .btnNext { font-size: 46px; color: #fff; position: absolute; top: 40%; left: 10px; z-index: 50; cursor: pointer; display: block; opacity: 1; filter: alpha(opacity=100); transition: all .4s; }

.TechnologyXny .main .block.block3 .banner .btnPrev:hover, .TechnologyXny .main .block.block3 .banner .btnNext:hover, .TechnologyXny .main .block.block6 .banner .btnPrev:hover, .TechnologyXny .main .block.block6 .banner .btnNext:hover { color: #9CCA55; }

.TechnologyXny .main .block.block3 .banner .btnNext, .TechnologyXny .main .block.block6 .banner .btnNext { left: auto; right: 10px; }

.TechnologyXny .main .block.block3 .banner:hover .btnPrev, .TechnologyXny .main .block.block3 .banner:hover .btnNext, .TechnologyXny .main .block.block6 .banner:hover .btnPrev, .TechnologyXny .main .block.block6 .banner:hover .btnNext { display: block; opacity: 1; filter: alpha(opacity=100); }

.TechnologyXny .main .block.block4 { background: #f5f5f5; }

.TechnologyXny .main .block.block4 .left { width: 50%; padding: 5% 5% 0; }

.TechnologyXny .main .block.block4 .left img { width: 100%; margin-bottom: 3%; }

.TechnologyXny .main .block.block4 .left .text p { font-size: 16px; line-height: 28px; color: #333; }

.TechnologyXny .main .block.block4 .right { width: 50%; overflow: hidden; }

.TechnologyXny .main .block.block4 .right img { width: 100%; }

.TechnologyXny .main .block.block5 ul { height: auto; overflow: hidden; margin-top: 50px; background: #f5f5f5; }

.TechnologyXny .main .block.block5 ul li { position: relative; }

.TechnologyXny .main .block.block5 ul li.video { width: 50%; overflow: hidden; cursor: pointer; }

.TechnologyXny .main .block.block5 ul li.video img { width: 100%; transition: all .4s; }

.TechnologyXny .main .block.block5 ul li.video .play { width: 60px; height: 60px; background: url("../images/icon-play2.png") center no-repeat; background-size: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

.TechnologyXny .main .block.block5 ul li.video h2 { width: 100%; height: 50px; line-height: 50px; font-size: 18px; color: #fff; text-align: center; position: absolute; left: 0; right: 0; bottom: 0; background: url(../images/cover-bg.png) repeat; }

.TechnologyXny .main .block.block5 ul li.video:hover img { transform: scale(1.05); }

.TechnologyXny .main .block.block5 ul li.video .poster { position: relative; z-index: 1; }

.TechnologyXny .main .block.block5 ul li.video #videoplayer1, .TechnologyXny .main .block.block5 ul li.video #videoplayer2 { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; }

.TechnologyXny .main .block.block5 ul li.text { width: 50%; padding: 4% 4% 0; }

.TechnologyXny .main .block.block5 ul li.text h1 { font-size: 24px; margin-bottom: 2%; }

.TechnologyXny .main .block.block5 ul li.text p { font-size: 16px; line-height: 28px; }

.TechnologyXny .main .block.block5 ul li.text .textImg { width: 60%; margin: 2% auto 0; display: block; }

.TechnologyXny .main .block.block5 ul li.text dl { height: auto; overflow: hidden; margin-top: 40px; }

.TechnologyXny .main .block.block5 ul li.text dl dd { width: 20%; float: left; text-align: center; position: relative; padding-bottom: 15px; }

.TechnologyXny .main .block.block5 ul li.text dl dd img { height: 50px; margin: 0 auto 10px; }

.TechnologyXny .main .block.block5 ul li.text dl dd h2 { font-size: 16px; font-weight: bold; }

.TechnologyXny .main .block.block5 ul li.text dl dd:after { content: ""; width: 100%; height: 1px; background: #9CCA55; position: absolute; left: 0; bottom: 0; display: none; }

.TechnologyXny .main .block.block5 ul li.text dl dd.active:after { display: block; }

.TechnologyXny .main .block.block5 ul li.text .info { height: auto; overflow: hidden; margin-top: 15px; }

.TechnologyXny .main .block.block5 ul li.text .info p { display: none; }

.TechnologyXny .main .block.block5 ul li.text .info p.active { display: block; }

.TechnologyXny .main .block.block6 .title { width: 100%; position: absolute; color: #fff; z-index: 6; top: 120px; }

.TechnologyXny .main .block.block6 .title span { background: none; }

.TechnologyXny .main .block.block6 .title:after, .TechnologyXny .main .block.block6 .title:before { width: 39%; top: 22px !important; }

.TechnologyXny .main .block.block6 .title:before { content: ""; height: 1px; background: #dadada; position: absolute; right: 0; z-index: 0; }

.TechnologyXny .main .block.block6 video { width: 100%; }

.TechnologyXny .main .block.block7 { height: 793px; position: relative; background: url("../images/technologyxny/block7-bg.jpg") center no-repeat; background-size: cover; }

.TechnologyXny .main .block.block7 .title { width: 100%; position: absolute; color: #fff; top: 120px; z-index: 1; }

.TechnologyXny .main .block.block7 .title span { background: none; }

.TechnologyXny .main .block.block7 .title:before { content: ""; width: 42.5%; height: 1px; top: 15px; left: 0; background: #fff; background: rgba(255, 255, 255, 0.35); position: absolute; }

.TechnologyXny .main .block.block7 .title:after { width: 42.5%; left: auto; right: 0; background: #fff; background: rgba(255, 255, 255, 0.35); }

.TechnologyXny .main .block.block7 .text-box { position: absolute; left: 0; top: 200px; right: 0; }

.TechnologyXny .main .block.block7 .text-box p { font-size: 16px; color: #fff; text-align: center; line-height: 28px; }

.TechnologyXny .main .block.block7 .c2 { position: absolute; left: 50%; bottom: 60px; width: 1024px; margin-left: -480px; }

.TechnologyXny .main .block.block7 .c2 .text { position: absolute; display: none; }

.TechnologyXny .main .block.block7 a { position: absolute; right: 0; bottom: 0; display: block; padding: 10px; z-index: 1; }

/*News*/
.News .main { height: auto; overflow: hidden; padding: 60px 0 110px; }

.News .list { height: auto; overflow: hidden; padding-top: 60px; }

.News .list li { height: auto; overflow: hidden; border-bottom: 1px solid #E9E9E9; padding-bottom: 50px; margin-bottom: 50px; cursor: pointer; }

.News .list li .img { width: 21%; overflow: hidden; float: left; margin-right: 30px; }

.News .list li .img img { width: 100%; height: 100%; }

.News .list li .text { width: 65%; height: auto; overflow: hidden; padding: 15px 0; float: left; }

.News .list li .text h2 { font-size: 20px; color: #000; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 20px; transition: all .4s; }

.News .list li .text p { font-size: 14px; color: #666; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.News .list li .date { float: right; text-align: center; padding: 18px 0; }

.News .list li .date h2 { font-size: 34px; color: #4B4C4D; }

.News .list li .date p { font-size: 16px; color: #999; }

.News .list li:hover img { transform: scale(1.1); }

.News .list li:hover .text h2 { color: #9CCA55; }

/*NewsXq*/
.NewsXq .main { height: auto; overflow: hidden; padding: 60px 0 110px; }

.NewsXq .main .con { height: auto; overflow: hidden; padding: 60px 0; min-height: 500px; }

.NewsXq .main .con .container { width: 1200px; margin: 0 auto; }

.NewsXq .main .con .title { height: auto; overflow: hidden; margin-bottom: 3%; }

.NewsXq .main .con .title h2 { font-size: 22px; color: #000; text-align: center; margin-bottom: 15px; font-weight: bold; }

.NewsXq .main .con .title .other { height: auto; overflow: hidden; text-align: center; }

.NewsXq .main .con .title .other span { font-size: 16px; color: #999; margin: 0 10px; }

.NewsXq .main .con .box { height: auto; overflow: hidden; }

.NewsXq .main .con .box p { font-size: 16px; color: #666; line-height: 26px; margin-bottom: 15px; }

.NewsXq .main .con .box p img { margin: 0 auto 20px; }

.NewsXq .main .con .box #video, .NewsXq .main .con .box #video video { width: 100%; }

/*Service*/
.Service .main { height: auto; overflow: hidden; padding: 60px 0 0; }

.Service .main .con { height: auto; overflow: hidden; min-height: 500px; }

.Service .main .con .topBox { text-align: center; padding: 70px 0 90px; }

.Service .main .con .topBox h3 { font-size: 36px; }

.Service .main .con .topBox p { font-size: 16px; line-height: 30px; margin-top: 20px; }

.Service .main .con .icon-list { height: auto; overflow: hidden; }

.Service .main .con .icon-list .top { border-bottom: 1px solid #EEF5FC; }

.Service .main .con .icon-list .bottom .icon-item { padding: 30px 0 15px; }

.Service .main .con .icon-list .icon-item { color: #656565; float: left; width: 25%; text-align: center; padding-bottom: 45px; }

.Service .main .con .icon-list .icon-item img { display: inline-block; width: 60px; }

.Service .main .con .icon-list .icon-item h2 { font-size: 24px; color: #333; margin: 5px 0; }

.Service .main .con .icon-list .icon-item p { font-size: 16px; color: #656565; }

.Service .main .con .bz { height: auto; overflow: hidden; margin-top: 90px; }

.Service .main .con .bz .topBox { padding: 0; margin-bottom: 40px; }

.Service .main .con .bz .imgText { height: auto; overflow: hidden; }

.Service .main .con .bz .imgText .img, .Service .main .con .bz .imgText .text { width: 50%; overflow: hidden; }

.Service .main .con .bz .imgText .img img, .Service .main .con .bz .imgText .text img { width: 100%; }

.Service .main .con .bz .imgText .img h2, .Service .main .con .bz .imgText .text h2 { font-size: 30px; color: #333; margin-bottom: 15px; transition: all .4s; }

.Service .main .con .bz .imgText .img h3, .Service .main .con .bz .imgText .text h3 { font-size: 20px; color: #333; margin-bottom: 20px; }

.Service .main .con .bz .imgText .img p, .Service .main .con .bz .imgText .text p { font-size: 16px; color: #999; line-height: 26px; }

.Service .main .con .bz .imgText .img i, .Service .main .con .bz .imgText .text i { font-size: 26px; margin-top: 20px; color: #bbb; display: block; }

.Service .main .con .bz .imgText .text { padding: 7% 5% 0; }

.Service .main .con .video-live { margin-top: 80px; z-index: 0; position: relative; }

.Service .main .con .video-live .poster { height: auto; overflow: hidden; position: relative; z-index: 1; cursor: pointer; }

.Service .main .con .video-live .poster img { width: 100%; }

.Service .main .con .video-live .poster .play { width: 69px; height: 69px; background: url(../images/icon-play2.png) center no-repeat; background-size: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

/*ServiceOrder*/
.ServiceOrder .main { height: auto; overflow: hidden; padding: 60px 0 0; }

.ServiceOrder .main .con { height: auto; overflow: hidden; min-height: 500px; padding: 70px 0; }

.ServiceOrder .main .con .tips { font-size: 16px; color: #333; margin-bottom: 40px; }

.ServiceOrder .main .con .tips i { color: #FF0000; }

.ServiceOrder .main .con form { height: auto; overflow: hidden; }

.ServiceOrder .main .con form .row { height: auto; clear: both; }

.ServiceOrder .main .con form .row .item { width: 50%; float: left; height: auto; margin-bottom: 30px; }

.ServiceOrder .main .con form .row .item .t { font-size: 16px; color: #000; margin-bottom: 15px; }

.ServiceOrder .main .con form .row .item .t i { color: #FF0000; margin-right: 5px; }

.ServiceOrder .main .con form .row .item .iconfont { width: 60px; text-align: center; line-height: 58px; float: right; font-size: 22px; position: relative; top: 0; color: #656565; }

.ServiceOrder .main .con form .row .item .select { width: 95%; font-size: 16px; height: 60px; line-height: 60px; cursor: pointer; position: relative; display: inline-block; vertical-align: middle; border: 1px solid #e9e9e9; }

.ServiceOrder .main .con form .row .item .select .select-head { width: 100%; height: 100%; overflow: hidden; box-sizing: border-box; padding-left: 20px; }

.ServiceOrder .main .con form .row .item .select .select-con { float: left; overflow: hidden; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 60%; color: #333; }

.ServiceOrder .main .con form .row .item .select .select-head .select-icon { float: right; }

.ServiceOrder .main .con form .row .item .select .option { text-indent: 10px; margin-top: 1px; width: 100%; display: none; position: absolute; z-index: 200; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-color: #fff; max-height: 300px; overflow-x: hidden; overflow-y: scroll; }

.ServiceOrder .main .con form .row .item .select .option > li:hover { background-color: #f5f5f5; color: #9CCA55; }

.ServiceOrder .main .con form .row .item .select .option .active { background-color: #f5f5f5; color: #9CCA55; }

.ServiceOrder .main .con form .row .item .select .option > li { cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; color: #000; }

.ServiceOrder .main .con form .row .item .select-box { width: 45%; height: 60px; border: 1px solid #eee; color: #666; position: relative; margin-right: 5%; }

.ServiceOrder .main .con form .row .item .select-box em { display: block; position: absolute; width: 22px; height: 22px; background: url("../images/popup_down.png") no-repeat center center; right: 20px; top: 17px; }

.ServiceOrder .main .con form .row .item .select-box .input-box { height: 100%; position: relative; }

.ServiceOrder .main .con form .row .item .select-box .input-box .selectedValue { line-height: 58px; height: 100%; cursor: pointer; padding: 0 20px; font-size: 16px; }

.ServiceOrder .main .con form .row .item .select-box .input-box .selectedValue label { height: 100%; cursor: pointer; position: relative; }

.ServiceOrder .main .con form .row .item .select-box .input-box ul { width: 100%; display: none; z-index: 10; max-height: 300px; overflow-x: hidden; overflow-y: scroll; background: #fff; position: absolute; top: 58px; left: 0; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }

.ServiceOrder .main .con form .row .item .select-box .input-box ul li { height: 58px; line-height: 58px; padding: 0 30px; cursor: pointer; font-size: 16px; }

.ServiceOrder .main .con form .row .item .select-box .input-box ul li:hover, .ServiceOrder .main .con form .row .item .select-box .input-box ul li.active { background-color: #f5f5f5; color: #9CCA55; }

.ServiceOrder .main .con form .row .item input { width: 95%; font-size: 16px; height: 60px; line-height: 60px; border: 1px solid #e9e9e9; padding: 0 20px; }

.ServiceOrder .main .con form .row .item textarea { width: 100%; height: 260px; font-size: 16px; padding: 20px; border: 1px solid #e9e9e9; }

.ServiceOrder .main .con form .row .item.item1 { width: 97.5%; }

.ServiceOrder .main .con form .btns { height: auto; overflow: hidden; text-align: center; clear: both; }

.ServiceOrder .main .con form .btns a { width: 250px; height: 50px; line-height: 50px; font-size: 16px; background: #eee; color: #000; text-align: center; display: inline-block; margin: 0 8px; }

.ServiceOrder .main .con form .btns a:first-child { background: #9CCA55; color: #fff; }

/*About*/
.About .main { height: auto; overflow: hidden; padding: 60px 0 0; }

.About .main .con { height: auto; overflow: hidden; min-height: 500px; padding: 70px 0; }

.About .main .con img { width: 100%; }

.About .main .con .img { width: 52%; }

.About .main .con .text { width: 48%; height: auto; overflow: hidden; position: relative; }

.About .main .con .text .box { width: 100%; height: 100%; position: absolute; left: 0; top: 0; padding: 0 0 0 16%; }

.About .main .con .text .box .commonTitle { margin-bottom: 4%; font-size: 32px; }

.About .main .con .text .box p { font-size: 16px; color: #4B4C4D; line-height: 28px; margin-top: 3%; }

/*AboutCulture*/
.AboutCulture .main { height: auto; overflow: hidden; padding: 60px 0 0; }

.AboutCulture .main .con { height: auto; overflow: hidden; min-height: 500px; padding: 70px 0; }

.AboutCulture .main .con .topBox { height: auto; overflow: hidden; text-align: center; }

.AboutCulture .main .con .topBox h2 { font-size: 30px; color: #333; margin-bottom: 10px; }

.AboutCulture .main .con .topBox p { font-size: 16px; color: #666; line-height: 30px; }

.AboutCulture .main .con ul { height: auto; overflow: hidden; margin-top: 30px; }

.AboutCulture .main .con ul li { width: 20%; float: left; background: #F6F6F6; padding: 90px 30px 0; min-height: 470px; }

.AboutCulture .main .con ul li .iconfont { font-size: 60px; margin: 0 auto 40px; display: block; text-align: center; color: #9CCA55; }

.AboutCulture .main .con ul li .text { text-align: center; }

.AboutCulture .main .con ul li .text h2 { font-size: 24px; color: #9CCA55; font-weight: bold; margin-bottom: 15px; }

.AboutCulture .main .con ul li .text p { font-size: 15px; line-height: 26px; color: #333333; }

.AboutCulture .main .con ul li:nth-child(odd) { background: #9CCA55; }

.AboutCulture .main .con ul li:nth-child(odd) .iconfont { color: #fff; }

.AboutCulture .main .con ul li:nth-child(odd) .text h2, .AboutCulture .main .con ul li:nth-child(odd) .text p { color: #fff; }

/*AboutCare*/
.AboutCare .main { height: auto; overflow: hidden; padding: 60px 0 0; }

.AboutCare .main .con { height: auto; overflow: hidden; min-height: 500px; padding: 70px 0; }

.AboutCare .main .con .topBox { height: auto; overflow: hidden; text-align: center; }

.AboutCare .main .con .topBox h2 { font-size: 30px; color: #333; margin-bottom: 10px; }

.AboutCare .main .con .topBox p { font-size: 16px; color: #666; line-height: 30px; }

.AboutCare .main .con .times-list { overflow: hidden; position: relative; height: 100%; margin-top: 40px; padding-top: 40px; }

.AboutCare .main .con .times-list:after { content: ""; display: block; position: absolute; width: 1px; height: 100%; top: 0px; left: 50%; background: #ddd; }

.AboutCare .main .con .times-list .fl, .AboutCare .main .con .times-list .fr { width: 50%; border-bottom: 1px dotted #ddd; position: relative; padding-bottom: 90px; margin-bottom: 25px; }

.AboutCare .main .con .times-list .fl img, .AboutCare .main .con .times-list .fr img { margin-bottom: 20px; }

.AboutCare .main .con .times-list .fl .text-box h2, .AboutCare .main .con .times-list .fr .text-box h2 { font-size: 18px; line-height: 30px; color: #333; overflow: hidden; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 5px; transition: all .4s; }

.AboutCare .main .con .times-list .fl .text-box p, .AboutCare .main .con .times-list .fr .text-box p { font-size: 14px; line-height: 24px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.AboutCare .main .con .times-list .fl .icon-arrow, .AboutCare .main .con .times-list .fr .icon-arrow { display: block; font-size: 20px; margin-top: 10px; color: #666; }

.AboutCare .main .con .times-list .fl a:hover h2, .AboutCare .main .con .times-list .fl a:hover .icon-arrow, .AboutCare .main .con .times-list .fr a:hover h2, .AboutCare .main .con .times-list .fr a:hover .icon-arrow { color: #9CCA55; }

.AboutCare .main .con .times-list .fl .date, .AboutCare .main .con .times-list .fr .date { position: absolute; top: 0; z-index: 2; font-size: 30px; line-height: 52px; transition: all .4s; color: #9CCA55; }

.AboutCare .main .con .times-list .fl .date i, .AboutCare .main .con .times-list .fr .date i { font-size: 20px; line-height: 52px; vertical-align: middle; color: #9CCA55; }

.AboutCare .main .con .times-list .fl .date .icon-next, .AboutCare .main .con .times-list .fr .date .icon-next { margin-left: 5px; }

.AboutCare .main .con .times-list .fl .img-box, .AboutCare .main .con .times-list .fr .img-box { position: relative; overflow: hidden; }

.AboutCare .main .con .times-list .fl .img-box .nav-btn div, .AboutCare .main .con .times-list .fr .img-box .nav-btn div { position: absolute; top: 28%; z-index: 1; cursor: pointer; }

.AboutCare .main .con .times-list .fl .img-box .nav-btn .left, .AboutCare .main .con .times-list .fr .img-box .nav-btn .left { left: 0; }

.AboutCare .main .con .times-list .fl .img-box .nav-btn .right, .AboutCare .main .con .times-list .fr .img-box .nav-btn .right { right: 0; }

.AboutCare .main .con .times-list .fr { padding: 20px 7% 2% 3%; margin-left: 20px; }

.AboutCare .main .con .times-list .fr .date { left: -119px; }

.AboutCare .main .con .times-list .fl { padding: 20px 3% 2% 7%; margin-right: 20px; }

.AboutCare .main .con .times-list .fl .date { left: 98.5%; width: 50%; right: auto; }

.AboutCare .main .con .times-list:before { content: ""; display: block; position: absolute; width: 24px; height: 24px; top: 0; left: 50%; border: 2px solid #ddd; border-radius: 50%; margin-left: -12px; background: #fff; z-index: 1; }

.AboutCare .main .con .times-list:after { content: ""; display: block; position: absolute; width: 2px; height: 100%; top: 0; left: 50%; background: #F0F2F6; margin-left: -1px; }

/*Contact*/
.Contact .main { height: auto; overflow: hidden; padding: 60px 0 0; }

.Contact .main .con { height: auto; overflow: hidden; min-height: 500px; padding: 70px 0 0; }

.Contact .main .con .topBox { height: auto; overflow: hidden; text-align: center; }

.Contact .main .con .topBox h2 { font-size: 30px; color: #333; margin-bottom: 10px; }

.Contact .main .con .topBox p { font-size: 16px; color: #666; line-height: 30px; }

.Contact .main .con ul { width: 100%; height: auto; overflow: hidden; margin: 60px 0; display: flex; justify-content: space-between; }

.Contact .main .con ul li { flex: 1; text-align: center; }

.Contact .main .con ul li .iconfont { font-size: 46px; color: #9CCA55; }

.Contact .main .con ul li h2 { font-size: 24px; color: #333; margin: 10px 0; }

.Contact .main .con ul li p { font-size: 16px; color: #656565; line-height: 22px; }

.Contact .main .con .line { width: 100%; height: 1px; background: #e5e5e5; margin-bottom: 80px; }

.Contact .main .con #allmap { width: 100%; height: 600px; margin-top: 80px; }

.Contact .main .con #allmap * { box-sizing: content-box !important; -webkit-box-sizing: content-box !important; }

.Contact .main .con #allmap a img, .Contact .main .con #allmap img { -ms-interpolation-mode: bicubic; -webkit-transition: none; transition: none; display: block; max-width: none; }

.Contact .main .con #allmap ul { margin: 0; overflow: visible; }

.Contact .main .con #allmap ul li { width: 100%; }

.tangram-suggestion-main { z-index: 1; }

/*Join*/
.Join .main { height: auto; overflow: hidden; padding: 60px 0 0; }

.Join .main .con { height: auto; overflow: hidden; min-height: 500px; padding-bottom: 100px; }

.Join .main .con .container { width: 1200px; margin: 0 auto; }

.Join .main .con .block { height: auto; overflow: hidden; text-align: center; margin-top: 70px; }

.Join .main .con .block .t { font-size: 30px; color: #333; margin-bottom: 10px; }

.Join .main .con .block .st { font-size: 16px; color: #666; line-height: 30px; }

.Join .main .con .block ul { height: auto; overflow: hidden; }

.Join .main .con .block ul li { width: 20%; float: left; margin-top: 40px; }

.Join .main .con .block ul li img { margin: 0 auto 10px; }

.Join .main .con .block ul li h2 { font-size: 18px; color: #333; }

.Join .main .con .block .textImg { height: auto; overflow: hidden; text-align: left; margin-top: 25px; }

.Join .main .con .block .textImg .text { width: 560px; padding-top: 70px; }

.Join .main .con .block .textImg .text p { font-size: 16px; color: #333; margin-bottom: 10px; }

.Join .main .con .block .textImg .text p b { font-weight: bold; }

.Join .main .con .block .textImg .text h2 { font-size: 16px; font-weight: bold; color: #333; margin-bottom: 10px; }

.Join .main .con .block .textImg .text img { margin-top: 35px; }

.Join .main .con .block .textImg .text .h { height: 20px; }

.Join .main .con .block .textImg .img { width: 600px; }

.Join .main .con .block .textImg .img img { width: 100%; }

/*JoinSh*/
.JoinSh .main { height: auto; overflow: hidden; padding: 60px 0 0; }

.JoinSh .main .con { height: auto; overflow: hidden; min-height: 500px; padding-bottom: 100px; }

.JoinSh .main .con .container { width: 1200px; margin: 0 auto; }

.JoinSh .main .con .tableBox { height: auto; overflow: hidden; margin-top: 40px; }

.JoinSh .main .con .tableBox .table-title { width: 100%; overflow: hidden; line-height: 45px; background: #9CCA55; }

.JoinSh .main .con .tableBox .table-title .item { width: 25%; float: left; text-align: center; font-size: 16px; color: #fff; position: relative; }

.JoinSh .main .con .tableBox .table { height: auto; overflow: hidden; border: 1px solid #F1F2EF; }

.JoinSh .main .con .tableBox .table li { height: auto; overflow: hidden; border-bottom: 1px solid #F1F2EF; }

.JoinSh .main .con .tableBox .table li .item { width: 25%; line-height: 50px; float: left; text-align: center; font-size: 15px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; cursor: pointer; }

.JoinSh .main .con .tableBox .table li .item .iconfont { position: absolute; right: 15px; transition: all .4s; }

.JoinSh .main .con .tableBox .table li .con { height: auto; overflow: hidden; padding: 30px; display: none; background: #f9f9f9; }

.JoinSh .main .con .tableBox .table li .con .bb { height: auto; overflow: hidden; margin-bottom: 25px; }

.JoinSh .main .con .tableBox .table li .con .bb .tt { font-size: 16px; color: #656565; margin-bottom: 10px; font-weight: bold; }

.JoinSh .main .con .tableBox .table li .con .bb p { font-size: 15px; color: #656565; line-height: 26px; position: relative; }

.JoinSh .main .con .tableBox .table li .con .bb p a { color: #9CCA55; }

.JoinSh .main .con .tableBox .table li.active .iconfont { transform: rotate(180deg); }

/*JoinXy*/
.JoinXy .main { height: auto; overflow: hidden; padding: 60px 0 0; }

.JoinXy .main .con { height: auto; overflow: hidden; min-height: 500px; padding-bottom: 100px; }

.JoinXy .main .con .container { width: 1200px; margin: 0 auto; }

.JoinXy .main .con .block { height: auto; overflow: hidden; margin-top: 70px; }

.JoinXy .main .con .block .t { font-size: 30px; color: #333; margin-bottom: 10px; text-align: center; }

.JoinXy .main .con .block .st { font-size: 16px; color: #666; line-height: 30px; text-align: center; }

.JoinXy .main .con .block .list { height: auto; overflow: hidden; margin: 50px -20px 0; position: relative; }

.JoinXy .main .con .block .list li { width: 25%; float: left; padding: 0 20px; position: relative; z-index: 1; }

.JoinXy .main .con .block .list li img { margin: 0 auto; }

.JoinXy .main .con .block .list li h2 { font-size: 18px; color: #9CCA55; text-align: center; margin: 20px 0; }

.JoinXy .main .con .block .list li p { font-size: 15px; color: #656565; line-height: 24px; margin-bottom: 10px; }

.JoinXy .main .con .block .list li p a { color: #9CCA55; }

.JoinXy .main .con .block .list:after { content: ""; width: 80%; border-bottom: 1px dashed #bbb; position: absolute; left: 0; top: 50px; right: 0; margin: auto; z-index: 0; }

.JoinXy .main .con .tableBox { height: auto; overflow: hidden; margin-top: 40px; }

.JoinXy .main .con .tableBox .table-title { width: 100%; overflow: hidden; line-height: 45px; background: #9CCA55; }

.JoinXy .main .con .tableBox .table-title .item { width: 25%; float: left; text-align: center; font-size: 16px; color: #fff; position: relative; }

.JoinXy .main .con .tableBox .table { height: auto; overflow: hidden; border: 1px solid #F1F2EF; }

.JoinXy .main .con .tableBox .table li { height: auto; overflow: hidden; border-bottom: 1px solid #F1F2EF; }

.JoinXy .main .con .tableBox .table li .item { width: 25%; line-height: 50px; float: left; text-align: center; font-size: 15px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; cursor: pointer; }

.JoinXy .main .con .tableBox .table li .item .iconfont { position: absolute; right: 15px; transition: all .4s; }

.JoinXy .main .con .tableBox .table li .con { height: auto; overflow: hidden; padding: 30px; display: none; background: #F1F2EF; }

.JoinXy .main .con .tableBox .table li .con .bb { height: auto; overflow: hidden; margin-bottom: 25px; }

.JoinXy .main .con .tableBox .table li .con .bb .tt { font-size: 16px; color: #656565; margin-bottom: 10px; font-weight: bold; }

.JoinXy .main .con .tableBox .table li .con .bb p { font-size: 15px; color: #656565; line-height: 26px; position: relative; }

.JoinXy .main .con .tableBox .table li .con .bb p a { color: #9CCA55; }

.JoinXy .main .con .tableBox .table li.active .iconfont { transform: rotate(180deg); }

.JoinXy .main .con .ad { margin-top: 50px; display: block; }

/*Solution*/
.Solution .main { height: auto; overflow: hidden; padding: 60px 0 0; }

.Solution .main .con { height: auto; overflow: hidden; min-height: 500px; padding-bottom: 100px; }

.Solution .main .con .imgText { height: auto; overflow: hidden; }

.Solution .main .con .imgText .img, .Solution .main .con .imgText .text { width: 50%; overflow: hidden; }

.Solution .main .con .imgText .img img, .Solution .main .con .imgText .text img { width: 100%; }

.Solution .main .con .imgText .img h2, .Solution .main .con .imgText .text h2 { font-size: 30px; color: #333; margin-bottom: 15px; transition: all .4s; }

.Solution .main .con .imgText .img h3, .Solution .main .con .imgText .text h3 { font-size: 20px; color: #333; margin-bottom: 20px; }

.Solution .main .con .imgText .img p, .Solution .main .con .imgText .text p { font-size: 16px; color: #999; line-height: 26px; }

.Solution .main .con .imgText .img i, .Solution .main .con .imgText .text i { font-size: 26px; margin-top: 20px; color: #bbb; display: block; }

.Solution .main .con .imgText .text { padding: 7% 5% 0; }

.Solution .main .con .imgText:hover img { transform: scale(1.1); }

.Solution .main .con .imgText:hover h2, .Solution .main .con .imgText:hover i { color: #9CCA55; }

/*NeiCPage*/
.NeiCPage .main { height: auto; overflow: hidden; padding: 60px 0; }

.NeiCPage .main h2 { font-size: 18px; line-height: 28px; margin-top: 40px; margin-bottom: 6px; }

.NeiCPage .main p { font-size: 14px; line-height: 30px; color: #666; }

.NeiCPage .main ul { height: auto; overflow: hidden; }

.NeiCPage .main ul li { width: 20%; float: left; }

.NeiCPage .main dl { padding-bottom: 16px; }

.NeiCPage .main dl dt { height: auto; overflow: hidden; padding-top: 40px; border-bottom: 1px solid #ececec; }

.NeiCPage .main dl dt a { font-size: 20px; padding-bottom: 20px; display: block; }

.NeiCPage .main dl dd { height: auto; overflow: hidden; padding-top: 20px; }

.NeiCPage .main dl dd a { width: 16.666%; font-size: 16px; line-height: 46px; display: block; float: left; }

.NeiCPage .main dl dd a:hover { color: #9CCA55; }

.shareWx-box { height: auto; overflow: hidden; text-align: center; font-size: 14px; color: #333; }

.shareWx-box .url_img { display: block; margin: 15px auto 10px; }

.shareWx-box p { font-size: 13px; }

/*Search*/
.Search .form { height: auto; overflow: hidden; background: #f5f5f5; padding: 70px 0; text-align: center; }

.Search .form .title { font-size: 30px; color: #4B4C4D; position: relative; z-index: 0; }

.Search .form .title span { background: #f5f5f5; position: relative; z-index: 1; padding: 0 20px; }

.Search .form .title:after { content: ""; width: 100%; height: 1px; background: #ccc; position: absolute; left: 0; top: 20px; z-index: 0; }

.Search .form .box { width: 40%; height: auto; overflow: hidden; margin: 40px auto; }

.Search .form input { width: 80%; height: 50px; line-height: 50px; padding: 15px; float: left; font-size: 18px; background: #fff; }

.Search .form .btn { width: 20%; height: 50px; line-height: 50px; background: #9CCA55; text-align: center; display: block; float: left; }

.Search .form .btn i { color: #fff; font-size: 22px; }

.Search .nodata { height: auto; overflow: hidden; padding: 40px 0; }

.Search .nodata h2 { font-size: 22px; }

.Search .nodata h2 span { color: #9CCA55; }

.Search .nodata .box { text-align: center; padding: 100px 0; }

.Search .nodata .box .icon { width: 88px; margin: 0 auto 20px; }

.Search .nodata .box p { font-size: 16px; color: #666; }

.Search .block { height: auto; overflow: hidden; min-height: 500px; }

.Search .block .tit { font-size: 30px; padding-bottom: 20px; border-bottom: 1px solid #ddd; clear: both; }

.Search .block .list { padding-bottom: 0 !important; overflow: visible; }

.Search .block .Product { height: auto; overflow: hidden; margin-bottom: 60px; }

.Search .block .page { margin-bottom: 100px; }

/*Vin*/
.Vin .main { height: auto; overflow: hidden; padding: 60px 0; }

.Vin .main .title { font-size: 30px; color: #4B4C4D; position: relative; z-index: 0; text-align: center; }

.Vin .main .title span { background: #fff; position: relative; z-index: 1; padding: 0 20px; }

.Vin .main .title:after { content: ""; width: 100%; height: 1px; background: #ccc; position: absolute; left: 0; top: 20px; z-index: 0; }

.Vin .main .con { width: 1150px; margin: 60px auto; overflow: hidden; }

.Vin .main .con .input-box { width: 48%; height: 50px; border: 1px solid #DCDCDC; overflow: hidden; padding: 0 20px; font-weight: 300; }

.Vin .main .con .input-box input { width: 97%; height: 100%; float: left; font-size: 18px; }

.Vin .main .con .input-box .iconfont { font-size: 30px; float: left; line-height: 60px; }

.Vin .main .con .imgCode-box { width: 48%; height: 50px; border: 1px solid #DCDCDC; overflow: hidden; padding-left: 20px; font-weight: 300; }

.Vin .main .con .imgCode-box input { width: 60%; height: 100%; float: left; font-size: 18px; float: left; }

.Vin .main .con .imgCode-box .imgCode { width: 40%; height: 100%; float: right; }

.Vin .main .con .imgCode-box .imgCode img { width: 100%; height: 100%; }

.Vin .main .con .list { height: auto; overflow: hidden; margin-top: 30px; }

.Vin .main .con .list li { font-size: 18px; color: #161616; border-bottom: 1px solid #eee; line-height: 45px; position: relative; text-align: left; padding-left: 30px; }

.Vin .main .con .list li a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.Vin .main .con .list li a:hover { color: #9CCA55; }

.Vin .main .con .list li span { color: #9CCA55; float: right; }

.Vin .main .con .list li .iconfont { font-size: 14px; color: #999; margin-right: 10px; }

.Vin .main .con .list li .icon-pdf { width: 20px; height: 20px; background: url(../images/icon-pdf.png) center no-repeat; background-size: 100%; display: block; position: absolute; left: 0; top: 12px; }

.Vin .main .con .btns { text-align: center; }

.Vin .main .con .search-btn, .Vin .main .con .reset-btn { width: 225px; color: #fff; font-size: 18px; background: #9CCA55; display: inline-block; padding: 15px 0; text-align: center; margin: 40px 0 30px; line-height: 24px; }

.Vin .main .con .reset-btn { background: #F5F5F5; color: #000 !important; margin-left: 20px; }

.Vin .main .con .not { font-size: 18px; text-align: left; }

.Vin .main .con .not span { color: #9CCA55; line-height: 34px; }

.Vin .main .con .not p { font-size: 16px; color: #000; font-weight: 400; line-height: 26px; }

/* 404 */
.Page404 .content { text-align: center; padding: 200px 0; }

.Page404 .content .icon { margin: 0 auto 20px; display: block; }

.Page404 .content .text { height: auto; overflow: hidden; margin-top: 20px; }

.Page404 .content .text h1 { font-size: 50px; color: #333; display: inline-block; font-weight: bold; }

.Page404 .content .text .p { display: inline-block; }

.Page404 .content .text .p p { width: 100px; font-size: 14px; line-height: 18px; color: #333; float: left; margin: 0 15px; }

.Page404 .content .text .p .btn { width: 180px; height: 38px; line-height: 38px; font-size: 14px; border: 1px solid #9CCA55; color: #9CCA55; text-align: center; display: block; float: left; }

.Page404 .content .text .p .btn i { font-size: 14px; color: #9CCA55; }

/*! 1440以下 小屏 */
@media only screen and (max-width: 1440px) { .About .main .con .text .box .commonTitle { font-size: 32px; }
  .About .main .con .text .box p { font-size: 14px; line-height: 24px; margin-top: 2%; } }