@charset "utf-8";
/* CSS Document */
.focus{position:relative;height:550px;overflow:hidden;background:url(../images/bx_loader.gif) 50% no-repeat; width:100%;}
.slides{position:relative;z-index:1;}
.slides li{height:550px;background-repeat:no-repeat;background-position:center 0;}
.slides li a{display:block;width:100%;height:550px;}
.flex-control-nav{ position:absolute;bottom:30px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block; font-size:0; margin:0 6px; *display:inline; zoom:1;}
.flex-control-nav a{display:inline-block; width:10px;height:10px; overflow:hidden; background:#999; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor:pointer;}
.flex-control-nav .flex-active{ background-color: #fff;}
.flex-direction-nav{ display: none;}
.flex-direction-nav li a{display:block; width:28px; height:52px; overflow:hidden; cursor:pointer; position:absolute; top:50%; margin-top: -26px; z-index: 100; background: url(../images/focus_btn.png) no-repeat;}
.flex-direction-nav li a.flex-prev{ left:80px;}
.flex-direction-nav li a.flex-prev:hover{ background-position: 0 -52px;}
.flex-direction-nav li a.flex-next{ right: 80px; background-position: -28px 0;}
.flex-direction-nav li a.flex-next:hover{ background-position: -28px -52px;}
@media only screen and (max-device-width:1600px){
.focus{position:relative;height: 458px;overflow:hidden;background:url(../images/bx_loader.gif) 50% no-repeat;}
.slides li{height: 458px;background-repeat:no-repeat;background-position:center 0;}
.slides li a{display:block;width:100%;height: 458px;}
}
@media only screen and (max-device-width:1440px){
.focus{position:relative;height: 413px;overflow:hidden;background:url(../images/bx_loader.gif) 50% no-repeat;}
.slides li{height: 413px;background-repeat:no-repeat;background-position:center 0;}
.slides li a{display:block;width:100%;height: 413px;}
}

@media only screen and (max-device-width:1366px){
.focus{position:relative;height: 391px;overflow:hidden;background:url(../images/bx_loader.gif) 50% no-repeat;}
.slides li{height: 391px;background-repeat:no-repeat;background-position:center 0;}
.slides li a{display:block;width:100%;height: 391px;}
}
@media only screen and (max-device-width:1280px){
.focus{position:relative;height: 367px;overflow:hidden;background:url(../images/bx_loader.gif) 50% no-repeat;}
.slides li{height: 367px;background-repeat:no-repeat;background-position:center 0;}
.slides li a{display:block;width:100%;height: 367px;}
}
@media only screen and (max-device-width:1024px){
.focus{position:relative;height: 350px;overflow:hidden;background:url(../images/bx_loader.gif) 50% no-repeat;}
.slides li{height: 350px;background-repeat:no-repeat;background-position:center 0;}
.slides li a{display:block;width:100%;height: 350px;}

}
@media only screen and (max-device-width:640px){
.focus{position:relative;height: 180px;overflow:hidden;background:url(../images/bx_loader.gif) 50% no-repeat;}
.slides li{height: 180px;background-repeat:no-repeat;background-position:center 0;}
.slides li a{display:block;width:100%;height: 180px;}

}
/*通用*/
.chan_tit{width: 80%;margin: 0 auto;text-align: center;}
.chan_tit .tit{font-size:36px;position:relative;font-weight: normal;color:#0166ac;}
.chan_tit .p{font-size:16px; color:#666; line-height:38px; margin-bottom:10px;}
/* 首页产品*/
.i_product{padding:35px 0 0; border-bottom:1px solid #EAEAEA;}
.rect-44 { padding-bottom:44%; }
.i_list_wrap .wow.animated { animation-duration:1s; }
.i_list_wrap .rect-44 { padding-bottom:57%; }
.i_list_wrap ._pic img { width:100%; }
.i_list_wrap ._mask_box { position:relative; }
.i_list_wrap ._mask { display:none; position:absolute; top:0; width:100%; height:0; overflow:hidden; padding-bottom:44%; background:rgba(0,0,0,.70); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#b4000000,endcolorstr=#b4000000); }
.i_list_wrap ._mask ._wd { position:absolute; top:63px; width:90%; padding:0 5%; font-size:19px; color:#ffffff; text-align:center; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
.i_list_wrap ._sn_pannel { padding-top:30px; }
.i_list_wrap ._sn_inn { position:relative; padding:32px 32px 23px 34px; font-size:14px; color:#808080; line-height:1.7; border:#c2c2c2 1px solid; }
.i_list_wrap ._sn_inn ._date { display:block; position:absolute; top:0; left:50%; margin-top:-14px; margin-left:-102px; padding:0 10px; width:184px; font-size:16px; color:#006CB8; background-color:#ffffff; text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
.i_list_wrap ._sn_inn ._wd { height:3.4em; overflow:hidden; text-align:center; }
.i_list_wrap {padding-bottom: 52px;position: relative;}
.i_list_wrap .bd li {float:left;}
.i_list_wrap .hd {position: absolute;bottom: 0;left: 50%;overflow: hidden;}
.i_list_wrap .hd li {width: 7px;height: 7px;border-radius: 50%;border: 3px solid #b0b0b0;margin: 0 5px;cursor: pointer;text-indent: 999px;float:left;}
.i_list_wrap .hd li.on {background-color: #b0b0b0;}
._more_btn{ border:1px solid #dddee3; }

/*首页-优势*/
.i_advantage{width:100%;height:370px;background: #C3C3C3 url(../images/i_advantage_bj.jpg) no-repeat center top;background-attachment: fixed;}
.i_advantage .i_advantage_box{padding-top:60px;text-align:center;}
.i_advantage .i_advantage_box li .ico-index{display:block;margin:0 auto;overflow:hidden;width:90px;height:90px;background:url(../images/ysico.png) no-repeat;vertical-align:middle;transition: .5s;}
.i_advantage .i_advantage_box li:hover .ico-index{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg);margin-top: -10px;}
.i_advantage .i_advantage_box li .ico1{background-position:0 0;}
.i_advantage .i_advantage_box li .ico2{background-position:-94px 0;}
.i_advantage .i_advantage_box li .ico3{background-position:-188px 0;}
.i_advantage .i_advantage_box li .ico4{background-position:-280px 0;}
.i_advantage .i_advantage_box li h2{padding:20px 0;font-size:24px;color:#fff;text-align:center;transition: .3s; font-family:"微软雅黑";}
.i_advantage .i_advantage_box li p{font-size:14px;color:#fff;line-height:25px;text-align: center;transition: .3s;}
.i_advantage .i_advantage_box li:hover h2{color: #fff;}
.i_advantage .i_advantage_box li:hover p{color: #fff;}
/*首页-关于我们*/
.rect-457{padding-bottom:50%;}
.i_about{padding:35px 0 ;}
.index_about .li1,.index_about .li2,.index_about .li3,.index_about .li4{background-color:#f9f9f9;}
.index_about .rect-457 img{height:auto;}
.index_about .li1 .info,.index_about .li2 .info{padding: 28px 5%;}
.index_about .li1 .info a,.index_about .li2 .info a{display:block;position: relative;padding-left: 55px;}
.index_about .info .columns{font-size:20px;color:#016db8;}
.index_about .li1 .info .columns,.index_about .li2 .info .columns{position: absolute;width: 40px;line-height: 1.2;left: 0;top: 0;}
.index_about .img{width: 37%;margin-right: 6%;} 
.index_about .li3{margin-bottom: 25px;}
.index_about .li3 .info,.index_about .li4 .info{padding: 15px 2%;}
.index_about .li3 .info .columns,.index_about .li4 .info .columns{margin-bottom:10px;}
.index_about .li1:hover,.index_about .li2:hover,.index_about .li3:hover,.index_about .li4:hover{background-color:#016db8;}
.index_about .li1:hover .info .columns,.index_about .li2:hover .info .columns,.index_about .li3:hover .info .columns,.index_about .li4:hover .info .columns{color:#fff;}
.index_about .li1:hover .info a,.index_about .li2:hover .info a,.index_about .li3:hover .info a,.index_about .li4:hover .info a{color:#fff;} 

/*首页-新闻*/
.i_news{width:100%; height:480px;background:url(../images/i_news_bj.jpg) no-repeat center center;overflow:hidden;}
#example-one {padding: 0 10px;margin: 0 auto 15px auto;}
#example-one .tab_nav { width:20%;overflow: hidden;margin:8px auto 15px;}
#example-one .tab_nav li {width:48%;float: left; }
#example-one .tab_nav li.last {margin-right: 0;border-right: none;}
#example-one .tab_nav li a {display: block;padding:0px 5px;color: #000;font-size:18px;text-align: center;}
#example-one .tab_nav li a:hover {color:#0066CC}
#example-one ._news_hd{font-size:20px;top:-70px!important;position:relative;}
#example-one ._news_bd ._bd_box{background-color:#ffffff;padding:10px 26px 40px;}
#example-one ._news_bd .news_time{text-align:left;}
#example-one ._news_bd .news_time ._year{right:27px;}
#example-one ._news_bd li:hover ._bd_box{background-color:#ecebe9;}
#example-one ._news_bd li:hover .news_time ._year{background-color:#ecebe9;}
#example-one ._news_bd li:hover .news_time ._day{color:#006CB8;}
#example-one ._news_bd ._bd_box .news_time{margin-bottom:10px;}
#example-one ._news_bd ._bd_box ._news_title{color:#000000;font-size:16px;margin-bottom:10px;line-height:24px;height:48px;overflow:hidden;}
#example-one ._news_bd ._bd_box ._news_text{color:#949494;line-height:22px;height:66px;overflow:hidden;}
#example-one ._news_hd:before{content:"";width:1px;height:22px;background-color:#bfbfbf;display:block;position:absolute;right:-14px;top:6px;}
#example-one ._news_hd.tab_t_cur{color:#e60012;}

/*首页-行业*/
.i_case {margin:35px auto;}
.i_case_c { margin-top: 18px; position: relative; overflow:hidden; }
.i_case_c .bd { margin-right: -80px; }
.i_case_c .pro_img { float: left; margin-right: 15px; width: 156px; }
.i_case_c .pro_img div { position: relative; }
/*
.i_case_c .pro_img .pro_img1 { position: absolute; left: 0; top: 0; display: none }
.i_case_c .pro_img span { position: absolute; left: 0; bottom: -156px; width: 100%; height: 100%; background: url(../images/i_pro_v.png) center center no-repeat; }
.i_case_c .pro_img .pro_img2 { border-radius: 78px; width: 156px; height: 156px; }
.i_case_c .pro_img a:hover h3, .i_case_c .pro_img a:hover p { color: #28589b }
.i_case_c .pro_img h3 { text-align: center; margin-top: 16px; font-size: 16px; color: #474747 }
.i_case_c .pro_img p { text-align: center; font-size: 12px; -webkit-transform: scale(0.8); color: #ababab; width: 290px; position: relative; left: -68px; }
*/
.i_case_c .pro_img{float:left;width:19%;}
.i_case_c .pro_img .tit{font-size:13px;color:#fff;bottom:7%;left: 0;right: 0;padding: 0 5% 5px;z-index: 3;}
.i_case_c .pro_img .tit:after{content:'';width:17px;height:2px;background-color:#9e9d9d;position:absolute;bottom: 0;left: 5%;}
.i_case_c .pro_img a:after{content:'';width:100%;height:100%; position:absolute;bottom:0;left:0; background:url(../images/ci_bg.png) center bottom no-repeat;}
.i_case_btn { position: absolute; width: 25px; height: 49px; top: 54px }
.i_case_c .prev { background: url(../images/pro_left.jpg) no-repeat; left: -54px; }
.i_case_c .next { background: url(../images/pro_right.jpg) no-repeat; right: -54px; }
@media only screen and (max-device-width:640px){
.i_case_c .prev { display:none;}
.i_case_c .next { display:none;}
}