@charset "utf-8";

/* reset */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, ul, ol, li, dl, dd, input, button, textarea, fieldset, legend, figure, menu, th, td, pre{margin:0;padding:0;}
body{font-size: 12px;font-family: Arial, "Microsoft YaHei";color: #666;}
h1, h2, h3, h4, h5, h6{font-weight: normal;font-size: inherit;}
a{color: #999;text-decoration: none;outline: none;}
img{border: none;}
ul, ol{list-style: none;}
i, em{font-style: normal;}
input, button, select, textarea, optgroup{font: inherit;color: inherit;outline:none;}
input[type="text"], input[type="password"], input[type="search"], button, textarea{border: 1px solid #ccc;}
input[type="button"], input[type="reset"], input[type="submit"], button{border: none;cursor:pointer;}
input[type="radio"], input[type="checkbox"]{border: none;padding:0}
input::-ms-clear, input::-ms-reveal{display: none;}
button[disabled], input[disabled]{cursor:default}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0;border:0}
legend{padding:0;border:0}
textarea{resize: none;}
table{border-collapse: collapse;}
td,th{padding:0}

/* global */
.fl{float: left;}
.fr{float: right;}
.mr0{margin-right: 0 !important;}
.bdn{border: none !important;}
.fff{background: #fff;}
.clearfix:after{content: "";display: block;clear: both;}
.container{position: relative;width: 1200px;margin: 0 auto;padding: .1px 0;}
.header2 .container{width:1200px !important;}
.container-h{position: relative;width: 1200px;margin: 0 auto;overflow: hidden;}
.container-f{position: relative;margin: 0 auto;padding: .1px 0;}

/* common */
.product-detail img,
.service img,
.news .list .figure img,
.news-detail .content img{max-width: 100%;}

.header ul li a span,
.recommend-product .list a span,
.recommend-product .list a .mask,
.latest-product .list a,
.all-product dl dd a,
.latest-news .list ul li a,
.link-list a,
.case-list a .desc{-webkit-transition: all .3s;transition: all .3s;}

.header{height: 345px;overflow: hidden;background: url(/img/bg-header.jpg) no-repeat center top;}
.header .top{margin-top: 205px;padding: 15px;overflow: hidden;box-sizing: border-box;background: #0c5e95;}
.header2 .top{margin-top:190px;}
.header .top .logo{float: left;width: 240px;height: 45px;margin-top: 8px;background: url(/img/logo.png) no-repeat;}
.header .top .mobile{float: left;width: 34px;height: 34px;margin: 13px 0 0 25px;background: url(/img/icon-mobile.png) no-repeat;border: 1px solid #2a9cc3;display: none;}
.header .top .text{float: right;color: #fff;text-align: right;}
.header .top span{display: block;font-size: 16px;}
.header .top .tel{margin-top: 6px;font-size: 14px;}
.header .top .tel em{display: inline-block;height: 32px;line-height: 34px;margin-left: 10px;padding-left: 10px;border-left: 1px solid #2a9cc3;font-size: 32px;font-family: "Impact";letter-spacing: 1px;}
.header ul{overflow: hidden;background: #eee;}
.header ul li{float: left;width: 200px;padding: 15px 0;box-sizing: border-box;border-right: 1px solid #ddd;}
.header ul li:last-child{border: none;}
.header ul li a{display: block;width: 80px;height: 20px;margin: 0 auto;overflow: hidden;text-align: center;}
.header ul li a span{position: relative;top: 0;line-height: 20px;font-size: 16px;color: #333;text-transform: uppercase;}
.header ul li a span:after{content: attr(data-hover);display: block;line-height: 20px;font-size: 16px;font-family: "Impact";color: #0c5f95;letter-spacing: 1px;}
.header ul li.active a span,
.header ul li a:hover span{top: -20px;}

.footer{padding-top: 60px;background: #435562;}
.footer dl{float: left;width: 650px;}
.footer dl dt{line-height: 35px;margin-bottom: 30px;border-bottom: 1px solid #5f6e79;font-size: 16px;color: #748ea1;text-transform: uppercase;}
.footer dl dt em{font-weight: bold;color: #fff;}
.footer dl dd{float: left;margin-right: 70px;}
.footer dl dd a{line-height: 30px;font-size: 14px;color: #fff;}
.footer dl dd a:after{content: "";display: block;}
.footer dl dd a:hover{text-decoration: underline;}
.footer .right{float: right;width: 140px;margin-top: 36px;text-align: right;}
.footer .right .wechat img{width: 75px;height: 75px;padding: 5px;background: #fff;}
.footer .right .wechat span{display: block;margin-top: 8px;font-size: 14px;color: #fff;}
.footer .right .hotline{margin-top: 14px;font-size: 14px;color: #748ea1;}
.footer .right .hotline em{display: block;font-size: 24px;font-family: "Impact";color: #fff;}
.footer .copyright{line-height: 50px;margin-top: 35px;border-top: 1px solid #5f6e79;color: #748ea1;}
.footer .copyright a{color: #748ea1;}

.custom-service{position: fixed;display:none; top: 300px;right: 0;background: url(/img/custom-service.jpg) no-repeat;width: 50px;height: 200px;z-index: 100;cursor: pointer;}

/* component */
.btn-return{width: 100px;line-height: 30px;border: 1px solid #aaa;font-size: 14px;color: #666;text-align: center;}
.btn-return:before{content: "";display: inline-block;width: 18px;height: 18px;margin-right: 2px;vertical-align: -3px;background: url(/img/icon-return.png) no-repeat;}

.module-title{padding: 80px 0 40px;font-size: 36px;text-align: center;}
.module-title span{display: block;color: #333;}
.module-title em{display: block;font-family: "Impact";color: #ccc;text-transform: uppercase;}

.crumb{padding: 20px 0;overflow: hidden;}
.crumb a{float: left;line-height: 16px;}
.crumb a[href]:hover{color: #b3251b;}
.crumb a.current{color: #333;}
.crumb i{float: left;width: 20px;height: 16px;background: url(/img/icon-caret-s.png) no-repeat center center;}

.pagination{padding: 50px 0;text-align: center;}
.pagination .box{display: inline-block;overflow: hidden;}
.pagination .box span{float: left;width: 24px;height: 24px;line-height: 24px;margin: 0 5px;background: #fff;border: 1px solid #ccc;cursor: pointer;font-size: 14px;color: #333;}
.pagination .box span.switch{font-size: 20px;font-family: "Simsun";}
.pagination .box span.ellipsis{line-height: 18px;background: none;border: none;}
.pagination .box span.active{background: #0c5e95;border-color: #0c5e95;color: #fff;}

/* index */
.recommend-product{margin-top: 30px;overflow: hidden;border-top: 1px solid #ddd;}
.recommend-product .name{float: left;width: 243px;height: 580px;line-height: 20px;border: 1px solid #ddd;border-top: none;color: #ccc;text-align: center;text-transform: uppercase;}
.recommend-product .name em{display: block;margin-top: 270px;font-weight: bold;font-size: 18px;color: #333;}
.recommend-product .list{float: left;width: 955px;overflow: hidden;}
.recommend-product .list a{position: relative;float: left;width: 237px;height: 193px;border: 1px solid #ddd;border-width: 0 1px 1px 0;}
.recommend-product .list a img{display: block;max-width: 100%;}
.recommend-product .list a span{position: relative;top: 0;z-index: 10;display: block;line-height: 26px;font-size: 14px;text-align: center;   overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:0 10px;}
.recommend-product .list a .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/img/recommend-product-mask.png) no-repeat;opacity: 0;-webkit-transform: scale(.8);transform: scale(.8);filter: alpha(opacity=0);}
.recommend-product .list a:hover span{top: -65px;color: #fff;}
.recommend-product .list a:hover .mask{opacity: 1;-webkit-transform: scale(1);transform: scale(1);filter: alpha(opacity=100);}

.latest-product{margin-top: 15px;overflow: hidden;border: 1px solid #ddd;}
.latest-product .name{float: left;width: 244px;height: 142px;line-height: 20px;border-right: 1px solid #ddd;color: #ccc;text-align: center;text-transform: uppercase;}
.latest-product .name em{display: block;margin-top: 50px;font-weight: bold;font-size: 18px;color: #333;}
.latest-product .list{position: relative;float: left;width: 953px;height: 142px;}
.latest-product .list:before,
.latest-product .list:after{position: absolute;left: 0;content: "";width: 100%;border-bottom: 1px solid #ddd;}
.latest-product .list:before{top: 48px;}
.latest-product .list:after{top: 96px;}
.latest-product .list a{float: left;line-height: 47px;margin: 0 20px;font-size: 14px;color: #999;}
.latest-product .list a:hover{color: #b3251b;}

.latest-product + .all-product{margin-top: 15px;margin-bottom: 0;}

.choose-us{margin-top: 70px;}
.choose-us dt{position: relative;height: 580px;background: url(/img/bg-choose-us-top.jpg) no-repeat center top;}
.choose-us dt img{position: absolute;bottom: -23px;left: 50%;margin-left: -50px;}
.choose-us dd{background-repeat: no-repeat;background-position: center top;}
.choose-us dd .box{position: relative;width: 1200px;height: 100%;margin: 0 auto;box-sizing: border-box;}
.choose-us dd .box:after{content: "";display: block;clear: both;}
.choose-us dd img{opacity: 0;}
.choose-us dd .animation{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-delay: .3s;animation-delay: .3s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.choose-us dd.item-1{height: 557px;background-image: url(/img/bg-choose-us-1.jpg);}
.choose-us dd.item-2{height: 516px;background-image: url(/img/bg-choose-us-2.jpg);}
.choose-us dd.item-3{height: 528px;background-image: url(/img/bg-choose-us-3.jpg);}
.choose-us dd.item-4{height: 616px;background-image: url(/img/bg-choose-us-4.jpg);}
.choose-us dd.item-5{height: 613px;background-image: url(/img/bg-choose-us-5.jpg);}

.choose-us dd.item-1 .box{padding-top: 85px;}
.choose-us dd.item-1 .animation{-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}
.choose-us dd.item-1 .fr{margin-left: -100px;}

.choose-us dd.item-2 .box{padding-top: 95px;}
.choose-us dd.item-2 .animation{-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}

.choose-us dd.item-3 .box{padding-right: 35px;}
.choose-us dd.item-3 .fl.animation{-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}
.choose-us dd.item-3 .fr.animation{-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}
.choose-us dd.item-3 .square{position: absolute;top: 315px;left: 675px;}
.choose-us dd.item-3 .square.animation{-webkit-animation-name: fadeIn;animation-name: fadeIn;-webkit-animation-delay: 1s;animation-delay: 1s;}

.choose-us dd.item-4 .top.animation{-webkit-animation-name: fadeInDown;animation-name: fadeInDown;}
.choose-us dd.item-4 .certificate{margin: 0 10px;overflow: hidden;}
.choose-us dd.item-4 .certificate img{float: left;margin-right: 9px;backface-visibility: hidden;-webkit-backface-visibility: hidden;}
.choose-us dd.item-4 .certificate img.animation{-webkit-animation-name: fadeInTop;animation-name: fadeInTop;}

.choose-us dd.item-5 .box{padding: 60px 34px 0;}
.choose-us dd.item-5 .fl.animation{-webkit-animation-name: fadeInRightBig;animation-name: fadeInRightBig;}
.choose-us dd.item-5 .center.animation{-webkit-animation-name: fadeInDown;animation-name: fadeInDown;}
.choose-us dd.item-5 .fr.animation{-webkit-animation-name: fadeInLeftBig;animation-name: fadeInLeftBig;}
.choose-us dd.item-5 .fl.animation,
.choose-us dd.item-5 .fr.animation{-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-delay: .8s;animation-delay: .8s;}

.latest-news{padding: 70px 0 85px;background: #f3f3f3;opacity: 0;}
.latest-news.animation{-webkit-animation: fadeIn 2s ease .3s forwards;animation: fadeIn 2s ease .3s forwards;}
.latest-news .top-news{float: left;width: 420px;margin-top: 155px;overflow: hidden;}
.latest-news .top-news img{display: block;max-width: 100%;-webkit-transition: all 2s;transition: all 2s;}
.latest-news .top-news img:hover{-webkit-transform: scale(1.1);transform: scale(1.1);}
.latest-news .top-news .desc{padding: 20px 20px 12px;background: #1974b0;color: #fff;position: relative;}
.latest-news .top-news .desc span{font-weight: bold;font-size: 18px;}
.latest-news .top-news .desc p{height: 30px;line-height: 30px;overflow: hidden;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;}
.latest-news .list{float: right;width: 715px;}
.latest-news .list img{display: block;margin: 0 0 56px 32px;}
.latest-news .list ul li{overflow: hidden;border-bottom: 1px solid #ddd;}
.latest-news .list ul li:before{float: left;width: 8px;margin: 21px 12px 0 0;border-bottom: 2px soild #1974b0;}
.latest-news .list ul li a{float: left;line-height: 44px;font-size: 14px;}
.latest-news .list ul li a:hover{color: #b3251b;}
.latest-news .list ul li span{float: right;line-height: 44px;font-size: 14px;letter-spacing: 1px;}
.latest-news .list .more{display: block;width: 120px;line-height: 38px;margin-top: 32px;background: #b3251b;font-size: 14px;color: #fff;text-align: center;letter-spacing: 1px;text-transform: uppercase;}

/* 九州酷游世界 */
.product-list{margin-top: 60px;margin-bottom: 120px;overflow: hidden;}
.product-list .name{float: left;width: 22px;height: 792px;line-height: 25px;padding: 40px 22px 0;background: url(/img/all-products-title.png) no-repeat center 145px;border: 1px solid #ddd;border-right: none;font-weight: bold;font-size: 18px;color: #333;text-align: center;}
.product-list ul{position: relative;float: left;width: 178px;}
.product-list ul li{width: 100%;border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
.product-list ul li.last{border-bottom: 1px solid #ddd;}
.product-list ul li.active{width: 179px;background: #f2f2f2;border-color: #b3251b;border-color: #b3251b;}
.product-list ul li.active:after{position: relative;content: "";display: block;float: right;height: 48px;margin: -48px 1px 0 0;border-left: 1px solid #f2f2f2;}
.product-list ul li.active + li{border-top-color: #b3251b;}
.product-list ul li > span{position: relative;z-index: 10;display: block;line-height: 48px;cursor: default;font-weight: bold;font-size: 16px;color: #333;text-align: center;}
.product-list ul li.active > span{color: #b3251b;}
.product-list ul li dl{position: absolute;top: 0;left: 178px;display: none;width: 873px;height: 752px;padding: 40px 50px 40px 30px;background: #f2f2f2;border: 1px solid #b3251b;}
.product-list ul li.active dl{display: block;}
.product-list dl dd{margin-bottom: 16px;overflow: hidden;}
.product-list dl dd label{float: left;min-width: 45px;margin-right: 20px;padding-right: 25px;background: url(/img/icon-caret.png) no-repeat right 4px;font-weight: bold;font-size: 14px;color: #333;}
.product-list dl dd span{float: left;width: 780px;padding-bottom: 8px;overflow: hidden;border-bottom: 1px solid #ddd;}
.product-list dl dd a{float: left;line-height: 18px;margin: 0 10px 8px 0;font-size: 14px;color: #999;}
.product-list dl dd a:before{content: "";display: inline-block;height: 18px;margin-right: 10px;vertical-align: middle;border-left: 1px solid #ddd;}
.product-list dl dd a:hover{color: #b3251b;}

.product-detail .button{margin: 30px auto 50px;text-align: center;}
.product-detail .btn-return{margin-right: 40px;display: inline-block;}
.product-detail .btn-consult{display: inline-block;width: 100px;line-height: 30px;font-size: 14px;border: 1px solid #0c5e95;color: #0c5e95;text-align: center;}

/* 售后服务 */
.service{margin-bottom: 70px;}
.link-list{margin: 0 38px;overflow: hidden;}
.link-list a{float: left;width: 178px;line-height: 48px;margin: 0 8px 8px 0;border: 1px solid #999;font-weight: bold;font-size: 16px;color: #333;text-align: center;}
.link-list a:hover{border-color: #b3251b;color: #b3251b;}
.link-list a:nth-child(6n){margin-right: 0;}

/* 客户信息(咨询表单) */
.consult h2{padding-top: 70px;font-size: 26px;font-weight: bold;color: #0d5f97;text-align: center;}
.consult p{position: absolute;top: 70px;left: 0;font-size: 14px;color: #999;}
.consult ul{margin-top: 40px;overflow: hidden;}
.consult ul li{float: left;width: 580px;margin: 0 20px 40px 0;overflow: hidden;border-bottom: 1px solid #ccc;line-height:40px;height:40px;}
.consult ul li:nth-child(even){margin-right: 0;}
.consult ul li label{float: left;line-height: 40px;font-size: 14px;width:60px;}
.consult ul li input{border: none;line-height: 18px;padding: 5px 0;font-size: 14px;color: #333;width:calc(100% - 60px);height:30px;}
.consult ul li select{width: 280px;margin-top: 0px;height: 40px;line-height: 40px;text-indent: 100px;}
.consult .button{padding: 20px 0 80px;text-align: center;}
.consult .button a{display: inline-block;width: 180px;line-height: 36px;border-radius: 3px;font-size: 14px;text-align: center;}
.consult .button a.submit{background: #0c5e95;color: #fff;margin-right: 40px;}
.consult .button a.reset{background: #e5e5e5;color: #666;}
.consult ul li.yzmm{display:flex;justify-content: space-between;}
.consult ul li.yzmm input{width:calc(100% - 190px);}
.consult ul li.yzmm img{width:100px;height:30px;}



/* 工程案例 */
.case-area{margin-bottom: 70px;}

.case-list{margin-top: 50px;margin-bottom: 80px;padding: 40px 45px 0;box-sizing: border-box;background: #eee;}
.case-list a{float: left;width: 350px;margin: 0 30px 30px 0;}
.case-list a:nth-child(3n){margin-right: 0;}
.case-list a img{display: block;max-width: 100%;}
.case-list a .desc{padding: 16px 20px;background: #425561;color: #fff;text-align: center;}
.case-list a:hover .desc{background: #0c5e95;}
.case-list a .desc span{display: block;font-weight: bold;font-size: 16px;}
.case-list a .desc p{display: -webkit-box;height: 44px;line-height: 22px;margin-top: 20px;overflow: hidden;font-size: 14px;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.case-list .pagination{margin-top: -30px;}

.case-detail{margin-top: 40px;margin-bottom: 40px;overflow: hidden;}
.case-detail .main{padding: 45px 105px 80px 45px;overflow: hidden;background: #eee;}
.case-detail .main img{float: left;width: 350px;height: 250px;}
.case-detail .main .content{float: right;width: 615px;}
.case-detail .main .content h1{line-height: 80px;font-size: 24px;color: #333;}
.case-detail .main .content p{line-height: 24px;}
.case-detail .btn-return{float: right;margin-top: 30px;}

/* 新闻动态 */
.news-classify{float: left;width: 130px;height: 90px;margin-left: 20px;padding-left: 15px;border-left: 1px solid #ccc;}
.news-classify a{position: relative;display: inline-block;line-height: 20px;margin-bottom: 15px;font-weight: bold;font-size: 18px;}
.news-classify li.active a{color: #333;}
.news-classify li.active a:before{position: absolute;top: 1px;left: -18px;content: "";width: 5px;height: 18px;background: #0b5e95;}

.news{margin-top: 60px;margin-bottom: 60px;overflow: hidden;}
.news .list{float: right;padding: 40px 35px 0;background: #eee;}
.news .list ul li{margin-bottom: 22px;overflow: hidden;}
.news .list ul li .figure{float: left;width: 242px;height: 155px;}
.news .list .text{float: left;float: left;width: 617px;padding: 25px 24px;background: #fff;}
.news .list .text span{display: block;font-size: 14px;color: #333;}
.news .list .text h2{height: 24px;margin-top: 7px;overflow: hidden;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;}
.news .list .text h2 a{line-height: 24px;font-size: 18px;color: #333;}
.news .list .text h2 a:hover{color: #b3251b;}
.news .list .text p{display: -webkit-box;height: 48px;line-height: 24px;margin-top: 10px;overflow: hidden;color: #999;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news .list .pagination{margin-top: -22px;}

.news-detail{margin-top: 60px;margin-bottom: 60px;overflow: hidden;}
.news-detail .content{float: right;width: 835px;padding: 35px 35px 0;background: #fff;background: #fff;border: 1px solid #eee;border-width: 40px 35px 70px;}
.news-detail .content h1{font-weight: bold;font-size: 16px;color: #333;text-align: center;}
.news-detail .content .info{line-height: 30px;margin-top: 10px;border-bottom: 1px solid #eee;color: #ccc;text-align: center;}
.news-detail .content .info em{color: #333;}
.news-detail .content .page-jump{position: relative;margin-top: 30px;padding: 30px 0;border-top: 1px solid #eee;}
.news-detail .content .page-jump div{line-height: 25px;font-size: 14px;color: #333;}
.news-detail .content .page-jump div a{color: #333;}
.news-detail .content .page-jump div a:hover{color: #b3251b;}
.news-detail .content .page-jump .return{position: absolute;top: 30px;right: 0;padding-left: 15px;background: url(/img/icon-return-s.png) no-repeat 0 5px;font-size: 14px;color: #333;}

/* 营销网络 */
.service-point{position: fixed;top: 0;left: 0;z-index: 100;display: none;width: 100%;height: 100%;}
.service-point .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .7;filter: alpha(opacity=70);}
.service-point .box{position: absolute;top: 50%;left: 50%;width: 870px;height: 430px;margin: -215px 0 0 -435px;}
.service-point .box .title{position: relative;padding: 0 20px;overflow: hidden;border-radius: 3px;}
.service-point .box .title .opacity{position: absolute;top: 0;left: 0;content: "";width: 100%;height: 100%;background: #0c5e95;opacity: .7;filter: alpha(opacity=70);}
.service-point .box .title span{position: relative;float: left;line-height: 40px;font-size: 16px;color: #fff;}
.service-point .box .title a{position: relative;float: right;width: 15px;height: 15px;margin-top: 12px;background: url(/img/icon-close.png) no-repeat;cursor: pointer;}
.service-point .box .list{margin-top: 4px;padding-top: 4px;border-top: 1px dashed #0c5e95;}
.service-point .box table{width: 100%;background: #fff;border-radius: 3px;border: 1px solid #fff;}
.service-point .box table td{line-height: 40px;border: 1px dashed #0c5e95;text-indent: 30px;}
.service-point .box table thead td{font-size: 14px;color: #333;}
.service-point .box table tbody td{color: #808080;}


/* 关于我们 */
.about{padding: 75px 0 60px;background: #eee url(../img/bg-about.jpg) no-repeat center 75px;}
.about ul li{margin-bottom: 55px;overflow: hidden;background: #fff;}
.about ul li img{float: left;}
.about ul li .text{float: left;padding: 40px 60px 0;width: 430px;}
.about ul li .text h3{font-weight: bold;font-size: 24px;color: #1a74b0;line-height: 66px;padding-left: 26px;background: url(/img/about-item-title.png) no-repeat;}
.about ul li .text p{line-height: 26px;font-size: 14px;margin-top: 30px;}

.about-honour{padding-bottom: 90px;}
.about-honour h2{padding: 55px 0;}
.about-honour img{float: left;width: 273px;height: 195px;margin: 0 25px 25px 0;border: 1px solid #bf8400;border-width: 3px 4px;}
.about-honour img:nth-child(4n){margin-right: 0;}
.header .top .shopA{
	float: right;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

@-webkit-keyframes fadeIn {
	to { opacity: 1; }
}
@keyframes fadeIn {
	to { opacity: 1; }
}

@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-50%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInLeft {
	from {
		opacity: 0;
		transform: translate3d(-50%, 0, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(50%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInRight {
	from {
		opacity: 0;
		transform: translate3d(50%, 0, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -50%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translate3d(0, -50%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes fadeInTop {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 50%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInTop {
	from {
		opacity: 0;
		transform: translate3d(0, 50%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes fadeInLeftBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-460px, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInLeftBig {
	from {
		opacity: 0;
		transform: translate3d(-460px, 0, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes fadeInRightBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(460px, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInRightBig {
	from {
		opacity: 0;
		transform: translate3d(460px, 0, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}
@media (max-width:1024px) {
    .container {
        width:100%;
    }
	.header2 .container{width:100% !important;}

}<!--0.00018787384033203-->