﻿/*首页*/
.i_pro_t{ height:75px; overflow:hidden; line-height:75px; text-align:center; background:url(../images/i_tbg.png) center center no-repeat; font-size:36px; color:#333333; letter-spacing:2px; margin-bottom:15px; margin-top:67px; text-transform:uppercase; font-weight:300;}
.i_pro_desc{ font-size:14px; color:#666666; text-align:center; line-height:22px; margin-bottom:10px;}
/*滚动产品*/
.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init*/
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon*/
.grabbing{cursor:url(../images/grabbing.png) 8 8, move;}
/* fix*/
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.owl-theme .owl-controls{margin-top:20px;text-align: center;}
/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ display:none;}
.owl-theme .owl-controls .owl-page span{display: block;width: 16px;height: 16px;margin: 5px 7px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background:url(../images/i_bg3.png) no-repeat;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{background:url(../images/i_bg4.png) no-repeat;}
/* If PaginationNumbers is true*/
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
/* preloading images*/
.owl-item.loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}

/*首页产品*/
#owl-demo2{ margin-top:30px; text-align:center; padding-bottom:10px;}
/* Styling Next and Prev buttons*/
#owl-demo2.owl-theme .owl-controls .owl-buttons{ position:absolute; top:40%; width:100%; left:0; height:0; display:none;}
#owl-demo2.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:59px; height:90px;/*IE7 life-saver*/ text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:0;}
#owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/i_case_left.png) no-repeat; float:left;}
#owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url(../images/i_case_left_on.png) no-repeat;}
#owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../images/i_case_right.png) no-repeat; float:right;}
#owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url(../images/i_case_right_on.png) no-repeat; }

/*#owl-demo2.owl-theme .owl-controls .owl-page{ display:inline-block;}*/

#owl-demo2 .item{margin:0 2px;}
#owl-demo2 .item img{display: block;height: 100%;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
#owl-demo2 .item dd{ width:100%; margin:0 auto; max-width:424px;margin-bottom:10px;}
#owl-demo2 .item dd .imgs{ position:relative; width:100%; overflow:hidden;}
#owl-demo2 .item dd .imgs p{ position:absolute; width:100%; height:100%; background:url(../images/i_bg5.png) center center no-repeat; top:0; text-align:center;opacity:0; filter:alpha(opacity=0);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
#owl-demo2 .item dd  h2{  font-weight:normal; color:#666; font-size:16px; line-height:22px; height:22px; overflow:hidden; margin-top:7px;}
#owl-demo2 .item dd  .xgcp_p{  font-weight:normal; color:#666; font-size:16px; line-height:22px; height:22px; overflow:hidden; margin-top:7px;}
#owl-demo2 .item dd:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
#owl-demo2 .item dd:hover h2{ color:#008cd6;}
#owl-demo2 .item dd:hover .imgs p{opacity:1; filter:alpha(opacity=100);}
.i_more_div{ text-align:center; overflow:hidden;}
.i_more_div .i_more{ display:inline-block; padding-left:11px; padding-right:11px; height:46px; line-height:46px; color:#fff; background:#008cd6; border-radius:6px;margin:0 auto; letter-spacing:0.5px; font-size:16px;}
.i_more_div .i_more:Hover{ margin-top:5px;transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}

/*应用领域*/
.yingyong_bg{ background:#f7f7f7; overflow:hidden; margin-top:25px; padding-bottom:90px;}
.yingyong{ overflow:hidden; padding-top:40px;}
.yingyong ul li{ display:block; overflow:hidden;}
.yingyong ul li .imgs{ width:797px;position:relative;}
.yingyong ul li .imgs img{ width:797px; display:block;}
.yingyong ul li .imgs img:hover{filter: Alpha(Opacity=80);opacity: 0.8;transition: all 0.3s;}
.yingyong ul li .imgs h2{ position:absolute; top:0; line-height:114px; color:#fff; font-size:24px; letter-spacing:1.5px; font-weight:lighter;}
.yingyong ul li .imgs.r h2{ padding-left:30px;left:0;}
.yingyong ul li .imgs.l h2{ padding-right:30px; right:0;}
.yingyong ul li .yingyong_txt{ width:365px; overflow:hidden; line-height:22px; color:#666666; font-size:18px;}
.yingyong ul li .yingyong_txt h2{ font-weight:lighter; color:#008cd6; font-size:31px; line-height:40px; margin-bottom:25px; margin-top:50px;}
.yingyong ul li:nth-child(2),.yingyong ul li:nth-child(3),.yingyong ul li:nth-child(4){ margin-top:-103px;}
.yingyong ul li:nth-child(2) .yingyong_txt,.yingyong ul li:nth-child(3) .yingyong_txt,.yingyong ul li:nth-child(4) .yingyong_txt{ padding-top:103px;}
/*为什么选择我们*/
.why_div{ overflow:hidden; padding-top:53px;}
.why_div .why_div_con{ overflow:hidden; width:560px; background:url(../images/i_bg.png) 35px top repeat-y;}
.why_div .why_div_con ul li{ display:block; padding-left:94px; padding-top:17px; height:110px; line-height:18px; font-size:14px; font-weight:normal; color:#666;transition: all 0.3s;}
.why_div .why_div_con ul li.bgs1{ background:url(../images/why_pic1.png) no-repeat;}
.why_div .why_div_con ul li.bgs1:hover{ background:url(../images/why_pic1_on.png) no-repeat;}
.why_div .why_div_con ul li.bgs2{ background:url(../images/why_pic2.png) no-repeat;}
.why_div .why_div_con ul li.bgs2:hover{ background:url(../images/why_pic2_on.png) no-repeat;}
.why_div .why_div_con ul li.bgs3{ background:url(../images/why_pic3.png) no-repeat;}
.why_div .why_div_con ul li.bgs3:hover{ background:url(../images/why_pic3_on.png) no-repeat;}
.why_div .why_div_con ul li.bgs4{ background:url(../images/why_pic4.png) no-repeat;}
.why_div .why_div_con ul li.bgs4:hover{ background:url(../images/why_pic4_on.png) no-repeat;}
.why_div .why_div_con ul li.bgs5{ background:url(../images/why_pic5.png) no-repeat;}
.why_div .why_div_con ul li.bgs5:hover{ background:url(../images/why_pic5_on.png) no-repeat;}
.why_div .why_div_con ul li.bgs6{ background:url(../images/why_pic6.png) no-repeat;}
.why_div .why_div_con ul li.bgs6:hover{ background:url(../images/why_pic6_on.png) no-repeat;}
.why_div .why_div_con ul li.bgs7{ background:url(../images/why_pic7.png) no-repeat;}
.why_div .why_div_con ul li.bgs7:hover{ background:url(../images/why_pic7_on.png) no-repeat;}
.why_div .why_div_con ul li.bgs8{ background:url(../images/why_pic8.png) no-repeat;}
.why_div .why_div_con ul li.bgs8:hover{ background:url(../images/why_pic8_on.png) no-repeat;}

/*blog*/
.blog_bg{ background:#f7f7f7; overflow:hidden; margin-top:25px; padding-bottom:90px;}
.blog_bg ul li{ float:left; width:32%; margin-right:2%; overflow:hidden; margin-top:3%;}
.blog_bg ul li:last-child{ margin-right:0;}
.blog_bg ul li img{display: block;height: 100%;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.blog_bg ul li .imgs{ position:relative; width:100%; overflow:hidden;}
.blog_bg ul li .imgs p{ position:absolute; width:100%; height:100%;  background-color:#000; top:0; color:#fff; font-size:12px; text-align:center;opacity:0; filter:alpha(opacity=0);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.blog_bg ul li .imgs p .icon-zoom{display: block;width: 100%;height: 100%;position: absolute; top: 0; left: 0;background: url(../images/news_pic1.png) no-repeat center;}
.blog_bg ul li h2{  font-weight:normal; color:#333; font-size:16px; line-height:40px; height:40px; overflow:hidden; margin-top:7px; text-align:center;}
.blog_bg ul li .i_case_txt{ font-size:12px; color:#666666; line-height:18px;overflow:hidden; padding-top:5px; height:36px;}
.blog_bg ul li label{ color:#333; font-size:12px; text-transform:uppercase; line-height:22px; float:left; padding-right:17px; background:url(../images/i_news_pic1.png) right center no-repeat; height:22px; overflow:hidden; margin-top:9px;}
.blog_bg ul li:hover img{-webkit-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); transform:scale(1.2, 1.2);}
.blog_bg ul li:hover .imgs p{opacity:0.7; filter:alpha(opacity=70);}
.blog_bg ul li:hover h2{ color:#008cd6;}
.blog_bg ul li:hover .i_case_txt{ color:#008cd6;}
.blog_bg ul li:hover label{ color:#008cd6;}

/*sing up*/
.singup_bg{ background:#797979; overflow:hidden; padding-top:26px; padding-bottom:22px;}
.singup_bg ul{ text-align:center;}
.singup_bg ul li{ display:inline-block; overflow:hidden; margin-left:3px; margin-right:3px; color:#fff; font-size:18px; line-height:24px;}
.singup_bg ul li:nth-child(1){ padding-right:6px; text-align:right;}
.singup_bg ul li h2{ font-weight:lighter; font-size:30px; line-height:32px; letter-spacing:2px;}
.singup_bg ul li .inputs3{height:45px; line-height:45px; background:#fff; border:0; padding-left:32px;padding-right:27px; width:260px; outline:none; border-radius:6px; color:#999999; font-size:14px;}
.singup_bg ul li .bnts2{ width:179px; height:45px;cursor:pointer; background:#008cd6; border:0; color:#fff;border-radius:6px; outline:none;-webkit-appearance: none; font-size:18px; font-weight:bold; text-transform:uppercase; letter-spacing:2px; cursor:pointer;}
.singup_bg ul li .bnts2:hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}