@charset "utf-8";
/* CSS Document */
/* author wanghuiqin */
/* timg 2017-09-22 */

body{font-family: 'microsoft yahei',verdana,Tahoma; -webkit-font-smoothing:antialiased; min-width:1170px; background-color:#FFF; margin:0; padding:0; letter-spacing:1px;}
img{border:none;}
ul,li{margin:0; padding:0; list-style:none;}
header{background-color:#fff; color:#1f2836; display:block;}
.headDiv{position:fixed; top:0; left:0; right:0; min-height:65px; background-color:#fff; box-shadow:0 0 4px 0 rgba(0,0,0,.08), 0 2px 4px 0 rgba(0,0,0,.12); z-index:1000;}
.w1170{width:94%;  margin:0 auto;}
.w94{width:94%;  width:1300px; margin:0 auto;}
.w90{width:90%;  width:1170px; margin:0 auto;}
.w80{width:80px;}
.w300{width:300px;}
.w94 a{color:#fff;}
.w94 a:hover{color:#fff;}
.headNav{display:table-cell; vertical-align:middle; white-space:nowrap; width:900px; }
.headNav ul{display:inline-block; margin-left:80px;}
.headNav .mainMenu{padding:0 25px 0 15px; position:relative; display:inline-block; background:url(../images/dd.png) no-repeat right 20px;}
.headNav .mainMenu:hover{background-image:url(../images/dd2.png);}

.headNav .mainMenu2{padding:0 25px 0 15px; position:relative; display:inline-block; }
.headNav .mainMenu2 .menuList{color:#1f2836; text-decoration:none; display:inline-block; height:65px; line-height:65px; position:relative;}
.headNav .mainMenu2 .menuList:hover{color:#39F;}

.headNav li:last-child{background-image:none;}
.headNav li:last-child:hover{background-image:none;}
.headNav .mainMenu .menuList{color:#1f2836; text-decoration:none; display:inline-block; height:65px; line-height:65px; position:relative;}
.headNav .mainMenu .menuList:hover{color:#39F;}
.headNav .dropNav{position:absolute; left:-5px; top:65px; box-shadow:0 0 6px 0 rgba(0,0,0,.12), 0 4px 10px 0 rgba(0,0,0,.16); width:260px; border-radius:3px; background-color:#fff; padding:30px 0; display:none; z-index:990;}
.headNav .dropDown::after{position:absolute; top:2px; left:55px; width:0; height:0; border:8px solid #000; border-color:transparent transparent #fff #fff; content:""; box-shadow:-1px 1px 0 0 rgba(0,0,0,.1); transform:rotate(135deg); transform-origin:0 0;}
.headNav .dropNav .dropDownHead{height:25px; line-height:25px; margin-bottom:10px; padding:0 32px; margin-top:10px;}
.headNav .dropNav div:first-child{margin-top:0;}
.headNav .dropNav .dropDownList{ margin:0; padding:0; list-style:none;}
.headNav .dropNav .dropDownList li{margin:0; padding:8px 32px; list-style:none; text-align:left;}
.headNav .dropNav a{color:#1f2836; text-decoration:none;}
.headNav .dropNav .dropDownList a{font-size:15px;}
.headNav .dropNav a:hover{color:#39F;text-decoration:none;}
.headLogin{display:table-cell; vertical-align:middle; white-space:nowrap; text-align:right; width:100%;}
.headLogin a{color:#1f2836; text-decoration:none; display:inline-block; margin:0 15px;}
.headLogin a:hover{color:#39F;text-decoration:none;}
.headLogin a:visited{text-decoration:none;}
.headLogin a:active{text-decoration:none;}
.headLogin .fabu{height:38px; line-height:36px; width:95px; background-color:#39C; color:#fff; text-align:center; border-radius:3px;border-radius:3px; }
.headLogin .fabu:hover{color:#fff;}
.logdropdown{position:absolute; top:65px; left:0; width:100%; border:solid 1px #ddd; height:287px; background-color:#FFF; z-index:10000;}
.logdropdown .ftop{height:60px; line-height:60px; display:table; width:100%;}
.logdropdown .ftop .cellspan{display:table-cell; width:400px; border-right:solid 1px #FFF;}
.logdropdown .ftop .lastspan{display:table-cell;}
.logdropdown .ftop h3{display:inline-block; margin:0 20px; font-size:24px; color:#373737;}
.logdropdown .ftop a{display:inline-block; font-size:16px; color:#963; cursor:pointer;}
.logdropdown .fbottom{background-color:#f7f9fb; height:227px;}
.logdropdown .fbottom .celldiv{display:table-cell; width:400px; border-right:solid 1px #e3e3e3; height:180px; vertical-align:top;}
.logdropdown .fbottom .lastdiv{display:table-cell;}
.logdropdown .fbottom .ksdl{float:left; margin-left:40px; margin-top:10px; width:96px;}
.logdropdown .fbottom .ksdl img{width:90px; height:90px; border:solid 1px #eee; border-radius:5px;}
.logdropdown .fbottom span{display:block; line-height:35px; text-align:center; color:#666; font-size:14px;}
.logdropdown .fbottom .newzh{line-height:26px; margin:2px 20px 0 20px; font-size:14px; color:#444;}
.logdropdown .fbottom .addzh{margin-top:20px; margin-left:20px;}
.logdropdown .fbottom .addzh a{width:120px; height:35px; line-height:35px; background-color:#2086ee; color:#fff; font-weight:400; display:inline-block; text-align:center;}
.logdropdown .fbottom .lgdiv{margin:2px 20px 10px;}
.logdropdown .fbottom .lgdiv .inp1{border:solid 1px #e3e3e3; background-color:#fff; height:32px; line-height:30px; padding:0 5px;}
.logdropdown .fbottom .lgdiv .inpdl{width:120px; height:35px; background-color:#2086ee; color:#fff; font-weight:400; border:none; font-size:16px;}
.logdropdown .fbottom .lgdiv {}


.mainPage{margin-top:65px;}

.mainImgDiv{position:relative; height:650px; margin-bottom:60px;}
.mainImgDiv .bgImg{width:100%; height:650px; position:absolute; top:0; left:0;}
.mainImgDiv .bgTextDiv{position:absolute; top:120px; left:0; right:0; color:#fff;}
.mainImgDiv .bgTextDiv .titleDiv{font-size:40px; font-weight:700; letter-spacing:3px; margin-bottom:70px;}
.mainImgDiv .bgTextDiv .txet1{height:44px;margin-bottom:40px; margin-left:200px}
.mainImgDiv .bgTextDiv .txet1 span{line-height:44px; font-size:26px;}
.mainImgDiv .bgTextDiv .txet1 a{display:inline-block; margin-left:40px; padding:10px 25px; font-size:20px; font-weight:bold; border-radius:3px; color:#fff; text-decoration:none;}
.mainImgDiv .bgTextDiv .txet1 .a1{background-color:#C66; }
.mainImgDiv .bgTextDiv .txet1 .a2{background-color:#09F}
.mainImgDiv .bgTextDiv .txet1 .a3{background-color:#F90;}
.mainImgDiv .bgTextDiv .txet1 .a4{background-color:#096;}

.departTitle{text-align:center; font-size:26px; height:35px; font-weight:600; margin-bottom:40px; letter-spacing:2px; color:#444;}
/*------------使用流程样式------------*/
.playList{height:325px; margin-bottom:50px;}
.playList ul,.playList li{height:235px;}
.playList li{float:left; margin-left:42px; text-align:center; width:160px; text-align:center;}
.playList li:first-child{margin-left:0;}
.playList .roundIn{width:120px; height:120px; border-radius:60px; border: solid 2px #e5e5e5; background-color:#f8f8f8; display:inline-block; margin-bottom:15px; transition:all  .2s ease-in;}
.playList li:hover .roundIn{background:#F0F7FD; border-color:#eee;}
.playList .roundIn img{width:50px; height:50px; margin-top:35px;}
.playList .roundtext{height:100px; line-height:30px; font-size:14px;}
/*------------产品列表样式------------*/
.productDiv{background-color:#f4f4f4; height:520px; margin-bottom:40px; clear:both;}
.productList{clear:both;}
.productList li{float:left; width:222px; margin-right:15px; text-align:center; margin-bottom:20px;}
.productList li:nth-child(5n){margin-right:0;}
.productList img{width:222px; height:135px; display:block;}
.productList .proTitle{height:35px; line-height:35px; width:222px; overflow:hidden; text-align: center;}
.productList .proTitle a{display:inline-block; color:#444; text-decoration:none;}
.productList .proTitle a:hover{color:#06C;}
/*------------工程师列表样式------------*/
.engineerDiv{clear:both; height:345px; margin-bottom:80px;}
.engineerDiv .departTitle{padding-top:10px;}
.engineerDiv .engList li{float:left; width:270px; height:100px; margin-right:30px; position:relative; margin-bottom:50px;}
.engineerDiv .engList li:nth-child(4n){margin-right:0px;}
.engineerDiv .engList .userImg{width:100px; height:100px; position:absolute; top:0; left:0;}
.engineerDiv .engList .userImg img{width:100px; height:100px; border:solid 1px #ddd; border-radius:5px;}
.engineerDiv .engList .userText{width:150px; position:absolute; top:0; left:115px; line-height:25px;}
.engineerDiv .engList .userText p{padding:0; margin:0; font-size:14px; color:#666;}
.engineerDiv .engList .userText .userName{color:#333; font-weight:bold;}
.engineerDiv .engList .userText a{color:#09F; display:inline-block; padding:0 8px;}
.engineerDiv .engList .userText span{display:inline-block;}
.engineerDiv .engList .userText img{width:14px; height:14px; margin-top:4px; margin-right:1px;}
/*------------技术文章列表样式------------*/
/*-- banner --*/
.banner{
	background:url(../images/banner3.jpg) no-repeat 0px 0px;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	min-height:800px;
	position: relative;
	text-align: center;
	padding: 10em 0 0;
}
.banner1{
	background:url(../images/banner.jpg) no-repeat 0px 0px;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	min-height:300px;
	text-align: center;
}
.banner h2{
    color: #fff;
    text-transform: uppercase;
    font-size: 3em;
    font-weight: bold;
}
.banner h2 span{
	color:#05d2ff;
}
.banner p{
	color:#05d2ff;
	line-height:1.5em;
}
.wthree_banner_grids{
	padding:5em 0;
}
.wthree_banner_grid{
	text-align:center;
}
.wthree_banner_grid i{
	font-size:2em;
	color:#fff;
}
.wthree_banner_grid h4{
	text-transform:capitalize;
	font-size:1.2em;
	color:#fff;
	padding-top:1em;
}
.agileits_more ul li{
	display:inline-block;
}
.agileits_more ul li a.hvr-icon-hang{
	padding:1em 3em 1em 2em;
	letter-spacing: 3px;
	color:#fff;
	font-weight:600;
	text-transform:capitalize;
	text-decoration:none;
	border:1px solid #fff;
	position: relative;
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
	display: inline-block;
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
a.w3ls_banner_more{
    background: #f62b2b;
	color:#fff !important;
	border:1px solid #f62b2b !important;
}
.agileits_more ul li a.hvr-icon-hang:hover {
	background: #f62b2b;
	color:#fff;
	border:1px solid #f62b2b;
}
a.w3ls_banner_more:hover{
	border:1px solid #fff !important;
	color:#fff !important;
	background:none !important;
}
.agileits_more ul li a.hvr-icon-hang:before {
    content: "\f078";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.agileits_more ul li a.hvr-icon-hang:hover:before{
    -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}
/*-- //banner --*/
/*-- banner-bottom --*/
.banner-bottom,.news,.services,.services-bottom,.features{
	padding:5em 0;
}
.w3l_banner_bottom_left h3,.agile_head,.wthree_stat_left h3{
	font-size:2em;
	color:#212121;
	text-transform:capitalize;
	padding-bottom:.5em;
	position:relative;
}
.w3l_banner_bottom_left h3:after,.wthree_stat_left h3:after{
	content: '';
    width: 23%;
    height: 1px;
    background: #f62b2b;
    position: absolute;
    bottom: 0%;
    left: 0%;
}
.w3l_banner_bottom_left p{
	margin:2em 0 0;
	color:#999;
	line-height:2em;
}
.w3l_banner_bottom_left p span{
	display:block;
	margin-top:1em;
	color:#212121;
	font-style:italic;
}
/*-- //banner-bottom --*/
/*-- two-grids --*/
.two-grids{
	background:#0a9dbd;
}
.w3_two_grid_left{
	padding:0;
}
.w3_two_grid_right{
	padding:2em 7em 2em 2em;
}
.w3_two_grid_right h3{
	font-size:2em;
	color:#fff;
	text-transform:capitalize;
}
.w3_two_grid_right p.w3layouts_dummy_para{
	margin:1em 0;
	color:#003743;
	line-height:2em;
}
.w3_two_grid_right1{
	padding-top:1em;
}
.w3_two_grid_right_grid1{
	width: 62px;
    height: 62px;
	line-height:62px;
    border-radius: 40px;
    background:#f62b2b;
	color:#FFFFFF;
    text-align: center;
}
.w3_two_grid_right1:hover .w3_two_grid_right_grid1{
	background:#fff;
	color:#F30;
}
/*.w3_two_grid_right1:hover .w3_two_grid_right_grid1 i{
	color:#f62b2b;
}*/
.w3_two_grid_right_grid1 i{
	font-size: 1.3em;
    color: #fff;
    line-height: 3em;
}
.w3_two_grid_right_gridr h4{
	text-transform:capitalize;
	font-size:1.4em;
	color:#fff;
	margin:.5em 0 0;
}
.w3_two_grid_right_gridr p{
	color:#003743;
	line-height:2em;
}
.w3_two_grid_right h3 {
	font-size: 1.6em;
}
.w3_two_grid_right_grid {
	width: 19%;
}
.w3_two_grid_right_gridr {
	width: 81%;
	padding: 0;
}
.w3_two_grid_right_gridr h4 {
	font-size: 1.2em;
}
.w3_two_grid_left img {
	min-height: 424px;
}
/*-- //two-grids --*/
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.articleDiv{margin-bottom:80px; clear:both; height:570px;}
.articleDiv .departTitle{text-align:left; padding-left:20px; margin-top:30px; margin-bottom:30px; color:#036;}
.articleDiv .artiLeft{width:570px; float:left;}
.articleDiv .artiRight{width:570px; float:left; margin-left:30px; background-color:#EBF1F5;}
.articleDiv .artiList{padding:0 20px;}
.articleDiv .artiList a{font-size:18px; width:570px; display:block; overflow:hidden; height:45px; line-height:40px; color:#444; text-decoration:none;}
.articleDiv .artiList a:last-child{margin-bottom:25px;}
.articleDiv .artiList a:hover{ color:#06C; }
  
a:hover,   
a {
  background-color: transparent;
   text-decoration:none;
}
a:active
{
   text-decoration:underline;
}