/*重置bootstrap*/
* {
  font-family: '微软雅黑';
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  overflow-x: hidden;
}

img {
  max-width: 100%;
}

a,
a:hover,
a:visited,
a:checked {
  text-decoration: none;
}

a {
  -webkit-transition: color .4s ease;
  -moz-transition: color .4s ease;
  -o-transition: color .4s ease;
  transition: color .4s ease;
  color: #000;
}

ul,
ol {
  list-style: none;
}

/*常用css样式*/
.font-bold {
  font-weight: bold;
}

.text-white {
  color: #fff;
}

.text-black {
  color: #323232;
}

.word-break {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}

.padding-zero {
  padding: 0;
}




/* 导航 */
.navbar-brand {
  padding: 0;
}



/* .fp-controlArrow.fp-next {
  right: 15px;
  border-width: 38.5px 0 38.5px 34px;
  border-color: transparent transparent transparent #fff;
}
 */
.fp-controlArrow {
  position: absolute;
  z-index: 4;
  top: 50%;
  width: 0;
  height: 0;
  margin-top: -38px;
  cursor: pointer;
  border-style: solid;
}

.navbar-fixed-top {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
}
.s1,
.s2,
.s3,
.section1,
.section2,
.section3,
.section4,
.section5,
.section6 {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.s1 {
  background-image: url(../../images/s1.jpg);
}
.s2 {
  background-image: url(../../images/s2.jpg);
}
.s3 {
  background-image: url(../../images/s3.jpg);
}
.s4 {
  background-image: url(../../images/s4.jpg);
}
/* section1开始 */
.section1 {
  background-image: url(../../images/section1.jpg);
}
.home_about{
  width:70%;
  background-color:#e5e5e5;
  float:right;
  padding:60px 40px;
  position: relative;
}
.active .home_about .h_a_img img{
  position: absolute;
  top:110px;
  left:-350px;
  width:445px;
   animation: fadeInLeft 1s alternate linear forwards;
  -webkit-animation:  fadeInLeft 1s alternate linear forwards;
  -moz-animation:  fadeInLeft 1s alternate linear forwards;
  -o-animation:  fadeInLeft 1s alternate linear forwards;
   }
.active .h_a_info{
  overflow: hidden;
  margin-left:80px;
   animation: fadeInUp 1s alternate linear forwards;
  -webkit-animation:  fadeInUp 1s alternate linear forwards;
  -moz-animation:  fadeInUp 1s alternate linear forwards;
  -o-animation:  fadeInUp 1s alternate linear forwards;
}
.h_a_info h1{
  font-size:36px;
}
.h_a_info h1 span{
  font-size:48px;
  color:#f98d20;
  display: block;
  margin-bottom:10px;
}
.h_a_con{
  line-height: 30px;
  margin:30px 0;
}
.h_a_list{
  overflow: hidden;
}
.h_a_list ul{
overflow:hidden;
}
.h_a_list ul li{
  width:calc((100% - 18px) / 2);
  width:-webkit-calc((100% - 18px) / 2);
  width:-moz-calc((100% - 18px) / 2);
  width:-o-calc((100% - 18px) / 2);
  margin-right:18px;
  float:left;
  background-color:white;
  padding:10px 0;
  text-align: center;
  margin-bottom:20px;
  line-height: 42px;
}
.h_a_list ul li a{
  font-size:16px;
  line-height: 42px;
}
.h_a_list ul li img{
  margin-right:20px;
  width:36px;
  height:36px;
}
/* .section1结束 */

/* .section2开始 */
.section2 {
  background-image: url(../../images/section2.jpg);
}
.h_tit h1{
  font-size:36px;
  text-align: center;
  margin-bottom:80px;
  color:white;
}
.active .h_tit h1{
  animation: 1s leftmove alternate linear forwards;
  -webkit-animation: 1s leftmove alternate linear forwards;
  -moz-animation: 1s leftmove alternate linear forwards;
  -o-animation: 1s leftmove alternate linear forwards;
}
.h_tit h1 span{
  font-size:48px;
  color:#f98d20;
  display: block;
  margin-bottom:10px;
}
.active .h_pro_item .h_pro_pic:nth-child(1){
  animation: .8s fademove alternate linear forwards;
  -webkit-animation: .8s fademove alternate linear forwards;
  -moz-animation: .8s fademove alternate linear forwards;
  -o-animation: .8s fademove alternate linear forwards;
}

.active .h_pro_item .h_pro_pic:nth-child(2){
  animation: 1.2s fademove alternate linear forwards;
  -webkit-animation: 1.2s fademove alternate linear forwards;
  -moz-animation: 1.2s fademove alternate linear forwards;
  -o-animation: 1.2s fademove alternate linear forwards;
}
.active .h_pro_item .h_pro_pic:nth-child(3){
  animation: 1.8s fademove alternate linear forwards;
  -webkit-animation: 1.8s fademove alternate linear forwards;
  -moz-animation: 1.8s fademove alternate linear forwards;
  -o-animation: 1.8s fademove alternate linear forwards;

}
.no-margin-right{
margin-right:0 !important;
}
.h_pro_item .h_pro_pic img{
 display: block;
 max-width: 100%;
 margin:0 auto;
 transition: all 1s;
 -webkit-transition: all 1s;
 -moz-transition: all 1s;
 -o-transition: all 1s;
}
.h_pro_item .h_pro_pic span{
  display: block;
  color:#fff;
  font-size: 20px;
  text-align: center;
}
.h_pro_pic:hover img{
  transform: translateY(-20px);
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -o-transform: translateY(-20px);
}

/* .section2结束 */
.section3 {
  background-image: url(../../images/section3.jpg);
}
.active .h_n_item{
  overflow: hidden;
  animation: 1s fadeInUp linear alternate forwards;
  -webkit-animation: 1s fadeInUp linear alternate forwards;
  -moz-animation: 1s fadeInUp linear alternate forwards;
  -o-animation: 1s fadeInUp linear alternate forwards;
}
.h_n_item .h_n_list{
  padding-left:0;
  
  margin-bottom:60px;
}

.h_n_item .h_n_list .h_n_pic{
  padding:0;
}
.h_n_pic img{
  margin:0 auto;
  max-height:97px;
  display:block;
}
.h_n_con{
  color:white;
}
.h_n_date{
  color:rgba(255,255,255,.8);
}
.h_n_con h3{
  margin:0;
height:30px;
overflow:hidden;
}
.h_n_con h3 a{
  font-size:16px;
  color:white;
}
.h_n_des{
  height:44px;
  overflow: hidden;
  margin-top:10px;
  line-height: 24px;
}
.h_n_des a{
  color:rgba(255,255,255,.8);
}
.section4 {
  background-image: url(../../images/section4.jpg);
  background-position:bottom;
}
.h_contact{
  margin-top:80px;
  width:50%;
  float:right;
  padding-left:40px;
  padding-bottom:60px;
}

.active .h_contact{
  animation: 1s fadeInUp alternate linear forwards;
  -webkit-animation: 1s fadeInUp alternate linear forwards;
  -moz-animation: 1s fadeInUp alternate linear forwards;
  -o-animation: 1s fadeInUp alternate linear forwards;
}

.h_c_title h1{
  font-size:36px;
  margin-bottom:30px;
  color:white; 
}
.h_c_title h1 span{
  font-size:48px;
  color:#f98d20;
  display: block;
  margin-bottom:10px;
}
.h_contact .h_c_con{
  line-height: 30px;
}
/* .h_footer{
  padding-top:40px;
}
 */.h_footer ul{
  overflow: hidden;
}
.h_f_list{
  float:left;
  color: white;
  padding-left:10px;
  padding-right:75px;
}
.h_f_list span{
  display: block;
  font-size:16px;
  margin-bottom:20px;
}
.h_f_list ul li a{
  color:#ccc;
  display: block;
  line-height: 24px;
}
.h_ly input{
border:none;
  line-height: 30px;
  border-bottom:1px solid #fff;
  background: none;
  width:32%;
}
.h_ly textarea{
border:none;
  display: block;
  margin-top:20px;
  background: none;
  border-bottom: 1px solid #fff;
  height:50px;
}
.h_ly input[type=submit]{
  width: 100px;
    background: #555;
    border-bottom: none;
    margin-top:20px;
}
.h_ly label{
  display: block;
    margin-top: 20px;
    font-weight: normal;
}
.h_f_list:last-child {
    width: 43%;
	padding-right:0;
}
.copyright{
  line-height: 60px;
  color:#777;
}
.copyright a{
  color:#777;
}
.footer ul{
  overflow: hidden;
}
.footer .copyright{
  margin-top:40px;
}
.h_ly .btn{
margin-top:30px;
}

/* 内容 */
.content {
  line-height: 26px;
  padding: 60px 0px 60px;
  min-height: 400px;
  overflow: hidden;
}
.about {
  padding-bottom: 60px;
}
.about p {
  margin-top: 30px;
  margin-bottom: 40px;
}
.about a {
  color: white;
}
.about h1 {
  font-size: 36px;
  color: black;
  font-weight:bold;
  text-align: left;
}


.button {
  width: 140px;
  height: 40px;
  line-height: 40px;
  background: #f98d20;
  font-size: 14px;
  font-weight: normal;
  padding: 0 20px;
  overflow: hidden;
  color: white;
  text-align: center;
}
.biaoyu {
  text-align: center;
}
.biaoyu h1 {
  font-size: 32px;
  font-weight: bold;
}
.biaoyu p {
  font-size: 16px;
  margin-top: 30px;
}
.about_ws {
  overflow: hidden;
  padding:60px 0;
}
.about_ws .ws_xx {
  overflow: hidden;
  position: relative;
}
.about_ws .ws_xx .ws_xx_con {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 55px;
  color: white;
  font-size: 16px;
}
.about_ws .ws_xx .ws_xx_con h1 {
  background-color:rgba(249,141,32,.8);
  width:50%;
  margin:0 auto;
  margin-top:120px;
  line-height: 100px;
  color:#fff;
  font-size: 32px;
  text-align: center;
}
/* .about_ws .ws_xx .ws_xx_con h1 a{
  display: block;
  line-height: 80px;
  color:#fff;
  font-size: 32px;
  text-align: center;
} */
.about_ws p {
  margin-bottom: 40px;
}
.ws_gongyi {
  overflow: hidden;
  background: url(../images/ws_gongyi.jpg) no-repeat;
  background-position: center;
  margin: 20px 15px;
  padding: 40px 0;
  color: white;
  font-size: 16px;
  text-align: center;
}
.ws_gongyi a {
  color: white;
}
.ws_gongyi h2 {
  transition: all 1s;
}
.gongyi_p {
  margin-top: 10px;
  text-align: left;
  transition: all 1s;
}
.about_ws .ws_xx {
  overflow: hidden;
  position: relative;
}
.about_ws .ws_wenhua, .about_ws .ws_rongyu {
  position: relative;
  overflow: hidden;
  color: white;
  height:210px;
}
.about_ws .ws_wenhua .ws_wh_con {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: rgba(22,46,124,0.6);
  padding: 20px;
}
.ws_wh_con h2{
  text-align: center;
  line-height: 150px;
}
.ws_wenhua a {
  color: white;
}
.about_ws .ws_rongyu {
  margin-top: 18px;
}
.about_ws .ws_xx img, .about_ws .ws_wenhua img, .about_ws .ws_rongyu img {
width:100%;
margin:0 auto;
  transition: all 1s;
}

.about_ws .ws_rongyu .ws_ry_con {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: rgba(255,45,45,0.6);
  padding: 20px;
}
.about_ws .ws_rongyu .ws_ry_con h2{
text-align: center;
line-height: 150px;
color:white;
}

/* 内容页 */
.content_wrap h3 {
  font-size: 18px;
  border-bottom: 1px #cdcdcd solid;
  padding: 5px 0px;
  font-weight: bold;
}
.content_wrap h3 span {
  float: right;
  font-size: 14px;
  font-weight: normal;
}
.content_c {
  line-height: 27px;
  padding: 10px 0px;
  min-height: 400px;
}
.channelT {
  background: #f98d20;
  color: #fff;
}
.channelT h2 {
  padding: 10px 0px;
  margin: 0px;
  font-size: 24px;
  text-align: center;
}
.content_left ul li {
  padding: 7px 0px 7px 25px;
  background: url(../../images/page_list.png) 13px 17px no-repeat;
  border-bottom: 1px #eaeaea solid;
}




/* banner_pic */
.banner_c{
  width:100%;
  overflow: hidden;
}
.banner_c img{
  width:100%;
  display: block;
  margin:0 auto;
}

/* 表单 */
.zh span {
    font-size: 16px;
    width: 15%;
    display: inline-block;
}
.zh input {
    width: 85%;
}
form input {
    height: 40px;
}
form select {
    width: 100%;
    height: 40px;
    border: 2px solid #ddd;
    color: #999;
}
form input, form textarea {
    width: 100%;
    border: 2px solid #ddd;
    color: #999;
    padding-left: 10px;
}
form ul li {
    margin-bottom: 20px;
}


/* 产品首页 */
.gd_pro_item{
  overflow: hidden;
}
.gd_pro_pic{
  width:50%;
  float:left;
  overflow:hidden;
}
.gd_pro_pic img{
  width:100%;
  margin:0 auto;
  transition:all 1s;
  -webkit-transition:all 1s;
  -moz-transition:all 1s;
  -o-transition:all 1s;
}

.gd_pro_js{
  width:50%;
  float:left;
  background-color:#eee;
  border-right:1px solid #ccc;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding:50px 60px;
  height:456px;
  overflow: hidden;
}

.gd_pro_js h2{
  font-size:24px;
  font-weight:bold;
  color:#000;
  line-height: 30px;
  margin: 0;
  margin-bottom:30px;
}
.gd_pro_js ul{
  margin-bottom:30px;
}
.gd_pro_js ul li{
  padding-left:20px;
  line-height: 32px;
}
.gd_pro_js ul li a{
  font-size: 16px;
  color:#333;
}
.gd_pro_js ul li span{
  margin-right:20px;
}

.gd_pro_item:hover img{
transform:scale(1.2);
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
}


.pro_bg_img{
  overflow: hidden;
  margin-bottom:30px;
}
.pro_info{
  border:1px solid #ccc;
  position: relative;
}

.pro_info a{
  color:#fff;
  font-size: 20px;
  font-weight: bold;
}
.pro_info a:hover{
color:#fff;}
.pro_bg_img img{
  width:100%;
  padding:5px;
 height:378px;
}
.pro_bg_img1 img{
height:300px;
width:100%;
padding:5px;
}

.pro_bg_js{
  width:100%;
  line-height: 50px;
  background-color:#00386f;
  position: absolute;
  bottom:0;
  left: 0;
  padding:0 20px;
}
.no-margin{
margin-bottom:0;
}

/* 人才招聘 */
.hrList_a1_item {
    width: 100%;
    margin-bottom: 40px;
}
.hrList_a1_title {
    font-size: 30px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: solid #ddd 1px;
    padding-bottom: 10px;
    line-height: 50px;
    color: #dd5411;
}
.hrList_a1_item ul {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 10px 0;
    border-bottom: dotted 1px #ddd;
}
.hrList_a1_item ul li {
    width: 33%;
    display: inline-block;
    line-height: 20px;
    padding: 5px 0;
    color: #777;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hrList_a1_item ul li b {
    display: inline-block;
    width: 120px;
    color: #0077cc;
    font-weight: bold;
}
.hrList_a1_item ul li.other {
    width: 100%;
    line-height: 22px;
    padding: 5px 0;
    color: #777;
    text-overflow: inherit;
    white-space: inherit;
}
.hrList_a1_item ul li.other b {
    display: block;
}

.hrList_a1_button {
    padding: 15px 0;
}

.hrList_a1_button a.more, .DownList_a1 li a {
    text-align: center;
    cursor: pointer;
    display: block;
    height: 40px;
    line-height: 40px;
    width: 100px;
    color: #fff;
    background: #dd5411;
    transition-duration: .3s;
    border-radius: 8px;
    font-size: 16px;
    opacity: 0.7;
}
.footer{
background-color:black;}



/* 动效 */
@keyframes fadeInLeft{
  0%{left:-600px;}
  100%{left:-350px}
}
@keyframes leftmove{
  0%{margin-left:-200px;}
  100%{margin-left:0}
}
@keyframes fadeInUp{
  0%{margin-bottom:-200px;}
  100%{margin-bottom:0}
}
@keyframes fademove{
  0%{top:200px;}
  100%{top:0;}
}




 @media(max-width:768px){
.home_about{
width:100%;
}
.h_a_img{
display:none;}

.active .h_a_info{
margin-left:0px;
animation:none;
}
.h_a_con{
text-align: justify;
}
.h_a_list ul li{
width:100%;
}

.h_n_con h3{
height:30px;
line-height:30px;
overflow:hidden;
}

.section4{
background:white;}
.h_footer{
display:none;}

.copyright{
	background-color: #000;
    overflow: hidden;
	padding:40px 0;
	}

#fp-nav.fp-right{
	display:none;
	}

.active .h_contact{
	padding-left:20px;
	padding-right:20px;
	}
.active .h_tit h1{
  animation: none;
  -webkit-animation:none;
  -moz-animation: none;
  -o-animation: none;
}
.active .h_n_item{
  overflow: hidden;
  animation: none;
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
}
.active .h_contact{
width:100%;
  animation: none;
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
}

.active .h_pro_item .h_pro_pic:nth-child(1){
  animation: none;
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
}
.active .h_pro_item .h_pro_pic:nth-child(2){
  animation: none;
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
}
.active .h_pro_item .h_pro_pic:nth-child(3){
  animation: none;
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
}
.s1 {
  background-image: url(../../images/m1.jpg);
}
.s2 {
  background-image: url(../../images/m2.jpg);
}
.s3 {
  background-image: url(../../images/m3.jpg);
}
.h_n_pic img{
max-height:100%;
}
.pro_bg_js{
font-size:14px;
line-height:30px;
}

.project-fixed{
display:none;
}
.h_c_title h1 span{
font-size:36px;}

.footer{
padding:0;
}
.footer ul{
overflow:hidden;
display:none;
}
.footer .copyright{
margin-top:0;
}
.maxheight{
max-height:173px;}
.height190{
height:190px;
}

 .height205{
 height:205px;
 }
 .zh span{
 width:100%;
 }
} 

@media(min-width:1365px) and (max-width:1439px){
.gd_pro_js{
height:380px;
padding:40px 60px;
}
.h_ly textarea{
margin-top:0;
}
.h_contact .h_c_con{
line-height:24px;}

.h_f_list span{
margin-bottom:10px;
}
.h_c_title h1{
margin-bottom:20px;
}
.h_ly .btn{
margin-top:15px;
}
.pro_bg_img img{
height:300px;
}
.pro_bg_img1 img{
height:250px;
}
}
@media(max-width:1200px) and (min-width:1023px){
.pro_bg_img img{
height:300px;
}
}