@charset "UTF-8";
/*--------------------通用信息开始--------------------*/
* { margin:0; padding:0; list-style:none }
BODY {
	background:#fff;color:#333333;font-size: 13px;
}
.layout { width:1200px; margin:0 auto;}

.clear {clear:both}
.clearfloat{*zoom:1;}
.clearfloat:before,.clearfloat:after{content:""; display:table; line-height:0;visibility:hidden;}
.clearfloat:after{ clear:both;}
img { border:none }
li { line-height:22px }
a {color:#333;text-decoration:none;}
a:hover {color:#000;}
.homeTitle {text-align: center;}
.homeTitle h2 {font-size:26px; color: #fff; font-weight:normal;}
.homeTitle h4 {font-size:26px; color: #333; font-weight:normal;}
.homeTitle b {line-height: 34px; font-size: 24px; color:#E5E5E5; font-weight:normal;}
.homeTitle h3 {font-size: 12px; color:#fff;letter-spacing:2px;padding-top:6px;text-transform : uppercase}
.homeTitle h5 {font-size: 12px; color:#4f4f4f;letter-spacing:2px;padding-top:6px;text-transform : uppercase}
.homeTitle h3 span {display: inline-block; position: relative;font-family:Arial;}
.homeTitle .line {margin: 6px auto 6px;background: url(/images/pro-title.png) no-repeat;width:13px;height:13px;}
/*文字截取*/
.single-line{ text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
.multi-line{min-height: 2em; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;}
.multi-line1{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;}
/*图片*/
.pic {width: 100%; overflow: hidden;}
.pic img {width: 100%;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
/*banner*/
#top {width: 100%; position: fixed; left: 0; top: 0; z-index: 999;}
.navWrapTop {width: 100%; position: fixed; left: 0; top: -100px; z-index: 999;}
.contBanner {position: fixed; width: 100%; height: 380px; left: 0; top: 154px; z-index: 0;}

.contBannerWrit {height: 252px;width: 294px; text-align: center; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: url(/images/zy_title_bg.png) no-repeat center center;}
.contBannerWritW {position: absolute; top: 50%; right: 18px; transform: translateY(-50%);}
.contBannerWrit h2 {font-size: 36px;border-bottom: #fff solid 1px;display: inline-block;min-width: 200px;height: 52px;overflow: hidden;color: #fff;}
.contBannerWrit h3 {text-transform: uppercase;font-size: 20px;font-family: arial;line-height: 30px;width: 220px;margin: 8px auto 0 auto;}
.navWrap { background: #fff; position: relative; top: 0;}
.contMain {margin-top: 535px; background: #fff; position: relative; z-index: 1;}
.contBannercf {background: url(/images/cf_banner02.jpg) no-repeat center; background-size: auto 100%;}
.contBannerxc {background: url(/images/cx_banner02.jpg) no-repeat center; background-size: auto 100%;}
.contBannerrc {background: url(/images/rc_banner02.jpg) no-repeat center; background-size: auto 100%;}
/*top*/
.kxtop{ margin:0 auto;border-bottom:4px solid #005DA3}
.hear {width:1200px; margin:0 auto;height:120px;}
#navigation {height: 80px;background:#252526;margin:auto;width:100%;}
.NavBG{float:right;}
.hear .logo{float:left;padding-top: 20px;}
.nav_z{width:auto!important;height:120px;float:left;position:relative;z-index:999 ;margin-left:36px;}
#navul li{float:left;width:130px;height:120px;text-align:center;font-size:15px;}
#navul li a{color:#333;font-weight: bold;}
#navul li a:link, #navul li a:visited{FONT-FAMILY:Microsoft YaHei;display:block;line-height:120px;}
#navul li ul{display:none;position:relative;z-index:999;background:#F6F6F6;top:0px;left:0px;width:130px;padding-bottom:20px;border-top:4px solid #005DA3;}
#navul li ul li{display:block;float:left;height:50px;position:relative;line-height:50px;border-bottom:#C6C6C6 1px dotted;font-size:12px;overflow:hidden;background-image:none;width:130px;background:#F6F6F6}
#navul .navmoon{height:80px;color:#fff;}
#navul .navmoon a{color:#005DA3;}
#navul .navmoon a:hover{color:#005DA3;display:block;}
#navul .navmoon ul{display:block;}
#navul .navmoon ul a{display:block;height:50px;line-height:50px;FONT-SIZE: 14px;color:#464A4D;text-align:center;}
#navul .navmoon ul a:hover{color:#fff;background:#005DA3}
/*about*/
.contBannerAbout {background: url(/images/ab_banner02.jpg) no-repeat center; background-size: auto 100%; }
.about{width:1200px; margin:0 auto;}
.AboutTitle {text-align: center;}
.AboutTitle li{ display: inline-block; height:40px; margin:0 6px;width:130px;text-align:center}
.AboutTitle li { *display:inline}
.AboutTitle li a{ display:block; padding:0 20px; height:40px; font-size:14px; color:#555; text-decoration:none; line-height:40px;background-color:#F1F1F1;}
.AboutTitle li.cur a,.about_nav li:hover a{ background-color:#262626;color:#fff;}
.AboutTitle li a:hover{background-color:#262626;color:#fff;transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}
.about .contexts{ line-height:40px;}
.about .aboutimg{float:left;box-shadow: 3px 9px 17px rgba(0, 0, 0, 0.19);border-radius: 4px;padding:2px;margin-right:40px;}
.about .aboutimg img{float:left;width:600px;height:400px}
.culture{ background: url(/images/qy.jpg) no-repeat center center;height:680px}
.culture .culture-nav{width:1200px; margin:0 auto;}
.culture .culture-nav dl{width:380px;height:200px;float:left;background:#fff;margin-right:10px;margin-left:10px;margin-bottom:20px;text-align:center;transition:all .5s;}
.culture .culture-nav dl  dd{font-size:16px;font-weight: bold;margin-top:80px;line-height:30px;}
.culture .culture-nav dl  dt{margin-top:10px;}
.culture .culture-nav .culture-nav-01{background: url(/images/hx.png) no-repeat 105px 0px;background-size:30px 30px;height:30px;}
.culture .culture-nav .culture-nav-02{background: url(/images/gl.png) no-repeat 120px 0px;background-size:30px 30px;height:30px;}
.culture .culture-nav .culture-nav-03{background: url(/images/zl.png) no-repeat 120px 0px;background-size:30px 30px;height:30px;}
.culture .culture-nav .culture-nav-04{background: url(/images/pp.png) no-repeat 120px 0px;background-size:30px 30px;height:30px;}
.culture .culture-nav .culture-nav-05{background: url(/images/yr.png) no-repeat 120px 0px;background-size:30px 30px;height:30px;}
.culture .culture-nav .culture-nav-06{background: url(/images/cx.png) no-repeat 120px 0px;background-size:30px 30px;height:30px;}
.culture .culture-nav dl:hover {margin-top:-10px;transition:all .5s;}



/*new*/
.contBannerNews {background: url(/images/zy_banner02.jpg) no-repeat center; background-size: auto 100%;}
.memberW {padding-top: 80px; margin-bottom: 60px;}
.memberW .left {float: left; width:840px;}
.memberW .left .pic {text-align: center;}
.memberW .left .pic img {width: auto; max-width: 100%;}
.memberW .left h2 {margin-bottom: 30px; line-height: 40px; text-align: center; font-size: 24px; font-weight: 600; color: #333;}
.memberW .left .txt {margin-top: 30px; font-size: 16px;color: #666;line-height: 36px;text-indent: 2em;text-align: justify;}
.memberW .left p {margin: 0 0 20px;}
.memberW .right {float: right; width:300px;}
.memberW .right h2 {margin: 0px 0 12px 0; font-size: 20px;font-weight: 600;color: #3F3E3E;text-transform: capitalize;}
.memberList {margin-top: 10px;}
.memberList li {height: 42px; line-height: 42px; font-size: 12px;}
.memberList li a {padding-left: 26px; position: relative; color: #9C9C9C;}
.memberList li a:hover {color:#262626;}
.memberList li a:before {content: '';width: 10px;height: 2px;display: block;background: #E3E3E3;position: absolute;top:21px;left: 0;}
.partList {}
.partList li {padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #F1F1F1;}
.partList li .partPic {display: table-cell; vertical-align: top;}
.partList li .partPic .pic {width: 300px; margin-right: 20px;}
.partList li:hover .pic img {transform: scale(1.1);}
.partList li .cont {display: table-cell; vertical-align: top;}
.partList li .cont h3 {margin-top: 6px; margin-bottom: 8px; font-size: 20px; line-height: 32px; font-weight: 600;}
.partList li .cont h3 a:hover {color: #262626;}
.partList li .cont h4 {color:#262626;}
.partList li .cont p {line-height: 28px;color: #9C9C9C}
.newsW {padding: 0;}
.newsList li {width: 100%; padding-bottom: 40px; margin: 0; margin-bottom: 40px; border-bottom: 1px solid #F1F1F1;}
.newsW .left .newsList li .pic img {width: 100%;}
.newsW .left .newsList li .cont h2 {text-align: left;}
.newsWqlist {margin-top: 20px;}
.newsWqlist li {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #F1F1F1;}
.newsWqlist li:last-child {border: none;}
.newsWqlist li:hover img {transform: scale(1.1);}
.newsWqlist li:hover .cont h3 {color: #262626;}
.newsWqlist li a {display: block;}
.newsWqPic {display: table-cell;vertical-align: middle;}
.newsWqlist li a .pic { width: 120px; margin-right: 20px;}
.newsWqlist li a .cont {display: table-cell; vertical-align: middle;}
.newsWqlist li a .cont h3 {margin-bottom: 4px; color: #9C9C9C;line-height: 24px; font-size: 12px;}
.newsWqlist li a .cont p {color: #262626; baseline-shift: 26px;}
.news-nav{ width:1200px; margin:0 auto; }
.NewListtitle h2{float:left;display:block;width:800px;font-weight:500;font-size:26px;}
.NewListtitle{float:left;width:840px}
.infos{text-align:left;margin:auto;display:block;width:900px;float:left;}
.infos span{padding:0px 20px 0px 0px;color:#a2a2a2;}
.newsbody{float: left; width:840px;line-height:30px;}

/*prodcut*/
.contBannerpro {background: url(/images/pr_banner02.jpg) no-repeat center; background-size: auto 100%; }
.pro{ width:1040px; margin:0 auto;padding:40px 0px;text-align:center;background: url(/images/probg.png) repeat-x 0px 75px}
.pro li{display: inline-block;}
.pro li a{width:150px;height:50px;background:#F18609 ;margin:10px;color:#fff;text-align:center;line-height:50px;font-size: 15px;}
.pro li a:hover{background:#262626;color:#F18609}
.prodcut{float:right;width:950px;}
/*.prodcut li{float:left;width:295px;overflow:hidden;margin-left:18px;margin-bottom:36px;border:1px solid #F1F1F1}
.prodcut li .title {color:#333;display:block;text-overflow:ellipsis;white-space:nowrap;line-height:50px;height:50px;text-align:center;font-size:15px;background:#F1F1F1;}
.prodcut li {transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.prodcut li a{display:block;}
.prodcut li:hover  {transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);-webkit-box-shadow:0px 5px 25px #b6b6b6;-moz-box-shadow:0px 5px 25px #b6b6b6; box-shadow:0px 5px 25px #b6b6b6;}
.prodcut li:hover .title {background-color:#E81B1B;}
.prodcut li:hover .txt h4 {color: #fff;}
.prodcut li:hover .title {color: #fff;}*/

.wrapper { width:1230px; margin: 0 auto;overflow: hidden;padding-top:13px;}
.projectitem {width: 24%;height: auto;margin-right: 1%;margin-bottom: 1%;float: left;position: relative;border:1px solid #e0e0e0}
.projectitem {margin: 0}
.projectitem a {display: block;overflow: hidden}
.projectitem a img {float: none;width: 100%;height: auto;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.projectitem a:hover img {transform: scale(1.2, 1.2)}
.projectitem a .project_info {width: 100%;height: 100%;background: rgba(0,0,0,0);position: absolute;left: 0;top: 0;transition: all ease-out .3s;}
.projectitem a:hover .project_info {background: rgba(0,0,0,.7)}
.projectitem a .project_info p {text-align: center;color: #fff;padding: 0 20px}
.projectitem a .project_info div {position: relative;top: 50%;margin-top: -15px}
.wrapper { width:1218px; margin: 0 auto;overflow: hidden;padding-left:13px;padding-top:13px;}
.projectitem { transition: all ease-out .3s;width:374px;  height:330px; margin: 0 35px 35px 4px;background:#F3F8FC;overflow: hidden;}
.projectitem a::after{conter'';display:block;clear: both;}
.projectitem:hover {box-shadow: 0 0 10px #999;}
.projectitem:nth-child(3n){margin-right: 0px;}
.projectitem a:hover .project_info { background:none }
.projectitem a .project_info div { height: 100px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position: absolute;bottom: 0px; top: 245px; width: 100%; background: #fff; }
.projectitem a .project_info p { width:auto; text-align:left; }
.projectitem a .project_info .title {font-size: 16px;color: #3C3C3C;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; height: 50px; line-height: 50px;text-align: left; margin: 0px;margin-top:48px;border-top:1px solid #e0e0e0}
.projectitem a .project_info .subtitle { transition: all ease-out .3s;-webkit-transform-origin: center bottom;-moz-transform-origin: center bottom; color: rgba(0, 0, 0, 0.4); width: 75%; height: 40px; line-height: 40px;overflow: hidden; font-size: 13px; text-align: left;padding: 0px; margin: 0px; margin-left: 20px; line-height: 24px;white-space: nowrap}
.projectitem:hover a .project_info div::before {  background: url(/images/icon.png)no-repeat -87px -155px;background-color: #262626;  top:55px;}
.projectitem a .project_info div::before{ transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;    content: ''; position: absolute; left: 322px; top: 55px; width: 36px; height: 36px; background-color: #fff;  background: url(/images/icon.png) no-repeat -87px -131px; z-index: 10;}
.Pageteam #teamlist .teamitem a.details { display:block; border-radius:0px; width:40px; height:80px; text-indent:-9999px; position:relative; border:none; border-left:1px solid #ededed; left:700px; top: 10px; transition: all 0.3s ease-out 0s; opacity:1; float:right;}
.case-left{float:right;width:940px;overflow:hidden;}
.case-f{float:right;width:940px;border-bottom:1px  dashed #E9E9E9}
.case-left .case-left-img {overflow:hidden;text-align:center;display:block;padding:20px 0px}
.case-left .case-left-video {overflow:hidden;text-align:center;display:block}
.case-left .case-left-img img{transition:all .5s;opacity:0.8;filter:alpha(opacity=40);box-shadow:1px 1px 20px rgba(0,0,0,.1);}
.pleft{ overflow:hidden; float:left; width:240px; }
.pleft .pro-fl{overflow:hidden; float:left; width:238px;border:1px solid #ececec;margin-bottom:15px;}
.pleft h3{width:238px; font-size: 20px; line-height:60px; font-weight: 600; color:#9C9C9C;border-bottom:1px solid #ececec;padding-left:20px}
.pleft h3 span{ color:#9C9C9C}
.pleft li {height: 42px; line-height: 42px; font-size: 13px;padding-left:20px}
.pleft li a {padding-left: 26px; position: relative; color: #9C9C9C;display:block;}
.pleft li a:hover {color:#262626;}
.pleft li a:before {content: '';width: 10px;height: 2px;display: block;background: #E3E3E3;position: absolute;top:21px;left: 0;}
.context {float:left;width:238px;padding-bottom:20px;border:1px solid #ececec;background:#fff}
.context .context_title{float:left;width:240px;padding-bottom:20px;}
.context .context_title .line{width:216px;height:1px;background:#e6e6e6;float:left;margin-top:13px;margin-left:12px}
.context .context_title dl{float:left;margin-left:12px;}
.context .context_title dt{float:left;font-size:13px;display:block;width:200px;margin-top:16px;text-transform:uppercase;background:url(/images/ds_02.png) no-repeat;height:30px;padding-left:40px;line-height:30px}
.context .context_title dd{float:left;font-size:25px;color:#005DA3;display:block;width:240px;font-weight:bold;margin-top:10px;}
.context  p{float:left;width:200px;line-height:24px;font-size:13px;margin-top:2px;margin-left:12px;}
.case-box{margin:0 auto;width:100%;height:200px;background:#262626;text-align:center}
.case-box dt{font-size:20px;font-weight:700;color:#333;display:inline-block;margin-top:70px}
.case-box dd{color:#999;font-size:13px;display:inline-block;margin-top:8px}
.case-box dd span{margin:0px 10px}
.case-left{float:right;width:940px;overflow:hidden;}
.case-f{float:right;width:940px;border-bottom:1px  dashed #E9E9E9}
.case-left .case-left-img {overflow:hidden;text-align:center;display:block;padding:20px 0px}
.case-left .case-left-img img{transition:all .5s;opacity:0.8;filter:alpha(opacity=40);box-shadow:1px 1px 20px rgba(0,0,0,.1);}
.prodcut-mr{border-bottom:1px solid #dfdfdf;line-height:45px;color:#005DA3;height:45px;}
.prodcut-mr p {border-bottom:1px solid #005DA3;line-height:45px;height:45px;font-weight:normal;overflow:hidden;display: inline-block;font-size:18px;float:left;}
.prodcut-mr .mr{float:right;}
.prodcut-mg dl{float:left;margin-left:28px;margin-top:30px;border:1px solid #F4F4F4}
.prodcut-mg dd{text-align:center;font-size:15px;line-height:40px}
.prodcut-mg a:hover{color:#005DA3}
.left_one{float:left;width:240px;}
.video {float:left;width: 238px;border:1px solid #E9E9E9;border-top:none;padding-bottom:20px;background:#fff;margin-bottom:10px}
.video .video-title{float:left;width:220px;border-top:1px solid #E9E9E9;border-bottom:1px solid #E9E9E9;height:40px;line-height:40px;font-size:13px;padding-left:20px}
.video dl{float:left;margin:20px 0px 0px 10px;line-height:40px;overflow:hidden;font-size:13px}
.video dd{float:left;width:220px;height:160px;overflow:hidden}
.video dd img {display: block;width: 220px;height:160px;transition: all 0.5s;}
.video dt{float:left;width:220px;line-height:30px;background:#E9E9E9;text-align:center;display:block;}
.video dl:hover img {transform: scale(1.1);}
.Cooperation {width:1200px;overflow:hidden;margin:auto}
.Cooperation .Coop{float: left;width:380px;margin:0px 10px 20px 10px;}
.Cooperation ul li {float: left;width:380px;height:260px;overflow: hidden;border-radius:5px;-moz-border-radius:5px;border:1px solid #dedede;}
.Cooperation ul li img {display: block;width:380px;height:260px;transition: all 0.5s;}
.Cooperation ul li:hover img {transform: scale(1.1);}
.Cooperation .txt a{overflow:hidden;width:380px;height:40px;color:#444;line-height:40px;text-align:center;font-size:13px;display:block}
.Cooperation .txt a:hover{color:#033FA1}
/*lianxi*/
.touch{width:1200px;margin:auto;}
.touch .x{width:1200px;border-bottom:1px dashed #dddbdb;margin:50px 0px}
.touch .touch-nav{width:1000px;text-align:center;line-height:28px;font-size:13px;margin:auto;color:#6A6A6A;}
.phone{float:left;width:1100px;margin-top:60px;margin-bottom:60px}
.touch .phone b{float:left;width:500px;font-weight:normal;font-size:18px;margin-bottom:20px}
.touch .phone p{float:left;width:500px;color:#6A6A6A;font-size:13px;line-height:26px}
.phone .ph{background:url(/images/ph.png) no-repeat center top;width:270px;float:left;font-size:16px;text-align:center;background-size:90px 90px;height:200px}
.phone  dl{margin-top:90px}
.phone  dd{color:#505050;font-size:18px}
.phone   dt{color:#505050;font-size:13px;margin-top:6px}
.phone .ph1{background:url(/images/ph2.png) no-repeat center top;width:270px;float:left;font-size:16px;background-size:90px 90px;border-left:1px solid #e6e6e6;text-align:center}
.phone .ph2{background:url(/images/ph3.png) no-repeat center top;width:270px;float:left;font-size:16px;background-size:90px 90px;border-left:1px solid #e6e6e6;text-align:center}
.phone .ph3{background:url(/images/ph4.png) no-repeat center top;width:270px;float:left;font-size:16px;background-size:90px 90px;border-left:1px solid #e6e6e6;text-align:center}
.phone .ph4{background:url(/images/ph3.png) no-repeat;width:500px;float:left;padding-left:60px;height:48px;line-height:48px;font-size:16px;margin-bottom:30px}
.phone .ph5{background:url(/images/ph5.png) no-repeat;width:500px;float:left;padding-left:60px;height:48px;line-height:48px;font-size:16px;margin-bottom:30px}
.con_Title{width: 100%;text-align: center;}
.con_Title h2{ text-align:center; font-weight:normal; font-size:26px; color:#333; margin-bottom:6px;}
.con_Title p{font-size: 13px;color: #b8b8b8;text-transform: uppercase;}
.con_Title i{display: block;width: 30px;height: 1px;background:#005DA3;margin: 10px auto 0;}
/*zhaipin*/
.rightbox{ float:right;width:900px;overflow:hidden;}
.RecruitList{
	}
.RecruitList td{
	line-height:35px;
	border-bottom:1px solid #CCC;
	font-size:12px;}	
.RecruitList .Rtitle{
	background:#F5F5F5;
	color:#931916;
	font-size:14px;
	padding-left:10px;
	height:30px;
	line-height:30px;}
.RecruitList .Rtitle span{
	text-align:right;
	font-size:12px;}
/*分页*/
.t_page{padding:10px;text-align:center;font-size:14px;line-height:25px;}	
.t_page a{padding:2px 5px;border:1px solid #999;margin:0px 3px;}
.page{ text-align:center;margin:0 auto;}
.next_page{display:inline-block;width:150px;color:#fff;height:40px;line-height:40px;font-size:13px;background:#262626;text-align:center;border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;margin-left:20px; -webkit-transition-duration: 0.4s;transition-duration: 0.4s;}
.next_page a{display:block;color:#fff}
.next_page a:hover{text-align:center;color:#fff; -moz-border-radius:8px; -webkit-border-radius:8px;border-radius:8px;background:#a0a0a0;width:150px;height:40px}
.pre_page{display:inline-block;width:150px;color:#fff;height:40px;line-height:40px;font-size:13px;background:#262626;text-align:center;border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;margin-right:20px;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;}
.pre_page a{display:block;color:#fff}
.pre_page a:hover{text-align:center;color:#fff;border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;background:#a0a0a0}