/* CSS Document */
.container{display:block; width:100%; margin-top:80px;}
.container .products{display:block; width:1200px; margin:0 auto;}
.container .products .title{display:block; padding-bottom:15px; background:url(../images/line.jpg) no-repeat left bottom;}
.container .products .title .en{display:block; line-height:30px;}
.container .products .title h4{display:block; line-height:30px; font-size:24px; color:#222;}
.container .products .title .more{float:right; line-height:30px; height:30px; padding-right:20px; background:url(../images/jia.jpg) no-repeat right center;margin-top:30px;}
.container .products .con{display:block; padding-top:20px; width:1200px; overflow:hidden;}
.container .products .con ul{display:block; width:1220px;}
.container .products .con li{float:left; width:286px; background:#fff;margin-right:17px; margin-bottom:17px; transition:all .7s linear 0s; -webkit-transition:all .7s linear 0s; -moz-transition:all .7s linear 0s; -o-transition:all .7s linear 0s;}
.container .products .con li:hover{transform:translate(0,-10px);  -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); }
.container .products .con li a.pic{display:block; width:286px; height:215px; border-bottom:1px solid #e1e1e1;}
.container .products .con li a.pic img{display:block; width:286px; height:215px;}
.container .products .con li a.tit{display:block; line-height:40px;color:#0373c9; font-size:17px; padding:0px 15px;}
.container .products .con li a.tit:hover{font-weight:bold;}
.container .products .con li a.detail{display:block; padding:0px 15px;font-size:12px; line-height:22px;height:66px; overflow:hidden;}
.container .products .con li a.moret{display:block; margin:0px 15px; line-height:30px; font-size:13px; background:url(../images/arrow.png) no-repeat right center; text-transform:uppercase; }
.container .products .con li a.moret:hover{color:#0373c9; background:url(../images/arrowh.png) no-repeat right center;}



.container .wrap{display:block; width:100%; margin-top:60px;overflow:hidden;}
.container .wrap .fl{width:50%; background:#fff;}
.container .wrap .fl .f_in{float:right; width:590px;height:520px; border-right:10px solid #f4f4f4; }
.container .wrap .fr{width:50%; background:#fff;}
.container .wrap .fr .n_in{float:left; width:550px;padding-left:40px; border-left:10px solid #f4f4f4; background:#fff;height:520px;}

.container .wrap .about .title{display:block;padding-top:40px;}
.container .wrap .about .title h4{display:block;line-height:30px; font-size:24px; color:#222;}
.container .wrap .about .title  .tip{display:block;}
.container .wrap .about .title .more{float:right; line-height:30px; height:30px; padding-right:20px; background:url(../images/jia.jpg) no-repeat right center;margin-top:30px; margin-right:50px;}
.container .wrap .about .con{display:block; font-size:13px; line-height:26px;padding:20px 50px 40px 0px;}
.container .wrap .about .con a{display:block; font-size:13px; line-height:26px;}

.container .wrap .news .title{display:block;padding-top:40px;}
.container .wrap .news .title .en{display:block; line-height:30px;}
.container .wrap .news .title h4{display:block; line-height:30px; font-size:24px; color:#222;}
.container .wrap .news .title .more{float:right; line-height:30px; height:30px; padding-right:20px; background:url(../images/jia.jpg) no-repeat right center;margin-top:30px; }
.container .wrap .news .con{display:block; padding-top:15px; width:550px; overflow:hidden;}
.container .wrap .news .con .rescommend{display:block; width:100%;background:#f0f0f0; height:190px;}
.container .wrap .news .con .rescommend .pic{float:left; width:252px; height:190px;}
.container .wrap .news .con .rescommend .pic img{display:block; width:252px; height:190px;}
.container .wrap .news .con .rescommend .wz{float:right; width:260px;padding:15px 0px;}
.container .wrap .news .con .rescommend .wz .tit{display:block; line-height:30px;font-size:17px; color:#222;}
.container .wrap .news .con .rescommend .wz .time{display:block; line-height:20px; color:#aaa;}
.container .wrap .news .con .rescommend .wz .detail{display:block; font-size:13px; line-height:22px;}
.container .wrap .news .con ul{display:block; width:570px; margin-top:15px;}
.container .wrap .news .con ul li{float:left; width:265px; margin-right:20px;}
.container .wrap .news .con ul li a{display:block; line-height:40px; font-size:15px; color:#222; padding-left:20px; background:url(../images/line3.jpg) no-repeat left 24px;}


 @keyframes fadeInM
{
0%{ visibility:hidden;
   -webkit-transform:translate3d(0,100%,0);
   transform:translate3d(0,100%,0)}
100%{visibility:visible;
    -webkit-transform:none;
	transform:none;}
}

-webkit-@keyframes fadeInM
{
0%{ visibility:hidden;
   -webkit-transform:translate3d(0,100%,0);
   transform:translate3d(0,100%,0)}
100%{visibility:visible;;
    -webkit-transform:none;
	transform:none;}
}

-o-@keyframes fadeInM
{
0%{ visibility:hidden;
   -webkit-transform:translate3d(0,100%,0);
   transform:translate3d(0,100%,0)}
100%{opacity:1;
    -webkit-transform:none;
	transform:none;}
}


@keyframes fadeInD
{
0%{ visibility:hidden;
   -webkit-transform:translate3d(0,-100%,0);
   transform:translate3d(0,-100%,0)}
100%{visibility:visible;
    -webkit-transform:none;
	transform:none;}
}

-webkit-@keyframes fadeInD
{
0%{ visibility:hidden;
   -webkit-transform:translate3d(0,-100%,0);
   transform:translate3d(0,-100%,0)}
100%{visibility:visible;;
    -webkit-transform:none;
	transform:none;}
}

-o-@keyframes fadeInD
{
0%{ visibility:hidden;
   -webkit-transform:translate3d(0,-100%,0);
   transform:translate3d(0,-100%,0)}
100%{opacity:1;
    -webkit-transform:none;
	transform:none;}
}





@keyframes fadeInL
{
0%{ visibility:hidden;
   -webkit-transform:translate3d(100%,0,0);
   transform:translate3d(100%,0,0)}
100%{visibility:visible;
    -webkit-transform:none;
	transform:none;}
}

-webkit-@keyframes fadeInL
{
0%{ visibility:hidden;
   -webkit-transform:translate3d(100%,0,0);
   transform:translate3d(100%,0,0)}
100%{visibility:visible;;
    -webkit-transform:none;
	transform:none;}
}

-o-@keyframes fadeInL
{
0%{ visibility:hidden;
   -webkit-transform:translate3d(100%,0,0);
   transform:translate3d(100%,0,0)}
100%{opacity:1;
    -webkit-transform:none;
	transform:none;}
}







@keyframes fadeInR
{
0%{ visibility:hidden;
   -webkit-transform:translate3d(-100%,0,0);
   transform:translate3d(-100%,0,0)}
100%{visibility:visible;
    -webkit-transform:none;
	transform:none;}
}

-webkit-@keyframes fadeInR
{
0%{ visibility:hidden;
   -webkit-transform:translate3d(0,0,0);
   transform:translate3d(-100%,0,0)}
100%{visibility:visible;;
    -webkit-transform:none;
	transform:none;}
}

-o-@keyframes fadeInR
{
0%{ visibility:hidden;
   -webkit-transform:translate3d(-100%,0,0);
   transform:translate3d(-100%,0,0)}
100%{opacity:1;
    -webkit-transform:none;
	transform:none;}
}


.fadeInUp{overflow:hidden; transition:all .7s linear 0s;visibility:hidden;animation-fill-mode : forwards; animation-name: none;animation-duration:1s;}

.fadeInD{overflow:hidden; transition:all .7s linear 0s;visibility:hidden;animation-fill-mode : forwards; animation-name: none;animation-duration:1s;}

.fadeInR{overflow:hidden; transition:all .7s linear 0s;visibility:hidden;animation-fill-mode : forwards; animation-name: none;animation-duration:1s;}

.fadeInL{overflow:hidden; transition:all .7s linear 0s;visibility:hidden;animation-fill-mode : forwards; animation-name: none;animation-duration:1s;}