@charset "utf-8";


/*-----------------------------------------------------header-----------------------------------------------------*/
.header { width: 100%; margin: 0 auto; background: #fff; position: fixed; top: 0; z-index: 999; box-shadow: 0px 0px 3px #ccc; -webkit-box-shadow: 0px 0px 3px #ccc; }
.header .top { width: 100%; height: 40px; background: #333; -webkit-animation: 0.3s ease 0.1s normal both fadeInDown; animation: 0.3s ease 0.1s normal both fadeInDown; }
.header .top-info { width: 1200px; height: 40px; margin: 0 auto; color: #999; }
.header .top-info p { line-height: 40px; font-size: 12px; }
.header .top-info .top-nav { color: #666; height: 40px; overflow: hidden; }
.header .top-info .top-nav a { color: #999; line-height: 40px; padding: 0 18px; font-size: 12px; }
.header .top-info .top-nav a:hover { color: #fff; }
.header .top-info .top-nav a.top_tel { padding: 0 0 0 18px; }
.header .top-info .top-nav a.top_tel:hover { color: #999; }
.header .top-info .top-nav a span { color: #fff; font-size: 16px; font-weight: bold; font-style: italic; padding-right: 4px; }
.header .nav-bar { width: 1200px; margin: 0 auto; overflow: hidden; }
/*.header .nav-bar .logo { width: 336px; height: 60px; display: block; margin-top: 22px; }*/
.header .nav-bar .logo { width: 312px; height: 64px; margin-top:12px;}
.header .nav-bar .logo a { display: inline-block; }
.header .nav-bar .logo a .txt { margin: 22px 0 0 12px;  padding:0 0 0 20px; position:relative; }
.header .nav-bar .logo a .txt::before { content: " ";  position: absolute; top: 0;  left: 0; width:1px;  height: 100%; background: #ccc;  z-index: 2;  }
.header .nav-bar .logo a .txt p { font-size:15px; color:#333; line-height:100%; font-style:italic;  }
.header .nav-bar .logo a .txt p:first-child { margin-bottom:10px; letter-spacing:2px; }
.nav { width: 838px; }
.nav ul.nav-ul { width: 100%; }
.nav li.nav-sub { position: relative; float: left; margin-left: 25.5px; }
.nav li.nav-sub a.tit { color: #666; display: block; font-size: 15px; height: 94px; line-height: 94px; padding: 0 2px; text-align: center; transition: color 0.5s ease 0s; }
.nav li.nav-sub a.tit:hover { color: #1088d5; }
.nav li.nav-sub-selected a.tit { color: #1088d5; }
.nav li.nav-sub-selected .nav-line{width:100%;}
.nav-line { background: #1088d5; bottom: 0; height: 2px; left: 0; width: 0; position: absolute; z-index: 99; }
.navigation-down { position: absolute; top: 0; left: 0px; width: 100%; }
.navigation-down .nav-down-menu { width: 100%; margin: 0; background: url("../images/bg_shadow.png") repeat; position: absolute; top: 134px; z-index: 999; }
.navigation-down .nav-down-menu .navigation-down-inner { margin: auto; width: 1200px; position: relative }
.navigation-down-inner ul { padding-left: 360px; }
.navigation-down-inner ul li { float: left; position: relative; padding: 0 24px; background: url("../images/bg_line.png") no-repeat scroll right center; }
.navigation-down-inner ul li a { color: #fff; display: inline-block; line-height: 50px; height: 50px; text-align: center; font-size: 14px; }
.navigation-down-inner ul li a.last { background: none; }
.nav-line-d { background: #fff; bottom: 0; height: 1px; left: 0; width: 0; position: absolute; z-index: 99; }
.fixed-style .top { -webkit-animation: fadeOutUp 0.3s 0.1s ease both; animation: fadeOutUp 0.3s 0.1s ease both; margin-top: -40px; }
.fixed-style .navigation-down { top: -40px; }
/*.fixed-style .nav li.nav-sub a.tit { height: 80px; line-height: 80px; -webkit-animation: fadeInUp 0.3s 0.1s ease both; animation: fadeInUp 0.3s 0.1s ease both; }
.fixed-style .nav-bar .logo { -webkit-animation: fadeInUp 0.3s 0.1s ease both; animation: fadeInUp 0.3s 0.1s ease both; margin-top: 12px; }*/


/*-----------------------------------------------------main-----------------------------------------------------*/
.main { min-height: 600px; }
.poa { position: absolute; }
.por { position: relative; }


/*-----------------------------------------------------about-----------------------------------------------------*/
.floor-s { width: 100%; height: 760px; padding-top: 120px; background-repeat: no-repeat; background-position: center top; background-attachment: fixed; position: relative; }
.c-about { background-image: url("../images/c-about-bg.jpg"); }
.c-title { width: 1200px; margin: 0 auto; text-align: center; padding-top: 140px; color: #fff; }
.c-title h1 { font-weight: normal; font-size: 36px; }
.c-info { width: 1200px; margin: 0 auto; padding-top: 50px; color: #fff; }
.c-info p { margin-bottom: 12px; }
.scroll-down { position: absolute; left : 50%; bottom: 50px; width: 33px; height: 72px; margin-left: -17px; text-align: center; cursor: pointer; }
.scroll-down .por { position: relative; }
.scroll-down span.fi { width: 5px; height: 5px; background: url(../images/ico-down1.png) no-repeat; margin: 0 0 6px 14px; animation: scrollDown 1.5s infinite 1.6s; -webkit-animation: scrollDown 1.5s infinite 1.6s; }
.scroll-down span.se { width: 7px; height: 7px; background: url(../images/ico-down2.png) no-repeat; margin: 0 0 6px 13px; animation: scrollDown 1.5s infinite 1.4s; -webkit-animation: scrollDown 1.5s infinite 1.4s; }
.scroll-down span.th { width: 9px; height: 9px; background: url(../images/ico-down3.png) no-repeat; margin: 0 0 6px 12px; animation: scrollDown 1.5s infinite 1.2s; -webkit-animation: scrollDown 1.5s infinite 1.2s; }
.scroll-down span.fo { width: 33px; height: 33px; background: url(../images/ico-down4.png) no-repeat; animation: scrollDown 1.5s infinite 1s; -webkit-animation: scrollDown 1.5s infinite 1s; }
@keyframes scrollDown {
 0% {
 opacity: 1;
 top: 0;
}
 100% {
 opacity: 0;
 top: 10px
}
}


/*-----------------------------------------------------culture-----------------------------------------------------*/
.floor { width: 100%; height: 760px; padding-top: 90px; background-repeat: no-repeat; background-position: center top; background-attachment: fixed; position: relative; }
.c-culture { background: #fff; }
.c-title-white { width: 1200px; margin: 0 auto; text-align: center; padding-top: 120px; color: #666; }
.c-title-white h1 { font-weight: normal; font-size: 36px; }
.c-title-white p { color: #999; }
.c-info-white { width: 1200px; margin: 0 auto; padding-top: 50px; color: #666; }
.c-info-white .img { width: 420px; height: 342px; margin-left: 48px; }
.c-info-white .img .fi { opacity: 1; filter: alpha(opacity=100); }
.c-info-white .img .se { left: 15px; top: 295px; margin: 0px; opacity: 1; filter: alpha(opacity=100); }
.c-info-white .img .th { left: 260px; top: 27px; margin: 0px; opacity: 1; filter: alpha(opacity=100); }
.c-culture .list { width: 660px; }
.c-culture .list ul { }
.c-culture .list ul li { padding: 5px 0 6px; border-bottom: 1px solid #e5e5e5; margin-bottom: 12px; }
.c-culture .list ul li h1 { font-size: 16px; font-weight: normal; margin: 0 0 10px 0; }
.c-culture .list ul li p { color: #8b8b8b; font-size: 12px; }


/*-----------------------------------------------------development-----------------------------------------------------*/
.c-dev { background-image: url("../images/c-dev-bg.jpg"); }
.about-dev { width: 1200px; margin: 0 auto; position: relative; overflow: hidden; }
.about-dev.m-wrap { background-size: auto 100%; height: 546px; }
.about-dev .titbox { padding-top: 61px; width: 100%; }
.about-dev.m-wrap .titbox { padding-top: 50px; }
.about-dev h2 { font-weight: normal; color: #fff; line-height: 65px; text-align: center; font-size: 48px; }
.about-dev h2 a { color: #fff; }
.about-dev.m-wrap h2 { font-size: 30px; line-height: 48px; }
.about-dev .f36 { color: #fff; text-align: center; font-size: 36px; text-transform: uppercase; }
.about-dev .f36 a { color: #fff; }
.about-dev .titbox .line { display: block; width: 80px; height: 3px; background-color: #fff; margin: 20px auto 0; }
.about-dev .centcont { width: 56%; margin: 93px auto 0; overflow: hidden; cursor: grab; }
.about-dev .centcont .line { display: block; width: 20px; margin-top: 30px; height: 4px; background-color: #fff; display:none;}
.about-dev .centcont .f72 { font-size: 60px; line-height: 60px; display: inline-block; margin-left: 3.5%; color: #fff; }
.about-dev .centcont .word { width: 68%; color: #fff; font-size: 16px; line-height: 28px; display: block; }
.about-dev .butn { display: block; width: 50px; height: 50px; position: absolute; top: 100px; cursor: pointer; }
.about-dev .prev { background: url(../images/ico_30.png) no-repeat left center; left: 9.8%; }
.about-dev .next { background: url(../images/ico_30.png) no-repeat right center; right: 9.8%; }
.about-dev .yearlist { width: 100%; margin-top: 100px; position: relative; overflow: hidden; background: url(../images/bg_51.png) repeat-x left 16px; height: 106px; }
.about-dev .yearlist li { width: 178px; padding-top: 51px; line-height: 55px; cursor: pointer; float: left; }
.about-dev .yearlist li .year { display: block; text-align: center; font-size: 30px; color: #a4b9d8; }
.about-dev .yearlist li .ico { width: 30px; height: 48px; background: url(../images/ico_29.png) no-repeat center top; margin: -51px auto 0; display: none; }
.about-dev .yearlist li.active .year { font-size: 48px; font-weight: bold; color: #fff; margin-top: 3px; }
.about-dev .yearlist li.active .ico { display: block; }


/*-----------------------------------------------------honor-----------------------------------------------------*/
.c-hon-info { margin-top: 30px; }
.c-hon-info .img { width: 1012px; height: 400px; margin: 0 auto; }
.c-hon-info .img .in { width: 1012px; height: 400px; }
.c-hon-info .img .in img{ -webkit-box-reflect: below 50px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(65%, transparent) , to(rgba(250, 250, 250, 0.1)));}
.c-hon-info .img li { position: absolute; left: 1012px; top: 54px; z-index: 1; width: 200px; height: 173px; padding: 6px 6px 6px 6px; background: #f0f0f0;  }
.c-hon-info .img li span { width: 100%; height: 40px; line-height: 40px; display: block; text-align: center; background: #f0f0f0; display: block; color: #666; margin-top: -8px; }
.c-hon-info .img li:hover span { background: #1088d5; color: #fff; }
.c-hon-info .img li.z-1 { z-index: -1; }
.c-hon-info .img li.z2 { z-index: 2; }
.c-hon-info .img li.on { z-index: 3; }
.c-hon-info .img .btn { top: 0; width: 72px; height: 280px; cursor: pointer; filter: alpha(opacity=0); opacity: 0; }
.c-hon-info .img .prev { left: 0; background: url(../images/prev02.png) no-repeat center; }
.c-hon-info .img .next { right: 0; background: url(../images/next02.png) no-repeat center; }


/*-----------------------------------------------------service-----------------------------------------------------*/
/*.c-ser { background-image: url("../images/c-ser-bg.jpg"); }
.c-ser-info { position: relative; overflow: hidden; }
.c-ser-info p.en { height: 26px; background: url(../images/aname05.png) no-repeat center bottom; }
.c-ser-info .line { left: 50%; bottom: -40px; width: 30px; height: 4px; background: #fff; margin-left: -15px; }
.c-ser-info .list { width: 1200px; height: 260px; margin: 40px auto 0; }
.c-ser-info .list li { position: relative; width: 227px; height: 260px; margin: 0 36px; float: left; }
.c-ser-info .list .bg.fi { background: url(../images/bg_sign16.png) no-repeat left center; }
.c-ser-info .list .bg.se { background: url(../images/bg_sign17.png) no-repeat left center; }
.c-ser-info .list .bg.th { background: url(../images/bg_sign18.png) no-repeat left center; }
.c-ser-info .list .bg.fo { background: url(../images/bg_sign19.png) no-repeat left center; }
.c-ser-info .list li.hover .bg { background-position: right center; animation: bgHover 1s forwards; }
@keyframes bgHover {
 100% {
 transform: rotate(60deg);
 -webkit-transform: rotate(60deg);
}
}
.c-ser-info .list .tips { height: 199px; padding-top: 61px; line-height: 18px; color: #fff; text-align: center; }
.c-ser-info .list p.t { padding-top: 23px; background: url(../images/bg_sign20.png) no-repeat center top; font-size: 18px; line-height: 28px; margin-bottom: 0; }
.c-ser-info .list p.ens { margin-bottom: 16px; font: 14px/24px Arial; filter: alpha(opacity=58); opacity: 0.58; text-transform: uppercase; }
.c-ser-info .list .detail { left: 0; top: 66px; width: 177px; padding: 0 20px 0 30px; line-height: 18px; color: #fff;  }
.c-ser-info .list .detail.tac { text-align: left; padding-left:24px;}
.c-ser-info .list .detail p { line-height: 20px; font-size: 12px; margin-bottom: 10px; }
.c-ser-info .list p.int { filter: alpha(opacity=80); opacity: 0.8; font-size: 12px; margin-bottom: 0; line-height: 18px; }*/


/*-----------------------------------------------------team-----------------------------------------------------*/
.c-tea-info { width:100%; clear:both; overflow:hidden; margin:0px auto;  position:relative; }
.c-tea-info  a { display:inline-block; line-height:normal;}
.boxg-1, .boxg-2, .boxg-3, .boxg-4 {width:380px;  }
.boxg-5 {width:432px; height:404px; position:absolute;z-index:9; right:0; top:0;}

/*-----------------------------------------------------contact-----------------------------------------------------*/
.c-con { background-image: url("../images/c-con-bg.jpg"); }
.c-con-info {margin-top: 50px;}
.cci {width:580px; margin:0 auto; color:#fff;  }
.c-con-info .cci-left {width:150px; float:left; padding-top:6px;}
.c-con-info .cci-left img {width:150px;}
.c-con-info .cci-left span {width:100%; text-align:center; display:block; line-height:36px;}
.c-con-info .cci-right {width:380px; float:left; margin-left:40px;}
.c-con-info .cci-right a { color:#fff;}
.c-con-info .cci-right h1 { font-size:32px; font-style:italic; font-family:Times New Roman; margin-bottom:10px;}
.cci-btn {width:400px; margin:0 auto;  margin-top:50px; }
.cci-btn a {width:176px; border:1px solid #fff; border-radius:4px; -webkit-border-radius:4px; height:42px; line-height:42px; display:block; float:left; color:#fff; text-align:center; margin:0 10px;
transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.cci-btn span { padding-left:30px;}
.cci-btn a.btn-map { background:url("../images/btn-map.png") 42px center no-repeat;}
.cci-btn a.btn-need { background:url("../images/btn-need.png") 42px center no-repeat;}
.cci-btn a.btn-map:hover { background:#fff url("../images/btn-map-hover.png") 42px center no-repeat; color:#666;}
.cci-btn a.btn-need:hover { background:#fff url("../images/btn-need-hover.png") 42px center no-repeat; color:#666;}






/*-----------------------------------------------------kf-----------------------------------------------------*/
.side-pannel { position: fixed; width: 50px; bottom: 60px; right: 20px; z-index: 999; }
.side-bar>a {display: none;  width: 50px; height: 50px; position: relative; text-align: center; margin-bottom: 10px; cursor: pointer; float: left; border-radius: 50%; background: #333; box-shadow: 0 0 8px 0 rgba(0,0,0,.2); -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.2); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
.side-bar>a:hover { background: #222; }
.side-bar a.gotop:hover { background: #222; }
.side-bar a.qq i { background: url(../images/side-04.png) no-repeat; width: 24px; height: 26px; display: block; margin: 10px auto; }
.side-bar .dh { width: 50px; height: 50px; position: relative; text-align: center; margin-bottom: 10px; display: block; cursor: pointer; float: left; display: block; border-radius: 50%; background: #333; box-shadow: 0 0 8px 0 rgba(0,0,0,.2); transition: all .3s ease-out; }
.side-bar .dh:hover { background: #222; }
.side-bar .dh i { background: url(../images/side-01.png) no-repeat; width: 23px; height: 23px; display: block; margin: 14px auto; }
.side-bar a.wx i { background: url(../images/side-02.png) no-repeat; width: 26px; height: 22px; display: block; margin: 14px auto; }
.side-bar a.gotop i { background: url(../images/side-03.png) no-repeat; width: 23px; height: 13px; display: block; margin: 17px auto; }
.side-bar .dh .hide { width: 226px; position: absolute; left: -226px; top: -36px;z-index:9;  }
.side-bar .dh .hied_con { width: 210px; background: #222; border-radius: 4px; color: #fff; padding: 5px 0 15px 0; box-shadow: 0 0 8px 0 rgba(0,0,0,.2); -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.2); transition: width 0.3s ease-in-out; -webkit-transition: width 0.3s ease-in-out; display: none; }
.side-bar .dh:hover .hied_con { display: block }
.side-bar .dh .hied_con:after { content: ""; width: 10px; height: 10px; background: #222; position: absolute; right: 11px; top: 58px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.side-bar .dh .hide dl { width: 180px; margin: 0 auto; overflow: hidden; text-align: left; font-size: 12px; margin-top: 10px; }
.side-bar .dh .hide dl dt.title { margin-bottom: 10px; font-size: 14px; }
.side-bar .dh .hide dl dt.tel { margin-top: -6px; }
.side-bar .dh .hide dl dt a { color: #fff; font-family: Arial, sans-serif; font-size: 18px; font-style: italic; }
.side-bar .dh .hide dl dt a span { font-family: "微软雅黑"; font-style: normal; font-size: 14px; padding-left: 6px; }
.theme-mask { z-index: 10000; position: fixed; _position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.75; filter: alpha(opacity=75); -moz-opacity: 0.75; display: none; }
.popover1 { width: 360px; height: 400px; z-index: 100001; position: fixed; top: 50%; left: 50%; background: #fff; margin: -200px 0 0 -180px; box-shadow: 1px 1px 6px 3px rgba(0,0,0,.2); display: none; text-align: center; }
.popover1 dl { margin-top: 60px; font-size: 14px; color: #333; line-height: 30px; }
.popover1 dl a { width: 100px; height: 36px; line-height: 36px; background: #1088d5; color: #fff; display: inline-block; border-radius: 4px; -webkit-border-radius: 4px; font-size: 14px; margin-top: 10px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
.popover1 dl a:hover { background: #005ca1; }


/*-----------------------------------------------------初始化-----------------------------------------------------*/
.c-about .c-title, .c-about .c-info, .scroll-down, .c-culture .c-title-white, .c-culture .c-info-white .img img, .c-culture .list ul li, .c-dev .c-title, .about-dev, .c-hon .c-title-white, .c-hon-info .img .in, .c-ser .c-title, .c-ser-info .list li,
.c-tea .c-title-white, .c-tea-info a img, .c-con .c-title, .cci, #showdiv2, #showdiv { /*opacity: 0; filter: alpha(opacity=0);*/ opacity: 0;  }

/*-----------------------------------------------------加载进度条-----------------------------------------------------*/
.fade { transition: all 300ms linear 700ms; -webkit-transition: all 300ms linear 700ms;  opacity: 1; }
.fade.out {opacity: 0;  filter: alpha(opacity=0); }

.c-hon-info { opacity: 0; filter: alpha(opacity=0); }
.newhonor ul { margin-bottom: 10px; }
.newhonor ul li { float: left; width: calc(16.9% - 20px); margin-right: 20px; text-align: center; }
.newhonor ul li:nth-child(6n) { margin-right: 0 !important; }
.newhonor img { width: 100%; box-shadow: 4px 4px 0 #eee; }
.newhonor .swiper-container2 { padding-bottom: 30px; }
.newhonor .swiper-pagination { bottom: 0 !important; }
.newhonor .swiper-pagination-bullet-active { background-color: #666 !important; }

.c-tea-info a { width: calc(25% - 20px); height: 210px; overflow: hidden; display: inline-block; float: left; margin-right: 20px; margin-bottom: 20px; }
.c-tea-info a:nth-child(4n) { margin-right: 0 !important; }