﻿@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

/**/
/*正文开始*/
.banner a{display:block;height:560px;}
.fullSlide {width:100%;position:relative;height:560px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:560px;overflow:hidden;text-align:center; background-position:center top;background-repeat:no-repeat}
.fullSlide .bd li a {display:block;height:560px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:80px;height:6px;margin:1px;overflow:hidden;background:#005BAC;line-height:999px;   background-repeat:no-repeat;}
.fullSlide .hd ul .on {background:#6BA420;}
.fullSlide .prev,.fullSlide .next {display:none;position:absolute;z-index:1;top:50%;margin-top:-30px;left:2%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;width:73px;height:73px;}
.fullSlide .prev{ background:url(left1s.png) no-repeat;}
.fullSlide .next {left:auto;right:2%;background:url(right1s.png) no-repeat;
}



/*busi start*/
.busi{height:350px;padding:110px 0 60px;}
.busi li{float:left;width:168px;height:350px;padding:0 11px;margin-left:6px;position:relative;text-align:center;border:1px solid #e3e3e3;z-index:1;-webkit-transition:transform .5s;transition:transform .5s;}
.busi li:first-child{margin-left:0;}
.busi li .icon{position:absolute;width:110px;height:110px;left:50%;margin-left:-55px;top:-55px;z-index:3;background:url(busi_icon.jpg);border-radius:50%;}
.busi li .ti{padding-top:85px;font-size:20px;font-weight:bold;position:relative;}
.busi li .ti a{color:#333;}
.busi li .line{width:50px;height:1px;background-color:#000;margin:7px auto 23px;-webkit-transition:transform .5s;transition:transform .5s;}
.busi li .desc{height:120px;font-size:14px;color:#222;line-height:24px;}
.busi li .btn{display:block;width:118px;height:34px;margin:24px auto 0;border:2px solid #8e8e8e;font-size:16px;color:#222;text-align:center;line-height:34px;position:relative;z-index:1;}
.busi li .btn:hover{color:#005bac;border-color:#005bac;}
.busi li.i1 .icon{background-position:0 0;}
.busi li.i2 .icon{background-position:0 -110px;}
.busi li.i3 .icon{background-position:0 -220px;}
.busi li.i4 .icon{background-position:0 -330px;}
.busi li.i5 .icon{background-position:0 -440px;}
.busi li.i6 .icon{background-position:0 -550px;}
.busi li:hover{border-color:#005bac;}
.busi li.i1:hover .icon{background-position:-110px 0;}
.busi li.i2:hover .icon{background-position:-110px -110px;}
.busi li.i3:hover .icon{background-position:-110px -220px;}
.busi li.i4:hover .icon{background-position:-110px -330px;}
.busi li.i5:hover .icon{background-position:-110px -440px;}
.busi li.i6:hover .icon{background-position:-110px -550px;}
.busi li:hover{z-index:2;box-shadow:0 0 30px 0 #ccc;-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.busi li .ti a:hover{color:#005bac;}
.busi li:hover .line{transform:scale3d(3,1,1);-webkit-transform:scale3d(3,1,1);background-color:#005bac;}
/*busi end*/

/*h-ti*/
.h-ti{text-align:center;margin-top:50px;}
.h-ti a{color:#222;font-size:30px;}
.h-ti a span{color:#005bac}
.h-ti p{font-size:20px;color:#222;margin-top:15px;}
.h-ti p span{display:inline-block;padding:0 83px;position:relative;z-index:1;}
.h-ti p span:before,.h-ti p span:after{content:'';position:absolute;width:55px;height:1px;background-color:#7f7f7f;top:50%;}
.h-ti p span:before{left:0;}
.h-ti p span:after{right:0;}

/*reward start*/
.reward{margin:50px 0 60px;background:url(reward_bg.jpg) no-repeat 50% 0;overflow: hidden;}
.reward .content{position:relative;height:500px;}
.reward .hd{display:table-cell;width:480px;height:85px;vertical-align:middle;padding:0 60px;background-color:#005bac;color:#fff;line-height:1;font-size:14px;font-family:arial,"Microsoft YaHei";}
.reward .hd p{font-size:22px;font-weight:bold;}
.reward .hd p span{font-size:46px;font-family:'DINOT-CONDBOLD';}
.reward .bd{width:600px;background-color:#fff;padding:12px 0;}
.reward .bd a{display:block;height:auto;font-size:14px;color:#333;padding:0 20px 0 40px;line-height:30px;font-weight:bold;text-overflow:ellipsis;overflow:hidden;background:url(reward_icon.png) no-repeat 24px -9px;-webkit-transition:transform .5s;}
.reward .bd a:hover{color:#005bac;transform:translate(-10px,0);}
.reward .ft{height:48px;line-height:48px;padding-left:60px;width:540px;background-color:#e5e5e5;color:#222;font-size:16px;font-weight:bold;}
.reward .ft .more{float:right;width:182px;height:48px;background-color:#6ba420;color:#fff;font-weight:100;text-align:center;font-size:14px;}
.reward .ft .more:hover{opacity:0.8;}
.reward .pic{position:absolute;width:605px;height:395px;bottom:10px;right:-56px;background: url(reward.png) no-repeat 0 0;}
.reward .pic a{display:block;width: 462px;height: 289px;margin: 0 73px 0 72px;padding-top: 21px;}
/*reward end*/

/*skill start*/
.skill{height:663px;background:url(skill_bg.jpg) no-repeat 50% 0;}
.skill h2{padding-top:100px;font-size:30px;margin-bottom:20px;}
.skill h2 a{color:#005bac;}
.skill .txt{width:575px;margin-top:10px;color:#222;font-size:14px;line-height:24px;}
.skill-list{float:right;width:572px;}
.skill-list a{display:block;width:517px;height:auto;padding:20px 35px 20px 20px;background-color:#fff;font-size:14px;color:#333;position:relative;}
.skill-list .ti{padding-top:10px;font-size:16px;font-weight:bold;}
.skill-list .ti span{font-size:40px;margin-right:10px;font-family:'DINOT-CONDBOLD';}
.skill-list .desc{line-height:24px;}
.skill-list a:after{content:'';position:absolute;width:0;height:0;border:9px solid transparent;left:0;top:36px;}
.skill-list a:hover{background-color:#f2f2f2}
.skill-list a:hover .ti{color:#005bac;}
.skill-list a:hover:after{border-left:11px solid #005bac;}
/*skill end*/

/*team start*/
.team-wrap{width:100%;overflow:hidden;position:relative;margin-top:-28px;}
.team{}
.team .pic{width:600px;height:612px;float:left;}
.team .pic img{width:600px;height:612px;}
.team-list{margin-left:628px;padding-top:28px;}
.team-list li{padding:23px 0;position:relative;z-index:1;}
.team-list h2{font-size:26px;}
.team-list h2 a{color:#005bac}
.team-list p{font-size:14px;color:#222;margin-top:15px;line-height:24px;}
.team-list .more{display:inline-block;padding:0 15px;margin-top:10px;min-width:135px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#222;border:1px solid #333;}
.team-list li:after{display:none;content:'';position:absolute;width:978px;height:100%;background-color:#6ba420;top:0;left:-28px;z-index:-1;}
.team-list li:hover h2 a{color:#fff;}
.team-list li:hover p{color:#fff;}
.team-list li:hover .more{color:#fff;border-color:#fff;}
.team-list li:hover:after{display:block;}
/*team end*/

/*devote start*/
.devote{height:300px;margin:60px 0;background:url(devote_bg.jpg) no-repeat 50% 0;}
.devote .label{display:block;width:103px;height:34px;line-height:34px;text-align:center;background-color:#005bac;color:#fff;font-size:14px;}
.devote .zh{font-size:16px;color:#333;margin-top:25px;}
.devote .en{color:#c8c8c8;}
.devote h2{font-size:30px;color:#005bac;margin:25px 0;}
.devote .tx{font-size:18px;color:#333;margin-bottom:25px;}
.devote .down-btn{float:left;width:100px;padding-left:54px;height:36px;line-height:36px;font-size:14px;color:#333;border:1px solid #333;background:url(down.png) no-repeat 30px 50%;border-radius:36px;}
.devote .tel{float:left;margin-left:85px;height:38px;line-height:38px;font-size:14px;color:#333;}
.devote .tel span{font-size:26px;display:inline-block;vertical-align:middle;}
.devote .online{float:left;margin-left:50px;width:125px;height:36px;line-height:36px;text-align:center;border:1px solid #333;color:#333;border-radius:36px;font-size:14px;}
/*devote end*/

/*case start*/
.case-wrap{padding-bottom:60px;overflow:hidden;}
.case-tab{margin:35px 0 40px;text-align:center;}
.case-tab a{display:inline-block;width:153px;height:46px;line-height:46px;text-align:center;font-size:14px;color:#333;margin:0 10px;border:1px solid #d5d5d5;vertical-align:middle;border-radius:46px;position:relative;z-index:1;overflow:hidden;}
.case-tab a:hover,.case-tab a.hover{background-color:#005bac;border-color:#005bac;color:#fff;}
.case-silder{position:relative;height:480px;}
.case-silder ul{position:relative;height:480px;}
.case-silder li{width:800px;height:480px;position:absolute;left:0;top:0;}
.case-silder li a{display:block;}
.case-silder li img{width:800px;height:480px;}
.case-silder li .cont{position:absolute;width:100%;height:60px;padding:20px 0;background:rgba(0,0,0,0.8);bottom: 0;left: 200px;color:#fff; z-index:9}
.case-silder li .cont p{padding:0 30px;font-size:14px;height:24px;line-height:24px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.case-silder li .cont p.ti{font-size:16px;font-weight:bold;margin-bottom:10px;}
.case-silder .btn{position:absolute;width:55px;height:55px;top:50%;margin-top:-27px;background:url(case_btn.png)}
.case-silder .btn.prev{left:-56px;background-position:0 0;}
.case-silder .btn.next{right:-56px;background-position:-55px 0;}
.case-silder .btn.prev:hover{background-position:0 -55px;}
.case-silder .btn.next:hover{background-position:-55px -55px;}
/*case end*/

/*exten start*/
.exten{padding:45px 0;background-color:#005bac;text-align:center;color:#fff;}
.exten h2{height:34px;font-size:28px;}
.exten .txt{margin:25px 0 30px;font-size:16px;}
.exten .txt span{display:inline-block;padding:0 40px 0 40px;height:30px;line-height:30px;background:url(dd.png) no-repeat 10px 50%;}
.exten .tel{display:inline-block;vertical-align:middle;height:42px;padding-left:52px;line-height:42px;background:url(tel.png) no-repeat 0 50%;font-size:14px;}
.exten .tel span{font-size:26px;vertical-align:middle;}
.exten .online{display:inline-block;vertical-align:middle;width:125px;height:36px;line-height:36px;margin-left:17px;border:1px solid #fff;color:#fff;border-radius:36px;font-size:14px;}
/*exten end*/

.m-ti{height:26px;line-height:26px;margin-bottom:20px;}
.m-ti .txt{font-size:20px;font-weight:bold;color:#333;}
.m-ti .more{float:right;font-size:14px;color:#333;font-weight:100;}
.m-ti .txt:hover,.m-ti .more:hover{color:#6ba420}

/*about start*/
.about{padding:55px 0 45px;background:url(about_bg.jpg) no-repeat 50% 0;}
.about .content{position:relative}
.about-tab{position:absolute;right:50px;bottom:1px;}
.about-tab:before{content:'';position:absolute;width:100%;height:1px;background:#005bac;left:0;top:50%;}
.about-tab a{display:block;float:left;height:40px;width:100px;padding-left:36px;margin-left:5px;background:#6ba420 url(about_jt.png) no-repeat 100px 50%;color:#fff;font-size:14px;line-height:40px;position:relative;border-radius:40px;}
.about-tab a:first-child{margin-left:0;}
.about-tab a.hover{background-color:#005bac;}
.about-cont{overflow:hidden;padding-right:65px;}
.about-cont .pic{float:left;margin-right:22px;}
.about-cont .pic,.about-cont .pic img{width:561px;height:383px;}
.about-cont .title{padding-top:70px;font-size:20px;font-weight:bold;}
.about-cont .title a{color:#333;}
.about-cont .title a:hover{color:#6ba420}
.about-cont .line{margin:5px 0 20px;}
.about-cont .line span{display:inline-block;width:72px;height:1px;background:#000;}
.about-cont .desc{margin-bottom:20px;line-height:24px;font-size:14px;color:#333;}
.about-cont .more{font-size:14px;color:#6ba420;}
.about-cont .more:hover{color:#005bac}
/*about end*/

/*honor start*/
.honor{margin-top:30px;}
.honor-list{height:236px;border:2px solid #e0e0e0;border-bottom:0;}
.honor-list li{float:left;width:25%;}
.honor-list a{display:block;border-left:1px solid #e0e0e0;}
.honor-list li:first-child a{border-left:0;}
.honor-list span{display:block;}
.honor-list .img img{width:298px;height:193px;}
.honor-list .ti{height:41px;line-height:41px;background-color:#f2f2f2;font-size:14px;color:#222;border-bottom:2px solid #e0e0e0;text-align:center;}
.honor-list a:hover .ti{color:#fff;background-color:#6ba420;border-bottom-color:#6ba420;}
/*honor end*/

/*news start*/
.news{margin-top:50px;position:relative;overflow:hidden;}
.news:before{content:'';position:absolute;width:1px;height:500px;background-color:#d7d7d7;bottom:0;right:350px;}
.news .pic{width:672px;height:240px;}
.news .pic img{width:672px;height:240px;}
.news .title{width:672px;height:60px;line-height:60px;font-size:16px;font-weight:bold;}
.news .title a{color:#333;}
.news .desc{width:672px;font-size:14px;color:#333;line-height:24px;}
.news .more-btn{display:inline-block;margin-top:25px;font-size:14px;color:#333;}
.news-list{float:right;width:440px;position:relative;margin-top:-20px;}
.news-list li{overflow:hidden}
.news-list .date{float:left;width:70px;height:44px;padding:21px 0;margin-right:20px;color:#333;text-align:right;}
.news-list .date span{display:block;font-size:24px;font-family:Arial;}
.news-list a{display:block;float:left;width:320px;padding-left:30px;height:86px;line-height:86px;border-top:1px solid #d7d7d7;font-size:16px;font-weight:bold;color:#333;;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news-list li:first-child a{border-top:0;}
.news-list a:hover,.news .title a:hover,.news .more-btn:hover{color:#6ba420}
/*news end*/

/*ency start*/
.ency-wrap{width:100%;padding:27px 0;background:url(ency.jpg) no-repeat 50% 0;overflow:hidden;}
.ency{background-color:#fff;margin-left:-13px;margin-right:-13px;padding:15px 13px;}
.ency dl{padding:40px 0;height:148px;border:1px solid #d7d7d7;position:relative;z-index:1;}
.ency dd{width:33.33333%;float:left;position:relative;text-align:center;overflow:hidden;}
.ency dd .box{display:inline-block;max-width:389px;text-align:left;}
.ency dd a{display:block;line-height:34px;font-size:14px;color:#333;padding:0 10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.ency dd .ti a{font-size:16px;color:#005bac;font-weight:bold;margin:10px 0 15px;padding:0 10px;}
.ency dd:after{content:'';position:absolute;width:1px;height:114px;left:0;top:50%;margin-top:-57px;background-color:#d7d7d7;}
.ency dd:first-child:after{display:none;}
.ency dd a:hover{color:#6ba420}
/*ency end*/

/*animation*/
.scale{overflow:hidden;}
.scale img{-webkit-transition:all .5s;transition:all .5s;}
.scale:hover img{opacity:0.8;-webkit-transform:scale(1.1);transform:scale(1.1);}
.honor .btn,.case-silder .btn{-webkit-transition:transform .3s;transition:transform .3s;}
.honor .btn.prev:hover,.case-silder .btn.prev:hover{-webkit-transform:translate(-10px,0);transform:translate(-10px,0);}
.honor .btn.next:hover,.case-silder .btn.next:hover{-webkit-transform:translate(10px,0);transform:translate(10px,0);}
.exten .online:hover,.devote .online:hover,.devote .down-btn:hover{background-color:#6ba420; color:#fff; animation:shake .5s linear;-webkit-animation:shake .5s linear;}
@-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);}
}