body { font-size:16px; font-family:microsoft yahei,Verdana; line-height:1.5; color:#555; margin:0px; padding:0px;}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}
ul { list-style:none;}
img { border:0px;}
a { color:#363535; text-decoration:none;}
a:hover { color:#0a63a2;}

.w1200{ width: 1200px; margin: 0 auto;}
.w1200_1{ width: 1200px; margin: 0 auto; position:relative; left:-50%;}
.fl{float: left;}
.fr{float: right;}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table;
}
.container-fluid:after {
  clear: both;
}


/*body*/
#container { width:100%; margin:0 auto;}

/*header*/
#header { width:100%; position:fixed; top:0; box-shadow:0 2px 8px rgba(0,0,0,.1); opacity:1; z-index:99999; height:100px; background:#fff;}
#header_content{ width:1200px; margin:0 auto;}
 
/*main*/
#maincontent { margin:0 auto;}

.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

.logo{ margin:12px 0px 0px 0px;}
.nav { }

.navbar-brand{
		    padding: 29px 15px;
		    height: auto;
		}
		nav.navbar.bootsnav{
		    border: none;
		    margin-bottom: 150px;
		}
		.navbar-nav{
		    float: left;
		}
		nav.navbar.bootsnav ul.nav > li > a{
		    color: #474747;
		    text-transform: uppercase;
		    padding: 30px;
		}
		nav.navbar.bootsnav ul.nav > li:hover{
		    background: #f4f4f4;
		}
		.nav > li:after{
		    content: "";
		    width: 0;
		    height: 3px;
			background:#242d44;
		    position: absolute;
		    bottom: 0;
		    left: 0;
		    transition: all 0.5s ease 0s;
		}
		.nav > li:hover:after{
		    width: 100%;
		}
		nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{
		    font-size: 16px;
		    font-weight: 500;
		    position: absolute;
		    top: 35%;
		    right: 10%;
		    transition: all 0.4s ease 0s;
		}
		nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{

		}
		.dropdown-menu.multi-dropdown{
		    position: absolute;
		    left: -100% !important;
		}
		nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
		    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
		    border: none;
		}
		@media only screen and (max-width:990px){
		    nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after,
		    nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{ content: " "; }
		    .dropdown-menu.multi-dropdown{ left: 0 !important; }
		    nav.navbar.bootsnav ul.nav > li:hover{ background: transparent; }
		    nav.navbar.bootsnav ul.nav > li > a{ margin: 0; }
		}
		
.nav .search{ float:left; padding-left:2px; margin:24px 0px 0px 0px; z-index:9999;}
.search{
	position: relative;
	z-index:0;
}

.search input.txt{
	position: absolute;
	left: -10px;
	top: 10px;
	width: 0;
	height: 30px;
	border:none;
	color: #444;
	text-indent: 1.5em;
	font-size:14px;
	border-radius: 20px;
	background:#fff;
	outline:none;
	font-family:microsoft yahei,Verdana;
}
.search input.submit{
	width: 75px;
	height: 50px;
	background: url(../images/search.png) no-repeat center center;
	border:none;
	outline:none;
}

/*banner*/
.banner{ width:100%;height:800px; overflow: hidden; position: relative; z-index: 1;}
.banner .d1{width:100%;height:800px;display:block;position:absolute;left:0px;top:0px;}
.banner .d2{width:1000px;height:30px;clear:both;position:absolute;z-index:100;left:50%;margin-left:-500px;}
.banner .d2 ul{float:left;position:absolute; left:450px;top:740px;display:inline;}
.banner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(../images/img1.png) no-repeat center;float:left;margin:0 8px;display:inline;}
.banner .d2 li.nuw{background:url(../images/img1_1.png) no-repeat center;}


#fh5co-featured {
  padding-bottom: 7em;
}

#fh5co-intro-section {
  margin-bottom: 1em;
  padding-bottom: 2em;
  padding-top:2em;
}

#fh5co-intro-section p{
  font-size:20px;
  color:#555;
}

.intro-heading {
  font-size: 36px;
  font-weight: 600;
  color:#333;
  line-height: 70px;
}

.intro-heading-1 {
  font-size: 36px;
  font-weight: 600;
  color:#fff;
  line-height: 70px;
}

.nopaddingbottom {
  padding-bottom: 0 !important;
}

.js .animate-box {
  opacity: 0;
}

