@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }

/* always display scrollbars */
body { margin: 0 auto; color: #989898; background-color: #fff; _background-attachment: fixed; _background-image: url(about:blank);
-webkit-user-select: none; /* Chrome/Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */


}
button,div,a{outline:none;}
html {
     font-family: 微软雅黑 !important;
    font-size: 14px;
    color: #929292;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;

-webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;


}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
h1, h2, h3, h4, h5, h6, em, i {font-weight: normal; font-style: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding: 0; }
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; background: none; outline: none; padding: 0; margin: 0; border: none; }
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur());color: #545454; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clear { clear: both;}
.fl{float: left;}
.fr{float: right;}

.text{text-align: center;}
.clearfix { *zoom: 1; }
.tabbox{vertical-align: middle;display: table-cell;}
.wrap{width:1500px;margin: 0 auto;}
.wrap2{width:1200px;margin: 0 auto;}
.hide{display: none;}



.xxxx:hover  img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}

.xxx:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index: -1; background-color:#83bc2b; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.xxx:hover:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}




/*commn*/
.swiper-pagination-bullet-active{background:#e00!important}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#999;opacity:1!important}
/*commn*/

.a:hover img{ -webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);}
10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
100%{-webkit-transform:scale(1) rotate(0);}}
@-moz-keyframes tada{0%{-moz-transform:scale(1);}
10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
100%{-moz-transform:scale(1) rotate(0);}}



@-webkit-keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.div{transition:all 0.5s; animation-name:fadeInUp; animation-delay:0.2s;}





/*过渡*/
.aaa{
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}





