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

body{color:#3c3c3c;background:#fff;font:100 14px/18px '微软雅黑';}
html, body{_margin:0;_height:100%;/*IE6 BUG*/ }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, table, th, td, iframe{margin:0;padding:0;font-size: 12px;}
h1, h2, h3, h4, h5, h6{font-size:12px;}
ul, ol, li, dl, dt, dd{list-style-type:none }
img, object{border:0;vertical-align:middle;}
img, input{border:medium none;}

a{blr:expression(this.onFocus=this.blur());outline:none;cursor:pointer;color:#666;text-decoration:none;}

a:hover{color:#ff6600;text-decoration:none;}
input{vertical-align:middle;}
 em{font-style:normal;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}


.clear{height:0px;line-height:0px;clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*+html .clearfix{overflow:hidden;}
* html .clearfix{height:1%;}
.f-cb{*zoom:1;}
.wk_show{display:block;}
.wk_hide{display:none;}
.positionR{position:relative !important;zoom:1;}
.positionA{position:absolute;}
.f-lay{font-size:0;letter-spacing:-8px;text-align:left;}
.f-ib{display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:12px;letter-spacing:normal;}


/* font */
.w1000{width:1200px;margin:0 auto;overflow: hidden;}

/*main*/
.ct-banner{width:80%;height:500px;margin:0 auto;overflow:hidden; position:relative; padding:0px 10%;}
.ct-focusbox{height:500px;position:relative;overflow:hidden;}
.ct-focusimg{height:500px;overflow:hidden;}
.ct-fimglist{position:relative;}
.ct-fimglist img{display:block;cursor:pointer;}
.ct-fimglist li{width:100%; height:500px;float:left;}

.ct-focustool{overflow:hidden;position:relative;top: -111px;height: 133px;}
.ct-ftoollist{position:relative;margin-left:220px;}
.ct-ftoollist li{width:200px;height: 84px;float:left;cursor:pointer; margin-left:10px;margin-top:21px;}
.ct-ftoollist li a img{width:200px;height: 84px; overflow:hidden;}
.ct-ftoollist .on a{width:200px;height: 84px;display:block;margin-right:-4px;z-index:100;top:-5px;border:2px solid #FFF; font-family: '微软雅黑',Sans-Serif;
font-size:20px; font-weight:bold; }


/* nav_menu */
.head-v3{ width:100%;  margin:0 auto;  top: 18px; border-top:1px solid #FF8834;border-bottom:1px solid #FF8834; }
.head-v3 .navigation-inner{margin:0 auto;width:1262px;position:relative}
.navigation-up{height:105px;background:#fff;}
.navigation-up .navigation-v3{float:left;_margin-left:10px}
.navigation-up .navigation-inner .logo{float:left; width:244px; height:105px; margin-right: 20px;}
.navigation-up .navigation-v3 ul{float:left}
.navigation-up .navigation-v3 li{float:left;font:normal 16px/59px '微软雅黑',Sans-Serif;color:#fff;width: 128px;border-right:2px solid #eee; font-weight:bold;}
.navigation-up .navigation-v3 .nav-up-selected{background: #F9A440;}
.navigation-up .navigation-v3 .nav-up-selected a{ color:#fff; font-family: '微软雅黑',Sans-Serif; }

.navigation-up .navigation-v3 .nav-up-selected-inpage{background:#f9a440;}
.navigation-up .navigation-v3 .nav-up-selected-inpage a{ color:#fff;}
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0}
.navigation-up .navigation-v3 li h2 a{text-align: center; font-size: 16px;color:#555;display: block;height:105px;font-family:"微软雅黑";line-height: 105px;font-weight: 400;}
.navigation-up .navigation-v3 li h2 a:hover{ color:#fff; background:#F9A440;}
.navigation-down{position:absolute;top:107px;left:0px;width:100%; z-index:999999 !important; }


.navigation-down .nav-down-menu{width:100%;margin:0;background: #f7f7f7;position:absolute;top:0px; z-index:999999 !important;}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:1200px;position:relative}
.navigation-down .nav-down-menu dl{float:left;margin:18px 80px 18px 0;_margin-bottom:10px}
.navigation-down .menu-1 dl{margin: 25px 80px 25px 0;_margin-bottom:10px}
.navigation-down .menu-1 dt{font:normal 16px '微软雅黑',Sans-Serif;color: #F9A440;padding-bottom:10px;border-bottom: 1px solid #F9A440;margin-bottom:10px;}
.navigation-down .menu-1 dd{ *padding-bottom:26px;}
.navigation-down .menu-1 dd a{font:normal 16px/30px '微软雅黑',Sans-Serif; display:block;}
.navigation-down .menu-1 dd a:hover{color: #F9A440;}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{font:normal 15px '微软雅黑',Sans-Serif; line-height:30px;}

.fixed{
			position:fixed;/*固定定位:相对于浏览器窗口定位*/
			left:0px;top:0px;
			z-index:99999;
		}



/*搜索*/
.chinright{ width:86px; float:right; height:105px;}
.chinright .Cs{ width:84px; color:#fff; background:#e4841d; border-right:2px solid #ea9a44;height:105px; text-align:center; float:right;}
.chinright .Cs a{ color:#fff;}
.chinright .Cs a:hover p{ color:#000;}
.chinright .Cs img{ margin-top:37px;}
.chinright .Cs p{ font-size:12px; color:#fff;}
.chinright .ss{ float:right;}
.chinright .ss img{ margin-top:37px; margin-left: 10px;}
.ss{width: 68px; height: 68px; /* margin-left:-88px; */  position:relative;}
.ss a{display:block;width: 68px;height: 68px;}
.ss .search input{display:block; color:#fff; width: 240px; height:40px; border:none; background:none; font-size:14px;}
.ss .search { position: absolute; top: 105px;width: 240px;right: -74px; background: #fdb53d;height: 40px;display: none;z-index: 999;}



/*产品*/
.produc{ width:1200px; margin:0px auto;overflow: hidden;}
.produc .prtitle{ border-bottom:3px solid #c6cacd;height: 93px;}
.produc .prtitle h3{ font-weight:normal; font-size: 35px; line-height:108px; height: 93px;border-bottom:3px solid #f88702; width: 420px; display: block;}
.produc .prtitle h3 a{color:#e38118;}
/**/
.conter{ margin: 33px auto; overflow:hidden; width:1200px;}
.rollBox{width:1200px;overflow:hidden;margin:0 auto; text-align:center;margin-bottom: 10px;}
.buuton{ width: 265px; height:50px; margin:0 auto;}
.rollBox .LeftBotton{height: 36px;width: 121px;background:url(../images/zuo.png) no-repeat; float: left; margin-top: 80px; margin-right: 20px;
display:block;cursor:pointer;text-align:center;}
.rollBox .LeftBotton:hover{background:url(../images/zuohover.png) no-repeat;}
.rollBox .RightBotton:hover{background:url(../images/youhover.png) no-repeat;}
.rollBox .RightBotton{height: 36px;width: 121px;background:url(../images/you.png) no-repeat ;overflow:hidden;display:block;margin:80px 0 0 0;cursor:pointer; text-align:center; float:left;}
.rollBox .Cont{width: 1200px;overflow:hidden;float:left; margin:0 auto; text-align: center;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:290px; height:385px;float:left;text-align:center; border:1px solid #e3dfdf; margin-right:10px;}
.rollBox .Cont .pic:hover{ border:1px solid #f88702; background:#f88702; }
.rollBox .Cont .pic:hover span a,.rollBox .Cont .pic:hover .title a{color:#fff;} 
.rollBox .Cont .pic img{ width:290px; height:310px;background:#fff;display:block;margin:0 auto;}
.rollBox .Cont .pic .title{line-height:75px;color:#444; font-size:18px; height:75px; text-align:center; }
.rollBox .Cont .pic span{ font-size: 16px; }
.rollBox .Cont .pic span a{color:#f88702;}
.rollBox .Cont a img{ border-bottom:1px solid #e3dfdf;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{text-decoration:underline;}
.rollBox #List1,.rollBox #List2{ margin:0 auto;}

/*about*/
.about{ width:100%; margin:0 auto; background:url(../images/about.jpg) center no-repeat; height:548px;}
.about .jj{ width:1107px; margin:40px auto;} 
.about .jj h1{ height: 148px; line-height: 170px; display:block; width:300px; margin:0 auto; color:#f88702; font-size:35px; text-transform: uppercase; text-align:center;}
.about .jj p{ font-size: 16px; line-height:30px; color:#445156;}
.about .jj .lj{ margin:0 auto; width:40px; background:url(../images/lj.png) no-repeat; height:40px;margin-top: 22px;}
.about .jj .lj:hover{ background:url(../images/ljhover.png) no-repeat;margin-top:22px; cursor:pointer;}

/*new*/
.new{ width:100%; background:#f7f7f7; margin:0 auto; height:auto;}
.new h2{ color:#f88702; font-size:35px; height:150px; line-height:186px;text-transform: uppercase; font-weight:normal; text-align:center; }
.new .newtitle{ width:1200px; margin:0 auto;}
.new .newcon{ background:#fff; width:1200px; margin:0 auto; height: 680px;overflow: hidden;}
.new .newcon ul{ padding: 76px 70px 30px 107px;}
.new .newcon ul li{ float:left; width:305px; height:245px; margin-right:36px;background:#f8f9fa; overflow:hidden;margin-bottom: 36px;}
.new .newcon ul li:hover{ float:left; width:305px; height:245px; margin-right:36px;background:#605547;}
.new .newcon ul li:hover .ntitle .wz .p1 a,.new .newcon ul li:hover .ntitle .wz .p2 a{ color:#fff;}
.new .newcon ul li:hover .ntitle,.new .newcon ul li:hover .ntitle .rq span{color:#fff; border-bottom:1px solid #fff;}
.newimg a,.newimg img{width:305px; height:142px;display: block;overflow: hidden;}
.newimg a:hover img{transform: scale(1.1,1.1);transition: transform 0.6s ease 0s;}
.ntitle{ height: 68px; padding: 20px 10px 15px 16px;color:#f88702; }
.ntitle .rq{ width:40px;}
.ntitle .rq h4{ font-size: 30px; font-family: "微软雅黑";}
.ntitle .rq span{ font-size: 18px; line-height: 40px;text-transform:capitalize; font-family:'微软雅黑',Sans-Serif; border-bottom: 1px solid #f88702;/* text-align: center; */}
.ntitle .wz{ width:220px}
.ntitle .wz .p1 a{ font-size:16px; color:#666;}
.ntitle .wz .p2 a{ color:#a1a1a1;}
.ntitle .wz .p1 a:hover,.ntitle .wz .p2 a:hover{ color:#f88702;}
.an2{ width:75px; margin:0 auto; height: 65px;margin-top:80px;}
.an2 .more{ width:75px; height: 25px; border:1px solid #f88c0d; line-height: 23px; margin-bottom:20px;}
.an2 .more a{ text-align:center; color:#f88c0d;display: block;font-size: 12px;}
.an2 .more a:hover{ color:#666;}

/*wenhua*/
.homepage{ background:url(../images/bg.jpg) top repeat-x; width:100%; height:385px;}
.homecon ul{ padding:80px 0;}
.homecon ul li{ width:314px; height:210px; float:left; margin:0 43px;}
.homecon ul li:hover a img{filter: alpha(Opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;}
.homecon ul li .field-items { width: 314px; height: 48px; background:#291a02;}
.homecon ul li .field-items a {
    display: block;
    font-size: 18px;
    line-height: 48px;
    color: #fff;
    text-align: left;
    font-weight: normal;
    white-space: nowrap;
    margin: 0;
    padding: 0 32px 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    background:url(../images/jiantou.png) 270px center no-repeat;
    }
	
	
	
	
	/*侧边栏*/
	
	.menu_list{width:235px;margin:0 auto;}
.menu_head{
	
	 height: 36px;
    line-height: 36px;
    padding-left: 10px;
    margin-top: 8px;
    border: 1px solid #cacaca;

    background:url(../images/fir_art.png) 205px 13px no-repeat	;
	font-size: 14px;
	
		
	
}
.menu_list .current{background:#f1f1f1 url(../images/pro_down.png) 205px 13px no-repeat	;}

.menu_body{
	line-height: 36px;
	border-left: 1px solid #e1e1e1;
	backguound: #fff;
	border-right: 1px solid #e1e1e1;
}
.menu_body a{display:block;height:38px;line-height:38px;padding-left:8px;color:#777777;background:#fff;text-decoration:none;border-bottom:1px solid #e1e1e1;}
.menu_body a:hover{text-decoration:none; color:#ff6600 ; background:#F1F1F1;}

	

	

/*foot*/
.footer{ width:100%; background:url(../images/ftbg.jpg) repeat; overflow:hidden; color:#fff; height:320px;}

.footer .foot{ width:1200px; margin:0 auto; height:320px;}
.footer .foot .ftlogo{ margin-top:80px;}
.ftnav{margin-top:80px; float:left;width:800px; }
.ftnav .ft{width:168px; margin-left:95px;}
.ftnav .ft1{  color:#fff; float:left; }
.ftnav .ft1 h3{ font-size:18px; line-height:30px; font-weight:normal;margin-bottom: 6px;}
.ftnav .ft1 h3 a,.ftnav .ft1 h4 a,.ftnav .ft2 h3 a,.ftnav .ft2 h4 a{color:#fff; text-transform:uppercase; }
.ftnav .ft1 h3 a:hover,.ftnav .ft1 h4 a:hover,.ftnav .ft2 h3 a:hover,.ftnav .ft2 h4 a:hover{color:#f88702;}
.ftnav .ft1 h4{ font-size: 13px; font-weight:normal; line-height: 24px;}
.ftnav .ft2{ width:202px; margin-left:20px;}
.ftnav .ft3{ width:120px;margin-left:10px;}
.ftnav .ft4{ width:160px; margin-left:20px;}
.ftright{ float:right;margin-top:80px;}
.ftright .p3{ margin:10px 20px; font-size:12px;}

.foot2{ width:100%; height:50px; background:#2f2e2e; line-height:50px; color:#717070;}
/*内页样式*/
.foot2 .w1000 p{ font-size:13px;}

.banner{ background:url(../upload/1.jpg); height:500px; width:100%}
.main{ width:1200px; margin:0 auto;}
#position{ height:65px; background:url(../images/line_bg.jpg) bottom repeat-x;}
#position .fl{ line-height:65px; text-indent:35px; background:url(../images/home.jpg) 5px 23px no-repeat; font-size: 14px; width:100%}
#position .fr{ width:308px; height:36px; border:1px solid #c7c7c7; margin-right:5px; margin-top:12px;}
#position .fr .sear_t{ width:263px; height:36px; background:none; border:none; vertical-align:top; line-height:36px; text-indent:12px; outline:none; color:#8d8d8d; *width:251px; *text-indent:0; *padding-left:12px;}
#position .fr .sear_b{ width:42px; height:36px; background:url(../images/line_bg.jpg) no-repeat; border:none; vertical-align:top; outline:none; cursor:pointer;}
.page{ width:235px; margin-left: 5px; margin-top:30px;}

.page .sign{height: 50px; line-height: 50px;background: #E38118;color: #fff;font-size: 20px;padding-left: 12px;}
.page .pa_con{width:235px; }
.page .pa_con ul li{
    /* background: #ececec; */
    height:36px;
    line-height:36px;
    padding-left: 10px;
    margin-top: 8px;
    border: 1px solid #cacaca;
    }
	
.page .pa_con ul li:hover{background: #ececec;}
.page .pa_con ul li a{display: block; font-size: 16px; color: #333;background:url(../images/fir_art.png) 205px 13px no-repeat;}
.page .pa_con ul li a:hover{ color:#E38118;}



.main .page .page_r {width: 900px;}
.page_r{ margin:30px 0;}

#products {width: 920px;background: url(../images/line_bg.jpg) bottom repeat-x;overflow: hidden;}
#products .nor { width:254px; overflow:hidden;}

#products .list .pic {border: 2px solid #c7c7c7;text-align: center; overflow:hidden;}
#products .list .pic a img{width: 250px;height: 220px;}
#products .list .tit { line-height: 40px;height: 40px;overflow: hidden;margin-top: 10px;padding: 0 5px; text-align: center;}
#products .list{ margin-bottom: 10px; margin-left: 50px;}

#products .list:hover .pic {border: 2px solid #E38118;width: 250px;height: 220px;overflow: hidden;}

.lx{ margin: 30px 0; border:1px solid #c7c7c7;}
.lx .lxcon{ margin:20px 20px 10px;/* font-size: 28px; */}
.lx .lxcon p{ line-height:27px; font-size: 14px;}

/*news_page*/
.news_page {text-align:center; height:33px; margin:10px; padding:10px 0;}
.news_page ul{display:block; width:900px; margin:0 auto; overflow:hidden; height:33px; padding-top:0px;}
.news_page ul li { float:left; display:block; margin-right:10px; border:1px solid #ccc;padding:5px 10px; height:21px; font-size:12px; line-height: 21px;}
.news_page ul li a { display:block;  color:#666; font-size:12px;}
.news_page ul li:hover{display:block;color:#fff; background:#E38118;padding:5px 10px; cursor:pointer;}
.news_page ul li:hover a {color:#fff; text-decoration:none;}
.news_page ul li.thisclass {color:#fff; background:#E38118; }
.news_page ul li span,strong{font-size:14px;}
.news_detail_title {text-align: center;font-size: 20px;color: #333;margin: 0 auto;height: 30px;}
.new_detail_time { text-align: center;border-bottom: 1px solid #dbdbdb;padding: 0px 0 5px 0;}
.news_positon {border-top: 1px solid #dbdbdb;padding: 30px 0 40px 0;}

/*关于我们子页样式*/

.pr_conter{ width: 920px; min-height:500px; overflow:hidden;}
.page .pa_con ul .on{ background: #ececec; }
.pr_conter h3{ font-size:21px; color:#E38118; font-weight:normal; font-family:'微软雅黑',Sans-Serif;}
.pr_conter .wzjj{  font-size:14px; margin-top:10px;overflow: hidden;}
.pr_conter .wzjj ul li{ width: 290px; height:222px;border: 1px solid #eee;margin: 30px 14px 20px 0; float:left;overflow: hidden;}
.pr_conter .wzjj ul li .honorimg{ height:174px; width:290px;}
.pr_conter .wzjj ul li .honorwz{ background: #eee;width: 290px;height: 48px;font-size: 16px;text-align: center;line-height: 48px;}
.pr_conter .wzjj ul li .honorwz a{ display:block;}
.pr_conter .wzjj ul li:hover,.pr_conter .wzjj ul li:hover .honorwz a:hover{border: 1px solid #E38118;background: #E38118; color:#fff; }

/*新闻列表*/
.newlist{font-size:14px; margin: 0px 0 40px 0;overflow: hidden;}
.newlist ul li{float: left;width: 290px;height: 245px; margin:30px 16px 0 0;background: #f8f9fa;overflow: hidden;}
.newlist ul li .newimg{width: 290px; height:135px; overflow:hidden;}
.pr_conter .pr_conter2{ line-height:28px; margin:10px 0;}
	
/*联系我们*/
.pr_conter2 .box { width:500px; margin:30px auto;}
.pr_conter2 .box .feed_t {
    width: 400px;
    height: 31px;
    background: #fff;
    border: none;
    line-height: 31px;
    text-indent: 12px;
    color: #656565;
    border:1px solid #eee;
}
.blank10 { margin: 0px auto;clear: both;height: 10px;font-size: 1px;overflow: hidden;}
.box .feed_c { width: 500px;height: 81px; background: #fff; border: none;padding: 10px;color: #656565; border:1px solid #eee;}
.box .feed_b {width: 84px;height: 30px;background: #E38118;color: #fff;text-align: center;border: none; margin-top: 40px;}
.box .feed_b:hover{ cursor:pointer; background:#c82516;}





/*  css animation  */
.trans{

    -webkit-transition: all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;
}





/*  page animation  */

.ani-view {
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
	
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
	
}




@-webkit-keyframes fadeInDown {
    0% {
        opacity:0;
        -webkit-transform:translateY(20px)
    }
    100% {
        opacity:1;
        -webkit-transform:translateY(0)
    }
}
@-moz-keyframes fadeInDown {
    0% {
        opacity:0;
        -moz-transform:translateY(20px)
    }
	
    100% {
        opacity:1;
        -moz-transform:translateY(0)
    }
}
@-o-keyframes fadeInDown {
    0% {
        opacity:0;
        -o-transform:translateY(20px)
    }
    100% {
        opacity:1;
        -o-transform:translateY(0)
    }
}
@keyframes fadeInDown {
    0% {
        opacity:0;
        transform:translateY(20px)
    }
    100% {
        opacity:1;
        transform:translateY(0)
    }
}





.ani-view.fade-in-down{
    opacity:0;
    opacity:1\0/IE9;
    -webkit-transform:translateY(20px);
    -moz-transform:translateY(20px);
    -o-transform:translateY(20px);
    transform:translateY(20px);
    -ms-transform:translateY(0)\0/IE9;
}




.ani-view.fadeInDown {
    -webkit-animation-name:fadeInDown;
    -moz-animation-name:fadeInDown;
    -o-animation-name:fadeInDown;
    animation-name:fadeInDown;

}


@-webkit-keyframes fadeInLeft {
    0% {
        opacity:0;
        -webkit-transform:translateX(-100px)
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0)
    }
}



@-moz-keyframes fadeInLeft {
    0% {
        opacity:0;
        -moz-transform:translateX(-100px)
    }
    100% {
        opacity:1;
        -moz-transform:translateX(0)
    }
}
@-o-keyframes fadeInLeft {
    0% {
    opacity:0;
    -o-transform:translateX(-100px)
    }
    100% {
    opacity:1;
    -o-transform:translateX(0)
    }
}
@keyframes fadeInLeft {
    0% {
    opacity:0;
    transform:translateX(-100px)
    }
    100% {
    opacity:1;
    transform:translateX(0)
    }
}



.ani-view.fade-in-left{

    opacity:0;
    opacity:1\0/IE9;
    
    -webkit-transform:translateX(-100px);
    -moz-transform:translateX(-100px);
    -o-transform:translateX(-100px);
    transform:translateX(-100px);
    -ms-transform:translateX(0)\0/IE9;
}



.ani-view.fadeInLeft {
    -webkit-animation-name:fadeInLeft;
    -moz-animation-name:fadeInLeft;
    -o-animation-name:fadeInLeft;
    animation-name:fadeInLeft;
}





@-webkit-keyframes fadeInRight {
    0% {
    opacity:0;
    -webkit-transform:translateX(100px)
    }
    100% {
    opacity:1;
    -webkit-transform:translateX(0)
    }
}


@-moz-keyframes fadeInRight {
    0% {
    opacity:0;
    -moz-transform:translateX(100px)
    }
    100% {
    opacity:1;
    -moz-transform:translateX(0)
    }
}
@-ms-keyframes fadeInRight {
    0% {
    opacity:0;
    -ms-transform:translateX(100px)
    }
    100% {
    opacity:1;
    -ms-transform:translateX(0)
    }
}


@-o-keyframes fadeInRight {
    0% {
    opacity:0;
    -o-transform:translateX(100px)
    }
    100% {
    opacity:1;
    -o-transform:translateX(0)
    }
}



@keyframes fadeInRight {
    0% {
    opacity:0;
    transform:translateX(100px)
    }
    100% {
    opacity:1;
    transform:translateX(0)
    }
}
.ani-view.fade-in-right{
    opacity:0;
    opacity:1\0/IE9;
    
    -webkit-transform:translateX(100px);
    -moz-transform:translateX(100px);
    -o-transform:translateX(100px);
    transform:translateX(100px);
    -ms-transform:translateX(0)\0/IE9;
}
.ani-view.fadeInRight {
    -webkit-animation-name:fadeInRight;
    -moz-animation-name:fadeInRight;
    -o-animation-name:fadeInRight;
    animation-name:fadeInRight;
}







/*图片放大*/
 .show-pic{
	width: 798px;
	height: 309px;
	position: absolute;
	left: 50%;
	margin-left: -399px;
	bottom: -80px;
	cursor: pointer;
} 

.show-pic:hover img{
	webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
	
	
    -moz-transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
}








@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 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);
  }

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

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


.ani-view.fade-in-up{
    opacity:0;
    opacity:1\0/IE9;
    
    -webkit-transform:translateY(20px);
    -moz-transform:translateY(20px);
    -o-transform:translateY(20px);
    transform:translateY(20px);
    -ms-transform:translateY(0)\0/IE9;
}
.ani-view.fadeInUp {
    -webkit-animation-name:fadeInUp;
    -moz-animation-name:fadeInUp;
    -o-animation-name:fadeInUp;
    animation-name:fadeInUp;

}


/*products center*/
#products_wrap{width:100%;height:710px;margin:0px auto; overflow:hidden;}

.products  {width:1200px;margin:0px auto; overflow:hidden; overflow:hidden; position:relative;  }
.products h2 { text-indent:-9999px;width:330px;height:86px;margin:0px auto;padding-top:66px;padding-bottom:46px;text-align:center; background:url(../images/products_center.jpg) no-repeat center center;}
.picList li:hover{border: 1px solid #f88702;
    background: #f88702;}
.picList li:hover span a, .picList li:hover .title a {
    color: #fff;
}
.products .bd{ margin: 33px auto;}
.picList { overflow:hidden;}
.picList li {
    width: 290px;
    height: 330px;
    float: left;
    text-align: center;
    border: 1px solid #e3dfdf;
    margin-right: 10px;
    overflow:hidden;
    }
.picList li .picimg{width: 290px;
	height:255px;
    background: #fff;
    display: block;
	overflow:hidden;}
.picList li .picimg a {display:block;}
.picList li .picimg a img {width: 290px;
	height:255px;
    background: #fff;
    display: block;
	overflow:hidden;
    margin: 0 auto; transform: translateZ(0px);
    transition: transform 0.3s ease 0s;}
	
	
.picList li .title {
    line-height: 75px;
    color: #444;
    font-size: 16px;
    height: 75px;
    text-align: center;
}	
	
.picList li a p { display:block;width:100%;height:60px; line-height:60px; text-align:center; background:#000; position:absolute; left:0;top:340px;
  filter:alpha(opacity=50);   
      -moz-opacity:0.5;   
      -khtml-opacity: 0.5;   
      opacity: 0.5;   
	  color:#fff;
	  font-size:16px;
	 z-index:999999;
	  overflow:hidden;
}
/*.picList li:hover a p {background:#06398c;
 filter:alpha(opacity=100);   
      -moz-opacity:1;   
      -khtml-opacity: 1;   
      opacity: 1;  	
	  
	  
}*/



.picList li .picimg:hover img {/*filter:alpha(opacity=50);   
      -moz-opacity:0.5;   
      -khtml-opacity: 0.5;   
      opacity: 0.5;  */ transform: scale(1.1, 1.1);
    transition: transform 0.6s ease 0s;}
	
	
	
	


.products_ctrl {width:280px;margin:0px auto; overflow:hidden;margin-top:40px;}
.products_ctrl a {width:121px; height:36px;display:block; text-indent:-9999px;float:left;  background:url(../images/zuo.png) no-repeat center center; margin-left:18px;}
.products_ctrl a:hover{background:url(../images/zuohover.png) no-repeat center center;}
.products_ctrl a.prev{background:url(../images/you.png) no-repeat center center;}
.products_ctrl a.prev:hover{background:url(../images/youhover.png) no-repeat center center;}