/*main css cmsyou*/
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%; text-size-adjust:100%;font-family:Helvetica,"STHeiti STXihei","Microsoft JhengHei","Microsoft YaHei",Tohoma,Arial;margin: 0;}
body{font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif!important; font-size:13px; color:#666;margin: 0;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-backface-visibility:hidden;zoom:1;}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
ol, ul, menu{list-style: none outside none;}
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, select, textarea, p, blockquote, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin: 0; padding: 0;}
address, caption, cite, code, dfn, em, i, th, var, optgroup{font-style: normal; font-weight: normal;}
input, button, select, textarea{font-family: inherit; font-size: inherit; line-height: inherit;}
input[type=text], input[type=password]{border: 1px solid #cad2e0; border-radius: 3px; height: 20px; line-height: 24px;}
input[type=text]:hover, input[type=password]:hover{border-color: #6bc3f8;}
input[type=button], button{cursor: pointer;}
select, textarea{border: 1px solid #cad2e0; border-radius: 3px;}
table{border-collapse: collapse; border-spacing: 0;}
q, blockquote{quotes: none;}
q:before, q:after, blockquote:before, blockquote:after{content: ""; content: none;}
hr { width:100%; color:#CCCCCC; height:1px; size:1; noshade:noshade;}
a { color:#333; text-decoration: none;font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif;outline:none;}
a:hover {color:#092851; text-decoration: none;}
a img{border: none;}
ul,li{ list-style-type:none;}
ul:after{ content:" "; display:block; clear:both;}
h1, h2, h3{font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif; margin:0;}
.fl{ float:left;}
.fr{ float:right;}
.tal{ text-align:left;}
.tac{ text-align:center;}
.tar{ text-align:right;}
.mt0{ margin-top:0px!important;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px!important;}
.mt20{ margin-top:20px;}
.mb0{ margin-bottom:0px;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.ml0{ margin-left:0px;}
.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.mr5{ margin-right:10px;}
.mr10{ margin-right:10px;}
.pl0{ padding-left:0px;}
.pr0{ padding-right:0px;}
.pt0{ padding-top:0px!important;}
.pt50{ padding-top:50px!important;}
.pb0{ padding-bottom:0px!important;}
.p0{ padding:0px;}
.p5{ padding:5px;}
.pl0{ padding-left:0px!important;}
.pl5{ padding-left:5px;}
.pr5{ padding-right:5px;}
.p10{ padding:10px;}
.bg-white{ background-color:#fff;}
.color-white{ color:#fff;}
.color-red{ color:#ff0909;}
.black_shadow{ text-shadow: 1px 1px 2px #333; }
.btn {font-size: 15px;padding: 10px 12px;}
.clear{ clear:both;}
.inner{width:1220px; padding:0 10px; margin:0 auto;}
.inner:after{ content:" "; display:block; clear:both;}
.justify-content-center{justify-content: center!important;}
.text-center{text-align:center!important;}
/*main*/
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{background-color:#010735;}
.header{ width:100%; height:720px; background:url(../images/banner-img.jpg) center center no-repeat; background-size:cover;}
.navbar-header .logo{ margin-top:6px; margin-left:40px; display:inline-block;}
.navbar-text{ margin-top:160px; margin-left:40px; clear:both;}
.navbar-text .slogan-title{font-size: 74px; line-height:1.5em;}
.navbar-text .slogan-desc{ color:#fff; font-size:40px;}
.gradient-text{font-weight: bold;filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff',endColorStr='#388ef9',gradientType='0');background:transparent;background: -webkit-linear-gradient(0deg, #388ef9 10%, #ffffff 80%); background: -moz-linear-gradient(0deg, #388ef9 10%, #ffffff 80%); background: -o-linear-gradient(0deg, #388ef9 10%, #ffffff 80%); background: -ms-linear-gradient(0deg, #388ef9 10%, #ffffff 80%); background: linear-gradient(0deg, #388ef9 10%, #ffffff 80%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color:#cbe1fd;background:transparent\0;}
.section-wrap{ padding-top:50px; padding-bottom:50px; background-size: cover!important;}
.main-wrapper{ background:url(../images/bg-body-001.jpg) center top no-repeat; background-size:100% auto;}
.feature-wrap{ padding-bottom:40px;}
.inner-content{}
.big-title{color:#fff; font-size:27px; font-weight:bold; margin-bottom:20px;}
.big-title h3{position:relative; font-size:38px; font-weight:bold; margin-bottom:10px; display:inline-block; z-index:9;}
.big-title h3:before{ position:absolute; bottom:2px; width:110%; height:6px; line-height:0; margin-left:-5%; background-color:#0d6cde; content:" "; display:block; z-index:-1;}
.big-title.long h3:before{ width:104%; margin-left:-2%;}
.feature-lists{ margin-top:20px; clear:both;}
.feature-lists ul{ margin-left:-12px; margin-right:-12px; clear:both;}
.feature-lists ul li{ float:left; width:200px; height:360px; text-align:center; margin:0 2px; background:url(../images/bg-feature-item.png) center center no-repeat;}
.feature-lists ul li .feature-icon{ margin-top:22px;}
.feature-lists ul li .feature-title{ font-size:24px; margin-top:80px; margin-bottom:8px; clear:both;}
.feature-lists ul li .feature-title h4{ padding-bottom:28px; background:url(../images/bg-line-row.png) center bottom no-repeat;display: inline-block;}
.feature-lists ul li .feature-desc{ color:#fff; font-size:18px; line-height:1.5em; padding:10px 20px;}
.section-wrap{}
.middle-title{ min-width:185px; color:#fff; font-size:24px; line-height:1.5em; padding:10px 20px; margin-top:10px; margin-bottom:10px; background:url(../images/bg-btn.png) center center no-repeat;}
.middle-title h4{ font-weight:bold;text-shadow:0px 0px 3px rgba(0, 0, 0, 0.9),0px 0px 9px rgba(0, 0, 0, 0.9),-1px -1px 2px rgba(0, 0, 0, 0.9),1px 1px 2px rgba(0, 0, 0, 0.9);display: inline-block;}
.apply-wrap{ padding-bottom:40px;}
.apply-lists{}
.apply-lists ul{ margin-left:-20px; margin-right:-20px;}
.apply-lists ul li{ position:relative; float:left; width:580px; height:230px; margin:10px 20px; overflow:hidden;}
.apply-lists ul li .apply-title{ position:absolute; left:0; bottom:0; width:100%; height:115px; text-align:center; background:url(../images/bg-title-line.png) center center repeat-x;}
.apply-lists ul li .apply-title span{width: 100%; color:#fff; font-size:25px; line-height:1.5em; padding:65px 20px 10px; text-overflow:ellipsis; white-space:nowrap; display:inline-block; overflow:hidden;}
.why-wrap{padding-bottom:30px; background:url(../images/bg-body-002.jpg) center top no-repeat; clear:both;}
.why-wrap .inner{ position:relative;}
.reason-wrap{position:relative; float:left; width:760px; min-height:1400px; margin-top:120px; background:url(../images/bg-text-why.png) center top no-repeat;}
.span-title{width:189px; height:65px; color:#fff; font-size:26px; font-weight:bold; line-height:65px; background:url(../images/bg-title-002.png) center center no-repeat;display: inline-block;}
.span-title h3{font-weight:bold;}
.span-title.big{width:400px; height:80px; line-height:80px; background:url(../images/bg-title-001.png) center center no-repeat;}
.reason-img{ position:absolute; top:-140px; left:50%; margin-left:-186px; z-index:9;}
.reason-wrap .span-title{ text-align:center; margin-top:180px; display:inline-block;}
.reason-lists{ padding:30px;}
.reason-lists ul li{ position:relative; padding:5px 0 0; margin-bottom:15px; clear:both;}
.reason-lists ul li .reason-type{ position:absolute; right:-48px; top:50%; width:96px; height:96px; margin-top:-48px; color:#fff; font-size:22px; font-weight:bold; padding:20px; text-shadow:0px 0px 3px rgba(0, 0, 0, 0.9),0px 0px 9px rgba(0, 0, 0, 0.9),-1px -1px 2px rgba(0, 0, 0, 0.9),1px 1px 2px rgba(0, 0, 0, 0.9); background:url(../images/bg-cicle.png) center center no-repeat;}
.reason-lists ul li .reason-title{color:#fff;font-size:24px;}
.reason-lists ul li .reason-title span{ font-weight:bold;}
.reason-lists ul li .reason-desc{ color:#fff; font-size:17px; line-height:1.5em; margin-top:5px; margin-bottom:10px;}
.reason-lists ul li .bg-line{ width:405px; height:6px; margin:10px auto 0; background:url(../images/icon-dot.png) center bottom repeat-x; display:inline-block;}
.reason-lists ul li:last-child .bg-line{ display:none;}
.reason-vs-wrap{position:absolute; top:290px; right:0; width:480px; padding:98px 30px 0; background-color:rgba(13,108,222,0.2);}
.reason-vs-wrap .reason-img{ position:absolute; top:-185px; left:50%; margin-left:-140px; z-index:9;}
.reason-vs-wrap .reason-lists{padding:30px 30px 18px;}
.reason-vs-wrap .reason-lists ul li{padding:8px 0 0; margin-bottom:16px;}
.reason-vs-wrap .reason-lists ul li.vs-reason-001 .bg-line{ margin-top:21px;}
.reason-vs-wrap .reason-lists ul li.vs-reason-002{ padding-top:18px;}
.reason-vs-wrap .reason-lists ul li.vs-reason-002 .bg-line{margin-top:25px;}
.reason-vs-wrap .reason-lists ul li.vs-reason-007{ margin-bottom:5px;}
.reason-vs-wrap .reason-lists ul li.vs-reason-008{ padding-top:4px;}
.reason-vs-wrap .reason-lists ul li.vs-reason-008 .reason-desc{ margin-bottom:6px;}
.reason-vs-wrap .reason-lists ul li.vs-reason-008 .bg-line{margin-top:1px;}
.reason-vs-wrap .reason-lists ul li .bg-line{ width:342px; margin-top:14px;}
.reason-vs-wrap .reason-lists ul li .reason-title{font-size:20px;}
.reason-vs-wrap .reason-lists ul li .reason-desc{font-size:16px;}
.effort-wrap{ background:url(../images/bg-body-003.jpg) center top no-repeat; clear:both;}
.product-border{padding-bottom:87px; background:url(../images/bg-frame-bottom.png) center bottom no-repeat;}
.product-border-top{ width:100%; height:36px; background:url(../images/bg-frame-top.png) center top no-repeat;}
.product-border-inner{ background:url(../images/bg-frame-middle.png) center top repeat-y;}
.cicle-title{font-family: Arial, Helvetica, sans-serif;padding-left:20px; margin-top:30px; text-shadow:0px 0px 3px rgba(0, 0, 0, 0.2),-1px -1px 2px rgba(0, 0, 0, 0.9),1px 1px 2px rgba(0, 0, 0, 0.9);background:url(../images/bg-title-cicle-left.png) left center no-repeat; display:inline-block;}
.cicle-title-inner{ padding-right:20px; background:url(../images/bg-title-cicle-right.png) right center no-repeat;}
.cicle-title-inner span{color:#fff; font-size:22px; line-height:30px; font-weight:normal; padding:7px 20px; background:url(../images/bg-title-cicle-middle.png) center center repeat-x; display:block;}
.product-lists{ margin-top:30px; clear:both;}
.product-lists ul{ text-align:center; margin:0 auto;}
.product-lists ul li{ position:relative; width:230px; margin:0 50px; display:inline-block;}
.product-lists ul li .proitem-img{}
.product-lists ul li .proitem-title{ color:#fff; font-size:24px; margin-top:10px;}
.product-lists ul li .proitem-tips{ position:absolute; left:-260px; top:10px; z-index:9;}
.product-lists ul li .proitem-tips p{width:200px; color:#fff; font-size:18px; margin-top:-40px; margin-left:-10px;}
.product-lists ul li.proitem-002 .proitem-tips{left:auto; right:-260px;}
.product-lists ul li.proitem-002 .proitem-tips p{margin-top:-40px; margin-left:auto; margin-right:-5px;}
.effort-part-002 .product-lists ul li{ width:440px;}
.effort-tips{ font-size:24px; margin-top:10px;}
.effort-part-003 .product-lists ul li{ width:840px;}
.effort-part-004 .product-lists ul li{ width:492px;margin:0 30px;}
.expert-wrap{ background:url(../images/bg-body-004.jpg) center top no-repeat; clear:both;}
.expert-wrap .inner-content{ position:relative;}
.expert-wrap .expert-title{ font-size:28px; margin-bottom:20px;}
.border-title{ height:47px; color:#fff; font-size:24px; font-weight:bold; line-height:47px; padding-left:16px; background:url(../images/bg-title-003-left.png) center left no-repeat; display:inline-block;}
.border-title-text{ padding-right:24px;background:url(../images/bg-title-003-right.png) center right no-repeat;}
.border-title-text span{font-weight:bold; background:url(../images/bg-title-003-middle.png) center center repeat-x; display:inline-block;}
.expert-content-wrap{position:relative;}
.expert-content{ position:relative; margin-top:10px; padding-bottom:30px; clear:both;}
.expert-content-product{ margin-left:-12px;}
.expert-content-img{}
.expert-content-text{position:relative; padding-left:92px;}
.expert-content-text h4{ position:absolute; left:0; top:0; color:#fff; font-size:18px; line-height:1.5em; font-weight:bold;}
.expert-content-text p{ width:320px; color:#fff; font-size:18px; line-height:1.5em; text-align:justify;}
.expert-content-img{ position:absolute; right:70px; bottom:10px;}
.product-parameter{ position:relative; margin-top:30px; padding-top:124px; background:url(../images/bg-parameter-top.jpg) center top no-repeat;}
.parameter-title{ position:absolute; top:40px; left:50%; margin-left:-65px; color:#fff; font-size:28px; font-weight:bold;}
.parameter-lists{ padding-bottom:94px; background:url(../images/bg-parameter-bottom.jpg) center bottom no-repeat;}
.parameter-lists ul{ padding-top:30px; background:url(../images/bg-parameter-middle.png) center bottom repeat-y;}
.parameter-lists ul:after{ content:" "; display:block; clear:both;}
.parameter-lists ul li{ width:1192px; height:60px; border-bottom:2px solid #0d6cde; padding:0; margin-left:4px; display:block; clear:both;}
.parameter-lists ul li:first-child{border-top:2px solid #0d6cde;}
.parameter-lists ul li .expert-name{ float:left; width:315px; color:#fff; font-size:24px; line-height:30px; padding:15px; border-right:2px solid #0d6cde; display:inline-block;}
.parameter-lists ul li .expert-text{ float:right; width:855px; color:#fff; font-size:24px; line-height:30px; text-align:left; padding:15px 30px; display:inline-block;}
.parameter-tips{ text-align:left;}
.parameter-tips-title{ font-size:28px; line-height:28px; text-align:left; padding-left:15px; padding-bottom:2px; background:url(../images/bg-line.jpg) left center no-repeat;}
.parameter-tips-desc{ color:#fff; font-size:24px; line-height:1.5em; letter-spacing:1px; margin-top:5px;}
.footer{ padding:0; background-color:#0d6cde; clear:both;}
.footer .big-title h3:before{ background-color:#010735;}
.footer-wrap{ padding:30px 105px;}
.footer-content{ padding-top:10px; clear:both;}
.footer-content:after{ content:" "; display:block; clear:both;}
.footer-contact{ float:left; width:540px; padding-top:15px;}
.footer-contact p{ color:#fff; font-size:18px; line-height:32px; vertical-align:middle; margin-bottom:30px;}
.footer-contact a{ color:#fff;}
.footer-contact .contact-name{ font-size:24px; line-height:32px; font-weight:bold;}
.icon-contact-tel{ width:32px; height:32px; vertical-align: top; margin-right:10px; background:url(../images/icon-contact-tel.png) center center no-repeat; display:inline-block;}
.icon-contact-cart{ width:32px; height:32px; vertical-align: top; margin-right:10px; background:url(../images/icon-contact-cart.png) center center no-repeat; display:inline-block;}
.footer-qrcode{ float:right; width:450px;}
.footer-qrcode ul{}
.footer-qrcode ul:after{ content:" "; display:block; clear:both;}
.footer-qrcode ul li{ float:left; margin:0 15px;}
.footer-qrcode ul li img{ width:100%; max-width:120px; height:auto;}
.footer-qrcode ul li p{ color:#fff; font-size:18px; line-height:1.5em; text-align:center; margin-top:5px;}
/*diy*/
.buy-wrap a{ margin-left: 40px;}
/*responsive css*/
@media (min-width: 1200px){
}
@media (max-width: 1399px){
.header{ height:600px; background-size:auto 600px!important;}
}
@media (max-width: 1219.98px){
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html,body{width:100%; overflow-x:hidden;}
.inner{width:100%;}
.header{ height:500px; background-size:auto 500px!important;}
.navbar-text {margin-top: 70px;}
.navbar-text .slogan-title{font-size:56px;}
.navbar-text .slogan-desc{font-size:30px;}
.feature-lists ul li{ width:33.33%; margin:0; margin-bottom:20px;}
.apply-lists ul{ margin-left:0; margin-right:0;}
.apply-lists ul li{ width:46%; height:auto; padding:0; margin:10px 2%;}
.apply-lists ul li .apply-img{/*padding-bottom: 30px;*/}
.apply-lists ul li .apply-img img{ width:100%; height:auto;}
.apply-lists ul li .apply-title span{font-size: 20px; line-height:1.25em; white-space: initial; word-break: break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;overflow:hidden;}
.why-wrap .big-title{margin-bottom: 50px;}
.reason-wrap{ width:60%; min-height:1100px; background-size: auto 1100px;}
.reason-vs-wrap{ width:38%; right:3%;}
.reason-lists{ padding-top:10px;}
.reason-lists ul li{ text-align:center; padding:0; margin-bottom: 5px;}
.reason-lists ul li .reason-title{max-width:270px; font-size:22px; margin-left:auto; margin-right:auto;}
.reason-lists ul li .reason-desc{max-width:270px; font-size:15px; margin-bottom:0; margin-left:auto; margin-right:auto;}
.reason-lists ul li .bg-line{ width:270px;}
.reason-lists ul li .reason-type{ right:-48px; width: 72px; height: 72px; font-size: 18px; padding:12px; background-size:72px auto;}
.reason-vs-wrap{ padding-top:128px;}
.reason-vs-wrap .reason-lists{ padding-top:10px;}
.reason-vs-wrap .reason-lists ul li .reason-title{font-size:18px;}
.reason-vs-wrap .reason-lists ul li .reason-desc{font-size:14px;}
.reason-vs-wrap .reason-lists ul li{ margin-bottom:5px; padding-top:3px;}
.reason-vs-wrap .reason-lists ul li.vs-reason-001 .bg-line{ margin-top:15px;}
.reason-vs-wrap .reason-lists ul li.vs-reason-002{ padding-top:15px;}
.reason-vs-wrap .reason-lists ul li .bg-line{ width:200px;}
.effort-wrap{ background-size:100% auto; background-position:center 200px;}
.product-border{ margin-left:1.5%; margin-right:1.5%; padding-bottom: 68px;}
.product-border,.product-border-top,.product-border-inner{ background-size:100% auto;}
.product-border-top{ height:28px;}
.product-lists ul li .proitem-tips{left: -208px; top:100px;}
.product-lists ul li .proitem-tips img{ width:70%; height:auto;}
.product-lists ul li .proitem-tips p{margin-top: -30px;margin-left: 18px;}
.product-lists ul li.proitem-002 .proitem-tips{ right:-210px;}
.product-lists ul li.proitem-002 .proitem-tips p{margin-top: -30px;margin-right:20px;}
.effort-part-002 .product-lists ul li{ width:44%; margin:0 2%;}
.effort-part-003 .product-lists ul li{ width:96%; margin:0 2%;}
.product-lists ul li .proitem-img img{ width:100%; height:auto;}
.effort-part-004 .product-lists ul li{ width:44%; margin:0 2%;}
.expert-content-wrap{text-align: center;}
.expert-wrap .inner-content{ padding-left:10px; padding-right:10px;}
.expert-wrap .expert-title{ text-align:center;}
.border-title{margin-left:auto; margin-right:auto;}
.expert-wrap{ background-size:100% auto;}
.expert-content{ text-align:left; padding-left:20px;}
.expert-content-img{text-align: right; right:20px; bottom:60px;}
.expert-content-img img{width:80%;}
.expert-content-product{ margin-top:50px;}
.expert-content-text{ margin-top:50px;}
.expert-content-text p{width:100%;}
.product-parameter,.parameter-lists,.parameter-lists ul{ background-size:100% auto;}
.product-parameter{ padding-top:99px;}
.parameter-lists{ padding-bottom:73px;}
.parameter-lists ul li{ width:98%; margin-left:1%;}
.parameter-lists ul li .expert-name{ width:20%;}
.parameter-lists ul li .expert-text{ width:80%;}
.parameter-tips{ margin-left:5px;}
.footer-wrap{ padding:40px;}
.footer-contact{ width:100%; text-align:center;}
.footer-contact p{ width:500px; text-align: left; display:inline-block;}
.footer-qrcode{ width:100%; text-align:center;}
.footer-qrcode ul li{ float:none; display:inline-block;}
}
@media (max-width: 991.98px){
.header{ height:400px; background-size:auto 400px!important;}
.navbar-header{top:5%;}
.navbar-text{top:20%;margin-top: 50px;}
.navbar-text .slogan-title{font-size:42px;}
.navbar-text .slogan-desc{font-size:24px;}
.main-wrapper{background-size: 150% auto; background-position:center 900px;}
.big-title h3{font-size:32px;}
.apply-lists ul li .apply-title span{ padding-top:45px;}
.reason-lists ul li .reason-type{ right:-53px;}
.reason-vs-wrap .reason-lists{ padding-left:10px; padding-right:10px;}
.reason-wrap{min-height:1100px; background-size: auto 1100px; background-image:url(../images/bg-text-why-002.png);}
.product-border-top{ height:22px;}
.product-border{ padding-bottom:53px;}
.product-lists ul li{ width:160px; margin: 0 20px;}
.product-lists ul li .proitem-tips{ top:30px;}
.product-lists ul li .proitem-title{font-size:20px;}
.effort-part-004 .product-lists ul li .proitem-title{ font-size:18px;}
.expert-wrap{ background-image:url(../images/bg-body-004-wap.jpg); background-position:center bottom;}
.expert-wrap .inner-content{ padding-left:0; padding-right:0;}
.expert-content-product{ width:50%; margin-top:80px;}
.expert-content-product img{ width:100%; height:auto;}
.expert-content-img{bottom: 95px;}
.expert-content-img img{ width:70%;}
.product-parameter {padding-top: 76px;}
.parameter-lists {padding-bottom: 57px;}
.parameter-lists ul li .expert-name{font-size: 18px;}
.parameter-lists ul li .expert-text{font-size: 18px;}
.parameter-tips-title{font-size:22px;}
.parameter-tips-desc{font-size: 18px; padding-right:10px;}
.effort-tips{font-size:20px;}
.expert-wrap .expert-title{font-size:24px;}
.border-title{font-size:22px;}
}
@media (max-width: 767.98px){
.header{ height:300px; background-size:auto 300px!important;}
.navbar-header{top:3%;}
.navbar-header .logo img{ width:84px; height:auto;}
.navbar-text{top:12%;margin-top: 30px;}
.navbar-text .slogan-title{font-size:37px;}
.navbar-text .slogan-desc{font-size:20px;}
.section-wrap {padding-top:30px;padding-bottom:30px;}
.big-title h3{font-size:24px;}
.big-title h3:before{height: 4px;}
.feature-lists ul{ text-align:center; padding-left:10px; padding-right:10px;}
.feature-lists ul li{height: 270px; background-size:140px auto;}
.feature-lists ul li .feature-icon{ margin-top:13px;}
.feature-lists ul li .feature-icon img{ width:36px; height:auto;}
.feature-lists ul li .feature-title{font-size:20px;margin-top: 50px;}
.feature-lists ul li .feature-title h4{ background-size:75% auto;}
.feature-lists ul li .feature-desc{font-size:14px;}
.middle-title{min-width:100px;font-size: 16px;background-size: 116px auto;}
.apply-lists ul li .apply-title span{font-size:14px;padding-top:70px;}
.reason-wrap{width:55%; min-height:880px; background-size: auto 880px; margin-top: 30px;background-image: url(../images/bg-text-why-003.png);}
.reason-img{top: -60px;width:186px; margin-left:-93px;}
.reason-img img{width:100%; height:auto;}
.span-title{width:95px;height: 33px; line-height:33px; background-size:100% auto; font-size:13px;}
.span-title.big{width:200px;height: 40px; line-height:40px; background-size:100% auto; font-size:14px;}
.reason-wrap .span-title{margin-top: 100px;}
.reason-lists{ padding-left:10px;}
.reason-lists ul li .reason-type{right: -47px;width: 48px;height: 48px;font-size: 14px;line-height:1.15em; padding: 8px;background-size: 48px auto;}
.reason-lists ul li .reason-title{max-width: 250px;font-size: 16px;}
.reason-lists ul li .reason-desc{max-width: 250px;font-size: 13px;}
.reason-lists ul li .bg-line {width: 200px;}
.reason-vs-wrap{width:44%; top:160px;padding-top: 64px; padding-left:10px; padding-right:10px;}
.reason-vs-wrap .reason-img{top: -95px; width:140px; margin-left:-70px;}
.reason-vs-wrap .reason-lists{ padding-right:0;}
.reason-vs-wrap .reason-lists ul li .reason-title{font-size:15px;}
.reason-vs-wrap .reason-lists ul li .reason-desc{font-size:12px;}
.reason-vs-wrap .reason-lists ul li .bg-line {width: 164px;}
.reason-vs-wrap .reason-lists ul li.vs-reason-002{ padding-top:5px;}
.reason-vs-wrap .reason-lists ul li.vs-reason-004{ padding-top:0;}
.reason-vs-wrap .reason-lists ul li .bg-line{ margin-top:10px;}
.product-border-top {height: 13px;}
.cicle-title{ margin-top:20px;}
.cicle-title-inner span{font-size:13px;}
.product-border {padding-bottom: 32px;}
.effort-tips{font-size:18px;}
.effort-part-004 .product-lists ul li .proitem-title {font-size: 15px;}
.expert-wrap{background-image: url(../images/bg-body-004-wap-2.jpg);}
.expert-wrap .expert-title{font-size:20px;}
.border-title{font-size:18px;}
.expert-content-product{ margin-top:50px;}
.expert-content-img {bottom: 80px;}
.expert-content-img img {width: 60%;}
.expert-content-text{margin-top:40px;padding-left:82px;}
.expert-content-text h4{font-size:15px;}
.expert-content-text p{font-size:14px; padding-right:20px;}
.product-parameter {padding-top: 47px;}
.parameter-lists {padding-bottom: 35px;}
.parameter-lists ul li{height:auto; border-bottom-width:1px;}
.parameter-lists ul li:first-child{border-top-width:1px;}
.parameter-lists ul li:after{ content:" "; display:block; clear:both;}
.parameter-lists ul li .expert-name{width:23%;font-size:18px;line-height:26px;padding: 10px 15px; vertical-align:middle;}
.parameter-lists ul li .expert-text{width:77%;font-size:16px;line-height:26px;padding: 10px 15px;word-break: break-all; border-left-width:1px; vertical-align:middle;}
.parameter-title{top: 18px; font-size:24px;}
.parameter-lists ul{padding-top: 10px;}
.parameter-tips-title{font-size: 20px;background-size: 3px auto;}
.parameter-tips-desc{font-size:16px;}
.product-lists ul li{width: 100px;margin: 0 10px;}
.product-lists ul li .proitem-tips {left: -158px;}
.product-lists ul li .proitem-tips img {width: 50%;height: auto;}
.product-lists ul li .proitem-tips p {margin-top: -15px;margin-left: 4px;font-size: 12px;}
.product-lists ul li.proitem-002 .proitem-tips {right: -146px;}
.product-lists ul li.proitem-002 .proitem-tips p {margin-top: -13px;margin-right: -7px;}
.product-lists ul li .proitem-title{font-size:16px;}
.footer-contact .contact-name{font-size:18px;}
.footer-contact p{width:420px;font-size:15px;}
.footer-qrcode ul li{margin: 0 10px;}
.footer-qrcode ul li img{ width:100px;}
.footer-qrcode ul li p{font-size:16px;}
}
@media (max-width: 479.98px){
.header{ padding-top:30px;}
.navbar-header{top:2%;}
.navbar-text{top:10%;}
.navbar-text .slogan-title{font-size:31px;}
.navbar-text .slogan-desc{font-size:17px;}
.big-title{margin-bottom: 15px;}
.big-title h3 {font-size: 22px;}
.feature-lists ul li{height: 201px; background-size:114px auto;}
.feature-lists ul li .feature-icon {margin-top: 12px;}
.feature-lists ul li .feature-icon img {width: 24px;height: auto;}
.feature-lists ul li .feature-title {font-size: 16px;margin-top: 30px;}
.feature-lists ul li .feature-title h4{padding-bottom:14px;background-size: 36px auto;}
.feature-lists ul li .feature-desc{font-size: 12px;padding: 5px;}
.middle-title {font-size: 15px;background-size: 92px auto;}
.apply-lists ul li .apply-title span{padding: 0 5px;margin-top: 75px;}
.product-border-top {height: 10px;}
.product-border {padding-bottom: 24px;}
.effort-tips {font-size: 14px;}
.effort-part-004 .product-lists ul li .proitem-title {font-size: 13px;}
.cicle-title-inner span{font-size: 13px; line-height:1.5em; padding:10px;}
.effort-part-004 .cicle-title-inner span{padding:10px 2px;}
.effort-part-002 .cicle-title{margin-top:15px;}
.effort-part-002 .cicle-title-inner span{line-height:1.25em; padding:10px 3px;}
.reason-wrap {min-height:918px; background-size: auto 918px;background-image: url(../images/bg-text-why-004.png); }
.reason-img { top: -47px; width: 152px; margin-left: -76px; }
.reason-vs-wrap .reason-img { top: -76px; width: 120px; margin-left: -60px; }
.reason-lists ul li .reason-title {max-width: 150px;font-size: 14px;}
.reason-lists ul li .reason-desc {max-width: 150px;font-size: 11px;}
.reason-lists ul li .bg-line{width: 150px;background-size:3px auto;}
.span-title{font-size: 12px;}
.span-title.big{width: 168px;height: 36px;line-height: 36px;font-size: 12px;margin-top: 90px;}
.reason-vs-wrap{top: 143px;}
.reason-vs-wrap .reason-lists ul li .reason-title{font-size: 13px;}
.reason-vs-wrap .reason-lists ul li .reason-title{font-size: 12px;}
.reason-vs-wrap .reason-lists ul li .bg-line{width: 116px;background-size:3px auto;}
.reason-vs-wrap .reason-lists ul li.vs-reason-001 .bg-line {margin-top: 5px;}
.reason-vs-wrap .reason-lists ul li.vs-reason-002 .bg-line {margin-top: 5px;}
.product-lists ul li{width:60px;margin: 0 5px;}
.product-lists ul li .proitem-tips{left: -122px;top:5px;}
.product-lists ul li .proitem-tips p{width: 120px;margin-top: -10px;margin-left: 15px;}
.product-lists ul li.proitem-002 .proitem-tips{right: -118px;}
.product-lists ul li.proitem-002 .proitem-tips p{margin-top: -10px;margin-right: 11px;}
.product-lists ul li .proitem-title {font-size: 13px;}
.expert-wrap .expert-title {font-size:18px;}
.border-title {font-size: 13px;}
.expert-wrap {background-image: url(../images/bg-body-004-wap-3.jpg);}
.expert-content-product {margin-top: 30px;}
.expert-content-img {bottom: 100px;}
.product-parameter { padding-top: 35px; }
.parameter-lists{ padding-bottom: 25px; }
.parameter-title{ top: 10px;font-size: 20px;}
.parameter-lists ul li .expert-name{width: 25%;font-size: 14px;padding: 10px 5px;}
.parameter-lists ul li .expert-text{width: 75%;font-size: 14px;}
.parameter-tips-title{font-size:18px;}
.parameter-tips-desc{font-size:14px;}
.footer-wrap{ padding-left:10px; padding-right:10px;}
.footer-contact{ padding-top:0;}
.footer-contact .contact-name{font-size:15px;}
.icon-contact-tel,.icon-contact-cart{ width:16px; height:16px; margin-right:5px; background-size:16px auto; margin-top: 8px;}
.footer-contact p{font-size:12px;line-height:26px;margin-bottom:10px;}
.footer-qrcode{ margin-top:10px; clear:both;}
.footer-qrcode ul li{margin: 0 5px;}
.footer-qrcode ul li img{ width:80px;}
.footer-qrcode ul li p{font-size:13px;}
}
@media (max-width: 359.98px){
.feature-lists ul li{height: 178px; background-size: 106px auto;}
.feature-lists ul li .feature-icon{margin-top: 5px;}
.feature-lists ul li .feature-title{ margin-bottom:4px;}
.feature-lists ul li .feature-desc{ line-height:1.25em;}
.apply-lists ul li .apply-title span { font-size: 12px;}
.apply-lists ul li{width: 48%; margin:5px 1%;}
.middle-title{ margin-bottom:5px;}
.reason-wrap { min-height:911px; background-size: auto 911px; background-image: url(../images/bg-text-why-005.png);}
.reason-vs-wrap .reason-lists ul li .reason-desc { font-size: 11px; }
.product-border-top {height: 9px;}
.product-border { padding-bottom: 21px;}
.border-title,.border-title-text,.border-title-text span{ background:none;}
.border-title{ height:auto; font-size: 12px; line-height:1.5em; text-align:center; padding:5px 10px; border:1px solid #eee;}
.border-title-text{ padding-right:0;}
.product-parameter { padding-top: 30px;}
.parameter-lists { padding-bottom: 22px;}
.parameter-lists ul li .expert-name{font-size: 13px;}
.parameter-lists ul li .expert-text{font-size: 13px;}
.parameter-tips-title{font-size:16px;}
.parameter-tips-desc{font-size:13px;}
.cicle-title-inner span{font-size:12px;}
.expert-wrap{background-position: center 300px;}
.expert-content-img { bottom: 117px;}
.footer-wrap{ padding-left:0; padding-right:0;}
.footer-contact .contact-name{font-size:13px;}
}
@media (max-width: 319.98px){
}