@charset "utf-8";
/* CSS Document */
.nbanner ul li {
	height: 100%;
}
.nbanner {
	overflow: hidden;
}
.banner {
	overflow: hidden;
}
.nbanner ul li>div {
	display: block !important;
}
#pbtn {
	top: 100px;
	left: 100px
}
.banbot {
	width: 100%;
	height: 50px;
	bottom: 0;
	position:absolute;
}
.hm1, .hszhao, .hszhaoa, .nbanner, .nlogos {
	width: 100%;
	min-height: 100%;
	height: 100%
}
.nbanner {
	min-height: 480px;
}
.nbanner h2 {
	font-size: 38px;
	font-weight: normal
}
.nbanner h1 {
	font-size: 72px;
	font-weight:lighter
}
.nbanner h5 {
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	font-weight: normal
}
.hm1 {
	background: url(../images/banner1.gif) no-repeat center center;background-size:cover;
}
.hm2 {
	background: url(../images/banner2.jpg) no-repeat center center;background-size:cover;
}
.hm3 {
	background: url(../images/banner3.jpg) no-repeat center center;background-size:cover;
}
.hm1 img, .hm2 img, .hm3 img{width:100%;}
.alpha_bg {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	width: 50%;
	height: 885px;
	background: #121831;
}
.btz {
	position: absolute;
	z-index: 9999;
	width: 1200px;
	height: 67px;
	left: 50%;
	margin-left: -60px;
	text-align: center
}
.bt1, .bt2 {
	width: 40px;
	height: 3px;
	float: left;
	margin-right: 4px;
	font-size: 1;
}
.bt1 {
	background: #fff;
}
.bt2 {
	background: #043148;
}
.bt11 {
	font-size: 16px;
	margin-top: 15px
}
.bt12 {
	font-size: 12px;
	margin-top: 6px
}
.hm11 {
	position: absolute;
	left: 50%;
	margin-left: -600px;
	width: 1200px;
	height: 100%;
	top: 155px;
	text-align: center;
}


.hm2, .hm3, .hm4, .hm5 {
	width: 100%;
	min-height: 100%;
	height: 100%;
	display: none
}

.spck {
	position: fixed;
	width: 600px;
	height: 500px;
	bottom: 20px;
	right: 0;
	z-index: 1111
}
.gbsp {
	width: 20px;
	height: 20px;
	position: absolute;
	z-index: 1112;
	top: 14px;
	right: 10px;
	text-align: center;
	line-height: 20px
}
.gbsp a {
	color: #fff
}
.unline {font-weight:100;
	text-decoration: underline;
}
a.color_green {
	color: #043148
}
.marginleft40 {
	margin-left: 40px
}
.marginleft120 {
	margin-left: 120px
}
.margintop32 {
	margin-top: 32px
}
.margintop80 {
	margin-top: 80px
}
.margintop109 {
	margin-top: 109px
}
.margintop166 {
	margin-top: 166px
}
.margintop273 {
	margin-top: 273px
}
.margintop200 {
	margin-top: 200px
}
.margintop56 {
	margin-top:56px
}
.margintop27 {
	margin-top:27px
}
.main_f8 {
	background: #f8f8f8;
	width: 100%;
	overflow: hidden;
	padding:40px 0;
}
.main_fff {
	background: #fff;
	width: 100%;
	overflow: hidden
}
.title1, .title3 {
	color: #888;
	text-align: center;
}
.title1 {
	margin: 60px 0 10px 0;
}
.title2 {
	font-size: 28px;
	color: #424242;
	text-align: center;
	padding-bottom: 20px;
}
.tline {
	width: 65px;
	height: 1px;
	font-size: 1px;
	border-bottom: 1px solid #999;
	margin: 0 auto
}
.title3 {
	margin: 40px 0 60px 0;
}
.mdlist {
	margin: 10px auto 0;
}

.mditem {
	background:#fff;
	border-right: 1px solid #eee;
	float: left;
	height:250px;
	transition: all 0.8s ease 0s;
	width: 170px;
}
@media (max-width: 768px) {
.mditem {
	float:none;
	height:250px;
	transition: all 0.8s ease 0s;
	width: 170px;
	margin-left:auto;
	margin-right:auto;}
.mditem:hover{float:none;}
  }
.md0 {
	height: 68px;
	transform: matrix(1, 0, 0, 1, -170, 0);
	transition: all 0.8s ease 0s;
	width: 340px;
}

