@import url(animate.min.css);
@import url(pscroll.css);
/*动画*/
.mask2{position: fixed; width: 100%; height: 100%;top: 0px;left: 0px; background: #fff url(../images/loading2.gif) center center no-repeat; z-index: 2000;}
.section1{background-repeat:no-repeat; background-position:center% center;background-size:cover;background-image: url(../images/product8_img1.jpg);}
.index1_con{width:92%; line-height:40px;max-width:1000px; text-align:center; margin:0 auto; margin-top:5%;color: #ccc;}
.index1_con2{ width:94%; margin:0 auto;margin-top:1%;line-height:26px; max-width:680px;}
.index1_imgs{ margin:0 auto; width:60%; max-width:740px;}
.section2{background-repeat:no-repeat; background-position:center center;background-size:cover;background-image: url(../images/product8_img2.jpg);}
.index2_con{width:86%; line-height:40px; text-align:center; margin:0 auto; margin-top:5%; }
.index2_imgs{margin:0 auto; width:76%; max-width:1300px; margin-top:6%;}
.index2_con2{margin:0 auto;margin-top:1%;line-height:26px;max-width:680px;}
.section3{background-repeat:no-repeat; background-position:center center;background-size:cover;background-image: url(../images/product8_img3.jpg);}
.index3_con{width:86%; line-height:40px; text-align:center; margin:0 auto; margin-top:5%;color:#fff; }
.index3_imgs{margin:0 auto; width:76%; max-width:1300px; margin-top:4%;}
.index3_con2{margin:0 auto;margin-top:1%;line-height:26px;max-width:680px; color:#fff;}

.section4{background-repeat:no-repeat; background-position:center center;background-size:cover;background-image: url(../images/product8_img4.jpg);}
.index4_con{ max-width:1300px; width:90%; margin:0 auto;line-height:40px;color:#666; text-align:center; margin-top:5%;}
.index4_con img{ width:100%; display:block;}
.index4_left{width:44%; float:left; text-align:left; margin-top:10%;color: #666;}
.index4_left img{ margin-top:3%;}
.index4_imgs{width:49%; max-width:619px; float:right; overflow:hidden;margin-top:4%;}

.section5{background-repeat:no-repeat; background-position:center center;background-size:cover;background-image: url(../images/product8_img5.jpg);}
.index5_con{ max-width:1217px; width:86%; margin:0 auto;line-height:40px;color:#60605f; text-align:center; margin-top:10%;}
.index5_con img{ width:100%; display:block;}

.section6{background-repeat:no-repeat; background-position:center center;background-size:cover;background-image: url(../images/product8_img6.jpg);}
.index6_con{ max-width:1060px; width:94%; margin:0 auto;line-height:40px;color:#fff; text-align:center; margin-top:10%;}
.index6_con2{ padding-top:4%;}
.index6_left{width:32%;  float:left; text-align:left;}
/*.index6_left{width:30%; max-width:270px; float:left; text-align:left;}*/
.index6_imgs{width:62%; float:right; overflow:hidden;}
.index6_imgs img{ width:100%; display:block;}

.section7{background-repeat:no-repeat; background-position:center center;background-size:cover;background-image: url(../images/product8_img7.jpg);}
.index7_con{ max-width:1200px; width:94%; margin:0 auto;line-height:40px;color:#60605f; text-align:center; margin-top:10%;}
.index7_con img{ width:100%; display:block;}
.index7_t{ overflow:hidden; margin-bottom:4%;}
.index7_right{width:46%; float:right; text-align:left; margin-top:4%;}
.index7_right img{ margin-top:3%;}
.index7_imgs{width:48%; max-width:611px; float:left; overflow:hidden;}

.section8{background-repeat:no-repeat; background-position:center center;background-size:cover;background-image: url(../images/product8_img8.jpg);}
.index8_con{ max-width:1200px; width:90%; margin:0 auto;line-height:40px;color:#60605f; text-align:center; margin-top:5%;}
.index8_con img{ width:100%; display:block;}
.index8_t{ overflow:hidden; margin-bottom:4%;}
.section8.active .fadeIn{animation-duration: 2s;}
.section8.active .index8_ul ul li:nth-child(1) .flipInY{animation-delay: 1s;}
.section8.active .index8_ul ul li:nth-child(2) .flipInY{animation-delay: 2s;}
.section8.active .index8_ul ul li:nth-child(3) .flipInY{animation-delay: 3s;}
.section8.active .fadeIn{animation-duration: 2s;}
.section8.active .index8_ul ul li:nth-child(1) .fadeIn{animation-delay: 2s;}
.section8.active .index8_ul ul li:nth-child(2) .fadeIn{animation-delay: 3s;}
.section8.active .index8_ul ul li:nth-child(3) .fadeIn{animation-delay: 4s;}

.section9{background-repeat:no-repeat; background-position:center center;background-size:cover;background-image: url(../images/product8_img9.jpg);}
.index9_con{ max-width:1120px; width:94%; margin:0 auto;line-height:40px;color:#1d1d1d; text-align:center; margin-top:10%;}
.index9_con2{ padding-top:2%;}
.index9_left{width:25%; max-width:200px; float:left; text-align:left;color: #ccc;}
.index9_imgs{width:76%; float:right; overflow:hidden;}
.index9_imgs img{ width:100%; display:block;}
.index9_a{ display:block; width:120px; height:38px; line-height:38px; background-color:#cda35e; color:#fff; font-size:16px; text-align:center; margin-top:5%;transition:all 0.3s;}
.index9_a:hover{ color:#fff; background-color:#c4c5c7;}





.clear:after{content:'\20';display:block;height:0;clear:both;visibility:hidden;}
/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;l:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(../images/rightbar.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(../images/rightbar.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(../images/rightbar.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(../images/rightbar.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}











.qixiaBrandHover {width:100%;background-color:#f6f6f6;}
.qixiaBrand {position:fixed;  z-index:6; bottom:0;  margin:auto;
-webkit-transition: all .5s;
   -moz-transition: all .5s;
    -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s;}

.qixiaBrand a {display:block; background-color:#fff; width:10%;/*height:8.9vh;*/ height:auto; margin-bottom:8px; cursor:pointer; overflow:hidden;-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box; float:left; margin:auto; text-align:center; margin-left:4%;
}
/*	
.qixiaBrand a img {width:100%;
-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;
}
.qixiaBrand a:hover img {
-webkit-transform: scale(1.1, 1.1);
   -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
     -o-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
}
*/
.qixiaBrand a {width:10%;padding:0px 0px 10px 0px; height:40px; text-align:center; line-height:40px; font-size:14px; font-family:"微软雅黑"; color:#333;
-webkit-transition: all .3s ;
   -moz-transition: all .3s ;
    -ms-transition: all .3s ;
     -o-transition: all .3s ;
        transition: all .3s ; background-color:#f6f6f6;margin-left:4%;
}
.qixiaBrand a:hover {color:#fff;background-color:#cda35e;}
.qixiaBrand .cur {color:#fff;background-color:#cda35e;}
.qixiaBrandHover {width:100%;}



.section10{background-repeat:no-repeat; background-position:center center;background-size:cover;background-image: url(../images/product8_img10.jpg);}
.index3_con{ max-width:1000px; width:90%; margin:0 auto;color:#fff; text-align:center; margin-top:5%;}
.index3_con img{ margin:0 auto; display:block;}
.index3_t{ overflow:hidden; margin-bottom:4%;}
.section33.active .fadeIn{animation-duration: 2s;}
.section33.active .index3_ul .owl-item:nth-child(1) .flipInY{animation-delay: 1s;}
.section33.active .index3_ul .owl-item:nth-child(2) .flipInY{animation-delay: 2s;}
.section33.active .index3_ul .owl-item:nth-child(3) .flipInY{animation-delay: 3s;}
.section33.active .fadeIn{animation-duration: 2s;}
.section33.active .index3_ul .owl-item:nth-child(1) .fadeIn{animation-delay: 2s;}
.section33.active .index3_ul .owl-item:nth-child(2) .fadeIn{animation-delay: 3s;}
.section33.active .index3_ul .owl-item:nth-child(3) .fadeIn{animation-delay: 4s;}











@media screen and (max-width:1760px) {

}
@media screen and (max-width:1440px) {

}
@media screen and (max-width:1200px) {

}
@media screen and (max-width:1000px) {

}
@media screen and (max-width:960px) {


}
@media screen and (max-width:830px) {

}


@media screen and (max-width: 780px) {

}
@media screen and (max-width: 640px) {
.index1_con2{ line-height:22px;}
.index1_imgs{ width:80%;}
.index2_con2{ line-height:22px;}
.index2_imgs{ width:96%;}
.index3_con2{ line-height:22px;}
.index3_imgs{ width:96%;}
.index4_left{width:76%; margin:0 auto; margin-bottom:5%; float:none;}
.index4_imgs{width:76%; float:none; margin:0 auto;}
.index6_con{ line-height:22px;}
.index6_left{width:90%; margin:0 auto; margin-bottom:6%; float:none;}
.index6_imgs{width:78%; margin:0 auto;}
.index7_right{width:76%; margin:0 auto; margin-bottom:5%; float:none;}
.index7_imgs{width:70%; float:none; margin:0 auto;}
.index9_con{ line-height:22px;}
.index9_left{width:90%; margin:0 auto; margin-bottom:6%; float:none;}
.index9_imgs{width:78%;}
}

@media screen and (max-width: 480px) {
.index1_con2{ line-height:20px;}
.index2_con2{ line-height:20px;}
.index2_imgs{ width:100%;}
.index3_con2{ line-height:20px;}
.index4_left{width:88%;}
.index4_imgs{width:80%; float:none;}
.index7_right{width:90%;}
.index7_imgs{width:60%;}
.index9_con{ line-height:20px;}
.index9_imgs{width:90%;}
}

@media screen and (max-width:360px) {

}