@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/**/
.video{ padding:60px 0 50px;font-size: 0;}
.video_l{ background:url(../images/index/video_ico01.gif) no-repeat 0 40px; padding:80px 0 0;font-size: 24px;color: #333;width: 315px;}
.video_l i{display: block;font-size: 14px;color: #7c7c7c;text-transform: uppercase;}
.video_l b{display: block;font-size: 42px;color: #3367cd; padding:20px 0 25px;}
.video_l em{color: #eb0c0c;}
.video_l span{display: block;font-size: 14px; padding:10px 0 0;}
.video_l a,.zhuan_l dl dd span a{display: block;font-size: 14px;color: #fff;font-weight: bold; background:url(../images/index/btn.png) no-repeat;width: 155px;height: 40px;text-align: center;line-height: 40px;overflow: hidden; margin:35px 0 0;}
.video_l a:hover,.zhuan_l dl dd span a:hover{animation:shake .5s linear;-webkit-animation:shake .5s linear;}
.video_c{width: 200px;height: 385px;background: #3367cd; padding:15px 0 0;}
.video_c ul li{font-size: 20px;color: #fff; border-bottom:#5c85d7 1px dashed;width: 155px; margin:0 auto;text-align: center;height: 75px;line-height: 75px;}
.video_c .nobor{ border-bottom:none;}
.video_r{width: 630px;height: 400px;}

/*卧涛热点*/
.hot{width: 1198px;height: 295px; padding:35px 0 0; margin-bottom:60px; border:#dadada 1px solid;border-radius:10px;-webkit- border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;box-shadow: 0 3px 10px 10px #e6e6e6;position: relative;}
.hot b{display: block;width: 149px;height: 111px;position: absolute;top: 0;left: 0;}
.hot b img{width: 149px;height: 111px;}
.hot ul li{height: 45px;line-height: 45px;overflow: hidden; border-bottom:#e6e6e6 1px solid;width: 480px;float: left; background:url(../images/index/hot_ico01.gif) no-repeat 0 22px; margin:0 0 0 100px;}
.hot ul li a{font-size: 16px;color: #666;display: block;float: left;width: 335px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 0 0 20px;}
.hot ul li a:hover{color: #3367cd;}
.hot ul li span{display: block;float: right;font-size: 16px;color: #666;width: 100px;}
.hot .nobor,.news_l .nobor{ border-bottom:none;}

/**/
.plan_bg{ background:url(../images/index/plan_bg.jpg) no-repeat center 0;height: 1060px;font-size: 0;overflow: hidden;}
.plan_t{text-align: center;height: 140px; padding:56px 0 0;font-weight: normal;font-size: 36px;color: #3367cd;}
.plan_t a{font-size: 36px;color: #3367cd;}
.plan_t span{display: block;font-size: 24px;color: #858585; padding:25px 0 0;}
.plan_m{ display:inline-block;width: 1200px;}
.plan_m p{width: 240px;height: 220px;text-align: center;background: #fff;float: left;}
.plan_m p em{display: block;width: 55px; margin:0 auto; padding:35px 0 0;-webkit-transition:transform .3s;transition:transform .3s;}
.plan_m p em img{width: 55px;height: 55px;}
.plan_m p span{display: block;font-size: 24px;color: #666; padding:15px 0 0;}
.plan_m p span i{display: block;font-size: 16px; padding:15px 0 0;line-height: 26px;}
.plan_m p a:hover em{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.plan_m .plan_p02{background: #3367cd;}
.plan_m .plan_p02 span{color: #fff;}
.plan_m .plan_p06 span{font-size: 20px;}
.plan_logo{position: absolute;top: 150px;right: 35px;width: 152px;height: 262px;}
.plan_logo img{width: 152px;height: 262px;}

/**/
.news_bg{ background:url(../images/index/news_bg.jpg) no-repeat center 0;height: 732px;overflow: hidden;}
.news{ padding:0 0 48px;}
.news_bt{font-size: 32px;color: #fff; background:url(../images/index/news_tbg.png) no-repeat;width: 201px;text-align: center;height: 50px;line-height: 50px;overflow: hidden; margin:58px auto 28px;}

.news_l{width: 552px;height: 542px; border:#d2d2d2 1px solid; padding:0 15px;
border-radius:10px;-webkit- border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;background: #fff;}
.news_t{height: 58px;line-height: 58px; background:url(../images/index/news_line01.gif) no-repeat 0 56px;font-weight: normal; margin-bottom:10px;}
.news_t a{font-size: 24px;color: #3367cd; padding:0 0 0 8px;}
.news_t span{float: right; padding:0 10px 0 0;}
.news_t span a{font-size: 18px;color: #666;}
.news_l ul li{height: 38px;line-height: 38px;overflow: hidden; border-bottom:#dedede 1px solid;width: 552px;float: left; background:url(../images/index/hot_ico01.gif) no-repeat 5px 18px;}
.news_l ul li a{font-size: 14px;color: #333;display: block;width: 440px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 0 0 25px;}
.news_l ul li a:hover{color: #3367cd;}
.news_l ul li span{display: block;float: right;font-size: 12px;color: #8f8f8f;width: 75px;}

/*优势*/
.ys_bg{ background:url(../images/index/ys_bg.jpg) no-repeat center 0;height: 730px;font-size: 0;overflow: hidden;}
.ys_t{font-size: 36px;color: #fff;font-weight: normal;text-align: center;height: 142px;line-height: 150px;overflow: hidden;}
.ys_l{width: 360px; padding:20px 0 0;}
.ys_l p{ display:inline-block;width: 360px; padding:0 0 60px;}
.ys_l p em{font-size: 34px;color: #fff; background:url(../images/index/ys_k.png) no-repeat;width: 64px;height: 64px;text-align: center;line-height: 64px;float: right;}
.ys_l p b{display: block;float: left;font-size: 18px;color: #fff;line-height: 26px; text-align:right;width: 284px; background:url(../images/index/ys_line.gif) no-repeat right 63px;height: 64px;}
.ys_r p em{float: left; margin-right:12px;}
.ys_r p b{ text-align:left; background:url(../images/index/ys_line.gif) no-repeat left 63px;}
.ys_c{width: 385px;height: 530px; margin:0 0 0 40px;}
.ys_c img{width: 385px;height: 530px;}
.ys_c span{display: block;font-size: 26px;color: #fff;width: 385px;text-align: center;position: absolute;top: 360px;left: 0;}


/**/
.zhuan_bg{ background:url(../images/index/team_bg.jpg) no-repeat center 0;height: 574px;font-size: 0;overflow: hidden;}
.zhuan_l{width: 600px;}
.zhuan_l dl{width: 600px; padding:75px 0 0;}
.zhuan_l dl dt{font-size: 30px;color: #fff;height: 130px; background:url(../images/index/zhuan_line.gif) no-repeat 0 127px;}
.zhuan_l dl dt span{display: block;font-size: 22px; padding:30px 0 0;}
.zhuan_l dl dd{width: 560px; padding:25px 0 0;}
.zhuan_l dl dd p{font-size: 18px;color: #fff;line-height: 30px; background:url(../images/index/zhuan_ico01.gif) no-repeat 0 30px; padding:15px 0 0 20px;}
.zhuan_l dl dd span{display: block;width: 155px; padding:40px 0 0;}

/**/
.team{ padding:55px 0 25px;font-size: 0;}
.team ul li{width: 282px;float: left; padding:0 24px 0 0;overflow: hidden;}
.team ul li img{width: 280px;height: 280px;}
.team_btn{display: block;*display: inline;*zoom: 1;position: relative;height:280px;border:1px solid #d6d6d6;width:280px;}
.team_btn:before,.team_btn:after{content: '';position: absolute;z-index: 1;overflow: hidden;left: 50%;height: 0px;width: 20%;border: 1px solid #3367cd;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: width .3s ease-out .2s, height .2s ease-in;transition: width .3s ease-out .2s, height .2s ease-in;}
.team_btn:before{top: -1px;border-bottom: 0;}
.team_btn:after{bottom: -1px;border-top: 0;}
.team_btn:hover:before,.team_btn:hover:after{width: 100%;height: 280px;-webkit-transition: width .3s ease-in, height .2s ease-out .3s;transition: width .3s ease-in, height .2s ease-out .3s;}
.team ul li a{font-size: 16px;color: #666;}
.team ul li a:hover{color: #3367cd;}
.team ul li span{ width:280px; display:block; text-align:center; height:60px; line-height:40px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.team .nobor{padding: 0;}

/**/
.liuc_bg{ background:url(../images/index/liuc_bg.jpg) no-repeat center 0;height: 692px;font-size: 0;overflow: hidden;}
.liuc_m p{ background:url(../images/index/liuc_k01.png) no-repeat;width: 142px;float: left;position: relative;z-index: 4; margin-left:44px; margin-right:100px;height: 290px;}
.liuc_m p em{display: block;width: 40px; margin:0 auto; padding:25px 0 0;position: relative;z-index: 5;}
.liuc_m p em img{width: 40px;height: 40px;}
.liuc_m p span{display: block;font-size: 16px;color: #fff;line-height: 24px;width: 142px;text-align: center;height: 72px;position: relative;z-index: 5;}
.liuc_m p i{display: none;font-size: 14px;color: #666;position: absolute;top: 160px;left: 0;}
.liuc_m p:hover i{display: block;}
.liuc_m p:after{content:'';position:absolute;width:100%;height:0; background:url(../images/index/liuc_k02.png) no-repeat;top:0;left:0;-webkit-transition:height .8s;transition:height .8s;}
.liuc_m p:hover:after{height:100%;}
.liuc_m .liuc_p05{ margin-left:335px;}
.liuc_m .liuc_p i{top: -88px;}
.liuc_m .liuc_p07 i{top: -45px;}
.liuc_logo{width: 136px;height: 209px;position: absolute;top: 425px;left: 65px;}
.liuc_logo img{width: 136px;height: 209px;}

/*合作客户*/
.hz_bg{ background:url(../images/index/hz_bg.gif) no-repeat center 0;height: 686px;font-size: 0;overflow: hidden;}
.hz .plan_t{ padding:52px 0 0;height: 112px;}
.hz_l{width: 600px;}
.hz_l ul li{width: 182px;float: left; padding:0 15px 10px 0;}
.hz_l ul li img{width: 180px;height: 135px; border:#c2c2c2 1px solid;}
.hz_l ul li img:hover{ border:#3367cd 1px solid;}
.hz_r{width: 558px;height: 312px; padding:28px 2px 0 0;}

/*广告条*/
.ban01{ background:url(../images/index/ban01.jpg) no-repeat center 0; height:230px; overflow:hidden;}
.ban01 p{position: absolute;top: 155px;left: 0;}
.ban01 p span{ display:block;font-size:18px; color:#fff;float: left; background:url(../images/index/ban_tel.png) no-repeat 0 5px;height: 36px;line-height: 36px; padding:0 0 0 35px;}
.ban01 p em{ display:block;float: left; width: 335px;}
.ban01 p em a{font-size: 18px;color: #3264c7; background:url(../images/index/ban_btn.png) no-repeat;display: block;width: 138px;height: 36px;text-align: center;line-height: 36px;overflow: hidden;}
.ban01 p em a:hover{animation:shake .5s linear;-webkit-animation:shake .5s linear;}

/*关于卧涛*/
.ab_bg{ background:url(../images/index/ab_bg.jpg) no-repeat center 0; height:530px;font-size: 0; padding:35px 0 0; overflow:hidden;}
.ab_t{height: 100px;text-align: center;line-height: 40px;}
.ab_t a{font-size: 30px;color: #3367cd;}
.about dl dt{ width:600px; height:362px;float: left; padding:0 0 0 20px;}
.about dl dt img{ width:600px; height:362px;}
.about dl dd{ width:545px; float:left; padding:0 0 0 25px;}
.about dl dd h5{ font-weight:normal; height:50px;line-height: 50px;}
.about dl dd h5 a{ font-size:22px; color:#3367cd;}
.about .ab_desc{font-size: 14px;color: #666;line-height: 26px;}
.about dl dd p{ padding:10px 0 0;}
.about dl dd span{display: block;width: 70px; padding:15px 0 0;}
.about dl dd span a{font-size: 12px;color: #fff;display: block;width: 70px;height: 25px;text-align: center;line-height: 25px;background: #e60012;}
.about dl dd em{ display:inline-block;width: 545px; padding:35px 0 0;}
.about dl dd em a{display: block; margin:0 20px 0 0;font-size: 14px;color: #fff;float: left;width: 110px;text-align: center;height: 38px;line-height: 38px;background: #3367cd;border-radius:10px;-webkit- border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;}
.about dl dd em a:hover{background: #e60012;}

/*荣誉资质*/
.honor{ padding:50px 0;font-size: 0;}
.honor_l{ position:absolute; top:185px; left:-50px;}
.honor_r { position:absolute; top:185px; right:-50px;}
.honor_l img,.honor_r img{width: 24px;height: 44px;}
.honor p a{-webkit-transition:transform .3s;transition:transform .3s; display:inline-block;}
.honor_l a:hover{-webkit-transform:translate(10px,0);transform:translate(10px,0);}
.honor_r a:hover{-webkit-transform:translate(-10px,0);transform:translate(-10px,0);}
.honor_c ul li { width:286px; float:left; padding:0 18px 0 0;overflow: hidden;}
.honor_c ul li img{ width:218px; height:290px; border:#ececec 15px solid;display: block; margin:0 auto;}
.honor_c ul li span{ width:286px; text-align:center; display:block; height:25px; line-height:25px; overflow:hidden; padding:20px 0 0; font-size:14px; color:#666;}
.honor_c ul li a{ background:url(../images/index/honor_k01.gif) no-repeat 0 200px;display: block;width: 286px;}
.honor_c ul li a:hover{ background:url(../images/index/honor_k02.gif) no-repeat 0 200px;}

/**/
.links_bg{ padding:50px 0 35px;font-size: 0; background:#eee; border-bottom:#top 1px solid; overflow:hidden;}
.link_l { width:100px;font-size: 16px;color: #666; padding:6px 0 0;}
.link_l i{display: block;font-size: 22px;text-transform: uppercase; padding:5px 0 0;}
.lk_c{ width:1100px; height:60px;line-height: 30px; overflow:hidden;}
.lk_c a{ padding:0 30px 0 0; display:inline-block; font-size:14px; color:#666;}

/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}