body { color: #282828;  font-size: 14px; font-family: "微软雅黑",Helvetica,"黑体",Arial,Tahoma; position:relative; overflow-x:hidden; min-width:1230px; }
li{ list-style:none;}
ul,ol{ padding:0; margin:0;}
a{ color:#444;text-decoration:none}
a:hover{ color: #e7141b; }
a:hover,a:focus{ text-decoration:none !important;}
img{ max-width:100%;}
@font-face{
font-family:'fzyh';
src:url('../Fonts/fzyh.eot');
src:url('../Fonts/fzyh.eot?#iefix')format('embedded-opentype'),
url('../Fonts/fzyh.woff')format('woff'),
url('../Fonts/fzyh.ttf')format('truetype');
font-weight:normal;
font-style:normal;
}
.carousel-control.right,.carousel-control.left{background-color:transparent;background-image:none;}
.glyphicon-chevron-left:before{
    width:41px;
    height:46px;
    background:url(../Images/ico_prev2.png) center no-repeat;
    content:'';
    position:absolute;
    top:-8px;
    left:-5px;
    background-size:cover;
}
.glyphicon-chevron-right:before{
    width:41px;
    height:46px;
    background:url(../Images/ico_next2.png) center no-repeat;
    background-size:cover;
    content:'';
    position:absolute;
    top:-8px;
    left:-5px;
}
/* .carousel-control:focus{opacity: 0.5;} */
.container{ width:1230px; }
.header{ height:35px; background:#f8f8f8; font-size:12px;}
.icon-phone{ height:35px; line-height:35px; font-size:12px; color:#333; background:url(../Images/icon-phone.png) left center no-repeat; padding-left:15px;}
.icon-email{ background:url(../Images/icon-email.png) left center no-repeat; margin-left:10px; padding-left:22px;}
.search-input{ height:24px; width:198px; box-shadow:none; border-radius:0; border-color:#e9e9e9; margin-top:5px; font-size:12px; float:left;}
.btn-search{ height:24px; border:none; border-radius:0; padding:0; line-height:24px; text-align:center; width:42px; margin-top:5px; color:#fff!important; float:left; background:#e7141b;}
.logo{ margin:30px 0;}
.list-nav li{ float:left; margin-left:20px;}
.list-nav li a{ display:block; height:117px; line-height:117px; padding:0 10px; font-size:16px; position:relative;}
.list-nav li.active > a:after{ position:absolute; left:0; bottom:0; height:3px; width:100%; display:block; content:""; color:#e7141bl; background:#e7141b;}
.nav-down{ position:absolute; left:0; top:152px; width:100%; background:#fff; z-index:1000; height:0; overflow:hidden;}
.list-nav li:hover .nav-down{ height:330px;height:auto;transition:0.5s all;}
/*下拉菜单*/
.main .dot,.main1 .dot{display:block;background:url(../Images/pic4.jpg) no-repeat;width:19px;height:9px;position:absolute;bottom:10px;left:50%;margin-left:-10px;z-index:9;}
.threelist{position:relative;overflow: hidden;padding-bottom:30px;}
.threelist .hd{width: 100%;border-bottom:1px solid #fc000d;height:35px;line-height:35px;overflow: hidden;}
.threelist .hd li{display:block;float:left;overflow: hidden; margin-left:0;}
.threelist .hd li span{display:block;padding:0px 10px;color:#808080;font-size:18px;float:left;}
.threelist .hd li.active span{background:#fc000d;color:#fff;}
.threelist .tablist{width:50%;float: left;position: relative;box-sizing: border-box;}
.threelist .tablist .bd{width: 100%;overflow: hidden;padding:10px 0px;}
.threelist .tablist .bd ul.t0{float:left;width:33%;}
.threelist .tablist .bd ul.t1{float:left;width:30%;}
.threelist .tablist .bd ul.t2{float:left;width:40%;}
.threelist .tablist .bd ul.last{float:left;width:30%;}

.threelist .tablist .bd ul li{padding:1px 10px;overflow: hidden;color: #ccc; float:none;margin-left:0;padding-left:0;}
.threelist .tablist .bd ul li span{font-size:16px;color: #fc000d;display: block;}
.threelist .tablist .bd ul li a{font-size:14px;color:#808080;line-height:25px;margin-right:10px; height:25px; border:none!important; padding:0;}
.threelist .tablist .bd ul li a:hover{color:#fc000d;border-bottom:1px solid #fc000d;}

.threelist .jie{float:left;width:100%;box-sizing: border-box;}
.threelist .jie .bd{width: 100%;overflow: hidden;padding:10px 0px;}
.threelist .jie .bd ul{overflow: hidden;float: left;width:33%;}
.threelist .jie .bd ul li{overflow: hidden;float: left;*display:inline;*zoom:1;}
.threelist .jie .bd ul .biaoti{float: none;}
.threelist .jie .bd ul li span{color:#fc000d;font-size: 16px;}
.threelist .jie .bd ul li a{display:block;font-size:14px;color:#808080;line-height:25px !important;height:25px; border:none!important; padding:0; margin-right:10%;width:40%;float:left;}
.threelist .jie .bd ul li a:hover{color:#fc000d;}
.threelist .jie .bd ul li a:after{ display: none; }

.cutlist_hd{width: 100%; height:35px;line-height:35px;overflow: hidden;}
.cutlist_hd li span{display:block;padding:0px 10px;color:#808080;font-size:18px;float:left;}
.cutlist_hd li.active span{background:#fc000d;color:#fff;}

.cutlist .right .hd li span{display:block;padding:0px 10px;color:#808080;font-size:18px;float:left;}
.cutlist .right .hd li.active span{background:#fc000d;color:#fff;}
.cutlist .right .bd{width: 100%;overflow: hidden;padding:10px 0px;}
.cutlist .right .bd ul{overflow: hidden;float: left;width:50%;}
.cutlist .right .bd ul li{overflow: hidden;float: left;*display:inline;*zoom:1;}
.cutlist .right .bd ul .biaoti{float: none;}
.cutlist .right .bd ul li span{color:#fc000d;font-size: 16px;}
.cutlist .right .bd ul li a{display:block;font-size:14px;color:#808080;line-height:25px !important;margin-right:10%;width:40%;float:left;}
.cutlist .right .bd ul li a:hover{color:#fc000d;}

.threelist .other{position:absolute;bottom: 0px;width:100%;height: 30px;line-height: 30px;background: #ccc;overflow: hidden;text-align: center;}
.threelist .other span{color:#808080;font-size:16px;}
.threelist .other a{font-size:16px;color:#808080;}
.threelist .other a:hover{color:#fc000d;border-bottom:1px solid #fc000d;}


.lilist{position:relative;overflow: hidden;padding-bottom:30px;}
.lilist .hd{width: 100%;border-bottom:1px solid #fc000d;height:35px;line-height:35px;overflow: hidden;}
.lilist .hd li{float:left;width:20%;overflow: hidden;}
.lilist .hd li span{padding: 0px 10px;color: #fc000d;font-size: 18px;}
.lilist .hd li.active span{background:#fc000d;color:#fff;}
.lilist .bd{width: 100%;overflow: hidden;padding:10px 0px;}
.lilist .bd ul{float:left;width:20%;}
.lilist .bd ul li{padding:1px 10px;overflow: hidden;}
.lilist .bd ul li a{font-size:14px;color:#808080;line-height:25px !important;margin-right:10px;}
.lilist .bd ul li a:hover{color:#fc000d;border-bottom:1px solid #fc000d;}

.cutlist{position:relative;overflow: hidden;padding-bottom:30px;border-top: 1px solid #fc000d;}
.cutlist .left{float:left;width:480px;overflow: hidden;}
.cutlist .right{float:right;width:470px;overflow: hidden;}
.cutlist .pic{float:left;margin-right:50px;overflow: hidden;padding-top:40px;}
.cutlist dl{float:left;overflow: hidden;padding-top:35px;}
.cutlist dl dt{font-size:18px;font-weight:bold;color:#8a8a8a;line-height:30px;padding-bottom:10px;overflow: hidden;}
.cutlist dl dd{font-size:16px;padding:6px 0px;overflow: hidden;}
.cutlist dl dd a{display:block;font-size:16px;color:#808080;line-height:30px;border-bottom:1px solid #f8f8f8;float:left;}
.cutlist dl dd a:hover{color:#fc000d;border-bottom:1px solid #fc000d;}

.dolist{position:relative;overflow: hidden;padding-bottom:60px;border-top: 1px solid #fc000d;}
.dolist .pic{float:left;margin-right:60px;padding-top:40px;}
.dolist .pic a{display:block;width:300px;height:174px;overflow:hidden;position:relative; padding:0;}
.dolist .pic a:after{ display: none!important; }
.dolist .pic a img{ position:absolute; left:0; top:0; width:100%; height:100%;}
.dolist .pic a span{display:block;position:absolute;bottom:0;width:100%;height:28px;background:#333;opacity:0.8;color:#fff;line-height:28px;text-align:center; overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap; padding:0 15px;}
.dolist .mu{float:right;font-size:16px;overflow: hidden;width:240px;margin-right:-20px;padding-top:25px;}
.dolist .mu li{float:left;overflow: hidden;width:100px;padding-right:20px;padding:10px 0px;}
.dolist .mu li a{color:#8a8a8a;line-height:30px !important; height:30px; border:none !important;display:block;border-bottom:1px solid #f8f8f8;float:left;}
.dolist .mu li a:after{ display: none; }
.dolist .mu li a:hover{color:#fc000d;border-bottom:1px solid #fc000d;}
.cutlist_hd li{ margin-left:0;}

/*下拉菜单 end*/

.banner {
    height: 635px;
    width: 100%;
    margin: 0 auto;
}
.banner .item {
    width: 100%;
    height: 635px;
}
.banner .item img {
    width: 1920px;
    max-width: 1920px !important;
    height: 635px !important;
    position: absolute;
    left: 50%;
    margin-left: -960px;
}
.banner .carousel-control{ width:76px; height:77px; top:50%; margin-top:-38px;}
.banner .carousel-control.left{ background:url(../Images/left.png) center no-repeat; left:50%; margin-left:-600px;}
.banner .carousel-control.right{ background:url(../Images/right.png) center no-repeat; right:50%; margin-right:-600px;}
.banner .carousel-indicators li{ width:15px; height:15px; background:#8d8d8d; border:none; margin:0 3px;}
.banner .carousel-indicators li.active{ width:15px; height:15px; background:#e70012; border:none; margin:0 3px;}
.banner-c{ position:absolute; left:0; top:0; width:100%; height:100%; padding-top:180px;}
/*  -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #fff;  */
.banner-tt{ font-size:48px; color:#fff;transform:translate(0,-40px); transition:0.5s all; opacity:0;margin-bottom:25px;}
.banner-txt-b{ transform:translate(0,40px); transition:0.5s all; opacity:0;}
.active .banner-tt,.active  .banner-txt-b{ transform:translate(0,0); opacity:1; }
.ban-icohx{width:650px;margin:0 auto;overflow:hidden;}
.ban-icohx span{display:inline-block;width:9px;height:9px;border-radius:9px;border:1px solid #fff;position:relative;}
.ban-icohx span:after,.ban-icohx span:before{
    display:block;
    width:1200px;
    border-bottom:1px solid #ccc;
    box-shadow:0 0 1px 0 #fff;
    content:'';
    position:absolute;
    top:4px;
}
.ban-icohx span:after{left:100%;}
.ban-icohx span:before{right:100%;}
.banner-english{ 
    font-size:36px;color:#4d4d4d; 
    margin-top:25px;    
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
}
.banner-txt{margin-top:5px; margin-bottom:5px; font-size:22px; color:#333;line-height:30px;}
.title{ font-size:30px; color:#282828; margin-top:50px;}
.title span{ padding-left:66px; background:url(../Images/lind.png) 10px center no-repeat; font-size:18px; color:#e70012;}
.title-sm{ font-size:12px; color:#444;}
.logo-list{ margin:40px -7px 70px -7px}
.logo-list li{ float:left; width:25%; padding:0 7px; margin-bottom:14px;}
.logo-list li a{ display:block; border:solid 1px #e4e4e4;}
.logo-list li a img{ width:288px; height:160px;}
.img-hover{ overflow:hidden; position: relative; display: block;}
.img-hover img{ transition:0.5s all;}
.img-hover:hover img{ transform:scale(1.1,1.1);}
.back-c{ height:519px; background:url(../Images/back.png) center no-repeat; padding-top:70px; padding-right:10px;}
.back-tt{ color:#fff; font-size:56px; font-weight:bold; margin-bottom:110px;}
.number-c{ width:259px; height:130px; border:solid 1px #d2d3d3; border-radius:130px; line-height:128px; color:#fff; text-align:center; font-size:68px;}
.add-number{ width:54px; line-height:130px; height:130px; text-align:center; font-size:60px; color:#fff;}
.number-b{ color:#fff; font-size:16px; margin-top:10px;}
.it-back{ background:#f0f0f0;}
.it-list li{ float:left; width:33.333333%; padding:0 10px;}
.it-list li a{ display:block; position:relative; border:solid 1px #dedede;}
.it-list{ margin:45px -10px 0 -10px; padding-bottom: 70px;}
.it-mask{ width:320px; height:110px; background:rgba(0,0,0,0.5); position:absolute; left:50%; top:50%; margin-left:-160px; margin-top:-55px; padding-top:10px;}
.it-mask-tt{ color:#fff; font-size:24px; padding:10px; border-bottom:solid 1px #fff; display:table; margin:0 auto;}
.it-mask-txt{ font-size: 12px; color: #fff; margin-top: 10px; }
.it-mask-txt span{ padding:0 10px; }
.apply{ margin:50px -5px; }
.apply .pull-left{ width: 25%; padding:0 6px; }
.apply-left .it-mask{ width: 100%; left: 0; margin-left: 0; height: 76px; margin-top: -38px; }
.apply-left .it-mask .it-mask-tt{ border-top: solid 1px #a7b2ba; border-bottom: solid 1px #a7b2ba; }
.apply .img-hover{ margin-bottom: 10px; }
.img-hover-apply-sm img{ height: 195px; width: 100%; }
.img-hover-apply-lg img{ height: 400px; width: 100%; }
.back-bottom{ height: 507px; background: url(../Images/back02.png) center no-repeat; }
.back-bottom .title{ color: #fff; margin-top: 50px; }
.back-bottom .title span{ background: url(../Images/lind02.png) 10px center no-repeat; color: #fff; }
.back-bottom .title-sm{ color: #fff; }
.bottom-list li{ float: left; width: 20%; padding:0 10px; margin-bottom: 20px; }
.bottom-list{ margin:50px -10px 0 -10px; }
.bottom-list li img{ width: 100%; height: 85px; }
.news-list{ margin:40px -8px 0; }
.news-list li{ float: left; width: 33.3333%; padding:0 8px; }
.news-mask{ position: absolute;; left: 0; bottom: 0; width: 100%; height: 36px; line-height: 36px; background: rgba(0,0,0,0.5); font-size: 12px; color: #fff; padding:0 15px; text-align: center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.news-tt{ font-size: 14px; margin-bottom: 5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.news-tt a{ color: #292929; }
.news-list li .img-hover{ margin-bottom: 10px; }
.footer{ background: #ebebeb; padding-top:60px; }
.footer-about{ width: 445px; margin-right: 30px; }
.footer-about-tt{ font-size: 24px; color: #7d7d7d; }
.footer-about-txt{ color: #7d7d7d; text-indent: 28px; line-height: 25px; text-align: justify; margin-top: 20px; }
.footer-padding{ padding:0 38px; border-left: solid 1px #d1d1d1; height: 246px; }
.footer-list-tt{ font-size: 24px; color: #7d7d7d; margin-bottom: 20px; margin-top: -8px; }
.footer-list{ width: 160px; }
.footer-list li{ float: left; width: 80px;line-height: 22px; margin-bottom: 5px; }
.footer-list li a{ color: #7d7d7d; }
.footer-list li a:hover{ color:#f1102a;}
.footer-list-about{ width: 60px; }
.footer-list-about li{ float: none; width: auto; }
.ewm-txt{ font-size: 18px; color: #7d7d7d; margin-left: 40px; margin-top: 20px; }
.ewm-txt span{ font-size: 24px; }
.footer-phone{ height: 35px; line-height: 35px; font-size: 24px; padding-left: 40px; color: #e70012; background: url(../Images/footer01.png) left center no-repeat; margin-top: 20px; }
.footer-email{ color: #7d7d7d; height: 20px; line-height: 20px; padding-left: 35px; margin-top: 20px; background: url(../Images/footer02.png) left center no-repeat;}
.beian{ height: 50px; line-height: 50px; background: #303030; font-size: 12px; margin-top: 50px; color: #8a8a8a; }
/******产品中心******/
.banner-top{ position: relative; width: 100%;height: 390px; overflow:hidden; }
.banner-top .banner-tt{ opacity:1;transform: translate(0,0);}
.banner-top img{ position: absolute; left: 50%; margin-left: -960px; width: 1920px; max-width: 1920px; height: 390px; }
.banner-b{ font-size: 24px; color: #fff;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #4d4d4d; margin-top: 10px; }
.banner-top .banner-c{ padding-top: 130px; }
.nav-sm{ height: 16px; line-height: 16px; border-left:solid 4px #f30c2a; padding-left: 10px; margin:20px 0; }
.back-f2{ background: #f2f2f2; }
.left-back{ background: #fff; padding:30px; }
.left-tt{ font-size: 22px; margin-bottom: 20px;}
.left-c{ width: 285px; margin-bottom: 40px; }
.nav-left-nav li{ margin-bottom: 5px; }
.nav-left-nav li a{ font-size: 16px; }
.nav-left-nav li.active a{ color: #e7141b; }
.nav-left-nav{ margin-bottom: 20px; }
.nav-tt{ font-size: 18px; margin-bottom: 10px; font-weight: bold;  color: #444; }
.contact-back{ height: 286px; background: url(../Images/contact.png) center no-repeat; margin-top: 30px; }
.contact-number{ font-size: 18px; color: #e7141b; padding:65px 0 0 100px; }
.right-c{ width: 915px; padding:0 0 0 30px; margin-bottom: 40px; }
.product-c{ background: #fff; padding:25px; }
.product-c img{ width: 100%; height: 235px; }
.product-list li{ float: left; width: 33.333333%; padding:0 9px; margin-bottom: 18px; }
.product-list{ margin:0 -9px; }
.product-tt{ color: #e50012; font-size: 18px;height:26px;}
.product-sm{ font-size: 16px; color: #444;height:22px;}
.product-txt{ color: #777;height:40px;line-height:20px;overflow:hidden;}
.product-more{ display: block; width: 120px; height: 46px; color: #fff; font-size: 16px; background: #444; border-radius: 8px; text-align: center;  line-height: 46px; margin-top: 20px; }
.product-more:hover{ background: #e7141b; color: #fff; }
.footer-border{ height: 6px; background: #444; }
.case-tabs li{ float: left; width: 33.333333%; background: #d3d3d3; }
.case-tabsb tr td{background: #d3d3d3;}
.case-tabs li a,.case-tabsb tr td a{ display: block; height: 85px; text-align: center; font-size: 16px; padding-top: 50px; position: relative; }
.case-tabs li a:before,.case-tabsb tr td a:before{ display: block; content:""; position: absolute; width: 34px; top: 10px; height: 39px; left:50%; background: url(../Images/icon-case.png) no-repeat;}
.case-tabs li a.tabs01:before,.case-tabsb tr td a.tabs01:before{ margin-left: -17px;}
.case-tabs li a.tabs02:before,.case-tabsb tr td a.tabs02:before{ margin-left: -17px; background-position: -34px 0;}
.case-tabs li a.tabs03:before,.case-tabsb tr td a.tabs03:before{ margin-left: -20px; background-position: -69px 0; width: 40px;}
.case-tabs li.active a,.case-tabsb tr td.active a{ background: #f30c2a; color: #fff; }
.case-tabs li a:hover,.case-tabsb tr td a:hover{ background: #f30c2a; color: #fff;}
.case-tabs li.active a.tabs01:before,.case-tabs li a.tabs01:hover:before,.case-tabsb tr td.active a.tabs01:before,.case-tabsb tr td a.tabs01:hover:before{ margin-left: -17px; background-position: 0 -39px;}
.case-tabs li.active a.tabs02:before,.case-tabs li a.tabs02:hover:before,.case-tabsb tr td.active a.tabs02:before,.case-tabsb tr td a.tabs02:hover:before{ margin-left: -17px; background-position: -34px -39px;}
.case-tabs li.active a.tabs03:before,.case-tabs li a.tabs03:hover:before,.case-tabsb tr td.active a.tabs03:before,.case-tabsb tr td a.tabs03:hover:before{ margin-left: -20px; background-position: -69px -39px;}
.case-tt{ font-size: 24px; color: #000; border-bottom: 10px; border-bottom: solid 1px #d3d3d3; margin-top: 60px; padding-bottom: 10px; margin-bottom:10px;}
.case-img img{ width: 600px; height: 420px; }
.case-article-tt{ font-size: 18px; color: #000; margin-bottom: 30px; font-weight: bold; }
.case-article .col-xs-6{ padding-left: 40px; padding-right: 0; margin-bottom: 30px; }
.case-article p{ font-size: 18px; color: #000; line-height: 32px; text-indent:36px; text-align: justify; }
.case-article{ padding-bottom: 40px; border-bottom: solid 1px #d3d3d3; }
.article-link{ margin-top: 20px; color: #000; margin-bottom: 30px; }
.article-link a{ color: #000; }
.article-link a:hover{ color: #f30c2a; }
.case-article .clearfix{ margin-top: 20px; }
.banner-tt-sm{ font-size: 51px; padding-right: 15px; }
.banner-top .sevevice-banner{ padding-top: 110px; }
.service-tt{ border-bottom: solid 1px #c4bebe; margin-bottom: 50px; }
.service-tt span{ display: table; margin:0 auto -15px auto; font-size: 25px; color: #2a2a2a; background: #fff; padding:0 25px; }
.service-tt span font{ color: #f30d2a; }
.service-tabs li{ display: inline-block; margin:0 3px; }
.service-tabs li a{ display: inline-block; width: 130px; height: 42px; line-height: 40px; background: #fafafa; color: #181818; border:solid 1px #cfcfcf;}
.service-tabs li a:hover{background: #f30c2a; border-color: #f30c2a; color:#fff;}
.service-c{ margin-top: 110px; }
.service-c .col-xs-6{ padding:0; }
.service-img-tt{ border-bottom:solid 1px #c4bebe; margin-bottom: 20px; margin-top: 60px; }
.service-img-tt span{ font-size: 30px; color: #f30d2a; border-bottom:solid 2px #f30d2a; display: table; width: :auto; padding:5px 0; margin-bottom: -1px; }
.service-list li{ float: left; padding:0 20px 0 10px; position: relative; font-size: 16px; }
.service-list li:after{ display: block; content:""; width: 4px; height: 4px; border-radius: 50%; background: #f30d2a; position: absolute; left:0; top: 50%; margin-top: -2px; }
.service-c p{ font-size: 16px; }
.padding-service{ padding-bottom: 110px; }
/*********关于我们********/
.about-tabs{ margin:50px 0; }
.about-tabs li{ display: inline-block; margin:0 13px; }
.about-tabs li a{ display: inline-block; width: 100px; height: 35px; line-height: 33px; border:solid 1px #000; font-size: 18px; color: #000; }
.about-tabs li a:hover{ background: #f30c2a; border-color: #f30c2a; color: #fff;}
.about-tabs li.active a{ background: #f30c2a; border-color: #f30c2a; color: #fff; position: relative; }
.about-tabs li.active a:after{ display: block; content:""; width: 13px; height: 9px; background: url(../Images/icon-about.png) center no-repeat; position: absolute; left:50%; margin-left: -6px; top: 100%; }
.about-tt{ font-size: 28px; color: #000; margin-bottom: 60px; }
.about-title{ font-size: 18px; color: #000; margin-bottom: 20px; }
.about-title i{ color: #fddee0; font-size: 48px; font-weight: bold; padding-right: 10px; }
.about-width{ width: 580px; }
.about-c p{ font-size: 16px; line-height: 30px; margin-bottom: 30px; text-align: justify; }
.about-back{ background: #f2f2f2; padding:50px 0; }
.about-back-tt{ font-size: 28px; }
.abouut-back-txt{ font-size: 16px; color: #000; line-height: 30px; margin-top: 10px; }
.about-bottom{ height: 568px; background: url(../Images/about-back.png) center no-repeat; }
.join-img{ margin:20px 0; }
.about-bottom{height:575px;background:url(../Images/bg3.jpg) center top no-repeat;}	
.about-bottom .block{position:relative;}	
.about-bottom .text{position:absolute;top:150px;left:50%;margin-left:-625px;text-align:center;width:100%;display:none;}
.about-bottom .text.a{display:block;}
.about-bottom .text h3{color:#fff;font-size:130px;font-family:Impact;line-height:1;position:absolute;left:50%;width:1250px;margin-left:-600px;}	
.about-bottom .text p{font-size:14px;color:#fff;line-height:1.3;width:834px;position:absolute;left:50%;width:1250px;margin-left:-600px;top:150px;}	
.about-bottom .year{background:url(../Images/line3.png) left bottom no-repeat; background-size:100% auto;height:150px;padding-top:50px;position:absolute;top:330px;width:1250px; margin-left:-25px;}
.about-bottom .arrow_l{background:url(../Images/about-left.png) center center no-repeat;position:absolute;left:0;top:90px;width:17px;height:31px;cursor:pointer;}
.about-bottom .arrow_r{background:url(../Images/about-right.png) center center no-repeat;position:absolute;right:0;top:90px;width:17px;height:31px;cursor:pointer;}
.about-bottom .ul{width:1000px;margin:0 auto;position:relative;overflow:hidden;height:120px;}
.about-bottom .ul ul{position:absolute;top:0;left:0;width:20000px;}
.about-bottom .ul ul li{float:left;width:100px;margin:0 20px;}
.about-bottom .ul ul li.now h3,#honor .banner .ul ul li:hover h3{font-size:37px;font-weight:bold;color:#810c18;}
.about-bottom .ul ul li h3{text-align:center;padding-top:37px;font-size:30px;color:#fff; margin:0;}
.about-bottom .ul ul li span{display:block;background:url(../Images/dian5.png) center center no-repeat;height:15px;width:15px;margin:17px auto 0;}
.about-bottom .ul ul li.now span{background:url(../Images/dian6.png) center center no-repeat;}
.about-bottom .ul ul li.now h3{ margin-top:-3px; margin-bottom:-3px;}
/******加入我们******/
.join-tt{ height: 46px; line-height: 46px; padding:0 25px; font-size: 16px; color: #000; position: relative; cursor: pointer; }
.join-name{ width: 670px; }
.join-list li{ border:solid 1px #dbdbdb; margin-bottom: 15px; }
.join-list li.active{ border-color: #f30c2a; }
.join-tt:after{ display: block; content:""; width: 14px; height:14px; position: absolute; right: 30px; top: 16px; background: url(../Images/add.png) center no-repeat; }
.join-tt.active:after{ background: url(../Images/remove.png) center no-repeat;}
.join-c{ padding:25px; display: none; }
.join-c-txt{ line-height: 25px; margin-bottom: 30px; }
.join-c-tt{ margin-bottom: 10px; font-weight: bold; }
.join-c ul li{ margin-bottom: 10px; border:none; }
.join-email{ color: #f30c2a; font-weight: bold; margin-bottom: 30px; }
.join-btn{ display: block; width: 124px; height: 40px; line-height: 40px; text-align: center; background: #f30c2a; color: #fff; font-size: 16px; border-radius: 6px; }
.join-btn:hover{ color: #fff; background: #df0723; }
.join-bottom{ margin-top: 40px; }
.join-img-list li{ float: left; width: 25%; padding:0 5px; margin-bottom: 10px; }
.join-img-list{ margin:40px -5px 60px -5px; }
.join-img-list li img{ width: 100%; height: 240px; }
/*******解决方案*******/
.apply-list{ margin:50px -10px 20px -10px; }
.apply-list li{ float: left; width: 25%; padding:0 10px; margin-bottom: 40px; }
.apply-list li .img-hover{ border-radius: 8px; overflow:hidden; }
.apply-list li .img-hover img{ width: 100%; height: 204px; }
.apply-list li .img-hover:hover{ border-radius: 8px;}
.apply-list li img{ border-radius: 8px; }
.apply-mask{ position: absolute; left:0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: none; }
.apply-mask i{ display: block; width: 57px; height: 57px; background: url(../Images/apply-icon.png) center no-repeat; position: absolute; left:50%; margin-left: -28px; top: 50%; margin-top: -28px; }
.apply-list li .img-hover:hover .apply-mask{ display: block; }
.apply-link{ display: block; margin-top: 10px; }
.pagination > li > a{ margin:0 3px; border-radius: 4px!important; color: #7e7e7e; }
.pagination{ margin-bottom: 80px; }
.pagination > li > a:hover{ color: #f30c2a; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background: #f30c2a; border-color: #f30c2a; }
/*********解决方案详情页*********/
.apply-back{ height: 85px; background: #d3d3d3; padding:25px; margin-bottom: 40px; }
.apply-select{ width: 230px; border-radius: 0; border-color: #444; color: #444; background: #d3d3d3; font-size: 16px; }
.apply-center-txt{ font-size: 24px; line-height: 34px; margin-right: 10px; }
.apply-center{ display: table; margin:0 auto; width: auto; }
.apply-left{ width: 870px; margin-bottom: 80px;margin-bottom:10px; }
.apply-ul-tt{ font-size: 20px; color: #000; margin-bottom: 40px; }
.apply-ul-txt p{ font-size: 16px; line-height: 30px; }
.apply-ul-txt{ margin-bottom: 40px; }
.pply-ul-c{ border:solid 1px #d3d3d3; position: relative; height: 47px; margin-bottom: 40px; background: url(../Images/apply-icon02.png) 10px center no-repeat; padding-left: 46px; line-height: 45px; }
.pply-ul-c a{ display: block; position: absolute; right: 0; width: 94px; background: #f30c2a; height: 100%; color: #fff; line-height: 45px; top: 0; text-align: center; }
.pply-ul-c a:hover{ background: #e10824; }
.share-txt{ line-height: 25px; margin-right: 10px; }
.apply-right{ width: 280px; }
.apply-right-back{ border-top: solid 4px #f30c2a; background: #f2f2f2; height: 330px; position: relative; padding:15px; }
.apply-right-back-tt{ font-size: 18px; margin-bottom: 20px; }
.apply-slide{ padding-bottom: 50px; }
.apply-slide img{ width: 250px; height: 179px; border-radius: 8px; }
.apply-slide .carousel-indicators li {
    width: 12px;
    height: 12px;
    background: #444444;
    border: none;
    margin: 0 2px;
}
.apply-slide .carousel-indicators li.active {
    width: 12px;
    height: 12px;
    background: #f30c2a;
    border: none;
    margin: 0 3px;
}
.apply-more{ position: absolute; left:0; bottom: 0; height: 44px; background: rgba(0,0,0,0.7); line-height: 44px; color: #fff; font-size: 16px; width: 100%; text-align: center; }
/*******联系方式*****/
.contact-tt{ font-size: 24px; color: #000; margin-bottom: 20px; }
.contact-row{ margin-top: 70px; }
.contact01{line-height:20px; font-size: 16px; padding-left: 40px; background: url(../Images/contact01.png) left center no-repeat;background-size:20px;padding-top:10px;padding-bottom:10px; color: #000; }
.contact02{ background: url(../Images/contact02.png) left center no-repeat;background-size:20px;}
.contact03{ background: url(../Images/contact03.png) 2px center no-repeat;background-size:15px;}
.contact04{ background: url(../Images/contact04.png) left center no-repeat;background-size:22px;}
.contact05{ background: url(../Images/contact05.png) left center no-repeat;background-size:20px;}
.contact06{ background: url(../Images/contact06.png) left center no-repeat;background-size:17px;}
.contact07{ background: url(../Images/contact07.png) left center no-repeat;background-size:17px;}
.contact-back-right{ background: url(../Images/contact-back.png) right top repeat-y; }
.map-c{ margin:30px 0; text-align: center; }
.contact-list .pull-left{ width: 20%; padding:0 7px; }
.contact-list .pull-left.w25{
    width: 25%;
}
.contact-list{ margin:40px -7px 20px -7px; }
.contact-input{ border-radius: 0; box-shadow: none; }
.contact-input-lg{ height: 128px !important; margin-bottom: 20px; }
.btn-contact{ display: block; padding:0; background: #f30c2a; color: #fff; font-size: 16px; text-align: center; line-height: 38px; border:none; width: 100px; border-radius: 0; margin-bottom: 50px; }
.news-ul{ margin:50px 0; }
.news-ul-img img{ width: 400px; height: 230px; }
.news-ul-right{ width: 800px; padding-left: 25px; }
.news-ul-hover{ height: 115px; border-top: dashed 1px #ddd; display: block; }
.news-ul-hover:hover{ background: #f30c2a; }
.news-ul-day{ font-size: 55px; color: #f30c2a; }
.news-ul-date{ width: 155px; padding-top: 8px; }
.news-ul-year{ color: #f30c2a; font-size: 16px; margin-top: -15px; }
.news-ul-right-width{ width: 620px; }
.news-ul-right-tt{ font-size: 18px; color: #000; margin-top: 20px; margin-bottom: 10px; }
.news-ul-right-txt{ font-size: 12px; color: #666; line-height: 20px; }
.news-ul-hover:hover .news-ul-day,.news-ul-hover:hover .news-ul-year,.news-ul-hover:hover .news-ul-right-tt,.news-ul-hover:hover .news-ul-right-txt{ color: #fff; }
.news-ul li{ margin-bottom: 25px; }
.jx-txt{ font-size: 16px; margin-top: 40px; line-height: 25px; border-bottom: solid 1px #ddd; padding-bottom: 30px; }
.jx-txt p{ margin-bottom: 20px; }
/****系统集成*****/
.yw-tt{ height:40px; line-height:40px; font-size:20px; border-radius:40px; display:table; padding:0 25px 0 50px; position:relative; color:#f30d2a; background:#f3f3f3; margin-bottom:30px;}
.yw-tt:after{ display:block; content:""; position:absolute; left:20px; top:50%; margin-top:-5px; height:10px; width:10px; border-radius:50%; background:#f13254;}
.jc-img-m{ margin:80px 0; }
.yw-txt{ font-size:16px; line-height:30px; margin-bottom:30px;}
.yw-img{ margin-bottom:30px;}
.jc-table > thead > tr > th{ background:#e70012; font-size:20px; text-align:center; color:#fff; border-width:4px; border-color:#fff; font-weight:normal;}
.table-bordered > tbody > tr > td{ vertical-align:middle; padding-left:40px; background:#f0f0f0; border-width:4px; border-color:#fff;}
.table-bordered > tbody > tr > td.table-cloro{ color:#8a8a8a;}
.table-bordered > tbody > tr > td.table-red{ background:#e70012; vertical-align:middle; text-align:center; color:#fff; padding:0; font-size:20px;}
.fl-span{ position:absolute; left:15px; top:0; width:126px; height:50px; background:#e70012; text-align:center; line-height:50px; color:#fff; font-size:16px;}
.jc-row .col-xs-6{ padding-left:155px; margin-bottom:35px;}
.fl-txt{ min-height:50px; line-height:25px;}
.lc-img{ margin:80px 0;}
.hj-txt{ font-size:18px; margin:50px 0 50px 0;}
/*********荣誉资质********/
.ry-list{ margin:50px -20px; }
.ry-list li{ width: 33.333333%; padding:0 20px; margin-bottom: 40px; float: left;  }
.ry-img-c{ border:solid 1px #ddd; height: 246px; }
.ry-img-c img{ max-height: 100%; }
.ry-img-c:hover .apply-mask{ display: block; }
.ry-img-c  i{ width: 66px; height: 64px; background: url(../Images/icon-ry.png) center no-repeat; display:block; position:absolute; left:50%; margin-left:-33px; top:50%; margin-top:-32px; transform:translate(0,-150px); transition:0.5s all; z-index:1000;}
.ry-img-c:hover i{ transform:translate(0,0);}
.ry-txt{ margin-top: 10px; }
.news-img-tow,.news-img-one.active{ display:none;}
.news-img-tow.active{ display:block;}
#imgbox-loading { position: absolute; top: 0; left: 0; cursor: pointer; display: none; z-index: 90; }
#imgbox-loading div { background: #FFF; width: 100%; height : 100%; }
#imgbox-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; display: none; z-index: 1001; }
#imgbox-wrap-3{ z-index:1002!important;}
.imgbox-wrap { position: absolute; top: 0; left: 0; display: none; z-index: 1002!important; }
.imgbox-img { padding: 0; margin: 0; border: none; width: 100%; height: 100%; vertical-align: top; }
.imgbox-title { padding-top: 10px; font-size: 11px; text-align: center; font-family: Arial; color: #333; display: none; }
.imgbox-bg-wrap { position: absolute; padding: 0; margin: 0; display: none; }
.imgbox-bg { position: absolute; width: 20px; height: 20px; }
/*******右侧悬浮菜单****/
.float-menu{margin-bottom:10px;background:#fff;position:relative;}
.float-menu.menu-ogg{background:#f0102b}
.float-zx{position:fixed;right:0px;top:30%;margin-top:-45px;z-index: 99999;}
.float-zx .float-menu>a{display:block;width:50px;height:50px;text-align:center;font-size:14px;color:#f0102b;line-height:18px;}
.float-zx .float-menu a.inco_float_1{color:#fff;background:url(../Images/inco_flc.gif) center no-repeat;}
.float-zx .float-menu a.inco_float_2{background:url(../Images/inco_fla.jpg) center no-repeat;}
.float-zx .float-menu a.inco_float_3{background:url(../Images/inco_flb.jpg) center no-repeat;}
.float-zx .float-menu a p{padding-top:5px;display:none;line-height:18px;height:50px;margin-bottom:0;}
.float-zx .float-menu:hover a.inco_float_1 p{background:#f0102b;}
.float-zx .float-menu:hover a p{display:block;background:#fff;}
/* .float-zx .float-menu:hover a.inco_float_2,.float-zx .float-menu:hover a.inco_float_3{background:#fff;} */
.float-box{position:absolute;top:-15px;right:48px;padding-right:25px;opacity:0;display:none;transition:all 0.5s;}
.float-zx .float-menu:hover .float-box{opacity:1;display:block;}
.float-box-c{
	border: 1px solid #ccc;
	border-top: 4px solid #f0102b;
	padding: 20px;
	background-color: #fff;
	-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);
	-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);
	box-shadow: 0 3px 8px rgba(0,0,0,.15);
	position: relative;
}
.menu-ogg .float-box-c{width:490px;}
.inco_pep{
	display:inline-block;
	width:56px;height:56px;
	background:url(../Images/float_pep.jpg) left center no-repeat;
	float:left;
}

    .float-box-ct p,.float-box-ccb p{
        float: left;
        color: #f0102b;
        font-size: 24px;
        line-height: 28px;
        margin-bottom:5px;
    }
    .float-box-ct p i,.float-box-ccb p i{
        display: block;
        font-size: 14px;
        color: #aaa;
        font-style:normal;
    }
    .float-box-cc{
        padding-top: 10px;
        margin-top: 0px;
        border-top: 1px solid #e4e4e4;
    }
    .float-box-cc h4{
        color: #666;
        font-size: 14px;
        font-weight: normal;
        padding-bottom: 0px;
        margin-top:0px;
    }
    .float-box-cc ul li{float: left;width:33.3333%;}
    .float-box-cc ul li a{
        display: inline-block;
        color: #999;
        font-size: 13px;
        padding-left: 43px;
        background: url(../Images/q1.gif) no-repeat left 3px;
        line-height: 36px;
    }
    .menu-clock .float-box-c{width:280px;}
    i.inco-sj{
        display: block;
        width: 13px;
        height: 16px;
        background: url(../Images/02index-spri.png) no-repeat 0 -2226px;
        position: absolute;
        right: -13px;
        top: 26px;
    }
    .inco-clock{
        display:block;
        float: left;
        width:56px;
        height:56px;
        background:url(../Images/inco_clock.jpg) left top no-repeat;
    }
    .float-zx .float-menu.menu-chat .float-box-ccb p{
        color: #f0102b;
        font-size: 16px;
        line-height: 16px;
    }
    .menu-back a{background:url(../Images/inco_backa.jpg);}
    .menu-back:hover a{background:url(../Images/inco_backb.jpg);}
    .mob-foot-fixed{display:none;}
	.float-box-ccb img{ width:156px; height:156px; max-width:156px;}
	.float-zx .float-menu a.menu-ly {
    background: url(../Images/ly01.png) center no-repeat;
    background-size:35px;
    position:relative;
    z-index:9;
}
.sqform{padding:50px 100px 0;}
.sqform h4{font-size:22px;margin-bottom:30px;}
.sqinput{margin-bottom:15px;}
.sqinput label{display:inline-block;width:80px;font-weight:normal;}
.sqinput input{width:300px;height:30px;border:1px solid #ccc;margin-right:5px;}
.sqinput textarea{width:450px;min-height:80px;border:1px solid #ccc;vertical-align:top;}
.sqinput span.red{color:#f00;}
.sqbtn{margin-top:45px;}
.sqbtn input{height:42px;padding:0 28px;font-size:16px;color:#fff;background:#f30c2a;border:0;cursor:pointer;}


.news-wrap{margin-top:50px;}
.news-item-group{
	margin-bottom:26px;
}
.news-item-group .news-left-img{
	float:left;
	width:400px;
	height:230px;
	position:relative;
}
.news-item-group .news-left-img img{
	width:410px;
	height:230px;
	vertical-align:top;
}
.news-item-group .news-left-img .news-left-tit{
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	line-height:30px;
	padding:0 10px;
	background:rgba(0,0,0,0.4);
	color:#fff;
}
.news-item-group .news-right{
	float:right;
	width:775px;

}
.news-item{
	display:block;
	height:114px;
	border-top:1px dashed #ccc;
	transition:all 0.3s;
}
.news-item:hover{
	background:#f30c2a;
	color:#fff;
}
.news-item .news-data{
	float: left;
	width:100px;
    padding-left:50px;
	font-size:16px;
	font-weight:400;
	color:#f30c2a;
	text-align:center;
	margin-top:18px;
}
.news-rtxt{
	float: right;
	width:620px;
	padding-right:20px;
}
.news-item .news-data span{
	display:block;
	font-size:55px;
	line-height:55px;
}
.news-rtxt h3{
	font-size:18px;
	font-weight:normal;
	margin-top:20px;
	color:#000;
	margin-bottom:5px;
}
.news-rtxt p{
	font-size:12px;
	color:#666;
	text-align:justify;
	line-height:20px;
	height:40px;
	overflow: hidden;
}
.news-item:hover .news-data,.news-item:hover .news-rtxt h3,.news-item:hover .news-rtxt p{
	color:#fff;
}

/* hr弹窗 */
.sqform {
    padding: 50px 100px;
}
.sqform h4 {
    font-size: 22px;
    margin-bottom: 30px;
}
.sqinput {
    margin-bottom: 15px;
}
.sqinput label {
    display: inline-block;
    width: 80px;
    font-weight: normal;
}
.sqinput input {
    width: 300px;
    height: 30px;
    border: 1px solid #ccc;
    margin-right: 5px;
    background-color:#fff;
}
.sqinput span.red {
    color: #f00;
}
.sqinput textarea {
    width: 450px;
    min-height: 80px;
    border: 1px solid #ccc;
    vertical-align: top;
    background-color:#fff;
}
.sqbtn {
    margin-top: 45px;
}
.sqbtn input {
    height: 42px;
    padding: 0 28px;
    font-size: 16px;
    color: #fff;
    background: #f30c2a;
    border: 0;
    cursor: pointer;
}
#floatForm{
    right:-190px;
    transition:all 0.3s;
}
#floatForm .float-form{background-color:#fff;width:250px;}
.float-form form{margin-bottom:0;}
.float-input{margin-bottom:15px;}
.float-input textarea{width:100%;border:1px solid #ccc;padding-left:10px;}
.float-input input{border:1px solid #ccc;padding-left:10px;height:24px;}
.float-input input.float-fl{width:47.5%;float:left;}
.float-input input.float-fr{width:47.5%;float:right;}
.float-input-btn input{background-color:#e70012;color:#fff;border:0;outline:0;cursor:pointer;padding:3px 10px;}
.float-zx .float-menu:hover #floatForm.float-box{right:48px;}

.pages {
    width:100%;
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    font-family: Arial;
    margin-top: 35px;
    margin-bottom: 35px;
}
.pages a, .pages span {
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    /* background-color: #d8d8d9; */
    /* border-radius: 2em; */
    color: #888;
    font-size: 16px;
    margin-right: 0.4em;
    text-align: center;
    font-family: Arial;
}
.pages a.prev, .pages a.next {
    display: inline-block;
    width: 36px;
    height: 0;
    padding-top: 36px;
    overflow: hidden;
    position: relative;
}
.pages a.prev:after {
    content: "<";
    position: absolute;
    top: 0;
    left: 12px;
    font-family: 'simsun';
}
.pages a.next:after {
    content: ">";
    position: absolute;
    top: 0;
    right: 12px;
    font-family: 'simsun';
}
.pages span {
    background-color: #f1f1f1;
    color: #888;
}
.pages span.rows{width:auto;margin-left:15px;}

.banner-tt,.banner-b,.anm-updown,.banner-txt-b{
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    -o-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
    opacity: 0;
}
#ban2 .banner-tt{
    -webkit-transform: translate3d(800px, 0, 0);
    -moz-transform: translate3d(800px, 0, 0);
    -ms-transform: translate3d(800px, 0, 0);
    -o-transform: translate3d(800px, 0, 0);
    transform: translate3d(800px, 0, 0);
    opacity: 0;
    font-family:'fzyh';
    -webkit-text-stroke-width: 0px;
    font-size:66px;
}
#ban2 .banner-txt-b{
    -webkit-transform: translate3d(-800px, 0, 0);
    -moz-transform: translate3d(-800px, 0, 0);
    -ms-transform: translate3d(-800px, 0, 0);
    -o-transform: translate3d(-800px, 0, 0);
    transform: translate3d(-800px, 0, 0);
    opacity: 0;
    font-family:'fzyh';
    -webkit-text-stroke-width: 0px;
}
#ban2 .banner-english{-webkit-text-stroke-width: 0px;font-size:46px;}
.active .banner-tt,.active .banner-b,.active .anm-updown,.active .banner-txt-b{
    -webkit-animation: down-in 500ms;
    -moz-animation: down-in 500ms;
    -ms-animation: down-in 500ms;
    -o-animation: down-in 500ms;
    animation: down-in 500ms;
    animation-fill-mode: both;
}
#ban2.active .banner-tt,#ban2.active .banner-b,#ban2.active .anm-updown{
    -webkit-animation: left-in 500ms;
    -moz-animation: left-in 500ms;
    -ms-animation: left-in 500ms;
    -o-animation: left-in 500ms;
    animation: left-in 500ms;
    animation-fill-mode: both;
}
#ban2.active .banner-txt-b{
    -webkit-animation: rightsb 500ms;
    -moz-animation: rightsb 500ms;
    -ms-animation: rightsb 500ms;
    -o-animation: rightsb 500ms;
    animation: rightsb 500ms;
    animation-fill-mode: both;
}
.active .banner-tt{
    animation-delay: 200ms;
}
.active .banner-b,.active .banner-txt-b{animation-delay: 500ms;}

/* #ban2.active .banner-tt{
    animation-delay: 200ms;
} */

.active .anm-date-1{animation-delay: 200ms;}
.active .anm-date-2{animation-delay: 400ms;}
.active .anm-date-3{animation-delay: 500ms;}
.active .anm-date-4{animation-delay: 600ms;}
.active .anm-date-5{animation-delay: 700ms;}
.active .anm-date-6{animation-delay: 800ms;}
.active .anm-date-7{animation-delay: 900ms;}


@-moz-keyframes down-in {
    0% {
        -webkit-transform: translate3d(0, 50px, 0);
        -moz-transform: translate3d(0, 50px, 0);
        -ms-transform: translate3d(0, 50px, 0);
        -o-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0);
        opacity: 0
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes down-in {
    0% {
        -webkit-transform: translate3d(0, 50px, 0);
        -moz-transform: translate3d(0, 50px, 0);
        -ms-transform: translate3d(0, 50px, 0);
        -o-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0);
        opacity: 0
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-o-keyframes down-in {
    0% {
        -webkit-transform: translate3d(0, 50px, 0);
        -moz-transform: translate3d(0, 50px, 0);
        -ms-transform: translate3d(0, 50px, 0);
        -o-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0);
        opacity: 0
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes down-in {
    0% {
        -webkit-transform: translate3d(0, 50px, 0);
        -moz-transform: translate3d(0, 50px, 0);
        -ms-transform: translate3d(0, 50px, 0);
        -o-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0);
        opacity: 0
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}



@-moz-keyframes left-in {
    0% {
        -webkit-transform: translate3d(800px, 0, 0);
        -moz-transform: translate3d(800px, 0, 0);
        -ms-transform: translate3d(800px, 0, 0);
        -o-transform: translate3d(800px, 0, 0);
        transform: translate3d(800px, 0, 0);
        opacity: 0
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes left-in {
    0% {
        -webkit-transform: translate3d(800px, 0, 0);
        -moz-transform: translate3d(800px, 0, 0);
        -ms-transform: translate3d(800px, 0, 0);
        -o-transform: translate3d(800px, 0, 0);
        transform: translate3d(800px, 0, 0);
        opacity: 0
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-o-keyframes left-in {
    0% {
        -webkit-transform: translate3d(800px, 0, 0);
        -moz-transform: translate3d(800px, 0, 0);
        -ms-transform: translate3d(800px, 0, 0);
        -o-transform: translate3d(800px, 0, 0);
        transform: translate3d(800px, 0, 0);
        opacity: 0
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes left-in {
    0% {
        -webkit-transform: translate3d(800px, 0, 0);
        -moz-transform: translate3d(800px, 0, 0);
        -ms-transform: translate3d(800px, 0, 0);
        -o-transform: translate3d(800px, 0, 0);
        transform: translate3d(800px, 0, 0);
        opacity: 0
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}



@-moz-keyframes rightsb {
    0% {
        -webkit-transform: translate3d(-800px, 0, 0);
        -moz-transform: translate3d(-800px, 0, 0);
        -ms-transform: translate3d(-800px, 0, 0);
        -o-transform: translate3d(-800px, 0, 0);
        transform: translate3d(-800px, 0, 0);
        opacity: 0
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes rightsb {
    0% {
        -webkit-transform: translate3d(-800px, 0, 0);
        -moz-transform: translate3d(-800px, 0, 0);
        -ms-transform: translate3d(-800px, 0, 0);
        -o-transform: translate3d(-800px, 0, 0);
        transform: translate3d(-800px, 0, 0);
        opacity: 0
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-o-keyframes rightsb {
    0% {
        -webkit-transform: translate3d(-800px, 0, 0);
        -moz-transform: translate3d(-800px, 0, 0);
        -ms-transform: translate3d(-800px, 0, 0);
        -o-transform: translate3d(-800px, 0, 0);
        transform: translate3d(-800px, 0, 0);
        opacity: 0
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes rightsb {
    0% {
        -webkit-transform: translate3d(-800px, 0, 0);
        -moz-transform: translate3d(-800px, 0, 0);
        -ms-transform: translate3d(-800px, 0, 0);
        -o-transform: translate3d(-800px, 0, 0);
        transform: translate3d(-800px, 0, 0);
        opacity: 0
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}


.partent {
    overflow: hidden;
    margin-top:40px;
    margin-bottom: 40px;
}
.owl-item {
    float: left;
}
.partent .item div {
    border: 1px solid #d4d4d4;
    margin: 10px;
    text-align: center;
}
.partent .item div img {
    max-width: 100%;
}