.md1 {
	height: 91px;
	transition: all 0.8s ease 0s;
	width: 340px;
}
.md2 {
	transform: matrix(1, 0, 0, 1, 0, 0);
	transition: all 0.8s ease 0s;
	width: 340px;
}
.mditem:hover {
	background: #043148;
	float: left;
	transition: color 0.8s ease 0s;
}
.mditem:hover .md0 {
	transform: matrix(1, 0, 0, 1, 0, 0);
	transition: all 0.8s ease 0s;
}
.mditem:hover .md1 {
	transform: matrix(1, 0, 0, 1, -170, 0);
	transition: all 0.8s ease 0s;
}
.mditem:hover .md2 {
	transform: matrix(1, 0, 0, 1, -179, 0);
	transition: all 0.8s ease 0s;
}
.mditem .mdimg1, .mditem .mdimg1a, .mditem .mdimg2, .mditem .mdimg2a, .mditem .mdimg3, .mditem .mdimg3a, .mditem .mdimg4, .mditem .mdimg4a, .mditem .mdimg5, .mditem .mdimg5a, .mditem .mdimg6, .mditem .mdimg6a, .mditem .mdimg7, .mditem .mdimg7a {
	float: left;
	height: 91px;
	width: 170px;
}
.mditem .mdimg1 {
	background: url(../images/index_icon00.png) no-repeat scroll center center;
}
.mditem .mdimg2 {
	background:url(../images/index_icon01.png) no-repeat scroll center center;
}
.mditem .mdimg3 {
	background:url(../images/index_icon02.png) no-repeat scroll center center;
}
.mditem .mdimg4 {
	background:url(../images/index_icon03.png) no-repeat scroll center center;
}
.mditem .mdimg5 {
	background:url(../images/index_icon04.png) no-repeat scroll center center;
}
.mditem .mdimg6 {
	background:url(../images/index_icon05.png) no-repeat scroll center center;
}
.mditem .mdimg7 {
	background:url(../images/index_icon06.png) no-repeat scroll center center;
}
.mditem .mdimg1a {
	background: url(../images/index_icon0.png) no-repeat scroll center center;
}
.mditem .mdimg2a {
	background:url(../images/index_icon1.png) no-repeat scroll center center;
}
.mditem .mdimg3a {
	background: url(../images/index_icon2.png) no-repeat scroll center center;
}
.mditem .mdimg4a {
	background:url(../images/index_icon3.png) no-repeat scroll center center;
}
.mditem .mdimg5a {
	background:url(../images/index_icon4.png) no-repeat scroll center center;
}
.mditem .mdimg6a {
	background:url(../images/index_icon5.png) no-repeat scroll center center;
}
.mditem .mdimg7a {
	background:url(../images/index_icon6.png) no-repeat scroll center center;
}
.mditem .mcon, .mditem .mcona {
	float: left;
	font-size: 15px;
	line-height: 22px;
	margin:30px 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all 0.8s ease 0s;
	width: 130px;
text-align:center;
}
.mditem .mcon .btn {
	display: block;
	float: left;
	width: 80px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #fff;
	border-radius: 25px;
	background:#c6c6c6;
	margin: 25px 0 0 40px;
	transition: all 0.8s ease 0s;
}
.mditem .mcona {
	color: #fff;
}

.mditem:hover .mdit,.mditem:hover .mdimg1,.mditem:hover .mdimg2,.mditem:hover .mdimg3,
.mditem:hover .mcon,.mditem:hover .mdimg4,.mditem:hover .mdimg5,.mditem:hover .mdimg6{display:none\9\0}


.md0, .mditem:hover .md0 {
    transition: all 0.8s ease 0s;
}
.md0, .mditem:hover .md0 .mdita,.md0, .mditem:hover .md0 .mdit {
    color:#fff;
}
.mditem .md0 .mdit, .mditem .md0 .mdita {
	float: left;
	font-size: 16px;
	height: 68px;
	line-height: 66px;
	text-align: center;
	width: 170px;
}
.mditem .md0 .mdit {
	color: #666;
	transition: color 0.8s ease 0s;
}
.mditem .md0 .mdita {
	color: #666;
	transition: color 0.8s ease 0s;
}
.mditem .btn {
	background: #c7c6c6 none repeat scroll 0 0;
	border-radius: 15px;
	color: #fff;
	display: block;
	font-size: 13px;
	height: 24px;
	line-height: 24px;
	margin: 0 auto;
	text-align: center;
	transition: background 0.5s ease 0s;
	width: 80px;
}