/*手机导航*/
.Side_nav{width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0.6); left: 0; top: 0; z-index: 30; opacity: 0; visibility: hidden; transition: 340ms 130ms;}
.menuBtn { float:right;width:44px; height: 28px; position:fixed; right:20px;top: 20px;cursor: pointer; z-index: 9999;display: none ;}
.menuBtn .burger { display: block; width: 100%; height: 5px; position: absolute; left: 0; background:#1b2d71;transform-origin:center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transition: transform 277ms ease-in-out; -o-transition: 277ms ease-in-out; -ms-transition: 277ms ease-in-out; -moz-transition: 277ms ease-in-out; }
.menuBtn .burger-1 { top: 0; }
.menuBtn .burger-2 { top: 12px; }
.menuBtn .burger-3 { bottom: 0; }
.menuBtn.active .burger-1 { top: 10px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: #fff; }
.menuBtn.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; background: #fff; }
.menuBtn.active .burger-3 { top: 10px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #fff; }
.Side_box {
    background-color: #fff;
    height: 100%;
    max-width: 85%;
    max-width: calc(100% - 64px);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1);
    transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1);
    transition: transform .3s cubic-bezier(.4,0,.2,1);
    transition: transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);
    width: 200px;
    z-index: 1;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
}
.Side_nav.in .Side_box {-webkit-transform: translateX(0);transform: translateX(0);}
.Side_nav.in { opacity: 1; visibility: visible; transition: 340ms 0ms; }
.menu-list { padding: 40px 0 40px 30px;z-index:1000;}
.menu-list li { margin-bottom: 20px; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: returnToNormal; animation-name: returnToNormal; }
.menu-list li:last-child { margin-bottom: 0; }
.menu-list li a { display: block; color: #333; font-size:16px; }
@-webkit-keyframes returnToNormal {
    from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes returnToNormal {
    from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}
/*手机导航*/
.moblie_head{padding:.5em 1em;position: fixed;left:0;top:0;width: 100%;z-index: 15;background:#fff;display:none;
    -webkit-box-shadow:0px 2px 9px 1px rgba(125, 122, 122,.5);
    -moz-box-shadow:0px 2px 9px 1px rgba(125, 122, 122,.5);
    box-shadow: 0px 2px 9px 1px rgba(125, 122, 122,.5);
}
.moblie_head .logo{width:50%;}
.moblie_head .logo img{max-width: 100%;}









/*售后服务*/
.head{border-bottom: 2px #ff7700 solid;height: 83px;}
.head .wrap{height: 100%;}
.head .logo{width:27%;vertical-align: middle;height: 100%;}
.head .logo span{height: 100%;vertical-align: middle;display: inline-block;}
.head .logo img{max-width: 100%;vertical-align: middle;}
/*.head .tel{color:#ff7700;font-size: 20px;font-style:italic;height: 100%;}
.head .tel img{position: relative;top:3px;}
.head .tel span{color:#dedede;font-style: normal;margin:0 5px;}
*/
.head .tel{color:#ff7700;font-size: 16px;height: 100%;display:table;position: relative;padding-left: 40px;background:url(../images/tel.png) no-repeat left center;text-align: center;}
.head .tel strong{display:block;font-size: 20px;}
.head .tel:before{content:'';position: absolute;left:30px;top:20%;width: 1px;height:60%;background:#dedede;}

.head .nav{width: 50%;margin-left: 5%;height: 100%;display:table;}
.nav ul{display: flex;flex: 0 0 100%;justify-content: space-between;}
.nav li{flex: none;height: 38px;line-height:38px;}
.nav li a{display:block;color:#333;font-size: 16px;padding:0 28px;position:relative;overflow:hidden;}

.nav li a:before{ content:""; border-radius:38px;width:100%; height:100%; position:absolute; left:0; top:0; z-index: -1; background-color:#ff7700; transform-origin:center; -webkit-transform-origin:center; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.nav li:hover a:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:center; -webkit-transform-origin:center; visibility:visible\9;}
.nav li a:hover{color:#fff;}
.nav li.on a:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:center; -webkit-transform-origin:center; visibility:visible\9;}
.nav li.on a{color:#fff;}


.nybanner{position: relative;}
.nybanner img{display:block;width: 100%;}
.nybanner .wrap{height: 100%;display:table;position: absolute;top: 0;left: 0;right: 0;}
.nybanner .txt{position: relative;}
.nybanner .txt h4{color:#fff;font-size: 44px;font-weight:300;border-bottom: 2px #fff solid;display:inline-block;
   text-shadow: rgba(0,0,0,.5) 0.1em 0.1em 0.2em;
}



.nycon{background:#f3f3f3;}
.nytop{height: 36px;line-height: 36px;background:#ff7700;color:#fff;font-size: 16px;text-align: center;}
.nytop a{color:#fff;}
.nytop img{margin-right: 10px;vertical-align: middle;position: relative;top: -2px;}
.nytop .wrap{position: relative;}
.nytop .crumbs{position: absolute;right:0;color:#ffdbbb;/*font-size: 12px;*/top:0;line-height: 36px;}
.nycon .padd1{padding:50px 0;}

.after_sale{}
.after_sale .item{height: 420px;}
.after_sale .item .pic{width: 50%;height: 100%;overflow:hidden;position: relative;}
.after_sale .item .pic img{display:block;width: 100%;height: 100%;
  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.after_sale .item .txt{width: 50%;height: 100%;background:#fff;}
.after_sale .item .txt .padd{padding:30px 46px;}
.after_sale .txt .top{color:#333;font-size:40px;}
.after_sale .txt .top span{padding-bottom: 10px;position: relative;}
.after_sale .txt .top span:before{content:'';position: absolute;left:0;bottom:0;width: 157px;height: 2px;}
.after_sale .txt.fr .top span:before{background:#ff7700;}
.after_sale .txt.fl .top span:before{background:#ccc;}
.after_sale .txt .txtmain{color:#666;font-size:14px;line-height: 24px;margin-top: 30px;}
.after_sale .item:hover .pic img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}

.after_sale .pic span{position: absolute;display:block;width: 100%;height: 100%;background:rgba(0,0,0,.5);left:0;top:0;opacity:0;
transition:400ms;-webkit-transition:400ms;
}
.after_sale .item:hover .pic span{opacity:1;}
.after_sale .pic span figcaption {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 5;
}
.after_sale .pic span figcaption::before,.after_sale .pic span figcaption::after {
    position: absolute;
    top: 12px;
    right:15px;
    bottom: 12px;
    left: 15px;
    content: '';
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, transform 0.4s;
}
.after_sale .pic span figcaption::before {
    border-top: 3px solid #f0e8e1;
    border-bottom: 3px solid #f0e8e1;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
.after_sale .pic span figcaption::after {
    border-right: 3px solid #f0e8e1;
    border-left: 3px solid #f0e8e1;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
.after_sale .item:hover .pic span figcaption::before,.after_sale .item:hover .pic span figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}











.footer{background-color: #e4e4e4;}
.footer .copy{color:#333;font-size:12px;text-align: center;line-height: 28px;}
.footer .top{padding:44px 0 20px;}
.foot_top{color:#333;font-size:22px;border-bottom:1px #dddddd solid;padding-bottom: 16px;}
.foot_top span{color:#333333;font-size:16px;text-transform: uppercase;}
.foot_top em{margin:0 5px;color:#999999;}

.footer .link{width: 525px;}
.link_main{margin-top: 29px;}
.link_main a{width: 33.33%;color:#333333;font-size:14px;line-height: 40px;float:left;}
.link_main a:hover{color:#ff7700;text-decoration: underline;}

.footer .foot_map{width: 420px;margin-left: 8%;}
.fmap_mian{margin-top: 29px;height: 235px;border:1px #d9d9d9 solid;overflow:hidden;}
.fmap_mian img{display:block;width: 100%;height: 100%;}

.footer .addre{width: 310px;}
.addre_main{margin-top: 29px;}
.addre_main p{color:#333333;font-size:13px;line-height: 28px;}
.addre_main ul{display: flex;flex: 0 0 100%;justify-content: space-between;   margin-top: 15px;}
.addre_main ul li{flex:none;text-align: center;}
.addre_main ul li img{width: 79px;height: 79px;}
.addre_main ul li p{color:#3f3f3f;font-size:12px;}





/*人力资源*/
.paging{text-align: center;}
.paging a{display:inline-table;margin:0 6px;height: 34px;line-height: 34px;padding:0 14px;background: #fff;border:1px #e1e1e1 solid;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.paging span{display:inline-table;margin:0 7px;background: #f4f4f4;height: 30px;line-height: 30px;padding:0 10px;}
.paging a:hover{color:#fff;background:#ff7700;}



.invite_list{position: relative;margin-bottom: 45px;}
.invite_list ul li{transition: 400ms;-webkit-transition: 400ms;overflow: hidden;background:#9f9f9f;margin-bottom: 22px; }
.invite_btn{display:block;position: relative;padding:0 29px;cursor:pointer;text-align: center;height: 55px;line-height: 55px;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.invite_btn span{height: 55px;line-height: 55px;font-size:20px;color:#fff;width: 40%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position:absolute;left:29px;top:0;text-align:left;}
.invite_btn a{width: 80px;height: 30px;border:1px #fff solid;display:inline-block;font-size: 13px;color:#fff;line-height: 30px;text-align: center;position: relative;z-index: 4;}
.invite_btn .tb{position: absolute;right: 29px;top:0;height: 100%;width: 22px;background: url(../images/top1.png) no-repeat center;
  -webkit-animation-duration:0.2s; -moz-animation-duration:0.2s; -ms-animation-duration:0.2s; -o-animation-duration:.2s; animation-duration:.2s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; display:none;
}
.invite_cont{background: #eef1f6;overflow:hidden;/*display:none;*/}
.invite_cont .padd{padding:21px;}
.invite_txt{}
.invite_txt p{color:#333333;font-size:14px;line-height:26px;}
/*.invite_list ul li.on .invite_btn{background: #c6a282;}*/
.invite_list ul li.on .top dl{color: #fff !important;}
.invite_list ul li.on .tb{transform:rotate(180deg);  display:none;}
.invite_btn a:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index: -1; background-color:#ff7700; transform-origin:center; -webkit-transform-origin:center; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.invite_btn a:hover:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:center; -webkit-transform-origin:center; visibility:visible\9;}




/*联系我们*/
.map_box{border:1px #d9d9d9 solid;height: 523px;overflow:hidden;margin-top: 43px;}
.map_box img{max-width: 100%;}
.lxtop{}
.lxtop .item{margin-bottom: 23px;}
.lxtop .left{width: 30.33%;}
.lxtop .left input{border:none;height: 38px;padding: 0 3%;width: 94%;color:#333333;font-size:14px;background:#fff;}
.lxtop .item2{display: flex;flex: 0 0 100%;justify-content: space-between;}
.lxtop .item2 dl{width: 25%;height: 38px;line-height: 38px;flex:none;background:#fff;text-align: center;cursor:pointer;color:#333;font-size: 14px;}
.lxtop .item2 dl.on{background:#ff7700;color:#fff;}
.lxtop .center1{width: 28.33%;margin:0 4.5%;}
.lxtop .center1 textarea{resize: none;height: 72px;padding:13px 2%;background:#fff;width:96%;color:#333333;font-size:14px;}
.lxtop .center1 button{height: 38px;background:#ff7700;color:#fff;border:none;width: 100%;margin-top: 21px;cursor:pointer;}
.lxtop .right{width: 32.33%;}
.lxtop .right .addre2{width: 60%;}
.lxtop .right .addre2 p{color:#333;font-size:13px;line-height: 28px;}
.lxtop .right .addre2 p a{color:#333333;}
.lxtop .right .ewm2{width: 36%;display: flex;flex: 0 0 100%;justify-content: space-between;}
.lxtop .right .ewm2 dl{flex:none;text-align: center;}
.lxtop .right .ewm2 dl img{width: 79px;height: 79px;}
.lxtop .right .ewm2 dl p{color:#666666;font-size:12px;line-height: 28px;}




/*成功案例*/
.khcase{margin-bottom: 30px;overflow:hidden;}
.khcase .item{margin-bottom: 41px;height: 210px;}
.khcase .item .itemR{width: 70%;height: 100%;position: relative;left:0;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.khcase .item .pic{width:30%;height: 100%;}
.khcase .item .pic img{display:block;width: 100%;height: 100%;}
.khcase .item .main .tabbox{padding:0 11px;}
.khcase .item .main{width:70%;height: 100%;background:#fff;display:table;}
.khcase .item .main .top{color:#333333;font-size:24px;border-bottom: 1px #f3f3f3 solid;padding-bottom: 15px;margin-bottom: 15px;}
.khcase .item .main .txt{}
.khcase .item .main .txt p{color:#666666;font-size:13px;line-height: 20px;}
.khcase .item .date{width: 22%;height: 100%;vertical-align: middle;font-size:20px;color:#cccccc;position: relative;}
.khcase .item .date span{font-size: 44px;color:#333333;margin-right: 26px;}
.khcase .item .date b{height: 100%;vertical-align: middle;display: inline-block;}
.khcase .item .date:before{content:'';position: absolute;right:0;top:38%;width: 25px;height: 25px;border-radius: 25px;background:#ff7700;}
.khcase .item .date:after{content:'';position: absolute;right:12.5px;top:48%;width: 1px;height: 110%;background:#ff7700;}
.khcase .item:last-child .date:after{height: 0;}

.khcase .item:hover .itemR{left:-20px;
   -webkit-box-shadow:0px 2px 9px 1px rgba(185,185,185,.5);
    -moz-box-shadow:0px 2px 9px 1px rgba(185,185,185,.5);
    box-shadow: 0px 2px 9px 1px rgba(185,185,185,.5);
}
.khcase .item:hover .top{color:#ff7700;}

.khcase2{margin-bottom: 2em;}
.khcase2 ul{margin-right: -2%;}
.khcase2 li{float:left;width: 18%;margin:0 2% 2% 0;}
.khcase2 li .pic{height: 250px;vertical-align: middle;text-align: center;background-color: #fff;overflow:hidden;border: 1px #dcdcdc solid;}
.khcase2 li .pic span{height: 100%;vertical-align: middle;display: inline-block;}
.khcase2 li .pic img{max-width: 95%;max-height: 95%;vertical-align: middle;
  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.khcase2 li .name{font-size: 18px;color:#fff;text-align: center;background:#7d7a7a;line-height:45px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:0 2%;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.khcase2 li:hover .name{background:#ff7700;}
.khcase2 li:hover .pic img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}


/*产品中心*/
.cpmenu{background:#5c5c5c;}
.cpmenu table{width: 100%;}
.cpmenu table td{text-align: center;padding:21px 0;position: relative;z-index: 4;overflow:hidden;width:7%;}
.cpmenu table td span{height: 45px;vertical-align: middle;display:block;margin-bottom: 5px;}
.cpmenu table td span b{height: 100%;vertical-align: middle;display: inline-block;}
.cpmenu table td span img{vertical-align: middle;zoom:.7;}
.cpmenu table td p{color:#fff;font-size:14px;}
.cpmenu table td.on{background:#ff7700;}

.cpmenu table td:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index: -1; background-color:#ff7700; transform-origin:center; -webkit-transform-origin:center; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.cpmenu table td:hover:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:center; -webkit-transform-origin:center; visibility:visible\9;}


.cplist{margin-right: -2%;}
.cplist li{width: 23%;margin:0 2% 37px 0;background:#fff;text-align:center;vertical-align: middle;position: relative;overflow:hidden;float:left;}
.cplist li .tit{ background:#f3f3f3; width:100%; text-align:center; font-size:15px; line-height:36px; color:#333;}
.cplist li img{max-width: 95%;max-height: 95%;vertical-align: middle;}
.cplist li b{height: 100%;vertical-align: middle;display: inline-block;}
.cpbg2{position: absolute;left:0;top:-100%;width: 100%;height: 100%;background:url(../images/bg2.png) repeat;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.cpbg-box{ width:100%; height:100%; display:table;}
.cpbg{position: absolute;left:0;bottom:-100%;width: 100%;height: 100%;z-index: 10;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.cpbg h3{font-size:18px;color:#fff;font-weight: bold;}
.cpbg span{background:url(../images/see.png) no-repeat center;height: 42px;width: 100%;display:block;margin-top: 29px;}
.cplist li:hover .cpbg2{top:0;}
.cplist li:hover .cpbg{bottom:0;}

.cpbg2 figcaption {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 5;
}
.cpbg2 figcaption::before,.cpbg2 figcaption::after {
    position: absolute;
    top: 12px;
    right:15px;
    bottom: 12px;
    left: 15px;
    content: '';
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, transform 0.4s;
}
.cpbg2 figcaption::before {
    border-top: 3px solid #f0e8e1;
    border-bottom: 3px solid #f0e8e1;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
.cpbg2 figcaption::after {
    border-right: 3px solid #f0e8e1;
    border-left: 3px solid #f0e8e1;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
.cplist li:hover .cpbg2 figcaption::before,.cplist li:hover .cpbg2 figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}






/*产品详情*/
.activity_div{position: relative;left: 0;top:0;background:#fff;width:100%;height:756px;z-index: 9999999;
-webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.activity_div .left,.activity_div .right{position: absolute;top:45%;width:46px;height: 46px;cursor: pointer;opacity:1;background:#cacaca;border-radius: 46px;text-align: center;line-height: 46px;}
.activity_div .left img,.activity_div .right img{vertical-align: middle;}
.activity_div .left:hover,.activity_div .right:hover{background:#ff7700;}
.activity_div .left{left: 4%;}
.activity_div .right{right: 4%;}
.activity_div .nubemer{position: absolute;left: 0;bottom:1em;color: #333;font-size:20px;width:100%;text-align: center;}
.activity_div .nubemer span{color: #f00;font-size:24px;}
.activity_div .wrap{height: 100%;}
.activity_div .wrap .bd{height: 100%;}
.activity_div .bd ul{width: 100%;height: 100%;}
.activity_div .bd li{ width:100% ; height:100%; float:left; overflow:hidden; position:relative;display: table; text-align: center;}
.activity_div .bd li .pic{ max-width:100%; vertical-align: middle;display: inline-block;}
.activity_div .bd li .txt{color: #333;font-size:28px;position: absolute;left:0;top:0;width: 100%;margin-top: 30px;}





/*index*/
.banner{position: relative;}
.banner_swiper,.banner_swiper .swiper-slide{width:100%;}
.banner_swiper,.banner_swiper .swiper-wrapper,.banner_swiper .swiper-wrapper .swiper-slide{height: auto !important;}
.banner_swiper .swiper-slide img{width:100%;    display: block;}
.banner_swiper .pagination {position: absolute;z-index: 20;left:0;bottom:37px;width: 100%;text-align: center;}
.banner_swiper .swiper-pagination-switch {display: inline-block;width:8px;height:8px;margin-right:14px;cursor: pointer;background:#fff;border-radius: 8px;}
.banner_swiper .swiper-visible-switch {}
.banner_swiper .swiper-active-switch {background: #ffc000;width: 18px;height: 18px;border-radius:18px;position: relative;top:5px;}


.home_menu{border-bottom: 1px #eeeeee solid;}
.home_menu li{float:left;width: 25%;text-align: center;position: relative;height: 106px;}
.home_menu li:before{content:'';position: absolute;right:0;top:0;width: 1px;height: 100%;background:#eee;}
.home_menu li:last-child:before{width: 0;}
.home_menu li a{display:block;height: 100%;}
.home_menu li .box{display: inline-flex;flex: 0 0 100%;vertical-align: middle; overflow:hidden;}
.home_menu li  span{height: 100%;vertical-align: middle;display: inline-block;}
.home_menu li .pic{margin-right: 31px;width: 60px;height: 60px;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.home_menu li .txt{text-align: left;position: relative;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.home_menu li .txt h4{color: #333;font-size:26px;margin-bottom: 5px;line-height: 28px;
  -webkit-animation-duration:0.2s; -moz-animation-duration:0.2s; -ms-animation-duration:0.2s; -o-animation-duration:.2s; animation-duration:.2s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.home_menu li .txt p{text-transform: uppercase;color: #333;font-size:10px;position: relative;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.home_menu li a:hover{background:#ff7700;}
.home_menu ul>li .pic{background:url(../images/menu1.png) no-repeat;background-position: 0 0;}
.home_menu ul>li+li .pic{background:url(../images/menu2.png) no-repeat;background-position: 0 0;}
.home_menu ul>li+li+li .pic{background:url(../images/menu3.png) no-repeat;background-position: 0 0;}
.home_menu ul>li+li+li+li .pic{background:url(../images/menu4.png) no-repeat;background-position: 0 0;}
.home_menu li:hover .pic{background-position: 0 -60px;}
.home_menu li:hover .txt h4{color: #fff;font-size:36px;margin-top: 16px;}
.home_menu li:hover p{bottom:10em;}


.aboutA{padding:45px 0 64px;}
.aboutA_top{text-align: center;}
.aboutA_top h1{color: #5365b6;font-size:44px;font-weight: 800;position: relative;}
.aboutA_top h1:before{content:'';position: relative;position: absolute;left:0;top:50%;width: 100%;height: 1px;background:#e8e8e8;z-index: 1;}
.aboutA_top h1 span{background:#fff;position: relative;z-index: 5;padding:0 1em;}
.aboutA_top h1 img{margin-right: 15px;vertical-align: middle;}
.aboutA_top h4{color: #ccc;font-size:16px;text-transform: uppercase;font-weight: bold;margin-top: 5px ;}

.aboutA_main{margin-top: 30px;height: 477px;}
.aboutA_main .video{width: 49.9%;height: 100%;}
.aboutA_main .video video{width: 100%;height: 100%;}
.aboutA_main .jjtxt{width: 49.9%;height: 100%;background:url(../images/bg1.jpg) no-repeat;background-size: 100% 100%;}
.aboutA_main .jjtxt .padd{padding:29px 33px;}

.aboutA_main .jjtxt .top{}
.aboutA_main .jjtxt .top h4{font-size: 26px;color:#db6600;font-weight: 800;}
.aboutA_main .jjtxt .top h1{font-size: 50px;color:#db6600;font-family: 宋体;text-transform: uppercase;}
.aboutA_main .jjtxt .con{margin-top: 1em;}
.aboutA_main .jjtxt .con p{font-size: 15px;color:#fff;line-height: 26px;}
.aboutA_main .jjtxt .btn{margin-top: 25px;}
.aboutA_main .jjtxt .btn a{width: 111px;height: 36px;line-height: 36px;color:#fff;font-size: 14px;border:1px #fff solid;display:inline-block;border-radius: 36px;text-align: center;position: relative;overflow:hidden;z-index: 4;}

.aboutA_main .jjtxt .btn a:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index: -1; background-color:#fff; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.aboutA_main .jjtxt .btn a:hover:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.aboutA_main .jjtxt .btn a:hover{color:#db6600;}


.productA{background-color: #f3f3f3;padding:45px 0 145px;}
.aboutA_top2 h1 span{background: #f3f3f3;}

.productA_mian{margin-top: 55px;height: 250px;}
.productA_mian .btn{height: 100%;overflow:hidden;}
.productA_mian .btn a{width: 18px;padding:75px 13px;background: #b6b6b6;display: inline-block;color:#fff;font-size: 15px;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.productA_mian .btn a:hover{background:#ff7700;}
.pr_banner{position: relative;width: 95%;height: 250px;}
.pr_swiper,.pr_swiper .swiper-wrapper,.pr_swiper .swiper-wrapper .swiper-slide{height: 100% !important;}
.pr_banner li{width: 23%;text-align:center;vertical-align: middle;height: 250px;position: relative;overflow:hidden;float:left;}
.pr_banner li img{max-width: 95%;max-height: 95%;vertical-align: middle;}
.pr_banner li b{height: 100%;vertical-align: middle;display: inline-block;}
.pr_banner li:hover .cpbg2{top:0;}
.pr_banner li:hover .cpbg{bottom:0;}
.pr_banner li:hover .cpbg2 figcaption::before,.pr_banner li:hover .cpbg2 figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.pr_swiper .swiper-slide{width: 340px;}
.pr_swiper .swiper-slide .padd{display:block;height: 100%;margin: 0 10px;background: #fff;}






/*关于启泰*/
.about_jj{height: 694px;}
.about_jj .wrap{height: 100%;}
.about_jj .pic{width: 60%;height: 100%;overflow:hidden;}
.about_jj .pic span{width: 100%;height: 100%;background-size: cover !important;background-position: center !important;display:block;
  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.about_jj .txt{width: 40%;background:url(../images/bg4_03.png) no-repeat #fff;height: 100%;display:table;}
.about_jj .txt .mien_head{text-align: left;}
.about_jj .txt .tabbox{padding:0 48px;}
.jjmain{margin-top: 20px;max-height: 520px;overflow-y: hidden;}
.jjmain p{color:#333;font-size: 14px;line-height: 30px;}

.about_jj:hover  span{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}


.honor{background:url(../images/bg3.jpg) no-repeat #edecea left bottom;padding:40px 0 75px 0;}
.honor_banner{margin-top: 58px;position: relative;}
.honor_swiper .swiper-slide{height: 330px;position: relative;text-align: center;}
.honor_swiper{width:100%;}
.swiper-scrollbar {height:10px;margin:20px auto;width: 100%;display:block;opacity:1 !important;}
.honor_swiper,.honor_swiper .swiper-wrapper,.honor_swiper .swiper-slide{height: 330px !important;}
.honor_swiper .swiper-slide img{display:inline-block;max-width: 95%;max-height: 85%;}
.honor_swiper .swiper-slide .fcbg{position: absolute;left:0;bottom:-100%;width: 100%;height: 100%;z-index: 10;background:url(../images/see2.png) no-repeat rgba(255,255,255,.5) center;  display:none;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.honor_swiper .swiper-slide a{padding:0 15px;display:block;height: 100%;}
.honor_swiper .swiper-slide:hover a{bottom:0;}
.honor_swiper .swiper-slide:hover .fcbg{bottom:0;}
.honor_swiper .swiper-slide h4{font-size: 18px;color:#333;text-align: center;width: 100%;line-height: 30px;font-weight: 800;margin-bottom: .5em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.honor_txt{margin:3em auto 1em auto;/*width: 800px;*/}
.honor_txt p{font-size: 16px;color:#333;line-height: 30px;}




.speech{padding:60px 0 100px;}
.speech_main{margin-top: 50px;}
.speech_main p{color:#333;font-size: 14px;line-height:20px;}
.speech_main p img{max-width: 100%;}

.mien{padding:58px 0;border-top:1px #dddddd solid;background:url(../images/bg4.jpg) repeat-x #fff;background-size:100% 50%;}
.mien_head{font-size: 30px;color:#b8b8b8;text-align: center;}
.mien_head span{color:#ff7700;}
.mien_mian{margin-top: 55px;position: relative;margin-bottom: 85px;}
.mien_swiper,.mien_swiper .swiper-slide{width:100%;}
.mien_swiper,.mien_swiper .swiper-wrapper{height: auto !important;}
.mien_swiper .swiper-wrapper{overflow:hidden;}
.mien_swiper .swiper-slide img{max-width:100%;display: block;max-height: 100%;}
.btnbox{border:1px #c1c1c1 solid;height:30px;width: 157px;margin:27px auto 0;position: relative;}
.btnbox .arrow-left,.btnbox .arrow-right{position: absolute;top:0;width:50%;height:30px;z-index: 10;cursor: pointer;}
.btnbox .arrow-left {background: url(../images/left201.png) no-repeat #fff center;left:0;}
.btnbox .arrow-right {background: url(../images/right201.png) no-repeat #fff center;right:0;}
.btnbox .arrow-left:hover{background: url(../images/left2.png) no-repeat #fd8d2c center;}
.btnbox .arrow-right:hover{background: url(../images/right2.png) no-repeat #fd8d2c center;}

.mien_swiper .swiper-slide{height: 250px !important;}
.mien_swiper .swiper-slide a{position: relative;overflow:hidden;display:block;margin: 0 1%;height: 100%;}
.mien_swiper .swiper-slide a img{display:block;width: 100%;height: 100%;
  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.mien_swiper .swiper-slide p{background:url(../images/bg5.png) repeat-x;font-size: 16px;color:#fff;position: absolute;left:0;bottom:0;padding:1.5em 3% 2% 3%;width: 94%;background-size: 100% 100%;}
.mien_swiper .swiper-slide a:hover  img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.mien_swiper .swiper-slide a:hover p{background:url(../images/bg501.png) repeat-x;background-size: 100% 100%;}



.proTit_b{width: 1200px; margin-top: 20px; line-height: 40px; padding-top: 20px; border-bottom: 1px solid #d2d2d2;font-size:20px;}
.proTit_m{word-break:break-all; font-size:14px;line-height:1.75em;width:1200px;margin:auto;}




.pprduct-img img{ width:900px;}