/*html,body{width:100%; overflow-x:hidden; height:auto !important;}*/
.abc img{width:100%;}
.header-search a{-ms-behavior: url(../css/backgroundsize.min.htc);
behavior: url(../css/backgroundsize.min.htc);}
/*首页*/
.banner ,.banner img{width:100%;}
.home-owl { margin:0 auto; text-align:center;}
.home-owl ul{ margin:0 auto; text-align:center;}
.home-owl li{ display:inline-block; width:260px; text-align:center; padding:15px 0;}
.home-owl li i{ width:55px; height:55px; display:inline-block; transition:.5s; transform:rotateY(0deg);}
.home-owl li:hover i{ transform:rotateY(180deg);background:url(../images/icon6.png) no-repeat; background-size:cover;}
.home-owl li .icon1{background:url(../images/icon1.png) no-repeat; background-size:cover;}
.home-owl li .icon2{background:url(../images/icon2.png) no-repeat; background-size:cover;}
.home-owl li .icon3{background:url(../images/icon3.png) no-repeat; background-size:cover;}
.home-owl li .icon4{background:url(../images/icon4.png) no-repeat; background-size:cover;}
.home-owl .on .icon1,.home-owl li:hover .icon1{background:url(../images/icon5.png) no-repeat; background-size:cover;}
.home-owl .on .icon2,.home-owl li:hover .icon2{background:url(../images/icon6.png) no-repeat; background-size:cover;}
.home-owl .on .icon3,.home-owl li:hover .icon3{background:url(../images/icon7.png) no-repeat; background-size:cover;}
.home-owl .on .icon4,.home-owl li:hover .icon4{background:url(../images/icon8.png) no-repeat; background-size:cover;}
.home-owl .on h2,.home-owl .on p,.home-owl li:hover P,.home-owl li:hover h2{color:#d10000;}
.home-owl li h2{color:#323232; font-size:16px; margin:10px 0 5px;}
.home-owl li p{color:#969696; font-size:14px;}
.banner .slideBox{ width:100%; overflow:hidden; position:relative;}
.banner .slideBox .hd{ height:15px; overflow:hidden; position:absolute; width:100%; text-align:center; right:5px; bottom:20px; z-index:1; }
.banner .slideBox .hd ul{ overflow:hidden; zoom:1; text-align:center;}
.banner .slideBox .hd ul li{ width:10px; height:10px; border-radius:50%; line-height:14px; display:inline-block; margin:0 5px; text-align:center; background:#fff; cursor:pointer; }
.banner .slideBox .hd ul li.on{ background:#f00; color:#fff; }
.banner .slideBox .bd{ position:relative; height:100%; z-index:0; }
.banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
.banner .slideBox .bd img{ width:100%; display:block; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
/*.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; }
.slideBox .prevStop{ display:none; }
.slideBox .nextStop{ display:none; }*/
.home-content{ padding:80px 0; background:#F6F6F6;}
.home-view li{float:left; position:relative; height:300px; overflow:hidden; width:393px;}
.home-view li:first-child{width:786px;}
.home-view li img{transition:1s;}
.home-view li:hover img{ transform:scale(1.1);}
.home-viewMore{width:393px; height:100%; background:#A50B0B; color:#fff; text-align:center;}
.home-viewMore h2{ font-size:28px; font-weight:400; padding:95px 0 10px; transition:.5s;}
.home-viewMore p{font-size:9px; text-transform:uppercase; color:#C37878; transition:.5s;}
.home-lattle{ letter-spacing:3.5px;}
.home-viewFour { position:absolute; top:0; left:0; width:353px; padding-left:40px; height:125px; z-index:3; background:#A50B0B;}
.home-viewFour h2{ font-weight:400; font-size:18px; color:#fff; margin:45px 0 5px;}
.home-viewFour p{font-size:10px; color:#C37878; text-transform:uppercase;}
.home-viewOne{ position:absolute; left:40px; bottom:30px;}
.home-viewOne h2{ font-weight:400; font-size:18px; color:#fff; margin-bottom:5px;}
.home-viewOne p{font-size:12px; color:#8D969D; text-transform:uppercase;}
.home-view li h2,.home-view li p{transition: all 300ms linear;}
.home-view li:hover h2{font-size:20px;}
.home-view li:hover p{font-size:14px;}
.home-view li:hover .home-viewMore h2{ font-size:22px !important;}
.home-view li:hover .home-viewMore p{ font-size:14px !important;}
.home-viewFive{ position:absolute; top:45px; right:40px; text-align:right;}
.home-viewFive h2{ font-weight:400; font-size:18px; color:#fff; margin-bottom:5px;}
.home-viewFive-btn{ cursor:pointer;}
.home-viewFive-btn p{font-size:10px; color:#8D969D; text-transform:uppercase; margin-bottom:10px;}
.home-viewFive-drop{ display:none;}
.home-viewFive-drop p{height:35px; line-height:35px; border-bottom:1px solid #7e7e7e;}
.home-viewFive-drop p a{color:#fff; font-size:16px;}
.home-viewFive-drop p:hover a{color:#A50B0B;}
.home-slide{margin-top:80px; overflow:hidden;}
.home-slide .slideBox{ width:480px; height:390px; position:relative; border:1px solid #ddd; }
.home-slide .slideBox .hd{ overflow:hidden; position:absolute; left:500px; top:0; transform:translateX(120%); transition:1s;}
/*.home-slide .slideBox .hd li{width:580px; padding:30px 50px; height:70px; position:relative; border-right:2px solid #f5f5f5;}*/
.home-slide .slideBox .hd li{width:580px; padding:30px 50px; height:70px; position:relative; border-right:2px solid #f5f5f5;}
.home-slide .slideBox .hd li:nth-child(2n + 1){background:#fff; border-right:2px solid #fff;}
.home-slideBtn a{ position:absolute; bottom:30px; right:70px;}
.home-slideBtn a:before{ content:""; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:6px solid #323232; width:0; height:0; display:inline-block; position:absolute; right:-20px; bottom:5px;}
.home-slide .slideBox .hd ul li.on a:before{border-left:6px solid #CA1919;}
.home-slide .slideBox .hd li h2{font-size:16px; color:#323232; font-weight:600;}
.home-slide .slideBox .hd li h2 em{color:#d1d1d1; font-size:12px; float:right;}
.home-slide .slideBox .hd li p{color:#969696; font-size:14px; margin-top:15px; width:450px; height:38px; line-height:19px; overflow:hidden;}
.home-slide .slideBox .hd ul li.on{ border-right:2px solid #A50B0B; }
.home-slide .slideBox .hd ul li.on h2,.home-slide .slideBox .hd ul li.on p,.home-slide .slideBox .hd ul li.on a{ color:#CA1919;}
.home-slide .slideBox .bd{ position:relative; height:100%; z-index:0; transform:translateX(-120%); transition:1s; }
.home-slide .slideBox{ visibility:hidden;}
.onMove .slideBox { visibility:visible;transition:1s;}
.onMove .slideBox .bd{transform:translateX(0%);}
.onMove .slideBox .hd{transform:translateX(0%);}
.home-slide .slideBox .bd li{ zoom:1; vertical-align:middle; }
.home-slide .slideBox .bd img{ width:480px; height:390px; display:block; }
.home-slide .slideBox .prev{ position:absolute; right:40px; top:0; display:block; width:40px; height:40px; background:url(../images/icon12.png);}
.home-slide .slideBox .next{ position:absolute; right:0px; top:0; display:block; width:40px; height:40px; background:url(../images/icon13.png);}
.home-slide .slideBox .prevStop{ display:none; }
.home-slide .slideBox .nextStop{ display:none; }
.home-marquee{margin-top:80px;}
.home-marquee{ width:100%; overflow:hidden; position:relative;}
.home-marquee .hd{ overflow:hidden; height:30px; background:#f4f4f4; padding:0 10px; }
.home-marquee .hd .prev,.home-marquee .hd .next{ display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px; overflow:hidden;
cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.home-marquee .hd .next{ background-position:0 -50px; }
.home-marquee .hd .prevStop{ background-position:-60px 0; }
.home-marquee .hd .nextStop{ background-position:-60px -50px; }
.home-marquee .bd ul{ overflow:hidden; zoom:1; }
.home-marquee .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; }
.home-marquee .bd ul li .pic{ text-align:center; }
.home-marquee .bd ul li .pic img{ width:180px; height:120px; display:block; padding:2px; border:1px solid #ccc; }
.home-marquee .bd ul li .pic a:hover img{ border-color:#999; }
.home-marquee .bd ul li .title{ line-height:24px; }
/*关于我们*/
.about{ padding-bottom:100px;}
.about-left{width:300px; position:relative;}
.about-title{ position:absolute; top:-120px; left:0; background:#c02d2d; color:#fff; width:270px; padding-left:30px; display:inline-block; height:120px;}
.about-title h2{font-size:20px; margin-top:30px; text-transform:uppercase; font-weight:400;}
.about-title p{font-size:16px; margin-top:8px;}
.about-nav li:first-child{border-top:1px solid #d33d3d;}
.about-nav li{width:300px; background:#f1f1f1; text-align:center; border-top:1px solid #e1e1e1; position:relative;}
.about-nav .on{background:#c02d2d;}
.about-nav li .on{background:#f1f1f1;}
.about-nav .on p{background:#c02d2d;}
.about-nav .on .service-dropBtn{color:#fff;}
.about-nav .on .on a{color:#fff;}
.about-nav li a{height:70px; line-height:70px; width:100%; font-size:16px; color:#666; display:inline-block; position:relative;}
.about-nav li.on>a{color:#fff;}
.about-nav li:before{content:""; position:absolute; top:0; left:0; height:70px; width:0; transition:.5s; z-index:0;}
.about-nav li:hover:before{width:300px; background:#c02d2d;}
.about-nav li:hover{ +background:#c02d2d; -background:#c02d2d;}
.about-nav li:hover>a{color:#fff;}
.about-nav li:hover .service-dropBtn{color:#fff;}
.about-right{width:850px;}
.about-tit{ padding:20px 0; border-bottom:1px solid #f1f1f1; margin-top:25px;}
.about-tit b{color:#444; font-size:18px; /*font-weight:400;*/}
.about-tit b span{color:#969696; font-size:12px; text-transform:uppercase;}
.about-text{ padding:20px 0;}
.about-text img{margin-top:30px;}
.about-text h2{color:#444; font-size:16px; padding:15px 0; text-indent:30px;}
.about-text p{color:#969696; font-size:16px; line-height:28px; /*text-indent:30px;*/}
/*人力资源*/
.recruit-nav { padding:55px 0 10px;}
.recruit-nav li{width:220px; +width:190px; -width:190px; width:190px \9; text-align:center; float:left; margin-right:90px;}
.recruit-nav li:last-child{margin-right:0;}
.recruit-nav li i{background:url(../images/icon10.png) no-repeat; background-size:cover; transition:.5s; transform:rotateX(0deg); width:125px; height:125px; display:inline-block; animation:bigImg 1s;}
.recruit-nav li:nth-child(2) i{background:url(../images/sh1.png) no-repeat; background-size:cover;}
.recruit-nav li:nth-child(2):hover i{background:url(../images/sh2.png) no-repeat; background-size:cover;}
.recruit-nav li:nth-child(3) i{background:url(../images/zp1.png) no-repeat; background-size:cover;}
.recruit-nav li:nth-child(3):hover i{background:url(../images/zp2.png) no-repeat; background-size:cover;}
@keyframes bigImg
{
0%{ transform:scale(0); opacity:0;}
100%{ transform:scale(1); opacity:1;}
}
/*.recruit-nav .on i{background:url(../images/icon9.png) no-repeat; background-size:cover;}*/
.recruit-nav li:hover i{background:url(../images/icon9.png) no-repeat; background-size:cover;}
.recruit-nav li h2{font-size:16px; color:#444; margin:25px 0 10px;}
.recruit-nav li p{color:#969696; font-size:12px; line-height:22px;}
.recruit-search{margin:40px 0 20px;}
.recruit-search span{width:680px; height:38px; line-height:38px; position:relative; border:1px solid #d1d1d1;}
.recruit-search input{height:38px; line-height:38px; font-size:16px; color:#d1d1d1; width:650px; text-indent:15px;}
.recruit-search i{background:url(../images/search1.png) no-repeat; width:22px; height:22px; display:inline-block; position:absolute; top:7px; right:8px; cursor:pointer;}
.recruit-search a{width:155px; height:40px; line-height:40px; display:inline-block; text-align:center; color:#fff; font-size:16px; background:#e20000; letter-spacing:15px; text-indent:15px;}
.recruit-table table{width:100%;}
.recruit-table th{background:#f1f1f1; height:50px; line-height:50px; text-align:left; text-indent:20px; font-size:16px; font-weight:400; color:#444;}
.recruit-table td{font-size:14px; color:#646464; padding:25px 0; border-bottom:1px solid #f1f1f1; text-indent:20px;}
.recruit-table td a{width:90px; height:25px; line-height:25px; display:inline-block; text-align:center; color:#fff; background:#e20000; text-indent:0;}
.recruit-table td:last-child{width:160px;}
/*服务支持*/
.service{ padding:25px 0;}
.service li{ border-bottom:1px solid #f1f1f1;}
.service li a{ display:inline-block; padding:20px 0; color:#444; font-size:16px; width:100%;}
.service li .service-more{font-size:14px; color:#D1D1D1;}
.service li a:hover,.service li a:hover .service-more{color:#c02d2d;}
.service li .service-txt{width:750px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.about-nav li i{border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #666; position:absolute; top:33px; right:95px;}
.about-nav li:hover i{border-top:5px solid #fff;}
.about-nav .on i{ border-top:5px solid #fff;}
/*.service-drop{ display:none;}*/
.about-nav .service-drop p.active{background:url(../images/navBg.jpg);}
.about-nav .service-drop p:hover{background:url(../images/navBg.jpg); color:#fff;}
.about-nav .service-drop p:hover a{color:#fff;}
/*产品技术*/
.section1{background: url("../images/section1.jpg") no-repeat center; background-size:cover;-ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);}
.section2{background: url("../images/section2.jpg") no-repeat center; background-size:cover;-ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);}
.section3{background: url("../images/section3.jpg") no-repeat center; background-size:cover;-ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);}
.section4{background: url("../images/section4.jpg") no-repeat center; background-size:cover;-ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);}
#floatMenu{position: fixed;height: 180;left:0;top:50%;margin-top: -90px;z-index: 99;}
#floatMenu li a{width:14px; height:4px; background:#44454C; display:block;}
#floatMenu li{margin-bottom: 54px;position: relative;}
#floatMenu li p{position: absolute; font-size:14px; color:#fff; top:-8px; left:38px; width:200px; display: none;}
#floatMenu li.active a{background:#9E9F9F; width:30px;}
#floatMenu li.active p{display: block;}
.section{position: relative;}
.product3-nav{text-align:center; margin:0 auto;}
.product3-nav ul{ text-align:center;/* padding-top:150px;*/}
.product3-nav li{ margin:0 25px; overflow:hidden;width:220px; height:330px; display:inline-block; position:relative;}
.product3-nav li a{width:180px; height:330px; padding:0 20px; background:rgba(255,255,255,.5); display:inline-block; transition:.5s; transform:rotateY(0deg);}
.product3-nav li i{ width:108px; height:108px; display:inline-block; margin:90px 0 50px;}
.product3-nav li .icon14{background:url(../images/icon14.png) no-repeat; background-size:cover;-ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);}
.product3-nav li .icon15{background:url(../images/icon15.png) no-repeat; background-size:cover;-ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);}
.product3-nav li .icon16{background:url(../images/icon16.png) no-repeat; background-size:cover;-ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);}
.product3-nav li .icon17{background:url(../images/icon17.png) no-repeat; background-size:cover;-ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);}
.product3-nav li h2{font-size:16px; color:#fff;}
.product3-nav li span{width:20px; height:1px; background:#fff; display:inline-block; margin:20px auto;}
.product3-nav li p{font-size:12px; color:#fff; line-height:22px; text-indent:10px;}
.product3-nav .product3-move span,.product3-move p{ display:none;}
.product3-move{ transition:.5s; position:relative; top:90px; width:180px; display:table-cell; vertical-align:middle;}
.tableCell{width:180px; padding:0 20px; height:330px; position:absolute; top:0; left:0; display:table;}
/*.product3-nav li:hover .product3-move{ top:0;transform:rotateY(180deg);}
.product3-nav li:hover a{ transform:rotateY(180deg); background:#E62135;}
.product3-nav li:hover i{ display:none;}
.product3-nav li:hover span { display:block;}
.product3-nav li:hover p{ display:inline-block;}*/
.active .animation1{animation:rollInLeft 1s .2s ease both;}
.active .animation2{animation:rollInLeft 1s .6s ease both;}
.active .animation3{animation:rollInLeft 1s 1s ease both;}
.active .animation4{animation:rollInLeft 1s 1.4s ease both;}
@keyframes rollInLeft{
0%{opacity:0;transform:translateX(-100%) rotate(-240deg)}
100%{opacity:1;transform:translateX(0px) rotate(0deg)}
}
@keyframes rollInRight{
0%{opacity:0;transform:translateX(100%) rotate(240deg)}
100%{opacity:1;transform:translateX(0px) rotate(0deg)}
}
.product2{width:840px; margin:0 auto; text-align:center; font-size:14px; color:#fff;}
.product2-pic{ text-align:center; margin:0 auto; /*padding-top:140px;*/ position:relative;}
.product2-txt{margin:100px auto 0;}
.product2-txt p{ line-height:25px;}
.product2-txtImg { margin:0 auto; text-align:center;}
.active .product2-txtImg P{COLOR:#15px; color:#fff;animation:rotateY 2s .1S linear; transform:translateY(0);}
.active .product2-txtImg img{ position:relative; margin:50px auto 20px;animation:rotateY 1.5s .1s linear; transform:translateY(0);}
.active .product2-pic{ animation:fadein 2s .00001s linear; opacity:1;}
.active .product2-pic img{animation:rotate 10s 2s linear infinite ;}
@keyframes rotate{
0%{ transform:rotate(0deg);}
100%{ transform:rotate(-360deg);}
}
@keyframes rotateY{
0%{ transform:translateY(50px);}
100%{ transform:translateY(0);}
}
@keyframes rotateImg{
0%{opacity:0;transform:translateY(0%) translateX(-100%);}
25%{opacity:.5;transform:translateY(50%) translateX(-75%);}
50%{opacity:.7;transform:translateY(-20%) translateX(-50%);}
75%{opacity:.9;transform:translateY(20%) translateX(-25%);}
100%{opacity:1;transform:translateY(0px) translateX(0%);}
}
.active .product2-txt .P1{animation:moveTxt 1.5s .2S linear;}
.active .product2-txt .P2{animation:moveTxt 1s .2S linear;}
.active .product2-txt .P3{animation:moveTxt 1s .2S linear;}
.active .product2-txt .P4{animation:moveTxt 1s .2S linear;}
@keyframes moveTxt{
0%{ transform:translatey(-100%); opacity:0;}
25%{ transform:translatey(-60%); opacity:.6;}
50%{ transform:translatey(-20%); opacity:.8;}
75%{ transform:translatey(-10%); opacity:.9;}
100%{ transform:translatey(0px); opacity:1;}
}
.product4-swiper{/* padding-top:200px;*/ text-align:center; margin:0 auto;}
.product4-txt{ font-size:14px; color:#fff; padding-top:20px; width:520px; margin:0 auto; line-height:25px;}
.product2-txtImg h2{ font-size:28px; color:#fff; margin-top:50px; font-weight:400;}
.product4-pic span{ position:relative; width:400px; height:150px; text-align:center; display:inline-block;}
.product4-pic img{ position:relative; z-index:44;/*animation:roproduct4Img 5s linear infinite ;*/}
.product4-pic ins{width:80px; height:80px; z-index:5; border-radius:50px; border:3px solid #f00; transform:rotateX(80deg); position:absolute; bottom:-30px; left:-8px; box-shadow:1px 2px 20px #f00; display:none;}
/*.active .product4-ins1{animation:movePic 5s .5s linear infinite ;}
.active .product4-ins2{animation:movePic 5s 2.5s linear infinite ;}*/
@keyframes movePic{
0%{bottom:-30px; width:85px; left:-10px;}
20%{bottom:-20px; width:90px; left:-13px;}
40%{bottom:-10px; width:95px; left:-15px;}
60%{bottom:0px; width:100px; left:-18px;}
80%{bottom:10px; width:105px; left:-20px;}
100%{bottom:20px; width:110px; left:-23px;}
}
@keyframes roproduct4Img{
0%{ transform:rotateY(0deg);}
25%{ transform:rotateY(20deg);}
50%{ transform:rotateY(45deg);}
75%{ transform:rotateY(20deg);}
100%{ transform:rotateY(0deg);}
}
.product-ss{ text-align:center; margin:0 auto;}
.product-ss span{margin-top:10px; display:block;}
.product-ss p{color:#fff; font-size:18px;}
.product-border{ margin:40px 0 20px;}
.product-ss h2 ,.product-ss span { opacity:0;}
.product-ss p{ opacity:0;}
.product-border{opacity:0;}
.active .product-ss h2 ,.active .product-ss span { animation: proScale 1.5s; opacity:1;}
.active .product-ss p{animation: proMove 2s; opacity:1;}
.active .product-border{animation: prorotate 2s; opacity:1;}
@keyframes proScale
{
0%{ transform:scale(0); opacity:0;}
100%{ transform:scale(1); opacity:1;}
}
@keyframes proMove
{
0%{ transform:translateY(30px); opacity:0;}
100%{ transform:translateY(0px); opacity:1;}
}
@keyframes prorotate
{
0%{ transform:rotate(0deg); opacity:0;}
100%{ transform:rotate(720deg); opacity:1;}
}
/*产品技术-空调控制*/
.kongtiao .section1{background: url("../images/section5.jpg") no-repeat center; background-size:cover;-ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);}
.kongtiao .section2{background: url("../images/section6.jpg") no-repeat center; background-size:cover;-ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);}
.kongtiao .section3{background: url("../images/section7.jpg") no-repeat center; background-size:cover;-ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);}
.airCondition{text-align:center; margin:0 auto;}
.airCondition ul{ text-align:center; /*padding-top:150px;*/}
.airCondition li{ margin:0 20px; overflow:hidden;width:175px; height:235px; display:inline-block; position:relative;}
.airCondition li a{width:155px; height:235px; padding:0 10px; background:rgba(255,255,255,.5); display:table; transition:.5s; transform:rotateY(0deg);}
.airCondition li i{ width:108px; height:108px; display:inline-block; margin:45px 0 50px;}
.airCondition li .icon18{background:url(../images/icon18.png) no-repeat;}
.airCondition li .icon19{background:url(../images/icon19.png) no-repeat;}
.airCondition li .icon20{background:url(../images/icon20.png) no-repeat;}
.airCondition li .icon21{background:url(../images/icon21.png) no-repeat;}
.airCondition li .icon22{background:url(../images/icon22.png) no-repeat;}
.airCondition li h2{font-size:16px; color:#fff;}
.airCondition li span{width:20px; height:1px; background:#fff; display:inline-block; margin:20px 0;}
.airCondition li p{font-size:14px; color:#fff; line-height:25px;}
.airCondition .product3-move span,.product3-move p{ display:none;}
.airCondition .product3-move{ transition:.5s; position:relative; top:60px; width:155px; display:table-cell;}
.airCondition li:hover .product3-move{ top:0;transform:rotateY(180deg);}
.airCondition li:hover a{ transform:rotateY(180deg); background:#E62135;}
.airCondition li:hover i{ display:none;}
.airCondition li:hover span { display:inline-block;}
.airCondition li:hover h2{ display:none;}
.airCondition li:hover p{ display:inline-block;}
.active .animation1{animation:rollInLeft 1s .2s ease both;}
.active .animation2{animation:rollInLeft 1s .6s ease both;}
.active .animation3{animation:rollInLeft 1s 1s ease both;}
.active .animation4{animation:rollInLeft 1s 1.4s ease both;}
.active .animation5{animation:rollInLeft 1s 1.8s ease both;}
@keyframes rollInLeft{
0%{opacity:0;transform:translateX(-100%) rotate(-240deg)}
100%{opacity:1;transform:translateX(0px) rotate(0deg)}
}
@keyframes rollInRight{
0%{opacity:0;transform:translateX(100%) rotate(240deg)}
100%{opacity:1;transform:translateX(0px) rotate(0deg)}
}
.airCondition-txt{ text-align:center; margin:50px auto 0; font-size:14px; color:#fff; line-height:25px;}
.airCondition-txtImg p{ letter-spacing:3px;}
.airCondition-pic{ margin:0 auto; text-align:center; width:340px; height:290px; position:relative; padding-top:60px;}
.airCondition-pic i{background:url(../images/icon24.png) no-repeat; background-size:cover; width:390px; height:322px; display:inline-block; position:absolute; top:-5px; left:-25px; +display:none; -display:none; display:none \9;}
.active .airCondition-pic i{animation:rotate 10s 2s linear infinite ;}
.airCondition-pic img{transform:scale(0); transition:2s;}
.active .airCondition-pic img{ transform:scale(1)}
.airCondition-pic ins{ width:53px; display:inline-block;}
.airCondition-pic .p1,.airCondition-pic .p4{background:url(../images/icon26.png) no-repeat; height:101px;}
.airCondition-pic .p2,.airCondition-pic .p3{background:url(../images/icon27.png) no-repeat; height:85px; margin:0 5px 0 20px;}
.active .airCondition-txt{animation:fadein 2s;}
@keyframes fadein{
0%{ opacity:0; transform:scale(0)}
100%{ opacity:1; transform:scale(1)}
}
.active .airCondition-pic .p1,.active .airCondition-pic .p4{animation:translateTop 2s 2s linear infinite ;}
.active .airCondition-pic .p2,.active .airCondition-pic .p3{animation:translateTop 2s 3s linear infinite ;}
@keyframes translateTop{
0%{transform:translateY(0px);}
100%{transform:translateY(-30px);}
}
.kongtiao .tableCell{width:155px; padding:0 10px; height:235px;}
/*产品技术-轮胎*/
.tyre .section1{background: url("../images/section8.jpg") no-repeat center; background-size:cover; -ms-behavior: url(../css/backgroundsize.min.htc);
behavior: url(../css/backgroundsize.min.htc);}
.tyre .section2{background: url("../images/section9.jpg") no-repeat center; background-size:cover; -ms-behavior: url(../css/backgroundsize.min.htc);
behavior: url(../css/backgroundsize.min.htc);}
.tyre .section3{background: url("../images/section10.jpg") no-repeat center; background-size:cover; -ms-behavior: url(../css/backgroundsize.min.htc);
behavior: url(../css/backgroundsize.min.htc);}
.tyre .section4{background: url("../images/section11.jpg") no-repeat center; background-size:cover; -ms-behavior: url(../css/backgroundsize.min.htc);
behavior: url(../css/backgroundsize.min.htc);}
.tyre .section5{background: url("../images/section12.jpg") no-repeat center; background-size:cover; -ms-behavior: url(../css/backgroundsize.min.htc);
behavior: url(../css/backgroundsize.min.htc);}
.tyre-nav li i{ width:108px; height:108px; display:inline-block; margin:90px 0 50px;}
.tyre-nav li .icon28{background:url(../images/icon28.png) no-repeat; background-size:cover;-ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);}
.tyre-nav li .icon29{background:url(../images/icon29.png) no-repeat; background-size:cover;-ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);}
.tyre-nav li .icon30{background:url(../images/icon30.png) no-repeat; background-size:cover;-ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);}
.tyre-slide { margin:0 auto; text-align:center;}
.tyre-slide li{ display:inline-block; width:300px;}
.tyre-slide li p{font-size:14px; color:#fff; margin-top:30px;}
.tyre-slide i{ width:138px; height:138px; display:inline-block; transition:1s; border-radius:50%;}
.tyre-slide li:hover i{ transform:rotate(360deg); box-shadow:2px 2px 10px #fff;}
.tyre-slide .icon31{background:url(../images/icon31.png) no-repeat; background-size:cover;}
.tyre-slide .icon32{background:url(../images/icon32.png) no-repeat; background-size:cover;}
.tyre-slide .icon33{background:url(../images/icon33.png) no-repeat; background-size:cover;}
.tyre-marginTop{margin-top:-230px;}
.tyre-tyreImg{width:340px; height:340px; margin:0 auto 50px; position:relative;}
.tyre-tyreImg ins{ position:absolute; color:#fff; font-size:14px; opacity:0;}
.tyre-tyreImg ins i{ width:50px; height:28px; display:inline-block; vertical-align:middle; margin:-2px 5px 0;}
.tyre-tyreImg .p1 i{background:url(../images/icon34.png) no-repeat; background-size:cover; -ms-behavior: url(../css/backgroundsize.min.htc);
behavior: url(../css/backgroundsize.min.htc);}
.tyre-tyreImg .p2 i{background:url(../images/icon35.png) no-repeat; background-size:cover; -ms-behavior: url(../css/backgroundsize.min.htc);
behavior: url(../css/backgroundsize.min.htc);}
.tyre-tyreImg .p3 i{background:url(../images/icon36.png) no-repeat; background-size:cover; -ms-behavior: url(../css/backgroundsize.min.htc);
behavior: url(../css/backgroundsize.min.htc);}
.tyre-tyreImg .p4 i{background:url(../images/icon37.png) no-repeat; background-size:cover; -ms-behavior: url(../css/backgroundsize.min.htc);
behavior: url(../css/backgroundsize.min.htc);}
.tyre-tyreImg .p1 {left:-200px; top:100px;}
.tyre-tyreImg .p2 {left:-150px; bottom:0;}
.tyre-tyreImg .p3 {right:-150px; top:30px;}
.tyre-tyreImg .p4 {right:-260px; bottom:100px;}
.active .tyre-tyreImg img{animation:fadein 2s;}
.active .tyre-tyreImg ins{}
.active .tyre-tyreImg .p1{animation:sequence 1s 2s forwards;}
.active .tyre-tyreImg .p2{animation:sequence 1s 2.5s forwards ;}
.active .tyre-tyreImg .p3{animation:sequence 1s 3s forwards ;}
.active .tyre-tyreImg .p4{animation:sequence 1s 3.5s forwards ;}
@keyframes sequence{
0%{ opacity:0; transform:translateY(0);}
100%{ opacity:1; transform:translateY(-20px);}
}
.tyre-five ul{ margin:0 auto; text-align:center;}
.tyre-five li{ display:inline-block; width:320px; text-align:center;}
.tyre-five li i{ width:108px; height:108px; display:inline-block; transform:rotateY(0deg); transition:.5s;}
.tyre-five li .icon38{background:url(../images/icon38.png) no-repeat; background-size:cover !important;-ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);}
.tyre-five li .icon39{background:url(../images/icon39.png) no-repeat; background-size:cover !important;-ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);}
.tyre-five li .icon40{background:url(../images/icon40.png) no-repeat; background-size:cover !important;-ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);}
.tyre-five li p{font-size:14px; color:#fff;}
.tyre-five li i:hover{ transform:rotateY(180deg);}
.tyre-five .tyre-txtImg{ position:absolute; bottom:100px; width:100%; left:0;}
/*产品技术-全液晶数字仪表*/
.crystal .section1{background: url("../images/section13.jpg") no-repeat center; background-size:cover !important;-ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);}
.crystal .section2{background: url("../images/section14.jpg") no-repeat center; background-size:cover !important;-ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);}
.crystal .section3{background: url("../images/section15.jpg") no-repeat center; background-size:cover !important;-ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);}
.crystal .section4{background: url("../images/section16.jpg") no-repeat center; background-size:cover !important;-ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);}
.crystal-nav li i{width:127px; height:127px; display:inline-block;}
.crystal-nav li .icon43{background:url(../images/icon43.png) no-repeat; background-size:cover !important;-ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);}
.crystal-nav li .icon44{background:url(../images/icon44.png) no-repeat; background-size:cover !important; -ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);}
.crystal-nav li .icon45{background:url(../images/icon45.png) no-repeat; background-size:cover !important;-ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);}
/*产品技术-驾驶辅助系统*/
.steer .section1{background: url("../images/section17.jpg") no-repeat center; background-size:cover !important;-ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);}
.steer .section2{background: url("../images/section18.jpg") no-repeat center; background-size:cover !important;-ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);}
.steer .section3{background: url("../images/section19.jpg") no-repeat center; background-size:cover !important;-ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);}
.steer .section4{background: url("../images/section20.jpg") no-repeat center; background-size:cover !important;-ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);}
.steer .section5{background: url("../images/section21.jpg") no-repeat center; background-size:cover !important;-ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);}
.steer .section6{background: url("../images/section22.jpg") no-repeat center; background-size:cover !important;-ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);}
/*.steer .section7{background: url("../images/section23.jpg") no-repeat center; background-size:cover;}*/
.steer .airCondition-txt{ margin:10px auto 0;}
.steer .product2-txtImg P{ text-transform:uppercase;}
.product2-txtImg img,.product2-txtImg P{ opacity: 0; }
.active .product2-txtImg img,.active .product2-txtImg P{ opacity: 1; }
.steerOld .section1{background: url("../images/section24.jpg") no-repeat center; background-size:cover !important;}
.steerOld .section1 p{ line-height: 36px; }
/*发展历程*/
.course-ul li{ position:relative; margin-top:40px;}
.course-ul li span{ padding-left:140px; font-size:16px; display:inline-block; line-height:25px; color:#969696; position:relative;}
.course-ul li span:before{content:""; position:absolute; top:10px; left:120px; width:4px; height:4px; background:#666; display:inline-block; border-radius:50%;}
.course-ul li span img{ vertical-align:middle; margin:-4px 5px 0;}
.course-ul li b{ width:110px; text-align:center; height:25px; line-height:25px; position:absolute; top:0; left:0; font-size:24px; color:#444;}
/*公司实力*/
.Strength li { padding-left:35px; margin-top:30px;}
.Strength li h3{ font-size:24px; color:#444;}
.Strength li p{font-size:16px; position:relative; margin-top:15px;}
.Strength li b{ color:#444; position:absolute; top:0; left:0;}
.Strength li span{color:#969696;padding-left:60px; width:740px; display:inline-block;}
.Strength li span:before{content:""; position:absolute; top:10px; left:45px; width:4px; height:4px; border-radius:50%; background:#666; display:inline-block;}
.Strength-more{ margin-top:40px; text-align:right;}
.Strength-more a{color:#c02d2d; font-size:14px;}
.Strength-core p{width:100%; text-indent:30px; font-size:14px; color:#969696; line-height:25px;}
.Strength-core .img {text-indent:0;width:100%;}
.Strength-core img{width:100%; text-indent:0; margin:12px 0 30px;}
.Strength-picture {margin-top:30px;}
.Strength-picture li{width:275px; float:left; outline:1px solid #f1f1f1; margin-right:10px;}
.Strength-picture li:nth-child(3n){margin-right:0;}
.Strength-picture li img{width:100%;}
.Strength-picture li .txt{ padding:20px 20px 0;}
.Strength-picture li h2{font-size:16px; color:#444; margin-bottom:10px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width:100%;}
.Strength-picture li p{font-size:12px; color:#969696; height:40px; line-height:20px; overflow:hidden; margin-bottom:15px;}
.Strength-manuTxt{font-size:14px; color:#969696; margin-top:30px; line-height:25px;}
.Strength-system ul li{ display:inline-block; margin:0 12px;}
.Strength-system ul{ text-align:center; width:100%; margin:28px auto 0;}
.Strength-quality{margin-top:25px;}
.Strength-quality .left{width:130px;}
.Strength-quality li{font-size:14px; color:#969696; line-height:30px;}
/*公司实力*/
.partenrs h2{font-size:24px; color:#444; padding:40px 0; font-weight:400;}
.partenrs li{float:left; width:210px; height:110px; border:1px solid #eee; border-left:0; border-top:0;}
.partenrs li:nth-child(4n+1){border-left:1px solid #eee;}
.partenrs li:nth-child(-n+4){ border-top:1px solid #eee;}
.partenrs li img{width:210px; height:110px;}
/*企业文化*/
.culture-txt p{ padding:20px 0 0; font-size:16px; color:#969696;}
.culture-txt p img{margin-top:20px;}
.cultrue-all{ padding:20px 0;}
.cultrue-all li{margin-top:30px;}
.cultrue-left{width:56px; height:56px;}
.cultrue-left i{ width:56px; height:56px; display:inline-block; margin-right:20px;}
.cultrue-left .icon49{background:url(../images/icon49.png) no-repeat; background-size:cover; -ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);}
.cultrue-left .icon46{background:url(../images/icon46.png) no-repeat; background-size:cover; -ms-behavior: url(../css/backgroundsize.min.htc);
behavior: url(../css/backgroundsize.min.htc);}
.cultrue-left .icon47{background:url(../images/icon47.png) no-repeat; background-size:cover; -ms-behavior: url(../css/backgroundsize.min.htc);
behavior: url(../css/backgroundsize.min.htc);}
.cultrue-left .icon48{background:url(../images/icon48.png) no-repeat; background-size:cover; -ms-behavior: url(../css/backgroundsize.min.htc);
behavior: url(../css/backgroundsize.min.htc);}
.cultrue-right h2{font-size:16px; color:#444;}
.cultrue-right span{width:24px; height:2px; background:#C02D2D; display:block; margin:16px 0;}
.cultrue-right p{color:#969696; font-size:14px; line-height:25px;}
.cultrue-all li{ display:table; width:100%;}
.cultrue-left,.cultrue-right{ display:table-cell;vertical-align:middle;}
/*人才理念*/
.person p{font-size:16px; color:#969696; line-height:25px; text-indent:30px; margin-top:25px ;}
.person .img{ text-indent:0; max-width:100%;}
/*软件下载*/
.service-more i{background:url(../images/icon50.png) no-repeat; width:20px; height:20px; display:inline-block; background-size:cover; -ms-behavior: url(../css/backgroundsize.min.htc);
behavior: url(../css/backgroundsize.min.htc);}
.service li:hover .service-more i{background:url(../images/icon51.png) no-repeat; background-size:cover; -ms-behavior: url(../css/backgroundsize.min.htc);
behavior: url(../css/backgroundsize.min.htc);}
/*产品新闻*/
.productNews{ padding:20px 0;}
.productNews li{ padding:30px 0; border-bottom:1px solid #eee;}
.productNews-left img{width:140px; height:90px; margin-right:30PX;}
.productNews-right h2{ font-size:18px; font-weight:400;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.productNews-right a{ height:90px; overflow:hidden; display:inline-block; width:100%;}
.productNews-right p{ line-height:22px !important; margin-top:5px !important; color:#969696 !important; font-size:16px !important;}
.productNews-right{width:650px;}
.productNews-right span{color:#969696;}
/*产品新闻中心*/
.productDeail-title h2{ font-size:18px; color:#333; margin-top:50px ; font-weight:400;}
.productDeail-title p{color:#666; padding:13px 0; text-align:center;}
.productDeail-title{border-bottom:1px solid #e5e5e5;}
.productDeail-txt p{color:#666; font-size:14px; line-height:25px; margin-top:20px; text-indent:30px;}
.productDeail-txt p img{ text-align:center; text-indent:0; margin:0 auto; display:block; height:auto !important;}
.productDeail-txt strong{ font-size:18px; color:#444; margin-bottom:15px; display:block; text-indent:0;}
/*影像资料*/
.videaData li{width:270px; float:left; margin-right:20px; margin-top:28px;}
.videaData li:nth-child(3n){margin-right:0;}
.videaData li .img img{width:100%;}
.videaData li .img { position:relative; display:inline-block;}
.videaData li .img ins{background:url(../images/video.png) no-repeat; width:59px; height:31px; display:inline-block; position:absolute; top:50%; left
:50%; margin-top:-15.5px; margin-left:-29.5px; z-index:2;}
.videaData li h2{height:22px; line-height:22px; margin:10px 0; font-size:16px; overflow:hidden; color:#444;}
.videaData li p{color:#636363; position:relative;}
.videaData li span{ position:absolute; top:0; right:0;}
.videaData li i{ width:21px; height:19px; display:inline-block; vertical-align:middle; margin:0 0 0 10px;}
.videaData li .weibo{background:url(../images/weibo.png) no-repeat;}
.videaData li .weixin{background:url(../images/weixin.png) no-repeat;}
.videaData li .qq{background:url(../images/qq.png) no-repeat;}
.videaData-video{ padding:28px 0;}
.videaData-video h2{height:22px; line-height:22px; margin:30px 0 10px; font-size:16px; overflow:hidden; color:#444;}
.videaData-video p{color:#636363; position:relative;}
.videaData-video span{ position:absolute; top:0; right:0;}
.videaData-video i{ width:21px; height:19px; display:inline-block; vertical-align:middle; margin:0 0 0 10px;}
.videaData-video .weibo{background:url(../images/weibo.png) no-repeat;}
.videaData-video .weixin{background:url(../images/weixin.png) no-repeat;}
.videaData-video .qq{background:url(../images/qq.png) no-repeat;}
/*网点发布*/
.dotTitle h2{font-size:18px; color:#444; padding:15px 0;}
.dotDrop li{width:340px; height:170px; padding:10px 60px 10px 20px; float:left; border:1px solid #f1f1f1; border-top:0;}
.dotDrop li:nth-child(2n){border-left:0;}
.dotDrop li:nth-child(-n+2){ border-top:1px solid #f1f1f1;}
.dotDrop li h2{font-size:16px; padding:12px 0; border-bottom:1px dashed #f1f1f1;}
.dotDrop li h2 em{font-size:12px; color:#fff; background:#C02D2D; display:inline-block; padding:1px 3px; margin-left:5px;}
.dotDrop li p{color:#969696; font-size:14PX; margin-top:10px; line-height:20px; padding-left:25px; position:relative;}
.dotDrop li i{width:14px; height:14px; display:inline-block; vertical-align:middle; position:absolute; top:5px; left:0;}
.dotDrop li .icon52{background:url(../images/icon52.png) no-repeat ; background-size:cover;-ms-behavior: url(../css/backgroundsize.min.htc);
behavior: url(../css/backgroundsize.min.htc);}
.dotDrop li .icon53{background:url(../images/icon53.png) no-repeat;}
.dotDrop li .icon54{background:url(../images/icon54.png) no-repeat;}
.dotTitle-nav li{float:left; text-transform:uppercase; margin-right:10px; margin-top:20px;}
.dotTitle-nav li a{color:#d1d1d1;}
/*售后维修*/
.repair h2{color:#c02d2d; font-size:18px; font-weight:400; padding:18px 0;}
.repair table{width:100%; text-align:center; border-left:1px solid #f1f1f1;}
.repair th{font-size:16px; color:#444; padding:15px 0; border:1px solid #f1f1f1; border-left:0;}
.repair td{color:#969696; font-size:14px; padding:15px 0; border-right:1px solid #F1F1F1; border-bottom:1px solid #f1f1f1;}
.repair td:first-child{ text-align:left; text-indent:30px;}
.repair td i{background:url(../images/icon55.png) no-repeat; width:15px; height:15px; display:inline-block;}
.profe { padding:20px 0;}
.profe li{width:48.5%; height:38px; line-height:38px; text-indent:18px; margin-bottom:10px; float:left; border:1px solid #e1e1e1; font-size:14px; color:#333; overflow:hidden;}
.profe li:nth-child(2n){float:right;}
.profe-left{width:40%; background:#c02d2d; color:#fff;}
.profe-right{width:59%;}
.profe-left ,.profe-right{ height:38px; overflow:hidden; word-break:keep-all; white-space:nowrap; }
.profe-title{color:#444; background:#f1f1f1; font-size:16px; height:45px; line-height:45px; text-indent:20px;}
.profe-text{ padding-bottom:20px;}
.profe-text h2{margin:30px 0 10px; font-weight:400; font-size:14px; text-indent:20px;}
.profe-text {color:#444; font-size:14px;}
.profe-text li{ text-indent:80px; margin-top:10px;}
.profe-table table{width:100%; border-bottom:1px solid #e9e9e9; padding:20px 0;}
.profe-table td{width:33%; text-indent:50px;color:#444; font-size:14px; padding:5px 0;}
.profe-upload{margin:50px auto; text-align:center;}
.profe-upload a{background:#c02d2d; color:#fff; width:120px; height:30px; line-height:30px; display:inline-block; font-size:14px; position:relative;}
.profe-upload input{ position:absolute; top:0; left:0; opacity:0; width:120px; height:30px; line-height:30px; display:inline-block; font-size:14px;}
.header-more{margin:3px 15px 0 0; display:none;}
.header-more span{width:30px; height:2px; background:#fff; display:block; margin-top:10px;}
.banner .owl-theme .owl-controls{ position:absolute; bottom:10px; left:0; width:100%;}
.owl-theme .owl-dots .owl-dot span{background:#fff;}
.banner .owl-theme .owl-dots .active span{background:#f00;}
.about{ position:relative;}
.about-slideLeft{width:120px; height:35px; line-height:35px; text-align:left; text-indent:10px; background:#C02D2D; color:#fff; font-size:14px; display:none;}
.about-slideLeft i{background:url(../images/slideLeft.png) no-repeat; background-size:cover; width:18px; height:18px; display:inline-block; vertical-align:middle; margin:-5px 5px 0; animation:slideLeft 3s infinite; }
.about-banner ,about-banner img{width:100%;}
.mosk{width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,.5); z-index:444; display:none;}
.productNews-right p{height:44px; overflow:hidden; margin-bottom:3px;}
.person img{max-width:100%; margin:0 auto;}
.culture-txt p img{max-width:100%; margin:0 auto;}
.productDeail-txt p img{max-width:100%; margin:0 auto;}
.tyre-slide li p{ height:40px; line-height:20px; overflow:hidden;}
.tyre-five li p{ height:40px; line-height:20px; overflow:hidden;}
.w640-show{ display:none;}
.kong640{height:18%; width:100%;}
.page a{ height:25px; line-height:25px; padding:0 10px; border-radius:3px; display:inline-block; margin:0 3px; color:#333; font-size:12px; background:#f5f5f5;}
.page .active{background:#e20000; color:#fff;}
.banner-video{ background:#000;}
.home-slide .slideBox .hd li{ padding:0; width:678px; display:inline-block !important;}
.home-slide .slideBox .hd li .txt{ width:100%; height:100%; display:table;}
.home-slide .slideBox .hd li .table-cell a{ display:inline-block; width:94%; padding:0 3%;}
.home-viewFive-drop{ width: 80%;}
.home-leftWid{width:100%;}
.table-cell{display: table-cell; vertical-align: middle;}
/*.flowHidden{ height:100% !important; background:red !important;}*/
@keyframes slideLeft
{
0%{ transform:translateX(0px); opacity:1;}
100%{ transform:translateX(25px); opacity:0;}
}
/*media*/
@media(max-width:1199px)
{
.home-view li:first-child{width:66%;}
.home-view li{width:34%; height:auto;}
.home-view li:nth-child(3),.home-view li:nth-child(4){width:33%;}
.home-view li img{width:100%;}
.home-viewMore{width:auto;}
.home-slide .slideBox{width:49%;}
.home-slide .slideBox .hd{width:100%; left:104%;}
.home-slide .slideBox .bd img{width:100%;}
.footer-nav{width:100%;}
.footer-nav ul{width:20%; margin-right:0; text-align:center; margin-bottom:20px;}
.footer-nav ul:last-child{margin:0 auto; width:auto; float:none;}
.home-slide .slideBox .hd li{width:95%;padding:0 1% 0 3%; margin:0;}
.home-slideBtn a{ right:3%; bottom:20px;}
.home-slide .slideBox .hd li p{width:86%;}
.home-slide .slideBox .hd li h2{height:20px; line-height:20px; overflow:hidden;}
.home-slide .slideBox .hd li{ display:table;}
.home-cell{ display:table-cell; vertical-align:middle;}
.about-right{width:72%;}
.about-left{width:25%;}
.about-title{width:94%; padding:0 2% 0 4%;}
.about-nav li{width:100%;}
.about-nav li:hover:before{width:100%;}
.about-title{ display:table;}
.about-title h2{margin:0;}
.dotDrop li{width:45%; padding:10px 2%; overflow:hidden;}
.service li .service-txt{width:73%;}
.service li a{width:98%;}
.productNews-left img{margin-right:15px;}
.productNews-right h2{ height:22px; line-height:22px; overflow:hidden;}
.productNews-right p{ height:40px; line-height:20px;}
.about-text img{max-width:100%; margin:20px auto 0; text-align:center;}
.videaData li{width:32%; margin-right:2%;}
.partenrs li{width:24%; height:auto;}
.partenrs li img{width:100%; height:auto;}
.Strength li span{width:80%;}
.Strength-picture li{width:32%; margin-right:2%;}
.Strength-picture li:nth-child(3n){margin-right:0;}
.recruit-nav li{width:32%; margin-right:2%;}
.recruit-nav li:nth-child(3n){margin-right:0;}
.recruit-search span{width:80%;}
.recruit-search a{width:19%;}
.recruit-search input{width:100%;}
}
@media screen and (min-width:600px) and (max-width:1920px){
.product3-nav li:hover .product3-move{ top:0;transform:rotateY(180deg);}
.product3-nav li:hover a{ transform:rotateY(180deg); background:#E62135;}
.product3-nav li:hover i{ display:none;}
.product3-nav li:hover span { display:block;}
.product3-nav li:hover p{ display:inline-block;}
}
@media(max-width:1080px)
{
.header-nav li{ padding:0 12px;}
.home-owl li{width:24%; padding:15px 0.5%; float:left;}
.home-viewMore h2{ padding:60px 0 10px}
.home-viewFive{right:10px; width:95%;}
.home-viewFive-drop p{height:30px; line-height:30px;}
.home-slide .slideBox .hd li h2 em{ display:none;}
/**/
.product3-nav li.on .product3-move{ top:0;/*transform:rotateY(180deg);*/}
.product3-nav li.on a{ /*transform:rotateY(180deg); */background:#E62135;}
.product3-nav li.on i{ display:none;}
.product3-nav li.on span { display:block;}
.product3-nav li.on p{ display:inline-block;}
}
@media(max-width:992px)
{
.header-search{ display:none;}
.header-nav li{ padding:0 8px;}
.header-nav{margin-right:0;}
.home-slideBtn a{ display:none;}
.home-viewFive-drop{ display:none !important;}
.home-viewFour{width:95%; padding-left:5%; height:60%; }
.home-viewFour h2{margin:20px 0 4px;}
.about-title h2{ font-size:16px;}
.about-title{height:80px; top:-80px;}
.profe li{ text-indent:5px;}
.recruit-table td{ text-indent:0; text-align:center;}
.recruit-table th{ text-indent:0; text-align:center;}
.product3-nav li{width:22%; margin:0 1%;}
.tyre-five li{width:30%; margin:0 1%;}
.tableCell{ width:100%; padding:0;}
.product3-nav li a{width:100%; padding:0;}
.tyre-slide li{width:30%;}
.fp-controlArrow.fp-prev{ left:5px !important; width:12.5px; height:22px;}
.fp-controlArrow.fp-next{right:5px !important; width:12.5px; height:22px;}
.product2{width:100%;}
.product2-txt{width:94%;}
}
@media(max-width:768px)
{
.header{height:50px;}
/*.header .logo img{height:50px;}*/
.header .logo img{ margin-top:12.5px; margin-left:5px;}
.header-navList{ position:fixed; top:50px; z-index:22; left:0; width:100%; background:#f1f1f1; display:none;}
.header-nav {width:100%;}
.header-nav li{width:100%; float:none; line-height:40px; text-align:center; padding:0; text-align:center; height:auto; border-bottom:1px solid #e9e9e9;}
.header-nav li a{color:#333; display:inline-block; width:100%;}
.navDrop{ position:static; width:100%; background:#f5f5f5;}
.navDrop a{ padding:0; margin:0; border-top:1px solid #eee;}
.header-more{ display:block;}
.home-view li{width:50%;}
.home-view li:nth-child(3), .home-view li:nth-child(4){width:50%;}
.home-view li:first-child{width:100%;}
.home-content{ padding:20px 0;}
.home-slide{margin-top:20px;}
.home-marquee{margin-top:20px;}
.home-view li:last-child{ display:inline-block; width:100%;}
.home-view li:last-child a{ display:table-cell; vertical-align:middle; background:#A50B0B;}
.home-viewMore{width:100%; height:auto;}
.home-viewMore h2{ padding:0;}
.about-left{ position:fixed; top:0; width:80%; left:0; z-index:666; height:100%; overflow:auto; background:#f1f1f1; transition:1s; transform:translateX(-100%);}
.slideLeft{transform:translateX(0);}
.about{ padding-bottom:30px;}
.profe-upload{ margin:20px auto 10px;}
.about-slideLeft{ display:block;}
.about-nav li i{right:10%;}
.about-right{width:96%; margin-left:2%; float:left;}
.profe-text li{ text-indent:0; line-height:25px;}
.Strength li{ padding-left:10px;}
.course-ul li b{ width:80px;}
.course-ul li span{ padding-left:100px;}
.course-ul li span:before{ left:80px;}
.recruit-table td:last-child{ width:auto;}
.recruit-nav{ padding:20px 0 10px;}
.home-slide .slideBox { visibility:visible;transition:1s;}
.home-slide .slideBox .bd{transform:translateX(0%);}
.home-slide .slideBox .hd{transform:translateX(0%);}
#floatMenu{ display:none;}
.product3-nav li h2{ font-size:14px;}
.product3-nav li p{ text-indent:0; padding:0 1%;}
.airCondition-txt{width:90%;}
.product2-txtImg p,.airCondition-txtImg p{ display:none;}
.banner-video #audio{ display:none;}
.tyre-tyreImg{ position:static; text-align:center; margin:0 auto 30px;}
.tyre-tyreImg ins{ left:0% !important; width:100%; text-align:left; text-indent:30px; display:inline-block; right: auto !important;}
/*.tyre-tyreImg ins i{ display:none;}*/
.tyre-tyreImg .p1{ bottom:40px; top:auto;}
.tyre-tyreImg .p2{ bottom:15px; top:auto;}
.tyre-tyreImg .p3{ bottom:90px; top:auto;}
.tyre-tyreImg .p4{ bottom:65px; top:auto;}
.tyre-tyreImg .p1 i,.tyre-tyreImg .p2 i{ display:none;}
.tyre-tyreImg ins em{width: 50px; height: 28px; display: inline-block; vertical-align: middle; margin: -2px 5px 0;}
.tyre-tyreImg .p1 em{background:url(../images/icon34.png) no-repeat; background-size:cover; }
.tyre-tyreImg .p2 em{background:url(../images/icon35.png) no-repeat; background-size:cover;}
.active .tyre-tyreImg .p1{animation:sequence .5s 3s forwards;}
.active .tyre-tyreImg .p2{animation:sequence .5s 3.5s forwards ;}
.active .tyre-tyreImg .p3{animation:sequence .5s 2s forwards ;}
.active .tyre-tyreImg .p4{animation:sequence .5s 2.5s forwards ;}
.footer{ display:none;}
.yuyan a{color:#333 !important;}
}
@media(max-width:640px)
{
.w640-show{ display:block;}
.w640-hide{ display:none;}
.kong640{ display:none;}
.product3-nav li{width:80%;}
.airCondition li{width:80%;}
.airCondition li a{width:100%; padding:0;}
.kongtiao .tableCell{ width:100%; padding:0;}
.footer-nav ul{width:25%; min-height:170px;}
.footer-nav ul:last-child{ width:50%; float:left;}
.footer-nav li input,.footer-nav li textarea{width:100%;}
.footer{ padding:25px 0 20px;}
/*.banner .owl-carousel .owl-item img{height:260px;}*/
.productNews-right h2{ font-size:16px;}
.productNews li{ padding:12px 0;}
.videaData li{width:49%; margin-right:0;}
.videaData li:nth-child(2n){float:right;}
.partenrs h2{ padding:20px 0;}
.Strength-picture li .txt{ padding:12px 3px 0;}
.Strength-picture li h2{ font-size:14px;}
.tyre-slide i{width:100px; height:100px;}
.tyre-marginTop{ margin-top:-50%;}
.product2-txtImg{width:94%;}
.tyre-tyreImg{width:60%; height:auto;}
.tyre-tyreImg img{width:100%;}
.airCondition-txt{ margin:20px auto 0;}
.airCondition-pic{width:100%; height:auto;}
.airCondition-pic img{width:55%;}
.product2-txtImg img{margin:25px auto 10px;}
.product4-txt{ padding-top:25px;}
.product4-txt{width:88%; font-size:13px;}
.product2-pic{width:55%; margin:0 auto;}
.product2-pic img{width:100%;}
.product2-txt{ margin:20px auto 0;}
.airCondition-pic{ padding-top:0;}
.airCondition-pic i{width:100%; height:100%; display:none;}
.airCondition-pic>div{ position:absolute; bottom:-30px; left:0; width:100%;}
}
@media(max-width:540px)
{
.home-slide .slideBox{width:100%;}
.home-slide .slideBox .hd{ position:static;}
.home-slide .slideBox{ height:auto;}
.home-slide .slideBox .bd img{height:auto;}
.home-slide .slideBox .hd li{ padding:12px 3%;}
.profe-table td{ text-indent:5px; width:33.33%; font-size:12px;}
.repair td:first-child{ text-indent:5px;}
.repair th,.repair td{ font-size:12px;}
.recruit-nav li i{width:60px; height:60px;}
.recruit-table th{ font-size:12px;}
.recruit-table td{ font-size:12px;}
.recruit-table td a{width:65px;}
.recruit-nav li{width:75%; margin-right:0; text-align:left; position:relative; padding-left:80px; margin-bottom:15px;}
.recruit-nav li i{ position:absolute; top:0; left:0;}
.recruit-nav li h2{ margin:0 0 5px;}
.world-banner.w768-show ul li{ height:240px; text-align:center;}
.world-banner.w768-show ul li img{ width:auto; height:100%;}
@media(max-width:425px)
{
.home-owl li i{width:40px; height:40px;}
.home-owl li h2{font-size:14px;}
.home-owl li p{ font-size:12px;}
.footer-nav ul{width:33.33%; min-height:170px;}
.footer-nav ul:nth-child(4){ margin-left:15%;}
.footer-nav ul:nth-child(6){ width:80%; float:none; display:table;}
.footer-nav li input,.footer-nav li textarea{ padding:5px 0; text-indent:10px;}
.home-view li{width:100%; border-bottom:1px solid #f5f5f5;}
.home-viewFour{ background:none;}
.home-view li:nth-child(3), .home-view li:nth-child(4){width:100%;}
/*.home-view li:last-child a{ padding:10px 0;}*/
.dotDrop li{width:92%; padding:10px 3%;}
.dotDrop li:nth-child(2n){ border-left:1px solid #f1f1f1;}
.dotDrop li:nth-child(-n+2){border-top:0;}
.dotDrop li:first-child{border-top:1px solid #f1f1f1;}
.profe li{width:100%;}
.profe li:nth-child(2n){float:left;}
.profe-left{width:30%;}
.profe-right{width:70%;}
.videaData li{width:100%; margin-right:0;}
.videaData li:nth-child(2n){float:left;}
.partenrs li{width:32.5%;}
.partenrs h2{ font-size:20px;}
.partenrs li:nth-child(4n+1){ border-left:0;}
.partenrs li:nth-child(-n+4){ border-top:0;}
.partenrs li:nth-child(-n+3){ border-top:1px solid #eee;}
.partenrs li:nth-child(3n+1){ border-left:1px solid #eee;}
.recruit-nav li i{width:60px; height:60px;}
.recruit-search span{width:70%;}
.recruit-search a{width:29%;}
.tyre-nav li i{width:80px; height:80px;}
.crystal-nav li i{width:80px; height:80px;}
.product3-nav li i{width:80px; height:80px;}
.product2-txtImg img{ margin:20px auto 20px}
.tyre-slide i{width:60px; height:60px;}
.product2-txtImg img{width:70%;}
.tyre-five li i{width:80px; height:80px;}
.active .product-ss h2{width:85%; margin:0 auto;}
.active .product-ss span{width:90%; display:inline-block; margin:0 auto;}
.active .product-ss h2 img, .active .product-ss span img{width:100%;}
.airCondition-txt{ font-size:12px;}
.product2-txtImg h2{margin-top:20px;}
.active .product2-txtImg img{margin:20px auto 10px;}
.product2{ font-size:12px;}
.home-view li:last-child a{ background:none;}
.home-viewMore{ background:none;}
.home-slide .slideBox .hd li p{width:100%;}
}