.post-entry {
  width: 100%;
  min-height: 700px;
  display: table;
}
@media screen and (max-width: 992px) {
  .post-entry {
    display: block;
    min-height: 400px;
  }
}
.post-entry .post-image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  height: 700px;
}
@media screen and (max-width: 768px) {
  .post-entry .post-image {
    display: block;
    height: 400px;
  }
}
.post-entry .display-tc {
  display: table-cell;
  vertical-align: middle;
  height: 700px;
  text-align: right;
}
@media screen and (max-width: 992px) {
  .post-entry .display-tc {
    display: block;
    vertical-align: none;
    text-align: left;
    height: inherit;
  }
}
.post-entry .desc {
  padding: 5em;
  background: rgba(83, 157, 219, 0.9);
  -webkit-box-shadow: 0px 10px 30px -13px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 10px 30px -13px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 10px 30px -13px rgba(0, 0, 0, 0.75);
}
.post-entry .desc h3 {
  color: #fff;
  font-size: 40px;
  font-weight:600;
  line-height: 54px;
}
.post-entry .desc p {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 0;
  font-size:20px;
  padding:10px 0px 20px 0px;
}
.post-entry .desc .date {
  display: block;
  margin-bottom: 20px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 5px;
}
.post-entry .desc_1 {
  text-align:left;
  padding: 5em;
  background: rgba(83, 157, 219, 0.9);
  -webkit-box-shadow: 0px 10px 30px -13px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 10px 30px -13px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 10px 30px -13px rgba(0, 0, 0, 0.75);
}
.post-entry .desc_1 h3 {
  color: #fff;
  font-size: 40px;
  font-weight:600;
  line-height: 54px;
}
.post-entry .desc_1 p {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 0;
  font-size:20px;
  padding:10px 0px 20px 0px;
}

@media screen and (max-width: 768px) {
  .post-entry .desc {
    padding: 1.5em;
  }
  .post-entry .desc h3 {
    font-size: 30px;
  }
}

