@charset "utf-8";
/* CSS Document */

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
mark{color:#000;background:#ff0}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden;  width: 30px;  height: 20px;}

figure{margin:1em 40px}
hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}
legend{padding:0;border:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-collapse: collapse;border-spacing: 0;margin: 0 auto;}

table tr p{text-align: center !important;}

td,th{padding: 7px 0px;}
@media print{
*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
blockquote,pre{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
img,tr{page-break-inside:avoid}
img{max-width:100%!important}
h2,h3,p{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
.navbar{display:none}
.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}
.label{border:1px solid #000}
.table{border-collapse:collapse!important}
.table td,.table th{background-color:#fff!important}
.table-bordered td,.table-bordered th{border:1px solid #ddd!important}
}

body{font-size:10px;color:#333;}
a,a:hover{text-decoration:none;color:#333}
ul,li{list-style:none}
.fl{float:left}
.fr{float:right}
.clear{clear:both}
body{font-size:10px !important;margin:0;padding:0px;}
*{marign:0px;padding:0px;}


.left{ float:left;}
.right{ float:right;}
.clear { clear:both;}
.alltransition {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.relative {position: relative;}
.table {display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;vertical-align: middle;}
.fullscreen,.fullscreen body {height: 100%;overflow: hidden}
.display-block {display: block!important;}
.content {width:100%;margin: auto;}


/*产品中心*/
.application{width:100%;height:auto;overflow:hidden;position:relative;background: url(../images/application.jpg) 100%; background-attachment: fixed;padding-top:5%; border-bottom:1px solid #ebebe9;}


/*箭头*/

@keyframes move{
 0%{right:0%;opacity:0}
70%{right:70%;opacity:1}
100%{right:100%;opacity:0}
}
.move{-webkit-animation-name:move;animation-name:move;position:relative;margin-left:-30px}
.ar-animated{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;font-style:inherit;-webkit-animation-timing-function:linear;animation-timing-function:linear;font-size:30px}
.ar-delay-1s{animation-delay:0.1s}
.ar-delay-2s{animation-delay:0.2s}
.ar-delay-3s{animation-delay:0.3s}
.ar-delay-4s{animation-delay:0.4s}
.ar-delay-5s{animation-delay:0.5s}
.ar-delay-6s{animation-delay:0.6s}
.ar-delay-7s{animation-delay:0.7s}
.ar-delay-8s{animation-delay:0.8s}
.ar-delay-9s{animation-delay:0.9s}
.ar-delay-10s{animation-delay:0.10s}



/*产品中心-内容*/

.mt-tabpage{width:100%;height:30vh;list-style:none;text-decoration:none;position: relative;}
.mt-tabpage-title{height:100%;font-size:0;width:10vw;float:right;list-style:none;text-decoration:none;margin: 2% 0%;}
.mt-tabpage-title .mt-tabpage-item{text-decoration: none;display:inline-block;width: 100%;height:20%;line-height:30px;text-align: right;color:#333;font-size:15px;}

.mt-tabpage-title .mt-tabpage-item font{float:right;display:inline-block;color:#333;font-size:15px;}
.mt-tabpage-title .mt-tabpage-item span{display:block;width:0px;float:right;overflow:hidden;position: relative;-webkit-transition:all 0.5s 0s cubic-bezier(0.445,0.05,0.55,0.95);-moz-transition:all 0.5s 0s cubic-bezier(0.445,0.05,0.55,0.95);-o-transition:all 0.5s 0s cubic-bezier(0.445,0.05,0.55,0.95);-ms-transition:all 0.5s 0s cubic-bezier(0.445,0.05,0.55,0.95);transition:all 0.5s 0s cubic-bezier(0.445,0.05,0.55,0.95);}
.mt-tabpage-title .mt-tabpage-item span i img{height:30px;}

.mt-tabpage-title .mt-tabpage-item:hover span{width:30px;margin-left: 10px;}
.mt-tabpage-title .mt-tabpage-item-cur{font-size:15px;}
.mt-tabpage-title .mt-tabpage-item-cur span{width:30px;margin-left: 10px;}
.mt-tabpage-title .mt-tabpage-item:nth-child(1){position: relative;right: 30px;}
.mt-tabpage-title .mt-tabpage-item:nth-child(2){position: relative;right: 30px;}
.mt-tabpage-title .mt-tabpage-item:nth-child(3){position: relative;right: 30px;}
.mt-tabpage-title .mt-tabpage-item:nth-child(4){position: relative;right: 30px;}
.mt-tabpage-title .mt-tabpage-item:nth-child(5){position: relative;right: 30px;}
.mt-tabpage-title .mt-tabpage-item:nth-child(6){position: relative;right: 30px;}
.mt-tabpage-title .mt-tabpage-item:nth-child(7){position: relative;right: 30px;}
.mt-tabpage-title .mt-tabpage-item:nth-child(8){position: relative;right: 30px; display:none;}

.mt-tabpage-count{position:relative;width:60vw;float:left;overflow:hidden;  height:30vh;}
.mt-tabpage-count .mt-tabpage-item .left{width:30%;float:left;overflow:hidden;position:relative}
.mt-tabpage-count .mt-tabpage-item .left .antit{width:100%;height:auto;clear:both;position:relative;text-align: left;}
.mt-tabpage-count .mt-tabpage-item .left .antit a{position: relative;width:auto;height:auto;clear:both;color:#333;font-size:25px;font-weight:normal;letter-spacing:2px;line-height:50px;padding: 5px 0px;border-bottom:solid #1e6617 2px;}

.mt-tabpage-count .mt-tabpage-item .left .ainfo{width:100%;height:100%;clear:both;margin-top:5%;}
.mt-tabpage-count .mt-tabpage-item .left .ainfo p{font-size:15px;color:#333;line-height: 2;text-align: left;}
.mt-tabpage-count .mt-tabpage-item .left .lie{width:100%;height:auto;clear:both;float:left;margin:10% 0%;}
.mt-tabpage-count .mt-tabpage-item .left .lie li{width:23%;margin:1%;float:left;overflow:hidden;}
.mt-tabpage-count .mt-tabpage-item .left .lie li p{width:100%;height:auto;clear:both;color:#333;font-size:14px;text-align:center;line-height:1.4;letter-spacing:1px;}
.mt-tabpage-count .mt-tabpage-item .left .lie li img{display:block;max-width:100%;width:auto;height:auto;margin:0 auto;transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ase-in-out;-o-transition: all 0.7s ease-in-out;}
.mt-tabpage-count .mt-tabpage-item:nth-child(8){position: relative;right: 30px; display:none;}

.mt-tabpage-count .mt-tabpage-item .left .lie li:hover img{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ase-in-out;-o-transition: all 0.7s ease-in-out;}

.more{width:100%;clear:both;float:left;margin-top:5%;overflow:hidden;} 
.more .pro_price{width:185px;height:52px;border: solid #333 1px;overflow:hidden;border-radius:52px;position:relative;}
.more .pro_price a{position:relative; z-index:3; color:#333; width:100%;display:block;font-size:16px;position: absolute;top: 50%;transform: translateY(-50%);left: 0%;text-align:center;}
.more .pro_price a p{display: inline-table;line-height:24px;color:#333;font-size:16px;}
.more .pro_price:after{content:''; width:0; height:100%; background:#1e6617; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;}
.more .pro_price:hover  a {color:#fff;}
.more .pro_price:hover:after{width:100%;}

.more .pro_price:hover {border: solid #1e6617 1px;}

.more .pro_price a .img{ width:30px; display: inline-table;position:relative; overflow:hidden;vertical-align:top; margin-left:10px;}
.more .pro_price a .img img{ display:block; margin:0 auto; position:relative; filter: drop-shadow(30px 0 #fff); -webkit-filter: drop-shadow(30px 0 #fff);}
.more .pro_price:hover a .img img{transform: translate(-30px, 0);-webkit-transform: translate(-30px, 0);-ms-transform: translate(-30px, 0);-o-transform: translate(-30px, 0);}

.mt-tabpage-count .mt-tabpage-item .right{width:65%;height:100%;float:right;overflow:hidden;position:absolute;left:34%;top:0%;}
.mt-tabpage-count .mt-tabpage-item .right .img{position:relative;width:100%;height:100%;}
.mt-tabpage-count .mt-tabpage-item .right img{max-width:100%;width:auto;height:auto;display:block;margin:0 auto;position: absolute; top:0%;    transform: translateX(-50%);left:50%}
.mt-tabpage-cont__wrap{position:absolute}
.mt-tabpage-count .mt-tabpage-item{  height:30vh;  width: 60vw;   position: relative;  }
.mt-tabpage .line{width:auto;max-width:5%;float:right;height:100%;}
.mt-tabpage .line img{max-width:100%;width:auto;height: 100%;}


@media screen and (max-width: 1000.98px) {
.mt-tabpage-title{height:auto;width:100%;float:left;margin:0%;}
.mt-tabpage p{display:none;}
.mt-tabpage-title .mt-tabpage-item{text-decoration: none;display:inline-block;width:50%;line-height:30px;text-align: left;color:#333;font-size:16px; float:left;}
.mt-tabpage-title .mt-tabpage-item:nth-child(1){right:0px;}
.mt-tabpage-title .mt-tabpage-item:nth-child(2){right:0px;}
.mt-tabpage-title .mt-tabpage-item:nth-child(3){right:0px;}
.mt-tabpage-title .mt-tabpage-item:nth-child(4){right:0px;}
.mt-tabpage-title .mt-tabpage-item:nth-child(5){right:0px;}
.mt-tabpage-title .mt-tabpage-item:nth-child(6){right:0px;}
.mt-tabpage-title .mt-tabpage-item:nth-child(7){right:0px;}
.mt-tabpage-title .mt-tabpage-item:nth-child(8){right:0px;}
.mt-tabpage-count{width:100%;float:right;height:56vh;}
.mt-tabpage-count .mt-tabpage-item{width:100vw;}
.mt-tabpage-count .mt-tabpage-item p{display:inline-block;}
.mt-tabpage-count .mt-tabpage-item .left{width:100%;}
.mt-tabpage-count .mt-tabpage-item .left .antit a{font-size:20px;}
.mt-tabpage-count .mt-tabpage-item .left .ainfo p{font-size:14px;}
.mt-tabpage-count .mt-tabpage-item .right{width:100%;position: relative;left:0%;}
.mt-tabpage-count .mt-tabpage-item .right img{top:3%;}
.more .pro_price{width:150px;}
} 

@media (min-width:991px) and (max-width:1440px){
.mt-tabpage-title{width: 12vw;}
.mt-tabpage-count .mt-tabpage-item  .left .antit a{font-size:24px;}
button{--width:130px;--height:37px;border:0;font-size:14px;border: solid #333 1px;}
.mt-tabpage-count .mt-tabpage-item  .left .ainfo p{font-size:14px;}

.mt-tabpage-count .mt-tabpage-item  .left .lie li img{display:block;max-width:70%;}
}