index@charset "utf-8";@font-face{font-family:Trump;src:url(font/Trump.ttf);}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{margin:0;padding:0;width:3.5px;border-radius:0;background-color:rgba(255,192,18,1)!important;}
.mCSB_dragger{right:0;width:3.5px!important;}
.mCSB_scrollTools .mCSB_draggerContainer{top:-12px!important;}
.m-wram{margin:0 auto;max-width:1200px;}
header{position:fixed;top:0;left:0;z-index:999;display:block;box-sizing:border-box;padding:0 16% 0 40px;width:100%;min-height:85px;}
header{background:rgba(0,0,0,.3);}
header a.logo{float:left;display:block;margin-top:18px;}
header a.logo img{display:block;height:auto;max-width:100%;}
.sing-nav li{float:left;display:inline-block;height:85px;}
header a.tel{position:absolute;top:28px;right:1%;z-index:12;color:#FFC012;font-size:26px;line-height:24px;}
.headline{padding: 50px 0 0 0;text-align: center;}
.headline .name{ font-size: 32px; font-weight: bold;}
.headline .info{ font-size: 16px; padding-top: 10px;}
.sing-nav li a{display:inline-block;margin-top:24px;width:110px;height:30px;color:#fff;text-align:center;font-size:16px;line-height:30px;}
.sing-nav li a:hover{color:#1596c6;}
.sing-nav li.s-crt a{border:1px solid #a8aaad;border-radius:30px;}
.sing-nav li.s-crt a:hover{color:#fff;}
.modal-b{position:fixed;z-index:999999;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.7);}
.modal-body{position:fixed;top:50%;left:50%;z-index:99999999;display:none;margin:-215px 0 0 -216px;padding:20px;width:382px;height:380px;}
.modal-body img{display:block;width:380px;height:380px;border:1px solid #ffc012;}
.close{position:absolute;top:20px;right:30px;z-index:999999;}
.close span{color:#ffc012;font-size:25px;cursor:pointer;}
header #menu li{float:left;display:inline-block;height:85px;}
header #menu li a{position:relative;display:inline-block;margin-top:24px;padding-bottom:20px;width:110px;height:17px;color:#fff;text-align:center;font-size:16px;line-height:30px;}
header #menu li.active a:after{position:absolute;bottom: -20px;left: 18px;width: 80px;height:3px;background-color:#fff;content:'';}
header #menu li.active a{color:rgba(255,255,255,1);}
header #menu li a:hover{color:#1596c6;}
.top_bg{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background:rgba(0,0,0,.3);}
.banner_p{position:absolute;top:calc(50% - 150px);width:100%;color:#fff;text-align:center;}
.banner_ad{font-weight:700;font-size: 40px;}
.banner_txt span{font-size: 40px;line-height: 89px;display:  inline-block;color: #FFC012;font-weight: 800;}
.banner_txt p{ font-size: 30px;}
.banner_p a{margin-right:20px;padding:10px 50px;background:#0be;color:#fff;font-size:16px;}
.top_product{position:absolute;bottom:20px;z-index:3;width:100%;}
.top_product ul{padding:0 7px;}
.top_product ul li{float:left;padding:7px;width: 25%;}
.top_product ul li a:hover{background:rgba(50,50,50,.8);}
.top_product ul li a{display:block;padding:31px 20px 117px 30px;background:rgba(255,255,255,.25);}
.top_product .c1{background:#4ebcfa;}
.tp_img{display:table-cell;width:90px;height:90px;border-radius:50%;background:#4ebcfa;vertical-align:middle;text-align:center;}
.tp_img img{max-width:100%;vertical-align:middle;}
.top_product_font{padding:15px 10px 0 15px;}
.pull-left{float:left!important;}
.top_product_font .tp_titile{font-size: 18px;color: #fff;}
.top_product_font .tp_summary{color: #efefef;}
.top_product_font .tp_a{color:#fff;}
footer{clear:both;display:block;padding:25px 40px;border:medium none;background-color:rgba(0,0,0,.8);color:rgba(255,255,255,.75);}
footer a{color:rgba(255,255,255,.9);font-size:15px;}
.foot-left{float:left;float:left;width:32%;}
.foot-nav{margin-bottom:5px;}
.foot-nav::after{clear:both;display:block;content:"";}
.foot-nav a{display:inline-block;}
.foot-nav a::after{display:inline-block;margin:0 5px;color:rgba(255,255,255,.3);content:"/";}
.foot-nav a:last-child::after{display:none;}
.powered_by{padding-top:10px;font-size:14px;}
.foot-right{float:right;text-align:right;}
.foot-text{margin-bottom:5px;padding-bottom:10px;color:#fff;font-size:15px;}
.text-link{color:rgba(255,255,255,.9);}
.text-link::after{clear:both;display:block;content:"";}
.text-link ul{display:block;list-style:outside none none;}
.text-link ul li{display:inline-block;padding:0 0 0 10px;}
.text-link ul li:first-child{padding:0;}
.text-link ul li a{color:#fff;font-size:15px;}
.text-link ul li a::before{position:relative;top:-3px;display:inline-block;margin-right:10px;width:5px;height:5px;border-radius:2px;background:#ffc012 none repeat scroll 0 0;content:"";transition:all .5s ease 0s;}
.text-link ul li a:hover{color:#1596c6;}
.ins-banner{position:relative;width:100%;height:420px;border-bottom:2px solid #ffc012;}
.ins-banner img{height:100%;}
.ins-banner .title{position:absolute;top: 40%;left:50%;margin-left:-300px;width:600px;color:#ffc012;text-align:center;font-size:35px;}
.ins-banner .titInfo{position:absolute;top: 55%;left:50%;margin-left:-300px;width:600px;color:#999;text-align:center;font-size: 24px;font-family:collegiate-normal;}
.m-page p{font-size:14px;line-height:24px;}
.about{padding:50px 0;max-width:100%;background:url(../images/about-bg.jpg) no-repeat center;}
.about .title-1{padding-top:40px;color:#fff;font-weight:Mongolian Baiti;font-size:24px;}
.about .title-2{padding-top:25px;color:#fff;font-size:43px;}
.about .title-2 font{color:#ffc012;font-size:56px;}
.about .titInfo{padding:25px 0;color:#fff;font-size:15px;line-height:30px;}
.about .titInfo p img{display:block;height:auto;max-width:100%;}
.about .titInfo dl{padding-top:70px;}
.about .titInfo dl dt{font-size:18px;}
.about .titInfo dl dd{padding-top:30px;font-size:15px;}
.to-top{position:fixed;right:5px;bottom:5px;z-index:500;width:70px;}
.to-top.bt240{bottom:-142px;}
.to-top ul{margin:0;padding:0;}
.to-top li{margin-bottom:1px;width:70px;height:70px;background-color:rgba(0,0,0,.5);cursor:pointer;}
.to-top li.control{height:33px;background-color:rgba(0,0,0,.5);color:#fff;text-align:center;font-size:42px;line-height:30px;cursor:pointer;}
.to-top li.li-1,.to-top li.li-2{color:#fff;text-align:center;font-size:26px;line-height:70px;}
.to-top li.li-1 a{display:block;height:70px;color:#fff;line-height:70px;} 
.box .title{margin-top:50px;margin-bottom: 25px;border-bottom:  1px solid #eee;}
.box .title h2 {font-size: 28px;}
.box .title p {padding-top: 10px;padding-bottom: 5px;font-size: 16px;}
@keyframes myanimate{0%{transform:translateY(0) scale(1,1);}
100%{transform:translateY(15px) scale(.9,.9);}
}
@-webkit-keyframes myanimate{0%{transform:translateY(0) scale(1,1);}
100%{transform:translateY(15px) scale(.9,.9);}
}
.contact-box-3 .cmap a{display:block;padding:2px 0;border:2px solid #fff;border-radius:5px;color:#fff;text-align:center;font-size:1.5em;}
.cont-map-box.open{top:180px;bottom:0;display:block;opacity:1;filter:alpha(opacity=100);}
.cont-map-box{position:fixed;top:50%;bottom:50%;left:0;z-index:100;display:none;overflow:hidden;width:100%;height:100%;opacity:0;-webkit-transition:1s all;transition:1s all;filter:alpha(opacity=0);}
.cont-map-box .close1{position:absolute;top:20px;right:20px;z-index:2;width:50px;height:50px;background:red;opacity:.8;filter:alpha(opacity=80);}
.cont-map-box .close1 i{display:block;width:50px;height:50px;background:url(../images/x2.gif) center no-repeat;-webkit-transition:.5s all;transition:.5s all;}
.cont-map-box .close1:hover i{-webkit-transform:scale(.8,.8);transform:scale(.8,.8);}
.cont-map-box iframe{position:relative;top:0;left:0;z-index:1;width:100%;height:800px;}
.BMap_stdMpCtrl{margin-top:60px;}
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);}
50%{-webkit-transform:rotate(180deg);}
100%{-webkit-transform:rotate(360deg);}
}
@keyframes rotate{0%{transform:rotate(0);}
50%{transform:rotate(180deg);}
100%{transform:rotate(360deg);}
}
.loadmore{display:block;color:#ccc;text-align:center;font-size:14px;line-height:50px;}
.loadmore span{display:inline-block;margin:10px;width:20px;height:20px;border:2px solid #f60;border-radius:100%;vertical-align:middle;border-bottom-color:transparent;-webkit-animation:rotate .75s 0 linear infinite;animation:rotate .75s 0 linear infinite;}
.loadover{position:relative;margin:0 12px;padding:24px 0;height:20px;color:#909090;text-align:center;line-height:20px;}
.loadover span{position:relative;z-index:2;display:inline-block;padding:0 6px;height:20px;background:#F2F2F2;}
.loadover:after{position:absolute;top:50%;left:0;z-index:1;width:100%;height:1px;background:#DCDCDC;content:'';}
.section-1{background:url(../images/service-01.jpg) no-repeat;background-size:cover;}
.section-2{background:url(../images/service-02.jpg) no-repeat;background-size:cover;}
.section-3{background:url(../images/service-03.jpg) no-repeat;background-size:cover;}
.section-4{background:url(../images/service-04.jpg) no-repeat;background-size:cover;}
.serviceCon{margin:0 auto;padding:50px;width:820px;min-height:310px;background-color:rgba(37,40,47,.7);}
.banner-bin-h{padding-bottom:30px;background:url(../images/banner-bin-h.png) no-repeat center bottom;color:#fff;text-align:center;font-size:40px;opacity:0;-webkit-transition:all .5s ease-out .5s;transition:all .5s ease-out .5s;transform:translateY(-100px);}
.banner-bin-h span{color:#ffc012;}
.banner-bin-i{padding:15px 0;color:#fff;text-align:center;font-size:38px;opacity:0;-webkit-transition:all .5s ease-out .5s;transition:all .5s ease-out .5s;transform:translateY(100px);}
.banner-bin-j{opacity:0;-webkit-transition:all .5s ease-out .7s;transition:all .5s ease-out .7s;transform:translateY(100px);}
.banner-bin-j dl dt{padding-bottom:28px;color:#ffc012;text-align:center;font-size:29px;}
.banner-bin-j dl dd{color:#fff;font-size:16px;line-height:25px;}
.section-1.active .banner-bin-h,.section-2.active .banner-bin-h,.section-3.active .banner-bin-h,.section-4.active .banner-bin-h{opacity:1;transform:translateY(0);}
.section-1.active .banner-bin-i,.section-2.active .banner-bin-i,.section-3.active .banner-bin-i,.section-4.active .banner-bin-i{opacity:1;transform:translateX(0);}
.section-1.active .banner-bin-j,.section-2.active .banner-bin-j,.section-3.active .banner-bin-j,.section-4.active .banner-bin-j{opacity:1;transform:translateX(0);}
.banner-bin-j{opacity:0;-webkit-transition:all .5s ease-out .7s;transition:all .5s ease-out .7s;transform:translateY(100px);}
.section-4.s-crt .banner-bin-h{opacity:1;transform:translateY(0);}
.section-4.s-crt .banner-bin-i{opacity:1;transform:translateX(0);}
.section-4.s-crt .banner-bin-j{opacity:1;transform:translateX(0);}
.side-open{position:fixed;top:25px;right:40px;z-index:1201;width:40px;height:30px;background:rgba(255,255,255,0) none repeat scroll 0 0;cursor:pointer;transition:all .4s cubic-bezier(.215,.61,.355,1) 0s;}
.side-open hr{position:absolute;display:block;margin:0;padding:0;height:4px;border:medium none;background:#ffc012;transition:all .5s ease .3s;}
.side-open hr:nth-child(1){top:0;right:0;width:100%;}
.side-open hr:nth-child(2){top:50%;left:0;margin-top:-2px;width:40%;opacity:1;}
.side-open hr:nth-child(3){top:50%;right:0;margin-top:-2px;width:40%;opacity:1;}
.side-open hr:nth-child(4){right:0;bottom:0;width:100%;}
.side-open{position:fixed;top:25px;right:40px;z-index:1201;display:none;width:40px;height:30px;background:rgba(255,255,255,0);cursor:pointer;-webkit-transition:.2s .1s;-webkit-transition:.4s cubic-bezier(.215,.61,.355,1);-moz-transition:.2s .1s;-moz-transition:.4s cubic-bezier(.215,.61,.355,1);-o-transition:.2s .1s;-o-transition:.4s cubic-bezier(.215,.61,.355,1);transition:.2s .1s;transition:.4s cubic-bezier(.215,.61,.355,1);-ms-transition:.2s .1s;-ms-transition:.4s cubic-bezier(.215,.61,.355,1);}
.side-open hr{position:absolute;display:block;margin:0;padding:0;height:4px;border:none;background:#ffc012;-webkit-transition:.5s .3s;-moz-transition:.5s .3s;-o-transition:.5s .3s;transition:.5s .3s;-ms-transition:.5s .3s;}
.side-open hr:nth-child(1){top:0;right:0;width:100%;}
.side-open hr:nth-child(2){top:50%;left:0;margin-top:-2px;width:40%;opacity:1;}
.side-open hr:nth-child(3){top:50%;right:0;margin-top:-2px;width:40%;opacity:1;}
.side-open hr:nth-child(4){right:0;bottom:0;width:100%;}
body.open .side-open{right:250px;}
body.open .side-open hr:nth-child(1){top:50%;margin-top:-2px;width:100%;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;transform-origin:center;-ms-transform:rotate(45deg);-ms-transform-origin:center;}
body.open .side-open hr:nth-child(2){left:-50%;opacity:0;}
body.open .side-open hr:nth-child(3){right:-50%;opacity:0;}
body.open .side-open hr:nth-child(4){bottom:50%;margin-bottom:-2px;width:100%;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;transform-origin:center;-ms-transform:rotate(-45deg);-ms-transform-origin:center;}
.side-box{position:fixed;top:0;right:-300px;z-index:1200;overflow-x:hidden;overflow-y:auto;width:300px;height:100%;height:100%;color:rgba(0,0,0,1);-webkit-transition:right .4s cubic-bezier(.215,.61,.355,1);-moz-transition:right .4s cubic-bezier(.215,.61,.355,1);-o-transition:right .4s cubic-bezier(.215,.61,.355,1);transition:right .4s cubic-bezier(.215,.61,.355,1);-ms-transition:right .4s cubic-bezier(.215,.61,.355,1);}
@media (max-width:1199px){.side-box::-webkit-scrollbar{width:0!important;}
}
body.open .side-box{right:0;width:200%;}
.side-box a{color:rgba(255,255,255,1);}
.side-cut{position:relative;top:0;right:5px;float:right;width:227px;}
.side-shadow{position:absolute;top:0;right:100%;z-index:1;visibility:hidden;width:3999px;height:100%;background:rgba(0,0,0,.5);opacity:1;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
body.open .side-shadow{visibility:visible;}
.side-bin{position:relative;z-index:2;width:100%;background:rgba(0,0,0,.9);-webkit-transition:.3s .1s;-moz-transition:.3s .1s;-o-transition:.3s .1s;transition:.3s .1s;-ms-transition:.3s .1s;}
.side-search{overflow:hidden;opacity:0;-webkit-transition:.6s .3s;-moz-transition:.6s .3s;-o-transition:.6s .3s;transition:.6s .3s;-webkit-transition-property:opacity,transform!important;-moz-transition-property:opacity,transform!important;-o-transition-property:opacity,transform!important;transition-property:opacity,transform!important;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%);-ms-transition:.6s .3s;-ms-transition-property:opacity,transform!important;}
body.open .side-search{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0);}
.side-search>form{padding:10px 30px 25px 30px;}
.side-search>form .form-group{position:relative;overflow:hidden;margin:0;padding:0;border-bottom:1px solid rgba(255,255,255,.3);}
.side-search>form .input-search-btn{z-index:3;padding:0 0 0 20px;}
.side-search>form .input-search-btn>.icon{margin:0;color:rgba(0,0,0,1);font-size:18px;}
.side-search>form .input-search-btn>.icon:hover{color:#00c0ff;}
.side-search .input-search{position:relative;overflow:hidden;}
.side-search .input-search .form-control{position:relative;z-index:2;padding:0;width:224px;height:60px;border-radius:0;background:0 0;color:rgba(0,0,0,1);font-size:16px;font-family:AddFont,Microsoft Yahei;}
.input-search-btn{position:absolute;top:0;right:0;padding:0 10px;height:100%;border-radius:0 200px 200px 0;background:rgba(0,0,0,0);font-size:20px;}
.form-control{display:block;padding:6px 5px;width:100%;height:36px;border-radius:3px;background-color:#191919;color:#76838f;font-size:14px;line-height:1.57143;transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;}
.side-search>form .input-search .form-control::-webkit-input-placeholder{color:rgba(0,0,0,.8);}
.side-search>form .input-search .form-control:-moz-placeholder{color:rgba(0,0,0,.8);}
.side-search>form .input-search .form-control::-moz-placeholder{color:rgba(0,0,0,.8);}
.side-search>form .input-search .form-control:-ms-input-placeholder{color:rgba(0,0,0,.8);}
.side-foot{overflow:hidden;padding:30px 30px 25px 30px;text-align:left;}
.side-phone{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.15);line-height:1;opacity:0;-webkit-transition:.6s .4s;-moz-transition:.6s .4s;-o-transition:.6s .4s;transition:.6s .4s;-webkit-transition-property:opacity,transform!important;-moz-transition-property:opacity,transform!important;-o-transition-property:opacity,transform!important;transition-property:opacity,transform!important;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%);-ms-transition:.6s .4s;-ms-transition-property:opacity,transform!important;}
.side-phone:after{clear:both;display:block;content:'';}
body.open .side-phone{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0);}
.side-phone P{float:left;margin:0;line-height:1;}
.side-phone p b{display:block;margin-bottom:5px;color:rgba(255,255,255,.6);font-weight:400;font-family:AddFont;}
.side-phone p a{display:block;color:rgba(255,255,255,1);letter-spacing:-1px;font-size:22px;font-family:AddFont;}
.side-phone i{float:right;display:block;margin-top:9px;padding:4px 4px 0 4px;color:rgba(255,255,255,1);font-size:28px;cursor:pointer;}
.side-phone i:hover{background:rgba(0,0,0,.8);-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;-ms-transition:.5s;}
.social-box{margin:-4px 0 0 -4px;opacity:0;-webkit-transition:.6s .4s;-moz-transition:.6s .4s;-o-transition:.6s .4s;transition:.6s .4s;-webkit-transform:translateY(75%);-moz-transform:translateY(75%);-o-transform:translateY(75%);transform:translateY(75%);-ms-transform:translateY(75%);-ms-transition:.6s .4s;}
body.open .social-box{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0);}
.social-box:after{clear:both;display:block;content:'';}
.social-box a{float:left;margin:4px 0 0 4px;width:34px;height:34px;border-radius:99px;background:rgba(30,30,31,.8);color:rgba(255,255,255,1);text-align:center;font-size:14px;line-height:34px;cursor:pointer;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
.social-box a:hover{background:#ffc012;color:rgba(255,255,255,1);}
.social-weixin{position:relative;cursor:pointer;}
.social-weixin p{position:absolute;bottom:100%;left:50%;z-index:9;visibility:hidden;margin:0 0 10px -75px;background:#000;opacity:0;cursor:none;-webkit-transition:.3s .35s;-moz-transition:.3s .35s;-o-transition:.3s .35s;transition:.3s .35s;-webkit-transition-property:opacity,transform!important;-moz-transition-property:opacity,transform!important;-o-transition-property:opacity,transform!important;transition-property:opacity,transform!important;-ms-transition:.3s .35s;-ms-transition-property:opacity,transform!important;}
.social-weixin:hover p{visibility:visible;opacity:1;}
.social-weixin p:after{position:absolute;bottom:-10px;left:50%;margin-left:-8px;border-color:#000 transparent transparent transparent;border-style:solid;border-width:10px 8px 0 8px;content:'';}
.social-weixin p img{width:150px;}
.side-text{padding-top:10px;color:#fff;white-space:pre-wrap;font-family:Addfont,Microsoft Yahei;opacity:0;-webkit-transition:.6s .4s;-moz-transition:.6s .4s;-o-transition:.6s .4s;transition:.6s .4s;-webkit-transition-property:opacity,transform!important;-moz-transition-property:opacity,transform!important;-o-transition-property:opacity,transform!important;transition-property:opacity,transform!important;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px);-ms-transform:translateY(30px);-ms-transition:.6s .4s;-ms-transition-property:opacity,transform!important;}
body.open .side-text{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0);}
.social-sidebar{position:fixed;top:50%;right:20px;z-index:1199;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%);}
.social-sidebar a{display:block;margin:10px;width:50px;height:50px;border-radius:50px;background:rgba(255,255,255,.6);color:rgba(0,0,0,.9);text-align:center;font-size:20px;line-height:50px;cursor:pointer;-webkit-transition:background .3s;-moz-transition:background .3s;-o-transition:background .3s;transition:background .3s;-ms-transition:background .3s;}
.social-sidebar a.taobao{font-weight:bolder;font-family:'';}
.social-sidebar a:hover{background:#00c0ff;}
@media (max-width:767px){.side-search>form .input-search .form-control{height:40px;font-size:14px;}
}
.side-nav>ul{display:block;}
.nav-first{position:relative;display:block;margin:0 0 1px 0;opacity:0;cursor:pointer;-webkit-transition:.6s .95s;-moz-transition:.6s .95s;-o-transition:.6s .95s;transition:.6s .95s;-webkit-transition-property:opacity,transform!important;-moz-transition-property:opacity,transform!important;-o-transition-property:opacity,transform!important;transition-property:opacity,transform!important;-webkit-transform:translateY(50%);-moz-transform:translateY(50%);-o-transform:translateY(50%);transform:translateY(50%);-ms-transform:translateY(50%);-ms-transition-property:opacity,transform!important;-ms-transition:.6s .95s;}
.nav-first:nth-child(1){-webkit-transition:.6s .4s;-moz-transition:.6s .4s;-o-transition:.6s .4s;transition:.6s .4s;-ms-transition:.6s .4s;}
.nav-first:nth-child(2){-webkit-transition:.6s .5s;-moz-transition:.6s .5s;-o-transition:.6s .5s;transition:.6s .5s;-ms-transition:.6s .5s;}
.nav-first:nth-child(3){-webkit-transition:.6s .59s;-moz-transition:.6s .59s;-o-transition:.6s .59s;transition:.6s .59s;-ms-transition:.6s .59s;}
.nav-first:nth-child(4){-webkit-transition:.6s .67s;-moz-transition:.6s .67s;-o-transition:.6s .67s;transition:.6s .67s;-ms-transition:.6s .67s;}
.nav-first:nth-child(5){-webkit-transition:.6s .74s;-moz-transition:.6s .74s;-o-transition:.6s .74s;transition:.6s .74s;-ms-transition:.6s .74s;}
.nav-first:nth-child(6){-webkit-transition:.6s .8s;-moz-transition:.6s .8s;-o-transition:.6s .8s;transition:.6s .8s;-ms-transition:.6s .8s;}
.nav-first:nth-child(7){-webkit-transition:.6s .85s;-moz-transition:.6s .85s;-o-transition:.6s .85s;transition:.6s .85s;-ms-transition:.6s .85s;}
.nav-first:nth-child(8){-webkit-transition:.6s .89s;-moz-transition:.6s .89s;-o-transition:.6s .89s;transition:.6s .89s;-ms-transition:.6s .89s;}
.nav-first:nth-child(9){-webkit-transition:.6s .92s;-moz-transition:.6s .92s;-o-transition:.6s .92s;transition:.6s .92s;-ms-transition:.6s .92s;}
.nav-first:nth-child(10){-webkit-transition:.6s .94s;-moz-transition:.6s .94s;-o-transition:.6s .94s;transition:.6s .94s;-ms-transition:.6s .94s;}
body.open .nav-first{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0);}
.nav-first>a:before{position:absolute;top:0;right:0;z-index:2;width:0;height:100%;background:#ffc012;content:'';-webkit-transition:width .3s ease-in-out;-moz-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out;transition:width .3s ease-in-out;-ms-transition:width .3s ease-in-out;}
body.open .nav-first.active>a:before{width:100%;-webkit-transition:width .3s 1s;-moz-transition:width .3s 1s;-o-transition:width .3s 1s;transition:width .3s 1s;-ms-transition:width .3s 1s;}
.nav-first:hover a:before{width:100%;}
.side-nav>ul:hover>.nav-first.active>a:before{width:3px;-webkit-transition:width .3s ease-in-out;-moz-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out;transition:width .3s ease-in-out;-ms-transition:width .3s ease-in-out;}
.side-nav>ul:hover>.nav-first.active:hover>a:before{width:100%;}
.nav-first>u{display:none;}
.nav-first>i{display:none;}
.nav-first>a{position:relative;z-index:3;display:block;padding:0 30px;color:rgba(255,255,255,.9);line-height:70px;}
.nav-first>a:after{clear:both;display:table;content:'';}
.nav-first>a>i{position:relative;z-index:3;float:left;padding:0 15px 0 1px;font-size:18px;line-height:70px;}
.nav-first>a>b{position:relative;z-index:3;float:left;font-weight:400;font-size:16px;}
.side-nav>ul:hover>.nav-first.active:hover>a,body.open .nav-first.active>a,body.open .nav-first:hover>a{color:rgba(255,255,255,1);-webkit-transition:color .3s;-moz-transition:color .3s;-o-transition:color .3s;transition:color .3s;-ms-transition:color .3s;}
.side-nav>ul:hover>.nav-first.active>a{color:rgba(255,255,255,.9);-webkit-transition:color .3s;-moz-transition:color .3s;-o-transition:color .3s;transition:color .3s;-ms-transition:color .3s;}
body.open .nav-first.active>a{color:rgba(255,255,255,1);-webkit-transition:color .3s 1s;-moz-transition:color .3s 1s;-o-transition:color .3s 1s;transition:color .3s 1s;-ms-transition:color .3s 1s;}
.nav-first>a>p,.side-nav>ul:hover>.nav-first.active>a>p{position:absolute;top:50%;right:30px;z-index:3;padding:6px;border-radius:50%;background:rgba(0,0,0,.4);color:rgba(255,255,255,1);font-family:AddFont;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%);-ms-transition:.3s;}
.side-nav>ul:hover>.nav-first.active:hover>a>p,body.open .nav-first.active>a>p,body.open .nav-first:hover>a>p{background:rgba(255,255,255,.8);color:#00c0ff;}
body.open .nav-first.active>a>p{background:rgba(255,255,255,.8);color:#00c0ff;-webkit-transition:.3s 1s;-moz-transition:.3s 1s;-o-transition:.3s 1s;transition:.3s 1s;-ms-transition:.3s 1s;}
.nav-first>u{position:absolute;top:0;right:0;z-index:4;display:block;width:76px;height:70px;text-decoration:none;font-style:normal;cursor:pointer;}
.nav-first>u:before{position:absolute;top:50%;left:50%;margin:-1px 0 0 -6px;width:12px;height:2px;border-radius:2px;background:#fff;content:'';-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
.nav-first>u:after{position:absolute;top:50%;left:50%;margin:-6px 0 0 -1px;width:2px;height:12px;border-radius:2px;background:#fff;content:'';-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
.nav-first.active>u:after,.nav-first.active>u:before,.nav-first:hover>u:before{background:rgba(255,255,255,1);}
.nav-first:hover>u:after{background:rgba(255,255,255,1);}
.nav-first.mobile-active>u:before{background:rgba(255,255,255,1);}
.nav-first.mobile-active>u:after{display:none;}
.nav-first ul{display:none;}
.nav-first.mobile-active ul{display:block;}
.nav-second{position:relative;float:left;display:block;overflow:hidden;margin:0 0 1px 0;width:100%;}
.nav-second>a{position:relative;position:relative;display:block;display:block;padding:0 60px;width:100%;white-space:nowrap;line-height:50px;-webkit-transition:border-color .1s;-moz-transition:border-color .1s;-o-transition:border-color .1s;transition:border-color .1s;0 1px 1px 0
	float:left;-ms-transition:border-color .1s;}
.nav-second>a:after{position:absolute;top:50%;left:100%;margin:0 0 0 1px;width:15px;height:1px;background:rgba(0,0,0,.4);content:'';}
.nav-second>a>b{position:relative;position:relative;z-index:2;z-index:1;display:block;color:rgba(255,255,255,1);color:rgba(255,255,255,.8);font-weight:400;font-weight:400;font-size:15px;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
.nav-second>a:after{position:absolute;top:0;left:0;z-index:0;width:0;height:100%;background:#ffc012;content:'';-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
.nav-second:hover>a:after{width:100%;}
.nav-second:hover>a{border-color:transparent;-webkit-transition:border-color .1s .2s;-moz-transition:border-color .1s .2s;-o-transition:border-color .1s .2s;transition:border-color .1s .2s;-ms-transition:border-color .1s .2s;}
.load-box{position:fixed;z-index:9999999999;visibility:visible;width:100%;height:100%;background:rgba(255,255,255,1);opacity:1;-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;transition:1s;-ms-transition:1s;}
.load-box.active{visibility:hidden;opacity:0;}
.load-box svg{position:absolute;top:50%;left:50%;margin:-50px 0 0 -50px;padding:10px;width:100px;height:100px;}
.load-box svg circle{fill-opacity:0;-webkit-animation:stroke 1.2s linear infinite;animation:stroke 1.2s linear infinite;}
.load-box svg circle:nth-child(01){-webkit-animation-delay:-.1s;animation-delay:-.1s;}
.load-box svg circle:nth-child(02){-webkit-animation-delay:-.2s;animation-delay:-.2s;}
.load-box svg circle:nth-child(03){-webkit-animation-delay:-.3s;animation-delay:-.3s;}
.load-box svg circle:nth-child(04){-webkit-animation-delay:-.4s;animation-delay:-.4s;}
.load-box svg circle:nth-child(05){-webkit-animation-delay:-.5s;animation-delay:-.5s;}
.load-box svg circle:nth-child(06){-webkit-animation-delay:-.6s;animation-delay:-.6s;}
.load-box svg circle:nth-child(07){-webkit-animation-delay:-.7s;animation-delay:-.7s;}
.load-box svg circle:nth-child(08){-webkit-animation-delay:-.8s;animation-delay:-.8s;}
.load-box svg circle:nth-child(09){-webkit-animation-delay:-.9s;animation-delay:-.9s;}
.load-box svg circle:nth-child(10){-webkit-animation-delay:-1s;animation-delay:-1s;}
.load-box svg circle:nth-child(11){-webkit-animation-delay:-1.1s;animation-delay:-1.1s;}
.load-box svg circle:nth-child(12){-webkit-animation-delay:-1.2s;animation-delay:-1.2s;}
@-webkit-keyframes stroke{0%{fill:#00c0ff;stroke:#00c0ff;stroke-opacity:0;stroke-width:4;}
10%{stroke-opacity:1;}
80%{stroke-width:16;}
95%{fill:#0c0ff0;stroke:#0c0ff0;stroke-opacity:.1;}
}
@keyframes stroke{0%{fill:#00c0ff;stroke:#00c0ff;stroke-opacity:0;stroke-width:4;}
10%{stroke-opacity:1;}
80%{stroke-width:16;}
95%{fill:#0c0ff0;stroke:#0c0ff0;stroke-opacity:.1;}
}
.f-link{margin:0 auto;padding:0 40px 25px;background:#333;color:#999;font-size:14px;}
.f-link .title{line-height:24px;}
.f-link ul{padding-left:74px;}
.f-link li{float:left;padding-right:10px;}
.f-link a{color:#999;line-height:24px;}
@media (max-width:1199px){.load-box svg{margin:-45px 0 0 -45px;width:90px;height:90px;}
}

.banner-bin-jj{margin:0 auto;margin-top:30px;width:840px;text-align:center;}
.banner-bin-jj:after{clear:both;display:block;content:'';}
.banner-bin-jj p{position:relative;float:left;padding:0 10px;width:30.33333%;font-size:17px;opacity:0;-webkit-transition:0s .5s;-moz-transition:0s .5s;-o-transition:0s .5s;transition:0s .5s;-ms-transition:0s .5s;}
.banner-bin-jj p span{display:block;}

.banner-bin-jj p span:first-child{margin-bottom:15px;color:#ffc31d;font-weight:600;font-size:34px;}
.banner-bin-jj p span:last-child{color:#fff;line-height:25px;}
.banner-bin-jj p:nth-child(1){-webkit-transform:translate(-30px,30px);-moz-transform:translate(-30px,30px);-o-transform:translate(-30px,30px);transform:translate(-30px,30px);-ms-transform:translate(-30px,30px);}
.banner-bin-jj p:nth-child(2){-webkit-transform:translate(0,30px);-moz-transform:translate(0,30px);-o-transform:translate(0,30px);transform:translate(0,30px);-ms-transform:translate(0,30px);}
.banner-bin-jj p:nth-child(3){-webkit-transform:translate(30px,30px);-moz-transform:translate(30px,30px);-o-transform:translate(30px,30px);transform:translate(30px,30px);-ms-transform:translate(30px,30px);}
.index-1 .swiper-slide.swiper-slide-active .contai .banner-bin-jj p{opacity:1;-webkit-transition:.8s 1.9s;-moz-transition:.8s 1.9s;-o-transition:.8s 1.9s;transition:.8s 1.9s;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);-ms-transform:translate(0,0);-ms-transition:.8s 1.9s;}

.about-left{float:left;width:65%;}
.about-left h3{margin:0;}
.about-left h3 font,.contact-sub .b{display:block;overflow:hidden;margin:0;color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:28px;font-family:Times;}
.about-left h3 font{opacity:0;-webkit-transition:0s .5s;-moz-transition:0s .5s;-o-transition:0s .5s;transition:0s .5s;-webkit-transform:translateX(-30px);-moz-transform:translateX(-30px);-o-transform:translateX(-30px);transform:translateX(-30px);-ms-transition:0s .5s;-ms-transform:translateX(-30px);}

.about-left h3 span,.contact-sub .p{display:block;color:#bfbfc4;font-size:39px;}
.about-left h3 span{overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap;opacity:0;-webkit-transition:0s .5s;-moz-transition:0s .5s;-o-transition:0s .5s;transition:0s .5s;-webkit-transform:translateX(-30px);-moz-transform:translateX(-30px);-o-transform:translateX(-30px);transform:translateX(-30px);-ms-transition:0s .5s;-ms-transform:translateX(-30px);}
.index-3.active h3 span{opacity:1;-webkit-transition:.5s .5s;-moz-transition:.5s .5s;-o-transition:.5s .5s;transition:.5s .5s;-webkit-transition-property:transform,opacity;-moz-transition-property:transform,opacity;-o-transition-property:transform,opacity;transition-property:transform,opacity;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-ms-transition:.5s .5s;-ms-transition-property:transform,opacity;-ms-transform:translateX(0);}
.about-left h3 span u,.contact-sub .p em{padding-right:4px;color:#ffc012;font-style:normal;font-size:58px;}
.about-left ul{overflow:hidden;margin:40px 0;padding:0;height:74px;white-space:nowrap;}
.about-left ul:after{clear:both;display:block;content:'';}
.about-left ul li{float:left;padding:0 38px;border-left:1px solid rgba(63,65,67,1);color:#bfbfc4;opacity:0;-webkit-transition:0s .5s;-moz-transition:0s .5s;-o-transition:0s .5s;transition:0s .5s;-webkit-transform:translateX(-30px);-moz-transform:translateX(-30px);-o-transform:translateX(-30px);transform:translateX(-30px);-ms-transition:0s .5s;-ms-transform:translateX(-30px);}
.index-3.active ul li:nth-child(1){-webkit-transition:.5s 1.3s;-moz-transition:.5s 1.3s;-o-transition:.5s 1.3s;transition:.5s 1.3s;-ms-transition:.5s 1.3s;}
.index-3.active ul li:nth-child(2){-webkit-transition:.5s 1.1s;-moz-transition:.5s 1.1s;-o-transition:.5s 1.1s;transition:.5s 1.1s;-ms-transition:.5s 1.1s;}
.index-3.active ul li:nth-child(3){-webkit-transition:.5s .9s;-moz-transition:.5s .9s;-o-transition:.5s .9s;transition:.5s .9s;-ms-transition:.5s .9s;}
.index-3.active ul li:nth-child(4){-webkit-transition:.5s .7s;-moz-transition:.5s .7s;-o-transition:.5s .7s;transition:.5s .7s;-ms-transition:.5s .7s;}
.index-3.active .about-left ul li{opacity:1;-webkit-transition-property:transform,opacity;-moz-transition-property:transform,opacity;-o-transition-property:transform,opacity;transition-property:transform,opacity;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-ms-transform:translateX(0);-ms-transition-property:transform,opacity;}
.about-left ul li:first-child{padding-left:0;border-left:none;}
.about-left ul li:last-child{padding-right:0;}
.about-left ul li strong{float:left;}
.about-left ul li strong:after{clear:both;display:block;content:'';}
.about-left ul li hr{float:left;overflow:hidden;margin:0;padding:0;width:34px;height:50px;border:none;text-align:center;font-family:Trump;}
.about-left ul li hr:before{display:block;color:rgba(255,255,255,1);white-space:normal;font-size:48px;font-family:AddFont;line-height:50px;-webkit-transition:0s .5s;-moz-transition:0s .5s;-o-transition:0s .5s;transition:0s .5s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0);-ms-transition:0s .5s;}
.index-3.active .about-left ul li hr:before{-webkit-transition:transform 2s ease-out 1.4s;-moz-transition:transform 2s ease-out 1.4s;-o-transition:transform 2s ease-out 1.4s;transition:transform 2s ease-out 1.4s;-ms-transition:transform 2s ease-out 1.4s;}
.about-left ul li hr:nth-child(2n):before{content:'0 0 0 0 0 0 0 0 0 0 0 1 2 3 4 5 6 7 8 9';}
.about-left ul li hr:nth-child(2n+1):before{content:'0 1 2 3 4 5 6 7 8 9 0 0 0 0 0 0 0 0 0 0';}
.about-left ul li hr.n0:nth-child(2n):before,.index-3.active .about-left ul li hr.n0:nth-child(2n+1):before{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0);}
.about-left ul li hr.n1:nth-child(2n):before,.index-3.active .about-left ul li hr.n1:nth-child(2n+1):before{-webkit-transform:translateY(-5%);-moz-transform:translateY(-5%);-o-transform:translateY(-5%);transform:translateY(-5%);-ms-transform:translateY(-5%);}
.about-left ul li hr.n2:nth-child(2n):before,.index-3.active .about-left ul li hr.n2:nth-child(2n+1):before{-webkit-transform:translateY(-10%);-moz-transform:translateY(-10%);-o-transform:translateY(-10%);transform:translateY(-10%);-ms-transform:translateY(-10%);}
.about-left ul li hr.n3:nth-child(2n):before,.index-3.active .about-left ul li hr.n3:nth-child(2n+1):before{-webkit-transform:translateY(-15%);-moz-transform:translateY(-15%);-o-transform:translateY(-15%);transform:translateY(-15%);-ms-transform:translateY(-15%);}
.about-left ul li hr.n4:nth-child(2n):before,.index-3.active .about-left ul li hr.n4:nth-child(2n+1):before{-webkit-transform:translateY(-20%);-moz-transform:translateY(-20%);-o-transform:translateY(-20%);transform:translateY(-20%);-ms-transform:translateY(-20%);}
.about-left ul li hr.n5:nth-child(2n):before,.index-3.active .about-left ul li hr.n5:nth-child(2n+1):before{-webkit-transform:translateY(-25%);-moz-transform:translateY(-25%);-o-transform:translateY(-25%);transform:translateY(-25%);-ms-transform:translateY(-25%);}
.about-left ul li hr.n6:nth-child(2n):before,.index-3.active .about-left ul li hr.n6:nth-child(2n+1):before{-webkit-transform:translateY(-30%);-moz-transform:translateY(-30%);-o-transform:translateY(-30%);transform:translateY(-30%);-ms-transform:translateY(-30%);}
.about-left ul li hr.n7:nth-child(2n):before,.index-3.active .about-left ul li hr.n7:nth-child(2n+1):before{-webkit-transform:translateY(-35%);-moz-transform:translateY(-35%);-o-transform:translateY(-35%);transform:translateY(-35%);-ms-transform:translateY(-35%);}
.about-left ul li hr.n8:nth-child(2n):before,.index-3.active .about-left ul li hr.n8:nth-child(2n+1):before{-webkit-transform:translateY(-40%);-moz-transform:translateY(-40%);-o-transform:translateY(-40%);transform:translateY(-40%);-ms-transform:translateY(-40%);}
.about-left ul li hr.n9:nth-child(2n):before,.index-3.active .about-left ul li hr.n9:nth-child(2n+1):before{-webkit-transform:translateY(-45%);-moz-transform:translateY(-45%);-o-transform:translateY(-45%);transform:translateY(-45%);-ms-transform:translateY(-45%);}
.about-left ul li hr.n0:nth-child(2n+1):before,.index-3.active .about-left ul li hr.n0:nth-child(2n):before{font-family:Trump;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%);}
.about-left ul li hr.n1:nth-child(2n+1):before,.index-3.active .about-left ul li hr.n1:nth-child(2n):before{-webkit-transform:translateY(-55%);-moz-transform:translateY(-55%);-o-transform:translateY(-55%);transform:translateY(-55%);-ms-transform:translateY(-55%);}
.about-left ul li hr.n2:nth-child(2n+1):before,.index-3.active .about-left ul li hr.n2:nth-child(2n):before{-webkit-transform:translateY(-60%);-moz-transform:translateY(-60%);-o-transform:translateY(-60%);transform:translateY(-60%);-ms-transform:translateY(-60%);}
.about-left ul li hr.n3:nth-child(2n+1):before,.index-3.active .about-left ul li hr.n3:nth-child(2n):before{-webkit-transform:translateY(-65%);-moz-transform:translateY(-65%);-o-transform:translateY(-65%);transform:translateY(-65%);-ms-transform:translateY(-65%);}
.about-left ul li hr.n4:nth-child(2n+1):before,.index-3.active .about-left ul li hr.n4:nth-child(2n):before{-webkit-transform:translateY(-70%);-moz-transform:translateY(-70%);-o-transform:translateY(-70%);transform:translateY(-70%);-ms-transform:translateY(-70%);}
.about-left ul li hr.n5:nth-child(2n+1):before,.index-3.active .about-left ul li hr.n5:nth-child(2n):before{-webkit-transform:translateY(-75%);-moz-transform:translateY(-75%);-o-transform:translateY(-75%);transform:translateY(-75%);-ms-transform:translateY(-75%);}
.about-left ul li hr.n6:nth-child(2n+1):before,.index-3.active .about-left ul li hr.n6:nth-child(2n):before{-webkit-transform:translateY(-80%);-moz-transform:translateY(-80%);-o-transform:translateY(-80%);transform:translateY(-80%);-ms-transform:translateY(-80%);}
.about-left ul li hr.n7:nth-child(2n+1):before,.index-3.active .about-left ul li hr.n7:nth-child(2n):before{-webkit-transform:translateY(-85%);-moz-transform:translateY(-85%);-o-transform:translateY(-85%);transform:translateY(-85%);-ms-transform:translateY(-85%);}
.about-left ul li hr.n8:nth-child(2n+1):before,.index-3.active .about-left ul li hr.n8:nth-child(2n):before{-webkit-transform:translateY(-90%);-moz-transform:translateY(-90%);-o-transform:translateY(-90%);transform:translateY(-90%);-ms-transform:translateY(-90%);}
.about-left ul li hr.n9:nth-child(2n+1):before,.index-3.active .about-left ul li hr.n9:nth-child(2n):before{-webkit-transform:translateY(-95%);-moz-transform:translateY(-95%);-o-transform:translateY(-95%);transform:translateY(-95%);-ms-transform:translateY(-95%);}
.about-left ul li font{float:left;margin:25px 0 0 10px;font-size:16px;}
.about-left ul li span{clear:both;display:block;color:rgba(191,191,196,1);text-align:center;font-size:16px;}
.about-left ul li:after{clear:both;display:block;content:'';}
.about-left p{display:block;display:-webkit-box;overflow:hidden;margin:0 0 35px 0;height:90px;color:rgba(191,191,196,1);line-height:25px;opacity:0;-webkit-transition:0s .5s;-moz-transition:0s .5s;-o-transition:0s .5s;transition:0s .5s;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px);-webkit-box-orient:vertical;-webkit-line-clamp:3;-ms-transition:0s .5s;-ms-transform:translateY(30px);}

.about-list{position:relative;top:-12px;left:-14px;float:right;overflow:hidden;width:100%;opacity:0;-webkit-transition:0s .5s;-moz-transition:0s .5s;-o-transition:0s .5s;transition:0s .5s;-webkit-transform:translate(60px,60px) scale(.8,.8);-moz-transform:translate(60px,60px) scale(.8,.8);-o-transform:translate(60px,60px) scale(.8,.8);transform:translate(60px,60px) scale(.8,.8);-ms-transition:0s .5s;-ms-transform:translate(60px,60px) scale(.8,.8);}
.index-3.active .about-list{opacity:1;-webkit-transition:transform .5s .9s,opacity .5s .9s;-moz-transition:transform .5s .9s,opacity .5s .9s;-o-transition:transform .5s .9s,opacity .5s .9s;transition:transform .5s .9s,opacity .5s .9s;-webkit-transform:translate(0,0) scale(1,1);-moz-transform:translate(0,0) scale(1,1);-o-transform:translate(0,0) scale(1,1);transform:translate(0,0) scale(1,1);-ms-transform:translate(0,0) scale(1,1);-ms-transition:transform .5s .9s,opacity .5s .9s;}
.index-3 .about-list .swiper-container{width:100%;height:100%;}
.index-3 .about-list .swiper-slide img{position:relative;display:block;width:100%;}
.about-list ul{display:block;display:none;width:1000%;}
.about-list ul:after{clear:both;display:block;content:'';}
.about-list ul li{float:left;display:block;width:10%;min-height:1px;}
.about-list ul li img{position:relative;display:block;width:100%;}

.picture-title{text-align:center;}
.picture-title h3{overflow:hidden;margin:-4px 0 0 0;color:rgba(255,255,255,1);text-overflow:ellipsis;white-space:nowrap;font-size:39px;opacity:0;-webkit-transition:0s .5s;-moz-transition:0s .5s;-o-transition:0s .5s;transition:0s .5s;-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px);-ms-transition:0s .5s;-ms-transform:translateY(-30px);}
.index-4.active .picture-title h3{opacity:1;-webkit-transition:.6s .5s;-moz-transition:.6s .5s;-o-transition:.6s .5s;transition:.6s .5s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-ms-transition:.6s .5s;-ms-transform:translateY(0);}
.picture-nav{margin:30px 0 35px 0;text-align:center;}
.picture-nav p{display:block;margin:0;}
.picture-nav p b{display:inline-block;margin-left:20px;color:rgba(255,255,255,1);font-weight:400;opacity:0;cursor:pointer;-webkit-transition:0s .5s;-moz-transition:0s .5s;-o-transition:0s .5s;transition:0s .5s;-webkit-transform:translateX(30px);-moz-transform:translateX(30px);-o-transform:translateX(30px);transform:translateX(30px);-ms-transform:translateX(30px);-ms-transition:0s .5s;}

.picture-nav p b:first-child{margin-left:0;}
.picture-nav p b:after{clear:both;display:block;content:'';}
.picture-nav p b span:first-child{float:left;margin:0 6px 0 0;width:19px;height:19px;border:1px solid #ffc012;color:rgba(255,255,255,0);text-align:center;font-size:30px;line-height:6px;}
.picture-nav p b.active span:first-child{color:#ffc012;}
.picture-nav p b span:last-child{float:left;font-size:19px;line-height:1;}
.picture-cut{position:relative;overflow:hidden;width:100%;-webkit-transition:0s .5s;-moz-transition:0s .5s;-o-transition:0s .5s;transition:0s .5s;-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px);-ms-transition:0s .5s;-ms-transform:translateY(100px);}
.picture-cut ul{display:none;margin-bottom:20px;}
.picture-cut ul li{position:relative;float:left;margin:0;padding:20px 15px 0;width:22%;}
.picture-cut ul li a{position:relative;display:block;width:100%;}
.picture-cut ul li a:before{position:absolute;top:20px;right:14px;bottom:80px;left:14px;z-index:2;border:1px solid rgba(255,255,255,.4);content:'';opacity:0;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-ms-transition:.5s;}
.picture-cut ul li:hover a:before{opacity:1;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);-ms-transform:scale(1,1);}
.picture-cut ul li a font{position:relative;display:inline-block;overflow:hidden;width:100%;vertical-align:top;}
.picture-cut ul li a font:after{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.3);content:'';opacity:0;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
.picture-cut ul li:hover a font:after{opacity:1;}
.picture-cut ul li a font img{display:block;width:100%;opacity:1;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);-ms-transform:scale(1,1);-ms-transition:.3s;}
.picture-cut ul li:hover a font img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}
.picture-cut ul li a span{position:absolute;bottom:0;left:0;display:inline-block;overflow:hidden;width:100%;height:50px;background-color:rgba(0,0,0,.6);color:rgba(255,255,255,1);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:50px;}
.picture-cut ul li p{position:absolute;top:45%;left:50%;z-index:2;margin:-22px 0 0 -22px;width:44px;height:44px;border:2px solid rgba(255,192,15,1);border-radius:50%;color:rgba(255,255,255,1);text-align:center;font-size:34px;font-family:Helvetica,sans-serif;line-height:40px;opacity:0;cursor:pointer;-webkit-transition:.3s .3s;-moz-transition:.3s .3s;-o-transition:.3s .3s;transition:.3s .3s;-ms-transition:.3s .3s;}
.picture-cut ul li p a{color:#fff;}
.picture-cut ul li:hover p{opacity:1;}
.index-4.active .picture-cut{opacity:1;-webkit-transition:.6s 1.3s;-moz-transition:.6s 1.3s;-o-transition:.6s 1.3s;transition:.6s 1.3s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-ms-transition:.6s 1.3s;-ms-transform:translateY(0);}

.news{max-width:100%;margin-top: 13px;}
.news .m-wram{overflow:hidden;}
.news .m-wram ul{width:100%;}
.news .m-wram ul li{float:left;margin-top:15px;padding:15px;width:30%;}
.news .m-wram ul li .cont{}
.news .m-wram ul li .cont>a{position:relative;display:block;overflow:hidden;width:  340px;height:  189px;}
.news .m-wram ul li .cont>a>img{display:block;max-width:100%;max-height:100%;-webkit-transition:all .7s ease;-moz-transition:all .7s ease;transition:all .7s ease;-ms-transition:all .7s ease;}
.news .m-wram ul li .cont>a:hover>img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05);-ms-transform:scale(1.05);}
.news .m-wram ul li .cont>a .loading{position:absolute;top:0;left:0;z-index:3;display:inline-block;width:100%;height:100%;background:url(../images/grey.gif) no-repeat center #999;}
.news .m-wram ul li .cont .font{position:absolute;top:0;left:0;padding-top:125px;width:100%;height:70px;color:#fff;text-align:center;font-size:16px;}
.news .m-wram ul li .cont .font::after,.news .m-wram ul li .cont .font::before{position:absolute;content:'';opacity:0;transition:all .5s;}
.news .m-wram ul li .cont .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0;}
.news .m-wram ul li .cont .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.news .m-wram ul li .cont>a:hover .font::after,.news .m-wram ul li .cont>a:hover .font::before{opacity:1;transition:all .5s;transform:scale(1);}
.news .m-wram ul li .cont .newInf{padding-top:5px;width:100%;}
.news .m-wram ul li .cont .newTitle{padding-top:20px;}
.news .m-wram ul li .cont .newTitle>a{display:inline-block;overflow:hidden;width:100%;height:20px;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color: #000;line-height:20px;}
.news .m-wram ul li .cont .newTitle>a:hover{color:#1596c6;}
.news .m-wram ul li .cont .newInfo{padding-top:5px;width:72%;font-size:13px;line-height:22px;color: #666;}
.news .m-wram ul li .cont .time{padding-top:10px;width:60px;text-align:center;}
.news .m-wram ul li .cont .time dl dt{font-size:14px;}
.news .m-wram ul li .cont .time dl dd{font-size:14px;}

.news-left dl{padding-left:10px;opacity:0;-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px);-ms-transform:translateY(100px);}
.news-left dl dt{padding-top:10px;}
.news-left dl dt a{overflow:hidden;width:100%;height:25px;color:rgba(255,255,255,1);text-overflow:ellipsis;white-space:nowrap;font-size:25px;line-height:25px;}
.news-left dl dd{padding-top:20px;color:rgba(188,208,234,1);font-size:14px;line-height:20px;}
.index-5.active .news-left dl{opacity:1;-webkit-transition:.6s .8s;-moz-transition:.6s .8s;-o-transition:.6s .8s;transition:.6s .8s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-ms-transition:.6s .8s;-ms-transform:translateY(0);}
.news-left p{padding:50px 0 0 10px;opacity:0;-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px);-ms-transform:translateY(100px);}
.news-left p a{display:inline-block;width:157px;height:38px;border:1px solid rgba(113,122,139,1);color:rgba(188,208,234,1);text-align:center;font-size:16px;line-height:38px;}
.news-left p a:hover{background-color:rgba(255,192,18,1);color:rgba(255,255,255,1);}
.index-5.active .news-left p{opacity:1;-webkit-transition:.6s 1.1s;-moz-transition:.6s 1.1s;-o-transition:.6s 1.1s;transition:.6s 1.1s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-ms-transition:.6s 1.1s;-ms-transform:translateY(0);}
.news-ringht{position:absolute;top:0;right:0;padding-top:10%;width:40%;height:100%;}
.news-ringht:after{position:absolute;top:0;left:120px;width:1px;height:100%;background-color:#50576c;content:'';}
.news-ringht .data{margin-top:40px;padding-right:15px;padding-right:23px;width:90px;}
.news-ringht .data dl dt{color:rgba(255,255,255,1);font-size:32px;}
.news-ringht .data dl dd{padding-top:12px;width:100%;color:rgba(224,225,226,1);text-align:right;font-weight:600;font-size:18px;}
.news-ringht .newrInfo{padding:40px 0 40px 5%;width:75%;border-bottom:1px solid #566078;}
.news-ringht .newrInfo dl dt a{overflow:hidden;width:100%;height:25px;color:rgba(189,197,210,1);text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:25px;}
.news-ringht .newrInfo dl dd{padding-top:20px;color:rgba(129,134,155,1);font-size:14px;line-height:20px;}
.news-ringht ul li{opacity:0;-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-o-transform:translateX(100px);transform:translateX(100px);-ms-transform:translateX(100px);}

.picture-cut .next,.picture-cut .prev{overflow:hidden;width:0;height:0;}
@media (min-width:993px){.picture-cut{box-sizing:border-box;padding:0 40px;}
.picture-cut .img-box{position:relative;overflow:hidden;width:100%;}
.picture-cut .prev{position:absolute;top:50%;left:4px;margin-top:-50px;width:32px;height:100px;background:url(../images/arrow-left.png) no-repeat center center;background-size:80%;opacity:.8;cursor:pointer;}
.picture-cut .next{position:absolute;top:50%;right:4px;margin-top:-50px;width:32px;height:100px;background:url(../images/arrow-right.png) no-repeat center center;background-size:80%;opacity:.8;cursor:pointer;}
.picture-cut .next:hover,.picture-cut .prev:hover{background-size:100%;opacity:1;}
}
@media (max-width:992px){.anli h6 a{font-size:1.2em;}
.anli .three .con img{margin:5% 0 2% 5%;width:90%;}
.anli .three .con .right{width:100%;}
.f-link{padding:0 4% 25px;}
.f-link .title{width:100%;line-height:24px;}
.f-link ul{padding-left:0;width:100%;}
}
@media (max-width:768px){.anli .two div.t-con{width:32%;}
.anli .two .t-con strong{width:100%;}
.anli .two span em{font-size:.75em;}
.anli .ys .con div.col h3{font-size:.9em;}
.anli h6{width:50%;}
.anli .case_con ul li{padding:0 .5% .5% .5%;width:49%;}
.load-box svg{margin:-40px 0 0 -40px;width:80px;height:80px;}
.anli .banner .con em,.anli .case_con ul,.anli .five div,.anli .five h3,.anli .four h3,.anli .one div,.anli .one h3,.anli .three h3,.anli .ys .con,.anli .ys .tit span{width:95%;}
.anli .three .con{width:100%;}
.anli .two{padding:1% 3%;}
}
@media screen and (max-width: 440px) {
	.banner_p {
	    position: relative;
	    padding-top: 90px; 
	    padding-bottom: 15px;
	    top: auto;
	}
	.banner_ad {
	    font-size: 20px;
	}
	.banner_txt span {
	    font-size: 20px;
	    line-height: 50px;
	}
	.banner_txt p {
	    font-size: 16px;
	}
	.top_product {
	    position: relative;
	     bottom: auto;
	}
	.top_product ul li{width: 50%;}
	.top_product ul li .pull-left{float: none !important; width: 100% !important;}
	.top_product ul li .pull-left .tp_img{ margin: 0 auto display: block; padding: 19px;}
	.top_product ul li a{padding: 20px 15px;}
}