﻿

.indexcon{margin:0 auto;width:1200px;overflow:hidden;}

/*首页动画图片*/
.banner{ width:100%; height:600px; position:relative; overflow:hidden;margin-top:82px;}
.banner ul{ position:absolute; left:50%; margin-left:-960px; top:0;}
.banner ul li{ width:1920px; height:600px; float:left; overflow:hidden;}
.banner ul li img{ display:block; width:1920px; height:600px;}

.banner .bannerindeo{ position:absolute; left:0; bottom:30px; width:100%; text-align:center; z-index:99;}
.banner .bannerindeo a{ display:inline-block; width:12px; height:12px; background:url(../images/cycle_b.png) no-repeat; margin-right:12px; line-height:600px; overflow:hidden;}
.banner .bannerindeo a.cur{ background:url(../images/cycle_w.png) no-repeat;}

.banner .bannerarrow{position:absolute; left:0; top:50%; width:100%; z-index:199;}
.banner .bannerarrow a.prev{font-size:48px;float:left;width:40px;height:60px;line-height:60px;background:#fff;color:#333;text-align:center;opacity:0.3;margin-left:10px;margin-top:-30px;}
.banner .bannerarrow a.next{font-size:48px;float:right;width:40px;height:60px;line-height:60px;background:#fff;color:#333;text-align:center;opacity:0.3;margin-right:10px;margin-top:-30px;}



/*主营业务*/

.indextitle{margin:0 auto;width:320px;padding:30px 0;}
.indextitle .name{text-align:center;font-size:32px;line-height:26px;color:#333;margin:10px;float:left;width:100px;}
.indextitle .line{border-bottom:1px #333 solid;width:100px;float:left;height:26px;}


.products{width:100%;max-width:1920px;margin:0 auto;}
.products .left{width:50%;text-align:center;max-height:788px;}

.products .left img:hover{
   box-shadow: 0 15px 30px 0 rgba(0,0,0,.19);
    transform: translate3d(0,-2px,0);
    transition: all .9s cubic-bezier(.55,0,.1,1);
     -webkit-transition: .9s;

}
.products .left img{width:99%;max-height:788px;max-width:936px;transition: .9s;}

.products .right{width:50%;text-align:center;max-height:788px;}
.products .right img:hover{
    box-shadow: 0 15px 30px 0 rgba(0,0,0,.19);
    transform: translate3d(0,-2px,0);
    transition: all .9s cubic-bezier(.55,0,.1,1);
     -webkit-transition: .9s;

}
.products .right img{width:99%;transition: .9s;}


/*.viedo{width:100%;margin:0 auto;border:2px #dfdfdf double;height:580px;max-width:1670px;}
.viedo .left{width:1170px;}
.viedo .left img{
    box-shadow: 0 15px 30px 0 rgba(0,0,0,.19);
    transform: translate3d(0,-2px,0);
    transition: all .3s cubic-bezier(.55,0,.1,1);
}*/

/*.viedo .right{width:500px; overflow-y:scroll; overflow-x:hidden; height:580px;background:#fff;}

.viedo .item{width:490px;margin-bottom:3px;background:url(../images/v_bg.jpg);height:190px;}
.viedo .item:hover{width:490px;margin-bottom:3px;background:url(../images/v_bg_h.jpg);height:190px;}

.viedo .ihover{width:490px;margin-bottom:3px;background:url(../images/v_bg_h.jpg);height:190px;}
.viedo .ihover a{color:#008cd6;}*/

.viedo a{display:block;padding:10px;color:#333333;}
.viedo a:hover{color:#008cd6;}

.viedo .left a{padding:0px;}

@media screen and (min-width: 1200px){
    .viedo{width:100%;margin:0 auto;border:2px #dfdfdf double;height:580px;max-width:1670px;}
    .viedo .left{width:1170px;}
    .viedo .left img{box-shadow: 0 15px 30px 0 rgba(0,0,0,.19);}

    .viedo .right{width:500px; overflow-y:scroll; overflow-x:hidden; height:580px;background:#fff;}

    .viedo .item{width:490px;margin-bottom:3px;background:url(../images/v_bg.jpg);height:190px;}
    .viedo .item:hover{width:490px;margin-bottom:3px;background:url(../images/v_bg_h.jpg);height:190px;}

    .viedo .ihover{width:490px;margin-bottom:3px;background:url(../images/v_bg_h.jpg);height:190px;}
    .viedo .ihover a{color:#008cd6;}  
}

@media screen and (max-width:1200px){

    .viedo{width:100%;margin:0 auto;height:580px;}
    .viedo .left{width:100%;float:none;}
    .viedo .left img{box-shadow: 0 15px 30px 0 rgba(0,0,0,.19);width:100%;}

    .viedo .right{float:right;width:1200px; overflow-x:scroll; overflow-y:hidden; height:200px;background:#fff;}

    .viedo .right .mright{width:5000px;}

    .viedo .item{float:left;width:490px;background:#eaeaea;height:190px;margin-right:5px;}
    .viedo .item:hover{width:490px;margin-bottom:3px;background:#eaeaea;height:190px;}

    .viedo .ihover{float:left;width:490px;margin-right:5px;background:#eaeaea;height:190px;}
    .viedo .ihover a{color:#008cd6;}  
}




/*.viedo .item a.hover,.viedo .item a:hover{}*/
.viedo .text{float:left;width:200px;padding:55px 45px;}
.viedo .text .tit{font-weight:bold;font-size:18px;}
.viedo .text .note{font-size:16px;margin-top:15px;}
.viedo .photo{float:left;width:150px;text-align:center;margin-top:15px;}
.viedo .photo img{width:133px;height:133px;}




.iv_none{display:none;}
.iv_show{display:block;}


/*首页新闻动态*/
.news{width:100%;padding:30px 0;width:1200px;margin:0 auto;}

.newsleft{width:650px;float:left;}
.newsleft .sort{height:35px;line-height:35px;}
.newsleft .sort a{color:#333;font-size:16px;margin:10px;}
.newsleft .sort .more{float:right;}

.newsleft ul{margin-top:20px;}
.newsleft ul li{border-bottom:1px #333 dashed;margin-top:20px;}
.newsleft ul li .photo{width:200px;height:150px;float:left;}
.newsleft ul li .photo img{max-width:200px;max-height:150px;border-radius:5px;}

.newsleft ul li .text{float:right;width:400px;padding:0 25px;}
.newsleft ul li .text a{color:#333;}
.newsleft ul li .text .name{font-size:18px;}
.newsleft ul li .text .note{margin-top:15px;}

.newsright{width:360px;float:right;}
.newsright .sort{height:35px;line-height:35px;}
.newsright .sort a{color:#333;font-size:16px;margin:10px 0;}
.newsright .sort .more{float:right;}

.newsright ul li i{color:#008cd7;margin-right:10px;font-size:12px;}
.newsright ul li{font-size:16px;height:35px;line-height:35px;overflow:hidden;margin-top:10px;}












/*首页热销产品*/

.hotproducts{margin-top:30px;}

.hotproducts ul{}
.hotproducts ul li{width:400px;float:left;}

.hotproducts ul li .img{width:400px;height:300px;overflow:hidden;}
.hotproducts ul li .img img{width:400px;height:300px;}

.hotproducts ul li p.name{font-size:16px;text-align:center;height:30px;line-height:30px;background-color:#5e5e5e;color:#fff;position:relative;top:-30px;z-index:100;
                         background-color:rgba(0,0,0,0.2);}



.hotoem{margin-top:30px;}

.hotoem ul{}
.hotoem ul li{width:600px;float:left;}

.hotoem ul li .img{width:600px;height:400px;overflow:hidden;}
.hotoem ul li .img img{width:600px;height:400px;}

.hotoem ul li p.name{font-size:16px;text-align:center;height:30px;line-height:30px;background-color:#5e5e5e;color:#fff;position:relative;top:-30px;z-index:100;
                         background-color:rgba(0,0,0,0.2);}







/*首页关于我们*/
.about{width:100%;}
.aboutcon{width:1200px;margin:0 auto;}

.about .photo{width:600px;float:left;height:380px;overflow:hidden;}
.about .photo img{width:600px;height:380px;}


.about .content{width:560px;padding:20px;height:340px;float:left;font-size:12px;line-height:25px;color:#fff;background:#5e5e5e;overflow:hidden;}
.about .content p{margin-top:10px;}
.about .content p.title{font-size:18px;font-weight:bold;}





/*首页滚动新闻*/

.hotNews{width:100%;margin-top:30px;background:#9b9b9b;padding:20px 0;}

.hottitle{height:35px;}
.hottitle .name{font-size:16px;}
.hottitle .right a{display:block;width:30px;font-size:20px;float:left;border:1px solid #dcdcdc;text-indent:5px;}

#index_hot{width:1200px;height:230px;overflow:hidden;margin:0 auto;}
#index_hot .item{width:300px;height:220px;margin-right:20px; padding-top:10px;float:left;margin-bottom:10px;}
#index_hot .photo{width:280px; margin:0 auto;height:180px;overflow:hidden;border-radius:3px;}
#index_hot .photo img{width:280px;height:175px;}
#index_hot .name{line-height:30px;font-size:14px;padding:5px;text-align:center;}


/*#index_hot .item:hover{
     box-shadow: 0 17px 50px 0 rgba(0,0,0,.19);
    transform: translate3d(0,-2px,0);
    transition: all .3s cubic-bezier(.55,0,.1,1)
}*/


.indexcase{margin-top:30px;}

.indexcase .list{width:1200px;margin:0 auto;}
.indexcase .list li{width:120px;height:40px;padding:20px 13px;float:left;}
.indexcase .list img{width:120px;height:40px;border:1px #dcdcdc solid;padding:5px;}



/*友情链接*/

.link{margin-top:30px;background:#f5f5f5;line-height:30px;padding:10px;width:1180px;border-radius:3px;}
.link a{margin-left:10px;}










