@charset "utf-8";
/* CSS Document */

/*banner*/
#banner{ width:100%; height:400px; position:relative; background:#f4f4f4; top:1px; overflow:hidden;min-width:1020px;}
.slide-main{height:400px;position:relative; text-align:left;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:178px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:50px;}
.next{right:50px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:370px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:400px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:400px;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background:#193d85 url(../images/ban2-bg.jpg) no-repeat center;;}
#bgstyleb{background:#193d85;}
#bgstylec{background:#193d85 url(../images/ban1-bg.jpg) no-repeat center;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;}
.obj-a{display:block;height:352px;top:50px;}
.obj-b{top:406px;height:100px;}
.obj-c{display:block;height:582px;top:0;margin-left:-540px;}
.obj-d{top:228px;height:164px;}
.obj-e{width:295px;height:280px;margin-left:-500px;top:65px;z-index:12;}
.obj-f{width:680px;height:236px;top:80px;margin-left:-170px;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
/*action*/
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }



/*======main=============*/
#main{ width:1020px; padding-top:50px; margin:0 auto; position:relative; }
.m-title{ height:35px; position:relative; text-align:left; width:100%; border-bottom:2px #013259 solid;}
.m-title .eng{ height:15px; line-height:15px; color:#a3acb8; font-size:18px; font-family:Arial; position:relative;}
.m-title .cn{ height:40px; width:120px; line-height:40px; background:#fff; position:relative; z-index:99; color:#013259; font-size:20px; font-family:"微软雅黑";}
.pro-list{ width:1020px; position:relative; z-index:99; padding-top:30px;} 
.pro-list ul li{ width:475px; float:left; height:125px; position:relative; left:70px; text-align:left;} 
.pro-list ul li img{ width:185px; height:125px; float:left; padding-right:20px;}
.pro-list ul li .cont{ width:270px; height:125px; float:left}
.pro-list ul li .cont .tit{ color:#222222; font-size:16px; line-height:30px; font-family:"微软雅黑";}
.pro-list ul li .cont p{ color:#555555; padding:5px 0; font-size:12px; line-height:22px; }
.pro-list ul li .cont a.more{ width:48px; float:right; height:17px; line-height:17px; padding-right:8px; text-align:center; display:block; background:url(../images/ind_21.png) no-repeat; color:#fff; font-family:Arial; font-size:10px;}
.pro-list ul li:hover{ background:#1aa6eb; cursor:pointer; box-shadow:0px 0px 3px #888888}
.pro-list ul li:hover img{ width:175px; height:115px; padding:5px; margin-right:20px;}
.pro-list ul li:hover .cont .tit{ color:#fff;}
.pro-list ul li:hover .cont p{ color:#fff;}
.pro-list ul li:hover a.more{ background:none;}

.about{ width:685px; height:260px; float:left; position:relative; text-align:left}
.about .cont{ width:685px; height:170px; padding-top:40px; position:relative;}
.about .cont img{ width:124px; height:164px; padding:3px; background:#e4e4e4; float:left; position:relative; margin-right:20px;}
.about .cont .intro{ width:535px; border-bottom:1px #cfd9e5 dotted; color:#222; font-size:12px; line-height:28px; float:left; padding-bottom:8px; position:relative;}
.about .cont .link{ width:535px; float:left; height:36px; padding-top:13px; position:relative;}
.about .cont .link ul li{ width:85px; height:36px; position:relative; float:left; margin-left:14px; padding:0; padding-left:38px;}
.gywm-bg{ background:#dce4ef url(../images/ab_03.jpg) no-repeat left;}
.cpyc-bg{ background:#dce4ef url(../images/ab_05.jpg) no-repeat left;}
.hykp-bg{ background:#dce4ef url(../images/ab_07.jpg) no-repeat left;}
.lxwm-bg{ background:#dce4ef url(../images/ab_09.jpg) no-repeat left;}
.about .cont .link ul li a{ display:block; width:85px; height:36px; line-height:36px; font-size:16px; color:#fff; text-align:center; font-weight:600;}
.about .cont .link ul li a:hover{ background:#cfdae9; font-weight:normal;}

.partner{ width:295px; height:260px; float:right; text-align:left; position:relative;}
.partner .comp{ width:295px; height:170px; padding-top:40px;}
.partner .comp ul li{ padding-left:15px; width:280px; background:url(../images/ind_30.jpg) no-repeat left; height:33px; border-bottom:1px #cadcee dashed; text-align:left; line-height:33px; font-size:12px;}


/*==========case===========*/
#case{ height:280px; padding:50px 0; background:#dfedf7; position:relative;min-width: 1020px;}
.case{ width:1020px; height:280px; margin:0 auto; position:relative; z-index:1}



/*===========case==============*/
.jscarousal{width:1020px; height:280px; margin:0 auto; position:relative; top:0;}
.jscarousal .jscarousal-left, .jscarousal .jscarousal-right{float: left; width: 28px; height: 55px;color: White;position:absolute;top: 115px;cursor: pointer;}
.jscarousal .jscarousal-right{background-image: url(../images/prev.png);background-repeat: no-repeat;background-position: left;left:0px;}
.jscarousal .jscarousal-left{background-image: url(../images/next.png);background-repeat: no-repeat;background-position: right;right:0px;}
.jscarousal-contents{width: 950px;height: 280px;float: left;position: relative;overflow: hidden;left:37px;}
.jscarousal-contents > div{position: absolute;width: 100%;height: 280px;}
.jscarousal-contents > div > div{float: left;margin-left: 5px;margin-right: 5px;}
.jscarousal-contents img{width: 335px;height: 280px;}
.hidden{display: none;}
.visible{display: block;}

/*case pic active*/
.view {width: 305px;float: left;overflow: hidden;position: relative;text-align: center;cursor: default;}
.view .mask{width: 335px;height: 280px;position: absolute;overflow: hidden;top: 0;left: 0;}
.view img {display: block;position: relative;max-width:100%;}
.view h2 {text-transform: uppercase;color: #fff;text-align: center;position: relative;font-size: 17px;padding: 10px;background: rgba(0, 0, 0, 0.8);margin: 50px 0 0 0;}
.view p {font-size: 16px;position: relative;color: #fff;padding: 10px 20px 20px;text-align: cnter;}
.view .link {display: inline-block;text-decoration: none;padding: 7px 14px;background: #fff;color: #333;text-transform: uppercase;font-size: 14px;}
.view .link:hover {-webkit-box-shadow: 0 0 3px #555;-moz-box-shadow: 0 0 3px #555;box-shadow: 0 0 3px #555; background:#013259; color:#fff;}
.view-tenth img {
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-o-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.view-tenth .mask {
background-color: #1aa6eb;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.view-tenth .mask  .icon{ width:80px; height:80px; padding:50px 0 0 0; margin:0 auto; background:url(../images/icon.png) no-repeat center bottom; transition: all 0.5s linear;}
.view-tenth h2 {
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
background: transparent;
margin: 20px 40px 0px 40px;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
color: #fff;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.view-tenth p {
color: #fff;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.view-tenth .link {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.view-tenth:hover img {
-webkit-transform: scale(10);
-moz-transform: scale(10);
-o-transform: scale(10);
-ms-transform: scale(10);
transform: scale(10);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.view-tenth:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover .link {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}