.index_prnav{ height:100%; overflow:hidden;}
.index_prnav ul{list-style:none;} 
.index_prnav li{float:left;width:50%;line-height:40px;} 
.index_prnav a{display:block;text-align:right;color:#fff; font-size:20px;} 
.index_prnav a:hover{color:#FFF; font-weight:bold;text-decoration:none;}

.index_prnav_1{ height:100%; overflow:hidden;}
.index_prnav_1 ul{list-style:none;} 
.index_prnav_1 li{float:left;width:50%;line-height:40px;} 
.index_prnav_1 a{display:block;text-align:left;color:#fff; font-size:20px;} 
.index_prnav_1 a:hover{color:#FFF; font-weight:bold;text-decoration:none;}

.index_news{ background:#242d44;}

.section-body {
    padding-bottom:40px;
	
}
.row.col-spacing {
	margin-left: -25px;
	margin-right: -25px;
}
.row.col-spacing [class^="col-"] {
	padding-left: 25px;
	padding-right: 25px;
}

.four-features.four-features-left-bottom {
    margin: 0 35px 30px 0;
}
.four-features .features-content{
	padding: 15px 35px 35px 35px;
	min-height:278px;
}
.four-features{
	background-color: #29344e;
	border-radius: 8px;
/*	margin: 30px 35px;*/
}

.btn-expand-all {
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	background-color: #242d44;
	border: 1px solid #ffffff;
	border-radius: 20px;
	color: #ffffff;
	font-weight: 700;
	padding: 10px 56px 10px 56px;
}

.btn-expand-all:hover, .btn-expand-all:focus {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 20px;
    color: #242d44;
    font-weight: 700;
    padding: 10px 56px 10px 56px;
}


/*contact*/
form.contact .form-control {
	margin-bottom: 5px;
	height: 50px;
	background:#f8f8f8;
	padding: 15px;
	border-color: transparent;
	box-shadow: 0 0 10px rgba(0,0,0,.01);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.01);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.01);
	-o-box-shadow: 0 0 10px rgba(0,0,0,.01);
	-ms-box-shadow: 0 0 10px rgba(0,0,0,.01);
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	border-width: 2px;
}

form.contact textarea.form-control {
	height: 148px;
}

form.contact .btn-primary {
	padding: 8px 36px;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 2px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	font-size: 20px;
	cursor: pointer;
	border-color: #242d44;
	color: #fff;
	background-color: #242d44;
	border-width: 2px;
}

form.contact .btn-primary:hover {
	background-color: transparent;
	color: #242d44;
}
.contact-text {
	line-height: 28px;
	padding-bottom:15px;
}

.contact-icon {
	margin: 0;
	margin-bottom: 30px;
	padding: 0;
}

.contact-icon li {
	display: inline-block;
	width: 100%;
	line-height:50px;
	border-bottom:1px #dfdfdf solid;
}

.contact-icon i {
	font-size: 26px;
	width: 30px;
	float: left;
	margin-top:10px;
}

.contact-icon div {
	margin-left: 35px;
}
.form-group{
	margin-bottom:1em;
}
.col-6{ 
    flex:0 0 50%;
	max-width:50%;
}
.col-12{ 
    flex:0 0 100%;
	max-width:100%;
}
.col-6, .col-12{
	position:relative;
	width:100%;
	min-height:1px;
	padding-right:15px;
	padding-left:15px;
	float:left;
}
.footer{ text-align:center; padding:30px 0px; line-height:50px; background:#000000;}
.footer a{ color:#555;}
.footer a:hover{ color:#fff;}

[class^="icon-"],[class*=" icon-"]{float:left;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.btn-scroll-top{display:inline-block;width:4.3rem;height:4.3rem;position:fixed;bottom:6rem;right:0;color:#fff;z-index:2;text-decoration:none;background-color:#c00;visibility:hidden;opacity:0;-webkit-transition:opacity .3s 0s,visibility 0s .3s;transition:opacity .3s 0s,visibility 0s .3s}
.btn-scroll-top.cd-fade-out,.btn-scroll-top.cd-is-visible{-webkit-transition:opacity .3s 0s,visibility 0s 0s;transition:opacity .3s 0s,visibility 0s 0s}
.btn-scroll-top.cd-is-visible{visibility:visible;opacity:1}
.btn-scroll-top .icon-interface-top{ padding:16px 14px;}
.btn-scroll-top:hover{color:white;background-color:#a60000}

.banner_inner {  position:relative; overflow:hidden; padding:100px 0px 0px 0px;}
.banner_inner img {  width:100%; height:100%;}
.bdtx {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 80px;
}
.bdtx h2 {
  font-size: 36px;
  color: #fff;
  text-shadow: 0 0 8px #333;
  line-height: 1;
}
.bdtx i {
  display: block;
  width: 40px;
  height: 2px;
  background-color: #fff;
  margin-top: 30px;
}
.bdtx h3 {
  font-size: 18px;
  color: #fff;
  line-height: 1.35em;
  margin-top: 2%;
  text-shadow: 0 0 8px #000;
  max-width: 580px;
}

.mation1{
	width: 1200px;
	margin: 0 auto;
	padding: 40px 0 85px;
	overflow: hidden;
}
.mation1 .title{
	width: 100%;
	height:66px;
	margin-bottom: 30px;
}
.mation1 .title h2{
	font-size:36px;
	line-height:66px;
	color: #364877;
}
.mation1 .mian {
	text-indent:2em;
	text-align:justify;
	line-height:30px;
}

.mation2{
	height: 736px;
	width: 100%;
	position: relative;
	background: url(../images/history_bg.jpg) center no-repeat;
}
.mation2 .warp{
	width: 1200px;
	margin: 0 auto;
}
.mation2 .warp .title{
	margin-bottom: 10px;
	padding-top: 50px;
	position: relative;
}
.mation2 .warp .title h2{
    font-size:36px;
    line-height:66px;
    color: #364877;
    margin-bottom:60px;
}
.picScroll-left{ 
	width:1200px; 
	margin: 0 auto; 
	/*height: 500px;*/
	overflow:hidden; 
	position:relative;  
}
.picScroll-left .hd{ 
	overflow:hidden;  
	width:110px;
	height: 42px; 
	/*background:#f4f4f4; */
	margin: 0 auto;
}
.picScroll-left .hd .prev{ 
	display:block;  
	float: left;
	width:42px; 
	height:42px; 
	cursor:pointer; 
	background:url(../images/infro-icon1.png) no-repeat;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
}
.picScroll-left .hd .prev:hover{
	background:url(../images/infro-icon11.png) no-repeat;
}
.picScroll-left .hd .next{ 
	display:block;  
	width:42px; 
	height:42px; 
	float:right;  
	overflow:hidden;
	cursor:pointer; 
	background:url(../images/infro-icon2.png) no-repeat;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
}
.picScroll-left .hd .next:hover{
	background:url(../images/infro-icon22.png) no-repeat;
}
.picScroll-left .bd ul{overflow:hidden; zoom:1;}
.picScroll-left .bd ul li{
	float:left; 
	_display:inline; 
	overflow:hidden; 
	width:264px;
    padding:56px 18px 0;
    min-height: 400px;
    float: left;
    background: url(../images/mation-titbg2.png) center top no-repeat;
}

.picScroll-left .bd li h3{
	display: block;
	font-size: 40px;
	line-height: 65px;
	color: #242d44;
	margin-bottom: 30px;
}
.picScroll-left .bd li .details{
	padding: 0 0px;
}
.picScroll-left .bd li .details p{
	padding-left: 20px;
	font-size: 16px;
	line-height: 28px;
	color: #666;
	background: url(../images/mation2-point.png) left 11px no-repeat;
	margin-bottom: 25px;
}
.works a{
	display: block;
	background: url(../images/img_78.png) no-repeat center center;
	width: 240px;
	height: 50px;
	padding-right: 30px;
	text-align: center;
	font-size: 16px;
	color: #666666;
	line-height: 50px;
	margin-top: 56px;
	margin-bottom:40px;
	transition: all 0.3s;
}
.works a:hover{
	background: url(../images/img_79.png) no-repeat center  center;
	color: #0089e0;
	transition: all 0.3s;
}
.career-about{ padding:30px 0px;}
.career-about-header{ text-align:center; padding:20px 0px;}

article {
	width: 100%;
	margin: 0 auto 40px;
	padding-top: 10px;
}
article a {
	display: block;
	line-height: 0;
}
article a:hover {
	opacity:0.6;
	transition:0.2s;
}
article a:hover img {
	background: #fff;
}
article ul {
	display: flex; flex-wrap: wrap;
}
article ul li {

}
article ul li:nth-of-type(2) {
	/*padding: 0 20px;*/
}
article h4 {
	margin-bottom: 9px;
	padding-top: 5px;
	padding-bottom: 10px;
	color: #333;
	font-size:32px;
	line-height:50px;
	font-weight:600;
	border-bottom: 1px solid #888;
}
article h5 {
	text-align:center;
	font-size:20px; 
}
article h5 a:hover{
	color:#012844;
}
article p {
	margin: 5px 0 13px;
}

.aid_contact{ margin-top:80px; margin-bottom: 80px;}
.aid_contact .adress { padding: 52px 67px 0;}
.aid_contact .adress ul{margin-top: 30px;}
.aid_contact .adress dt { margin-bottom: 38px;}
.fnt_48 { font-size: 48px;}

/*aid_contact*/
.aid_contact .map{width:57.34%;height: 100%;}
.aid_contact .map>div{width:100%;height: 100%;border: none;}
.aid_contact .adress{width: 42.66%;height: 100%;background: url(../images/aid_img01.jpg) no-repeat center;background-size: cover;box-sizing: border-box;}
.aid_contact .adress dl{margin:auto;text-align: left;}
.aid_contact .adress dt{color: #fff;line-height: 1.02em;}
.aid_contact .adress h4{font-weight: 600; font-size:32px;}
.aid_contact .adress dd,.aid_contact .adress dd a{color: #fff;line-height: 2.2em;cursor: default;}
.aid_contact .adress dd a:hover { color:#fff !important; cursor:default; }
.aid_contact .adress li{margin-right: 30px;}
.aid_contact .adress ul img,.aid_contact .adress ul span{display: block;}
.aid_contact .adress ul span{margin-top: 10px;color: #fff; text-align:center;}

/*aid_sitemap*/
.aid_sitemap{margin-bottom: 19px;}
.aid_sitemap ul{width: 100%;}
.aid_sitemap li:first-child{margin-top: 0;}
.aid_sitemap li:hover dt{background: #e60012;}
.aid_sitemap dt,.aid_sitemap dd{height: 100%;line-height: 1.95em;display: inline-block;}
.aid_sitemap dt{background: #005bac;text-align: left;text-indent: 24px;margin-right: 42px;transition:all .5s;}
.aid_sitemap dt a{color: #fff;width: 100%;height: 100%;display: block;}
.aid_sitemap dt a { color:#fff!important;}
.aid_sitemap dd a{color: #333}

#z1{ line-height:32px;}

.detial-cont-notabscont{ margin-bottom:20px; padding-top:10px;}
.prodDescriptContWrap{ border:1px solid #ddd;}
.prodDescript{ font-size:18px; font-weight:bold; background:#f1f1f1; padding:8px 15px;}
.prodDescriptCont{ padding:30px 15px; text-align:center;}
.prodDescriptCont img{ max-width:800px;}

.proneirong ul{margin-top: 20px;}
.proneirong ul li{ width: 29%; margin-left: 2%; margin-right: 2%; float: left; text-align: center; margin-bottom: 30px;}

.pro_tu{border: 1px #d5d5d5 solid; padding: 5px;}
.pro_tu img{width: 100%;}
.pro_tit{ margin-top: 10px;}
.pro_tit a{font-size: 16px;}


.about_nav{ margin:0 auto; width:100%; overflow:hidden; padding-bottom:10px; padding:15px 0px;}
.about_nav ul{display:flex; justify-content: center;}
.about_nav ul li{  height:38px; line-height:38px; text-align:center; color:#3e3a39; display:inline; margin:0px 1%;background:#364877; margin-bottom:5px; padding-left:20px;padding-right:20px;}
.about_nav ul li a{ color:#fff; font-size:18px;}
.navbar-default{ font-size:18px; line-height:50px; background-color:#f8f8f8; padding-left:15px; font-weight:600; border-color:#e7e7e7}