.main_f8, .main_fff, .mditem {
	overflow: hidden;
}
.product {
	position: relative;
	height: auto;
	overflow: hidden;
}
.product img {
	height: auto;
	transition: all 2s ease 0s;
	width: 100%;
}
.product:hover img {
	transform: matrix(1.2, 0, 0, 1.2, 0, 0);
	transition: all 2s ease 0s;
}
.product001 {
	position: relative;
	min-height:600px;
}

.product1t1 {
	font-size: 20px;
	margin-bottom: 5px;
}
.product1t2 {
}
.product_btn1, .product_btn2 {
	position: absolute;
	bottom: 33px;
	border: 1px solid #fff;
	border-radius: 16px;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	margin-top: 10px;
	text-align: center;
	width: 135px;
}
.product_btn1 {
	right: 52px;
}
.product_btn2 {
	left: 52px;
}
.product_btn1 a, .product_btn2 a {
	color: #fff
}
.product_text1 {
	color: #fff;
	position: absolute;
	top: 10%;
	right: 10%;
	width: 140px;
	text-align: center;
	z-index: 100;
}
.product_text2 {
	color: #fff;
	position: absolute;
	top: 10%;
	left: 10%;
	width: 140px;
	text-align: center;
	z-index: 100;
}
.product_text_img1 {
	width: 140px;
	height: 66px;
	background: url(../images/h1_1.png) center 0 no-repeat
}
.product_text_img2 {
	width: 140px;
	height: 62px;
	background: url(../images/h2_2.png) center center no-repeat
}
.product_text_img3 {
	width: 140px;
	height: 62px;
	background: url(../images/h3_3.png) center center no-repeat
}
.product_text_img4 {
	width: 140px;
	height: 62px;
	background: url(../images/h4_4.png) center center no-repeat
}
.service_bg {
	background: url(../images/service_bg.jpg) top center
}
.service_con {padding:20px 0;}
.service_icon1, .service_icon2, .service_icon3, .service_icon4, .service_icon5, .service_icon6 {
	width: 64%;
	color: #fff;
	margin:30px auto 0 auto;
	font-size:18px;
}
.service_icon4{margin-bottom:70px;}
.case_bg {
	border-top: 1px solid #ddd;
	padding-top: 5px
}

