@font-face {
	font-family:SangBleuOGSans-Light;
	src: url('../fonts/SangBleuOGSans-Light.woff2'); }
	
	
 @font-face {
	font-family:impact;
	src: url('../fonts/impact.ttf'); }
	
 @font-face {
	font-family:Barlow-Regular;
	src: url('../fonts/Barlow-Regular.ttf'); }	
		
	

.syba { width:100%; height:100vh !important;}

.div1440 {
    width: 94%; margin:auto;
}

.zd_index_1_mid { width:100%; display: flex; justify-content:space-between;}
.zd_index_1_mid_left{
float:left; width:49%; /*position:relative; overflow:hidden;*/}
.zd_index_1_mid_left img { width:100%;}
.zd_index_1_mid_left_mid{ overflow:hidden;
padding-right:0em; position:relative; padding-bottom:2em;}
.zd_index_1_mid_left_mid:before{
content:''; position:absolute; right:0; top:0em; width:100%; height:2em; background-color:#fff; z-index:0;
}
.zd_index_1_mid_left_mid:after{
content:''; position:absolute; left:0; top:0em; width:2em; height:100%; background-color:#fff; z-index:0;
}
.zd_index_1_mid_left_mid{
position:relative; z-index:10;}
.zd_index_1_mid_left_mid img{
z-index:10; width:100%; }
.zd_index_1_mid_bg{
position:absolute; right:0; top:0; background-position:center; background-repeat:no-repeat; background-size:cover; width:100%; height:100%; z-index:-1;}
.zd_index_1_mid_left_mid_img{
overflow:hidden; position:relative; z-index:10;}
.zd_index_1_mid_left_mid_img img{
width:100%;}
.zd_index_1_mid_right{ margin-top:0;
/*float:right;*/ width:46.68354430379747%;}
.biaoyu { text-align:right; margin-bottom:25px; width:100%; margin-top:0px; }
.biaoyu img { display:inline-block;  height:70px; width:auto;}
.zd_index_1_mid_right_1{
font-size:45px; font-family: "SangBleuOGSans-Light"; color:#000; }
.zd_index_1_mid_right_2{ margin-bottom:.5em;
font-size:2.25em; margin-top:.875em; color:#000; }
.zd_index_1_mid_right_3{ position:relative;
line-height:2; color:#666;margin-bottom:2.5em; font-size:17px; /*padding-right:13.125em;*/}
.zd_index_1_mid_right_4_more{ min-width:13.4375em; font-size:.875em;
display:inline-block; border-bottom:0px #000 solid;
background:#cd0f16; color:#fff; text-align:center; line-height:40px; font-family:AvenirLTStd-Light;
background-image: linear-gradient(to right, #cd0f16,#cd0f16);


}
.zd_index_1_mid_right_4_more span{
display:block; position:relative; font-family:SangBleuOGSans-Light; font-size:16px;}
.zd_index_1_mid_right_4_more span:before{
content:''; position:absolute; right:0; top:50%; width:11px; height:11px; margin-top:-5.5px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img4.png); display:none;}
.zd_index_1_mid_right_5{
overflow:hidden; margin-top:6.8125em;}
.zd_index_1_mid_right_5 img{
width:100%;}
.zd_index_1_mid_right_mid{
padding-left:1.25em; position:relative}
.zd_index_1{ padding-top:60px; background:url(../images/abg0.jpg) no-repeat  center center fixed; background-size: ; width:100%; padding-bottom:0px; clear:both;

}
.zd_index_1_mid_right_mid_title_mid{font-family: "Mona-Regular";
display:inline-block; position:relative; font-size:1.125em; padding-left:7.777777777777778em;}
.zd_index_1_mid_right_mid_title_mid span{
position:absolute; left:0; top:0;}
.zd_index_1_mid_right_mid_title_mid:before{
content:''; position:absolute; width:5.7em; height:1px; background-color:#000; left:1.5em; top:50%; margin-top:-.5px;}
.zd_index_1_mid_right_mid_title{
position:absolute; right:-8.4375em; top:35%;
transform:rotate(-90deg) translate(-100%);transform-origin:0 0; }





/* 公共按钮 */
.common-btn {
    padding: 0 35px;
    line-height: 60px;
    background: #cd0f16;
    color: #fff;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    position: relative; margin-top:40px; 
}

.common-btn span {
    position: relative;
    z-index: 3;
}

.common-btn i {
    line-height: 0;
    margin: 0;
    vertical-align: inherit;
}

.common-btn:after {
    content: "";
    position: absolute;
    left: 50%;
    right: 50%;
    top: 50%;
    bottom: 50%;
    background: rgba(255, 255, 255, 0.05);
    z-index: 1;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.common-btn:hover {
    color: #fff;
}

.common-btn:hover:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.r {
    float: right;
}
.l {
    float: left;
}


/* 公共标题 */
.sy_heise_bg { width:100%; background: url(../images/abg.jpg) no-repeat center top; height:210px; padding-top:70px;}
.common_infor {
    margin-bottom: 75px; width:100%; height:90px;
}

.common_infor .tit {
    color: #000;
    font-size: 32px;
    line-height:32px; font-weight:;
}
.common_infor .tit font{ font-size:20px;}
.common_infor .tit span {
    margin-top: 15px;
    display: block;
    font-weight: 400 !important;
    position: relative;
}

.common_infor .tit span::before {
    content: '';
    width: 130px;
    height: 3px;
    background: #cd0f16;
    position: absolute;
    bottom: -15px;
    left: 0;
}

.common_infor .tit span::after {
    content: '';
    width: 25px;
    height: 19px;
    background: url(../images/tit_tag.png) no-repeat center;
    position: absolute;
    bottom: 0; padding-left:25px;
    right: ;
}

.tit_1 { width:50%; text-align:left;}
.tit_1 h4 { font-weight:200; font-size:16px; color:#cd0f16; text-transform:uppercase; font-family:impact;}
.tit_1 h3 { font-size:38px; font-weight:900; color:#000; line-height:55px;} 



















.index-news-bottom {overflow: hidden;position: relative;}
.index-news-left {float: left;width: 32%;}
.index-news-item {position: relative;width: 100%;height: 100%;}
.index-news-item a{width: 100%;height: 100%;display: block;position: relative;background: #fff;overflow: hidden;}
.index-news-item .text {overflow: hidden;position: relative;margin: 5%;padding-bottom: 7%;}
.index-news-item .type-1 {color: #cd0f16;}
.index-news-item .date-1 {color: #999999;position: absolute;right: 0;top: 0;}
.index-news-item .title-6 {margin-top: 5%;}
.index-news-item .viewdetails-1 {margin-top: 15%;}
.index-news-item .img {background: none;}
.index-news-left .index-news-item a:hover .title-6,.index-news-left .index-news-item a:hover .viewdetails-1 span{color: #cd0f16;}
.index-news-left .index-news-item a:hover .img .pic {transform: scale(1.05);}
.index-news-center {width: 32%;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.index-news-center .index-news-item a {background: #cd0f16;color: #fff;}
.index-news-center .index-news-item a .type-1,.index-news-center .index-news-item a .date-1 {color: #fff;}
.index-news-center .index-news-item a .text-4,.index-news-center .index-news-item a .date-1,.index-news-center .index-news-item a .type-1 {opacity: .8;}
.index-news-center .index-news-item a .line-2::before{transition: all .4s ease;}
.index-news-center .index-news-item a:hover {background:rgba(205,15,22,.9);}
.index-news-center .index-news-item a:hover .line-2::before {width: 100%;}
.index-news-center .index-news-item a .text {height: 72%;margin: 14%;}
.index-news-center .index-news-item .viewdetails-1 {position: absolute;bottom: 0;}
.index-news-center .index-news-item .viewdetails-1 span {color: #fff;opacity: .8;}
.index-news-center .index-news-item .viewdetails-1 i {filter: invert(100%);}
.index-news-right {float: right;width: 32%;}
.index-news-right .index-news-item {margin-bottom: 7%;}
.index-news-right .index-news-item:last-child {margin-bottom: 0;}
.index-news-right .index-news-item .img {float: left;width: 50%;}
.index-news-right .index-news-item .text {float: right;width: 46%;padding: 3% 0 0 4%;margin: 0;}
.index-news-right .index-news-item .text .date-1 {position: relative;right: auto;top: auto;}
.index-news-right .index-news-item .text .title-6 {font-size: 16px;}
.index-news-right .index-news-item .viewdetails-1 span {font-size: 12px;}
.index-news-right .index-news-item a {background: none;}
.index-news-right .index-news-item a:hover .img .pic {transform: scale(1.05);}
.index-news-right .index-news-item a:hover .title-6 {color: #cd0f16;}







/* products */ 



.hxzc-products-services {position: relative;}
.products-services-main {text-align: center;position: absolute;width: 80%;left: 10%;top: 55%;transform: translateY(-50%);z-index: 10;overflow: hidden;}
.products-services-main .title-1 .txt-1 div {color: #fff;opacity: .2; font-size:25px; font-family:Barlow-Regular; font-weight:900;}
.products-services-nav {margin-top: 3%;overflow: hidden;}
.products-services-nav a {display: inline-block;vertical-align: middle;position: relative;width: 24%;background: rgba(0,0,0,.5); height:200px; margin:0px 10px;}
.products-services-nav i {display: block;position: relative;width: 40px;height: 40px;margin: auto auto 20px;}
.products-services-nav img {display: block;width: 100%;filter: invert(0); }
.products-services-nav span {color: #fff;font-weight: bold;margin-top: 8px;display: block;}
.products-services-nav .atop {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%; color:#fff;}
.products-services-nav a:hover {background: #cd0f16;}
.title-1 {text-align: center;}
.title-1 .txt-1{color: #dddddd;font-weight: bold;  }
.title-1 .txt-2{color: #fff;font-weight: 900; font-size:52px; font-style:italic; letter-spacing:5px;}
.title-1 .text-1{color: #999;margin-top: 2%; }
.title-1 .line-1 {margin: 2% 0;}
.title-1 .line-1 i {display: inline-block;width: 40px;height: 3px;background: #cd0f16;}
.title-1 .more-1 {margin-top: 3%;}
.img {
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #333;
}









/* footer */
.footer {position: ; width:100%; display:block; height:600px; clear: both; overflow: hidden;background: #3b3b3b;}
.footer-content {overflow: hidden;width: 78%;margin: auto;position: relative;color: #afafaf;}
.footer-content a {color: #afafaf;}
.footer-content-top {padding: 5% 0;overflow: hidden;background: url('../images/footer.png') 90% bottom no-repeat;}
.footer-nav {float: left;width: 65%;}
.footer-content-top ul {display: inline-block;vertical-align: top;}
.footer-content-top ul:last-child {margin-right: 0;}
.footer-content-top ul a.nav{overflow: hidden;display: block;padding-bottom: 20px;position: relative;margin-bottom: 20px;}
.footer-content-top ul a.nav::after {content: '';display: block;width: 30px;height: 2px;background: #fff;opacity: .2;position: absolute;bottom: 0;}
.footer-nav ul {margin: 0;padding: 0;list-style: none;margin-right:30px;}
.footer-nav ul li {list-style: none;margin: 0;padding: 2% 0;overflow: hidden;}
.footer-nav ul li a:hover {color: #fff;}
.footer-contact {text-align: right;float: right;width:30%;}
.footer-contact ul a.nav::after {right: 0;}
.footer-contact .contact-1{margin-top: 1%;overflow: hidden;margin-right: 0;}
.footer-contact .tel-1 {font-weight: bold;}
.footer-contact .text-1{margin-top: 5%;}
.footer-content-bottom {padding: 1.5% 0;overflow: hidden;border-top: 1px solid #4f4f4f;position: relative;}
.footer-content-bottom a {color: #afafaf;}
.footer-content-bottom a:hover {color: #fff;}
.footer-content-bottom .copy-1 {width: 50%;}
.footer-content-bottom .link-1 {position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 50%;text-align: right;}
.footer-content-bottom .link-1 a {margin-left: 10px;}
 
.aside-top {position: fixed; width: 50px;bottom:10%;right:1.5%; z-index:199;display: none;}
.aside-top a {width: 50px;height: 50px;display: block;overflow: hidden; background: #cd0f16;}
.aside-top a::after {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url('../images/r1.png') no-repeat center;transform: rotate(-90deg);}
.aside-top a:hover {background: #ecc47e;}



.sy_news { width:100%; background:#f4f4f4;}
a * {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}
.img img, .pic img {
    max-width: 100%;
    max-height: 100%; transition:all .4s;
    margin: auto;
    padding: 0;
    border: 0;
    width: 100%;
    height: auto;
    border: none;
}
.img-block {
    display: block;
    width: 100%;
    height: auto;
}
.pic {
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}




.date-1 {font-size: 12px;font-family: 'Montserrat-Light';}
.line-1 {width: 50px;height: 3px;margin: 20px 0;background: #fff;}
.line-2 {position: relative;width: 100%;height: 2px;margin: 30px 0;}
.line-2::before,.line-2::after {content: '';height: 2px;background: #fff;position: absolute;left: 0;top: 0;}
.line-2::before {background: #fff;width: 20%;z-index: 1;}
.line-2::after {background:rgba(100%,100%,100%,.5);width: 100%;}
.line-3 {width: 27px;height: 3px;margin: 30px auto;background: #48a635;}
.line-4 {width: 22px;height: 4px;margin: 20px 0;background: #ededed;}