html{-webkit-text-size-adjust:none; overflow-y:scroll; overflow-x:hidden;}
*{ margin:0; padding:0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box;}
body{ font-family: Arial, Microsoft Yahei, PingFang SC, Verdana, Helvetica Neue, Hiragino Sans GB, Microsoft Sans Serif, sans-serif;}
body{ background:#f9f9f9; color:#191919; line-height:1.75; font-size:14px;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;}
th,td{border-collapse:collapse;}
img,a img,a:hover img{ border:0; }
ol,ul,dl,li,dt,dd{list-style:none;}
input,button,textarea,select,optgroup,option{ font-size:14px; font-family: Arial, Microsoft Yahei, PingFang SC, Verdana, Helvetica Neue, Hiragino Sans GB, Microsoft Sans Serif, sans-serif;}
input{-webkit-appearance:none;}
:focus{outline:0;}
a{color:#191919;text-decoration:none; }
a:hover{color:#6db31d; text-decoration: none;}
a.btn{ text-decoration: none;}
a,a:hover,.btn,.more{ transition:all 300ms ease; -webkit-appearance:none; cursor: pointer; }
input,select,button{ -webkit-appearance: none; }
hr{border:none;height:1px;}
.mr0 { margin-right:0 !important;}
.clear{height:0;font-size:0px;overflow:hidden;clear:both;float:none;}
::-webkit-input-placeholder { color:#191919; }
:-moz-placeholder { color:#191919; }
::-moz-placeholder { color:#191919; }
:-ms-input-placeholder { color:#191919; }

.link { color: #2d50d3;}
.link:hover { color: #b81d23;}

.noscroll { overflow: hidden;}

@font-face{
  font-family:'UniversLT';
  src: url('fonts/UniversLT.ttf') format('truetype');
}
@font-face{
  font-family:'UniversCE';
  src: url('fonts/UniversCE.ttf') format('truetype');
}
@font-face{
  font-family:'UniversCELight';
  src: url('fonts/UniversCELight.ttf') format('truetype');
}
.wow { visibility: hidden; }

.mainbox { width:1280px; margin-left: auto; margin-right: auto; position: relative; }

.wrap { min-width: 1280px; overflow: hidden; }

/*头部*/
.header { height: 80px; }
.topbox { position: fixed; left: 0; top: 0; right: 0; height: 80px; padding: 0 26px; background:#242424; transition:all 300ms ease; z-index:9999; border-top: 4px #7ac720 solid; border-bottom: 4px #7ac720 solid; box-shadow: 0 0 12px rgba(0,0,0,0.2); }
.topbox .logo { float: left; padding-top: 14px; margin-right: 25px; }
.topbox .logo img{ display:block; height: 44px; }
.topbox .logoi{ display: none;}

.top_nav { float:left; height: 76px; }
.top_nav .item { float:left; }
.top_nav .item .tit{ display:block; text-align:center; height:76px; line-height:76px; padding: 0 26px; color: #fff; font-family:'UniversCE'; text-transform: uppercase;}
.top_nav .item .tit i { display: inline-block; vertical-align: middle; margin-left: 5px; background: url(../img/header/d.png) center center no-repeat; width: 10px; height: 10px;}
.top_nav .item .con { position: absolute; left: 0; right: 0; top: 76px; display: none; }
.top_nav .item .con ul { display: block; background: #fff; height: 138px; text-align: center;}
.top_nav .item .con ul li { display: inline-block; vertical-align: top;}
.top_nav .item .con ul li a { display: block; text-align: center; font-size: 15px; line-height: 18px; padding: 0 16px; min-width: 130px; height: 138px; position: relative; }
.top_nav .item .con ul li a img { display: block; margin: 0 auto; height: 100px; }
.top_nav .item .con ul li .m { display: none; position: absolute; left: 0; right: 0; top: 138px; background: #fafafa; height: 138px; text-align: center;}
.top_nav .item .con ul li .m a { display: inline-block;}
.top_nav .item .con ul li:hover>a:after { display: block; content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #74bc1f;}
.top_nav .item .con ul li:hover>a { color: #74bc1f;}
.top_nav .item_on .tit { background: rgba(255,255,255,0.04);}
.top_nav .item:hover .tit { background: rgba(255,255,255,0.04);}

.top_r { float: right; padding-top: 22px;}

.top_popular { float: left; height: 28px; line-height: 28px; cursor: pointer; color: #fff; font-weight: bold; background: url(../img/header/top_q_s.png) 11px center no-repeat rgba(255,255,255,0.08); background-size: 18px auto; padding: 0 15px 0 36px; border-radius: 4px; text-transform: uppercase; transition:all 300ms ease;}
.top_popular:hover { opacity: 0.8;}

.top_popular_box { position: fixed; left: 50%; top: 77px; width: 1280px; margin-left: -640px; box-sizing: border-box; z-index: 999; background: #353535; border: 3px #8ac61e solid; border-radius: 0 0 8px 8px; padding: 0 60px 30px 60px; display: none;}
.top_popular_box .tit { border-bottom: 1px #323232 solid; padding: 6px 10px 30px 10px;}
.top_popular_box .tit p { display: block; position: relative; color: #74bc1f; font-size: 36px; font-family:'UniversLT'; line-height: 74px; text-transform: uppercase;}
.top_popular_box .tit p:after { display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 4px; background: #fff;}
.top_popular_box .con { padding-top: 35px;}
.top_popular_box .con ul li { float: left; width: 33.33%; box-sizing: border-box; position: relative; padding: 0 20px 0 24px; height: 56px; font-size: 16px; line-height: 28px; overflow: hidden;}
.top_popular_box .con ul li:before { display: block; content: ''; position: absolute; left: 0; top: 11px; width: 6px; height: 6px; background: #7ccc21; border-radius: 50%;}
.top_popular_box .con ul li a{ color: #7ccc21; text-decoration: underline;}
.top_popular_box .con ul li a:hover { opacity: 0.6;}
.top_popular_box .con ul li b { font-size: 20px; font-style: italic; margin-right: 14px; color: #7ccc21; vertical-align: middle; }
.top_popular_box .con ul li p { display: block; opacity: 0.7; color: #fff;}


.top_search { float: left; position: relative; width: 180px; margin-left: 18px;}
.top_search .input { display: block; height: 28px; line-height: 28px; background:rgba(255,255,255,0.08); border-radius: 4px; width: 100%; border: none; text-indent: 34px; color: #fff; transition:all 300ms ease; }
.top_search .input::-webkit-input-placeholder { color:#ffffff; }
.top_search .input:-moz-placeholder { color:#ffffff; }
.top_search .input::-moz-placeholder { color:#ffffff; }
.top_search .input:-ms-input-placeholder { color:#ffffff; }
.top_search .btn { position: absolute; left: 0; top: 0; display: block; background: url(../img/header/search_s.png) center center no-repeat; background-size: 28px auto; width: 32px; height: 28px; border: none; cursor: pointer; line-height: 200px; overflow: hidden; }
.top_search .btn:hover { opacity: 0.7;}

.nav_btn { display:none;}
.search_btn { display:none;}
.popular_btn { display:none;}


.headeri { height: 0;}

.topboxi { background: transparent; border-top: 4px transparent solid; border-bottom: 4px transparent solid; box-shadow: none;}
.topboxi .logo{ display: none;}
.topboxi .logoi{ display: block;}
.topboxi .top_popular { background-color: #6db31d;}
.topboxi .top_search .input { background:rgba(0,0,0,0.4);}


.ibanner_main { position: relative; z-index: 10;}
.ibanner {transition:all 300ms ease;}
.ibanner .mouse{ position: absolute; left: 0; right: 0; bottom: 80px; }
.ibanner .mouse img { display: block; margin: 0 auto; height: 52px;}
.ibanner .mouse:after { display: block; content: ''; position: absolute; left: 0; right: 0; top: 0; height: 52px; background: url(../img/index/mouses.png) center top no-repeat; animation:touchtip 3s infinite;}
.ibanner video { display: block; }

@keyframes touchtip {
	0% { opacity: 1; transform: translate(0,0); }
	50% { opacity: 0.8; transform: translate(0,8px); }
	100% { opacity: 0; transform: translate(0,0); }
}

.lang_box { position: relative; height: 188px; margin-bottom: 28px; z-index: 10;}
.lang_box_l { position: absolute; left: 0; top: 0; background: url(../img/index/langbg.png) left top no-repeat; width: 500px; height: 188px; z-index: 12;}
.lang_box_r { position: absolute; right: 0; top: 0; background: url(../img/index/langbg.png) right top no-repeat; width: 500px; height: 188px; z-index: 12;}
.lang_box_m { position: absolute; left: 499px; right: 499px; top: 0; background: url(../img/index/langbgs.png) left top repeat-x; height: 188px; z-index: 11;}

.lang_tit { display: none;}

.lang_list { width: 1300px; margin: 0 auto; position: relative; padding-top: 48px; z-index: 99;}
.lang_list ul li { float: left; width: 5.88%;}
.lang_list ul li a { display: block; text-align: center; color: #fff; font-size: 12px; line-height: 30px;}
.lang_list ul li a img { display: block; margin: 0 auto; height: 40px;}
.lang_list ul li a p { display: block; height: 30px; overflow: hidden; padding-top: 8px;}
.lang_list ul li a:hover { transform: scale(1.1);}


.mainer_bgf { background: #fff;}

.ititle { font-size: 46px; font-family:'UniversLT'; line-height: 84px; text-transform: uppercase; position: relative;}
.ititle:after { display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 4px; background: #74bc1f;}
.ititle_green { color: #74bc1f;}
.ititle_green:after { background: #fff;}


.imain1 { position: relative; overflow: hidden; background: #fff; position: relative; z-index: 10;}
.imain2 { position: relative; overflow: hidden; background-size: cover !important; padding: 50px 0 70px 0; position: relative; z-index: 10;}
.imain3 { position: relative; overflow: hidden; background-size: cover !important; padding: 42px 0 66px 0; position: relative; z-index: 10;}
.imain4 { position: relative; overflow: hidden; background-size: cover !important; padding: 50px 0 80px 0; position: relative; z-index: 10;}
.imain5 { position: relative; overflow: hidden; background: url(../img/index/bg4.jpg) center center no-repeat; background-size: cover; }

.imain1 .mainbox { z-index: 2;}

.imain1_b { position: absolute; left: 50%; top: 50%; z-index: 1; width: 3678px; height: 1877px; margin-left: -1800px; margin-top: -650px; transform: rotate(-45deg);}

.imain1_bl { position: absolute; right: 50%; top: 50%; margin-right: -36px; width: 1877px; margin-top: -938px; z-index: 1; }
.imain1_bl img { display: block; width: 100%; transform: rotate(0deg); transition:all 600ms ease; }
.imain1_br { position: absolute; left: 50%; top: 50%; margin-left: -36px; width: 1877px; margin-top: -938px; z-index: 1; }
.imain1_br img { display: block; width: 100%; transform: rotate(0deg); transition:all 600ms ease;}

/*
.imain1_bl { position: absolute; right: 50%; bottom: -1400px; width: 1877px; margin-right: -450px; z-index: 1; }
.imain1_bl img { display: block; width: 100%; transform: rotate(2.5deg); }
.imain1_br { position: absolute; left: 50%; bottom: 0; width: 1877px; margin-left: -300px; z-index: 1; }
.imain1_br img { display: block; width: 100%;}
*/

.iproduct { position: relative; z-index: 10;}
.iproduct .swiper-container { overflow: inherit; }
.iproduct .item { height: 720px; padding-top: 70px; transform: scale(0.8); transition:all 300ms ease;}
.iproduct .item .img { display: block; position: relative; }
.iproduct .item .img img { display: block; width: 100%; transition:all 300ms ease;}
.iproduct .item .img img{ position: relative; z-index: 10; opacity: 0;}
.iproduct .item .img img:nth-child(2){ position: absolute; left: 0; top: 0; opacity: 1; z-index: 9;}
.iproduct .item .img:after { display: block; content: ''; position: absolute; left: 0; right: 0; bottom: 0; background: url(../img/index/yy.png) center center no-repeat; height: 53px; background-size: contain; z-index: 1; transition:all 500ms ease;}
.iproduct .item .t { display: block; position: absolute; left: 0; right: 0; bottom: 126px; font-size: 22px; font-family:'UniversLT'; line-height: 42px; opacity: 0; transition:all 300ms ease; text-align: center;}
.iproduct .item .price { position: absolute; left: 0; right: 0; bottom: 90px; line-height: 36px; font-size: 18px; opacity: 0; transition:all 300ms ease; text-align: center;}
.iproduct .item .price b { margin-right: 10px; color: #74bc1f;}

.iproduct .swiper-slide-active .item { transform: scale(1.06); }
.iproduct .swiper-slide-active .item .img { background: none;}
.iproduct .swiper-slide-active .item .img img:nth-child(1){ opacity: 1;}
.iproduct .swiper-slide-active .item .img img:nth-child(2){ opacity: 0;}
.iproduct .swiper-slide-active .item .img:after { opacity: 0;}
.iproduct .swiper-slide-active .item .t { opacity: 1;}
.iproduct .swiper-slide-active .item .price { opacity: 1;}


.swiper-prev ,.swiper-next{ position: absolute; top: 50%; width: 70px; height: 70px; margin-top: -35px; cursor: pointer; z-index: 999; transition:all 300ms ease; opacity: 0.6;}
.swiper-prev { left: -80px; background: url(../img/index/banl.png) center center no-repeat; }
.swiper-next { right: -80px; background: url(../img/index/banr.png) center center no-repeat; }
.swiper-prev:hover { transform: translate(-10px,0);}
.swiper-next:hover { transform: translate(10px,0);}


.iproduct .swiper-prev ,.iproduct .swiper-next{ margin-top: -110px; }
.iproduct .swiper-prev { left: 320px; }
.iproduct .swiper-next { right: 320px; }


.iabout { padding-top: 100px;}
.iabout ul li { float: left; position: relative; width: 25%;}
.iabout ul li a { display: block; position: relative; overflow: hidden;}
.iabout ul li img { display: block; width: 100%; transition:all 300ms ease; position: relative; z-index: 1;}
.iabout ul li a:after { display: block; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2),rgba(0,0,0,0.2),rgba(0,0,0,0.6)); z-index: 2;}
.iabout ul li p { position: absolute; left: 30px; right: 30px; bottom: 20px; color: #fff; font-size: 22px; line-height: 30px; font-family:'UniversCELight'; text-transform: uppercase; z-index: 10;}
.iabout ul li:nth-child(1){ float: right; width: 50%;}
.iabout ul li a:hover img{ transform: scale(1.06);}


.ibrand { position: relative; padding-top: 120px;}
.ibrandlist { margin: 0 -17px;}
.ibrandlist .item { padding: 0 17px;}
.ibrandlist .item a{ display: block; text-align: center;}
.ibrandlist .item .img { background: url(../img/index/ibrandbox.png) center center no-repeat; }
.ibrandlist .item .img img{ display: block; margin: 0 auto; height: 403px; transform: translateY(14px);}
.ibrandlist .item .tit { padding: 20px 0; color: #fff; text-transform: uppercase; font-size: 28px; line-height: 40px; height: 120px; font-weight: bold; overflow-wrap: break-word;}


.ibrand .swiper-prev ,.ibrand .swiper-next{ width: 78px; height: 78px; margin-top: -39px; opacity: 1;}
.ibrand .swiper-prev { left: -120px; background: url(../img/index/banl2.png) center center no-repeat; }
.ibrand .swiper-next { right: -120px; background: url(../img/index/banr2.png) center center no-repeat; }


.icustomer { position: relative; margin-top: -100px;}
.icustomer .item { padding: 275px 0; position: relative;}
.icustomer .item .img { transition:all 600ms ease; position: relative; z-index: 1;}
.icustomer .item .img:before { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ''; background: #fff; transition:all 600ms ease; opacity: 0.3;}
.icustomer .item .img img { display: block; width: 100%;}
.icustomer .item .con { position: absolute; left: -190px; right: -190px; bottom: 0; opacity: 0;}
.icustomer .item .con .t { font-size: 30px; line-height: 56px; text-transform: uppercase; font-weight: bold;}
.icustomer .item .con .t span { font-size: 20px; color: #999999; margin-left: 58px; font-weight: normal;}
.icustomer .item .con .m { font-size: 16px; line-height: 26px; }

.icustomer .swiper-slide-prev .item .img{ transform: scale(1.75); z-index: 2; }
.icustomer .swiper-slide-prev .item .img:before { opacity: 0.2;}
.icustomer .swiper-slide-next .item .img{ transform: scale(1.75); z-index: 2; }
.icustomer .swiper-slide-next .item .img:before { opacity: 0.2;}
.icustomer .swiper-slide-active .item .img{ transform: scale(2.5); z-index: 3; }
.icustomer .swiper-slide-active .item .img:before { opacity: 0;}
.icustomer .swiper-slide-active .item .con { opacity: 1;}

.icustomer .swiper-prev { left: 180px; }
.icustomer .swiper-next { right: 180px; }

.icustomer_f { position: absolute; left:0; right:0; bottom: 70px; text-align: center; font-size: 40px; font-family: 'UniversLT'; line-height: 1.4; color: #000000; }
.icustomer_f b { font-weight: normal; color: #ff0000;}


.icontact { padding: 60px 0 35px 0; border-bottom: 1px #2c2e2f solid;}
.icontact ul li { float: left; line-height: 42px; color: #fff; font-size: 20px; }
.icontact ul li b { display: block; font-size: 28px; line-height: 52px;}
.icontact ul li:first-child { width: 560px;}
.icontact ul li:last-child{ float: right;}


.igbook { padding: 26px 0 0 0;}
.igbook .item { margin-bottom: 20px;}
.igbook .item .t { font-size: 28px; line-height: 60px; color: #fff; letter-spacing: 0.5px; font-weight: bold;}
.igbook .item .input { display: block; font-size: 20px; border: 0; height: 48px; text-indent: 16px; width: 100%; background: #d7d7d7; transition:all 300ms ease;}
.igbook .item .textarea { display: block; font-size: 20px; border: 0; height: 176px; width: 100%; padding: 10px 16px; line-height: 28px; background: #d7d7d7; box-sizing: border-box; transition:all 300ms ease;}
.igbook .item .input:focus { background: #fff;}
.igbook .item .textarea:focus { background: #fff;}

.igbook_l { float: left; width: 364px;}
.igbook_r { float: right; width: 720px;}

.igbook .btnbox { padding-top: 90px;}
.igbook .btnbox .btn { display: block; margin: 0 auto; border: 0; width: 320px; height: 48px; background: #75bc20; text-align: center; line-height: 48px; color: #191919; font-size: 20px; font-family:'UniversLT';}
.igbook .btnbox .btn:hover { transform: translate(0,5px);}

.igbook .foot { text-align: center; font-size: 16px; color: #666666; padding: 15px 0;}
.igbook .foot b { color: #75bc20;}


.imain5_bg { height: 900px; position: relative; z-index: 1;}
.imain5 .logo { position: absolute; left: 0; right: 0; top: 50%; margin-top: -122px; z-index: 10;}
.imain5 .logo img { display: block; margin: 0 auto; height: 245px;}
.imain5 .copy { position: absolute; left: 0; right: 0; bottom: 30px; text-align: center; color: #fff; font-size: 18px; letter-spacing: 0.5px; opacity: 0.4; z-index: 10; }

.imainer { position: relative; }
.imain5 { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1;}
.imain5_f { height: 900px;}

.product_banner { position: relative; z-index: 99;}
.product_banner img { display: block; width: 100%;}

.product_banner .swiper-pagination { position: absolute; left: 0; right: 0; bottom: 32px; }
.product_banner .swiper-pagination .swiper-pagination-bullet { background: url(../img/product/probanli.png) center bottom no-repeat; width: 26px; height: 26px; opacity: 1; border-radius: 0; margin: 0 15px; }
.product_banner .swiper-pagination .swiper-pagination-bullet-active { background: url(../img/product/probanlis.png) center bottom no-repeat; }


.product_main { padding:80px 0 38px 0;}
.product_main_l { float: left; width: 310px; }
.product_main_r { float: right; width: 940px;}

.msearch_box { padding: 24px 0 58px 0;}
.msearch_box:after { display: block; content: ''; clear: both;}

.msearch_nav { float: left;}
.msearch_nav ul li{ float: left; margin-right: 30px;}
.msearch_nav ul li a { display: block; line-height: 44px; font-size: 36px; font-family:'UniversLT'; text-transform: uppercase; color: #666666; position: relative;}
.msearch_nav ul li a.on { color: #74bc1f;}
.msearch_nav ul li a.on:after { display: block; content: ''; position: absolute; left: 0; right: 0; bottom: -5px; height: 2px; background: #74bc1f;}
.msearch_nav:after { display: block; content: ''; clear: both;}

.msearch { float: right; position: relative; width: 410px; }
.msearch .input { display: block; height: 44px; line-height: 44px; background:#b4b4b4; width: 100%; border: none; text-indent: 20px; color: #fff; transition:all 300ms ease; }
.msearch .input::-webkit-input-placeholder { color:#ffffff; }
.msearch .input:-moz-placeholder { color:#ffffff; }
.msearch .input::-moz-placeholder { color:#ffffff; }
.msearch .input:-ms-input-placeholder { color:#ffffff; }
.msearch .btn { position: absolute; right: 0; top: 0; display: block; background: url(../img/product/search.png) 15px center no-repeat #191919; width: 90px; height: 44px; border: none; cursor: pointer; line-height: 44px; text-align: center; text-indent: 16px; color: #82d622; }
.msearch .btn:hover { opacity: 0.7;}


.product_nav { background: #fff; box-shadow: 0 0 13px rgba(0,0,0,0.03); padding: 16px 30px; margin-top: 40px;}
.product_nav .tit { font-size: 18px; color: #74bc1f; line-height: 54px; font-weight: bold; border-bottom: 2px #74bc1f solid; text-transform: uppercase; margin-bottom: 16px;}
.product_nav .item {}
.product_nav .item .t { display: block; padding: 10px 30px 10px 0; line-height: 28px; font-size: 16px; font-weight: bold; position: relative; color: #74bc1f;}
.product_nav .item .t i { display: block; position: absolute; right: -10px; top: 50%; width: 30px; height: 40px; margin-top: -20px; background: url(../img/product/lnavis.png) center center no-repeat;}
.product_nav .item .m { padding: 10px 0; border-top: 1px #74bc1f solid;}
.product_nav .item .m a { display: block; font-size: 14px; line-height: 20px; padding: 4px 0; color: #666;}
.product_nav .item .m a:hover { color: #74bc1f;}
.product_nav .item .m a.on { color: #74bc1f;}
.product_nav .item_clo .t { color: #191919;}
.product_nav .item_clo .t i{ background: url(../img/product/lnavi.png) center center no-repeat;}


.product_list { margin: 0 -10px;}
.product_list .item { float: left; width: 320px; margin-bottom: 50px;}
.product_list .item_m { display: block; margin: 0 10px; background: #fff; box-shadow: 0 0 13px rgba(0,0,0,0.03); position: relative; padding: 10px 19px 19px 19px; border: 1px transparent solid; transition:all 300ms ease;}
.product_list .item_m .img { display: block; border-bottom: 1px #f1f1f1 solid; padding-bottom: 5px; margin-bottom: 18px;}
.product_list .item_m .img img { display: block; height: 250px; margin: 0 auto; transition:all 300ms ease;}
.product_list .item_m .img:hover img{ transform: scale(1.04);}
.product_list .item_m .new { position: absolute; left: -1px; top: -1px; background: url(../img/product/new.png) left top no-repeat; width: 90px; height: 90px;}
.product_list .item_m .t { display: block; height: 44px; line-height: 22px; overflow: hidden; font-size: 16px; font-weight: bold;}
.product_list .item_m .m { color: #666666; line-height: 36px;}
.product_list .item_m .f { position: relative; padding-left: 92px; margin-top: 20px;}
.product_list .item_m .f a { display: block;}
.product_list .item_m .more { border: 1px #1e1e1e solid; height: 40px; line-height: 38px; text-align: center;}
.product_list .item_m .more:hover { color: #99df11;}
.product_list .item_m .inquire { position: absolute; left: 0; top: 0; height: 40px; line-height: 40px; text-align: center; background: #1e1e1e; color: #99df11; width: 92px; cursor: pointer;}
.product_list .item_m .inquire:before { display: inline-block; content: ''; vertical-align: middle; background: url(../img/product/mail.png) center center no-repeat; width: 14px; height: 10px; margin-right: 5px; margin-bottom: 2px; }
.product_list .item_m .inquire:hover { opacity: 0.8;}

.product_list .item_m:hover { box-shadow: 0 0 13px rgba(0,0,0,0.06); border: 1px #a3e128 solid;}


.product_top { padding: 70px 0;}
.product_pic { float: left; width: 620px; padding-left: 60px; position: relative;}
.product_pic .tit { position: absolute; left: 0; top: 0; width: 60px;}
.product_pic .tit ul li { margin-bottom: 26px; }
.product_pic .tit ul li img{ display: block; border: 1px #dcdcdc solid; width: 100%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; cursor: pointer; transition:all 300ms ease;}
.product_pic .tit ul li img.on { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; border: 1px #74bc1f solid;}
.product_pic .img img { display: block; height: 434px; margin: 0 auto;}
.product_parameter { float: right; background: url(../img/product/parameter.png) center top no-repeat; width: 490px; height: 434px; padding: 50px 30px 0 30px;}

.product_parameter_t { margin-bottom: 20px;}
.product_parameter .title { font-size: 18px; line-height: 28px; color: #fff; text-transform: uppercase; margin-bottom: 5px;}
.product_parameter .model { font-size: 12px; color: #e0e61d; font-weight: bold;}
.product_parameter .tit { font-size: 16px; color: #fff; font-weight: bold; line-height: 50px; border-bottom: 1px #2c2c2c solid;}
.product_parameter .info { padding: 10px 0; color: #b9b9ba;}
.product_parameter .info ul li { position: relative; padding-left: 16px; line-height: 30px;}
.product_parameter .info ul li:before { display: block; content: ''; position: absolute; left: 0; top: 50%; width: 6px; height: 6px; margin-top: -3px; border-radius: 50%; background: #79c720;}
.product_parameter .tag { margin-right: -22px; padding-top: 16px;}
.product_parameter .tag ul li{ float: left; margin-right: 22px;}
.product_parameter .tag img { display: block; height: 34px;}
.product_parameter .tag:after { display: block; content: ''; clear: both;}

.product_slogan { background: url(../img/product/slogan.png) center center no-repeat; background-size: cover; height: 120px; line-height: 120px; text-align: center; overflow: hidden; color: #1e1e1e; font-size: 30px; font-weight: bold; text-transform: uppercase;}

.product_qnav { height: 40px; line-height: 40px; background: #0f0f0f;}
.product_qnav ul { display: block; margin: 0 auto; width: 1280px;}
.product_qnav ul li { float: left; width: 33.33%;}
.product_qnav ul li a { display: inline-block; color: #72d600; text-transform: uppercase;}
.product_qnav ul li a:hover { opacity: 0.7;}
.product_qnav ul li:nth-child(2){ text-align: center;}
.product_qnav ul li:nth-child(3){ text-align: right;}

.product_details { padding: 40px 0 20px 0;}
.product_tit { position: relative; height: 114px; line-height: 114px;}
.product_tit b { float: left; background: #fff; padding-right: 25px; font-size: 42px; font-family:'UniversLT'; text-transform: uppercase; position: relative; letter-spacing: 1px; z-index: 2;}
.product_tit:after { display: block; content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: #e5e5e5; z-index: 1;}


.product_feature { position: relative;}
.product_feature .item { position: relative; }
.product_feature .item .img { width: 776px;}
.product_feature .item .img img { display: block; height: 582px; margin: 0 auto;}
.product_feature .item .con { position: absolute; right: 0; top: 50%; width: 446px; transform: translate(0,-50%);}
.product_feature .item .con .t { font-size: 34px; line-height: 50px; margin-bottom: 16px; font-weight: bold;}
.product_feature .item .con .m { font-size: 18px; line-height: 32px;}

.product_parameter_pic img { display: block; width: 100%;}

.product_specification { clear: both;}
.product_specification .tit { font-size: 20px; line-height: 56px; font-weight: bold;}
.product_specification .con { margin-right: -20px;}
.product_specification .con ul li { float: left; width: 630px; margin-right: 20px; position: relative; height: 37px; line-height: 36px; border-bottom: 1px #e6e6e6 solid; font-size: 16px; padding-left: 238px;}
.product_specification .con ul li span { display: block; position: absolute; left: 0; top: -1px; height: 37px; background: #e0e0e0; overflow: hidden; width: 220px; padding-left: 20px; border-top: 1px #fdfdfd solid; color: #1e1e1e; }
.product_specification .con:after { display: block; content: ''; clear: both;}


.product_related { position: relative; margin: 0 -13px 60px -13px; clear: both;}
.product_related .item { display: block; padding: 16px 0;}
.product_related .item_m { display: block; margin: 0 13px; position: relative; }
.product_related .item_m .img { display: block; background: #fff; box-shadow: 0 0 16px rgba(0,0,0,0.08);transition:all 300ms ease; margin-bottom: 25px; padding: 15px;}
.product_related .item_m .img img { display: block; height: 250px; margin: 0 auto; transition:all 300ms ease;}
.product_related .item_m .img:hover img{ transform: scale(1.04);}
.product_related .item_m .new { position: absolute; left: -1px; top: -1px; background: url(../img/product/new.png) left top no-repeat; width: 90px; height: 90px;}
.product_related .item_m .t { display: block; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; font-weight: bold;}
.product_related .item_m .m { color: #666666; line-height: 36px; margin-bottom: 8px;}
.product_related .item_m .f { position: relative; padding-left: 92px;}
.product_related .item_m .f a { display: block;}
.product_related .item_m .more { border: 1px #1e1e1e solid; height: 40px; line-height: 38px; text-align: center;}
.product_related .item_m .more:hover { color: #99df11;}
.product_related .item_m .inquire { position: absolute; left: 0; top: 0; height: 40px; line-height: 40px; text-align: center; background: #1e1e1e; color: #99df11; width: 92px;}
.product_related .item_m .inquire:before { display: inline-block; content: ''; vertical-align: middle; background: url(../img/product/mail.png) center center no-repeat; width: 14px; height: 10px; margin-right: 5px; margin-bottom: 2px; }
.product_related .item_m .inquire:hover { opacity: 0.8;}

.product_related .item_m .img:hover{ box-shadow: 0 0 16px rgba(0,0,0,0.12); }

.product_learn { background: #191919; position: relative; height: 340px; overflow: hidden; clear: both;}
.product_learn .con { position: absolute; left: 50%; margin-left: -640px; top: 0; width: 510px; padding: 60px 0; text-align: center;}
.product_learn .con img { display: block; margin: 0 auto 10px auto; height: 102px;}
.product_learn .con p { display: block; text-align: center; line-height: 80px; font-size: 30px; color: #fff; font-family:'UniversCE'; font-weight: bold; text-transform: uppercase; }
.product_learn .con .btn { display: block; margin: 0 auto; width: 150px; height: 33px; line-height: 33px; text-align: center; background: url(../img/product/learnmore.png) right center no-repeat #99df11; padding-right: 34px; color: #000000; font-family:'UniversCE'; text-transform: uppercase; font-size: 14px;}
.product_learn .con .btn:hover { transform: translate(0,3px);}
.product_learn .img { position: absolute; left: 50%; top: 0; margin-left: -190px;}
.product_learn .img img { display: block; height: 340px;}

.product_fimg img { display: block; width: 100%;}


.main_banner { position: relative;}
.main_banner .img { height: 500px; background-size: cover !important;}

.news_main { padding: 60px 0;}
.news_nav { display: flex; background: #fff; margin-bottom: 60px;}
.news_nav a { flex: 1; text-align: center;}
.news_nav a span { display: inline-block; height: 80px; line-height: 78px; border-bottom: 2px #fff solid; font-size: 24px; text-transform: uppercase;}
.news_nav a.on { color: #76bb20; font-weight: bold;}
.news_nav a.on span { border-bottom: 2px #76bb20 solid;}
.news_nav a:hover { color: #76bb20;}

.news_list { padding-bottom: 16px; margin: 0 -12px;}
.news_list .item { float: left; width: 434px; margin-bottom: 34px;}
.news_list .item_m { display: block; margin: 0 12px; background: #fff; box-shadow: 0 0 13px rgba(0,0,0,0.03); position: relative; transition:all 300ms ease;}
.news_list .item_m .img { position: relative; overflow: hidden;}
.news_list .item_m .img img { display: block; height: 242px; margin: 0 auto; transition:all 300ms ease; position: relative; z-index: 1;}
.news_list .item_m .img:before { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; background: url(../img/news/on.png) center center no-repeat; background-size: cover; transition:all 300ms ease;}
.news_list .item_m .con { padding:18px 20px; line-height: 28px;}
.news_list .item_m .t { display: block; height: 26px; overflow: hidden; font-size: 18px; font-weight: bold;}
.news_list .item_m .m { color: #666666; }

.news_list .item_m:hover .img img{ transform: scale(1.04);}
.news_list .item_m:hover { box-shadow: 0 0 13px rgba(0,0,0,0.06); }


.news_vmain { padding: 40px 0 20px 0; background: #fff;}
.news_view { padding: 30px 40px;}
.news_view .title { display: block; padding: 10px 0; font-size: 40px; line-height: 68px; font-family:'UniversLT'; text-align: center;}
.news_view .time { text-align: center; color: #999999; border-bottom: 1px #eeeeee solid; padding-bottom: 10px;}
.news_view .content { border-bottom: 1px #eeeeee solid; padding: 30px 0; font-size: 16px; color: #666666; margin-bottom: 30px;}
.news_view .content img { max-width: 100%;}
.news_view .share { text-align: right; margin-bottom: 30px;}
.news_view .share a { display: inline-block; background: url(../img/news/share.png) left center no-repeat; padding-left: 30px; font-size: 18px; color: #76bb20; font-weight: bold; line-height: 30px; }

.news_view .next {}
.news_view .next p { display: block;}
.news_view .next p:after { display: block; content: ''; clear: both;}
.news_view .next .l ,.news_view .next .r{ float: left; width: 50%; text-align: center; border: 1px #1e1e1e solid; font-size: 16px; line-height: 82px; height: 80px; background: #e8e8e8; overflow: hidden; transition:color 300ms ease;}
.news_view .next .r { border-left: none;}
.news_view .next .l:hover{ background: url(../img/news/js.png) left center no-repeat #1e1e1e; color: #99df11;}
.news_view .next .r:hover{ background: url(../img/news/j.png) right center no-repeat #1e1e1e; color: #99df11;}
.news_view .next span { float: left; width: 50%; text-align: center; font-size: 20px; line-height: 74px; font-weight: bold; }

.news_vmain2 { background: #1e1e1e; padding-bottom: 50px;}

.mtit { text-align: center; line-height: 170px; font-size: 36px; font-family:'UniversLT'; text-align: center; }
.mtit span { color: #76bb20; font-family:'UniversLT';}
.mtit2 { color: #fff;}

.related_news {}
.related_news .item { margin-bottom: 30px;}
.related_news .item_m { padding:30px 38px; background: #2d2d2d; border: 1px #2d2d2d solid; transition:all 300ms ease;}
.related_news .item_m .t{ position: relative; padding-right: 120px;}
.related_news .item_m .t a { font-size: 20px; font-weight: bold; color: #ffffff; display: block; line-height: 36px;}
.related_news .item_m .t span { position: absolute; right: 0; top: 0; line-height: 36px; color: #999999;}
.related_news .item_m .m { padding: 20px 0 30px 0; font-size: 16px; color: #b7b7b7;}
.related_news .item_m .f { height: auto;}
.related_news .item_m .f a { display: block; float: right; padding: 0 20px; line-height: 40px; background: #eeeeee; font-size: 16px;}
.related_news .item_m .f a:hover { background: #99df11; color: #fff;}
.related_news .item_m .f:after { display: block; content: ''; clear: both;}
.related_news .item_m:hover { background: #1b1b1b; border: 1px #99df11 solid;}
.related_news .item_m:hover .m { color: #fff;}
.related_news .item_m .t a:hover { color: #99df11;}

.news_vmain3 { padding: 10px 0 80px 0;}
.news_vmain3 .product_list .item { margin-bottom: 20px;}


.main_nav { background-size: cover !important; padding-top: 172px; overflow: hidden;}
.main_nav ul { display: block; margin: 0 auto; width: 1296px; text-align: center; font-size: 0; height: 232px;}
.main_nav ul li { width: 432px; display: inline-block; overflow: hidden;}
.main_nav ul li a { display: block; margin: 0 13px; background-size: cover !important; }
.main_nav ul li a span { display: flex; align-items: center; justify-content: center; height: 232px; line-height: 1.1; text-align: center; font-size: 30px; color: #ffffff; transition:all 300ms ease; font-family:'UniversLT'; border: 4px transparent solid; border-bottom: none; color: #fff; text-transform: uppercase; background: rgba(0,0,0,0.5); letter-spacing: 0.5px;}
.main_nav ul li a:hover span { background: rgba(0,0,0,0.3);}
.main_nav ul li a.on { box-shadow: 0 8px 30px rgba(0,0,0,0.2);}
.main_nav ul li a.on span { background: rgba(0,0,0,0.03); border: 4px #99df11 solid; border-bottom: none;}
.main_nav ul:after { display: block; content: ''; clear: both;}


.main_navs { background-size: cover !important; padding-top: 258px; overflow: hidden;}
.main_navs ul { display: block; margin: 0 auto; width: 1296px; text-align: center; font-size: 0; height: 146px; padding: 0;}
.main_navs ul li { width: 432px; display: inline-block; vertical-align: top; }
.main_navs ul li a { display: block; margin: 0 13px; background: rgba(0,0,0,0.7); height: 146px; }
.main_navs ul li a span { display: flex; align-items: center; justify-content: center; height: 146px; padding: 0 23px; line-height: 1.2; text-align: center; font-size: 30px; color: #ffffff; font-family:'UniversLT'; color: #fff; text-transform: uppercase; letter-spacing: 0.5px;}
.main_navs ul li a.on { background: rgba(148,214,0,0.8); box-shadow: 0 8px 30px rgba(0,0,0,0.5); }
.main_navs ul li a:hover { box-shadow: 0 8px 30px rgba(0,0,0,0.8); background: rgba(148,214,0,0.8); transform: translateY(-30px); }
.main_navs ul li a:hover span { background: url(../img/jt.png?2) right center no-repeat; background-size: 50px auto; }
.main_navs ul:after { display: block; content: ''; clear: both;}


.about_main1 { background-size: cover !important; padding: 120px 0 130px 0;}
.about_main2 { background-size: cover !important; padding: 30px 0 120px 0;}
.about_main3 { background-size: cover !important; padding: 46px 0 88px 0;}
.about_main4 { background-size: cover !important; padding: 44px 0 75px 0; border-bottom: 1px #595959 solid;}

.about_main1 .img { float: right; width: 600px; padding-top: 80px;}
.about_main1 .img img { display: block; width: 100%; box-shadow: 12px 12px 0 0 #303030;}
.about_main1 .con { float: left; width: 630px;}
.about_main1 .con .t { font-size: 42px; line-height: 80px; margin-bottom: 38px; font-family:'UniversLT'; text-transform: uppercase;}
.about_main1 .con .m { font-size: 16px; line-height: 28px; color: #90949a;}
.about_main1 .con .m b { font-size: 20px; color: #76bb20;}

.brand_growth { margin: 0 -6px; padding-top: 46px;}
.brand_growth .item { float: left; width: 20%;}
.brand_growth .item_m { margin: 0 6px; background: #888c8d; padding: 60px 30px 0 30px; height: 480px; color: #ffffff; transition:all 300ms ease;}
.brand_growth .item_m .t { font-size: 48px; line-height: 48px; color: #000000; font-family:'UniversLT'; letter-spacing: 1px;}
.brand_growth .item_m .m { position: relative; line-height: 86px; font-size: 20px; margin-bottom: 115px;}
.brand_growth .item_m .m:before { display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 24px; height: 2px; background: #fff;}
.brand_growth .item_m .f { font-size: 14px; line-height: 24px;}
.brand_growth .item:nth-child(even) .item_m { background: #6caa1e; color: #ffffff;}
.brand_growth .item:nth-child(even) .item_m .t { color: #ffffff;}
.brand_growth .item_m:hover { transform: translate(0,5px);}

.about_map { padding-top: 22px;}
.about_map img { display: block; margin: 0 auto; width: 90%; max-width: 1204px;}


.ititle_small { font-size: 42px; line-height: 84px; }

.about_main4 .info { position: relative; padding: 20px 0 0 22px; font-size: 18px; color: #cfd0d0; margin-bottom: 90px;}
.about_main4 .info b { font-size: 56px; color: #76bb20;}
.about_main4 .info b:nth-child(2) { color: #e1e51e;}
.about_main4 .info span { font-size: 26px; color: #e1e51e;}
.about_main4 .info span b { color: #e1e51e;}
.about_main4 .info:before { display: block; content: ''; position: absolute; left: 0; top: 76px; width: 12px; height: 12px; border-radius: 50%; background: #99df11;}

.about_cert { background: url(../img/about/zbg.png) center bottom no-repeat; padding-bottom: 120px; font-size: 0; line-height: 0; text-align: center;}
.about_cert ul li { display: inline-block; vertical-align: top; padding: 0 7px;}
.about_cert ul li img { display: block; height: 338px; box-shadow: 8px 0 20px rgba(0,0,0,0.5);}


.about_main5 { padding: 66px 0 100px 0; background: #fafafa;}
.about_main5 .con { padding: 58px 0 44px 0;}
.about_main5 .con ul li { float: left; line-height: 56px; overflow: hidden; font-size: 18px; }
.about_main5 .con ul li b { font-size: 46px;}
.about_main5 .con ul li:nth-child(1){ width: 510px; margin-right: 60px; border-bottom: 1px #dcdcdc solid; padding-bottom: 15px;}
.about_main5 .con ul li:nth-child(2){ width: 710px; border-bottom: 1px #dcdcdc solid; padding-bottom: 15px; }
.about_main5 .con ul li:nth-child(3){ width: 510px; margin-right: 60px;}
.about_main5 .con ul li:nth-child(4){ width: 710px; }
.about_main5 .con:after { display: block; content: ''; clear: both;}
.about_main5 .img_l { float: left; width: 557px;}
.about_main5 .img_l img { display: block; width: 100%;}
.about_main5 .img_r { float: right; width: 712px;}
.about_main5 .img_r img { display: block; width: 100%;}

.about_main5 .info { padding: 42px 0 14px 0; font-size: 16px;}


.about_main6 { padding: 30px 0 180px 0; background-color: #070605 !important; background-size: cover !important;}

.about_main6_pic { padding-top: 98px;}
.about_main6_pic img { display: block; width: 100%;}
.about_main6_picl { float: left;}
.about_main6_picr { float: right;}


.about_main7 { background-size: cover !important; padding: 120px 0;}
.about_main7 .con { background: rgba(255,255,255,0.96); width: 890px; height: 360px; padding: 40px 100px 0 100px; margin: 0 auto;}
.about_main7 .con .t { text-align: center; position: relative; line-height: 116px; font-size: 50px; font-family:'UniversLT'; text-transform: uppercase; margin-bottom: 28px; }
.about_main7 .con .t:after { display: block; content: ''; position: absolute; left: 50%; margin-left: -26px; bottom: 0; width: 52px; height: 4px; background: #76bb20;}
.about_main7 .con .m { font-size: 18px; line-height: 32px; color: #777777;}


.about_main8 { background-size: cover !important; padding: 120px 0;}
.about_main8 .con { background: rgba(255,255,255,0.96); width: 890px; height: 360px; padding: 70px 60px 0 60px; margin: 0 auto;}
.about_main8 .con .t { text-align: center; position: relative; line-height: 116px; font-size: 50px; font-family:'UniversLT'; text-transform: uppercase; margin-bottom: 28px; }
.about_main8 .con .t:after { display: block; content: ''; position: absolute; left: 50%; margin-left: -26px; bottom: 0; width: 52px; height: 4px; background: #76bb20;}
.about_main8 .con .m { font-size: 30px; line-height: 50px; color: #777777; text-align: center;}


.about_main9 { background: url(../img/about/bg9.jpg) center center no-repeat; background-size: cover; padding: 195px 0 100px 0; height: 870px;}
.about_main9 .con { font-size: 18px; line-height: 32px; color: #898989; width: 635px; padding-top: 60px;}

.about_main10 { background-size: cover !important; padding: 50px 0 100px 0; }
.about_main10 .ititle { margin-bottom: 60px;}
.about_main10 .con1 { position: relative; padding: 30px 30px 30px 52px; font-size: 18px; color: #b2b2b2; background: #232323; margin-bottom: 24px; }
.about_main10 .con1:before { display: block; content: ''; position: absolute; left: 30px; top: 40px; width: 12px; height: 12px; border-radius: 50%; background: #99df11; }


.about_main10 .img1 { margin: 0 -20px; padding-bottom: 80px;}
.about_main10 .img1 ul li { float: left; width: 440px; padding: 0 20px;}
.about_main10 .img1 ul li img { display: block; width: 100%;}

.about_main10_l { float: left; width: 939px;}
.about_main10_r { float: right; width: 320px;}
.about_main10_r img { display: block; width: 100%;}

.about_main10 .con2 { width: 666px; float: left; height: 329px; font-size: 22px; position: relative; padding: 30px 30px 30px 52px; color: #b2b2b2; background: #232323;}
.about_main10 .con2:before { display: block; content: ''; position: absolute; left: 30px; top: 43px; width: 12px; height: 12px; border-radius: 50%; background: #99df11; }
.about_main10 .con2 .t { position: absolute; left: 0; bottom: 28px; display: block; font-size: 46px; color: #79c720; font-family:'UniversLT'; text-transform: uppercase; line-height: 106px; background: #202020; padding: 0 52px;}
.about_main10 .img2 { float: right; width: 253px; }
.about_main10 .img2 img { display: block; width: 100%;}


.about_main10 .img3 { padding-top: 20px; margin-right: -20px;}
.about_main10 .img3 ul li { float: left; margin-right: 20px;}
.about_main10 .img3 ul li img { display: block; height: 165px;}


.about_main11 { background-size: cover !important; padding: 60px 0 130px 0; }

.social_box1 { padding: 70px 0 60px 0; }
.social_box1 .con { float: left; width: 590px; padding-top: 52px;}
.social_box1 .con .m { font-size: 18px; line-height: 32px; color: #999999; margin-bottom: 46px;}
.social_box1 .con .btn { display: inline-block; padding: 0 20px; line-height: 60px; text-align: center; font-size: 18px; color: #76bb20; text-transform: uppercase; border: 1px #76bb20 solid;}
.social_box1 .con .btn:hover { background: #76bb20; color: #fff;}
.social_box1 .img { float: right; width: 638px;}
.social_box1 .img img { display: block;}
.social_box1 .img1 { width: 100%; margin-bottom: 20px;}
.social_box1 .img2 { float: left; width: 258px;}
.social_box1 .img3 { float: right; width: 360px;}

.social_box2 {}
.social_box2 .img{ float: left; width: 534px;}
.social_box2 .img img { display: block; width: 100%;}
.social_box2 .con{ float: right; width: 638px;}
.social_box2 .con .m { font-size: 18px; line-height: 32px; color: #999999; height: 236px;}
.social_box2 .con .f img { display: block; width: 100%;}


.join_ban { position: relative; }
.join_ban .img img { display: block; width: 100%;}
.join_ban .con { position: absolute; left: 0; right: 0; top: 50%; margin-top: -80px;}
.join_ban .con .t { text-align: center; font-size: 90px; line-height: 74px; margin-bottom: 50px; background: url(../img/join/bant.png) center bottom no-repeat; font-family:'UniversLT'; letter-spacing: 4px; color: #fff; text-transform: uppercase;}
.join_ban .con .t span { font-family:'UniversLT'; color: #74bc1f;}
.join_ban .con .m { text-align: center; font-size: 24px; color: #ffffff; line-height: 1.2; opacity: 0.8;}


.join_main1 { background-size: cover !important; padding: 105px 0;}
.join_main2 { background-size: cover !important; padding: 85px 0 70px 0;}
.join_main3 { background-size: cover !important; padding: 108px 0;}
.join_main4 { background-size: cover !important; padding: 50px 0 80px 0;}
.join_main5 { background: url(../img/join/bg5.jpg) center center no-repeat; background-size: cover; padding: 375px 0 255px 0;}


.join_main1 .img { float: right; width: 850px; position: relative; }
.join_main1 .img img { display: block; width: 100%; position: relative; z-index: 2; }
.join_main1 .img:after { display: block; content: ''; position: absolute; left: 12px; top: 12px; right: -12px; bottom: -12px; background: url(../img/join/imgbg.jpg) right bottom no-repeat; background-size: cover;}
.join_main1 .con { float: left; width: 340px; padding-top: 22px;}
.join_main1 .con .t { font-size: 56px; line-height: 138px; margin-bottom: 32px; font-family:'UniversLT'; text-transform: uppercase; border-bottom: 2px #ebeced solid;}
.join_main1 .con .t span { color: #76bb20;}
.join_main1 .con .m { font-size: 16px; line-height: 28px; color: #848585;}


.join_main2_l { float: left; width: 850px;}
.join_main2_l .tit { float: left; width: 544px;}
.join_main2_l .tit ul li { float: left; width: 258px; height: 180px; margin-right: 14px; margin-bottom: 14px; cursor: pointer; position: relative; font-size: 16px; line-height: 28px; text-transform: uppercase; transition:all 300ms ease; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; color: #fff;}
.join_main2_l .tit ul li span { display: block; position: absolute; left:0; right:0; bottom:0; background-color: rgba(0,0,0,0.5); z-index: 3; font-weight: bold; -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); text-align: center; padding: 10px 0; font-size: 15px; line-height: 24px; text-transform: uppercase; }
.join_main2_l .tit ul li i { display: block; width: 50px; height: 50px; background: url(../img/join/icon.png) no-repeat; position: absolute; right: 20px; bottom: 20px;}
.join_main2_l .tit ul li i.t1 { background-position: 0 0;}
.join_main2_l .tit ul li i.t2 { background-position: 0 -50px;}
.join_main2_l .tit ul li i.t3 { background-position: 0 -100px;}
.join_main2_l .tit ul li i.t4 { background-position: 0 -150px;}
.join_main2_l .tit ul li i.t5 { background-position: 0 -200px;}
.join_main2_l .tit ul li i.t6 { background-position: 0 -250px;}
.join_main2_l .tit ul li.on { color: #fff;}
.join_main2_l .tit ul li.on span{ background-color: rgba(0,0,0,0.7); -webkit-backdrop-filter: blur(0); backdrop-filter: blur(0);}
.join_main2_l .tit ul li.on i.t1 { background-position: -50px 0;}
.join_main2_l .tit ul li.on i.t2 { background-position: -50px -50px;}
.join_main2_l .tit ul li.on i.t3 { background-position: -50px -100px;}
.join_main2_l .tit ul li.on i.t4 { background-position: -50px -150px;}
.join_main2_l .tit ul li.on i.t5 { background-position: -50px -200px;}
.join_main2_l .tit ul li.on i.t6 { background-position: -50px -250px;}
.join_main2_l .con { float: right; width: 304px;}
.join_main2_l .con .item { background: rgba(255,255,255,0.8); padding: 60px 24px 0 34px; height: 568px; overflow: hidden; display: none;}
.join_main2_l .con .t { margin-bottom: 24px; font-size: 20px; line-height: 34px; font-weight: bold; margin-right: -30px;}
.join_main2_l .con .m { font-size: 16px; line-height: 24px; color: #8e8f8f;}


.join_main2_r { float: right; width: 340px; padding-top: 118px;}
.join_main2_r .t { font-size: 56px; line-height: 76px; padding-bottom: 25px; margin-bottom: 32px; font-family:'UniversLT'; text-transform: uppercase; border-bottom: 2px #ffffff solid;}
.join_main2_r .t span { color: #76bb20;}
.join_main2_r .m { font-size: 16px; line-height: 34px; color: #606060;}


.join_main3_l { float: left; width: 340px; padding-top: 88px;}
.join_main3_l .t { font-size: 54px; line-height: 70px; padding-bottom: 25px; margin-bottom: 32px; font-family:'UniversLT'; text-transform: uppercase; border-bottom: 2px #ebeced solid;}
.join_main3_l .t span { color: #76bb20;}
.join_main3_l .m { font-size: 16px; line-height: 28px; color: #848585;}
.join_main3_l .m b { font-size: 20px; color: #111;}
.join_main3_r { float: right; width: 850px;}
.join_main3_r .item{ float: left; width: 417px; position: relative;}
.join_main3_r .item .img img { display: block; width: 100%;}
.join_main3_r .item .con { position: absolute; left: 0; right: 0; bottom: 0; padding: 42px 30px 22px 30px; color: #fff; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));}
.join_main3_r .item .con .t { font-size: 20px; font-family:'UniversLT'; text-transform: uppercase; }
.join_main3_r .item .con .m {}

.join_main3_r .item_1 { margin-right: 16px; }
.join_main3_r .item_2 { margin-bottom: 16px;}


.join_main4 .ititle{ margin-bottom: 68px;}

.join_contact { float: left; width: 350px; padding-right: 30px; position: relative; }
.join_contact .t { line-height: 60px; color: #74bc1f; font-size: 28px; font-weight: bold; }
.join_contact .m { font-size: 20px; line-height: 42px; color: #dfdfdf; margin-bottom: 30px;}
.join_contact:after { display: block; content: ''; position: absolute; right: 0; top: 60px; width: 1px; height: 300px; background: #646565;}


.join_gbook { float: right; width: 860px;}
.join_gbook .item { margin-bottom: 20px;}
.join_gbook .item .t { font-size: 28px; line-height: 60px; color: #fff; letter-spacing: 1px; font-weight: bold;}
.join_gbook .item .input { display: block; font-size: 20px; border: 0; height: 48px; text-indent: 16px; width: 100%; background: #d7d7d7; transition:all 300ms ease;}
.join_gbook .item .textarea { display: block; font-size: 20px; border: 0; height: 176px; width: 100%; padding: 10px 16px; line-height: 28px; background: #d7d7d7; box-sizing: border-box; transition:all 300ms ease;}
.join_gbook .item .input:focus { background: #fff;}
.join_gbook .item .textarea:focus { background: #fff;}

.join_gbook .btnbox { padding-top: 40px;}
.join_gbook .btnbox .btn { display: block; border: 0; width: 320px; height: 48px; background: #75bc20; text-align: center; line-height: 48px; color: #191919; font-size: 20px; font-family:'UniversLT';}
.join_gbook .btnbox .btn:hover { transform: translate(0,5px);}

.join_gbook .item_1 { float: left; width: 46%;}
.join_gbook .item_2 { float: right; width: 46%;}
.join_gbook .item_3 { clear: both; }


.join_ftext { position: relative; width: 1424px; margin: 0 auto;}
.join_ftext .img img { display: block; width: 100%;}
.join_ftext .item { position: absolute;}
.join_ftext .item .t { width: 28px; height: 28px; border-radius: 50%; margin-left: -14px; margin-top: -14px; background: #ffffff; box-shadow: 0 0 15px rgba(0,0,0,0.2); cursor: pointer; transition:all 300ms ease; }
.join_ftext .item .m { position: absolute; left: 50%; top: 40px; font-size: 18px; padding: 10px 26px; line-height: 38px; border-radius: 12px; background: rgba(0,0,0,0.5); color: #fff; transform: translate(-50%,0); white-space: nowrap; display: none;}
.join_ftext .item .m:before { display: block; content: ''; width: 0; height: 0; border-left: 12px transparent solid; border-right: 12px transparent solid; border-bottom: 12px rgba(0,0,0,0.5) solid; position: absolute; top: -12px; left: 50%; margin-left: -18px; }
.join_ftext .item:hover .t { background: #74bc1f;}
.join_ftext .item:hover .m { display: block;}

.join_ftext .item:nth-child(2) { left: 12.6%; top: 56%;}
.join_ftext .item:nth-child(3) { left: 61.4%; top: 97.6%;}
.join_ftext .item:nth-child(4) { left: 85%; top: 40%;}


.ensure_title { text-align: center; border-bottom: 4px #70b51e solid; line-height: 90px; text-align: center; background: #fff; font-size: 36px; font-family:'UniversLT'; text-transform: uppercase; }
.ensure_title2 { background: #1d1d1d; color: #fff;}


.ensure_main1 { background: url(../img/ensure/bg1.jpg) center center no-repeat; background-size: cover; padding: 76px 0;}
.ensure_main2 { background-size: cover !important; padding: 90px 0;}
.ensure_main3 { background: url(../img/ensure/bg3.jpg) center center no-repeat; background-size: cover; padding: 56px 0; border-bottom: 1px #434343 solid;}
.ensure_main4 { background-size: cover !important; padding: 60px 0;}
.ensure_main5 { background-size: cover !important; padding: 46px 0 52px 0;}
.ensure_main6 { background-size: cover !important; padding: 56px 0 60px 0;}
.ensure_main7 { background: #1a1a1a; padding: 60px 0; border-bottom: 1px #434343 solid;}


.commitment_top { text-align: right; margin-bottom: 16px;}
.commitment_top a { display: inline-block; border-radius: 4px; padding: 0 20px; line-height: 34px; font-size: 16px; color: #fff; text-transform: uppercase; background: #76bb20;}
.commitment_top a:hover { background: #99df11; color: #fff;}

.commitment_list { background: rgba(0,0,0,0.9); border-radius: 32px; padding: 46px 60px;}
.commitment_list .item { margin-bottom: 20px; border-bottom: 1px rgba(255,255,255,0.1) dashed;}
.commitment_list .item .item_tit { position: relative; padding: 10px 30px; line-height: 34px; font-size: 20px; color: #fff; text-transform: uppercase; cursor: pointer; }
.commitment_list .item .item_tit:before { display: block; content: ''; position: absolute; left: 0; top: 50%; width: 10px; height: 10px; border-radius: 50%; background: #99df11; margin-top: -5px;}
.commitment_list .item .item_tit:after { display: block; content: ''; position: absolute; right: 0; top: 50%; background: url(../img/ensure/d.png) center center no-repeat; width: 14px; height: 14px; margin-top: -7px;}
.commitment_list .item .item_con { display: none; padding: 20px 20px;}
.commitment_list .item .list { position: relative; padding: 20px 30px 20px 0;}
.commitment_list .item .list .img { float: left; width: 237px;}
.commitment_list .item .list .img img { display: block; width: 100%;}
.commitment_list .item .list .con { float: right; width: 700px; color: #fff; font-size: 16px; line-height: 30px;}
.commitment_list .item .list:after { display: block; content: ''; clear: both; }

.commitment_list .item_on .item_tit { color: #76bb20;}
.commitment_list .item_on .item_tit:before { background: #fff;}
.commitment_list .item_on .item_tit:after{ transform: rotate(180deg);}

.letter_box { background: url(../img/ensure/paper.jpg) center top no-repeat; width: 1182px; margin: 0 auto; padding: 160px 80px 50px 80px; font-size: 20px; line-height: 40px; color: #3e3e3e;}
.letter_box p { text-align: right;}


.real_box {}
.real_box .tit { font-size: 36px; font-family:'UniversLT'; line-height: 78px; text-transform: uppercase; position: relative; color: #fff; margin-bottom: 40px;}
.real_box .tit:after { display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 4px; background: #74bc1f;}
.real_box .con { font-size: 18px; line-height: 32px; color: #dfdfdf;}
.real_box .con p { margin-bottom: 10px;}


.after_sales { padding-top: 20px;}
.after_sales .item { display: flex; margin-bottom: 50px; align-items: center; justify-content: space-between;}
.after_sales .img { width: 151px; }
.after_sales .img img { display: block; width: 100%;}
.after_sales .con { width: 1050px; }
.after_sales .con .t { font-size: 36px; font-family:'UniversLT'; line-height: 1; margin-bottom: 14px; text-transform: uppercase;}
.after_sales .con .m { font-size: 16px; line-height: 24px; color: #8d8d8d; }
.after_sales .item:last-child { margin-bottom: 20px;}


.ensure_main5 .con{ padding-top: 30px; font-size: 16px; line-height: 30px; color: #3a3a3a;}
.ensure_main6 .con{ padding-top: 40px; font-size: 16px; line-height: 40px; color: #3a3a3a;}


.consulting_box {}
.consulting_box .img { float: left; width: 560px; }
.consulting_box .img img { display: block; width: 100%;}
.consulting_box .con { float: right; width: 596px; padding-top: 30px; }
.consulting_box .con .t { font-size: 48px; font-family:'UniversLT'; line-height: 88px; text-transform: uppercase; color: #ffffff; margin-bottom: 12px;}
.consulting_box .con .t2 { font-size: 20px; font-family:'UniversLT'; line-height: 38px; text-transform: uppercase; color: #79bf28;}
.consulting_box .con .m { font-size: 16px; line-height: 30px; color: #bbbbbb; margin-bottom: 20px;}
.consulting_box .con .m2 { margin-bottom: 30px;}


/*分页*/
.pages { padding: 10px 0 30px 0; vertical-align: top; line-height: 0; font-size: 0; color: #a3a3a3; position: relative; }
.pages a ,.pages span{ display: inline-block; vertical-align: top; background: #f9fbfc; border: 1px #dfe0ec solid; width: 40px; height: 32px; line-height: 30px; text-align: center; color: #1e1e1e; font-size: 14px; border-left: none; font-weight: bold;}
.pages a:hover { color: #6db31d; text-decoration: none;}
.pages a.l { line-height: 100px; overflow: hidden; background: url(../img/pagel.png) center center no-repeat #f9fbfc; border-radius: 4px 0 0 4px; border-left: 1px #dfe0ec solid; }
.pages a.r { line-height: 100px; overflow: hidden; background: url(../img/pager.png) center center no-repeat #f9fbfc; border-radius: 0 4px 4px 0; }
.pages a.l:hover { box-shadow: 0 0 12px rgba(197,197,206,0.6) inset;}
.pages a.r:hover { box-shadow: 0 0 12px rgba(197,197,206,0.6) inset;}
.pages span { box-shadow: 0 0 12px rgba(197,197,206,0.6) inset; color: #6db31d;}

.pages .a2 { display: none;}
.pages .a1 { position: absolute; right: 0; top: 10px; line-height: 32px; font-size: 14px; border: none; background: none; width: auto; padding: 0; font-weight: normal;}


/*底部*/
.footer { background:#1e1e1e; padding: 60px 0; overflow: hidden; }
.footbox { width: 1380px; margin: 0 auto; color: #bcbcbc; }
.footbox a{ color: #bcbcbc;}
.footbox a:hover { color: #ffffff;}
.footbox .foot_l { float: left; width: 324px; margin-right: 70px;}
.footbox .foot_p { float: left; width: 175px; margin-right: 60px;}
.footbox .foot_m { float: left; width: 350px;}
.footbox .foot_r { float: right; width: 340px;}

.footbox .ftit { border-bottom: 1px #313131 solid; position: relative; line-height: 30px; padding-bottom: 14px; font-size: 18px; color: #fff; font-weight: bold; letter-spacing: 0.5px; margin-bottom: 25px;}
.footbox .ftit:after { display: block; position: absolute; left: 0; bottom: -1px; content: ''; width: 40px; height: 2px; background: #6f6f6f;}
.foot_l .logo img { display: block; height: 73px;}
.foot_l .info { padding: 18px 0; line-height: 28px;}
.foot_l .wechat { width: 100px;}
.foot_l .wechat .img img { display: block; height: 100px;}

.fnav { line-height: 36px;}
.fnav a { display: block;}

.fcontact { margin-top: -10px;}
.fcontact ul li { position: relative; padding: 8px 0 8px 42px; padding-left: 42px; line-height: 28px;}
.fcontact ul li:before { display: block; content: ''; position: absolute; left: 0; top: 50%; width: 30px; height: 30px; margin-top: -15px; border-radius: 4px;}
.fcontact ul li.ftel:before { background: url(../img/footer/ftel.png) center center no-repeat #2e2e2e;}
.fcontact ul li.fmail:before { background: url(../img/footer/fmail.png) center center no-repeat #2e2e2e;}
.fcontact ul li.fadr:before { background: url(../img/footer/fadr.png) center center no-repeat #2e2e2e;}
.fcontact ul li b { color: #76bb20; text-transform: uppercase;}

.flink { padding-bottom: 10px;}
.flink ul li { float: left; margin-right: 20px; margin-bottom: 20px;}
.flink a { display: block; background: #353535; border-radius: 4px; padding: 7px;}
.flink a img { display: block; height: 22px;}
.flink a:hover { background: #444; transform: translate(0,3px);}
.flink:after { display: block; content: ''; clear: both;}

.ffill { border: 1px #3c3c3c solid; background: #282828; padding: 10px 20px 20px 20px;}
.ffill .t { color: #fff; font-weight: bold; line-height: 32px; font-size: 20px;}
.ffill .m { padding: 14px 0 20px 0; color: #969696; line-height: 24px;}
.ffill .btn { display: block; background: #74bc1f; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px;}
.ffill .btn:before { display: inline-block; content: ''; background: url(../img/footer/fill.png) center center no-repeat; width: 24px; height: 20px; vertical-align: middle; margin-right: 10px; margin-bottom: 2px;}
.ffill .btn:hover { background: #5aa204; transform: translate(0,3px);}


.ftool { display: none; position: fixed; left: 50px; bottom: 24px; z-index: 999;}
.ftool ul li { float: left; margin-right: 20px;}
.ftool a { display: block;}
.ftool img { display: block; height: 50px;}
.ftool a:hover { transform: translate(0,5px); opacity: 0.8;}

.rtool { display: none; position: fixed; right: 50px; bottom: 34px; z-index: 999;}
.rtool ul li { margin-top: 20px;}
.rtool a { display: block;}
.rtool img { display: block; height: 55px;}
.rtool a:hover { transform: translate(0,5px); opacity: 0.8;}


.tt_main { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99990; display: none;}
.tt_main .bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.6); z-index: 99991;}
.tt_box { position: absolute; left: 50%; top: 50%; width: 1360px; height: 800px; background: url(../img/footer/ttbg.png) center bottom no-repeat #ffffff; border-radius: 10px; background-size: cover; margin-left: -680px; margin-top: -400px; border-radius: 8px; box-shadow: 14px 0 60px rgba(0,0,0,0.2); padding: 50px 80px 0 80px; z-index: 99992; }
.tt_box .clo { position: absolute; right: 70px; top: 60px; background: url(../img/footer/clo.png) center center no-repeat; width: 60px; height: 60px; cursor: pointer; transition:all 300ms ease; z-index: 99993; }
.tt_box .clo:hover { transform: translate(0,5px); }

.tt_box .icontact { border-bottom: 1px #e8e8e8 solid;}
.tt_box .icontact ul li { color: #666666;}
.tt_box .icontact ul li b { color: #323333;}

.tt_box .igbook .item .t { color: #323232; }
.tt_box .igbook .item .input { background: #eeeeee; }
.tt_box .igbook .item .textarea { background: #eeeeee; }
.tt_box .igbook .item .input:focus { background: #dedddd;}
.tt_box .igbook .item .textarea:focus { background: #dedddd;}

.tt_box .igbook .item .input::-webkit-input-placeholder { color:#777777; }
.tt_box .igbook .item .input:-moz-placeholder { color:#777777; }
.tt_box .igbook .item .input::-moz-placeholder { color:#777777; }
.tt_box .igbook .item .input:-ms-input-placeholder { color:#777777; }

.tt_box .igbook .item .textarea::-webkit-input-placeholder { color:#777777; }
.tt_box .igbook .item .textarea:-moz-placeholder { color:#777777; }
.tt_box .igbook .item .textarea::-moz-placeholder { color:#777777; }
.tt_box .igbook .item .textarea:-ms-input-placeholder { color:#777777; }


.tt_box .igbook .btnbox { padding-top: 40px;}


.ttv_main { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99990; display: none;}
.ttv_main .bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.6); z-index: 99991;}
.ttv_box { position: absolute; left: 50%; top: 50%; width: 1000px; height: 580px; background: url(../img/footer/ttbg.png) center bottom no-repeat #ffffff; border-radius: 10px; background-size: cover; margin-left: -500px; margin-top: -290px; border-radius: 8px; box-shadow: 14px 0 60px rgba(0,0,0,0.2); padding: 20px; z-index: 99992; }
.ttv_box .video { display: block; width: 960px; height: 540px;}
.ttv_box .clo { position: absolute; right: -30px; top: -30px; background: url(../img/footer/clo.png) center center no-repeat; width: 60px; height: 60px; cursor: pointer; transition:all 300ms ease; z-index: 99993; }
.ttv_box .clo:hover { transform: translate(0,5px); }


.etip { position: fixed; left: 50%; top: 50%; width: 500px; margin-left: -250px; box-sizing: border-box; display: none; transform:translate(0,-50%); background: rgba(255,131,0,0.9); color: #fff; padding: 20px; text-align: center; font-size: 16px; line-height: 2; border-radius: 10px; z-index: 9999991;}

@media (min-width:999px) and (max-width:1380px){
.top_nav .item .tit { padding: 0 16px;}
.top_popular { font-size: 12px;}

.top_nav .item .con { top: 76px; }
.top_nav .item .con ul { height: 100px; }
.top_nav .item .con ul li a { font-size: 14px; line-height: 18px; padding: 0 15px; min-width: 100px; height: 100px; }
.top_nav .item .con ul li a img { height: 70px; }
.top_nav .item .con ul li .m { top: 100px; height: 100px; }
}
@media (min-width:999px) and (max-width:1230px){
.top_search { width: 120px;}
.top_popular { font-size: 12px; text-indent: 20px; padding: 0 0 0 36px; overflow: hidden; width: 38px;}
}

@media (max-width:999px){
.wrap { min-width: auto; }
.mainbox{width:auto;margin-left:15px;margin-right:15px;}

.header { height: 50px; }
.topbox { height: 50px; padding: 0 15px; border-top: none; border-bottom: none; box-shadow: 0 0 8px rgba(0,0,0,0.2); }
.topbox .logo { padding-top: 10px; margin-right: 0; }
.topbox .logo img{ height: 30px; }

.nav_btn { display:block; position:absolute; right:15px; top:9px; cursor:pointer; background:#ffffff; padding:3px 3px 3px 3px; border-radius:3px;}
.nav_btn i{ display:block; font-style:normal; width:2px;height:2px;box-shadow:inset 0 0 0 28px,0 -7px 0 0,0 7px 0 0;margin:12px 22px 12px 4px; position:relative; text-align: left; text-indent: -9999px; direction: ltr; box-sizing: border-box; color:#6db31d; }
.nav_btn i:before{width:16px;height:2px;left:5px;box-shadow:inset 0 0 0 28px,0 -7px 0 0,0 7px 0 0;position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.nav_btn i:after, .nav_btn i:before { content: ''; pointer-events: none; }

.search_btn { display: block; position: absolute; right: 60px; top: 9px; width: 32px; height: 32px; background: url(../img/header/search_s.png) center center no-repeat rgba(255,255,255,0.1); background-size: 28px auto; border-radius: 3px;}

.popular_btn{ display: block; position: absolute; right: 100px; top: 9px; width: 32px; height: 32px; background: url(../img/header/top_q_s.png) center center no-repeat rgba(255,255,255,0.1); background-size: 18px auto; border-radius: 3px;}


.top_nav { float:none; height: auto; position: fixed; left: 0; right: 0; top: 50px; display: none; background: #000; box-shadow: 5px 0 10px rgba(0,0,0,0.2); padding: 10px 0; z-index: 9999;}
.top_nav .item { float:none; }
.top_nav .item .tit{ height:auto; line-height:30px; padding: 10px 26px; }
.top_nav .item .tit i { display: none;}
.top_nav .item .con { display: none; opacity: 0; }

.top_r { float: right; padding-top: 10px;}

.top_popular { display: none; }

.top_popular_box { position: fixed; left: 0; top: 50px; width: 100%; margin-left: 0; padding: 0 20px 20px 20px; z-index: 9999; }
.top_popular_box .tit { padding: 6px 10px 20px 10px;}
.top_popular_box .tit p { font-size: 18px; line-height: 40px; }
.top_popular_box .tit p:after { width: 30px; height: 2px; }
.top_popular_box .con { padding-top: 15px;}
.top_popular_box .con ul li { float: none; width: auto; padding: 0 20px 0 20px; height: auto; font-size: 12px; line-height: 20px; margin-bottom: 10px; }
.top_popular_box .con ul li:before { top: 8px; width: 4px; height: 4px; }
.top_popular_box .con ul li b { font-size: 14px; margin-right: 10px;  }

.top_search { float: none; position: fixed; width: auto; margin-left:0; left: 0; right: 0; top: 50px; z-index: 999; background: #6db31d; padding: 15px; display: none; border-top: 1px #fff solid;}
.top_search .input { height: 38px; line-height: 38px; text-indent: 60px; }
.top_search .btn { left: 15px; top: 15px; width: 50px; height: 38px; } 


.headeri { height: 50px;}

.topboxi { background:#6db31d; border-top: none; border-bottom: none; box-shadow: none;}
.topboxi .logo{ display: block;}
.topboxi .logoi{ display: none;}
.topboxi .top_popular { background-color: #6db31d;}
.topboxi .top_search .input { background:rgba(0,0,0,0.4);}

.ibanner .mouse{ position: absolute; left: 0; right: 0; bottom: 20px; }
.ibanner .mouse img { height: 32px; }
.ibanner video { width: 150%; margin-left: -25%; }


.lang_box { height: auto; margin-bottom: 20px; border-bottom: 10px #74bc1f solid; background: #191919; padding: 25px 10px 15px 10px; }
.lang_box_l { display: none;}
.lang_box_r { display: none;}
.lang_box_m { display: none;}

.lang_tit { display: block; text-align: center; font-size: 18px; color: #74bc1f; font-weight: bold; text-transform: uppercase; margin-bottom: 1em;}

.lang_list { width: auto; padding-top: 0; }
.lang_list ul li { width: 20%; margin-bottom: 10px;}
.lang_list ul li a { line-height: 20px;}
.lang_list ul li a img { height: 30px;}
.lang_list ul li a p { height: auto; padding-top: 3px;}
.lang_list:after { display: block; content: ''; clear: both;}


.ititle { font-size: 20px; line-height: 40px; }
.ititle:after { width: 30px; height: 2px; }


.imain2 { padding: 25px 0 40px 0;}
.imain3 { padding: 25px 0 80px 0;}
.imain4 { padding: 25px 0 30px 0;}


.imain1_b { width: 919px; height: 469px; margin-left: -450px; margin-top: -62px; }

.imain1_bl { margin-right: -9px; width: 469px; margin-top: -234px; }
.imain1_br { margin-left: -9px; width: 469px; margin-top: -234px; }


.iproduct { margin: 0;}
.iproduct .item { height: auto; padding-top: 5px; padding-bottom: 30px; transform: scale(0.9); }
.iproduct .item .img { margin-bottom: 10px;}
.iproduct .item .img img { width: 80%; margin: 0 auto;}
.iproduct .item .t { position: relative; left: 0; right: 0; bottom: auto; font-size: 14px; line-height: 20px; text-align: center; }
.iproduct .item .price { position: relative; left: 0; right: 0; bottom: auto; line-height: 20px; font-size: 12px; text-align: center; }
.iproduct .item .price b { margin-right: 6px; }

.iproduct .swiper-slide-active .item { transform: scale(1); }
.iproduct .swiper-slide-active .item .img { margin-top: 0;}


.swiper-prev ,.swiper-next{ width: 30px; height: 30px; margin-top: -15px; }
.swiper-prev { left: -40px; background-size: 30px auto; }
.swiper-next { right: -40px; background-size: 30px auto; }
.swiper-prev:hover { transform: translate(-5px,0);}
.swiper-next:hover { transform: translate(5px,0);}


.iproduct .swiper-prev ,.iproduct .swiper-next{ margin-top: -60px; }
.iproduct .swiper-prev { left: 10px; }
.iproduct .swiper-next { right: 10px; }


.iabout { padding-top: 30px;}
.iabout ul li { width: 50%;}
.iabout ul li p { left: 15px; right: 15px; bottom: 10px; font-size: 12px; line-height: 20px; }
.iabout ul li:nth-child(1){ float: none; width: auto;}



.ibrand { padding-top: 60px;}
.ibrandlist { margin: 0 -5px;}
.ibrandlist .item { padding: 0 5px;}
.ibrandlist .item .img { background-size: contain; }
.ibrandlist .item .img img{ height: 40vw; transform: translateY(1.4vw);}
.ibrandlist .item .tit { padding: 10px 0; font-size: 14px; line-height: 18px; height: auto; font-weight: bold;}


.ibrand .swiper-prev ,.ibrand .swiper-next{ width: 30px; height: 30px; margin-top: -15px; opacity: 1;}
.ibrand .swiper-prev { left: -10px; background-size: 30px auto; }
.ibrand .swiper-next { right: -10px; background-size: 30px auto; }


.icustomer { margin-top: 20px;}
.icustomer .item { padding: 0 0 0 0; }
.icustomer .item .con { position: relative; left: 0; right: 0; bottom: auto; padding-top: 12px; }
.icustomer .item .con .t { font-size: 16px; line-height: 26px; }
.icustomer .item .con .t span { font-size: 14px; margin-left: 22px; }
.icustomer .item .con .m { font-size: 12px; line-height: 20px;  }

.icustomer .swiper-slide-prev .item .img{ transform: scale(1);}
.icustomer .swiper-slide-next .item .img{ transform: scale(1);}
.icustomer .swiper-slide-active .item .img{ transform: scale(1);}


.icustomer .swiper-prev { left: 15px; }
.icustomer .swiper-next { right: 15px; }


.icustomer_f { bottom: -60px; padding: 0 20px; text-align: center; font-size: 16px; }


.icontact { padding: 30px 10px 12px 10px; }
.icontact ul li { float: none; line-height: 22px; font-size: 14px; margin-bottom: 12px; }
.icontact ul li b { font-size: 16px; line-height: 22px;}
.icontact ul li:first-child { width:100%;}
.icontact ul li:last-child{ float: none;}


.igbook { padding: 16px 10px 10px 10px;}
.igbook .item { margin-bottom: 15px;}
.igbook .item .t { font-size: 16px; line-height: 30px; letter-spacing: 0; }
.igbook .item .input { font-size: 14px; height: 40px; text-indent: 16px; }
.igbook .item .textarea { font-size: 14px; height: 176px; padding: 10px 16px; line-height: 20px; }

.igbook_l { float: none; width: auto;}
.igbook_r { float: none; width: auto;}

.igbook .btnbox { padding-top: 15px;}
.igbook .btnbox .btn { width: 60%; height: auto; line-height: 40px; font-size: 16px; }

.igbook .foot { font-size: 12px; padding: 10px 0;}


.imain5_bg { height: 400px; }
.imain5 .logo { margin-top: -50px; }
.imain5 .logo img { height: 100px;}
.imain5 .copy { bottom: 50px; font-size: 12px; padding: 0 50px; }

.imainer { }
.imain5_f { height: 400px;}

.product_banner { }

.product_banner .swiper-pagination { bottom: 10px; }
.product_banner .swiper-pagination .swiper-pagination-bullet { background-size: 14px auto; width: 20px; height: 20px; margin: 0 10px; }
.product_banner .swiper-pagination .swiper-pagination-bullet-active { background-size: 14px auto;}


.product_main { padding: 20px 0;}
.product_main_l { float: none; width: auto; }
.product_main_r { float: none; width: auto;}

.msearch_box { padding: 15px 0 15px 0; }

.msearch_nav { float: none; margin-bottom: 15px;}
.msearch_nav ul li{ float: left; width: 50%; margin-right: 0;}
.msearch_nav ul li a { text-align: center; line-height: 40px; font-size: 26px; }

.msearch { float: none; width: auto; }
.msearch .input { height: 40px; line-height: 40px; text-indent: 15px; font-size: 12px; }
.msearch .btn { background: url(../img/product/search.png) 10px center no-repeat #191919; background-size: 12px auto; width: 100px; height: 40px; line-height: 1; text-indent: 16px; font-size: 12px; }


.product_nav { padding: 10px 15px; margin-top: 20px;}
.product_nav .tit { font-size: 16px; line-height: 34px; border-bottom: 1px #74bc1f solid; margin-bottom: 12px;}
.product_nav .item .t { padding: 8px 20px 8px 0; line-height: 20px; font-size: 14px;  }
.product_nav .item .t i { right: -5px; width: 18px; height: 28px; margin-top: -14px; background-size: 8px auto;}
.product_nav .item .m { padding: 10px 0; }
.product_nav .item .m a { font-size: 14px; line-height: 20px; padding: 6px 0; }
.product_nav .item_clo .t i{ background-size: 8px auto;}


.product_list { margin: 0;}
.product_list .item { float: none; width: auto; margin-bottom: 15px;}
.product_list .item_m { margin: 0; padding: 10px 15px 15px 15px; }
.product_list .item_m .img { padding-bottom: 5px; margin-bottom: 15px;}
.product_list .item_m .img img { height: auto; width: 100%;}
.product_list .item_m .new { background-size: 60px auto; width: 60px; height: 60px;}
.product_list .item_m .t { height: auto; line-height: 22px; font-size: 16px; }
.product_list .item_m .m { line-height: 32px;}
.product_list .item_m .f { padding-left: 96px; margin-top: 10px;}
.product_list .item_m .more {  height: auto; line-height: 38px;}
.product_list .item_m .inquire { height: auto; line-height: 40px; width: 96px;}
.product_list .item_m .inquire:before { background-size: 12px auto; width: 12px; height: 10px; margin-right: 4px; margin-bottom: 2px; }


.product_top { padding: 20px 0;}
.product_pic { float: none; width: auto; padding-left: 0; padding-bottom: 70px; margin-bottom: 20px;}
.product_pic .tit { position: absolute; left: 0; right: 0; bottom: 0; top: auto; width: auto;}
.product_pic .tit ul li { float: left; width: 20%; margin-bottom: 0; padding: 0 5px; }
.product_pic .img img { height: auto; width: 100%;}
.product_parameter { float: none; background: url(../img/product/parameter2.jpg) center top no-repeat; background-size: 100% auto; width: auto; height: auto; padding: 30px 15px 15px 15px; border-radius: 0 0 10px 10px;}

.product_parameter_t { margin-bottom: 10px;}
.product_parameter .title { font-size: 16px; line-height: 22px; margin-bottom: 5px;}
.product_parameter .model { font-size: 14px; }
.product_parameter .tit { font-size: 16px; line-height: 30px; }
.product_parameter .info { padding: 10px 0; font-size: 12px; }
.product_parameter .info ul li { padding-left: 16px; line-height: 24px;}
.product_parameter .info ul li:before { width: 6px; height: 6px; margin-top: -3px; }
.product_parameter .tag { margin-right: -16px; padding-top: 12px;}
.product_parameter .tag ul li{ margin-right: 6px;}
.product_parameter .tag img { height: 24px;}

.product_slogan { background-position: left top; height: auto; line-height: 26px; font-size: 14px; padding: 15px; }

.product_qnav { height: auto; padding: 10px 0; line-height: 1.5; }
.product_qnav ul { width: auto; margin: 0 15px;}
.product_qnav ul li:nth-child(1) a { margin-right: 10px;}
.product_qnav ul li:nth-child(3) a { margin-left: 10px;}
.product_qnav:after { display: block; content: ''; clear: both;}

.product_details { padding: 20px 0 20px 0;}
.product_tit { height: 50px; line-height: 50px;}
.product_tit b { padding-right: 15px; font-size: 20px; letter-spacing: 0.5px; }

.product_feature { margin: 0 30px; clear: both;}
.product_feature .item { padding: 0 3px;}
.product_feature .item .img { width: auto;}
.product_feature .item .img img { width: 100%; height: auto;}
.product_feature .item .con { position: relative; right: auto; top: auto; width: auto; transform: translate(0,0); padding-top: 10px;}
.product_feature .item .con .t { font-size: 16px; line-height: 30px; margin-bottom: 10px; }
.product_feature .item .con .m { font-size: 14px; line-height: 22px;}

.product_specification {}
.product_specification .tit { font-size: 16px; line-height: 36px; margin-top: 5px; }
.product_specification .con { margin-right: 0;}
.product_specification .con ul li { border-bottom: none; float: none; width: auto; margin-right: 0; height: auto; line-height: 22px; padding-bottom: 10px; font-size: 14px; padding-left: 10px;}
.product_specification .con ul li span { position: relative; height: auto; width: auto; padding-left: 0; margin-bottom: 6px; padding: 5px 10px; margin-left: -10px; }


.product_related { margin: 0 -10px 20px -10px;}
.product_related .item { padding: 15px 0;}
.product_related .item_m { margin: 0 10px;  }
.product_related .item_m .img { margin-bottom: 15px; padding: 15px;}
.product_related .item_m .img img { width: 100%; height: auto;}
.product_related .item_m .new { background-size: 60px auto; width: 60px; height: 60px;}
.product_related .item_m .t { height: 20px; line-height: 20px; font-size: 16px; }
.product_related .item_m .m { line-height: 36px; margin-bottom: 8px;}
.product_related .item_m .f { padding-left: 96px;}
.product_related .item_m .more { height: auto; line-height: 38px; }
.product_related .item_m .inquire { height: auto; line-height: 40px; width: 96px;}
.product_related .item_m .inquire:before { background-size: 12px auto; width: 12px; height: 10px; margin-right: 5px; margin-bottom: 2px; }

.product_learn { height: auto; }
.product_learn .con { position: relative; left: auto; margin-left: 0; top: auto; width: auto; padding: 20px 0; }
.product_learn .con img { margin: 0 auto 10px auto; height: 50px;}
.product_learn .con p { line-height: 40px; font-size: 16px; }
.product_learn .con .btn { width: 150px; height: 33px; line-height: 33px; background: url(../img/product/learnmore.png) right center no-repeat #99df11; padding-right: 34px; font-size: 14px;}
.product_learn .img { position: relative; left: auto; top: auto; margin-left: 0;}
.product_learn .img img { width: 98%; height: auto; margin: 0 auto;}


.main_banner .img { height: 180px; }

.news_main { padding: 20px 0;}
.news_nav { margin-bottom: 20px;}
.news_nav a span { height: auto; padding: 10px 0; line-height: 20px; border-bottom: 1px #fff solid; font-size: 14px; }
.news_nav a.on span { border-bottom: 1px #76bb20 solid;}
.news_nav:after { display: block; content: ''; clear: both;}

.news_list { padding-bottom: 15px; margin: 0;}
.news_list .item { float: none; width: auto; margin-bottom: 15px;}
.news_list .item_m { margin: 0; }
.news_list .item_m .img img { width: 100%; height: auto;}
.news_list .item_m .con { padding:12px 15px; line-height: 22px;}
.news_list .item_m .t { height: auto; font-size: 16px; line-height: 24px; }


.news_vmain { padding: 20px 0 20px 0; }
.news_view { padding: 20px 0;}
.news_view .title { padding: 10px 0; font-size: 16px; line-height: 28px; }
.news_view .time { padding-bottom: 10px;}
.news_view .content { padding: 20px 0; font-size: 14px; margin-bottom: 20px;}
.news_view .share { margin-bottom: 15px;}
.news_view .share a { background-size: 18px auto; padding-left: 26px; font-size: 16px; line-height: 30px; }

.news_view .next .l ,.news_view .next .r{ display: block; float: none; width: auto; font-size: 12px; line-height: 18px; height: auto; padding: 5px 10px; margin-bottom: 5px; }
.news_view .next .l:hover{ background-size: auto 100%; }
.news_view .next .r:hover{ background-size: auto 100%; }
.news_view .next .r { border-left: 1px #1e1e1e solid;}
.news_view .next span { float: left; width: 50%; font-size: 14px; line-height: 34px; }

.news_vmain2 { padding-bottom: 30px;}

.mtit { line-height: 80px; font-size: 20px; }

.related_news {}
.related_news .item { margin-bottom: 15px;}
.related_news .item_m { padding:12px 15px; }
.related_news .item_m .t{ padding-right:0;}
.related_news .item_m .t a { font-size: 16px; line-height: 26px;}
.related_news .item_m .t span { position: relative; right: auto; top: 0; line-height: 26px; }
.related_news .item_m .m { padding: 10px 0 15px 0; font-size: 14px; }
.related_news .item_m .f { }
.related_news .item_m .f a { padding: 0 15px; line-height: 34px; font-size: 14px;}

.news_vmain3 { padding: 10px 0 20px 0;}
.news_vmain3 .product_list .item { margin-bottom: 15px;}


.main_nav { padding-top: 80px; }
.main_nav ul { width: auto; height: auto;}
.main_nav ul li { width: 33.33%;}
.main_nav ul li a { margin: 0 5px; height: 88px; position: relative; box-sizing: border-box; }
.main_nav ul li a span { height: auto; padding: 0 10px 0 10px; line-height: 14px; font-size: 11px; border: 2px transparent solid; position: absolute; left: 0; right: 0; top: 50%; transform:translate(0,-50%); z-index: 10; background: none; }
.main_nav ul li a:after { display: block; content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 1;}
.main_nav ul li a.on { border: 2px #99df11 solid; border-bottom: none;}
.main_nav ul li a.on span { border: none; border-bottom: none;}
.main_nav ul li a.on:after { opacity: 0;}


.main_navs { padding-top: 120px; }
.main_navs ul { width: auto; height: auto;}
.main_navs ul li { width: 33.33%;}
.main_navs ul li a { margin: 0 5px; height: 88px; position: relative; box-sizing: border-box; }
.main_navs ul li a span { height: 88px; padding: 0 10px; font-size: 11px; line-height: 14px; letter-spacing: 0;}
.main_navs ul li a.on {  box-shadow: 0 4px 20px rgba(0,0,0,0.5); }
.main_navs ul li a:hover { box-shadow: 0 4px 20px rgba(0,0,0,0.8); transform: translateY(-10px); }
.main_navs ul li a:hover span { background-size: 20px auto; }



.about_main1 { padding: 30px 0 30px 0;}
.about_main2 { padding: 30px 0 30px 0;}
.about_main3 { padding: 26px 0 30px 0;}
.about_main4 { padding: 24px 0 25px 0; }

.about_main1 .img { float: none; width: auto; margin-bottom: 25px; padding-top: 0;}
.about_main1 .con { float: none; width: auto;}
.about_main1 .con .t { font-size: 20px; line-height: 40px; margin-bottom: 8px; }
.about_main1 .con .m { font-size: 15px; line-height: 24px; }
.about_main1 .con .m b { font-size: 16px; }

.brand_growth { margin: 0 -5px; padding-top: 30px;}
.brand_growth .item { float: none; width: auto; margin-bottom: 10px;}
.brand_growth .item_m { margin: 0 5px; padding: 20px 10px; height: auto; }
.brand_growth .item_m .t { font-size: 18px; line-height: 28px; letter-spacing: 1px;}
.brand_growth .item_m .m { line-height: 38px; font-size: 16px; margin-bottom: 25px;}
.brand_growth .item_m .m:before { width: 22px; height: 2px; }
.brand_growth .item_m .f { font-size: 12px; line-height: 18px;}

.about_map { padding-top: 22px;}
.about_map img { width: 98%; max-width: auto;}


.ititle_small { font-size: 20px; line-height: 40px; }

.about_main4 .info { padding: 15px 0 0 16px; font-size: 14px; margin-bottom: 30px;}
.about_main4 .info b { font-size: 18px; }
.about_main4 .info span { font-size: 16px; }
.about_main4 .info:before { top: 24px; width: 8px; height: 8px; }

.about_cert { background: none; padding-bottom: 20px; margin: 0 10px; }
.about_cert ul li { width: 33.33%; padding: 0 3px; margin-bottom: 6px;}
.about_cert ul li img { width: 100%; height: auto; box-shadow: 4px 0 10px rgba(0,0,0,0.5);}


.about_main5 { padding: 26px 0 30px 0; }
.about_main5 .con { padding: 18px 0 24px 0;}
.about_main5 .con ul li { float: none; line-height: 22px; font-size: 14px; padding-top: 10px; }
.about_main5 .con ul li b { font-size: 16px;}
.about_main5 .con ul li:nth-child(1){ width: auto; margin-right: 0; border-bottom: 1px #dcdcdc solid; padding-bottom: 10px;}
.about_main5 .con ul li:nth-child(2){ width: auto; border-bottom: 1px #dcdcdc solid; padding-bottom: 10px; }
.about_main5 .con ul li:nth-child(3){ width: auto; margin-right: 0; border-bottom: 1px #dcdcdc solid; padding-bottom: 10px;}
.about_main5 .con ul li:nth-child(4){ width: auto; border-bottom: 1px #dcdcdc solid; padding-bottom: 10px; }
.about_main5 .con:after { display: block; content: ''; clear: both;}
.about_main5 .img_l { float: none; width: auto; margin-bottom: 4px;}
.about_main5 .img_r { float: none; width: auto;}

.about_main5 .info { padding: 18px 0 10px 0; font-size: 14px;}

.about_main6 { padding: 10px 0 80px 0; }
.about_main6_l { float: none; background-size: 100% auto; width: auto; height: auto; margin-bottom: 10px;}
.about_main6_l ul li { font-size: 10px; line-height: 18px; color: #fff; text-shadow: 2px 0 4px rgba(0,0,0,0.2); letter-spacing: 0; height: 24vw;}
.about_main6_l ul li span { left: 10px; right: 10px;}
.about_main6_l:after { display: block; content: ''; clear: both;}
.about_main6_r { float: none; width: auto; height: auto; padding: 10px 15px 20px 15px;}
.about_main6_r .tit { font-size: 16px; line-height: 34px; }
.about_main6_r .tit:after { width: 30px; height: 2px; }
.about_main6_r .con { font-size: 14px; line-height: 22px; padding-top: 10px;}
.about_main6_r .con b { font-size: 16px;}

.about_main6_pic { padding-top: 22px;}
.about_main6_picl { float: none; margin-bottom: 20px;}
.about_main6_picr { float: none;}

.about_main7 { padding: 60px 20px; background-position: left center;}
.about_main7 .con { width: auto; height: auto; padding: 10px 15px 20px 15px; }
.about_main7 .con .t { line-height: 50px; font-size: 20px; margin-bottom: 18px; }
.about_main7 .con .t:after { margin-left: -20px; bottom: 0; width: 40px; height: 2px; }
.about_main7 .con .m { font-size: 14px; line-height: 22px; }


.about_main8 { padding: 60px 20px; background-position: right center;}
.about_main8 .con { width: auto; height: auto; padding: 10px 15px 20px 15px; }
.about_main8 .con .t { line-height: 50px; font-size: 20px; margin-bottom: 18px; }
.about_main8 .con .t:after { margin-left: -20px; bottom: 0; width: 40px; height: 2px; }
.about_main8 .con .m { font-size: 14px; line-height: 22px; }


.about_main9 { padding: 25px 0 30px 0; height: auto; background: #fff;}
.about_main9 .con { font-size: 14px; line-height: 22px; width: auto; padding-top: 20px;}

.about_main10 { padding: 20px 0 30px 0; }
.about_main10 .ititle { margin-bottom: 30px;}
.about_main10 .con1 { padding: 12px 15px 12px 30px; font-size: 14px; margin-bottom: 14px; }
.about_main10 .con1:before { left: 15px; top: 20px; width: 8px; height: 8px; }


.about_main10 .img1 { margin: 0 -5px; padding-bottom: 20px;}
.about_main10 .img1 ul li { float: none; width: auto; padding: 0 5px; margin-bottom: 10px;}

.about_main10_l { float: none; width: auto;}
.about_main10_r { float: none; width: auto;}

.about_main10 .con2 { width: auto; float: none; height: auto; font-size: 14px; padding: 12px 15px 12px 30px; margin-bottom: 10px; }
.about_main10 .con2:before { left: 15px; top: 20px; width: 8px; height: 8px; }
.about_main10 .con2 .t { position: relative; left: 0; bottom: auto; font-size: 18px; line-height: 46px; padding: 0 22px; text-align: center;}
.about_main10 .img2 { float: none; width: auto; }


.about_main10 .img3 { padding-top: 15px; margin-right: 0; margin-bottom: 10px;}
.about_main10 .img3 ul li { float: left; margin-right: 0;}
.about_main10 .img3 ul li img { width: 100%; height: auto;}
.about_main10 .img3 ul li:nth-child(1){ width: 25%;}
.about_main10 .img3 ul li:nth-child(2){ width: 30%;}
.about_main10 .img3 ul li:nth-child(3){ width: 45%;}


.about_main11 { padding: 30px 0 30px 0; }

.social_box1 { padding: 20px 0 20px 0; }
.social_box1 .con { float: none; width: auto; padding-top: 0; margin-bottom: 15px;}
.social_box1 .con .m { font-size: 14px; line-height: 22px; margin-bottom: 16px;}
.social_box1 .con .btn { padding: 0 15px; line-height: 40px; font-size: 14px; }
.social_box1 .img { float: none; width: auto;}
.social_box1 .img img { display: block;}
.social_box1 .img1 { width: 100%; margin-bottom: 10px;}
.social_box1 .img2 { float: none; width: 100%; margin-bottom: 10px;}
.social_box1 .img3 { float: none; width: 100%;}

.social_box2 .img{ float: none; width: auto;}
.social_box2 .con{ float: none; width: auto;}
.social_box2 .con .m { font-size: 14px; line-height: 22px; height: auto; padding: 15px 0;}


.join_ban .img img { display: block; width: 100%;}
.join_ban .con { margin-top: -35px;}
.join_ban .con .t { font-size: 22px; line-height: 22px; margin-bottom: 20px; background-size: 50% auto; letter-spacing: 1px; }
.join_ban .con .m { font-size: 14px; }


.join_main1 { padding: 25px 0;}
.join_main2 { padding: 25px 0 30px 0;}
.join_main3 { padding: 25px 0;}
.join_main4 { padding: 25px 0 30px 0;}
.join_main5 { padding: 50px 0 50px 0;}


.join_main1 .img { float: none; width: auto; margin-bottom: 0; }
.join_main1 .con { float: left; width: 340px; padding-top: 22px;}
.join_main1 .con .t { font-size: 20px; line-height: 42px; margin-bottom: 12px; border-bottom: 1px #ebeced solid;}
.join_main1 .con .m { font-size: 14px; line-height: 22px; }


.join_main2_l { float: none; width: auto;}
.join_main2_l .tit { float: none; width: auto; margin-right: -1%;}
.join_main2_l .tit ul li { float: left; width: 49%; height: 90px; margin-right: 1%; margin-bottom: 1%; font-size: 13px; line-height: 20px; }
.join_main2_l .tit ul li span { padding: 8px 0; font-size: 12px; line-height: 16px; }
.join_main2_l .tit ul li i { width: 25px; height: 25px; background-size: 50px auto; right: 6px; bottom: 6px;}
.join_main2_l .tit ul li i.t1 { background-position: 0 0;}
.join_main2_l .tit ul li i.t2 { background-position: 0 -25px;}
.join_main2_l .tit ul li i.t3 { background-position: 0 -50px;}
.join_main2_l .tit ul li i.t4 { background-position: 0 -75px;}
.join_main2_l .tit ul li i.t5 { background-position: 0 -100px;}
.join_main2_l .tit ul li i.t6 { background-position: 0 -125px;}
.join_main2_l .tit ul li.on i.t1 { background-position: -25px 0;}
.join_main2_l .tit ul li.on i.t2 { background-position: -25px -25px;}
.join_main2_l .tit ul li.on i.t3 { background-position: -25px -50px;}
.join_main2_l .tit ul li.on i.t4 { background-position: -25px -75px;}
.join_main2_l .tit ul li.on i.t5 { background-position: -25px -100px;}
.join_main2_l .tit ul li.on i.t6 { background-position: -25px -125px;}
.join_main2_l .con { float: none; width: auto;}
.join_main2_l .con .item { padding: 15px 14px 20px 14px; height: auto; }
.join_main2_l .con .t { margin-bottom: 10px; font-size: 16px; line-height: 24px; margin-right: 0;}
.join_main2_l .con .m { font-size: 14px; line-height: 20px; }


.join_main2_r { float: none; width: auto; padding-top: 28px;}
.join_main2_r .t { font-size: 20px; line-height: 30px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px #ffffff solid;}
.join_main2_r .m { font-size: 14px; line-height: 24px; }


.join_main3_l { float: none; width: auto; padding-top: 18px; margin-bottom: 10px;}
.join_main3_l .t { font-size: 20px; line-height: 30px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px #ebeced solid;}
.join_main3_l .m { font-size: 14px; line-height: 24px; }
.join_main3_l .m b { font-size: 16px; }
.join_main3_r { float: none; width: auto;}
.join_main3_r .item{ float: none; width: auto; margin-bottom: 10px;}
.join_main3_r .item .con { padding: 20px 15px 10px 15px; }
.join_main3_r .item .con .t { font-size: 16px; }
.join_main3_r .item .con .m { font-size: 12px; line-height: 18px;}

.join_main3_r .item_1 { margin-right: 0; }
.join_main3_r .item_2 { margin-bottom: 10px;}


.join_main4 .ititle{ margin-bottom: 18px;}

.join_contact { float: none; width: auto; padding-right: 0; }
.join_contact .t { line-height: 30px; font-size: 18px; }
.join_contact .m { font-size: 16px; line-height: 28px; margin-bottom: 15px;}
.join_contact:after { display: none;}


.join_gbook { float: none; width: auto;}
.join_gbook .item { margin-bottom: 10px;}
.join_gbook .item .t { font-size: 18px; line-height: 30px; letter-spacing: 0; }
.join_gbook .item .input { font-size: 14px; height: 40px; text-indent: 16px; }
.join_gbook .item .textarea { font-size: 14px; height: 176px; padding: 10px 16px; line-height: 20px; }

.join_gbook .btnbox { padding-top: 15px;}
.join_gbook .btnbox .btn { width: 60%; height: auto; line-height: 40px; font-size: 16px; margin: 0 auto; }

.join_gbook .item_1 { float: none; width: auto;}
.join_gbook .item_2 { float: none; width: auto;}


.join_ftext { width: 90%; }
.join_ftext .item { position: relative; margin-top: 15px;}
.join_ftext .item .t { display: none;}
.join_ftext .item .m { position: relative; left: auto; top: auto; font-size: 14px; padding: 10px 16px; line-height: 20px; border-radius: 12px; transform: translate(0,0); white-space: normal; display: block;}
.join_ftext .item .m:before { display: none;}

.join_ftext .item:nth-child(2) { left: auto; top: auto;}
.join_ftext .item:nth-child(3) { left: auto; top: auto;}
.join_ftext .item:nth-child(4) { left: auto; top: auto;}


.ensure_title { border-bottom: 2px #70b51e solid; line-height: 50px; font-size: 20px; }


.ensure_main1 { padding: 26px 0;}
.ensure_main2 { padding: 30px 0;}
.ensure_main3 { padding: 26px 0;}
.ensure_main4 { padding: 20px 0;}
.ensure_main5 { padding: 26px 0 22px 0;}
.ensure_main6 { padding: 26px 0 20px 0;}
.ensure_main7 { padding: 20px 0;}

.commitment_top { margin-bottom: 12px;}
.commitment_top a { padding: 0 15px; line-height: 34px; font-size: 14px; }

.commitment_list { border-radius: 12px; padding: 12px 15px;}
.commitment_list .item { margin-bottom: 10px; }
.commitment_list .item .item_tit { padding: 6px 20px; line-height: 24px; font-size: 14px; }
.commitment_list .item .item_tit:before { width: 6px; height: 6px; margin-top: -3px;}
.commitment_list .item .item_tit:after { background-size: 10px auto; width: 10px; height: 10px; margin-top: -5px;}
.commitment_list .item .item_con { padding: 10px 10px;}
.commitment_list .item .list { padding: 10px 15px 10px 0;}
.commitment_list .item .list .img { float: none; width: auto; margin-bottom: 15px;}
.commitment_list .item .list .img img { width: 70%; }
.commitment_list .item .list .con { float: none; width: auto; font-size: 13px; line-height: 20px;}

.letter_box { background: none; width: auto; padding: 15px 5px 20px 5px; font-size: 14px; line-height: 24px; }
.letter_box img { width: 30%;}


.real_box .tit { font-size: 18px; line-height: 38px; margin-bottom: 20px;}
.real_box .tit:after { width: 30px; height: 2px; }
.real_box .con { font-size: 14px; line-height: 22px; }
.real_box .con p { margin-bottom: 5px;}
.real_box .con img { display: block; width: 100%;}


.after_sales { padding-top: 10px;}
.after_sales .item { display: block; margin-bottom: 20px;}
.after_sales .img { width: auto; }
.after_sales .img { width: 40%; margin: 0 auto;}
.after_sales .con { width: auto; padding-top: 20px; }
.after_sales .con .t { font-size: 18px; line-height: 32px; text-align: center; }
.after_sales .con .m { font-size: 14px; line-height: 22px; margin-bottom: 20px;}


.ensure_main5 .con{ padding-top: 15px; font-size: 14px; line-height: 24px; }
.ensure_main6 .con{ padding-top: 15px; font-size: 14px; line-height: 24px; }


.consulting_box .img { float: none; width: auto; }
.consulting_box .con { float: none; width: auto; padding-top: 20px; }
.consulting_box .con .t { font-size: 18px; line-height: 38px; margin-bottom: 8px;}
.consulting_box .con .t2 { font-size: 16px; line-height: 28px; }
.consulting_box .con .m { font-size: 14px; line-height: 24px; margin-bottom: 10px;}
.consulting_box .con .m2 { margin-bottom: 20px;}


/*分页*/
.pages { padding: 10px 0 20px 0; text-align: center; }
.pages a ,.pages span{ width: 38px; height: 32px; font-size: 13px; }

.pages .a2 { display: none;}
.pages .a1 { position: absolute; right: 0; top: 10px; line-height: 32px; font-size: 14px; border: none; background: none; width: auto; padding: 0;}


/*底部*/
.footer { padding: 25px 10px; }
.footbox { width: auto; margin: 0 15px; }
.footbox .foot_l { float: none; width: auto; margin-right: 0;}
.footbox .foot_p { float: none; display: none;}
.footbox .foot_m { float: none; width: auto; margin-bottom: 20px;}
.footbox .foot_r { float: none; width: auto;}

.footbox .ftit { line-height: 26px; padding-bottom: 10px; font-size: 16px; letter-spacing: 0; margin-bottom: 15px;}
.footbox .ftit:after { width: 30px; height: 2px; }
.foot_l .logo img { height: 50px; margin: 0 auto;}
.foot_l .info { padding: 15px 0; line-height: 20px; font-size: 12px; text-align: center;}
.foot_l .wechat { width: auto; padding: 20px 0;}
.foot_l .wechat .img img { height: 100px; }

.fnav { line-height: 36px;}
.fnav a { display: block;}

.fcontact { margin-top: 0;}
.fcontact ul li { padding: 8px 0 8px 32px; padding-left: 32px; line-height: 15px; font-size: 11px;}
.fcontact ul li:before { width: 24px; height: 24px; margin-top: -12px; }
.fcontact ul li.ftel:before { background-size: 24px auto;}
.fcontact ul li.fmail:before { background-size: 24px auto;}
.fcontact ul li.fadr:before { background-size: 24px auto;}

.flink { padding-bottom: 10px;}
.flink ul li { margin-right: 10px; margin-bottom: 10px;}
.flink a { border-radius: 4px; padding: 5px;}
.flink a img { height: 22px;}

.ffill { padding: 10px 15px 15px 15px;}
.ffill .t { line-height: 28px; font-size: 16px;}
.ffill .m { padding: 5px 0 12px 0; line-height: 18px; font-size: 11px;}
.ffill .btn { height: auto; line-height: 40px; font-size: 16px;}
.ffill .btn:before { width: 20px; height: 18px; margin-right: 6px; margin-bottom: 2px; background-size: 16px auto;}


.ftool { left: 10px; bottom: 14px; }
.ftool ul li { margin-right: 10px;}
.ftool img { height: 30px;}

.rtool { right: 10px; bottom: 24px; }
.rtool ul li { margin-top: 10px;}
.rtool img { height: 35px;}


.tt_box { left: 15px; right: 15px; top: 50%; width: auto; height: auto; margin-left: 0; margin-top: 0; border-radius: 6px; box-shadow: 10px 0 20px rgba(0,0,0,0.2); padding: 20px 20px 20px 20px; transform: translate(0,-50%); }
.tt_box .clo { right: 10px; top: 10px; background-size: 30px auto; width: 30px; height: 30px; }

.tt_box .icontact { display: none;}

.tt_box .igbook .btnbox { padding-top: 10px;}



.ttv_box { left: 15px; right: 15px; top: 50%; width: auto; height: auto; border-radius: 6px; margin-left: 0; margin-top: 0; transform: translate(0,-50%); box-shadow: 10px 0 20px rgba(0,0,0,0.2); padding: 10px; }
.ttv_box .video { width: 100%; height: 50vw;}
.ttv_box .clo { right: -15px; top: -15px; background-size: 30px auto; width: 30px; height: 30px; }



.etip { left: 5%; right: 5%; top: 50%; margin-left: 0; width: auto; padding: 10px; font-size: 14px; line-height: 2; border-radius: 10px; }
}

.join_main6 img { display: block; width: 100%;}

.about_certpic { padding-top: 3%;}
.about_certpic img { display: block; max-width: 100%; margin: 0 auto;}

.brand_growth_bg { position: absolute; left:0; right:0; top: 50%; transform: translateY(-50%); z-index: 1; }
.brand_growth_bg img { display: block; width: 100%;}
.about_main2 { position: relative;}
.about_main2 .mainbox { z-index: 2;}

.mpic img { display: block; max-width: 100%; margin: 0 auto;}


.about_main12 { padding: 30px 0 80px 0; }
.about_main12 .con { font-size: 16px; line-height: 1.3; padding-top: 50px; text-align: justify;}
.about_main12 .con img { float: left; max-width: 516px; margin-right: 16px; margin-bottom: 10px;}


@media (max-width:999px){
.about_main12 { padding: 10px 0 40px 0; }
.about_main12 .con { font-size: 14px; padding-top: 20px; }
.about_main12 .con img { display: block; float: none; max-width: 100%; margin-right: 0; margin-bottom: 10px;}
}