﻿/*
/*首页-产品展示*/
.i_title{text-align:center; font-size:36px; color:#000; margin-bottom:30px;}

.i_pro_list{margin-bottom:30px;}
.i_pro_list .i_prolist_box li{margin-bottom:20px;}
.i_pro_list .i_prolist_box ._list_box ._img{position:relative;width:289px;height:332px;margin-bottom:10px;overflow:hidden;}
.i_pro_list .i_prolist_box ._list_box ._img img{width:100%;}
.i_pro_list .i_prolist_box ._list_box ._title{font-size:22px;color:#363736;text-align:center;}
.i_pro_list .i_prolist_box ._list_box ._img ._bj_cover,.i_pro_list .i_prolist_box ._list_box ._img ._bj_hover{width:100%;height:100%;position:absolute;top:0;left:0;background-repeat:no-repeat;background-position:center;}
.i_pro_list .i_prolist_box ._list_box ._img ._bj_cover{background-image:url(/images/index/i_pro_list_bj.png);}
.i_pro_list .i_prolist_box ._list_box ._img ._bj_hover{background-image:url(/images/index/i_pro_list_bj_hover.png);display:none;}
.i_pro_list .i_prolist_box ._list_box ._img ._bj_hover ._more{width:142px;height:43px;line-height:43px;font-size:16px;color:#ffffff;text-align:center;display:block;border:1px solid #899ebe;position:absolute;top:50%;left:50%;margin-top:-22.5px;margin-left:-72px;}
.i_pro_list .i_prolist_box ._list_box:hover ._img ._bj_cover{display:none;}
.i_pro_list .i_prolist_box ._list_box:hover ._img ._bj_hover{display:block;}

.i_pro_list .i_prolist_box .last_more:hover ._img ._bj_cover{display:block;}
.i_pro_list .i_prolist_box .last_more ._img{background:#ebebeb;}
.i_pro_list .i_prolist_box .last_more ._img .last_more_title{font-size:18px;color:#343434;text-align:center;display:block;margin:0 auto;margin-top:45%;margin-bottom:10px;}
.i_pro_list .i_prolist_box .last_more ._img .last_more_ico{display:block;text-align:center;background:#002d72;width:74px;margin:0 auto;height:30px;line-height:30px;}
.i_pro_list .i_prolist_box .last_more ._img .last_more_ico i{width:7px;height:7px;display:inline-block;*display:inline;*zoom: 1;background:#ffffff;margin:0 3.5px;border-radius:50%;}
/*2017-01-06*/
.i_pro_list .i_prolist_box ._list_box ._img{height:252px;}
.i_pro_list .i_prolist_box .last_more ._img .last_more_title{margin-top:34%;}
/*产品案例*/
.i_pro_case_bd{width:100%;margin-bottom:40px;}

.i_pro_case_bd .i_case_bj_top{width:100%;height:42px;background:url(/images/index/i_case_bj_top.jpg) repeat-x center;}
.i_pro_case_bd .i_case_bj_bottom{width:100%;height:48px;background:url(/images/index/i_case_bj_bottom.jpg) repeat-x center;}

.i_pro_case_box{position:relative;background:#231815; display:none;}
.i_pro_case_bd li{width:19%;}

.i_pro_case_bd .i_pro_case_box ._list_box{width:100%;height:0;padding-bottom:75%;position:relative;}
.i_pro_case_bd .i_pro_case_box ._list_box img{width:100%;}
.i_pro_case_bd .i_pro_case_box ._list_box ._title{width:100%;height:55px;line-height:55px;font-size:22px;color:#231815;background:rgba(255,255,255,.60); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99ffffff,endcolorstr=#99ffffff);text-align:center;position:absolute;bottom:0;left:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.i_pro_case_box .i_case_arr { width:19%; height:100%; position:absolute; top:0; background:rgba(0,0,0,.60); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000);cursor:pointer;}
.i_pro_case_box .i_case_arr .arr_ico{width:41px;height:81px;background:url(/images/index/i_pro_case_ico.png) no-repeat;display:block;position:absolute;top:50%;margin-top:-40.5px;}

.i_pro_case_box .case_arr_prev { right:0;}
.i_pro_case_box .case_arr_prev .arr_ico{left:0px;background-position:-41px 0px;}
.i_pro_case_box .case_arr_prev:hover .arr_ico{background-position:-41px -81px;}
.i_pro_case_box .case_arr_next { left:0;}
.i_pro_case_box .case_arr_next .arr_ico{right:0px;}
.i_pro_case_box .case_arr_next:hover .arr_ico{background-position:0px -81px;}
.i_pro_case_box .scroll_nav{display:none;}

.scroll{position:relative;overflow:hidden}
.scroll_wrap{position:relative;width:100%;height:100%;}
.scroll_wrap .scroll_c{float:left;top:0;left:0;height:100%;z-index:1}.scroll_nav{position:absolute;z-index:8}
.arrs{position:absolute;cursor:pointer;z-index:9;-webkit-user-select:none;user-select:none}
.arrs.unable{cursor:default}




.ipt80 .pt-bd li{ margin-bottom: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 1.5% 3% 1.5% 0; transition: all .3s ease;}
.ipt80 .pt-bd li a{ display: block; }
.ipt80 .pt-bd li .time{ width: 20%; border-right: 1px solid #c8c8c8; text-align: center;}
.ipt80 .pt-bd li .time .date{font-size: 55px; color: #303c4a; line-height: 1;}
.ipt80 .pt-bd li .time .year{ font-size: 14px; color: #5a5a5a; }
.ipt80 .pt-bd li .cont{ width: 75%; }
.ipt80 .pt-bd li .cont .title{ font-size: 20px; color: #2e2e2e; font-family: "CH-Bold"; font-weight:bold;  }
.ipt80 .pt-bd li .cont .dec{ color: #5a5a5a; line-height: 1.3; }
.ipt80 .pt-bd li:hover{ background: #f0f1f3; }
.ipt80 .pt-bd li:hover .time .date,.ipt80 .pt-bd li:hover .time .year{ color: #FF0101; }

.title1{text-align:center; color:#3c3c3c;}

/*friends*/
.friends .title{text-align:center; color:#3c3c3c;}
.friends .info{width:100%; margin:0 auto; font-size:16px; color:#3c3c3c; text-align:center; margin-bottom:30px;}
.friends .f_list .t{position:relative; font-size:24px; color:#000; line-height:60px;}
.friends .f_list .icon{width:22px; height:22px; background:url(/images/index/friend_icon.png) center center no-repeat; margin-right:15px;}
.friends .f_list .t:after{content:''; position:absolute; width:85%; left:15%; top:30px; height:1px; background:#c7c7c7;}
.rect-45{padding-bottom:45%;}
.friends .f_list li{margin-bottom:20px;}
.friends .f_list{margin-bottom:30px;}

.ipt3{ margin-top: 0%; }
.ipt3 .pt-bd li{ margin-bottom: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 1.5% 3% 1.5% 0; transition: all .3s ease;}
.ipt3 .pt-bd li a{ display: block; }
.ipt3 .pt-bd li .time{ width: 20%; border-right: 1px solid #c8c8c8; text-align: center;}
.ipt3 .pt-bd li .time .date{ font-size: 55px; color: #303c4a; line-height: 1; font-weight:bold;}
.ipt3 .pt-bd li .time .year{ font-size: 14px; color: #5a5a5a; }
.ipt3 .pt-bd li .cont{ width: 75%; }
.ipt3 .pt-bd li .cont .title{ font-size: 24px; color: #2e2e2e; font-weight:bold; }
.ipt3 .pt-bd li .cont .dec{ color: #5a5a5a; line-height: 1.3; }
.ipt3 .pt-bd li:hover{ background: #f0f1f3; }
.ipt3 .pt-bd li:hover .time .date,.ipt3 .pt-bd li:hover .time .year{ color: #e40045; }


.cat_box{font-size:14px; color:#333; text-align:center; margin-bottom:30px;}