@charset "utf-8";
html,body {
	height:100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,video,source,th,td,p,blockquote,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	margin:0px;
	padding:0px;
	outline:medium
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}
audio,canvas,video {
	display:inline-block;
	*display:inline;
	*zoom:1;
}
body {
	font:normal 12px Arial,'\5FAE\8F6F\96C5\9ED1';
	line-height: 1.42857;
	background-color:#FFF;
    color: #333;
	overflow-x:hidden;
}
input,select,textarea,button {
	font-size:100%;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
img{
	max-width:100%;
	border:0;
	vertical-align:middle;
	-ms-interpolation-mode:bicubic;
	image-rendering:optimizeQuality;
	-webkit-transform:scale(1) rotate(0) translate3d(0,0,0);
	transform:scale(1) rotate(0) translate3d(0,0,0);
}
li {
	list-style:none;
	*margin-left:-1px
}
::-moz-placeholder{color:#999;opacity:1}
:-ms-input-placeholder{color:#999}
::-webkit-input-placeholder{color:#999}

::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #535353;
}
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background   : #ededed;
}

input,button{
	text-indent: 0;
	border-radius: 0;
    border: 0 none;
    resize:none; 
    outline:none;  /*清除选中效果的默认蓝色边框 */
    -webkit-appearance:none;  /*清除浏览器默认的样式 */
    line-height: normal;
} 
input:focus, textarea:focus {outline: none;}

a:link,a:visited {text-decoration:none;color:#333}
a:hover {text-decoration:none;color:#E70012}

.header{padding-top:16px;padding-bottom:16px}
.banner{position:relative;overflow:hidden}
.banner-txt{
	position:absolute;
	z-index:9999;
	left:50%;
	top:50%;
	width:100%;
	transform:translate(-50%,-50%);
	text-align:center
}
.logo{
	width:250px;
	height:72px;
	text-align:center;
	display:inline-block
}
.logo img{display:inline-block}
.company{
	font-size:36px;
	color:#000
}
.company span{
	color:#E70012
}
.slogan{
	margin-top:132px;
	position:relative;
}
.slogan-bg{
	position:relative;
	z-index:1;
	background:url(../images/tm_03_j4vz.png) center top no-repeat;
	height:50px
}
.slogan-title{
	position:relative;
	z-index:2;
	margin-top:-50px;
	text-align:center;
	font-size:36px;
	color:#E70012;
}
.slogan-content{
	position:relative;
	z-index:2;
	margin-top:20px;
	font-size:48px;font-family:Times New Roman;color:#FFF;
	font-weight:bold
}
.slogan-content-shadow{
	position:relative;
	z-index:1;
	margin-top:-136px;
	font-size:48px;font-family:Times New Roman;color:#000;
	font-weight:bold;
	margin-left:3px
}
.footer{
	-moz-box-shadow:0px -3px 5px #333333;
	-webkit-box-shadow:0px -3px 5px #333333;
	box-shadow:0px -3px 5px #333333;
	background-color:#000;
	height:110px;
	margin-top:3px
}

.container{
	width:1230px;
	margin:0 auto;
	position:relative
}
.about-container{
	width:1400px;
	margin:0 auto;
	position:relative
}


.footer-left{float:left;width:285px;text-align:right;color:#575757;padding-top:10px;position:relative}
.ft-logo img{margin-bottom:5px;}

a.home:link,a.home:visited {display:inline-block;width:72px;height:22px;border-radius:3px;border:1px solid #E70012;margin-bottom:5px;text-align:center;color:#E70012;line-height:22px}
a.home:hover {text-decoration:none;border:1px solid #FFF;color:#FFF;}

.footer-nav{position:relative;float:left;width:600px;margin:0 20px;display:flex;justify-content:space-between;background:url(../images/xt_03_ugcm.png) no-repeat right center;}
.footer-nav a{display:inline-block;height:101px;line-height:101px;width:93.33px;background:url(../images/xt_03_ugcm.png) no-repeat left center;text-align:center;color:#FFF}
.footer-nav a:hover{background:url(../images/xta_03_5el0.png) no-repeat left center;color:#E70012;}
.ov{background:url(../images/xta_03_5el0.png) no-repeat left center !important;color:#E70012 !important}
.footer-nav .line{ width:597px;border-bottom:1px solid #8CA1A9; position:absolute; z-index:9px;top:100px;left:2px;height:1px}
.footer-right{float:left;width:275px}
.footer-tel{margin-top:15px;margin-bottom:20px;background:url(../images/tel_03_16oi.png) no-repeat left center;height:30px;color:#E70012;padding-left:40px}
.footer-tel span{font-size:22px;font-style:italic}
.footer-link{margin-top:10px}
.footer-link>ul{display:flex;justify-content:space-around;align-items:center}
.footer-link>ul>li{position:relative;z-index:8;width:25%;text-align:center}
.footer-link>ul>li>ul{display:none}
.footer-link>ul>li:hover ul{display:block;position:absolute;z-index:9;top:-95px;left:3px;width:60px}
.footer-link>ul>li>ul>li{font-size:12px;text-align:center;color:#FFF;line-height:120%}

.bg{
	background:url(../images/db_01_1nnu.jpg) no-repeat center center;
	height:809px;
}
.main{
	padding-top:47px
}
.line{height:20px;background-color:#DFECFC;}
.line-bg{width:86%;background: linear-gradient(to right, #E70012, #DFECFC);height:20px}
.main-top{
	height:58px;
	padding:0px 16px;
	background-color:#DFECFC;
	display:flex;
	justify-content:space-between;
	align-items:center
}
.title{
	display:flex;
	align-items:center
}
.title h3{
	color:#333;
	font-size:20px;
	float:left;
}
.title span{
	display:inline-block;
	float:left;
	font-size:14px;
	margin-left:6px;
	color:#999;
	border-bottom:1px solid #999;
	padding-right:15px;
}
.location{
	color:#333
}
.location a{
	color:#333
}
.scroll{position:relative;height:150px;margin-bottom:10px;overflow:hidden}
.scroll-list{width:100%;height:150px;overflow:hidden}
.scroll-list ul{float:left}
.scroll-list ul li{
	float:left;
	display:inline;
	margin-right:20px;
	text-align:center;
	-moz-box-shadow:0px 0px 10px #D2D2D2;
    -webkit-box-shadow:0px 0px 10px #D2D2D2;
    box-shadow:0px 0px 10px #D2D2D2;
}
.scroll-list ul li img{height:150px;}
#marquee1_1,#marquee1_2{
	display: flex;
	justify-content: center;
	align-items: center;
}
.about-company{
	background-color:rgba(255,255,255,0.95);
	font-size:16px;
	padding:20px 40px;
	height:538px;
	line-height:180%
}
.about-title{
	text-align:center
}
.about-title h3{
	font-size:32px;
	color:#E70012;
	font-weight:normal
}
.about-title .about-line{
	margin-top:15px;
	padding:5px 0;
	border-top:1px solid #E70012;
	border-bottom:1px solid #E70012;
	color:#E70012;
	font-size:16px
}
.about-title2{
	margin-left:40%;
	width:780px;
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:center;
	color:#E70012
}
.about-title2 .a-left{
	font-size:100px;
	width:70px;
	font-style:italic
}
.about-title2 .a-column{
	width:560px;
	padding-top:20px;
}
.about-title2 .a-column h3{
	display:block;
	font-size:24px;
	font-weight:normal;
	border-bottom:1px dashed #E70012;
	line-height:100%;
}
.about-title2 .a-column span{
	font-size:22px;
	line-height:100%;
	font-style:italic;
	font-family:"Times New Roman", Times, serif
}
.about-title2 .a-logo{
	padding-top:20px;
	width:188px
}


.title2{
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:center;
	color:#E70012;
	height:55px;
	padding:23px 30px 0 20px;
	background-color:rgba(255,255,255,0.95);
}
.title2 .a-left{
	font-size:80px;
	width:70px;
	line-height:58px;
	font-style:italic
}
.title2 .a-column{
	flex:1;
	padding-top:16px;
}
.title2 .a-column h3{
	display:block;
	font-size:24px;
	font-weight:normal;
	border-bottom:1px dashed #E70012;
	line-height:100%;
}
.title2 .a-column span{
	font-size:22px;
	line-height:100%;
	font-style:italic;
	font-family:"Times New Roman", Times, serif
}
.title2 .a-logo{
	padding-top:20px;
	width:188px
}


.about-content{
	padding-top:20px;
	font-size:12px
}
/*.ewm{float:right;width:230px;display:flex;display:flex;justify-content:space-around;text-align:center}*/
.ewm1{
	position:absolute;
	left:70px;
	top:0;
	text-align:center;
	display:flex;justify-content:space-between;;align-items:center
}
.ewm1 span{
	display:block;
	width:14px;
	padding-left:5px;
	line-height:130%
}
.ewm2{
	position:absolute;
	right:70px;
	top:0px;
	text-align:center;
	display:flex;justify-content:space-between;align-items:center
}
.ewm2 span{
	display:block;
	width:14px;
	padding-left:5px;
	line-height:100%
}
.a-l{
	position:absolute;
	left:170px;
	top:330px;
	border:1px solid #E70012;
	width:700px;
	height:345px;
	z-index:1
}
.about-left{
	float:left;
	width:450px;
	margin-right:50px;
	position:relative;
	margin-top:-70px;
	z-index:2
}
.about-pic{
	padding-top:200px
}
.about-pic img{
	max-width:100%;
	padding:3px;
	border:1px solid #E70012;
}
.about-text{
	position:relative;
	float:right;
	width:820px;
	background-color:#DFECFC;
	color:#333;
	padding:10px 20px;
	box-sizing:border-box;
	z-index:3;
	font-size:16px;
	min-height:438px;
}
.content{
	background-color:rgba(255,255,255,0.95);
	font-size:14px;
	padding:0 20px;
	height:660px;
	box-sizing:border-box;
	overflow-x:hidden;
	overflow-y:auto;
}
.content p{
	font-size:18px;
	line-height:160%
}
.culture-content{
	background-color:rgba(255,255,255,0.95);
	font-size:14px;
	padding:0 20px;
	height:738px;
	box-sizing:border-box;
	display:flex;
	justify-content:space-between;
}
.culture-left{
	width:455px;
	position:relative
}
.culture-frame{
	position:absolute;
	top:40px;
	left:20px;
	border:2px solid #E70012;
	width:351px;
	height:550px;
	z-index:1
}
.culture-pic{
	position:absolute;
	top:80px;
	left:60px;
	width:351px;
	height:600px;
	z-index:2
}
.culture-right{
	flex:1;
	padding-right:20px
}
.culture-title{
	display:flex;
	justify-content:space-between;
	align-items:center;
	color:#E70012;
}
.culture-title .c-left{
	font-size:86px;
	width:70px;
	font-style:italic
}
.culture-title .c-column{
	flex:1
}
.culture-title .c-column h3{
	display:block;
	font-size:24px;
	font-weight:normal;
	border-bottom:1px dashed #E70012;
	line-height:100%;
}
.culture-title .c-column span{
	font-size:22px;
	line-height:100%;
	font-style:italic;
	font-family:"Times New Roman", Times, serif
}
.culture-txt{
	background-color:#ECEDE5;
	padding:10px 50px;
	box-sizing:border-box;
	z-index:3;
	font-size:18px;
	line-height:140%;
	color:#444;
	min-height:560px;
}
.culture-title .c-logo{
	width:188px
}

.wbg{background-color:rgba(255,255,255,1);}
.prolist{
	background-color:rgba(255,255,255,1);
	font-size:14px;
	padding:20px;
	height:660px;
	box-sizing:border-box;
	overflow-x:hidden;
	overflow-y:auto;
}
.pro-content{
	background-color:rgba(255,255,255,1);
	font-size:14px;
	padding:0 20px 40px 20px;
	height:660px;
	box-sizing:border-box;
	overflow-x:hidden;
	overflow-y:auto;
}
.pro-content2{
	background-color:rgba(255,255,255,0.95);
	font-size:14px;
	padding:20px;
	height:660px;
	box-sizing:border-box;
	overflow-x:hidden;
	overflow-y:auto;
}

.produce{
	display:flex;
	flex-wrap:wrap
}
.produce .item{
	width:33.3333%;
	padding:10px;
	box-sizing:border-box
}


.culture-bg{background:url(../images/企业文化.jpg) no-repeat 0 0;height:541px;padding-top:210px;padding-left:350px;box-sizing:border-box}
/*.culture-dec{font-size:18px;line-height:200%;color:#888888;background-color:#FFF;border:1px solid #B5B3B4;padding:60px;-moz-box-shadow:-5px 5px 5px #999; -webkit-box-shadow:-5px 5px 5px #999; box-shadow:-5px 5px 5px #999;}*/
.culture-dec{font-size:20px;line-height:160%;padding:60px}

.contact{
	display:flex;
	justify-content:space-around;
	margin:20px 0
}
.contact li{
	width:25%;
	text-align:center;
}
.contact li p{
	line-height:120%
}
.main-map{height:450px;}

.product-type{position:absolute;width: calc(100% - 200px);left:150px;bottom:0}
.product-type ul li{
	float:left;
	width:20%
}
.product-type ul li a:link,.product-type ul li a:visited{float:left;width:100%;height:35px;line-height:35px;color:#fff;font-size:14px;text-decoration:none;text-align:center;background: rgba(0, 0, 0, 1);}
.product-type ul li:hover a,.product-type ul li a:hover{color:#fff;background:rgba(0, 0, 0, 1)}
.nv{color:#fff !important;background-color:#E70012 !important}

.products{text-align:center}

.equipment{padding:20px 0; overflow:hidden}
#equipment{
	position:relative;
	padding-top:20px
}
.grid{
	display:inline-block;
	margin:11px;
	min-height:100px;
	box-sizing:border-box;
	background:#fff;
	text-align:center;
	font-size:14px;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
}
.grid img{max-width:100%}
.mask h4{
	padding:7px;
	font-size:14px;
	font-weight:100
}

.news-list{
	margin-top:20px
}
.news-list li{float:left;width:32%;margin-right:2%;margin-bottom:2%;border-bottom:1px solid #dedede;padding-bottom:5px;}
.news-list li:nth-child(3n+0){margin-right:0}
.news-list li img{
	display:block;
	max-width:100%
}
.news-pic{
	height:236px;
	overflow:hidden
}
.news-title{margin:7px 0;display:flex;justify-content:space-between;align-items:center}
.news-title h3{
	font-size:18px
}
.news-title span{
	font-size:12px;
	color:#999
}
.news-content{
	line-height:160%;
	font-size:12px;
	color:#666
}
.news-more{text-align:right}

.news-title{font-size:14px;font-family:"\5FAE\8F6F\96C5\9ED1"}
.news-date{color:#A4A4A4}

.product-bottom{
	position:absolute;
	width:100%;
	left:0;
	bottom:0;
	height:35px;
	line-height:35px;
	background-color:#000000
}
.product-bottom .all{
	float:left;
	width:150px;
	text-align:center
}
.product-bottom .all a{
	color:#FFF
}
.product-bottom .search{
	float:right;
	width:50px;
	text-align:center
}

.bottom-search {
    display: block;
    width: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    bottom: 35px;
    display: none;
    z-index: 9999999;
    background: #fafafa;
    border-radius: 0;
    box-shadow: 0px 5px 15px 2px rgb(0 0 0 / 10%);
}
.bottom-search .input-group {
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
    padding-right: 50px;
    background: #fff;
    width: 100%;
    border-radius: 0;
	box-sizing:border-box
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.bottom-search h4 {
    font-size: 18px;
    text-align: center;
    color: #333;
    margin: 15px 0;
    text-transform: capitalize;
}
.header_search {
    position: relative;
}
.bottom-search .form-control {
    box-shadow: none;
    border: none;
    border-radius: 0;
    border: 2px solid #e5e5e5;
    background: #fff;
    color: #808080;
    height: 50px;
    line-height: 50px;
    padding: 0 50px 0 20px;
    text-align: left;
    font-size: 14px;
    border-radius: 0;
    font-family: 'poppins';
    background: #fff;
	box-sizing:border-box
}
.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.btn_search1 {
    background: #E70012 url(../images/search.png) no-repeat center center;
    top: 2px;
    height: 46px;
    position: absolute;
    right: 2px;
    width: 46px;
    border-radius: 0;
    z-index: 3;
}
.input-group {
    border-collapse: separate;
}
.bottom-search .input-group-addon.close-search {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 0;
    top: 10px;
    width: 40px;
    height: 50px;
    border-radius: 0;
}
.bottom-search .input-group-addon.close-search {
    cursor: pointer;
}
.bottom-search .input-group-addon {
    background-color: transparent;
    border: none;
    color: #666;
    padding-left: 0;
    padding-right: 0;
}
.input-group-addon:last-child {
    border-left: 0;
}
.bottom-search .input-group-addon i {
    width: 20px;
    height: 20px;
    display: flex;
    position: absolute;
    right: 20px;
    top: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.bottom-search .input-group-addon i:before {
    transform: rotate(45deg) translate(4px,0px);
    -webkit-transform: rotate(45deg) translate(4px,0px);
}
.bottom-search .input-group-addon i:after {
    transform: rotate(-45deg) translate(4px,0px);
    -webkit-transform: rotate(-45deg) translate(4px,0px);
}

.bottom-search .input-group-addon i:before, .bottom-search .input-group-addon i:after {
    content: '';
    display: inline-block;
    background: #999;
    width: 20px;
    height: 2px;
    margin: 2px 0;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.PageNo{margin:10px auto;text-align:center;padding-top:20px;padding-bottom:20px;font-size:12px}
.PageNo a{font-weight:100;margin:2px;border:1px solid #999;padding:5px;color:#444;text-decoration:none;}
.PageNo .PV{color:#FFFFFF;background-color:#E70012}
.PageNo span{margin:2px;padding:5px;border:1px solid #999;font-weight:100;color:#999;}
.clearfix {
	zoom:1
}
.clearfix:after {
	content:"\0020";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
.clear{height:74px;clear:both;overflow:hidden}
.footer_contact {-webkit-transform:translateZ(0);-webkit-animation-duration:350ms;position:fixed;-webkit-animation-timing-function:ease-in-out;-webkit-animation-name:fadein;z-index:10;opacity:1;width:100%;overflow:hidden;bottom:0;}
.footer_contact ul {overflow:hidden;border-left:solid 0.5px #FFFFFF;margin:0;padding:0}
.footer_contact li {float:left;width:25%;text-align:center;font-size:14px;background:#01A9A9}
.footer_contact li a {border-right:solid 0.5px #FFFFFF;color:#FFFFFF;height:60px;padding-top:14px;text-decoration:none;display:block}

.animated {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay:1s;
	animation-delay:1s;
}
@-webkit-keyframes fOutLeftBig {
	 0% {
		 opacity: 1;
		 -webkit-transform: translateX(0);
     }
	 100% {
		 opacity: 0;
		 -webkit-transform: translateX(-2000px);
	 }
}
@keyframes fOutLeftBig {
	  0% {
		 opacity: 1;
		 transform: translateX(0);
	  }
	  100% {
		 opacity: 0;
		 transform: translateX(-2000px);
	  }
}
.fOutLeftBig {
	-webkit-animation-name: fOutLeftBig;
	animation-name: fOutLeftBig;
}
@-webkit-keyframes fOutRightBig {
	 0% {
		 opacity: 1;
		 -webkit-transform: translateX(0);
     }
	 100% {
		 opacity: 0;
		 -webkit-transform: translateX(100%);
	 }
}
@keyframes fOutRightBig {
	  0% {
		 opacity: 1;
		 transform: translateX(0);
	  }
	  100% {
		 opacity: 0;
		 transform: translateX(100%);
	  }
}
.fOutRightBig {
	-webkit-animation-name: fOutRightBig;
	animation-name: fOutRightBig;
}
@-webkit-keyframes fOutDownBig {
	 0% {
		 opacity: 1;
		 -webkit-transform:translateY(0);
     }
	 100% {
		 opacity: 0;
		 -webkit-transform:translateY(2000px);
	 }
}
@keyframes fOutDownBig {
	  0% {
		 opacity: 1;
		 transform:translateY(0);
     }
	 100% {
		 opacity: 0;
		 transform:translateY(2000px);
	 }
}
.fOutDownBig {
	-webkit-animation-name: fOutDownBig;
	animation-name: fOutDownBig;
}
@-webkit-keyframes fOutUpBig {
	 0% {
		 opacity: 1;
		 -webkit-transform:translateY(0);
     }
	 100% {
		 opacity: 0;
		 -webkit-transform:translateY(-2000px);
	 }
}
@keyframes fOutUpBig {
	  0% {
		 opacity: 1;
		 transform:translateY(0);
     }
	 100% {
		 opacity: 0;
		 transform:translateY(-2000px);
	 }
}
.fOutUpBig {
	-webkit-animation-name: fOutUpBig;
	animation-name: fOutUpBig;
}

@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1600px) {}