.case_bg ul li .cont {
	border: 15px solid #fff;
	display: block;
	overflow: hidden;
	transition: all 0.5s ease 0s;
}
.case_bg ul li .cont > div {
	overflow: hidden;
}
.case_bg ul li .cont img {
	display: block;
	height: 200px;
	margin: 0;
	width: 100%;
	transition: all 0.5s ease 0s;
}
.case_bg ul li .cont .title {
	background: url(../images/ico-1.png) no-repeat 95% 95%;
	display: block;
	font-size: 12px;
	margin: 0;
	padding: 25px 20px;
}
.case_bg ul li .cont .title-en {
	color: #666;
	font-size: 18px;
	padding: 10px 0;
	text-transform: uppercase;
	transition: all 0.5s ease 0s;
}
.case_bg ul li .cont .text {
	color: #ababab;
	font-size:13px;
	line-height: 26px;
	padding-top: 20px;
	transition: all 0.5s ease 0s;
}
/*
.case_bg ul li .cont:hover .title {
	background: #043148 url(../images/ico-2.png) no-repeat 95% 95%;
	color: #fff;
}
.case_bg ul li .cont:hover img {
	transform: scale(1.05, 1.05);
	transform-origin: center center 0;
}
.case_bg ul li .cont:hover .title-en {
	color: #fff;
}
.case_bg ul li .cont:hover .text {
	color: #fff;
}
*/
.frend {
	margin: 0 auto;
	text-align: center
}
.frend li {height:67px;}
.frend li div {
	border: 10px solid transparent;
}
.frend li img {
	max-width: 120px;
	opacity: 1;
	width: 100%;
	transition: all 0.5s ease 0s;
}
.frend li:hover img {
	max-width: 90%;
	width: 100%;
}
.time_bg {width:90%;margin:0 auto;color: #fff;}
#wrap {width:100%;margin:20px auto;text-align: left;overflow: hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
section {display: block;clear: left;position: relative;width: 100%;}
h1.jumbo {font-size: 70px;margin: 0;margin-top:10px;text-align:center}
#wrap p{font-size:18px;text-align:center;margin:10px;display: block}
.main_red{background:url(../images/time_bg.jpg) center center no-repeat;width:100%;background-size:cover;padding:60px 30px;}
.banner-body-bg {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height:400px;
    background-image: url(../images/bluesteel-angled.png);
    background-position: right top;
    background-repeat: no-repeat;
    color:#fff;
}
.banner-body-bg2 {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    height:400px;
    background-image: url(../images/bluesteel-angled.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    color:#fff;
}
body { padding-top:72px; }
.qwqw{margin-bottom:20px}
.color043148{color:#043148}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{display: block;
                                                                                                                        width: 100%;
                                                                                                                       }
.text-more{float:right;color:#999;font-size:12px;line-height:26px}

.position_rela{position:relative}
.padding90{padding:40px 150px 40px 40px;}
.padding900{padding:40px 40px 40px 150px;}
.redbg{background:url(../images/red-steel.jpg);background-size:cover;}
.hei400{height:400px}
.redbg img{margin-bottom:10px}
.ttt img{
  width:1920px;
  margin:0 calc(50% - 960px);
}

.blueback{background:url(../images/addbg.jpg) center center;background-size:cover;}
.ziliao-bg {
    background:#043148;
    color: #fff;
    padding:40px;
    min-width:600px;
    min-height:600px;
}
.padding0{padding-left:0;paddig-right:0}
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
}
.clearfix {
  zoom: 1;
}
.w780{width: 720px;margin:0 auto;text-align:center;line-height:30px;margin-top: 25px;}
.lunbotext{display:block;font-weight:bold;font-size:50px;color:#fff;letter-spacing:5px;}
@media (max-width: 768px) {

.md0, .mditem:hover .md0 {
    transition: all 0.8s ease 0s;
}
.md0, .mditem:hover .md0 .mdita,.md0, .mditem:hover .md0 .mdit {
    color:#fff;
}
.mditem:hover {
	background: #043148;
	float: none;
	transition: color 0.8s ease 0s;
	color:#fff;
}
.mditem:hover .md0 {
	transform: matrix(1, 0, 0, 1, 0, 0);
	transition: all 0.8s ease 0s;
}
.mditem:hover .md1 {
	transform: matrix(1, 0, 0, 1,0, 0);
	transition: all 0.8s ease 0s;
}
.mditem:hover .md2 {
	transform: matrix(1, 0, 0, 1, 0, 0);
	transition: all 0.8s ease 0s;
}
.banner-body-bg{height:auto;position:relative;background-position:center top;}
.banner-body-bg2{height:auto;position:relative;background-position:center top;}
.padding90{padding:40px}
.padding900{padding:40px}
.hei400{height:auto;}
.w780{width:90%;margin:0 auto;text-align:center;line-height:30px}
.lunbotext{display:block;font-weight:bold;font-size:20px;color:#fff;letter-spacing:5px;}
  }
.line{}
.enbian{height:22px;line-height:22px!important;display:block;border-left:1px solid #ddd;border-right:1px solid #ddd;width: 60px;

text-align: center;}
.twomain{margin:60px 0;background:#f7f7f7}

.maincon{font-size:16px;text-align:left;}
.maincon0{font-size:16px;text-align:left;}
.maincon0 p{text-indent:2em;}
.datitle{font-size:28px;margin-bottom: -40px;}
.xiaotitle{color:#666}
/*
.vc_custom_1534859615099 {
    margin-bottom: 0px !important;
    border-top-width: 1px !important;
    border-right-width: 1px !important;
    border-bottom-width: 1px !important;
    border-left-width: 1px !important;
    padding-top: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 20px !important;
    border-left-color: #d2d2d2 !important;
    border-left-style: solid !important;
    border-right-color: #d2d2d2 !important;
    border-right-style: solid !important;
    border-top-color: #d2d2d2 !important;
    border-top-style: solid !important;
    border-bottom-color: #d2d2d2 !important;
    border-bottom-style: solid !important;
}*/
.feature-box-5 {
    padding-left: 20px;height: 70px;
}
.position-relative {
    position: relative !important;
}
.services-boxes img {
    width: 80px;
    top: -16px;
    left: -6px;
}
.services-boxes img {
    position: absolute;
}
    

.text-extra-dark-gray {
    margin-bottom: 15px;
    margin-top: 15px;
	font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    color: #6f6f6f;
}
.featurebox5-1 .feature-title-link {
    color: #6f6f6f;
}
.text-extra-dark-gray {
    margin-bottom: 15px;
    margin-top: 15px;
}
.feature-content{float:left}
.icon-image{float:left;margin-left:30px}
.mgn20{margin-bottom:40px}
.zil{font-size:16px;font-weight:bold;text-align:center;margin-bottom:20px!important}
.midd{margin:0 auto; display:block}    
.contact-details-box h6 {
    font-size: 20px;
    font-weight: 600;
}
.margin-10px-bottom {
    margin-bottom: 10px;
}
.vc_sep_width_20 {
    width: 20%;
}
 .vc_sep_holder_l {
    width: 100%;
}
.vc_sep_holder {
    height: 1px;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 10%;
}
 .vc_sep_line {
    border-top-width: 3px;
}
 .vc_sep_line {
    height: 1px;
    border-top: 1px solid #ebebeb;
        border-top-color: rgb(235, 235, 235);
        border-top-width: 1px;
    display: block;
    position: relative;
    top: 1px;
    width: 100%;
}
.margin-25px-bottom {
    margin-bottom: 25px;
}
.display-inline-block {
    display: inline-block !important;
}
.contact-details-box p {
    color: #2a2a2a;line-height: 29px;font-weight: 300;
    font-size: 18px;
    color: #232323;
	margin-bottom:20px;
}

.wpb_wrapper{margin:15px;border:1px solid #ddd;padding:25px}
h6{font-size:20px}
.featurebox21{font-size:15px;line-height:24px}

.zhe .figcaption0{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 0;
    width: 100%;
	background:url(../images/hei.png); transition: all 0.2s linear 0s;
}
.zhe:hover .figcaption0{height: 100%;}
.zhe .figcaption0 h6 {
    opacity: 0;
    margin-bottom: 0;
    height: 40px;
    color: #fff !important;
    text-align: center;
    font-size: 16px;
    font-weight: 800;
    line-height: 20px;
    font-family: Montserrat transition: all 0.2s linear 0s;
	
}
.zhe .figcaption0 p {
	opacity: 0;
    color: #fff !important;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px; transition: all 0.2s linear 0s;
	text-align:left;
}
.zhe .heng{width:50%;border-bottom:1px solid #f27022;font-size:1px;line-height:1px;height:1px;margin:0 auto 10px;opacity: 0}
.zhe:hover .figcaption0  h6{opacity: 1;}
.zhe:hover .figcaption0  p{opacity: 1;}
.zhe:hover .figcaption0  .heng{opacity: 1;}
.height-100 {
    height: 100% !important;
}
.width-100 {
    width: 100%;
}
.display-table {
    display: table !important;
}
.vertical-align-middle {
    vertical-align: middle;
}
.display-table-cell {
    display: table-cell !important;
}
.center-col {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.text-medium-gray {
color: #939393;}

.hm-figure-container {
    padding: 0 20px;}

.last-paragraph-no-margin p:last-of-type {
    margin-bottom: 0;   
}
.morenews{display:block;width:250px;height:44px;background: #f5f5f5 url(../images/jianbg2.png) right center no-repeat;text-align:center;line-height:44px;font-size:16px;margin: 0 auto 30px;text-transform:Uppercase;border: 1px solid #3b3b3b;border-radius:4px;color: #3b3b3b;}
.morenews:hover{background:#3b3b3b url(../images/jianbg.png) right center no-repeat;color:#fff!important}
.wenhua1{width:100%;height:300px;border:1px solid #ddd;padding:30px 30px 30px 252px;background:url(../images/values01.jpg) left center no-repeat;margin-bottom:30px;}
.wenhua2{width:100%;height:300px;border:1px solid #ddd;padding:30px 30px 30px 252px;background:url(../images/values02.jpg) left center no-repeat;margin-bottom:30px;}
.wenhua3{width:100%;height:300px;border:1px solid #ddd;padding:30px 30px 30px 252px;background:url(../images/values03.jpg) left center no-repeat;margin-bottom:30px;}
.wenhua4{width:100%;height:300px;border:1px solid #ddd;padding:30px 30px 30px 252px;background:url(../images/values04.jpg) left center no-repeat;margin-bottom:30px;}
.ganimg{display:block;margin:0 auto;width:100%;max-width:1440px ;}
.product1 {
    position: relative;
    height: auto;
    overflow: hidden;
}
.product1 img {
    height: auto;    width: 100%;
}
.daodu{background:#f3f3f3;padding:15px 30px;display:block;border:1px solid #eee;line-height:22px;color:#666}
.newscon{line-height:28px;width:90%;margin-left:auto;margin-right:auto;font-size:16px;}
.newscon img{margin:30px auto;display:block;max-width:100%}
.newscon p{text-indent:2em;margin-bottom:20px}
.page_list a{display:inline-block;padding:0 8px;border:1px solid #ddd;margin:2px;background:#fff}
.page_list a.on{background:#eee;}
.icon-image1 {
    float: left;
    margin-left: 0px;
}