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

*{ -webkit-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,p,blockquote,th,td{margin:0; padding:0; outline: none;}
body{overflow-x:hidden; font:14px/1.2 "Microsoft Yahei"; background:#fff;color:#595959; -webkit-font-smoothing: antialiased;/*这个属性可以使页面上的字体抗锯齿*/ }
a{ text-decoration:none; color:#595959;}
/*a:hover,a:hover *{ color: #b40002;}*/
.clearfix:after{ content: ''; display: block; clear:both;}
.hidd{ display:none;}
li{ list-style:none;}
i,em{ font-style:normal;}
.fr{ float:right;}
.fl{float:left;}
img{ vertical-align:middle; border:none; max-width:100%;}
.wrapper{ width:1200px; margin:0 auto;}

input:focus,textarea:focus,select:focus{ outline: none;}


/* img 动画效果 */
.scale12{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s;}


/* 顶部 */
.top{ padding: 13px 0 20px;/*  line-height: 91px; */ color: #39add4; }
.banner .top{ position: absolute; top: 0; left: 0; z-index: 999; width: 100%; }
.top .logo{ height: 91px;}
.top .logo img{ max-height: 91px;}
.top .tel{ padding-left: 45px; background: url(../images/tel-n.png) no-repeat left center; font-size: 30px; font-weight: bold; color: #6cc2df; font-family: arial;}
.banner .top .tel{ padding-left: 45px; background: url(../images/tel.png) no-repeat left center; font-size: 30px; font-weight: bold; color: #72d8e5; font-family: arial;}

/* 底部 */
.footer{ height: 30px; line-height: 30px; font-size: 12px; color: #dedede; font-family: arial; text-transform: uppercase; text-align: center; background-color: #08526b;}

/* 首页banner */
.banner,.nbanner{ position: relative; z-index: 1;}
.banner,.banner .flexslider,.banner .slides li{ min-width: 1200px; height: 600px;}
.nbanner,.nbanner .flexslider,.nbanner .slides li{ min-width: 1200px; height: 450px;}
.slides li a{ display: block; width: 100%; height: 100%;}
.flexslider{position:relative;overflow:hidden;z-index:1;}
.slides{position:relative;z-index:1;}

/* 圆点切换 */
/*.flex-control-nav{position:absolute;bottom:28px; z-index:1;padding-left:0;width:1200px;left:0;right:0; height:22px; line-height:2px;margin:0 auto;text-align:center;}
.flex-control-nav li{width:22px;height:22px;margin:0 3px;display:inline;zoom:1;text-align:center; overflow:hidden;}
.flex-control-nav a{display:inline-block;width:22px;height:22px; line-height:80px;cursor:pointer;color:#fff;font-family:Arial; overflow:hidden; background: url(../images/art01.png) no-repeat center center; border-radius: 50%;}
.flex-control-nav .flex-active{ background: url(../images/art02.png) no-repeat center center;}*/

/* 左右按钮切换 */
/*.flex-direction-nav a{width:80px;height:80px;line-height:99em;overflow:hidden;margin:-37px 0 0;display:block;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0.8;filter:alpha(opacity=80);-webkit-transition:all .3s ease; border-radius: 50%;}
.flex-direction-nav .flex-next{ background:url(../images/arrow-r1.png) #656565 no-repeat center center; right:2%;}
.flex-direction-nav .flex-prev{ background:url(../images/arrow-l1.png) #656565 no-repeat center center; left:2%;}
.flexslider .flex-next:hover{ background-color: rgba(0,0,0,0.4);}
.flexslider .flex-prev:hover{ background-color: rgba(0,0,0,0.4);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=100);}*/


/* 导航菜单 */
.banner .nav{ position: absolute; bottom: 0; left: 0; z-index: 999; width: 100%; height: 70px; background: url(../images/bgwhite.png);}
.banner .nav ul li p{ position: absolute; bottom: 0; left: 0px; z-index: -1; width: 100%; height: 0; background: url(../images/navbg.png) repeat-x;}
.nbanner .nav{ position: absolute; top: 0; left: 0; z-index: 999; width: 100%; height: 70px; background: url(../images/bgwhite.png);}
.nav ul li{ float: left; width: 151px; position: relative; z-index: 1; background: url(../images/navbord.png) no-repeat right center; margin-left: -1px;}
.nav ul li a{ display: block; padding: 15px 0; text-align: center; color: #333333; height: 40px;}
.nav ul li a:after{ content: ''; position: absolute; bottom: 0px; left: 0; right: 0; display: block; width: 15px; margin: auto; transition: all 0.3s;}
.nav ul li p{ position: absolute; bottom: 0; left: 0px; z-index: -1; width: 100%; height: 0; background: url(../images/navbg-n.png) repeat-x;}
.nav ul li a i{ display: block; font-size: 16px;}
.nav ul li a em{ display: block; margin-top: 3px; font-size: 12px; font-family: arial;}
/*.nav ul li.active{ background: url(../images/navbg.png) repeat-x;}*/
.nav ul li.active p{ height: 100%;}
.nav ul li.active a{ padding: 10px 0; height: 50px;}
.nav ul li.active a:after{ bottom: 10px; width: 15px; border-bottom: 1px solid #191919;}
.nav ul li.active i{ color: #FFFFFF; font-weight: bold;}
.nav ul li.active em{ margin-top: 8px; color: #cdcdcd;}

/* fonts特殊字体 */
@font-face {
    font-family: 'dincond-regular-webfont';
    src: url('../fonts/dincond-regular-webfont.eot');
    src: url('../fonts/dincond-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dincond-regular-webfont.woff2') format('woff2'),
    url('../fonts/dincond-regular-webfont.woff') format('woff'),
    url('../fonts/dincond-regular-webfont.ttf') format('truetype'),
    url('../fonts/dincond-regular-webfont.svg#dincond-regular-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-medium-webfont';
    src: url('../fonts/dincond-medium-webfont.eot');
	src: url('../fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-medium-webfont.woff2') format('woff2'),
	url('../fonts/dincond-medium-webfont.woff') format('woff'),
	url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
	url('../fonts/dincond-medium-webfont.svg#dincond-medium-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-black-webfont';
    src: url('../fonts/dincond-black-webfont.eot');
	src: url('../fonts/dincond-black-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-black-webfont.woff2') format('woff2'),
	url('../fonts/dincond-black-webfont.woff') format('woff'),
	url('../fonts/dincond-black-webfont.ttf') format('truetype'),
	url('../fonts/dincond-black-webfont.svg#dincond-black-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-bold-webfont';
    src: url('../fonts/dincond-bold-webfont.eot');
	src: url('../fonts/dincond-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-bold-webfont.woff2') format('woff2'),
	url('../fonts/dincond-bold-webfont.woff') format('woff'),
	url('../fonts/dincond-bold-webfont.ttf') format('truetype'),
	url('../fonts/dincond-bold-webfont.svg#dincond-bold-webfont') format('svg');
}

.ncont{ padding: 45px 0;}

.left{ position: relative; z-index: 1; width: 150px; min-height: 200px; padding: 38px 0; background: #e1e1e1; box-shadow: 0px 5px 5px rgba(0,0,0,0.1);}
.left:before{ content: ''; position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; border-bottom: 5px solid #2da4cd;}
.left ul li a{ display: block; height: 54px; line-height: 54px; padding: 0 10px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; color: #333333; margin-bottom: 5px;}
.left ul li.active a{ color: #FFFFFF; background: #2da4cd; box-shadow: 0px 5px 5px rgba(0,0,0,0.1);}

.right{ width: 950px; padding-right: 45px;}
.jj-title{ text-align: center;}
.jj-title h3{ font-size: 24px; color: #333333;}
.jj-title p{ display: block; margin-top: 8px; font-size: 16px; font-family: arial; color: #999999;}
.ntxt{ margin-top: 25px; line-height: 40px; font-size: 16px;}


/*  员工风采  */
.ygfc{ width: 948px; margin-right: 5px;}
.zzrybig{ position: relative; z-index: 1;}
.zzryimg{ width: 100%; height: 584px; overflow: hidden;}
.zzryimg ul{ -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
.zzryimg ul li{ position: relative; z-index: 1; float: left; width: 955px;}
.zzryimg ul li div{ height: 584px; overflow: hidden;}
.zzryimg ul li div img{ width: 100%; min-height: 100%;}
.zzryimg ul li p{ position: absolute; bottom: 0px; left: 0px; z-index: 10; display: block; width: 90%; height: 65px; line-height: 65px; padding: 0 5%; font-size: 24px; color: #FFFFFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background:rgba(0,0,0,.5);}

.zzrylist{ position: relative; z-index: 1; margin-top: 13px; height: 203px; overflow: hidden;}
.zzrylist .prev{ position: absolute; top: 0; left: 0px; z-index: 10; width: 30px; height: 100%; line-height: 202px; font-size: 30px; font-family: "宋体"; font-weight: bold; color: #FFFFFF; text-align: center; cursor: pointer; background:rgba(0,0,0,.5);}
.zzrylist .next{ position: absolute; top: 0; right: 0px; z-index: 10; width: 30px; height: 100%; line-height: 202px; font-size: 30px; font-family: "宋体"; font-weight: bold; color: #FFFFFF; text-align: center; cursor: pointer; background:rgba(0,0,0,.5);}
.zzrylist ul{ width: 2568px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
.zzrylist ul li{ float: left; width: 306px; height: 203px; margin-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.zzrylist ul li:last-child{ margin-right: 0;}
.zzrylist ul li a{ display: block; width: 100%; height: 100%; overflow: hidden;}
.zzrylist ul li.active{ border: 2px solid #2da4cd;}
.zzrylist ul li a img{ width: 100%; min-height: 100%;}

/* 2-5团建天地 */
.tjtd{ padding-top: 15px;}
.tjtd ul{ width: 975px;}
.tjtd ul li{ float: left; width: 300px; height: 349px; overflow: hidden; margin-top: 25px; margin-right: 25px; border-bottom: 1px solid #e3e3e3;}
.tjtd ul li a{ display: block;}
.tjtd ul li .tjimg{ overflow: hidden; height: 300px;}
.tjtd ul li .tjimg img{ width: 100%; min-height: 100%; }
.tjtd ul li .tjname{ height: 49px; line-height: 49px;}
.tjtd ul li .tjname p{ float: left; width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px;}
.tjtd ul li .tjname i{ float: right; width: 38px; height: 49px; margin-right: 12px; background: url(../images/arrow-r21.png) no-repeat center center;}
.tjtd ul li:hover{ border-bottom: 1px solid #2DA4CD;}
.tjtd ul li:hover .tjname p{ color: #2DA4CD;}
.tjtd ul li:hover .tjname i{ background: url(../images/arrow-r22.png) no-repeat center center;}

/* 2-6集团荣誉 */
.jtry{ position: relative; z-index: 1; padding: 38px 0;}
.jtry .swiper-slide{ padding: 80px 0; transform: scale(1);}
.jtry .swiper-slide p{ display: none;}
.jtry .swiper-slide img{ width: 100%;}
.jtry .swiper-slide.swiper-slide-active{ transform: scale(1.5);}
.jtry .swiper-slide.swiper-slide-active p{ display: block; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-size: 12px; color: #2DA4CD; border-bottom: 1px solid #9dd5e8;}
.jtry .jtry-btn{ position: absolute; bottom: 0px; left: 0; right: 0; z-index: 10; width: 286px; height: 40px; margin: auto;}
.jtry .jtry-btn .swiper-button-next,.jtry .jtry-btn .swiper-button-prev{ top: 0px; margin: 0; width: 98px; height: 38px; border: 1px solid #b2b2b2; border-radius: 10px; background-position: center; background-repeat: no-repeat; background-size: 54px 4px;}
.jtry .jtry-btn .swiper-button-next{ background-image: url(../images/arrow-r31.png);}
.jtry .jtry-btn .swiper-button-prev{ background-image: url(../images/arrow-l31.png);}
.jtry .jtry-btn .swiper-button-next:hover{ background-image: url(../images/arrow-r32.png); background-color: #2DA4CD; border: 1px solid #2DA4CD;}
.jtry .jtry-btn .swiper-button-prev:hover{ background-image: url(../images/arrow-l32.png); background-color: #2DA4CD; border: 1px solid #2DA4CD;}

/* 2-7发展历程 */
.fzlc{ position: relative; z-index: 1; overflow: hidden;}
.fzlc:before{ content: ''; position: absolute; left: 15px; top: 0; z-index: -1; width: 0; height: 100%; border-left: 1px solid #c2c2c2;}
.fzlc ul{ margin-top: -20px;}
.fzlc ul li{ padding-top: 35px;}
.fzlc ul li a{ display: block; padding-left: 40px; background: url(../images/yd.png) no-repeat left top;}
.fzlc ul li a .year{ font-size: 24px; color: #333333;}
.fzlc ul li a div{ margin-top: 20px;}
.fzlc ul li a div span{ float: left; width: 301px; height: 150px; overflow: hidden;}
.fzlc ul li a div dl{ float: right; width: 595px;}
.fzlc ul li a div dl dt{ height: 35px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; font-weight: bold; color: #333333;}
.fzlc ul li a div dl dd{ margin-top: 5px; line-height: 30px; font-size: 16px;}

/* 3-1集团动态 */
.newslist{}
.newslist ul li a{ display: block; margin-top: 25px;}
.newslist ul li .fl{ width: 283px; height: 148px; overflow: hidden;}
.newslist ul li .fl img{ width: 100%;}
.newslist ul li .fr{ width: 645px; height: 148px; overflow: hidden;}
.newslist ul li .fr dl dt p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; font-size: 16px;}
.newslist ul li .fr dl dt i{ display: block; margin-top: 10px; font-size: 12px; font-family: arial; color: #999999;}
.newslist ul li .fr dl dd{ margin-top: 15px; height: 52px; line-height: 26px; overflow: hidden; color: #777777;}
.newslist ul li .fr em{ display: block; margin-top: 15px; font-size: 12px;}
.newslist ul li:hover dl dt p{ color: #2DA4CD;}
.newslist ul li:hover em{ color: #2DA4CD;}

/* 分页 */
.m-page{ margin-top: 50px; text-align: center;}
.m-page span{ display: inline-block;}
.m-page a{ float: left; height: 28px; line-height: 28px; border: 1px solid #adabab; margin: 0 7px; padding: 0 15px; border-radius: 5px; color: #9b9b9b; font-family: arial;}
.m-page a.pageprv,.m-page a.pagenxt{ padding: 0 11px;}
.m-page .z-crt{ font-size: 16px; color: #FFFFFF; border: 1px solid #2DA4CD; background: #2DA4CD;}

/* 4-1业务展示 */
.ywzs{ overflow: hidden;}
.ywzs ul{ width: 976px;}
.ywzs ul li{ float: left; width: 462px; margin-top: 38px; margin-right: 26px; text-align: center;}
.ywzs ul li a{ display: block;}
.ywzs ul li .ywimg{ overflow: hidden; width: px; height: px;}
.ywzs ul li dl dt{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 50px; line-height: 50px; font-size: 20px; font-weight: bold; color: #333333;}
.ywzs ul li dl dd{ height: 48px; line-height: 24px; overflow: hidden;}
.ywzs ul li i{ display: block; width: 100px; height: 32px; line-height: 32px; margin: auto; margin-top: 20px; background: #2DA4CD; color: #FFFFFF;}

/* 5-1合作伙伴 */
.hzhbtype{ margin-top: 38px; overflow: hidden;}
.hzhbtype ul{ width: 988px;}
.hzhbtype ul li{ float: left; margin-right: 70px;}
.hzhbtype ul li a{ display: block; height: 38px; line-height: 38px; padding: 0 20px; font-size: 20px; border-radius: 40px; border: 1px solid #d0cece;}
.hzhbtype ul li.active a{ background: #2DA4CD; color: #FFFFFF; border: 1px solid #2DA4CD;}

.hzhb{ overflow: hidden; margin-top: 65px;}
.hzhb ul{ width: 1000px;}
.hzhb ul li{ float: left; width: 173px; margin-right: 60px; margin-bottom: 40px; text-align: center;}
.hzhb ul li a{ display: block;}
.hzhb ul li div{ border: 1px solid #ededed; height: 55px; overflow: hidden;}
.hzhb ul li p{ display: block; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px;}

/* 7-1招贤纳士 */
.zplist{ margin-top: 38px;}
.zplist ul li{ border: 1px solid #d9d9d9; margin-bottom: 45px;}
.zplist ul li:last-of-type{ margin-bottom: 0;}
.zplist ul li dl dt{ height: 48px; line-height: 48px; padding: 0 20px;}
.zplist ul li dl dt p{ display: inline-block; float: left; font-size: 18px; }
.zplist ul li dl dt span{ display: inline-block; float: left; margin-left: 50px; font-weight: 100; color: #9d9c9c; font-size: 14px;}
.zplist ul li dl dt i{ display: inline-block; float: right; padding-right: 25px; height: 48px; background: url(../images/down.png) no-repeat right center; color: #7c7b7e;}
.zplist ul li dl dd{ display: none; padding: 20px; color: #999999; font-size: 14px; line-height: 22px;}
.zplist ul li dl dd i{ font-size: 18px; color: #5AA000;}
.zplist ul li dl dd{-webkit-transition:all 0s linear;-moz-transition:all 0s linear;-o-transition:all 0s linear;-ms-transition:all 0s linear;transition:all 0s linear;}
.zplist ul li dl dd a{ display: inline-block; width: 80px; line-height: 35px; height: 35px; text-align: center; color: #FFFFFF; background: #2da4cd; border-radius: 5px;}
.zplist ul li.on dl dt{ border-bottom: 1px solid #d9d9d9;}
.zplist ul li.on dl dt p{ color: #2da4cd;}
.zplist ul li.on dl dt i{ background: url(../images/up.png) no-repeat right center; color: #4C6433;}
.zplist ul li.on dl dd{-webkit-transition:all 0s linear;-moz-transition:all 0s linear;-o-transition:all 0s linear;-ms-transition:all 0s linear;transition:all 0s linear;}
.zpdetail{ padding: 20px 60px; line-height: 24px; color: #333333;}

.fixts{ position: fixed; top: 0px; left: 0px; z-index: 9999; width: 100%; height: 100%; background: url(../images/bgblack20.png); display: none; transition: none; }
.fixtsc{ position: absolute; top: 50%; left: 50%; z-index: 10; width: 358px; height: 118px; margin: -91px 0 0 -211px; padding: 32px; background: url(../images/fixbg.png) no-repeat; font-size: 16px; color: #FFFFFF; line-height: 36px; text-align: center;}
.fixtsc .close{ position: absolute; top: -10px; right: -15px; z-index: 10; width: 38px; height: 38px; background: url(../images/close.png) no-repeat; cursor: pointer;}
.fixtsc em{ display: block; width: 100px; height: 35px; line-height: 35px; margin: 20px auto 0; border-radius: 8px; background: #FFFFFF; font-size: 18px; color: #1b71d4; cursor: pointer;}

/* 8-1联系我们 */
.lxwm{ margin-top: 38px;}
.lxwm .lxwmxx{ width: 465px; min-height: 370px; background: #1989af; color: #FFFFFF;}
.lxwm .lxwmxx dl{ padding: 40px;}
.lxwm .lxwmxx dl dt{ padding: 15px 0; }
.lxwm .lxwmxx dl dt h3{ font-weight: 100; font-size: 24px; }
.lxwm .lxwmxx dl dd{ padding-left: 45px; /*height: 45px; */line-height: 45px; background-position: left center; background-repeat: no-repeat;}
.lxwm .lxwmxx dl dd.s1{ background-image: url(../images/lxicon1.png);}
.lxwm .lxwmxx dl dd.s2{ background-image: url(../images/lxicon2.png);}
.lxwm .lxwmxx dl dd.s3{ background-image: url(../images/lxicon3.png);}
.lxwm .lxwmxx dl dd.s4{ background-image: url(../images/lxicon4.png);}
.lxwm .lxwmxx dl dd.s5{ background-image: url(../images/lxicon5.png);}
.lxwm .map{ width: 485px; height: 370px;}