@charset "utf-8";

/* CSS Document */



*{ margin:0;padding:0;list-style:none; }

body{  font-size:14px; font-family: "tahoma","arial","Microsoft YaHei","Hiragino Sans GB","\5b8b\4f53";}

.clear{ clear:both;}

a{ text-decoration:none; color:#333; }

img{ border:none;vertical-align: middle; }

.fl{ float:left;}

.fr{ float:right;}

.h20{ width:100%; clear:both; height:20px;}

.h40{ width:100%; clear:both; height:40px;}

.p50{ padding:50px 0px;}

.w1100{ width:1100px; margin:0px auto; }

.bg_gray{ width:100%; background:#f7f7f7; padding:10px 0px 40px 0px; }



 









 

.pp_cont{ width:1100px; height:630px; padding:30px 0px; margin:0px auto; position:relative;}

.pp_cont ul li{ width:176px; margin:2px; display:inline; border:1px solid #ddd; float:left; height:120px; position:relative;}

.pp_cont ul li img{ width:100%; height:100%} 

.pp_cont .pp_t{ background:#E65B5A; width:100%; height:100%;text-align:center; }

.pp_cont .pp_t h2{ font-size:24px; color:#fff; line-height:30px; padding:30px 0px  5px 0px;}

.pp_cont .pp_t p{ font-size:14px; color:#fff; line-height:20px;}

.li_img, .front, .back {width:176px; height:120px;}

.li_img{ -webkit-perspective: 1000px; -moz-perspective: 1000px;-ms-perspective: 1000px;-o-perspective: 1000px;perspective: 1000px;margin:0px auto; float:left;   }

.li_img:hover .back {transform: rotateY(0deg); -webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg); z-index:2;}

.li_img:hover .front { transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg); z-index:1}

.i_showimg ul li a {transition:transform 0.6s ease-out;

transition: transform .5s ease-in-out;

-webkit-transition: transform .5s ease-in-out;

-moz-transition: transform .5s ease-in-out;

-ms-transition: transform .5s ease-in-out;

-o-transition: transform .5s ease-in-out;

-webkit-transform-style: preserve-3d;  

-moz-transform-style: preserve-3d;

-ms-transform-style: preserve-3d;

-o-transform-style: preserve-3d;

transform-style: preserve-3d;

display:block;position: relative;}



//特效 lc 7.15



@charset "utf-8";

/* CSS Document */





 



.ybj_box,.newyear_box{ width:100%; position: relative;}                 

.ybj_box > div,.newyear_box > div{ width:100%; background: center 0px no-repeat;} 

.ybj_box .ds_ban01{ background-image:url(../Images/ybf_ban_01.jpg); height:200px}

.ybj_box .ds_ban02{ background-image:url(../Images/ybf_ban_02.jpg); height:200px}

.ybj_box .ds_ban03{ background-image:url(../Images/ybf_ban_03.jpg); height:200px}

.ybj_box .ds_ban04{ background-image:url(../Images/ybf_ban_04.jpg); height:200px}

.ybj_box .ds_ban05{ background-image:url(../Images/ybf_ban_05.jpg); height:200px}

.ds_ban05 .lefttime{    padding: 112px 0px 0px 600px; float:left;width:340px; height:85px;  }

.ds_ban05 .lefttime span{ font-size:36px; color:#403c3c; line-height:50px; text-align:center; margin:0px 13px; width:40px; display:block; float:left; font-weight:bold;}















.pp_cont{ width:1100px; height:630px; padding:30px 0px; margin:0px auto; position:relative;}

.pp_cont ul li{ width:176px; margin:2px; display:inline; border:1px solid #ddd; float:left; height:120px; position:relative;}

.pp_cont ul li img{ width:100%; height:100%} 

/*.pp_cont .pp_t{ background:#17b5cd; width:100%; height:100%;text-align:center; }*/

.pp_cont .pp_t h2{ font-size:24px; color:#fff; line-height:30px; padding:30px 0px  5px 0px;}

.pp_cont .pp_t p{ font-size:14px; color:#fff; line-height:20px;}

.li_img, .front, .back {width:176px; height:120px;}

.li_img{ -webkit-perspective: 1000px; -moz-perspective: 1000px;-ms-perspective: 1000px;-o-perspective: 1000px;perspective: 1000px;margin:0px auto; float:left;   }

.li_img:hover .back {transform: rotateY(0deg); -webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg); z-index:2;}

.li_img:hover .front { transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg); z-index:1}

.i_showimg ul li a {transition:transform 0.6s ease-out;

transition: transform .5s ease-in-out;

-webkit-transition: transform .5s ease-in-out;

-moz-transition: transform .5s ease-in-out;

-ms-transition: transform .5s ease-in-out;

-o-transition: transform .5s ease-in-out;

-webkit-transform-style: preserve-3d;  

-moz-transform-style: preserve-3d;

-ms-transform-style: preserve-3d;

-o-transform-style: preserve-3d;

transform-style: preserve-3d;

display:block;position: relative;}

.front, .back {backface-visibility: hidden;transition: 0.6s ease-out;-webkit-transition: .6s ease-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;position: absolute;top: 0;left: 0;} 

.front {z-index: 2;transform: rotateY(0deg);transform: rotateY(0deg); -webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);}

.back { z-index:1;transform: rotateY(-180deg);transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);

-ms-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);}