@charset "utf-8";
/* CSS Document */

html{color:#333;background:#fff}
body,div,p,h1,h2,h3,h4,h5,h6,img,ul,li,a,strong,span,p,dl,dt,dd,input,textarea{
    margin:0;
    padding:0;
    list-style:none;
    border:0;
    text-decoration:none;
    font-family:"microsoft yahei",SimSun;
    font-weight: normal;
	font-size:14px;
	letter-spacing:1px;
}
*{ padding:0 ; margin:0 ; font-size:14px;}
table{border-collapse:collapse;border-spacing:0}
a{ text-decoration:none;}
fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}
.xuri{color:#e70012; font-size:26px;}
.w-100{width:100%; height:auto; overflow:hidden;}
.w-1100{width:1100px; margin:0 auto; overflow:hidden;}
.w-1200{width:1200px; margin:0 auto; overflow:hidden;}
.w-1200-1{width:1200px; margin:0 auto;}
.w-1236{width:1236px; margin:0 auto; overflow:hidden;}
.mar-top{ margin-top:20px;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.MT-10{ margin-top:10px;}
.MT-15{ margin-top:15px;}
.MT-20{ margin-top:20px;}
.MT-30{ margin-top:30px;}
.MT-40{ margin-top:40px;}
.MT-50{ margin-top:50px;}
.MT-60{ margin-top:60px;}
.MT-65{ margin-top:65px;}
.MT-70{ margin-top:70px;}
.MT-80{ margin-top:80px;}

.MB-10{ margin-bottom:10PX;}
.MB-20{ margin-bottom:20PX;}
.MB-30{ margin-bottom:30px;}
.MB-40{ margin-bottom:40px;}
.MB-50{ margin-bottom:50px;}

.BG-TC{ background-position:top center; background-repeat:no-repeat;}
.BG-TL{ background-position:top LEFT; background-repeat:no-repeat;}
.BG-TR{ background-position:top RIGHT; background-repeat:no-repeat;}
.f-s13{ font-size:13px;}
.f-s14{ font-size:14px;}
.f-s15{ font-size:15px;}
.f-s16{ font-size:16px;}
.f-s17{ font-size:17px;}
.f-s18{ font-size:18px;}
.f-s20{ font-size:20px;}
.f-s22{ font-size:22px;}
.f-s24{ font-size:24px;}
.f-s26{ font-size:26px;}
.t-align-r{ text-align:right;}
.t-align-l{ text-align:left;}
.t-align-c{ text-align:center;}

/*TOP*/
.H-t-1{ height:39px; width:100%; overflow:hidden; background-color:#f2f2f2;}
.H-t-1-l{ float:left; width:1035px; height:39px; text-align:left; line-height:39px; font-size:14px; color:#3c3c3c;}
.H-t-1-r{ float:right; width:164px; height:39px;}
.H-t-1-r a h2{ display:block; float:left; height:20px; width:80px; text-align:center; line-height:20px; font-size:14px; color:#222222; border-right:#222222 1px solid; margin-top:9px;}
.H-t-2-l{ float:left; width:683px; height:118px;}
.H-t-2-l2{ float:left; width:249px; height:118px;}
.H-t-2-r{ float:right; width:268px; height:118px;}

.df-search{ width:100%; height:27px; background-color:#fff; margin-top:48px; margin-left:0px;}
.df-search .input01{ float:left; display:block; width:194px; height:30px; line-height:27px; text-align:left; font-size:14px; color:#333; border:#dcdcdc 1px solid;}
.df-search .submit01{ float:left; display:block; width:53px; height:32px; background-image:url(../../Img/search-03.jpg);}

/*固定导航*/
/*网站头部*/
.col960 {width:1200px;margin:auto;}
.navbg {height:41px;width: 100%;background: #e7010e;box-shadow: 1px 1px 7px #999;position:absolute;z-index:99;left:0;}
#navul li {float: left;margin-right: 1px;width:119px;height:41px;position:relative;text-align:center;line-height:41px; background-image:url(../../Img/menu_bg01.jpg); background-position:top right; background-repeat:no-repeat;}
#navul li.navhome {text-align:left;padding:0 0px 0 41px;width:60px;}
#navul li a:link, #navul li a:visited {color:#FFFFFF; font-size:16px;}
#navul li ul {display:none;position:absolute;z-index:10000;top:38px;left:-1px;background:#1b1b1b;border:#474646 1px solid;border-bottom:none;}
#navul li ul li {display:block;width:200px;float:none;margin-right:0px;height:28px;position:relative;line-height:28px;border-bottom:#474646 1px solid;font-size:12px !important; background-image:none;}
#navul li.navmoon {background:#1b1b1b;border:#004E6C 1px solid;width:117px;height:39px;line-height:39px;}
#navul li.navmoon a {color:#FFFFFF;}
#navul li.navhome a:hover {color:#FCFF00;}
#navul li.navmoon ul {display:block; width:200px;}
#navul li.navmoon ul a {display:block;width:200px;height:28px;line-height:28px; font-size:14px;}
#navul li.navmoon ul a:hover {background:#e7010e;}
/*end固定导航*/
.H-t2-l{ height:36px; float:left; width:930px;}
.H-t2-l .ti01{ float:left; width:85px; height:36px; line-height:36px; text-align:left; font-size:14px; color:#2c2c2c;}
.H-t2-l a h2{ float:left; display:block; height:36px; line-height:36px; text-align:left; font-size:14px; color:#2c2c2c; margin-right:15px;}
/*flash*/
.H-flash{ height:552px; width:100%; text-align:left; overflow:hidden;}
.flexslider {margin: 0px auto 20px;position: relative;width: 100%;height: 552px;overflow: hidden;zoom:1;}
.flexslider .slides li {width: 100%;height: 100%;}
.flex-direction-nav a {width: 70px;height: 70px;line-height: 99em;overflow: hidden;margin: -35px 0 0;display: block;background: url(../../Images/ad_ctr.png) no-repeat;position: absolute;top: 50%;
	z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;border-radius: 35px;
}
.flex-direction-nav .flex-next {background-position: 0 -70px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {opacity: 1;filter: alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;bottom: 10px;text-align: center;}
.flex-control-nav li {margin: 0 2px;display: inline-block;zoom: 1;display: inline;}
.flex-control-paging li a {background: url(../../Images/dot.png) no-repeat 0 -16px;display: block;height: 16px;overflow: hidden;text-indent: -99em;width: 16px;cursor: pointer;}
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {background-position: 0 0;}
.flexslider .slides a img {width: 100%;height: 552px;display: block;}


/*END TOP*/ 

/*HOME MIDDLE*/
.H-M01{ height:215px; overflow:hidden; width:1200px; background-image:url(../../Img/bg02.jpg);}
.H-M01 ul{ width:1300px; margin:0px; padding:0px;}
.H-M01 ul li{ float:left; width:280px; height:auto; margin-right:27px;}
.H-M01 ul li .tu{ width:280px; height:133px; background-color:#e70012;}
.H-M01 ul li .tu .tu01{ text-align:center; width:100%; height:88px;}
.H-M01 ul li .tu h2{ display:block; width:100%; height:37px; text-align:center; line-height:37px; color:#fff; font-size:20px;}
.H-M01 ul li h3{ display:block; margin-top:9px; height:38px; line-height:38px; text-align:center; font-size:38px; color:#e70012;}
.H-M01 ul li .dian01{ width:100%; height:25px; text-align:center; background-image:url(../../Img/m01-tu05.png); background-position:top center; background-repeat:no-repeat; margin-top:8px;}
.H-M01 ul li:hover .tu, .H-M01 ul li:first-child .tu{ background-color:#3a3a3a;}
.H-M01 ul li:hover .dian01, .H-M01 ul li:first-child .dian01{ background-image:url(../../Img/m01-tu06.png);}
.H-M01 ul li:hover  h3, .H-M01 ul li:first-child  h3{ color:#3a3a3a !important;}

.H-tit01{ width:644px; height:163px; background-image:url(../../Img/tit_bg01.jpg); background-position:top center; background-repeat:no-repeat; margin:0 auto; overflow: hidden;}
.H-tit01 h2{ display:block; margin-top:63px; height:35px; line-height:35px; text-align:center; font-size:26px; color:#000000; width:100%;}
.H-tit01 h3{ display:block; width:100%; height:16px; line-height:16px; text-align:center; font-size:15px; color:#3a3a3a; text-transform:uppercase; letter-spacing:0px;}

.H-class01{ width:1148px; border:#dadada 1px solid; padding:18px 25px; overflow:hidden;}
.H-class01 ul{ width:1300px; margin:0px; padding:0px;}
.H-class01 ul li{ float:left; background-image:url(../../Img/class01.jpg); background-position:top left; background-repeat:no-repeat; width:225px; text-indent:19px; height:35px; line-height:35px; text-align:left; margin-right:10px; letter-spacing:0px;}
.H-class01 ul li a h2{ display:block; text-indent:19px; height:35px; line-height:35px; text-align:left; font-size:16px; color:#3a3a3a; width:100%;}
.H-class01 ul li:hover{ background-image:url(../../Img/class02.jpg);}
.H-class01 ul li:hover a h2{ color:#e70012;}
.H-class01-hover{ background-image:url(../../Img/class02.jpg) !important;}
.H-class01-hover a h2{ color:#e70012 !important;}

.H-M2{ background-image:url(../../Img/bg03.jpg); width:100%; height:auto; overflow:hidden;}

.H-pro01{ width:1200px;  padding:0px; overflow: hidden;}
.H-pro01 ul{ width:1300px; margin:0px; padding:0px;}
.H-pro01 ul li{ width:286px; height:290px; overflow:hidden; float:left; margin-right:19px; margin-bottom:35px;}
.H-pro01 ul li .tu{ width:284px; height:187px; overflow:hidden; background-color:#d2d2d2; color:#d2d2d2; position:relative; z-index:1;}
.H-pro01 ul li .tu .img01{ position:absolute; top:0px; left:0px; z-index:2;}
.H-pro01 ul li .tu .tuover{ background-image:url(../../Img/m02-2.png); width:284px; height:187px; position:absolute; top:-187px; left:-284px; z-index:10;
	-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
}
.H-pro01 ul li .tu .tuover a h3{ display:block; height:46px; line-height:46px; font-size:15px; color:#ffffff; width:245px; margin:0 auto; padding-top:18px; border-bottom:#ffffff 5px solid; text-align:left;}
.H-pro01 ul li .tu .tuover h4{ display:block; width:245px; margin:0 auto; height:37px; line-height:37px; text-align:left; font-size:14px; color:#fff;}
.H-pro01 ul li .tu02{width:284px; height:27px;}
.H-pro01 ul li a h2{ display:block; width:284px; height:31px; line-height:31px; text-align:center; font-size:15px; color:#000000; margin-bottom:8px;}
.H-pro01 ul li .more01 a{ display:block; width:190px; margin:0 auto; height:26px; line-height:25px; text-align:center; background-color:#e7010e; color:#fff; font-size:14px; border:#e7010e 1px solid;
	-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;
	-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
}
.H-pro01 ul li:hover .more01 a{ display:block; width:230px;
	-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;
	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.H-pro01 ul li:hover .tu .tuover{ background-image:url(../../Img/m02-2.png); width:284px; height:187px; position:absolute; top:0px; left:0px; z-index:10;
	-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
}

.H-m3{ height:721px; width:100%; overflow:hidden; background-image:url(../../Img/bg04.jpg); background-position:top center;}
.H-m3-nr{ width:1200px; overflow:hidden;}
.H-m3-nr .m3-01{ float:left; width:200px; padding:0px 20px;}
.m3-01-h2{ display:block; height:40px; line-height:40px; text-align:center; font-size:20px; color:#fff; letter-spacing:0px;}
.m3-01-p{ display:block; height:auto; line-height:150%; font-size:15px; color:#fff; text-align:center; letter-spacing:0px;}
.H-m3-02{ background-color:#e91915; height:64px; width:100%;}

.H-m4-l{ float:left; width:700px; height:333px; overflow:hidden;}
.H-m4-l-01{ height:127px;}
.H-m4-l-01-01{ float:right; height:127px; width:590px; overflow:hidden; text-align:left;}
.H-m4-l-01-01 h2{ display:block; height:36px; text-align:left; font-size:30px; color:#000000; letter-spacing:0px;}
.H-m4-l-01-01 h3{ display:block; height:35px; line-height:35px; text-align:left; color:#000000; font-size:20px;}
.H-m4-l-01-01 p{ display:block; height:40px; line-height:130%; text-align:left; font-size:16px; overflow:hidden; letter-spacing:0px; color:#383838;}
.H-m4-l-02{ height:152px; width:700px; text-align:left; line-height:170%; font-size:15px; color:#626262; overflow:hidden; letter-spacing:0px;}

.H-m4-r{ float:right; width:500px; height:333px; overflow:hidden;}
.H-m4-more a{ display:block; width:1002px; height:34px; line-height:33px; text-align:center; background-color:#e91915; color:#ffffff; margin:0 auto; border:#e91915 1px solid; font-size:15px;
	-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;
	-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
}
.H-m4-more a:hover{ display:block; width:1198px;
	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}

.H-m5{ height:149px; height:100%; background-image:url(../../Img/m5-01.jpg); text-align:center;}
	/*首页装车现场*/
/* layout */
.style0 .hd .changeBnt i,.picLB .ftBox .name b{background:url(../../Img/bntIcon.png) no-repeat ;}
.layout{margin:40px auto 0 auto;width:1200px;}
.style0 .hd{height:48px;line-height:36px;position:relative; }
.style0 .border{display:block;overflow:hidden;height:0px;position:absolute;width:1200px;border-top:1px solid #d3d9df;border-bottom:1px solid #fcfcfc;top:18px;left:0 }
.style0 .hd a h2{ display:block; position:absolute;background:#f7f7f7;display:inline-block;display:inline;zoom:1;padding:0 22px;z-index:100;font-size:18px;left:50%;margin-left:-55px; color:#000;}
.style0 .hd .changeBnt{width:67px;height:23px;background:#fff;border:1px solid #d8dcdd;position:absolute;top:7px;right:0px;text-indent:25px;line-height:23px; font-size:12px; color:#000; letter-spacing:0px;}
.style0 .hd .changeBnt i{width:18px;height:18px;position:absolute;left:4px;top:2px;background-position:-202px 1px;}
.style0 .hd .changeBnt:hover{background:#e55656;border:1px solid #e55656;color:#fff;text-decoration:none;}
.style0 .hd .changeBnt:hover i{background-position:-202px -26px ;}
/* 影像力 */
.picLB{margin-left:-5px;}
.picLB li{width:290px;height:230px;margin:16px 0 0 5px;overflow:hidden;background:#fff;position:relative;}
.picLB{overflow:hidden;zoom:1;}
.picLB li{float:left;display:inline;}
.picLB li .nr a h2{color:#000;}
.picDl{width:1200px;overflow:hidden;zoom:1;height:336px;position:absolute;top:0;left:0 }
.picDl dd{float:left;display:inline;width:396px;overflow:hidden; height:336px; }
.picLB .ftBox{overflow:hidden;zoom:1;}
.picLB .ftBox .name{float:left;display:inline;height:80px;width:88px; border-right:1px solid #e5e5e5;margin-right:10px;}
.picLB .ftBox .name .zi{width:88px;height:80px; line-height:80px; text-align:center;display:block; font-size:32px; color:#0c0b0b;}
.picLB .ftBox .name b{width:60px;height:45px;background-position:-87px -5px ;display:block;margin:15px 0 0 10px;text-indent:-999em; font-size:32px; color:#0c0b0b;}
.picLB .ftBox .tit{font-family:'微软雅黑','黑体';font-size:14px;line-height:22px;margin-top:10px; color:#000;}
.picLB .ftBox .tit a h2{ display:block; font-size:18px; text-align:left; color:#000; height:28px; line-height:28px; margin-top:16px; overflow:hidden; text-indent:5px;}
.picLB .ftBox .text{color:#929292;font-family:'微软雅黑','黑体';font-size:12px;padding-right:10px;}
.picLB .ftBox .text h3{ display:block; height:20px; line-height:20px; text-align:left; overflow:hidden; font-size:14px; color:#717171; text-indent:5px;}
.picLB .jilu .ftBox .name b{background-position:-83px -70px;}
.picLB .tuhua .ftBox .name b{background-position:-83px -135px;}
.picLB .today .ftBox .name b{background-position:-80px -320px;width:142px;}
.picLB .yingzhan .ftBox .name b{background-position:-76px -196px;}
.picLB .jingxuan .ftBox .name b{background-position:-81px -259px;width:96px;}
/* icon-arr */
.picLB .icon-arr{border-color:transparent #CFCFCF transparent transparent;border-style:dashed solid dashed none;position:absolute;height:0;overflow:hidden;border-width:6px;left:-6px;top:50%;margin-top:-6px;}
.picLB .ftBox{position:relative;height:80px;}
.picLB .ftBox .qr{position:absolute;right:0;top:0;display:none;width:255px;height:66px;padding:2px;border-left:1px solid #CFCFCF;background-color:#FFF;}
.picLB .ftBox .qr img.fl{margin-right:12px;}
.picLB .ftBox .qr .text{margin-top:15px;}
.picLB .today .ftBox .qr{width:173px;}
	/*end首页装车现场*/

.title-list{ text-align:center; width:1100px; margin:0 auto; height:62px;}
.title-list ul{display:table;margin-left:auto;margin-right:auto;}
.title-list ul li{ width: 107px; height:62px; line-height: 65px; text-align: center; float: left; display: inline; margin:0px 10px; background-image:url(../../Img/h-pro-bg01.jpg); background-position:top center; background-repeat:no-repeat;}
.title-list ul li h1 a{ display:block; width:107px; height:62px; line-height:65px; text-align:center;  color:#fff; font-size:15px;}
.title-list ul li:hover h1 a{ display:block; background-image:url(../../Img/h-pro-bg02.jpg); background-position:top center; background-repeat:no-repeat; color:#fff;}
.on{ background-image:url(../../Img/h-pro-bg02.jpg) !important; color:#fff !important; }
.on a{ color:#fff !important;}

	/*新闻*/
.M-NEWS01{ width:1200px; height:auto; position: relative; overflow: hidden; display: none; }
.M-NEWS01 ul{ width:1300px; margin-top:30px;}
.M-NEWS01 ul li{ float:left; width:380px; height:190px; margin-right:29px; margin-top:14px;}
.M-NEWS01 ul li .n-nr{ width:378px; height:143px; border:#dcdcdc 2px solid; position:relative; z-index:1; background-color:#fff;}
.M-NEWS01 ul li .n-nr .n-num{ position:absolute; width:50px; height:34px; line-height:34px; text-align:center; background-color:#fff; top:-14px; left:28px; font-size:31px; color:#232323; letter-spacing:0px;}
.M-NEWS01 ul li .n-nr a h2{ display:block; width:330px; height:43px; margin:0 auto; padding-top:20px; line-height:51px; text-align:left; overflow:hidden; font-size:16px; color:#232323;
	-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
}
.M-NEWS01 ul li .n-nr p{ display:block; width:330px; height:36px; line-height:135%; text-align:left; font-size:13px; color:#7a7a7a; margin:0 auto; overflow:hidden;}
.M-NEWS01 ul li .n-nr .more{ padding-top:12px; width:330px; height:auto; margin:0 auto;}
.M-NEWS01 ul li .n-nr .more a{ display:block; float:right; height:21px; width:90px; text-align:left; background-image:url(../../Img/tu1-1.jpg); font-size:13px; color:#646464; background-position:top right; background-repeat:no-repeat;
	-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
}
.M-NEWS01 ul li:hover .n-nr .n-num{ color:#e7010e;}
.M-NEWS01 ul li:hover .n-nr{ border:#e7010e 2px solid;}
.M-NEWS01 ul li:hover .n-nr a h2{ color:#d54a52; 
	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.M-NEWS01 ul li:hover .n-nr .more a{ color:#d54a52; background-image:url(../../Img/tu1-2.jpg); margin-right:15px;
	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
	}



.product-wrap .show{ display: block;}
	/*end 新闻*/



/*END HOME MIDDLE*/

/*内页*/
.NY-flash{ width:100%; height:260px; background-image:url(../../Img/ABOUTUS.jpg); background-position:top center; background-repeat:no-repeat; overflow:hidden;}
.NY-MENU{ width:1200PX; height:40px; background-color:#f0f0f0;}
.NY-MENU .t-l{ float:left; width:189px; height:40px; background-image:url(../../Img/ny-tu01.jpg); line-height:40px; text-align:center; font-size:18px; color:#fff;}
.NY-MENU .t-r{ float:right; width:980px; height:26px; margin-top:6px;}
.NY-MENU .t-r a h2{ display:block; float:left; margin-right:13px; width:130px; height:24px; line-height:22px; text-align:center; border:#898989 1px solid; background-color:#898989; color:#fff; font-size:16px;
	-moz-border-radius: 8px;      /* Gecko browsers */   -webkit-border-radius: 8px;   /* Webkit browsers */    border-radius:8px;            /* W3C syntax */ 
}
.NY-MENU .t-r a:hover h2{ display:block; background-color:#f86069; border:#f86069 1px solid;}
.NY-MENU-on h2{display:block; background-color:#f86069 !important; border:#f86069 1px solid !important;}

.NY-DF01{ width:100%; border-top:#CCC 1px solid; border-bottom:#cccccc 1px solid; padding:30px 0px;}
.NY-DF01-nr{ width:1200px; text-align:left; line-height:190%; font-size:15px; color:#666; overflow:hidden; margin:0 auto;}

/*end 内页*/



/*BOTTOM*/
.H-bottom01{ width:100%; height:498px; background-image:url(../../Img/bg05.jpg); background-position:top center; background-repeat:no-repeat; background-color:#262729;}
.H-bottom01-t{ width:100%; height:217px;}
.H-bottom01-t h2{ display:block; margin-top:40px; height:46px; line-height:46px; text-align:center; color:#fff; font-size:38px; letter-spacing:0px;}
.H-bottom01-t h3{ display:block; height:30px; line-height:30px; text-align:center; color:#f1e6e6; font-size:16px; text-transform:uppercase; letter-spacing:0px;}
.H-bottom01-link{ height:45px; line-height:45px; text-align:center; color:#acacac; font-size:21px; text-indent:-10px; margin-top:105px;}

.H-bottom03{ width:100%; height:793px; background-image:url(../../Img/bottom02.jpg); background-position:top center; background-repeat:no-repeat; background-color:#262729; overflow:hidden;}
.H-bottom03-t{ width:100%; height:217px;}
.H-bottom03-t h2{ display:block; margin-top:40px; height:46px; line-height:46px; text-align:center; color:#fff; font-size:38px; letter-spacing:0px;}
.H-bottom03-t h3{ display:block; height:30px; line-height:30px; text-align:center; color:#f1e6e6; font-size:16px; text-transform:uppercase; letter-spacing:0px;}
.H-bottom03-link{ height:45px; line-height:45px; text-align:center; color:#acacac; font-size:21px; text-indent:-10px; margin-top:105px;}

.H-B-LINK{ height:36px; border-bottom:#939395 1px solid; text-align:left;}
.H-B-LINK a h3{ display:block; float:left; height:19px; padding:0 10px; border-right:#aaabad 1px solid; font-size:14px; color:#aaabad;}
.H-bottom02{ margin-top:28px; height:auto; overflow:hidden;}
.H-B2-l{ float:left; width:152px;}
.H-B2-r{ float:right; width:1027;}

.H-B-menu{ width:1027px; margin:6px 0px 22px 0px; height:17px; text-align:left;}
.H-B-menu a h2{ display:block; float:left; height:17px; line-height:17px; text-align: center; font-size:16px; padding:0px 10px; border-right:#f0f0f0 1px solid; color:#f0f0f0;}
.H-B-menu a:hover h2{ color:#e1363c;}
.H-B-contact{ width:1027px; height:auto; text-align:left; font-size:14px; color:#bdbdbd; font-size:14px; line-height:150%; overflow:hidden;}


.NY-BOTT-pro{ width:1200px; height:auto; overflow:hidden;}
.NY-BOTT-pro ul{ width:1260px; margin-top:8px; overflow:hidden;}
.NY-BOTT-pro ul li{ float:left; width:189px; height:156px; margin-right:12px; margin-bottom:12px;}
.NY-BOTT-pro ul li .tu{ width:189px; height:130px; overflow:hidden; border:#999 1px solid;}
.NY-BOTT-pro ul li .tu .tu01{width:189px; height:130px;
	  webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
	 -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out;
}
.NY-BOTT-pro ul li:hover .tu .tu01{
	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
	-webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out;
	}
.NY-BOTT-pro ul li h2 a{ display:block; height:32px; line-height:32px; text-align:center; font-size:14px; width:100%; color:#000;}

/*END BOTTOM*



/*友情链接*/	


/*首页渐出效果*/

.js .animate-box {
  opacity: 0;
}


.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}


@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    /*-webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);*/
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    /*-webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);*/
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
/*END 首页渐出效果*/

/*效果*/
@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}


@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}