body {margin: 0; padding: 0;color: #000; font-size: 14px;line-height: 20px;border: 0;letter-spacing: 0.5px;}
body,input,textarea{ font-family:"lantingL",Helvetica,Tahoma,Arial,"Hiragino Sans GB","Microsoft YaHei",SimSun,Heiti,sans-serif; }
.nowrap{ white-space: nowrap;text-overflow:ellipsis; overflow:hidden; }
.break { word-wrap:break-word; word-break: break-all; }

/*CSShack*/
@media all and (min-width: 0px) {body { min-width: auto;}}
i { font-style: normal; }
.tb { display: table;height: 100%;width: 100%; } 			.tb_c { display: table-cell;vertical-align: middle; }
a{ text-decoration: none;color: #666; } 											
ul,dl,dt,dd{ list-style: none;margin: 0;padding: 0; }             ul,li,ol{ list-style: none;}
input:focus , select:focus , textarea:focus { outline: none; } 		
img { max-width: 100%; height: auto; border: 0; } 
h1,h2,h3,h4,h5,p { margin: 0; padding: 0; line-height: 1.2;font-weight: normal; }  		table { border-collapse: collapse; }
.row .md1 { width: 8.3333%; } 	.row .md2 { width: 16.6666%; } 	.row .md3 { width: 25%; }
.row .md4 { width: 33.3333%; } 	.row .md5 { width: 41.6666%; } 	.row .md6 { width: 50%; }
.row .md7 { width: 58.3333%; } 	.row .md8 { width: 66.6666%; } 	.row .md9 { width: 75%; }
.row .md10 { width: 83.3333%; } 	.row .md11 { width: 91.6666%; } 	.row .md12 { width: 100%; }
.row .md1, .row .md2,.row .md3,.row .md4,.row .md5,.row .md6,
.row .md7, .row .md8,.row .md9,.row .md10,.row .md11,.row .md12 { float: left; }
input{padding: 0;margin: 0;border: 0;}
input[type="text"], input[type="password"] , select , textarea { -webkit-appearance: none;width: 100%;font-size: 14px;} 
input[type="submit"] {  -webkit-appearance: none !important; }
input[type="button"] {  -webkit-appearance: none !important;  }
input::-webkit-input-placeholder { color:#666 !important ;}
input:-moz-placeholder {color: #666 !important ;}
input::-moz-placeholder {color: #666 !important ;}
input:-ms-input-placeholder {color: #666 !important ;}
textarea::-webkit-input-placeholder { color:#666 !important ;}
textarea:-moz-placeholder {color: #666 !important ;}
textarea::-moz-placeholder {color: #666 !important ;}
textarea:-ms-input-placeholder {color: #666 !important ;}
h1 { font-size: 48px; } 	h2 { font-size: 36px; } 	h3 { font-size: 24px; }
h4 { font-size: 18px; } 	h5 { font-size: 16px; }
.fl { float: left; } .fr{float: right;}
.clearfix:after,
.clearfix:before{content: "";display: block;height:0;width: 100%;clear: both;overflow: hidden;font-size: 0;line-height: 0;}
.clearboth{width: 100%;height:0;clear: both;overflow: hidden;font-size: 0;line-height: 0;}
.blur {filter:url(blur.svg#blur);-webkit-filter: blur(10px);-moz-filter: blur(10px);-o-filter: blur(10px);-ms-filter: blur(10px);filter:blur(10px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);}
.gray{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.ani{transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}

.wrap,.wrap2{max-width: 1600px;margin: 0 auto;}
.wrap2{max-width: 1250px;}
/*header*/
.index_header .header_box{background: rgba(0,0,0,0.2);position: absolute;bottom: 40px;}
.index_header .header_box:after{display: none;}
.onindex_header .header_box{position: fixed;bottom: auto;}
.header_box .category_btn{display: none;}
.header_box{width: 100%;height: 70px;position: fixed;z-index: 9999;transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;}
.header_box:after{content: '';width: 100%;height: 1px;position:absolute;left: 0;bottom: 0;background: #fff;opacity: 0.2;}
.onheader{background: rgba(0,0,0,0.5) !important;}
.header_box .header_lt{margin-top: 12px;}
.header_box .logo{width: 210px;height: 46px;display: block;margin-right: 25px;}
.header_box .share a{float: left;width: 24px;height: 24px;font-size: 16px; border:1px solid #fff;border-radius: 50%;text-align: center;line-height: 23px;margin-right: 10px;margin-top: 12px;color: #fff;opacity: 0.8;position: relative;overflow: hidden;}
.header_box .share a img{width: 100px;max-width: none; position: absolute;top:-12px;left: 180%;opacity: 0;transform:translateX(-20px);-o-transform:translateX(-20px);-ms-transform:translateX(-20px);-moz-transform:translateX(-20px);-webkit-transform:translateX(-20px);}
.header_box .share a:hover{overflow: inherit;}
.header_box .share a:hover img{opacity: 1;transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);-moz-transform:translateX(0px);-webkit-transform:translateX(0px);transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}
.header_box .header_rt a span{display: block;line-height: 70px;color: #fff;}
.header_box .menu{overflow: hidden;}
.header_box .menu li{float: left}
.header_box .menu li a{display: block;padding: 0 15px;margin: 0 5px;font-size: 14px;overflow: hidden;letter-spacing: 0.6px;}
.header_box .menu li a:hover span,.header_box .menu li.active a span{-webkit-transform: scale(1.14);-moz-transform: scale(1.14);-o-transform: scale(1.14);-ms-transform: scale(1.14);transform: scale(1.14);} 
.header_box .lang{padding-left: 25px;} 
.header_box .lang a{padding: 0 8px;float: left;}
.header_box .lang a span{font-size: 20px;}
.header_box .lang .active span,
.header_box .lang a:hover span{color: #fcb455;}
/*footer*/
.footer_box{padding: 70px;overflow: hidden;text-align: center;background: #3d3d39;color: #fff;}
.footer_box .tit{font-size: 70px;}
.footer_box .txt{color: #666;margin: 40px 0;}
.footer_box ul{display: inline-block;}
.footer_box ul li{display: inline-block;padding: 0  45px;text-align: left;float: left;}
.footer_box ul h5{font-size: 16px;margin-bottom: 15px;}
.footer_box ul p{line-height: 22px;opacity: 0.5;}
/*首页*/
.ind_box .banner{position: relative;overflow: hidden;}
.ind_box .banner li{position: relative;overflow: hidden;}
.ind_box .banner .bxslider{overflow: hidden;position: relative;}
.ind_box .banner .wrap{height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 1;}
.ind_box .banner .tb{color: #fff;}
.ind_box .banner .txt{max-width: 460px;font-size: 16px;line-height: 24px; margin-top: -70px !important;}
.ind_box .banner .line{width: 100%; height: 1px;background:#fff;opacity: 0.3; margin: 15px 0;}
.ind_box .banner h4{font-size: 20px;margin-bottom: 10px; font-family:"Microsoft Yahei", Arial, "Helvetica Neue", Helvetica, sans-serif;}
.ind_box .banner p{font-size: 14px;opacity: 0.6;line-height: 24px;}
.ind_box .banner .btn{width:18px;height: 38px;border-radius: 20px;border:1px solid #fff; position: absolute;left: 50%;bottom:15px;margin-left:-10px;cursor: pointer;z-index: 9;}
.ind_box .banner .btn span{width: 4px;height: 4px;position: absolute;left:50%;margin-left: -2px;top:8px;background: #fff;border-radius: 50%;-webkit-animation: moveDown 2s infinite ease-out; -o-animation: moveDown 2s infinite ease-out;  -moz-animation: moveDown 2s infinite ease-out; animation: moveDown 2s infinite ease-out;}
.ind_box .banner .bx-controls{position: absolute;width: 10px;top:50%;right: 8.33%;height: 200px;margin-top: -80px;display: table; }
.ind_box .banner .bx-wrapper .bx-pager{width: 10px;position: initial; display: table-cell;vertical-align: middle;height: 100%;}
.ind_box .banner .bx-wrapper .bx-pager.bx-default-pager a{background: #fff;opacity: 0.5;margin-bottom: 10px;}
.ind_box .banner .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.ind_box .banner .bx-wrapper .bx-pager.bx-default-pager a.active{width: 10px;height: 25px;opacity: 1;}
.ind_box .banner .bx-controls-direction{display: none;}
.ind_box .banner .imgs,.ind_box .banner .m_imgs{position: absolute;width: 100%;height: 100%;background-size: cover;background-size: auto 100%\9;background-position: center center;-webkit-transform: scale(1.12);-moz-transform: scale(1.12);-o-transform: scale(1.12);-ms-transform: scale(1.12);transform: scale(1.12);z-index: 0;}
.ind_box .banner .m_imgs{display: none;}
.ind_box .banner .active .imgs,.ind_box .banner .active .m_imgs{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);transition: all 6s ease;-webkit-transition: all 6s ease;-o-transition: all 6s ease;-moz-transition: all 6s ease;-ms-transition: all 6s ease;}

.ind_box .common_tit{width: 100%; text-align: center;font-size: 32px;color: #625f58;line-height: 1;padding-bottom: 25px; margin: 50px 0; position: relative;float: left;}
.ind_box .common_tit span{width: 50px;height: 2px;background: #fcb455;position: absolute;left: 50%;bottom: 0;margin-left: -25px;-webkit-transform: scale(0,1);-moz-transform: scale(0,1);-o-transform: scale(0,1);-ms-transform: scale(0,1);transform: scale(0,1);transition: all 0.5s ease-out 1s;-webkit-transition: all 0.5s ease-out 1s;-o-transition: all 0.5s ease-out 1s;-moz-transition: all 0.5s ease-out 1s;-ms-transition: all 0.5s ease-out 1s;}
.ind_box .common_tit.animated span{-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-o-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1);}
.ind_box .row1{width: 100%;position: relative;z-index: 1; }
.ind_box .row1 .wrap{overflow: hidden;}
.ind_box .row1 .hd{height: 32px;background: url('../images/ind_row1bg.png') no-repeat bottom center;}
.ind_box .row1 .bd{padding: 0 80px;padding-bottom: 80px;background: #fff;}
.ind_box .row1 .bx-wrapper .bx-pager, .ind_box .row1 .bx-wrapper .bx-controls-auto{bottom: 0;}
.ind_box  .pro{overflow: hidden;margin: 0 auto;}
.ind_box  .pro  .slide{float: left;}
.ind_box  .pro .box{width: 255px;margin: 0 auto; padding: 60px 0; text-align: center;display: block;}
.ind_box  .pro .pic{width: 255px;height: 225px;text-align: center;}
.ind_box  .pro .pic img{max-height: 225px;transition: all 1s ease-out;-webkit-transition: all 1s ease-out;-o-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-ms-transition: all 1s ease-out;}
.ind_box  .pro .name{font-size: 20px; color: #595855;margin: 20px 0;}
.ind_box  .pro p{color: #969696;font-size: 16px;}
.ind_box  .pro .box:hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.ind_box  .pro .box:hover .name,.ind_box  .pro .box:hover p{color: #fcb455;}
.ind_box  .row1 .bx-loading{display: none;}
.ind_box  .row2{border-bottom: 1px solid #d9d8d7;overflow: hidden;}
.ind_box  .row2 .ad{position: relative;}
.ind_box  .row2 .ad img{width: 100%;max-width: none;}
.ind_box  .row2 .ad .common_tit{width: 100%;position: absolute;left: 0;top: 16%;color: #fff;}
.ind_box  .row2 .ad .common_tit p{margin-top: 20px;font-size: 14px;}
.ind_box  .row2 .slidebox{width: 100%;float: left;margin-top: -50px;position: relative;}
.ind_box  .row2 .slidebox:after{content: '';position: absolute;left: 0;bottom: 100%;height: 7px;width: 100%;background: url('../images/ind_row2bg_mask_01.png') no-repeat center bottom;background-size: 100% auto; }
.ind_box  .row2 .hd{height:180px;position: relative;overflow:hidden;}
.ind_box  .row2 .hd:after{content: "";position: absolute;top: 0; width: 100%;height: 100%;background: url('../images/ind_row2bg_mask_02.png') center top no-repeat;background-size: 100% auto;}
.ind_box  .row2 .nav,.ind_box  .row2 .nav ul{width: 880px;height: 880px;position: absolute;left: 50%;margin-left: -440px; z-index: 9;}
.ind_box  .row2 .nav{width:890px;height: 890px;background: url('../images/ind_row_tabbg.png')  no-repeat bottom center;bottom:35px;}
.ind_box  .row2 .nav:after{content: "";position: absolute;left: 0;bottom:100px;width: 100%;height: 45px;background: url('../images/ind_row_tabbg1.png') no-repeat center bottom;z-index: 9;}
.ind_box  .row2 .nav ul{bottom: 0;top: 0; transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;}
.ind_box  .row2 .nav li{width: 70px;height: 70px;border-radius: 50%;position: absolute;left: 0;top: 0;cursor: pointer;transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.ind_box  .row2 .nav li span{display: block;width: 100%;height: 100%;line-height: 70px;border-radius: 50%;background: #fff;box-shadow: 0 2px 4px rgba(0,0,0,0.2);text-align: center;color: #fcb455;font-size: 20px;font-size: 26px;}
.ind_box  .row2 .nav li.current span{background: #fcb455;color: #fff;}
.ind_box  .row2 .nav li .txt{display: none;	}
.ind_box  .row2 .bd{max-width: 1270px;margin: 0 auto;text-align: center;padding: 25px 0 80px 0;}
.ind_box  .row2 .bd .txt a{display: block;}
.ind_box  .row2 .bd h4{font-size: 26px;color: #fcb455;margin-bottom: 20px;}
.ind_box  .row2 .bd p{color: #a3a3a3;line-height: 20px;}
.ind_box  .row3{background: url('../images/ind_row3.jpg');background-size: cover;background-size: auto 100%\9;background-position: center center;padding-bottom: 80px;}
.ind_box  .row3 .bd{margin: 0 50px;}
.ind_box  .bx-wrapper .bx-prev{left: -50px;}
.ind_box  .bx-wrapper .bx-next{right: -50px;}
.ind_box  .row3 li{width: 100%; height: 550px;border-radius: 20px;position: relative;}
.ind_box  .row3 .box{width:49.5%;position: absolute;color: #fff;overflow: hidden;}
.ind_box  .row3 .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;background-size: auto 100%\9;background-position: center center;overflow:hidden; transition: all 3s ease-out;-webkit-transition: all 3s ease-out;-o-transition: all 3s ease-out;-moz-transition: all 3s ease-out;-ms-transition: all 3s ease-out;}
.ind_box  .row3 .box:hover .pic{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.ind_box  .row3 .box1,.ind_box  .row3 .box2{height:48.5%;left: 0;}
.ind_box  .row3 .box1{top: 0;}
.ind_box  .row3 .box2{bottom: 0;}
.ind_box  .row3 .box3{height: 100%;right: 0;top: 0; }
.ind_box  .row3 .txt{width: 100%; height: 60px; background: rgba(0,0,0,0.3);position: absolute;left: 0;bottom: 0;overflow: hidden;}
.ind_box  .row3 .txt h3,.ind_box  .row3 .txt p{padding: 0 50px;}
.ind_box  .row3 .txt h3{font-size: 26px;margin: 15px 0;}
.ind_box  .row3 .txt p{opacity: 0.8;line-height: 20px;transform:translateY(100px);-o-transform:translateY(100px);-ms-transform:translateY(100px);-moz-transform:translateY(100px);-webkit-transform:translateY(100px);}
.ind_box  .row3 .box:hover .txt{height: 100%;}
.ind_box  .row3 .box:hover p{transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}
.ind_box  .row4{position: relative;height: 800px;}
.ind_box  .row4 .imgbg,.ind_box  .row4 .mask{width: 100%;height: 100%;position: absolute;top:0;}
.ind_box  .row4 .imgbg{z-index: 0;background-size: cover;background-size: auto 100%\9;background-position: center center;}
.ind_box  .row4 .mask{background: rgba(0,0,0,0.3);text-align: center;color: #fff;z-index: 1;}
.ind_box  .row4 .mask h3{font-size: 36px;}
.ind_box  .row4 .mask p{font-size: 16px;margin: 20px 0 45px 0; opacity: 0.5;}
.ind_box  .row4 .mask .btn{width: 101px;height: 101px;line-height: 101px;margin: 0 auto;position: relative;display: block;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}
.ind_box  .row4 .mask .btn:after,
.ind_box  .row4 .mask .btn:before{content: '';position: absolute;top:0;left:0;width: 100%;height: 100%;border:2px solid rgba(255,255,255,0.3);border-radius: 50%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.ind_box  .row4 .mask .btn:after,
.ind_box  .row4 .mask .btn:before{-webkit-animation-name: scale_round;animation-name: scale_round;-webkit-animation-duration: 2.5s;animation-duration: 2.5s;-webkit-animation-timing-function:ease-out;animation-timing-function: ease-out;-webkit-animation-delay: -.5s;animation-delay: -.5s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-fill-mode: both;animation-fill-mode: both;}   
.ind_box  .row4 .mask .btn:after{-webkit-animation-delay: -2s;animation-delay: -2s;}
.ind_box  .row4 .mask .btn:hover:before,
.ind_box  .row4 .mask .btn:hover:after{display: none;}
.ind_box  .row4 .mask .btn:hover{-webkit-transform: scale(0.9);-moz-transform: scale(0.9);-o-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);}
.ind_box  .row4 .mask i{display:block;width: 100%;height: 100%;color: #fff; background: rgba(0,0,0,0.5);border-radius: 50%;text-align: center;font-size: 34px;text-indent: 5px;}
.inner_box{background: #f1f3f3;}
.inner_banner{position: relative;overflow: hidden;height: 490px;}
.inner_banner:before,.inner_banner:after{content:'';position: absolute;z-index: 1;}
.inner_banner:before,.inner_banner .con{position: absolute;top: 0;left:0;right: 0;bottom: 0;margin: auto;z-index: 1;}
.hasload:after{width: 1920px; bottom:0;left: 50%;margin-left: -960px; height:100px;background-image:url('../images/deloraine_animation.png'); background-position-x:center; z-index: 3; -webkit-animation:waves 2500ms steps(50);animation:waves 2500ms steps(50);}
/*.inner_banner:before{background: rgba(0,0,0,0.1);}*/
.inner_banner .con{text-align: center;color: #fff;z-index: 2;}
.inner_banner .imgbg{position: absolute;left: 0;top: 0; width: 100%;height: 100%;z-index: 0; -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.inner_banner .animated{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);transition: all 4s ease-out;-webkit-transition: all 4s ease-out;-o-transition: all 4s ease-out;-moz-transition: all 4s ease-out;-ms-transition: all 3s ease-out;}
.inner_banner h3{font-size:60px;line-height: 1;text-shadow:2px 0 0 rgba(0,0,0,0.5);}
.inner_banner h3 span{padding: 0 20px;position: relative;}
.inner_banner h3 .first:after{content: ''; position: absolute;top: 50%;right: 0; width: 1px;height:50px;background: #fff;opacity: 0.7;margin-top:-25px;}
.inner_banner p{margin-top: 8px;text-transform: uppercase;color: rgba(255,255,255,0.5);letter-spacing: 0.4px;}
.inner_banner .txt{opacity: 0;}
.hasload .txt{opacity: 1; margin-top: -40px; -webkit-animation: Down 1.5s ease-out; -o-animation: Down 1.5s ease-out;  -moz-animation: Down 1.5s ease-out; animation: Down 1.5s ease-out;}
.inner_banner .milk,
.inner_banner .iconfont{width: 60px;height: 50px;position: absolute;left: 0;right: 0;z-index: 9;}
.inner_banner .milk{bottom: 90px;margin: 0 auto;}
.hasload .milk{-webkit-animation: downing 1.2s linear; -o-animation: downing 1.2s linear;  -moz-animation: downing 1.2s linear; animation: downing 1.2s linear;}
.hasload .iconfont{background: url('../images/deloraine_2.png');-webkit-animation:milk 1.2s steps(17);animation:milk 1.2s steps(17);}
.common_tit2{text-align: center;margin-bottom: 60px;}
.common_tit2 h3{font-size: 38px;line-height: 1;}
.common_tit2 p{margin-top: 15px;color: #b2b2b2;line-height: 1 !important;position: relative;z-index: 9;letter-spacing: 1.2px;}
.common_tit2 p:after{content: ''; width: 50px;height: 2px;position: absolute;left: 0;right: 0;bottom: -30px;margin: 0 auto;background: #fcb455;opacity: 0; -webkit-transform: scale(0,1);-moz-transform: scale(0,1);-o-transform: scale(0,1);-ms-transform: scale(0,1);transform: scale(0,1);transition: all 0.8s ease-out 0.35s;-webkit-transition: all 0.8s ease-out 0.35s;-o-transition: all 0.8s ease-out 0.35s;-moz-transition: all 0.8s ease-out 0.35s;-ms-transition: all 0.8s ease-out 0.35s;}
.common_tit2 p.animated:after{opacity:1;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-o-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1);}
.inner_box .row{padding: 85px 0;}
.inner_box .row1{padding-top: 20px;}
.inner_box .row p{line-height: 26px;letter-spacing: 0.4px;}
.inner_box .row .txt{text-align: center;}

.pro_box .row1 .txt,
.pro_box .row3 .hd .txt{color: #777;}
/*品牌*/
.brand_box .row1{text-align: center;color: #595959;background: #fff;padding-top: 0 !important; }
.brand_box .row1 img{margin-top: -50px;}
.brand_box .row2{height: 340px; background: url('../images/row2bg.jpg');background-size: 100% auto;background-position: center top; }
.brand_box .row2 .common_tit2 h3{color: #000;}
.brand_box .row2 .wrap2{margin-top: 105px;position: relative;}
.brand_box .row2 .wrap2 i{width: 34px;height: 34px;position: absolute;left: 0;right: 0;top: -18px;margin: 0 auto;color: #fff;font-size: 34px;line-height: 34px;text-align: center;}
.brand_box .row2 .lt .con{margin-right: 30px;}
.brand_box .row2 .rt .con{margin-left: 30px;}
.brand_box .row2 .con:after{content: '';position: absolute;top: 0;width: 40%;height: 0;border-top: 1px dashed #00b0ef;}
.brand_box .row2 .lt .con:after{right: 0;}
.brand_box .row2 .rt .con:after{left:0; border-top-color: #00bf88;}

.brand_box .row2 .con{text-align: center;position: relative;}
.brand_box .row2 .txt{background: #00aeef;text-align: left; padding: 50px 40px 25px 40px;margin-top: -30px;box-shadow:rgba(0,0,0,0.15) 0px 4px 3px 0px;}
.brand_box .row2 .lt .txt{background: #00bef2; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #00bef2 0%, #00aeef 100%);
background: -webkit-linear-gradient(-45deg,  #00bef2 0%,#00aeef 100%); 
background: linear-gradient(135deg,  #00bef2 0%,#00aeef 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bef2', endColorstr='#00aeef',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.brand_box .row2 .rt .txt{background: #00b072; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #00b072 0%, #00b072 100%);
background: -webkit-linear-gradient(-45deg,  #00b072 0%,#00b072 100%); 
background: linear-gradient(135deg,  #00b072 0%,#00b072 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b072', endColorstr='#00b072',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.brand_box .row2 .txt p{color: #fff;}
.brand_box .row3{padding-bottom: 0;}
.brand_box .row3 .wrap2{background: #fff;padding: 45px 0; box-shadow: 0px 4px 3px 2px rgba(0,0,0,0.05);}
.brand_box .row3 .slider_wrp{padding-bottom: 40px;}
.brand_box .row3 ul li{text-align: center;}
.brand_box .row3 ul li img{display: inline-block;}
.brand_box .row3 .txt{margin-top: 35px;height: 30px;}
.brand_box .row3 .txt i{font-size: 30px;color: #fcb455;}
.brand_box .row3 .txt font{padding: 0 15px;}
.inner_box .bx-wrapper .bx-prev,
.inner_box .bx-wrapper .bx-next{background: none;}
.inner_box .bx-wrapper .bx-controls-direction a{width: 40px;height: 55px;line-height: 55px;text-align: center;margin-top:-27px; text-indent: 0;font-size: 40px;}
.inner_box .bx-wrapper .bx-prev{left: -100px;color: #00b072;}
.inner_box .bx-wrapper .bx-next{right: -100px;color: #17b4ef;}
.brand_box .row4{height: 470px;background: url('../images/row4_imgbg.jpg');background-size:100% auto;background-position: center top;color: #fff;}
.brand_box .row4 .common_tit2 p{color: #fff;}
.brand_box .row4 .txt{text-align: center;}
.brand_box .row5{padding-bottom: 0;text-align: center;position: relative;overflow: hidden;}
.brand_box .row5:before,
.brand_box .row5:after{content: '';position: absolute;}
.brand_box .row5:before{left: 50%;top: 0;width: 1px;height: 100%;background: #fcb455;}
.brand_box .row5:after{bottom: 0;left: 0;width: 100%; height: 44px;background: url('../images/brand_row_mask.png') repeat-x;z-index: 2; }
.brand_box .row5 .wrap2{margin-top: 40px;background: #fff; box-shadow: 0px 4px 3px 2px rgba(0,0,0,0.05); padding-bottom: 120px;position: relative;z-index: 1;}
.brand_box .row5 .common_tit2{margin-top: -30px;}
.brand_box .row5 .common_tit2 p{margin-top: 0;}
.brand_box .row5 .common_tit2 p:after{bottom: -20px;}
.brand_box .row5 .common_tit2 h3{font-size: 24px;}
.brand_box .row5 .txt{color: #666;}
.brand_box .row6{padding: 0 !important;}
.common_odd li{overflow: hidden;background: #fff;position: relative;} 
.common_odd .odd .picwrap{float: right;}
.common_odd .txt,.common_odd .common_tit2{text-align: left !important;}
.common_odd  .common_tit2 p:after{right: auto;transform-origin: 0 0;-o-transform-origin: 0 0;-moz-transform-origin: 0 0;-webkit-transform-origin: 0 0;-ms-transform-origin: 0 0;}
.common_odd .con{width: 60%;margin: 0 auto;}
.common_odd .txt{color: #666;}
.common_odd .btn{margin-top: 30px;}
.common_odd .btn a{color: #00aeef;line-height: 21px;overflow: hidden;display: inline-block;}
.common_odd .odd .btn a{color: #00b072;}
.common_odd .btn i{width: 16px;height: 16px;font-size: 12px; text-align: center;line-height: 16px;border:2px solid #00aeef; border-radius: 50%;margin-right: 10px; float: left;}
.common_odd .odd .btn i{border-color:#00b072;}
.common_odd .picwrap{overflow: hidden;}
.common_odd .picwrap img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);transition: all 3s ease-out;-webkit-transition: all 3s ease-out;-o-transition: all 3s ease-out;-moz-transition: all 3s ease-out;-ms-transition: all 3s ease-out;}
.common_odd .picwrap.animated img{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}

/*产品*/
.pro_box .row1{background: #fff;text-align: center;}
.pro_box .row1 ul{display: inline-block;margin: 55px 0;}
.pro_box .row1 ul li{float: left;color: #00aeef;}
.pro_box .row1 ul .color2{color: #00b072}
.pro_box .row1 ul .color3{color: #fcb455;}
.pro_box .row1 ul li i{font-size: 60px;}
.pro_box .row1 ul .icon{color: #dbdbdb;margin:0 60px; }
.pro_box .row1 ul .icon i{font-size: 34px;}
.pro_box .row1 ul li p{margin-top: 20px;}
.pro_box .row2{background-size: cover;background-size: auto 100%\9;background-position: center center;color: #fff;padding: 140px 0;}
.pro_box .row3{padding-top: 0px;}
.pro_box .row4{padding-top: 80px;padding-bottom: 0;}
.pro_box .row3 .wrap{position: relative;}
.pro_box .row3 .wrap:after{content: '';position: absolute;left: 50%;top: 0;width: 1px;height:90%;background: #e5e5e5;}
.pro_box .row3 .common_tit2{margin-bottom: 110px;}
.pro_box .row3 .box{background: #fff;position: relative;margin-bottom: 150px; z-index: 2;box-shadow: 0 3px 5px 0 rgba(0,0,0,0.15);}
.pro_box .row3 .box.none{margin-bottom: 0;}
.pro_box .row3 .bd,.pro_box .row3 .hd{padding: 120px 0 75px 0;position: relative;}
.pro_box .row3 .hd .pic{width: 160px;height: 160px;position: absolute;top:-80px; left:0;border-radius: 50%;overflow: hidden;background-size: cover;background-size: auto 100%\9;background-position: center center;}
.pro_box .row3 .hd .pic i,.pro_box .row3 .hd .pic:after{width: 80px;height: 80px;line-height: 80px;text-align: center;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;border-radius: 50%;overflow: hidden;}
.pro_box .row3 .hd .pic i{z-index: 2;color: #fff;font-size: 40px;}
.pro_box .row3 .hd .pic:after{content: '';background: #fcb455;opacity: 0.85;z-index: 1;}
.pro_box .row3 .hd .txt{text-align: left;max-width: 210px;}
.pro_box .row3 .hd h4{color: #fcb455;margin-bottom: 20px;}
.pro_box .row3 .con{max-width: 1204px;margin: 0 auto;position: relative;}
.pro_list li{overflow: hidden;}
.pro_list a{display: block;width: 33.333%;float: left;overflow: hidden;}
.pro_list a .pic{padding: 20px 0;border-left: 1px solid #e5e5e5;}
.pro_list a .pic span{width:100%;height: 220px;display: block;margin: 0 auto;position: relative;overflow: hidden;}
.pro_list a .have_des .note{position: absolute;top: 0; bottom: 0; left: 0; right: 0;margin: auto;background: rgba(255,255,255,.3);font-size: 12px;padding: 15px;opacity: 0}
.pro_list a .pic .note,
.pro_list a:hover .pic img{transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;}
.pro_list .name{padding: 0 70px 20px 35px;margin-top: 10px;position: relative;}
.pro_list .name h5{color: #fcb455;font-size: 15px;}
.pro_list .name p{font-size: 12px;color: #737373;margin-top: 5px;}
.pro_list .name span{position: absolute;right: 0;top: 0;width: 60px;height: 60px;background: #fcb455;color: #fff;text-align: center;line-height: 60px;font-size: 14px;font-weight: bold; text-transform: capitalize;}
.pro_box .bx-controls{position: absolute;width: 60px;left:105%;top: 50%;margin-top: -30px;}
.pro_box .bx-wrapper .bx-controls-direction{position: relative;}
.pro_box .bx-wrapper .bx-controls-direction:after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 110%;background: #fff;opacity: 0;-ms-filter: alpha(opacity=0);filter: alpha(opacity=0); z-index: 2;}
.pro_box .bx-wrapper .bx-controls-direction a{width: 60px;height: 20px;position: relative;line-height: 20px;display: block;margin-top:0; z-index: 9;}
.pro_box .bx-wrapper .bx-pager{color: #fcb455;}
.pro_box .bx-wrapper .bx-pager span{color: #9e9e9e;}
.pro_box .bx-wrapper .bx-pager, 
.pro_box .bx-wrapper .bx-controls-auto{top: 120%;bottom: auto;padding: 0;}
.pro_box .bx-wrapper .bx-prev,
.pro_box .bx-wrapper .bx-next{color: #fcb455;}
.pro_box .bx-wrapper .bx-prev{margin-bottom: 20px;left: auto;}
.pro_box .bx-wrapper .bx-next{right: auto;}
.pro_box .bx-wrapper .bx-controls-direction a.disabled{color: rgba(0,0,0,0.2);z-index: 0;}
.pro_list .name p{opacity: 0;transform:translateX(-200px);-o-transform:translateX(-100px);-ms-transform:translateX(-100px);-moz-transform:translateX(-100px);-webkit-transform:translateX(-100px);}
.pro_list a:hover .name p{opacity: 1;transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);-moz-transform:translateX(0px);-webkit-transform:translateX(0px);}
.pro_list .name span{opacity: 0;transform:translateX(100px);-o-transform:translateX(100px);-ms-transform:translateX(100px);-moz-transform:translateX(100px);-webkit-transform:translateX(100px);}
.pro_list a:hover .name span{opacity: 1;transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);-moz-transform:translateX(0px);-webkit-transform:translateX(0px);}
.pro_list a:hover .have_des img{filter:url(blur.svg#blur);-webkit-filter: blur(4px);-moz-filter: blur(4px);-o-filter: blur(4px);-ms-filter: blur(4px);filter:blur(4px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);}
.pro_list a:hover .pic .note{opacity: 1;}
/*颜色*/
.style1 .pro_list .name h5,
.pro_box .row3 .style1 .hd h4,
.pro_box .style1 .bx-wrapper .bx-prev, 
.pro_box .style1 .bx-wrapper .bx-next,
.pro_box .style1 .bx-wrapper .bx-pager{color: #fcb455;}
.style1 .pro_list .name span,
.pro_box .row3 .style1 .hd .pic i:after{background: #fcb455;}

.style2 .pro_list .name h5,
.pro_box .row3 .style2 .hd h4,
.pro_box .style2 .bx-wrapper .bx-prev, 
.pro_box .style2 .bx-wrapper .bx-next,
.pro_box .style2 .bx-wrapper .bx-pager{color: #00b072;}
.style2 .pro_list .name span,
.pro_box .row3 .style2 .hd .pic i:after{background: #00b072;}

.style3 .pro_list .name h5,
.pro_box .row3 .style3 .hd h4,
.pro_box .style3 .bx-wrapper .bx-prev, 
.pro_box .style3 .bx-wrapper .bx-next,
.pro_box .style3 .bx-wrapper .bx-pager{color: #00aeef;}
.style3 .pro_list .name span,
.pro_box .row3 .style3 .hd .pic i:after{background: #00aeef;}
/*纯净之旅*/
.pure_box{background: #fff;}
.pure_box .row1{overflow: hidden;}
.common_ul li{width: 33.333%;float: left;position: relative;z-index: 1;}
.common_ul .pic{height: 235px;overflow: hidden;}
.common_ul .pic .img{height: 100%;width: 100%;background-size: cover;background-size: auto 100%\9;background-position: center center;transition: all 1s ease-out;-webkit-transition: all 1s ease-out;-o-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-ms-transition: all 1s ease-out;}
.common_ul .txt{height: 160px;}
.common_ul .txt i{font-size: 40px;color: #fcb455;}
.common_ul .txt p{color: #999;margin-top: 20px;}
.common_ul .clearboth{height: 1px;
background: #0069d2; /* Old browsers */
background: -moz-linear-gradient(left,  #0069d2 0%, #00c3e5 49%, #24b84c 100%); 
background: -webkit-linear-gradient(left,  #0069d2 0%,#00c3e5 49%,#24b84c 100%); 
background: linear-gradient(to right,  #0069d2 0%,#00c3e5 49%,#24b84c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0069d2', endColorstr='#24b84c',GradientType=1 );}
.common_ul li:hover,.common_ul .active{z-index: 3;}
.common_ul li:hover .box,.common_ul .active .box{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);background: #fff;transform-origin: 50% 235px;-o-transform-origin: 50% 235px;-moz-transform-origin: 50% 235px;-webkit-transform-origin: 50% 235px;-ms-transform-origin: 50% 235px;}
/*.common_ul li:hover .txt,.common_ul .active .txt{-webkit-transform: scale(0.95);-moz-transform: scale(0.95);-o-transform: scale(0.95);-ms-transform: scale(0.95);transform: scale(0.95);}*/
.common_ul li:hover .pic .img,.common_ul .active .pic .img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.pure_box .row1 .item1 .txt i{color: #fcb455;}
.pure_box .row1 .item2 .txt i{color: #00b072;}
.pure_box .row1 .item3 .txt i{color: #07b0ef;}
.pure_box .row1 li:hover .txt i,.pure_box .row1 .active .txt i,
.pure_box .row1 li:hover .txt p,.pure_box .row1 .active .txt p{color: #fff;-webkit-transform: scale(0.95);-moz-transform: scale(0.95);-o-transform: scale(0.95);-ms-transform: scale(0.95);transform: scale(0.95);}
.pure_box .row1 .item1:hover .txt,.pure_box .row1 .item1.active .txt{background: #fcb455;}
.pure_box .row1 .item2:hover .txt,.pure_box .row1 .item2.active .txt{background: #00b072;}
.pure_box .row1 .item3:hover .txt,.pure_box .row1 .item3.active .txt{background: #07b0ef;}
.pure_box .row2{background-attachment: fixed;background-size: cover;background-size: auto 100%\9;background-position: center center;}
.pure_box .row2 .common_tit2 p:after{display: none;}
.pure_box .row2{background: #fff;padding: 0 !important;}
.pure_box .row2 .common_tit2 h3{color: #000;}
.pure_box .row2 .video_box{height:450px;position: relative;}
.pure_box .row2 .video_box .imgbg,.pure_box .row2 .video_box video{position: absolute;width: 100%;height: 100%;}
.pure_box .row2 .video_box .btn{width: 85px;height: 85px;position: absolute;top: 0; bottom: 0; left: 0; right: 0;margin: auto;color: #fff;font-size: 30px;text-align: center;line-height: 85px;overflow: hidden;}
.pure_box .row2 .video_box .btn:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);border-radius: 50%;z-index: 1;}
.pure_box .row2 .video_box .btn i{position: relative;z-index: 2;}
.pure_box .row3 .con{width: 630px;height: 630px;margin: 0 auto;background: url('../images/prue_row3_icon.png');position: relative;} 
.pure_box .row3 ul{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.pure_box .row3 ul li{position: absolute;width: 50%;height: 50%;text-align: center;color: #fff;}
.pure_box .row3 ul li i{font-size: 60px;line-height: 1;}
.pure_box .row3 ul li h5{font-size: 16px;margin-top: 25px;}
.pure_box .row3 li .box{width: 120px;margin: 0 auto;overflow: hidden;}
.pure_box .row3 .item1{top: 0;left: 50%;margin-left: -25%;}
.pure_box .row3 .item2{top: 50%;left: 50%;margin-top: -25%;}
.pure_box .row3 .item3{top: 50%;left: 50%;margin-left: -25%;}
.pure_box .row3 .item4{top: 50%;left: 0;margin-top: -25%;}
.pure_box .row3 .txt{display: table;width: 150%;height: 200px;overflow: hidden;position: absolute;text-align: left;}
.pure_box .row3 .txt .block{display: table-cell;height: 100%;vertical-align: middle;}
.pure_box .row3 .item1 .txt{left: 95%;top: 0;color: #00aeef;}
.pure_box .row3 .item2 .txt{left: 45%;top:90%;color: #00b072;}
.pure_box .row3 .item3 .txt{right: 95%;bottom: 0;color: #9bb2dc;}
.pure_box .row3 .item4 .txt{right: 40%;bottom:85%;color: #fcb455;}
.pure_box .row3 .item1 .box{background: transparent;}
.pure_box .row3 .item2 .box{background: transparent;}
.pure_box .row3 .item3 .box{background: transparent;}
.pure_box .row3 .item4 .box{background: transparent;}
.pure_box .row3 li.active  .txt{opacity: 1;}

.pure_box .row4{border-top: 1px solid #ccc;padding: 0 !important;}

/**/
.delorain_box{background: #fff;}
.delorain_box .common_tit2{margin-bottom: 20px;}
.delorain_box .row{overflow: hidden;}
.delorain_box .common_ul li{cursor: pointer;}
.delorain_box .common_ul .txt{height: auto;padding: 30px 0;position: relative;}
.delorain_box .common_ul .time{position:absolute;bottom: 100%;left: 0; width: 100%; height: 32px;line-height: 32px;text-align: center;color: #fff;background: rgba(0,0,0,0.4);}
.common_ul li:hover .time span,.common_ul .active .time span{-webkit-transform: scale(0.95);-moz-transform: scale(0.95);-o-transform: scale(0.95);-ms-transform: scale(0.95);transform: scale(0.95);}
.delorain_box .common_ul .txts{height: 72px;overflow: hidden;padding: 0 30px;}
.delorain_box .common_ul .pop_txts{display: none;}
.delorain_box .bx-viewport{padding: 50px 0;}
.delorain_box .bx-wrapper .bx-pager, 
.delorain_box .bx-wrapper .bx-controls-auto{bottom: 5px;}
.delorain_box .bx-wrapper .bx-prev,
.delorain_box .bx-wrapper .bx-next{color: #fcb455;}
.delorain_box .row2{background: #f1f3f3;}
.delorain_box .row3 .txt{min-height: 80px;padding: 40px 35px;text-align: left;background: #f1f3f3;color: #8d9096;border:1px solid #f2f2f2;border-radius: 3px; position: relative;}
.delorain_box .row3 .txt p{line-height: 30px;height: 90px;overflow: hidden;}
.delorain_box .row3 .txt .icon{width: 18px;height: 18px;position: absolute;top: 100%;left: 15px;}
.delorain_box .row3 .name{margin-top: 30px;height: 62px;padding-left: 80px;color: #b4b7bf; position: relative;}
.delorain_box .row3 .name .pic{width: 60px;height: 60px;border:1px solid #f4f4f4;border-radius: 50%;position:absolute;left: 0;top: 0;}
.delorain_box .row3 .name .pic span{width: 50px;height: 50px;display: block;border:5px solid #fff;border-radius: 50%;overflow: hidden;}
.delorain_box .row3 .name h3{color: #00aeef;}
.delorain_box .row3 .name p{font-size: 12px;}
.delorain_box .row3 li:nth-child(n) .name h3{color: #00aeef;}
.delorain_box .row3 li:nth-child(2n) .name h3{color: #fcb455;}
.delorain_box .row3 li:nth-child(3n) .name h3{color: #26b400;}
.delorain_box .pop{position: fixed;top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);z-index: 999999;display: none;}
.delorain_box .pop .tit{display: none;}
.delorain_box .pop .box{position:fixed;top: 50%;left:0;right:0;margin:0 auto;width: 940px;overflow: auto;background: #fff;}
.delorain_box .pop .con{padding: 40px;text-align: center;}
.delorain_box .pop .con img{width: 100%;}
.delorain_box .pop h5{font-size: 20px;}
.delorain_box .pop .time{margin-top: 15px;margin-bottom: 35px;}
.delorain_box .pop .txt p{text-align: left;line-height: 20px;font-size: 13px;margin-top: 15px;}
.delorain_box .pop .btn{width: 25px;height: 25px;position: absolute;top: 15px;right: 15px;font-size: 24px;}
.delorain_box .pop .con .close{margin-top: 55px;border-top: 1px solid #333;border-bottom: 1px solid #333;line-height: 45px;display: inline-block;font-size: 20px;}
/*hover*/
.header_box  a,
.header_box .header_rt a span,
.ind_box  .pro .box .name,
.ind_box  .pro .box p,
.ind_box  .row3 .box h3,
.ind_box  .row4 .mask i,
.ind_box  .row3 .txt p,
.common_ul li .box,
.common_ul li .txt,
.common_ul li i,
.common_ul li p,
.pro_list .name span,
.pro_list .name p,
.ind_box  .row3 .txt,
.ind_pop .btnwrap a{transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}

/*.ind_box .banner h4,
.ind_box  .pro .name,
.ind_box  .row2 .bd h4,
.ind_box  .row3 .txt h3,
.common_odd .btn span,
.pro_box .row3 .hd h4,
.pro_list .name h5,
.delorain_box .common_ul h5{font-family:"graphik-semib", Arial, "Helvetica Neue", Helvetica, sans-serif;}
.inner_banner h3 span.first{font-family:"MGray", Arial, "Helvetica Neue", Helvetica, sans-serif;}
.inner_banner h3 span{font-family:"TGray", Arial, "Helvetica Neue", Helvetica, sans-serif;}*/

.ind_box  .pro .box{width:355px;  float: left;margin: 0 62.5px;}
.ind_box  .pro .name{white-space: nowrap;text-overflow:ellipsis; overflow:hidden;}
.ind_box  .pro .pic{margin: 0 auto;}

/*首页弹出框*/
.ind_pop{position:fixed;top: 0; width: 100%;height: 100%;background: rgba(0,0,0,0.4);z-index: 9999;}
.ind_pop .con{width: 775px;height: 450px;margin: 0 auto;position: fixed;top: 50%;left:0;right: 0; margin-top: -225px;background: #fff;border-radius: 10px;overflow: hidden;}
.ind_pop .close_btn{font-size: 24px;line-height: 1;position: absolute;top: 20px;right: 20px;font-size: 24px;color: #fbc277;}
.ind_pop .txt{height: 210px;text-align: center;}
.ind_pop .txt h4{font-size: 24px;color: #404040;line-height: 1;margin: 90px 0 15px 0;}
.ind_pop .txt small{display: block;font-size: 12px;color: #d9d9d9;}
.ind_pop .txt p{font-size: 16px;color: #fcaa3f;margin-top: 48px;}
.ind_pop .btnwrap{width: 100%; position: absolute;bottom: 0;left: 0;height: 195px;background: url('../images/ind_popimg.jpg') no-repeat center; }
.ind_pop .btnwrap a{width: 140px;height: 40px;line-height: 40px;border:1px solid #fcaa3f;background: #fbc277;font-size: 18px;text-align: center;margin: 0 auto;position:absolute;top: 50%;left: 0;right: 0;margin-top: -21px;border-radius: 40px;color: #fff;}
.ind_pop .btnwrap a:hover{background: #fcaa3f;}

.ind_box .row1 .bd{padding-bottom: 0 !important;}
.ind_box .row1 .btn{width: 140px; height: 40px;line-height: 40px;border:1px solid #fcaa3f;background: #fbc277;font-size: 18px;margin: 20px auto 50px auto; border-radius: 40px;color: #fff;text-align: center; display: block;}
.ind_box .row1 .btn:hover{background: #fcaa3f;}

.inner_box .inner_banner .m_imgbg{display: none;}
/*新增内容增加*/
.ind_box .row5{height:750px;background-size: cover;background-position: center;}
.ind_box .row5 .common_tit{margin-bottom: 100px;color: #fff;}
.ind_box .row5 .from_box{max-width:400px;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);margin: auto;padding-bottom: 30px;}
.ind_box .row5 .box{padding: 30px 40px;}
.ind_box .row5 .from_box h4,
.ind_box .row5 .from_box p{text-align: center;}
.ind_box .row5 .from_box h4{font-size: 26px;color: #00b072;}
.ind_box .row5 .from_box p{color: #d9d9d9;}
.ind_box .row5 .from_box input,
.ind_box .row5 .from_box button{display: block;height: 50px;line-height: 50px;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 0;margin-bottom: 10px;}
.ind_box .row5 .from_box input{text-indent: 15px;background: #f5f5f5;box-shadow: 0px -1px 3px 0px rgba(0,0,0,0.05) inset;font-size: 16px;color: #b2b2b2;margin-top: 35px;}
.ind_box .row5 .from_box button{text-align: center;font-size: 18px;background: #fff;cursor: pointer;font-family: "lantingL",Helvetica,Tahoma,Arial,"Hiragino Sans GB","Microsoft YaHei",SimSun,Heiti,sans-serif;}
.ind_box .row5 .from_box .btn1{border: 1px solid #fcb455;color: #fcb455;}
.ind_box .row5 .from_box .btn2{background: #0092fa; background: -moz-linear-gradient(top,  #0092fa 0%, #0073e5 100%); background: -webkit-linear-gradient(top,  #0092fa 0%,#0073e5 100%); background: linear-gradient(to bottom,  #0092fa 0%,#0073e5 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0092fa', endColorstr='#0073e5',GradientType=0 );box-shadow: 0 5px 20px rgba(0,0,0,0.25);color: #fff;}
.ind_box .row5 .from_box .link a{display: block;color:#999;border-bottom: 2px solid #eee;padding-bottom: 15px;text-align: center;}
@media screen and (max-width: 400px) {
	.ind_box .row5 .from_box{margin: 0 15px;}
	.ind_box .row5 .box{padding: 30px 15px;}
	.ind_box .row5 .common_tit{margin-bottom: 30px;}
	.ind_box .row5{height: 550px;}
}

.pro_box .made{position: relative;}
.pro_box .made .imgs img{position: absolute;right: 50px;z-index: 9;}
.pro_box .made .imgs .logo_icon{top:50px;}
.pro_box .made .imgs .icon{bottom: 50px;} 
.pro_box .made .pic{height:810px;overflow: hidden;}
.pro_box .made .pic span{display: block;height: 100%;background-size: cover;background-position: center;-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);transition: all 5s ease-out;-webkit-transition: all 5s ease-out;-o-transition: all 5s ease-out;-moz-transition: all 5s ease-out;-ms-transition: all 5s ease-out;}
.pro_box .made li.active .pic span{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.pro_box .made .pic img{display: none;}
.pro_box .made li{position: relative;}
.pro_box .made li .con{position: absolute;top: 0;left:0;width: 50%;height:100%;color: #fff;}
.pro_box .made li .con:before{content: "";position: absolute;width: 100%;height: 100%;background: #1da3dd;opacity: 0.7;}
.pro_box .made li .tb{position: relative;text-align: center;width: 83.33%;float: right;}
.pro_box .made li .txt{display:block;text-align: left;padding: 30px 30px 30px 0;opacity: 0;transform:translateY(30px);-o-transform:translateY(30px);-ms-transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}
.pro_box .made h3{font-size: 38px;margin-bottom: 35px;}
.pro_box .made p{font-size: 14px;line-height: 40px;}
.pro_box .made li.active .txt{opacity: 1; transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);-moz-transform:translateX(0px);-webkit-transform:translateX(0px);}
.pro_box .made .bx-controls{left:0;width: 100%;margin-top: -37px;height: 75px;}
.pro_box .made .bx-wrapper .bx-pager,
.pro_box .made .bx-wrapper .bx-next{display: none;}
.pro_box .made .bx-wrapper .bx-controls-direction a{width: 75px;height: 75px;line-height: 75px;color: #fcb455;box-shadow: 0 5px 30px rgba(0,0,0,0.15);border-radius: 50%;background: #fff;left:50%;margin-left: -37px;font-size: 30px;}
@media screen and (max-width: 1000px) {
	.pro_box .made li{background: #78b944;overflow: hidden;}
	.pro_box .made li .con:before{display: none;}
	.pro_box .made li:nth-child(2){background: #1da3dd;}
	.pro_box .made li:nth-child(3){background: #f3af55;}
	.pro_box .made li:nth-child(4){background: #f5b1b2;}
	.pro_box .made li:nth-child(5){background: #78b944;}
	.pro_box .made li:nth-child(6){background: #1da3dd;}
	.pro_box .made li .con{position: relative;width: 100%;height: auto;}
	.pro_box .made .pic{height: auto;}
	.pro_box .made .pic span{background: none !important;}
	.pro_box .made .pic img{display: block;}
	.pro_box .made .imgs img{display: none;}
	.pro_box .made li .txt{opacity: 1;transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}
	.pro_box .made li .txt{display: block;}
	.pro_box .made p{line-height: 24px;font-size: 13px;}
	.pro_box .made h3{font-size: 24px;margin-bottom: 15px;}
} 
.footer_box .weixin{display: none;}
@media screen and (max-width: 640px) {
	.footer_box .weixin{width: 150px;display: block;margin: 0 auto;}
}
@media screen and (max-width: 1024px) {
	.footer_box ul li{width: 100%;}
}

/**/
.scroll_btn{width:18px;height: 38px;border-radius: 20px;border:1px solid #fff; position: absolute;left: 50%;bottom:15px;margin-left:-10px;cursor: pointer;z-index: 9; display:none;}
.scroll_btn span{width: 4px;height: 4px;position: absolute;left:50%;margin-left: -2px;top:8px;background: #fff;border-radius: 50%;-webkit-animation: srcollDown 2s infinite ease-in-out; -o-animation: srcollDown 2s infinite ease-in-out;  -moz-animation: srcollDown 2s infinite ease-in-out; animation: srcollDown 2s infinite ease-in-out;}
@media screen and (max-width: 640px) {
	.scroll_btn{display: block;}
	.ind_box .banner .bx-controls{display: none;}
}

@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1475922594_8654838.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1475922594_8654838.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1475922594_8654838.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/font_1475922594_8654838.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1475922594_8654838.svg#iconfont') format('svg'); /* iOS 4.1- */
}                 
                    
@font-face {
  font-family: 'lantingL';
	  src: url('font/lantingL.eot'); /* IE9*/
	  src: url('font/lantingL.eot?#iefix') format('embedded-opentype'), 
	  url('font/lantingL.woff') format('woff'), 
	  url('font/lantingL.ttf') format('truetype'),
	  url('font/lantingL.svg#lantingL') format('svg'); /* IE6-IE8 */  /* chrome、firefox */  /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */ /* iOS 4.1- */
}                                                                    
                    

                    
.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
             
@keyframes 'moveDown' {
	0%{opacity: 0; transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}
	50%{opacity: 1; transform:translateY(20px);-o-transform:translateY(20px);-ms-transform:translateY(20px);-moz-transform:translateY(20px);-webkit-transform:translateY(20px);}
	100%{opacity: 0; transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);-moz-transform:translateX(0px);-webkit-transform:translateX(0px);}
}
@-webkit-keyframes 'moveDown' {
	0%{opacity: 0; transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}
	50%{opacity: 1; transform:translateY(20px);-o-transform:translateY(20px);-ms-transform:translateY(20px);-moz-transform:translateY(20px);-webkit-transform:translateY(20px);}
	100%{opacity: 0; transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);-moz-transform:translateX(0px);-webkit-transform:translateX(0px);}
}
@-o-keyframes 'moveDown' {
	0%{opacity: 0; transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}
	50%{opacity: 1; transform:translateY(20px);-o-transform:translateY(20px);-ms-transform:translateY(20px);-moz-transform:translateY(20px);-webkit-transform:translateY(20px);}
	100%{opacity: 0; transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);-moz-transform:translateX(0px);-webkit-transform:translateX(0px);}
}
@-moz-keyframes 'moveDown' {
	0%{opacity: 0; transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}
	50%{transform:translateY(20px);-o-transform:translateY(20px);-ms-transform:translateY(20px);-moz-transform:translateY(20px);-webkit-transform:translateY(20px);}
	100%{opacity: 0; transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);-moz-transform:translateX(0px);-webkit-transform:translateX(0px);}
}
@keyframes 'Line' {
	0%{opacity:0;-webkit-transform: scale(0,1);-moz-transform: scale(0,1);-o-transform: scale(0,1);-ms-transform: scale(0,1);transform: scale(0,1);}
	100%{opacity:1;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-o-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1);}
}
@-webkit-keyframes 'Line' {
	0%{opacity:0;-webkit-transform: scale(0,1);-moz-transform: scale(0,1);-o-transform: scale(0,1);-ms-transform: scale(0,1);transform: scale(0,1);}
	100%{opacity:1;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-o-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1);}
}
@-o-keyframes 'Line' {
	0%{opacity:0;-webkit-transform: scale(0,1);-moz-transform: scale(0,1);-o-transform: scale(0,1);-ms-transform: scale(0,1);transform: scale(0,1);}
	100%{opacity:1;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-o-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1);}
}
@-moz-keyframes 'Line' {
	0%{opacity:0;-webkit-transform: scale(0,1);-moz-transform: scale(0,1);-o-transform: scale(0,1);-ms-transform: scale(0,1);transform: scale(0,1);}
	100%{opacity:1;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-o-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1);}
}

@keyframes 'scale_round' {
	0%{opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
	100%{opacity: 0;-webkit-transform: scale(2);-moz-transform: scale(2);-o-transform: scale(2);-ms-transform: scale(2);transform: scale(2);}
}
@-webkit-keyframes 'scale_round' {
	0%{opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
	100%{opacity: 0;-webkit-transform: scale(2);-moz-transform: scale(2);-o-transform: scale(2);-ms-transform: scale(2);transform: scale(2);}
}
@-o-keyframes 'scale_round' {
	0%{opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
	100%{opacity: 0;-webkit-transform: scale(2);-moz-transform: scale(2);-o-transform: scale(2);-ms-transform: scale(2);transform: scale(2);}
}
@-moz-keyframes 'scale_round' {
	0%{opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
	100%{opacity: 0;-webkit-transform: scale(2);-moz-transform: scale(2);-o-transform: scale(2);-ms-transform: scale(2);transform: scale(2);}
}

@-webkit-keyframes waves {
  0% {background-position:0px 0px;}
  100% {background-position:0px -5000px;}
}
@keyframes waves {
  0% {background-position:0px 0px;}
  100% {background-position:0px -5000px;}
}
@keyframes 'milk' {
	0%,50%{background-position:0px -50px;}
	100%{background-position:0px -900px;}
}
@-webkit-keyframes 'milk' {
	0%,50%{background-position:0px -50px;}
	100%{background-position:0px -900px;}
}
@-o-keyframes 'milk' {
	0%,50%{background-position:0px -50px;}
	100%{background-position:0px -850px;}
}
@-moz-keyframes 'milk' {
	0%,50%{background-position:0px -50px;}
	100%{background-position:0px -850px;}
}
@keyframes 'downing' {
	0%,50%{opacity: 0; transform:translateY(70px);-o-transform:translateY(70px);-ms-transform:translateY(70px);-moz-transform:translateY(70px);-webkit-transform:translateY(70px);}
	100%{opacity: 1; transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}
}
@-webkit-keyframes 'downing' {
	0%,50%{opacity: 0; transform:translateY(70px);-o-transform:translateY(70px);-ms-transform:translateY(70px);-moz-transform:translateY(70px);-webkit-transform:translateY(70px);}
	100%{opacity: 1; transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}
}
@-o-keyframes 'downing' {
	0%,50%{opacity: 0; transform:translateY(70px);-o-transform:translateY(70px);-ms-transform:translateY(70px);-moz-transform:translateY(70px);-webkit-transform:translateY(70px);}
	100%{opacity: 1; transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}
}
@-moz-keyframes 'downing' {
	0%,50%{opacity: 0; transform:translateY(70px);-o-transform:translateY(70px);-ms-transform:translateY(70px);-moz-transform:translateY(70px);-webkit-transform:translateY(70px);}
	100%{opacity: 1; transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}
}


@keyframes 'Down' {
	0%{opacity: 0;transform:translateY(-60px);-o-transform:translateY(-60px);-ms-transform:translateY(-60px);-moz-transform:translateY(-60px);-webkit-transform:translateY(-60px);}
	50%{opacity: 0.5; transform:translateY(100px);-o-transform:translateY(100px);-ms-transform:translateY(100px);-moz-transform:translateY(100px);-webkit-transform:translateY(100px);}
	100%{opacity: 1; transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}
}
@-webkit-keyframes 'Down' {
	0%{opacity: 0;transform:translateY(-60px);-o-transform:translateY(-60px);-ms-transform:translateY(-60px);-moz-transform:translateY(-60px);-webkit-transform:translateY(-60px);}
	50%{opacity: 0.5; transform:translateY(100px);-o-transform:translateY(100px);-ms-transform:translateY(100px);-moz-transform:translateY(100px);-webkit-transform:translateY(100px);}
	100%{opacity: 1; transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}
}
@-o-keyframes 'Down' {
	0%{opacity: 0;transform:translateY(-60px);-o-transform:translateY(-60px);-ms-transform:translateY(-60px);-moz-transform:translateY(-60px);-webkit-transform:translateY(-60px);}
	50%{opacity: 0.5; transform:translateY(100px);-o-transform:translateY(100px);-ms-transform:translateY(100px);-moz-transform:translateY(100px);-webkit-transform:translateY(100px);}
	100%{opacity: 1; transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}
}
@-moz-keyframes 'Down' {
	0%{opacity: 0;transform:translateY(-60px);-o-transform:translateY(-60px);-ms-transform:translateY(-60px);-moz-transform:translateY(-60px);-webkit-transform:translateY(-60px);}
	50%{opacity: 0.5; transform:translateY(100px);-o-transform:translateY(100px);-ms-transform:translateY(100px);-moz-transform:translateY(100px);-webkit-transform:translateY(100px);}
	100%{opacity: 1; transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}

}
@keyframes 'srcollDown' {
	0%{opacity: 0;transform:translateY(30px);-o-transform:translateY(30px);-ms-transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);}
	50%{opacity: 1;transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}
	100%{opacity: 0;transform:translateY(30px);-o-transform:translateY(30px);-ms-transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);}
}
@-webkit-keyframes 'srcollDown' {
	0%{opacity: 0;transform:translateY(30px);-o-transform:translateY(30px);-ms-transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);}
	50%{opacity: 1;transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}
	100%{opacity: 0;transform:translateY(30px);-o-transform:translateY(30px);-ms-transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);}
}
@-o-keyframes 'srcollDown' {
	0%{opacity: 0;transform:translateY(30px);-o-transform:translateY(30px);-ms-transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);}
	50%{opacity: 1;transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}
	100%{opacity: 0;transform:translateY(30px);-o-transform:translateY(30px);-ms-transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);}
}
@-moz-keyframes 'srcollDown' {
	0%{opacity: 0;transform:translateY(30px);-o-transform:translateY(30px);-ms-transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);}
	50%{opacity: 1;transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}
	100%{opacity: 0;transform:translateY(30px);-o-transform:translateY(30px);-ms-transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);}
}



.name .nowrap{overflow:inherit }
.imgbg video {margin-top: -140px;}