@charset "utf-8";

html,body {
	font: 14px/1.5 "microsoft yahei", Helvetica, Tahoma, Arial, "Microsoft jhengHei", sans-serif;
	color:#404040;
	background-color:#fff;
}
body,p,pre,blockquote,
h1,h2,h3,h4,h5,h6,			
dl,dt,dd,ul,ol,li,			
form,fieldset,legend,select,
input,textarea,button,		
table,caption,tr,th,td {
	margin:0;
	padding:0;
}
ol,ul {
	list-style:none;
}
fieldset,img {
	border:0 none;
}
img {
	max-width: 100%;
}
a {	text-decoration:none; color:#333;}
.main_color{ color:#d02920;}

a:hover{ color:#d02920}
.active{color:#d02920}
input,button,textarea,select,option {
	font-family:inherit;
	font-size:100%;	
	outline: 0;
}
textarea {
	overflow: auto;
	resize: none;
}
tbody, td, tfoot, th, thead, tr {
     border-color:#CCC; 
     border-style: solid; 
     border-width:1px; 
}
table {
    border-collapse: separate;
    text-indent: initial;
    border-spacing: 2px;
	table-layout:fixed;
	border-collapse: collapse;
    word-break: break-all;
}
td{word-wrap: break-word;padding: 5px 10px;}

/*header{ height:98px; width:100%; background:#fff; position:relative;}
header .logo{ position:absolute; left:27px; top:35px;}
header .navbar{ height:48px;}
header .navbar-nav{ height:48px; line-height:48px;}
header .dropdown-menu{background:#353535!important; border:0; text-align:center; min-width:0px; padding:10px 0;}
header .dropdown-menu a:hover{ background:none; color:#d02920!important;font-weight: 400!important;}


.nav_fixed{ position:fixed; top:0; z-index:9999}*/

header{ height:98px; position:relative;  z-index:10;}
header .logo{ margin:0 0 0 27px;}
header .top{ height:102px;}
.navbar-toggler{ margin:25px 27px 0 0;}
header .navbar{ height:98px; background:#fff!important;line-height:98px;  width:100%; padding:0!important;box-shadow:0px 0px 10px #ccc;}
header .navbar-nav{ line-height:98px;background:#fff!important;margin-left: auto!important;}
header .navbar .show{z-index:10; background:#fff!important;}
header ul li{ display:inline-block; min-width:120px; text-align:center; font-size:15px;}
header ul li a{ display:block; font-weight:bold;}
header ul a:hover{ background:#d02920;color:#fff!important; }
header ul .active{background:#d02920; color:#fff!important;  display:block;}
header .dropdown-menu{background:#353535!important; border:0; text-align:center; min-width:0px; padding:10px 0;}
header .dropdown-menu a:hover{ background:none; color:#d02920!important;font-weight: 400!important;}
.nav_fixed{ position:fixed; top:0; z-index:9999}
.index_header{ height:98px; width:100%; background:#fff; z-index:1;position:absolute; top:0;}
.search_btn{ min-width:60px;}
header .language{ text-align:center; margin:0 20px;}
/* 右侧导航 */ 
#fullPage-nav { _display: none; font-size: 12px;}
#fullPage-nav li { width: 90px; height: 30px; margin: 20px 0 ; vertical-align: middle;}
#fullPage-nav li a { margin:auto; width: 28px; height: 28px; color: #fff; text-decoration: none; text-align:center; border:1px solid none ; border-radius:50%;/* background: url(/static/images/dot.png) 5px 5px no-repeat;*/}
#fullPage-nav li .active {/* background-position: 0 bottom;border:1px solid #fff;*/border:1px solid #d02920;}
#fullPage-nav li .active span{ background:#d02920;}
#fullPage-nav span { background:#FFF; left:4px; top:4px; width:18px; height:18px; border:0;box-shadow: 0px 0px 20px #666;}
.fullPage-tooltip { float: left; top: 0; margin-right: 5px; font: 12px "Microsoft Yahei"; color: #8F9DA4; line-height: 21px;}

.section { position: relative; overflow: hidden;}
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:#fff;}
.section .bg img { display: block; width: 100%; height: 100%;}
.section .black { position: absolute; bottom: 0; width: 100%; height: 100%; background:#000; opacity:0.5;}
footer{ height:70px; background:rgb(33 33 33);  width:100%; text-align:center; color:#696969; line-height:70px; font-size:14px;}
footer a{ color:#D3D3D3;}

/*首页*/
.vidbacking-active-body-back { position: fixed; z-index: 0; min-width: 100%;  min-height: 100%;top: 50%; left: 50%; background-size: cover; overflow: hidden; opacity: 1; transition: 2s opacity; transform: translateX(-50%) translateY(-50%);}
.index_header .logo{ float:left; margin-top:35px;}
.index_header .navbar{ height:98px;  float:right; }
.index_header .navbar-nav{ height:98px; line-height:98px;}
.index_header ul li{ display:inline-block;  min-width:100px; text-align:center; font-size:15px;}
.index_header ul li a{ display:block; color:#000; font-weight:bold;}
.index_header ul a:hover{ background:#d02920;color:#fff!important;}
.index_header ul .active{background:#d02920; color:#fff!important; display:block;}
.index_header .dropdown-menu{background:#353535!important; border:0; text-align:center; min-width:0px; padding:10px 0;}
.index_header .dropdown-menu a:hover{ background:none; color:#d02920!important;font-weight: 400!important;}
.index_header .language{ text-align:center; margin:0 10px; position:absolute;}
.index_footer{ height:70px; background:rgb(33 33 33); position:absolute; bottom:0; width:100%; text-align:center; color:#696969; line-height:70px; font-size:14px;}
.index_footer a{ color:#D3D3D3;}
.big_title{ font-size:54px; color:}
.small_title{ font-size:24px;}

.bg0{ z-index:10;}
.bg11 { position: absolute; top: 100px; width: 433px;left: 0; right:0; margin:auto; height:144px; background: url(/static/img/index_p1.png) 100% no-repeat; transition: all 1.7s;  z-index:10}
.bg12 { position: absolute; opacity: 0; top: 200px; width: 250px;left: 0; right:0; margin:auto; height:50px;   z-index:10; font-size:36px; text-align:center; color:#FFF; font-weight:bold;letter-spacing:5px;}
.bg13{position: absolute; opacity: 0; top: 500px; width: 250px;left: 0; right:0; margin:auto; height:50px;  z-index:10; text-align:center;transition:all 1.3s;}
.bg13 a{ color:#fff; border:2px solid #fff; padding:10px 70px;}
/*关于我们*/
.bg20{height:600px; position: relative; top: 50%;  margin-top: -300px; }
.bg21{position: absolute; top:-40px; left:0; opacity: 0;  font-size:54px;transition:all 1.3s;}
.bg22{position: absolute; top:-75px; left:0;  opacity: 0;  font-size:24px;transition:all 1.3s; border-bottom:1px solid #333; color:#333; padding-bottom:10px; display:inline}
.bg23{position: absolute; top:140px;  opacity: 0; line-height:1.8; left:0px; background:#fff; z-index:10; font-size:16px;transition:all 1.3s; color:#333; width:500px; height:150px; display:inline}
.bg24{position: absolute; opacity: 0; left: -44px; top:310px;width: 44px; height:17px;  text-align:center;transition:all 1.3s;background: url(/static/img/index/company_ico.png) 100% no-repeat;}
.bg25{position: absolute; opacity: 0; right: -500px; top:0;width: 800px; height:600px;  text-align:center;transition:all 1.3s;background: url(/static/img/index/company1.jpg) 100% no-repeat;}
.bg26{position: absolute; opacity: 0; left: -560px; bottom:0;width:590px; height:240px; text-align:center;transition:all 1.3s;background: url(/static/img/index/company3.jpg) 100% no-repeat;}

/*产品中心*/
.bg30{height:695px;opacity: 0; position: absolute; width:100%; top:280px; background: url(/storage/file/e4649bc43726286ca426f03a97aa64107663bcc3.jpg) 100% no-repeat;transition:all 0.7s;}
.bg35{height:695px;position: absolute; width:100%; left:0; right:0; margin:auto; top:180px;}
.bg31{ position: absolute; opacity: 0; top: 0px; width: 450px;left: 0; right:0; margin:auto; height:50px; text-align:center;transition:all 0.7s;}
.bg32{ position: absolute; opacity: 0; top: 100px; width: 250px;left: 0; right:0; margin:auto; height:50px; text-align:center;color:#333; transition:all 0.7s;}
.bg33,.bg34{ position: absolute;opacity: 0;  width:659px; height:406px; top:100px; transition:all 1s;}
.bg33{ left:-200px;}.bg34{ right:-200px;}

/*解决方案*/
.bg40{height:600px; position: relative; top: 50%;  margin-top: -300px; }
.bg41 {position: absolute; left:-200px; bottom:-200px; opacity: 0; width:900px; height:600px;/*background: url(/static/img/index/solution.jpg) 100% no-repeat;*/transition:all 1.6s;}
.bg42 {position: absolute; top:0px; left:770px; opacity: 0; font-size:38PX; transition:all 1.5s;}
.bg43{position: absolute; top:0px; left:770px;  opacity: 0;  font-size:24px;transition:all 1.6s; border-bottom:1px solid #d02920; color:#333; padding-bottom:10px;letter-spacing:2px; display:inline}
.bg44{position: absolute; top:0px; width:490px; left:770px;line-height:1.8;  opacity: 0;  font-size:16px;transition:all 1.6s; color:#707070;letter-spacing:1px; }
.bg45{position: absolute; opacity: 0; left: 870px; top:310px;width: 44px; height:17px;  text-align:center;transition:all 1.6s;background: url(/static/img/index/company_ico.png) 100% no-repeat;}
.bg46{position: absolute; opacity: 0; left: 870px; top:410px;width: 150px; height:170px;  text-align:center;transition:all 1.5s;}
.bg47{position: absolute; opacity: 0; left: 1040px; top:410px;width: 150px; height:170px;  text-align:center;transition:all 1.5s;}
.bg48{position: absolute; opacity: 0; left: 1210px; top:410px;width: 150px; height:170px;  text-align:center;transition:all 1.5s;}
.bg40 .title{font-style:oblique; font-size:36px; font-weight:bold;} 
.bg40 .info{ font-size:14px; color:#707070;}

/*新闻中心*/
.bg50{height:700px; position: relative; top: 50%;  margin-top: -350px;}
.bg51{ position: absolute; opacity: 1; top: 0px; width: 450px;left: 0; right:0; margin:auto; height:50px; text-align:center;}
.bg52{ position: absolute; opacity: 1; top: 80px; width: 250px;left: 0; right:0; margin:auto; height:50px; text-align:center; color:#333;}
.bg53{position: absolute; opacity: 0;bottom:0px; width:400px; height:540px; padding:20px; background:#fff;box-shadow: 3px 3px 6px #999; transition:all 1.5s;}
.bg53 .b_title{ font-size:24px; color:#333; text-align:center; margin-bottom:20px;}
.bg53 .title{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.bg53 .img{ width:100%; height:230px; position:relative; margin-bottom:20px; overflow:hidden;}
.bg53 .img .title{ height:45px; background:#2a2a2a; position:absolute; font-weight:bold; bottom:0px; left:0; padding:0 10px; font-size:18px; color:#fff; line-height:45px; width:100%;}
.bg53 .img img{ max-width:100%; max-height:230px;transition: all 1s; position:absolute; left:0; right:0; margin:auto;}
.bg53 .img img:hover{transform: scale(1.2);}
.bg53 .txt{ position:relative;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;line-height:35px;}
.bg53 .txt:hover{ background:#d02920; transition:all 0.7s;}
.bg53 .txt:hover a,.bg53 .txt:hover span{color:#fff;}
.bg53 .txt .title{ height:35px; width:280px; font-size:14px; color:#333;  display:block;}
.bg53 .txt span{position: absolute; color:#707070;  height:35px;right: 0px; top: 0px; width:80px;}
.bg53_01{ left:200px;}.bg53_02{ left:650px;}.bg53_03{ right:-200px;}
.bg53 .more{ font-size:16px; text-align:center; margin-top:30px;}
.bg53 .more a{ color:#333;}

.bg60{height:470px; position: relative; top: 50%;  margin-top: -280px; }
.bg61{position: absolute; opacity: 0; top:-100px;left:50px; font-size:54px;transition:all 1.3s;}
.bg62{position: absolute; opacity: 0; left:50px; top:-100px; font-size:24px;transition:all 1.3s; color:#333;}
.bg63{position: absolute; opacity: 0; left:50px; top:-150px; font-size:14px; line-height:2;transition:all 1.3s; color:#333;}
.bg64,.bg65,.bg66,.bg66-1{position: absolute; opacity: 1; top:280px; width:80px; height:80px;}
.bg64,.bg65,.bg66,.bg66-1 p{ text-align:center; color:#333; line-height:36px;}
.bg64{left:50px;}.bg65{left:145px;}.bg66{left:240px;}.bg66-1{left:335px;}
.bg67{position: absolute; right: 580px; top:20px; width: 300px; height:380px;}
.bg68{position: absolute; right: 50px; top:100px; width: 440px; height:310px;  text-align:right;}
.bg68 .title{ width:100px; display:inline-block; vertical-align:top; font-size:14px; color:#666;}
.bg68 .title i{ color:#F00; padding-right:5px;}
.bg68 .info{ width:333px; display:inline-block; vertical-align:top; text-align:left;}
.bg68 .Text,.bg68 .InputText{ width:100%; border:1px solid rgb(228 228 228);}
.bg68 .Text{ padding:10px; height:150px; margin-bottom:10px;}
.bg68 .InputText{ padding:5px 10px;margin-bottom:15px;}
.bg68 .submit{ width:200px; height:40px; border-radius:5px; color:#fff; font-size:16px;}

/*关于我们-五大生产基地*/
.bg70{height:740px; position: relative; top: 50%;  margin-top: -370px; }
.bg71{ position: absolute; opacity: 1; top: 0px; width: 450px;left: 0; right:0; margin:auto; height:50px; text-align:center; font-size:48px;}
.bg72{ position: absolute; opacity: 1; top: 80px; width: 350px;left: 0; right:0; margin:auto; height:50px; text-align:center; color:#333; font-size:16px;}
.bg73{position: absolute; opacity: 0; top:120px; left:0; right:0; margin:auto; height:600px; text-align:center;transition:all 1.3s;}
.bg73 img{ height:100%;}
.bg80{height:450px; position: relative; top: 50%;  margin-top: -225px; }
.bg81{ opacity: 0;transition:all 0.7s;}
.bg83,.bg84,.bg85,.bg86{opacity: 0;position: absolute;transition:all 1.3s; width:410px; height:150px; }
.bg83{ top:40px;left:-100px;}
.bg84{top:210px;left:-100px;}
.bg85{ top:40px;right:-130px;}
.bg86{top:210px;right:-130px;}
.bg91,.bg92,.bg93{ width:100%;position:absolute;overflow:hidden;display:flex; }
.bg91{ top:0px;  height:33%;align-items:flex-end; }
.bg92{ top:33%;height:34%;align-items: center;}
.bg93{ top:67%; height:33%;align-items:flex-end;}
.bg94{ position:absolute; text-align:center; width:300px; height:60px; margin:auto; left:0; right:0; bottom:0; top:0; font-size:30px; color:#000;font-weight:bold;}
.bg94 p{ font-size:18px;text-transform:uppercase; font-weight:bold;}
.bg94 a{ display:block; }

.active .bg11 { opacity: 1;top:380px;}
.active .bg12 { top: 416px; opacity: 1; }
.active .bg13 {top: 576px; opacity: 1; transition-delay: 1.3s;}
.active .bg21 { opacity: 1; top:0; transition-delay: 1.3s;}
.active .bg22 { opacity: 1;top:75px; transition-delay: 1.3s;}
.active .bg23 { opacity: 1;  transition-delay: 1.3s;}
.active .bg24 { opacity: 1;left:0; transition-delay: 1.3s;}
.active .bg25 {right: 0px; opacity: 1; transition-delay: 0.7s;}
.active .bg26 {left: 0px; opacity: 1; transition-delay: 1.3s;}
/*产品中心*/
.active .bg30 { top:180px; opacity: 1; transition-delay:0.7s;}
.active .bg31 { top:60px; opacity: 1; transition-delay:0.7s;}
.active .bg32 { top:130px; opacity: 1;transition-delay:0.7s;}
.active .bg33 {  opacity: 1; left:28px;  transition-delay:1.5s;}
.active .bg34 {  opacity: 1; right:28px; transition-delay: 1.5s;}

.active .bg41 { bottom:0px; opacity: 1; transition-delay: 0.6s;}
.active .bg42 { top:50px; opacity: 1; transition-delay: 0.6s;}
.active .bg43 { top:120px; opacity: 1; transition-delay: 1s;}
.active .bg44 { top:190px; opacity: 1; transition-delay: 1.8s;}
.active .bg45 { left:770px; opacity: 1; transition-delay: 3.2s;}
.active .bg46 { left:770px; opacity: 1; transition-delay: 1.8s;}
.active .bg47 { left: 940px; opacity: 1; transition-delay: 2.2s;}
.active .bg48 { left: 1110px; opacity: 1; transition-delay: 2.6s;}
/*新闻中心*/
/*.active .bg51 { top:0px; opacity: 1; transition-delay: 1.3s;}
.active .bg52 { top:80px; opacity: 1; transition-delay: 1.3s;}*/
.active .bg53 { bottom:0px; opacity: 1; transition-delay: 1.3s;}
.active .bg53_01{ left:50px;opacity: 1;transition-delay: 0.6s;}
.active .bg53_02{ left:500px;opacity: 1;transition-delay: 1s;}
.active .bg53_03{ right:50px;opacity: 1;transition-delay: 1.4s;}

.active .bg61 { top:0px; opacity: 1; transition-delay: 1.3s;}
.active .bg62 { top:80px; opacity: 1; transition-delay: 1.3s;}
.active .bg63 { top:130px; opacity: 1; transition-delay: 1.3s;}

/*关于我们-五大生产基地*/
.active .bg73{ opacity: 1; transition-delay: 0.7s;}
.active .bg81 { opacity: 1; transition-delay: 0.7s;}
.active .bg83{opacity: 1; left:0px; transition-delay: 0.7s;}
.active .bg84{opacity: 1; left:0px;transition-delay: 0.7s;}
.active .bg85{opacity: 1; right:10px; transition-delay: 0.7s;}
.active .bg86{opacity: 1; right:10px;transition-delay: 0.7s;}

.ltie10 .bg12 { bottom: 90px; opacity: 1; transition-delay: 0.7s; }
.ltie10 .bg13 { bottom: 0; opacity: 1; transition-delay: 1.3s;}
/*产品中心*/
.ltie10 .bg30 { top:180px; opacity: 1; transition-delay:0.7s;}
.ltie10 .bg31 { top:60px; opacity: 1; transition-delay:0.7s;}
.ltie10 .bg32 { top:130px; opacity: 1;transition-delay:0.7s;}
.ltie10 .bg33 {  opacity: 1; left:28px;  transition-delay:1.5s;}
.ltie10 .bg34 {  opacity: 1; right:28px; transition-delay: 1.5s;}

.page .top{ margin:10px 0;color: rgb(80, 80, 80);}
.page .top a{border:1px solid #dedede;transition: all 0.1s linear 0s;min-width: 162px; padding:0 20px; display:inline-block; line-height:45px; color:#666; margin:0 10px;}
.page .top a:hover{ background:#d02920; color:#FFF;border:1px solid #d02920;}
.page .top .menu{ margin-top:10px; font-size:16px; text-align:center; color:#333;}
.page .top .menu span{ color:#d02920; font-size:24px; padding:0 5px; font-weight:bold; font-style: oblique;}
.page .top .active{background:#d02920;border:1px solid #d02920; color:#fff!important;}
.page .main{ margin:30px 0; position:relative; min-height:500px;}
.page .main .gl{ margin:10px 0;}
.page .main_left{ width:195px; position:absolute; left:0;}
.page .main_left a{ height:42px; line-height:42px; transition: 1s; display:block; text-align:center; border:1px solid #eee; margin-bottom:5px; color:#454545}
.page .main_left a:hover{ color:#fff;}
.page .main_left .active{color:#fff; background: #d02920;}
.left_btn{ position: relative; cursor: pointer;}
.left_btn:after,.left_btn:before { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%;z-index:-2;color:#fff;}
.left_btn:hover{ z-index:1; background:transparent;color:#fff;}            
.left_btn:before { transition: 1s; background: #d02920;color:#fff; z-index:-1;}          
.left_btn:hover:after,.left_btn:hover:before { width: 100%; color:#fff;}

.goods_index a{ border:1px solid #CCC; display:block; border-radius:10px; padding:5px; margin-bottom:30px;transition:all 0.5s;}
.goods_index a:hover{ border-color:#d02920;}
.page .main_right{ width:calc(100% - 200px); margin-left:210px; position:relative;}
.page .content{ padding:20px 0;}
.page .bottom{ border-top:1px solid #dedede; height:150px; padding:20px 0; position:relative; color:#666;}
.page .bottom p{ margin:20px 0;}

.goods .img{ border:1px solid #eee;}
.goods .title{margin: 20px 0px ; text-align:left;}

.timer { }
.timer .main .content .item { width: 100%;  min-height: 230px;  position: relative; }
.timer .main .content .item .child { position: relative; border-left: 1px solid #E5E5E5; height: 120px; margin-left: 130px; }
.timer .main .content .item .child span { position: absolute; top:3px; left: -110px; font-size: 14px; color: #999999;  line-height: 36px;}
.timer .main .content .item .child .info {  position: absolute;left: 40px;  top: 0px; font-size: 14px;  font-weight: 400;  color: #666666; line-height: 36px;}
.timer .title{ font-size:20px;}
.timer p{font-size: 15px; line-height:24px; color:#999;}
.timer .main .content .item .child::after { content: ''; width: 23px; height: 23px; display: inline-block;  background: #ccc; border-radius: 50%; border:5px solid #fff; position: absolute; left: -12px; top: 10px;}
/*鼠标方向*/
.sHoverItem{height:220px;display: flex;align-items: center}
.sHoverItem img{align-items: center;}
.sIntro{background-color: rgb(0,0,0); text-align: center; height:100%; position:relative;}
.sIntro .title{ position: absolute; border-bottom:1px solid #fff; width:80%; padding-bottom:10px; top: 90px; left: 0; right:0; margin:auto; font-size:16px; color:#fff; z-index:10;}

/*位置*/
.breadcrumb{ height:50px; padding-left:20px; line-height:50px; color:#6c757d;  position:relative; /*border-bottom:1px solid #eee;*/}
.breadcrumb img{ position:absolute; left:0; top:17px;}
.breadcrumb a{color:#6c757d;}
.breadcrumb a:hover{ color:#d02920}

/*搜索*/
.search .list{ padding:15px 0; border-bottom:1px solid #eee; font-size:14px; float:left; width:100%}
.search .title{ width:calc(100% - 400px); float:left;}
.search .class{ width:200px;  float:left; text-align:center;color:#666;}
.search .class a{color:#999;}
.search .date{width:200px; float:left; text-align:right; color:#CCC; }
/*页码*/
.pagination{display: -webkit-flex;align-items:center; justify-content:center; margin: 30px 0px ;min-height: 30px; line-height: 30px;}
.pagination li{ display:inline-block;padding: 5px 7px; color:#666;}
.pagination .active{color:#d02920}
.pagination a{padding: 3px 5px; color:#666;}