/* CSS Document */

.p4_case{ width:100%;overflow:hidden;position:relative; z-index:1; margin:auto;padding-top:40px;}

.p4_case .preBtn1 {left:0px;top:33px;display:block;width:40px;height:40px;background-color:rgba(168,168,180,.7);z-index:7; border-radius:20px;-moz-border-radius:20;-webkit-border-radius:20px;}
.p4_case .preBtn1 i {display:block;width:11px;height:22px;margin-left:14px;margin-top:10px; background:url(../images/icon1.png) no-repeat 0 0px;}
.p4_case .nextBtn1 {right:0px;top:33px;display:block;width:40px;height:40px;background-color:rgba(168,168,180,.7);z-index:7;border-radius:20px;-moz-border-radius:20;-webkit-border-radius:20px;}
.p4_case .nextBtn1 i {display:block;width:21px;height:22px;margin-left:14px;margin-top:10px;background:url(../images/icon1.png) no-repeat -11px 0px;}
.p4_case .preBtn1:hover,.p4_case .nextBtn1:hover { background-color:rgba(168,168,180,.9);}


.p4_case .hd{ width:840px; height:114px; margin:0 auto; position:relative;padding:0px 50px;}
.p4_case .hd ul{ width:100%; overflow:hidden;}
.p4_case .hd ul li{ float:left; width:148px; height:114px;margin:0px 10px;text-align:center; position:relative; z-index:1; cursor:pointer}
.p4_case .hd ul li .bg{ width:100%; position:absolute; z-index:2; display:block}
.p4_case .hd ul li.on .bg{ display:none;}
.p4_case .bd{ width:100%; height:460px; overflow:hidden; margin:50px auto 0 auto;}
.p4_case .bd .tempWrap{ width:100%; height:460px; overflow:hidden}
.p4_case .bd li{ width:100%; height:460px;}
.p4_case .bd li .ll{ float:left; width:450px; height:460px;}
.p4_tt{ height:100px}
.p4_case .bd li .ll .list{ display:block;width:444px;height:172px;float:left;margin-bottom:16px;-moz-transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s;position:relative;overflow:hidden;}
.p4_case .bd li .ll .list img {position:absolute;left:0;top:0;width:444px;height:172px; z-index:2;}
.p4_case .bd li .ll .list:hover {-moz-box-shadow:0 0 8px rgba(8,1,3,.2);-webkit-box-shadow:0 0 8px rgba(8,1,3,.2);box-shadow:0 0 8px rgba(8,1,3,.2);z-index:10; background-color:#f8f7f7;border-top-color:#fe3509;-moz-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);}

.p4_case .bd li .rr{ float:right; width:473px; height:473px;}

.p4_case .bd li .ll .list .tt1{ position:absolute; width:100%; height:32px; line-height:32px; font-size:14px; z-index:3; color:#FFFFFF; opacity:0;filter:alpha(opacity=0)}
.p4_case .bd li .ll .list .tt1 p{ float:left; width:33.33%; text-indent:28px;}

.p4_case .bd li .ll .list .tt2{ position:absolute; left:0px; bottom:0px; width:100%; height:32px; overflow:hidden; line-height:32px; font-size:12px; z-index:3; color:#FFFFFF; background:rgba(211,96,176,.8); text-indent:28px;opacity:0;filter:alpha(opacity=0);-moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;}

.p4_case .bd li .ll .list .bg{ width:100%; height:100%; background:rgba(0,0,0,.3); position:absolute; z-index:3; opacity:1;filter:aplha(opacity=100);}

.p4_case .bd li .ll .list:hover .tt1{opacity:1;filter:aplha(opacity=100)}
.p4_case .bd li .ll .list:hover .tt2{opacity:1;filter:aplha(opacity=100)}
.p4_case .bd li .ll .list:hover .bg{opacity:0;filter:aplha(opacity=0)}



.video_s_b{width:100%;overflow:hidden;}
.video_s_b .c_slide{width:100%;overflow:hidden;}
.video_s_b ul{width:100%;height:650px;position:relative;}
.video_s_b ul li{width:100%;overflow:hidden;position:absolute;left:0px;top:0px;filter:alpha(opacity=0);opacity:0;transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;}
 .video_s_b ul li.on{filter:alpha(opacity=100);opacity:1;z-index:2;} 
.video_s_b ul li .des{width:439px;float:left;margin:43px 15px 0 15px;background:#E6E6E6;cursor:pointer;transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;}
.video_s_b ul li .des:nth-child(odd){float:left;margin:43px 0 0 5px;}
.video_s_b ul li .des:nth-child(even){float:right;margin:43px 5px 0 0;}
.video_s_b ul li .des:hover{box-shadow:0px 0px 8px rgba(0,0,0,0.4);-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.4);-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.4);-ms-box-shadow:0px 0px 8px rgba(0,0,0,0.4);-o-box-shadow:0px 0px 8px rgba(0,0,0,0.4);transform:translateY(-2px);-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);-o-transform:translateY(-2px);}
.video_s_b ul li .des p{width:96%;margin:auto;text-align:center;font-size:16px;line-height:44px;}



.s_mini{width:100%;overflow:hidden;}
.s_mini li{width:66px;height:49px;background:#CCCCCC;cursor:pointer;margin-right:1px;float:left;font-size:16px;line-height:49px;color:#333;text-align:center;}
.s_mini li.on{background:#444469;color:#fff;}

.rg_content .hh{ width:100%; height:70px; line-height:70px; font-size:30px;color:#7C7B7D;padding-top:10px;}
.rg_content .hh a{font-size:14px;line-height:20px;float:right;margin-top:35px;}

.rg_content  .honour_pic{width:100%;overflow:hidden;margin:auto;}
.rg_content  .honour_pic li{width:286px;height:388px;margin:8px 30px 16px 5px;float:left;border:1px solid #E4E4E4; cursor:pointer;transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;}
.rg_content  .honour_pic li.end{margin-right:0px;}
.rg_content  .honour_pic li img{display:block;width:100%;}
.rg_content  .honour_pic li span{display:block;width:90%;margin:10px auto;font-size:15px;line-height:23px;color:#666;}
.rg_content  .honour_pic li:hover{/* color:#9966cc; */box-shadow:0px 0px 8px rgba(0,0,0,0.4);-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.4);-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.4);-ms-box-shadow:0px 0px 8px rgba(0,0,0,0.4);-o-box-shadow:0px 0px 8px rgba(0,0,0,0.4);transform:translateY(-2px);-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);-o-transform:translateY(-2px);}

.rg_content  .device li .cont{overflow:hidden;width:286px;border:1px solid #E4E4E4; position:relative;}