/*-----------INDEX PAGE START-----------*/

@media (max-width:991px){

*{font-weight:400;}
div,p,h1,h2,h3,span{font-weight:400;}

.m-wrapper{padding:30px 30px 40px;min-height:200px;}
.m-wrapper.white{background-color:#fff;}
.m-wrapper.gray{background-color:#f8f8f8;}
.m-wrapper.blue{background:-webkit-linear-gradient(0deg,#1e7fd2,#4196eb,#3cc0f1);background:-o-linear-gradient(0deg,#1e7fd2,#4196eb,#3cc0f1);background:-moz-linear-gradient(0deg,#1e7fd2,#4196eb,#3cc0f1);background:linear-gradient(0deg,#1e7fd2,#4196eb,#3cc0f1);}
.m-wrapper.green{background:-webkit-linear-gradient(0deg,#41d0be,#39cb7e,#4fa679);background:-o-linear-gradient(0deg,#41d0be,#39cb7e,#4fa679);background:-moz-linear-gradient(0deg,#41d0be,#39cb7e,#4fa679);background:linear-gradient(0deg,#41d0be,#39cb7e,#4fa679);}
.m-wrapper.bg-intro{background-image:url(../images/bg-contact.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;}

.m-wrapper .owl-controls{margin-top:10px;text-align:center;}
.m-wrapper .owl-page{cursor:pointer;display:inline-block;width:4px;height:4px;margin:0px 3px;background-color:rgba(0,0,0,0.2);border-radius:10px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-wrapper .owl-page.active{width:4px;background-color:rgba(0,0,0,0.4);}
.m-wrapper .owl-buttons div{position:absolute;bottom:-8px;width:30px;height:30px;z-index:10;cursor:pointer;-moz-background-size:auto 12px;-webkit-background-size:auto 12px;background-size:auto 12px;background-position:center;background-repeat:no-repeat;border-radius:50%;-webkit-transition:all .2s ease;transition:all .2s ease;}
.m-wrapper .owl-buttons div.owl-prev{left:calc(50% - 90px);background-image:url(../images/icon-page-left.png);}
.m-wrapper .owl-buttons div.owl-next{right:calc(50% - 90px);background-image:url(../images/icon-page-right.png);}
.m-wrapper .owl-buttons div.owl-prev:hover{background-image:url(../images/icon-page-leftss.png);}
.m-wrapper .owl-buttons div.owl-next:hover{background-image:url(../images/icon-page-rightss.png);}

.m-title{position:relative;padding-bottom:15px;}
.m-title h1{color:#000;font-size:24px;line-height:30px;text-align:center;}
.m-title p{color:#5b5b5b;font-size:14px;line-height:18px;text-align:center;margin-top:5px;font-family:"hurme";}

.m-wrapper.m-news{padding-bottom:30px;}
.m-news{}
.m-news .item{position:relative;padding:3px 5px 0px;}
.m-news .item a{position:absolute;z-index:1;display:block;width:100%;height:100%;}
.m-news .item .pic{position:relative;}
.m-news .item .pic .con{padding-bottom:50%;border-radius:3px;box-shadow:0px 0px 3px rgba(0,0,0,0.2);overflow:hidden;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:100% auto;-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-news .item .title{color:#111;font-size:16px;line-height:20px;margin-top:15px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-news .item .text{color:#555;font-size:14px;line-height:20px;margin-top:5px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-news .item:hover .pic .con{background-size:104% auto;}
.m-news .item:hover .title{color:#9500aa;}
.m-news .item:hover .text{color:#222;}

.m-tip{width:90%;margin:20px auto -10px;padding:15px 20px;color:#222;font-size:13px;line-height:18px;background-color:#fffcd6;border:#f2efc3 dotted 1px;border-radius:5px;}
.m-tips{display:none;}
.m-tip a{color:#3795e1;}
.m-tip a:hover{color:#3795e1;text-decoration:underline;}

.m-wrapper.m-product{padding-bottom:30px;}
.m-product{}
.m-product .item{position:relative;padding:0px 5px;}
.m-product .item a{position:absolute;z-index:100;display:block;width:100%;height:100%;}
.m-product .item .pic{position:relative;border-radius:3px;overflow:hidden;}
.m-product .item .pic:before{content:"";position:absolute;z-index:1;left:0px;bottom:0px;right:0px;width:100%;height:100%;background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,0.6));background:-o-linear-gradient(top,transparent,rgba(0,0,0,0.6));background:-moz-linear-gradient(top,transparent,rgba(0,0,0,0.6));background:linear-gradient(top,transparent,rgba(0,0,0,0.6));}
.m-product .item .pic .con{padding-bottom:63%;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:100% auto;-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-product .item .pic .title{position:absolute;z-index:1;left:0px;bottom:0px;width:100%;padding-left:20px;padding-right:20px;padding-bottom:20px;color:#fff;font-size:16px;line-height:20px;text-align:center;-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-product .item .pic .mask{position:absolute;z-index:2;left:0px;top:0px;width:100%;height:100%;background-color:rgba(0,0,0,0);-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-product .item .pic .link{opacity:0;filter:alphaopacity=0;position:absolute;z-index:3;left:calc(50% - 90px);top:calc(50% - 23px);width:180px;height:46px;background-color:#408bf3;border-radius:3px;text-align:center;color:#fff;font-size:16px;line-height:46px;webkit-transition:all .2s linear;transition:all .2s linear;}
.m-product .item .text{color:#333;font-size:14px;line-height:24px;height:48px;overflow:hidden;margin-top:15px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-product .item:hover .pic .con{background-size:104% auto;}
.m-product .item:hover .pic .title{opacity:0;filter:alphaopacity=0;}
.m-product .item:hover .pic .mask{background-color:rgba(0,0,0,0.3);}
.m-product .item:hover .pic .link{opacity:1;filter:alphaopacity=100;}
.m-product .item:hover .text{color:#111;}

.m-pro-list{}
.m-pro-list .item{position:relative;background-repeat:no-repeat;background-size:100% auto;padding-top:200px;}
.m-pro-list .item a{position:absolute;z-index:100;left:0px;top:0px;display:block;width:100%;height:100%;}
.m-pro-list .item .content{width:100%;padding:25px 30px 40px 30px;}
.m-pro-list .item.pic-left{background-position:center top;}
.m-pro-list .item.pic-left .content{float:left;}
.m-pro-list .item.pic-left .title{text-align:center;}
.m-pro-list .item.pic-left .con{display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:center;}
.m-pro-list .item.pic-right{background-position:center top;}
.m-pro-list .item.pic-right .content{float:left;}
.m-pro-list .item.pic-right .title{text-align:center;}
.m-pro-list .item.pic-right .con{display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:center;}
.m-pro-list .item .title{color:#fff;font-size:18px;line-height:30px;}
.m-pro-list .item .con{margin:-10px;margin-top:0px;}
.m-pro-list .item .con .items{position:relative;display:inline-block;width:70px;margin:0px 10px 10px;}
.m-pro-list .item .con .items a{position:absolute;z-index:1;display:block;width:100%;height:100%;}
.m-pro-list .item .con .items .icon{width:60px;height:74px;margin:0 auto;background-position:center bottom;background-repeat:no-repeat;background-size:100% auto;}
.m-pro-list .item .con .items .text{margin-top:8px;color:#fff;font-size:10px;line-height:14px;text-align:center;}

.m-intro{position:relative;background-image:url(../images/bg-intro.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;}
.m-intro:before{content:"";position:absolute;z-index:1;left:0px;top:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.6);}
.m-intro .container{position:relative;z-index:2;padding:30px 30px 40px;}
.m-intro .title{color:#fff;font-size:18px;line-height:30px;}
.m-intro .text{color:#fff;font-size:14px;line-height:22px;margin-top:15px;}

}

@media (max-width:768px){


}

@media (max-width:480px){


}

@media (max-width:320px){


}

@media (min-width:992px){

.m-wrapper{position:relative;padding-top:60px;padding-bottom:60px;min-height:400px;}
.m-wrapper.white{background-color:#fff;}
.m-wrapper.gray{background-color:#f8f8f8;}
.m-wrapper.blue{background:-webkit-linear-gradient(0deg,#1e7fd2,#4196eb,#3cc0f1);background:-o-linear-gradient(0deg,#1e7fd2,#4196eb,#3cc0f1);background:-moz-linear-gradient(0deg,#1e7fd2,#4196eb,#3cc0f1);background:linear-gradient(0deg,#1e7fd2,#4196eb,#3cc0f1);}
.m-wrapper.green{background:-webkit-linear-gradient(0deg,#41d0be,#39cb7e,#4fa679);background:-o-linear-gradient(0deg,#41d0be,#39cb7e,#4fa679);background:-moz-linear-gradient(0deg,#41d0be,#39cb7e,#4fa679);background:linear-gradient(0deg,#41d0be,#39cb7e,#4fa679);}
.m-wrapper.bg-intro{background-image:url(../images/bg-contact.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;}
.m-wrapper.half{padding-top:0px;padding-bottom:0px;background-color:#f8f8f8;}
.m-wrapper.half::before{content:"";position:absolute;z-index:0;left:0px;top:0px;width:50%;height:100%;background-color:#fff;}

.m-wrapper .owl-controls{margin-top:30px;text-align:center;}
.m-wrapper .owl-page{cursor:pointer;display:inline-block;width:6px;height:6px;margin:0px 4px;background-color:rgba(0,0,0,0.2);border-radius:10px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-wrapper .owl-page.active{width:6px;background-color:rgba(0,0,0,0.4);}
.m-wrapper .owl-buttons div{position:absolute;bottom:-17px;width:50px;height:50px;z-index:10;cursor:pointer;-moz-background-size:auto 16px;-webkit-background-size:auto 16px;background-size:auto 16px;background-position:center;background-repeat:no-repeat;border-radius:50%;-webkit-transition:all .2s ease;transition:all .2s ease;}
.m-wrapper .owl-buttons div.owl-prev{left:calc(50% - 100px);background-image:url(../images/icon-page-left.png);}
.m-wrapper .owl-buttons div.owl-next{right:calc(50% - 100px);background-image:url(../images/icon-page-right.png);}
.m-wrapper .owl-buttons div.owl-prev:hover{background-image:url(../images/icon-page-leftss.png);}
.m-wrapper .owl-buttons div.owl-next:hover{background-image:url(../images/icon-page-rightss.png);}

.m-title{position:relative;margin-bottom:40px;}
.m-title h1{text-align:center;color:#000;font-size:34px;line-height:40px;}
.m-title p{text-align:center;color:#636262;font-size:20px;line-height:22px;font-family:"hurme";margin-top:15px;}

.m-news{padding-left:50px;padding-right:50px;}
.m-news .item{position:relative;padding:3px 20px 0px;}
.m-news .item a{position:absolute;z-index:1;display:block;width:100%;height:100%;}
.m-news .item .pic{position:relative;}
.m-news .item .pic .con{padding-bottom:50%;border-radius:5px;box-shadow:0px 0px 3px rgba(0,0,0,0.2);overflow:hidden;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:100% auto;-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-news .item .title{color:#111;font-size:18px;line-height:20px;margin-top:15px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-news .item .text{color:#555;font-size:13px;line-height:20px;margin-top:5px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-news .item:hover .pic .con{background-size:104% auto;}
.m-news .item:hover .title{color:#9500aa;}
.m-news .item:hover .text{color:#222;}

.m-tip{display:none;}
.m-tips{position:fixed;z-index:999999;top:8px;right:300px;width:calc(100% - 520px);height:32px;color:rgba(255,255,255,0.8);font-size:14px;line-height:30px;overflow:hidden;}
.m-tips a{color:rgba(255,255,255,0.8);}
.m-tips a:hover{color:rgba(255,255,255,1);text-decoration:underline;}
.m-tips.none-top{color:rgba(0,0,0,0.8);}
.m-tips.none-top a{color:#3795e1;}
.m-tips.none-top a:hover{text-decoration:underline;}

.m-product{padding-left:50px;padding-right:50px;}
.m-product .item{position:relative;padding:0px 20px;}
.m-product .item a{position:absolute;z-index:100;display:block;width:100%;height:100%;}
.m-product .item .pic{position:relative;border-radius:5px;overflow:hidden;}
.m-product .item .pic:before{content:"";position:absolute;z-index:1;left:0px;bottom:0px;right:0px;width:100%;height:100%;background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,0.6));background:-o-linear-gradient(top,transparent,rgba(0,0,0,0.6));background:-moz-linear-gradient(top,transparent,rgba(0,0,0,0.6));background:linear-gradient(top,transparent,rgba(0,0,0,0.6));}
.m-product .item .pic .con{padding-bottom:62%;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:100% auto;-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-product .item .pic .title{position:absolute;z-index:1;left:0px;bottom:0px;width:100%;padding-left:20px;padding-right:20px;padding-bottom:30px;color:#fff;font-size:18px;line-height:24px;text-align:center;-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-product .item .pic .mask{position:absolute;z-index:2;left:0px;top:0px;width:100%;height:100%;background-color:rgba(0,0,0,0);-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-product .item .pic .link{opacity:0;filter:alphaopacity=0;position:absolute;z-index:3;left:calc(50% - 90px);top:calc(50% - 23px);width:180px;height:46px;background-color:#408bf3;border-radius:3px;text-align:center;color:#fff;font-size:16px;line-height:46px;webkit-transition:all .2s linear;transition:all .2s linear;}
.m-product .item .text{color:#333;font-size:14px;line-height:24px;height:48px;overflow:hidden;margin-top:15px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-product .item:hover .pic .con{background-size:104% auto;}
.m-product .item:hover .pic .title{opacity:0.5;filter:alphaopacity=50;}
.m-product .item:hover .pic .mask{background-color:rgba(0,0,0,0.4);}
.m-product .item:hover .pic .link{opacity:1;filter:alphaopacity=100;}
.m-product .item:hover .text{color:#111;}

.m-pro-list{}
.m-pro-list .item{position:relative;background-repeat:no-repeat;background-size:50% auto;-webkit-transition:all .5s linear;transition:all .5s linear;}
.m-pro-list .item:hover{background-size:52% auto;-webkit-transition:all 1.8s linear;transition:all 1.8s linear;}
.m-pro-list .item .content{width:50%;padding:80px 80px 100px 80px;}
.m-pro-list .item.pic-left{background-position:center left;}
.m-pro-list .item.pic-left a{position:absolute;z-index:100;top:0px;left:0px;display:block;width:50%;height:100%;}
.m-pro-list .item.pic-left .content{float:right;}
.m-pro-list .item.pic-left .title{text-align:left;}
.m-pro-list .item.pic-left .con{display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:flex-start;}
.m-pro-list .item.pic-right{background-position:center right;}
.m-pro-list .item.pic-right a{position:absolute;z-index:100;top:0px;right:0px;display:block;width:50%;height:100%;}
.m-pro-list .item.pic-right .content{float:left;}
.m-pro-list .item.pic-right .title{text-align:right;}
.m-pro-list .item.pic-right .con{display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:flex-end;}
.m-pro-list .item .title{color:#fff;font-size:32px;line-height:40px;}
.m-pro-list .item .con{margin:-20px;margin-top:10px;}
.m-pro-list .item .con .items{position:relative;display:inline-block;width:110px;margin:0px 20px 20px;}
.m-pro-list .item .con .items a{position:absolute;z-index:1;display:block;width:100%;height:100%;}
.m-pro-list .item .con .items .icon{width:100px;height:123px;margin:0 auto;background-position:center bottom;background-repeat:no-repeat;background-size:100% auto;transition:all .8s ease;-ms-transition:all .8s ease;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;-o-transition:all .8s ease;}
.m-pro-list .item .con .items:hover .icon{transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(180deg);transition:all 1.8s ease;-ms-transition:all 1.8s ease;-moz-transition:all 1.8s ease;-webkit-transition:all 1.8s ease;-o-transition:all 1.8s ease;}
.m-pro-list .item .con .items .text{margin-top:10px;color:#fff;font-size:16px;line-height:22px;text-align:center;}

.m-intro{position:relative;background-image:url(../images/bg-intro.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;}
.m-intro:before{content:"";position:absolute;z-index:1;left:0px;top:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.6);}
.m-intro .container{position:relative;z-index:2;padding:120px 0px;}
.m-intro .title{color:#fff;font-size:32px;line-height:40px;}
.m-intro .text{color:#fff;font-size:18px;line-height:30px;margin-top:20px;}

}

@media (min-width:1280px){

.m-wrapper{padding-top:80px;padding-bottom:80px;}

}