﻿.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}

.nav17 .top_center, .nav17 .header_163, .nav17 .nav_center{ width:1360px;}
.nav17 .header_163 .logo{ margin:32px 0 0 0; width:360px;}
.nav17 .nav_center .active a{ background:#6195ff;}
.nav17 .nav_center li{ width:16.5%; margin:0 1px;}
.nav17 .nav_center li:hover a{ background:#6195ff;}
.nav17 .nav_center li a{ padding:0; text-align:center;}

.nav17 .nav_163{ background-color:#145cdc;background:#145cdc; line-height:60px;}
.nav17 .lu{ float:left; width:28%; font-size:22px; color:#145cdc; font-weight:bold; border-left:1px solid #999; padding-left:30px; margin:30px 0 0 36px;}
.nav17 .header_163 .phone{ background:url(/images/phone.png) no-repeat center left; padding-left:64px; font-size:24px;}
.nav17 .header_163 .phone span{ display:block; font-size:16px;}


#mould77017{width:100%;}
#mould77020{ background-color:#f5f5f5;background:#f5f5f5;}
#mould77020>div{ min-height:500px; margin:36px auto;}


.crumbs{ width: 1360px; margin: 0 auto;}
.crumbs_nav{ float: left; width: 40%; line-height: 80px;}
.crumbs_nav a{ display: inline-block; margin: 0 15px;}
.crumbs_nav a:hover{ color: #153C8B;}
.crumbs_nav a.b{ background: url("/images/btn.png") no-repeat; background-position: -157px 0; width: 20px; height: 20px; position: relative; top: 5px;}
.crumbs_nav span{ margin-left: 15px; color: #153C8B;}
.crumbs ul{ float: right; width: auto;}


.children-navs ul li{ min-width: auto; margin:0 5px;}
.children-navs ul li:last-child{ margin-right:0;}
.children-navs ul li a{ font-size:16px; padding: 0 15px;}
.children-navs ul li:hover a{ color: #153C8B;}
.children-navs ul li.active a{ color: #153C8B;}
.children-navs ul li.active:after, .children-navs ul li.active:before{ bottom: -2px; background: #153C8B;}
.children-navs ul li:hover:after, .children-navs ul li:hover:before{ bottom: -2px; background: #153C8B;}

.bg1{ width:1360px; margin:0 auto; background:#fff; padding:30px!important; box-sizing:border-box; box-shadow: 0 0 10px rgb(0 0 0 / 10%);}

#mould77021{ width:1360px; margin:0 auto; background:#fff; padding:30px; box-sizing:border-box; box-shadow: 0 0 10px rgb(0 0 0 / 10%); min-height:300px;}
#mould77021 p{ line-height:30px;}
#mould77021 p img{ margin:5px 0;}


#mould77022{ width:1360px; margin:0 auto;}
#mould77022>ul li{ width:31.6%; background:#fff;}
#mould77022>ul li a{ display:block;}
.newslist>ul li:hover .newsconts h3{ color: #333;}
.newslist>ul li .newsconts{ padding: 3% 3.2% 2% 3.2%;}
.newslist>ul li .newsconts h3{ padding-bottom:10px;}
.newslist li .newsconts time{ display: block; margin-top:40px;}
.newslist li .newsconts time em{ background: url("/images/yan.png") no-repeat left center; padding-left:24px; float: right; font-size: 14px;}
.news001 .news_ny_cont{ min-height:300px;}
.news001 .news_ny_cont_xq h2{ font-size: 30px; line-height: 48px;}
.tb_page h4 a,.news001 .news_ny_cont_xq h3 a,.fenye3_all h4 a{ color: #153C8B;}
.tb_page,.f-page,.fenye3_all{ margin:0;}

.news001 .news_ny_bg,.tb_page{ width:100%;}


.product-list > ul li{ margin-bottom:20px;}
.product-list > ul li p:first-child{ height:296px;}
.product_xq3 h2{ height: auto;}
.main3{ padding:0;}

/*招聘*/
.jobs{ padding-bottom: 50px;}
.jobs ul{ width: 1360px; margin: 0 auto;}
.jobs li{
    float: left;
    width: 23.2%;
    background: url("/images/bgm4.jpg") #fff center top no-repeat;
    margin-right: 2.4%;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 60px;
    transition: all 0.2s ease-in-out;
    background-size: cover;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.jobs li:nth-child(4n){ margin-right: 0;}
.jobs li h1{ color: #474747; transition: 0.5s;}
.jobs li h2{ font-size: 24px; margin-top: 45px; color: #474747; transition: 0.5s;}
.jobs li p{ color: #474747; margin-top: 24px; transition: 0.5s;}
.jobs li span{ display: block; width: 48px; height: 48px; margin: auto; border: 1px solid #aaaaaa;border-radius: 100%; margin-top: 50px; background: url(/images/bg25.png) center no-repeat; transition: 0.5s;}
.jobs li:hover h1,.jobs li:hover h2,.jobs li:hover p{ color: #17993a;}
.jobs li:hover span{ border-color: #17993a; background: #17993a url(/images/bg25a.png) center no-repeat;}
.jobs li:hover{
    background: url(/images/bgm4a.jpg) center top no-repeat;
    transform:translate(0,-15px);
    -webkit-transform:translate(0,-15px);
    -moz-transform:translate(0,-15px);
    -o-transform:translate(0,-15px);
    -ms-transform:translate(0,-15px);
}

/*招聘详情*/
.jobs_xq{ background: #fff; width: 64%; margin: 0 auto; box-shadow: 0 0 10px rgba(0,0,0,0.1); background: #fff url("/images/jobs.png") no-repeat; background-position: right bottom;}
.title2{ text-align: center; border-bottom: 1px solid #e5e5e5; padding: 80px 0 30px 0; width: 80%; margin: 0 auto;}
.title2 h1{ color: #474747; font-size: 24px;}
.title2 .jobs_menu{ margin-top: 20px;}
.title2 .jobs_menu span{ color: #474747; padding: 0 8px; display: inline;}
.content2{ padding: 0 10%;}
.content3{ margin-top: 30px;}
.content3 h1{ color: #17993a; font-size: 20px; line-height: 36px;}
.content3 p{ line-height: 36px; color: #333;}
.content4{ padding: 40px 0 60px 0;}
.content4 p{ color: #17993a; line-height: 32px; font-size: 18px; margin-bottom: 15px;}
.content4 a{ background: url(/images/jianli.png) no-repeat center left; background-size: contain; padding-left: 24px; margin-top:20px;}
.content4 a:hover{ color: #17993a;}








#mould54092{ border-top: 5px solid #145cdc;}
.foot{ width:1360px;}
.footer{ background: #1a1a1a;}
.foot_nav{ width:28%;}
.foot_nav h2{ font-size:18px; line-height:18px; color:#fff; margin-bottom:30px;}
.foot_nav li{ margin-bottom: 6px;}
.foot_nav li a{ color: #999;}
.foot-ewm{ width: 36%; padding-top: 20px; border-right: 1px solid #333;  border-left: 1px solid #333;}
.foot-ewm p img{ width:112px; height:112px;}
.foot-ewm p:first-child{ margin-left: 103px;}
.foot-ewm p span{ margin-top:10px; color: #999;}
.foot-lianxi{ float: right; padding-left:60px; width:30%;}
.foot-lianxi p{ color: #ccc; line-height:30px;}

.footer-foot{ border-top:1px solid rgba(255,255,255,0.2);}
.footer-foot p{ line-height: 60px;}



#mould72042{ width:1360px; margin:0 auto; padding:30px; box-sizing:border-box; background:#fff; box-shadow: 0 0 10px rgb(0 0 0 / 10%);} 
#mould72042 .span6:first-child{ width:62%; overflow: hidden;}
#mould72042 .span6:last-child{ width:35%; float:right;}
.ly8-wrap .ly8-form1Input,.form1Textarea1{ border: 1px solid #ccc;}
.ly8-pageBox{ padding: 0 50px 40px 50px;}




.ny { width:1360px; margin:0 auto; background:#fff; padding:30px; box-sizing:border-box; box-shadow: 0 0 10px rgb(0 0 0 / 10%); min-height:300px;}


#mould77029{ width:1360px; margin:0 auto; background:#fff; padding:30px; box-sizing:border-box; box-shadow: 0 0 10px rgb(0 0 0 / 10%); min-height:300px;}

#mould77022{ width:1360px; margin:0 auto; background:#fff; padding:30px; box-sizing:border-box; box-shadow: 0 0 10px rgb(0 0 0 / 10%); min-height:300px;}

#mould54317{ width:1360px; margin:0 auto; background:#fff; padding:30px; box-sizing:border-box; box-shadow: 0 0 10px rgb(0 0 0 / 10%); min-height:300px;}




/*发展历程*/

.lh-history-item li:nth-child(2n) {top: 120px;}
.lh-history-item {margin-top: 0px;padding: 35px 0px;}
.lh-history-item li h2 {color: #17993a;}
.lh-history-item li:before {background: #17993a;}
.lh-history-item li:after {border: 1px solid #17993a;}


/*荣誉*/
.picture1 .picture1-cont {width: 1380px;margin: 0px auto;}


/*视频*/
#mould35389,#mould69073,#mould52519,.commonality{ width:1360px; margin: 0 auto;}
#mould35389 li{ width:48%; float:left; margin-bottom:2%;}
#mould35389 li:nth-child(even){ float:right;}
#mould35389 li .videos{ border:1px solid #ccc; height: 372px;}
#mould35389 li video{ width:100%; height: 100%; border:none;}
#mould35389 li p{ text-align:center; line-height:60px;}
#mould35389 li:hover p{ color: #333;}



.cebian{ position:fixed; bottom:55%; right:0; z-index:999;}
.cebian>div{ width:66px; margin-bottom:5px; background:#17993a; position:relative;}
.cebian>div:last-child{ margin-bottom:0;}
.cebian div .bg2{ width:270px; background: #fff; position:absolute; right:-270px; top:0; transition: all 1s; z-index:-1; padding:15px; box-sizing: border-box;}
.cebian div .bg2 h2{ color:#17993a; text-align:center; font-size:16px; line-height:30px;}
.cebian div .bg2 p{ float:left; text-align:center; font-size: 14px;}
.cebian div .bg2 p:last-child{ margin-left:20px;}
.cebian div .bg2 p img{ width:110px; height:110px; display: block;}
.cebian div:hover .bg2{ right:68px; box-shadow: 0 0 10px rgb(0 0 0 / 25%);}


/*留言*/
.message_179{ background: url("/images/answer.jpg") no-repeat; background-size: cover; padding-bottom: 60px;}
.message_179 .width_1360{ padding: 0 30px; box-sizing: border-box;}
.message_179 .top{ margin-bottom: 50px;}
.message_179 .top h3{ font-size: 30px; line-height: 30px;letter-spacing: 1px;font-weight: bold;color: #0a6ac3;margin-bottom: 15px;}
.message_179 .top p{ color: #666; line-height:24px;}
.message_179 .form{ }
.message_179 .form .left{ float:left; width:38%;}
.message_179 .form .left li h2{ color: #b0b0b0; line-height:36px;}
.message_179 .form .left li .company{ position: relative;}
.message_179 .form .left li em{ background: url("/images/btn-2.png") no-repeat; width: 30px; height:30px; display: block; position: absolute; top: 25px; left: 25px; background-position: 3px 0;}
.message_179 .form .left li:nth-child(2) em{ background-position: -34px 0;}
.message_179 .form .left li:nth-child(3) em{ background-position: -74px 0;}
.message_179 .form .left li:nth-child(4) em{ background-position: -112px 0;}
.message_179 .form .left li input{ width: 100%; height: 80px; border: 2px solid #dcdcdc; border-radius: 5px; padding: 0 0 0 80px; color: #666; box-sizing: border-box; margin-bottom:10px;}
.message_179 .form .left li input:focus{ box-shadow: none;}

.message_179 .form .right{ float:right; width:52%;}
.message_179 .form .right h2{ color: #b0b0b0; line-height:36px;}
.message_179 .form .right .detail{ position: relative;}
.message_179 .form .right .detail textarea{ width: 100%; height:460px; border: 2px solid #dcdcdc; border-radius: 5px; display: block; background: #fff; padding-top: 60px; padding-left: 28px; box-sizing: border-box;}
.message_179 .form .right .detail textarea:focus{ box-shadow: none;}
.message_179 .form .right .detail span{ position: absolute; top:15px; left: 25px;}
.message_179 .form .right .detail span em{ background: url("/images/btn-2.png") no-repeat; width: 30px; height:30px; display: inline-block; background-position: -152px 0; position: relative; top: 8px; margin-right:8px;}
#submit{ width: 340px; margin: 36px auto 0 auto; border-radius: 8px; line-height: 54px; text-align: center; color: #fff; background: #0a6ac3; display: block;}
#submit:hover{ background: #0a6ac3; cursor: pointer;}
.submit{ background: #bab9b9 !important; cursor: pointer;}
#mould52735{ width: 1360px; margin:0 auto;}


@media screen and (max-width: 1560px){ 
  .nav17 .top_center, .nav17 .header_163, .nav17 .nav_center{ width:94%;}
   
   .header_158,.nav_158 .nav_bg,.foot,.footer-foot div,.crumbs,#mould77021,.bg1,#mould77022,#mould35389,#mould77029,.jobs ul,.ny,#mould54317, #mould69073, #mould52519, .commonality{ width:94%!important;}
   .header_158 .logo img{ width:400px;}
   .header_158 .phone{ padding: 0 0 0 60px; background-size: contain; margin-top: 14px;}
   .header_158 .phone span{ font-size:24px;}
   .foot_nav dl{ margin-right: 50px;}
  .crumbs_nav{ width:28%;}
  .product-list > ul li p:first-child{ height: 260px;}
  .newslist>ul li .newsimgs{ height: 220px;}
  #mould35389 li .videos{ height: 328px;}
  .picture1 .picture1-cont,.width_1360{ width:100%;}
  .picture1 .picture1-cont > ul li a img{ height:186.8px;}
  .jobs_xq,.title2{ width:90%;}
  .content2{ padding: 0 5%;}
}


#mould35389{ width:1360px; margin:0 auto; background:#fff; padding:30px; box-sizing:border-box; box-shadow: 0 0 10px rgb(0 0 0 / 10%); min-height:300px;}


/*招聘*/
.recruit .recruit_list {background: #153C8B;}
.recruit .recruit_list li, .recruit .recruit_cont li {    color: #fff;}
.recruit .recruit_cont {background: #ACACAC;}



.footer-foot {
    background: #000;}






