body {
	background:#fff !important;
	color:#3d3d3d !important;
	font-size:14px !important;
	/*font-family:"Averta",Arial,Helvetica,sans-serif !important;*/
	line-height:24px !important;
}

*,li,ol,ul {
	margin:0;
	padding:0;
	list-style:none
}
a {
	color:#da322c;
	text-decoration:none
}
a:hover,p:hover {
	text-decoration:none !important
}
p {
	font-size:16px;
	/*text-align:left;*/
}
.clear {
	clear:both;
	margin:0;
	padding:0;
	height:0;
	font-size:0;
	line-height:0;
	width:0
}
#mobile-bottom{
	position: fixed;
	bottom: 0;
	width: 100%;
	background: #ffbd34;
	display: none;
}
#mobile-bottom ul{
	width: 96%;
	margin: 6px auto;
	padding: 0;
	list-style: none;
}
#mobile-bottom ul li{
	width: 33.333%;
	padding: 1%;
	float: left;
	border-right: 1px solid #eee
}
#mobile-bottom ul li p{
	color: #fff;
	font-size: 18px;
	text-align: center;
	font-weight: bold
}
#mobile-bottom ul li a:hover p{
	color: #000
}
#top {
	width:100%;
	padding: 0 0 0.5%;
	margin:0;
	position:relative;
	top: 0;
	background: #fffe;
	box-shadow: 0px 3px 5px #00000038;
}
#top ul {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	position: relative;
}
.toptop{
	display: -webkit-box;
    -webkit-box-align: center;
    display: box;
    box-align: center;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    width: 100%
}
#top .top1 {
	width: 9%;
	float:left;
	margin-top: 0;
}
.top1 .logo {
	width:100%;
	margin:1% 0;
}
.top1 .logo img {
	width:100%
}
.top2 {
	width:90%;
	float:left;
	margin:0;
	padding:0;
	margin-top: 1%
}
.top2 .navbar-default{background: none}
.top2 .btn{line-height: 1}
.top2 ul {
	width:100%;
	padding:0;
	margin:0;
}
.top2 ul li {
	width:14%;
	float:left;
	margin:0%
}
#top .top3 .dropdown{margin:2px 0;background: #ee2225;}
#top .top2 .dropdown .dropdown-menu{width: 450px;position: absolute;}
.top2 .navbar-default .navbar-nav>li:hover a{color: #ee2225;transition:0.5s}
.top2 .navbar-default .navbar-nav>li>a{text-align: center;font-size: 20px;color: #000;font-weight: 500;}

.top2 .dropdown .dropdown-menu li{width: 100%;padding-left: 5%}
.top2 .dropdown .dropdown-menu li a{color: #000!important; font-size: 16px;font-weight: bold;padding: 4px 0 4px 8px;}
.top2 .dropdown .dropdown-menu li a:hover{color: #ee2225!important;background: none}
.div-k{border-bottom: 1px solid #000;padding: 0;margin: 1px 0}

.top2 .dropdown-menu {
	padding:0;
	left:0;
	background-color: #fbfbfb
}
.top3 {
	width:92%;
	margin:0 auto;
	position:absolute;
	top: 0;right: 0
}
.top3 .dropdown{float: right;}
button {
	background:none;
	border:none
}
.top3 span {
	background-color:transparent;
	border-radius:0px;
	height:3px;
	width:14px;
	margin:0;
	top:auto;
	left:auto;
	cursor:pointer;
	position:absolute;
	display:block;
	content:'';
}
.top3 span:before {
	cursor:pointer;
	position:absolute;
	display:block;
	content:'';
	margin-top:0px;
	width:14px;
	background-color:#888;
	border-radius:0px;
	height:3px;
}
.top3 span:after {
	cursor:pointer;
	position:absolute;
	display:block;
	content:'';
	margin-bottom:-5px;
	width:14px;
	background-color:#888;
	border-radius:0px;
	height:3px;
	bottom:0
}
.button1,.button2 {
	width:100%
}
.button-menu {
	display:inline-block;
}
.top3 p {
	display:inline-block;
	font-size:16px;
	color:#fff;
}
.top3 p i{padding-left: 5px;}
.top3 .btn {
	padding:0 10px
}
.top3 .dropdown-menu{
	padding:0;
	left:0;
	background: #fff
}
.top3 .dropdown:hover .frr{transition: 1.2s;transform: rotate(90deg);}
.top3 .dropdown p:hover{color: #ffe9e9}
.top3 p {
	margin:0
}
.top3 .top-none{display: none;}
.dropdown-menu p {
	display:block;
	color:#333;
	text-align:left;
	border-bottom:1px solid #ee2225;
	padding: 5px 5px;
}
.top3 .dropdown-menu p:hover {
	color:#ee2225
}
.top3 .dropdown-menu p img{padding-right: 6px;}
.top3 .list,.top3 .list1 {
	position:absolute;
	right:0;
	width:200px;
	background:rgba(0,0,0,0.6);
	display:none;
	z-index:100
}
.top3 .list ul,.top3 .list1 ul {
	width:100%;
	margin:0;
	padding:0
}
.top3 .list li,.top3 .list1 li {
	width:100%;
	border-bottom:1px solid #fff
}
.top3 .list li p,.top3 .list1 li p {
	text-align:center;
	display:block;
	font-size:16px;
	margin:5px 0
}
.bg {
	width:100%;
	position:relative;
	overflow: hidden
}
.bg img {
	width:100%;
}
.bg .bannerin {
	display:block
}
.bg video {
	min-width:100%;
	min-height:100%;
	height:auto;
	width:100%;
	z-index:-11
}
.bg source {
	width:100%
}
#ying {
	width:100%;
	/*font-family:"Averta",Arial,Helvetica,sans-serif;*/
	position:absolute;
	bottom:30%;
	left:50%;
}
#ying p{display: inline-block;
    background: #fffc;
    padding: 10px;
    font-weight: bold;
    color: red;}
#ying p:hover{
    	color: #fffc;
    	background:red
    }
.banner-daohang{width: 100%;margin: 0;padding:10px 0;background: #000;box-shadow: 0px 6px 10px #999}
.banner-daohang ul{width: 92%;max-width: 1200px;margin: 0 auto}
.banner-daohang ul li{width: 20%;float: left;overflow: hidden;text-overflow: ellipsis;padding: 10px 5px;border-right: 1px solid #fff;}
.banner-daohang ul li p{text-align: center;font-size: 18px;color: #fff;font-weight: bold;margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.banner-daohang ul li:hover p{color: #ffde99}

/*banner*/
.slick1{position: relative;}
.banner-center{
    position: absolute;
    top: 13%;
    margin: 0 auto;
    left: 15%;
    width: 70%;
    padding:0 20px;
    /*background: rgba(0, 0, 0, .5);*/
}
.banner-center h3{
	color: #ffffff;
	font-weight: bold;
	font-size: 40px;
}
.banner-center ul{
    width: 60%;
    background: rgba(0, 0, 0, .5);
    padding: 22px;
    margin-top: 4%;
    border-radius: 8px;
}
.banner-center ul li p{
	color: #ffffff;
	font-size: 26px;
	line-height: 32px;
	font-weight: bold;
}
/**/
.in-main{width: 100%;margin-top:4%}
.in-main .in-main-1,.in-main .in-main-2{width: 100%;display:-webkit-box;
	-webkit-box-align:center;
	display:box;
	box-align:center;
	display:-webkit-flex;
	display:flex;
	align-items:center;}
.in-main .in-main-1 .in-main-img li{width: 31.333%;margin: 1%;float: left;border: 1px solid rgba(255,208,111,0.62);overflow: hidden;}
.in-main .in-main-2 li{width: 16.667%;margin: 0%;float: left;border: 1px solid rgba(255,208,111,0.62);overflow: hidden;}
.in-main .in-main-2 .item{border:0;}
.in-main .in-main-1 li:hover img,.in-main .in-main-2 li:hover img{transform:scale(1.1);transition:1.1s;}
.in-main .in-main-1 ol,.in-main .in-main-2 ol{width: 70%;float: left;padding-right: 3%}
.in-main .in-main-2 div.in-main-bg{background: url(../../img/product/OS003.jpg);background-size: cover;background-repeat: no-repeat;height: 600px;width: 30%;float: left;position: relative;background-position: center;}
.in-main .in-main-1 div.in-main-bg{background: url(../../img/in-1-bg.jpg);background-size: cover;background-repeat: no-repeat;height: 600px;width: 30%;float: left;position: relative;background-position: center;}
.in-main .in-main-1 div.in-main-bg.bg-2{background: url(../../img/product/fs002.jpg);background-size: cover;background-repeat: no-repeat;height: 600px;width: 30%;float: left;position: relative;background-position: center;}
.in-main .in-main-1 div.in-main-bg.bg-4{background: url(../../img/product/OS011.JPG);background-size: cover;background-repeat: no-repeat;height: 600px;width: 30%;float: left;position: relative;background-position: center;}
.in-main .in-main-1 div.in-main-bg.bg-6{background: url(../../img/product/pompom.jpg);background-size: cover;background-repeat: no-repeat;height: 600px;width: 30%;float: left;position: relative;background-position: center;}
.in-main .in-main-1 div.in-main-bg.bg-5{background: url(../../img/product/Earmuffs.jpg);background-size: cover;background-repeat: no-repeat;height: 600px;width: 30%;float: left;position: relative;background-position: center;}
.in-main .in-main-1 div.in-main-bg.bg-3{background: url(../../img/in-2-3.jpg);background-size: cover;background-repeat: no-repeat;height: 600px;width: 30%;float: left;position: relative;background-position: center;}
.in-main .in-main-1 div.in-main-bg2,.in-main .in-main-1 div.in-main-bg.bg-1{background: url(../../img/product/os002.jpg);background-size: cover;background-repeat: no-repeat;height: 600px;width: 30%;float: left;position: relative;background-position: center;}
.in-main-bg-xuanfu{position: absolute;bottom: 30%;background: rgba(255,208,111,0.62);width: 100%;text-align: center;}
.in-main .in-main-bg-xuanfu h3{font-size: 2.4rem;color: #000}
.in-main .in-main-bg-xuanfu p{text-align: center;padding: 2% 4%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.in-main ol span{display: inline-block;float: right;padding: 10px;background: #333;color: #fff;border: 1px solid #333;margin-top: 50px}
.in-main ol span:hover{background: #ffe2a6;color: #333;transition: all .5s ease-in-out}
/* ============    Product    ====================================== */
.container .in-main .in-main-1 .in-main-img li{ width: 23%; }
.container .in-main .in-main-1 .in-main-img{padding-bottom: 30px;border-bottom: 2px solid #dfdfdf}
.pro-right-img{width: 70%;position: relative;float: left;}
.pro-right-img .in-main-img{width: 100% !important;}
.pro-right-img .pro-more{position: absolute;bottom:-50px;right: 0}
.pro-right-img .pro-more p{background: #ffd06f;padding: 8px 10px;margin: 0;color: #000}
.pro-right-img .pro-more a:hover p{background: #ffd06f9e;color: #333}
.pro-2-img li{width: 31.33%;float: left;margin: 1%;border: 1px solid #dfdfdf}
.pro-2-img img{vertical-align: middle !important;width: 100%}
/*===========================      owl     =============================================*/
.owl-carousel .owl-wrapper:after {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
.owl-carousel {
    display:none;
    position:relative;
    width:100%;
    -ms-touch-action:pan-y
}
.owl-carousel .owl-wrapper {
    display:none;
    position:relative;
    -webkit-transform:translate3d(0,0,0)
}
.owl-carousel .owl-wrapper-outer {
    overflow:hidden;
    position:relative;
    width:100%;
    clear:both
}
.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition:height .5s ease-in-out;
    -moz-transition:height .5s ease-in-out;
    -ms-transition:height .5s ease-in-out;
    -o-transition:height .5s ease-in-out;
    transition:height .5s ease-in-out
}
.owl-carousel .owl-item {
    float:left
}
.owl-controls .owl-buttons div,.owl-controls .owl-page {
    cursor:pointer
}
.owl-controls {
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color:transparent
}
.grabbing {
    cursor:url(../images/grabbing.png) 8 8,move
}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0)
}
.owl-one {
    float:none;
    margin:10px auto;
    width:90%;
    position:relative
}
.owl-one:before {
    position:absolute;
    content:'';
    border-bottom:1px solid #ddd;
    bottom:-40px;
    right:-28%;
    width:200%
}
.owl-theme .owl-controls {
    width:100%;
    text-align:center
}
.owl-theme .owl-controls .owl-buttons {
    display:block;
    width:100%;
    height:100%
}
.owl-theme .owl-controls .owl-buttons div {
    position:absolute;
    display:inline-block;
    display:block;
    width:30px;
    height:54px;
    color:#fff;
    font-size:0;
    zoom:1;
    top:36%;
    background:url(../images/owl-buttons.png) no-repeat
}
.owl-theme .owl-controls .owl-buttons div.owl-next {
    right:15px;
    background-position:-30px 0
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    text-decoration:none;
    opacity:.6;
    filter:Alpha(Opacity=100)
}
.owl-theme .owl-controls .owl-page {
    display:inline-block;
    zoom:1
}
.owl-theme .owl-controls .owl-page span {
    display:block;
    margin:5px 7px;
    width:12px;
    height:12px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    background:#869791;
    opacity:.5;
    filter:Alpha(Opacity=50)
}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span {
    opacity:1;
    filter:Alpha(Opacity=100)
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
    padding:2px 10px;
    width:auto;
    height:auto;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px;
    color:#FFF;
    font-size:12px
}
.owl-item.loading {
    min-height:150px;
    background:url(../images/AjaxLoader.gif) no-repeat center center
}
.owl-pagination {
    display:none
}
.owl-one .item {
    width:95%
}
.owl-one .item ol {
    width:100%!important
}
.owl-one .item a {
    display:block;
    text-align:center!important;
    font-size:16px!important;
    font-weight:700!important;
    padding: 0!important;
    font-family: Arial, Helvetica, sans-serif !important;
}
.owl-one .item a:hover {
    color:#711C15
}
.owl-one .item a span {
    position:absolute;
    right:8%;
    bottom:5%;
    color:#333
}
.owl-one .item img {
    display:block;
    width:100%;
    height:auto;
    transition:.5s;
    -webkit-transition:.5s;
    -moz-transition:.5s
}
.owl-one .item img:hover {
    opacity:.6
}
.owl-one .item .buttons a {
    padding:0
}
.action {
    position:relative;
    overflow:hidden;
    height:auto;
    width:100%
}
.solutions {
    width:16%;
    float:right
}
.owl-two {
    width:100%;
    margin-top:15px;
    overflow:hidden
}
.owl-two .item {
    width:100%;
    color:#eb6100;
    font-size:18px;
    font-weight:700;
    text-transform:uppercase
}
.owl-two .item ol li.product_con {
    padding-top:10px!important;
    width:100%;
    position:relative;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 100;
}
.owl-two .item ol li.product_con:before {
    position:absolute;
    right:0;
    top:30px;
    content:"\f101";
    font-family:fontawesome;
    font-size:2em
}
.solutions .owl-theme .owl-controls .owl-buttons div {
    width:21px;
    height:40px;
    top:35%;
    background:url(../images/owl-buttons-1.png) no-repeat;
    left:5px
}
.solutions .owl-theme .owl-controls .owl-buttons div.owl-next {
    right:5px;
    background-position:-20px 0;
    left:auto
}


.bandaazul{
	display: inline-block;
    overflow: hidden;
    text-align: initial;
    white-space: nowrap;
    width: 100%;
}
.bandaazul a{width: 180px;display: inline-block;padding: 0 10px;}
.bandaazul a p{    
	font-size: 14px;
    white-space: initial;
}
/*.bandaazul a span{display:}*/
.bandaazul a img{max-width: 100%;}
.lunbo{
	border-top: 2px solid #088fb0;
}
.in-ab .in-ab-right .beiying p{position: fixed;text-align: center;top: 30%;width: 100%;color: #fff}
.in-ab,.in-ot,.allfooter,.in-pro,.in-con,.pro-con,.mianbaoxie,.ab-video,.hezuo {
	width:92%;
	max-width:1200px;
	margin:0 auto;
	/*font-family:"Averta",Arial,Helvetica,sans-serif;*/
	margin-top:4%
}
.index-ab{width: 100%;max-width:1500px;}
.in-ab .index-con{width: 48%;margin-right: 2%}
.index-con p span{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.hezuo ul li{width: 14.5%;margin: 0.5%;float: left;background: #fff;}
.hezuo ul{display: -webkit-box;
    -webkit-box-align: center;
    display: box;
    box-align: center;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    width: 100%}
.hezuo ul li img{width: 100%}
.mianbaoxie {
	margin:1%  0 0 4%
}
#ZoomBox{background: #fff;}
#zq_mianbaoxie {
	margin:10px auto;
	padding-bottom:5px;
	height:auto;
	color:#1f1d29;
	line-height:18px;
	font-size:16px;
	overflow:hidden
}
#zq_mianbaoxie a {
	color:#000;
	color:#999;
	padding-right:6px
}
#zq_mianbaoxie li {
	display:inline-block
}
#zq_mianbaoxie li+li::before {
	padding:0 5px;
	color:#ccc;
	content:"/\00a0"
}
#zq_mianbaoxie a:hover {
	color:#3a3b49
}
#zq_mianbaoxie small {
	display:inline
}
#main { padding-top:20px;position: relative;width: 92%;margin: 0 auto; margin-top: 1.5%;max-width: 1200px; }
#owl-2  li .action li{margin:0 4%;width: 92% !important;border: 1px solid #dfdfdf}
.in-ab li {
	width:50%;
	float:left;
}
.in-ab .slick-dots{text-align: right;}
.in-ab .slick-dots li{width: auto;float: none;}
.in-ab .factory-img{width: 100%;max-width: 1200px;margin: 2% 0 3% 0;padding: 0;}
.in-ab .factory-img h5{font-size: 24px;font-weight: bold;color: #333;}
.in-ab .factory-img li{width: 14.66%;border: 1px solid #dfdfdf;float: left;margin: 1%;}
.in-ab h3 {
	color:#000;
	font-size: 4rem;
	line-height: 40px;
	font-weight:900;
	text-transform:uppercase;
	padding:0;
	margin:0 0 15px 0;
}
.in-ab h5{font-size: 2rem;font-weight: bold;color: #000;line-height: 2.5rem}
.in-ab .outlineimg h3 {
	color:#404040;
	font-size:2rem;
	font-weight:500;
	text-transform:uppercase;
	padding:0;
	margin:15px 0;
	text-align:center
}
.in-ab li strong {
	font-size:1.4em;
	font-weight:700;
}
.in-ab li p {
	color:#000;
	font-size: 16px;
	font-weight:400;
	line-height:1.3em;
}
.in-ab li img {
	width:100%;
	
}
.tit-bt{
	width: 100%;
	text-align: left;
	background: #99dcdf;
	margin: 20px 0;
}
.tit-bt p{
	padding: 8px;
	font-size: 18px;
	margin: 0;
	color: #0061a9;
}
.btn1 {
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
	-webkit-transition:background-color .4s;
	-moz-transition:background-color .4s;
	-o-transition:background-color .4s;
	-ms-transition:background-color .4s;
	transition:background-color .4s;
	cursor:pointer;
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#df4f52;
	border:1px solid #ccc;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-o-border-radius:20px;
	-ms-border-radius:20px;
	border-radius:20px
}
.btn1,.btn1 p {
	height:40px;
	line-height:40px
}
.btn1 p {
	margin:0;
	padding:0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	color:#008fce;
	text-align:center
}
.btn1 a {
	display:block;
	text-decoration:none
}
.btn1.icon.animate {
	transition:width .2s,right .2s;
	position:relative;
	width:40px;
	overflow:hidden;
}
.btn1.icon.animate a:before {
	content:"";
	display:block;
	width:40px;
	height:40px;
	background-image:url("../img/icon_arrow_white.svg");
	background-repeat:no-repeat;
	background-position:center;
	right:0;
	position:absolute;
	visibility:hidden;
	opacity:0;
	transition:visibility .2s,opacity .2s;
}
.btn1.icon.animate a:after {
	content:"";
	display:block;
	width:40px;
	height:40px;
	background-image:url("../img/icon_white_plus.svg");
	background-repeat:no-repeat;
	background-position:center;
	right:0;
	position:absolute;
	visibility:visible;
	opacity:1;
	transition:visibility .2s,opacity .2s
}
.btn1.icon.animate p {
	font-size:.75rem;
	font-weight:700;
	padding:0 15px;
	line-height:40px;
	height:40px;
	text-transform:uppercase;
	visibility:hidden;
	opacity:0;
	color:#fff;
	transition:visibility .2s,opacity .2s;
	position:absolute
}
.btn1.icon.animate:hover {
	width:87px
}
.btn1.icon.animate:hover p {
	visibility:visible;
	opacity:1;
	white-space:nowrap;
}
.btn1.icon.animate:hover a:before {
	visibility:visible;
	opacity:1
}
.btn1.icon.animate:hover a:after {
	visibility:hidden;
	opacity:0
}
.btn1:hover {
	opacity:.8;
	transition:opacity .2s ease-in-out
}
.btn1:active {
	box-shadow:none;
	border-color:inherit
}
.ab-video li{width:23%;
	margin:1%;
	float:left;
	position:relative;
	overflow:hidden;}
.ab-video li div{border: 1px solid #df4f52}
.ab-video p{width: 100%;padding: 6px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.ab-video p span{float: right;padding: 6px;background:#df4f52;color: #fff;border: 1px solid #df4f52 }
.ab-video p span:hover{background: #fff;color:#df4f52 }
.in-ot li {
	width:23%;
	margin:1%;
	float:left;
	height:300px;
	background:#ffca5a;
	position:relative;
	overflow:hidden;
}
.in-ot li:nth-child(1){margin-left: 0;width: 24%}
.in-ot li .btn1-dingwei {
	position:absolute;
	bottom:10px;
	right:10px;
	z-index:10;
}
.in-ot .ot-50 {
	width:49%;
	margin-right: 0
}
.title-p {
	margin:20px 10px;
	color:#fff;
	font-weight:bolder;
	position:absolute;
	top:10px;
	left:10px;
	z-index:10
}
.beiying {
	position:absolute;
	background:none;
	width:100%;
	height:300px;
	top:0;
	left:0;
	z-index:2;
}
.title-p h5 {
	font-size:16px
}
.title-p p {
	font-size:22px;
}
.in-ot img {
	height:100%;
	width:100%
}
.in-pro li {
	width:23%;
	margin:1%;
	float:left;
	position:relative;
	overflow:hidden;
}
.in-pro li img,.pro-con li img {
	width:100%;
}
.in-pro li:hover img {
	transform:scale(1.1);
	transition:1.1s;
}
.in-pro li .pro-dingwei {
	position:absolute;
	top:10px;
	left:16px;
}
.in-pro li .pro-dingwei p {
	font-size:18px;
	font-weight:bolder;
	color:#fff
}
.in-con {
	padding:4%;
}
.in-con h2,.in-con p,.in-con a {
	display:inline-block;
	float:left;
	color:#fff
}
.in-con h2 {
	width:25%;
	margin:0;
	font-size:36px;
	font-weight:bolder
}
.in-con p {
	width:65%;
	margin:0;
	padding:0;
	font-size:20px;
	line-height:30px
}
.in-con a {
	font-size:24px;
	background:#df4f52;
	padding:1%;
	border-radius:30px;
}
footer {
/*	background:url(../img/ft.png) no-repeat 100%;
	background-size: cover;
	width:100%;
	border-top: 1px solid #f5f5f5;*/
}
.allfooter h3 {
	font-weight:bolder;
	font-size: 24px;
	color: #000;
	padding-bottom: 8px;
	border-bottom: 2px solid #999
}
.allfooter {
	margin-top:0;
}
.allfooter ul {
	margin:0;
}
.allfooter li a {
	display:block;
	padding:2px 0;
	width:100%;
	text-transform:uppercase;
	color:#000;
	font-weight:600
}
.allfooter .add-tel a {
	text-transform:initial
}
.allfooter li a:hover {
	color:#df4f52
}
.allfooter .fo-list {
	width:74%;
	float:left;
}
.allfooter .fo-list li {
	width:31.333%;
	float:left;
	padding:1%;
}
.allfooter .fo-list1 {
	width:26%;
	float:left;
	margin-top: 1%
}
.allfooter .fo-list1 li {
	width:100%;
	float:none;
	padding:3%;
	text-align:left;
}
.allfooter .fo-list1 img {
	width:70%;
}
.allfooter .fo-list1 a>img{
	width: 100%
}
.allfooter .fo-list1 a {
	display:inline-block;
	font-size:30px;
	padding:0 3%;
	width:auto
}
.allfooter .fo-list1 a p {
	font-size:24px;
	text-align:right;
}
#footer{background: #000;}
#footer .container{margin-top: 0;padding:4px;}
.in-ab .pro-main {
	width:98%;
	margin:0 1%;
	float:none
}
.in-ab .img-left {
	width:63.5%;
	float:left;
}
.in-ab .img-right {
	width:36.5%;
	float:left;
}
.in-ab .pro-img {
	width:48%;
	margin:1%;
	border:1px solid #999
}
.in-ab .pro-img1 {
	width:98%;
	margin:1%;
}
.in-ab  img {
	width:100%
}
.in-ab .pro-ic {
	display:-webkit-box;
	-webkit-box-align:center;
	display:box;
	box-align:center;
	display:-webkit-flex;
	display:flex;
	align-items:center;
}
.tuchu{width: 100%;background: url(img/bg.jpg) 100%;background-position: center;margin-top: 3%}
.tuchu ul{display: -webkit-box;
    -webkit-box-align: center;
    display: box;
    box-align: center;
    display: -webkit-flex;
    display: flex;
    align-items: center;}
.tuchu li{float: left;width: 50%;padding:3% 2%;text-align: center;background: none;color: #fff}
.tuchu li p{margin: 0;font-size: 1.4em}
.pro-con h1 {
	font-weight:bolder;
	text-transform:uppercase;
	font-size:36px
}
.pro-con li {
	width:18%;
	margin:1%;
	float:left;
	height:auto;
	background:#df4f52;
	position:relative;
	overflow:hidden
}
li:hover .beiying {
	display:block;
	transition-property:left right;
	transition-duration:1s;
	transition-timing-function:ease-in-out;
	background: #0005;

}
.forma1 {
	float:left;
	height:auto;
	width:100%;
	margin-top:40px;
	overflow:hidden;
	font-size:14px;
}
/*.forma1_WMC {
	float:left;
	height:auto;
	width:99%;
	margin-top:2px;
	overflow:hidden;
	font-size:20px;
	color:#fff;
	font-weight:bolder;
	background:#ff8a38;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:10px;
	font-family:"Source Sans Pro",Helvetica,sans-serif;
}*/
.forma2 {
	float:left;
	height:auto;
	width:99%;
	margin:2% 0;
	padding:20px 0 0 0;
	border:1px solid #eee;
}
.messageModel3 {
	overflow:hidden;
	float:left;
	height:auto;
	width:98%;
	padding-top:3px;
}
.messageModel3 strong {
	color:#0b0808;
}
.forma5 {
	overflow:hidden;
	display:inline;
}
.forma5 {
	float:left;
	height:auto;
	width:95%;
	margin-left:20px;
	margin-bottom:3px;
	padding-bottom:3px;
}
.formb1 {
	float:left;
	height:auto;
	width:16%;
	margin:0 10px 0 0;
	text-align:center;
}
.formb2 {
	float:left;
	height:auto;
	width:80%;
	padding-top:3px;
	padding-bottom:3px;
}
form .forma5 .formb2 input {
	width:90%;
	height:28px;
	font-size:12px;
	line-height:22px;
	font-weight:bold;
	border:1px solid #357892;
	color:#c74d3e;
	background-color:#f7f7f7;
}
.forma6 {
	overflow:hidden;
	float:left;
	height:auto;
	width:95%;
	margin-left:20px;
	margin-bottom:3px;
	text-align:center;
}
.formc1 {
	float:left;
	height:25px;
	width:16%;
	margin-top:60px;
	margin-right:10px
}
.formc2 {
	float:left;
	height:auto;
	width:80%;
	margin-bottom:3px;
}
form .forma6 .formc2 textarea {
	width:90%;
	height:160px;
	font-size:12px;
	line-height:22px;
	font-weight:normal;
	border:1px solid #5582AA;
	color:#c24848;
	background-color:#f7f7f7;
	float:left;
}
.forme1 {
	float:left;
	height:auto;
	width:95%;
	margin-bottom:3px;
	margin-left:20px;
}
.forme1 {
	overflow:hidden;
}
.formd1 {
	float:left;
	height:80px;
	width:80%;
	padding-left:16%;
	margin-left:10px;
	padding-right:20px
}
.zq_botton2 {
	width:141px;
	font-size:15px;
	height:30px;
	color:#fff;
	font-weight:bold;
	border:1px solid #CCC;
	float:left;
	cursor:pointer;
	background-color:#f08300;
	margin-right:20px;
	font-family:"Source Sans Pro",Helvetica,sans-serif;
}
.index-pro{width: 100%;clear: both;margin-bottom: 20px;}
.index-pro .proimg{width:50%;/*margin-right: 4%;*/float: left; }
.index-pro .procon{width:50%;margin: 0%;float: left; }
#content .pro-second-img{width: 100%;padding-top:2% 4%;list-style: none}
#content .pro-second-img li{padding:0;width: 21%;margin: 2%;float: left;border: 1px solid #8d8d8d;overflow: hidden}
#content .pro-second-img li img{width: 100%}
#content .pro-second-img li:hover img{transition: 1.2s;transform: scale(1.1)}
#aside { display: none; background:#f5f5f5;}
.asideTitle{ font-size: 30px; color:#333; line-height: 1.2; font-weight: bold; margin-bottom: 20px;}

@media screen and (max-width: 1366px) {
    .asideTitle{ font-size: 28px; }
}
.proTitle{ font-size: 30px; line-height: 1.2; }
@media screen and (max-width: 880px) {
.proTitle{ font-size: 28px; }
}

.asideTitle:before { content: 'Open \e636'; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; position: absolute; right: 0; padding-right: 3px; margin-right: 1%; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; z-index: 9; font-size: 12px; height: 20px; line-height: 20px; display: none; }
.asideTitle.listslide:before { content: 'Close \e656'; }
.asideTitle.noBefore { cursor: default; }
.asideTitle.noBefore:before { display: none; }

.asideWrap { background: #f5f5f5; }

.asideList { line-height: 20px; }
.asideList li a { display: block; }
.asideList > li { line-height: 20px; margin-top: 1px; position: relative; margin-top:6px; }
.asideList > li:first-child{ margin-top:0;}
.asideList > li > a { padding: 10px 8px 10px 10px; color: #fff; background: #ff4646bd;}
.asideList > li > a.selected{ background:#df4f52;}
.asideList > li > a:hover{background:#ffbd34;color: #000;}
.asideList > li:hover > a:before, .asideList > li > a.selected:before { color: #fff; }
.asideList > li li { padding:1px 0; }
.asideList > li ul a { padding: 4px 9px 4px 35px; color: #414141; }
.asideList > li ul a:hover, .asideList > li ul a.selected { color: #df4f52; }
#aside > a { margin-top: 40px; display: inline-block; max-width: 100%; }
.proTop { margin-bottom: 1%; padding-bottom: 15px; }
.proleft { width: 329px; margin-right: 2.5%; max-width: 45%; }
.proleft img { border: 1px solid #e5e5e5; }
.procon { margin-top:2%; }
.procon > a { background: #df4f52; color: #fff; width: 188px; line-height: 44px; text-align: center; font-size: 18px; position: relative; overflow: hidden; display: inline-block; }
.procon > a:after { content: '\ea34'; font-family: icomoon; font-weight: normal; vertical-align: top; font-size: 22px; padding-left: 8px; left: 100%; margin-left: 0; position: absolute; }
.procon > a:hover:after { margin-left: -30px; }
.proContact { line-height: 1.2; word-wrap: break-word; word-break: break-word; margin-top: 10px; font-size: 16px; margin-bottom: 12px;}
.proContact li { padding: 4px 0; display: inline-block; margin-right: 24px; }
.proContact li, .proContact li a { color: #555; }
.proContact li a:hover { color: #df4f52; }
.proTitle { color: #df4f52; margin-top: -4px; }
.proright p { margin-bottom: 15px; }
.proright .proTitle, .proright p { margin-bottom: 2.14031%; }
.proright .addthis_sharing_toolbox {padding:6px 0;}
@media screen and (max-width: 950px) {
.proright .proTitle, .proright p { margin-bottom: 12px; }
.proright .addthis_sharing_toolbox { margin-bottom: 10px; }
.in-main .in-main-2 div.in-main-bg,.in-main .in-main-1 div.in-main-bg,.in-main .in-main-1 div.in-main-bg2{height: 450px}}
.proRightpage{float:right; width: 74.167%; }
#aside.proLeft{ display: block; float: left; width: 22.67%;}
.proRightpage , #aside.proLeft{ padding-top:11px; margin-top:2%;}
.prodesleft{ width:44.94%; }
.prodesleft .item{ background: url("img/AjaxLoader.gif") center center no-repeat;}
.proright { width:50.56%; }
@media screen and (max-width: 870px){
    #aside , #aside.proLeft{ float: none; position: absolute; width: auto; padding-top:0; margin-top:0;display: none;}
    .proRightpage{float:right; width: 100%; }
    #content .pro-second-img li{width: 29.33%}
}

.prodesleft{ width:44.94%; }
.prodesleft .item{ background: url("img/AjaxLoader.gif") center center no-repeat;}
.proright { width:50.56%; }
.asideTitle, #proDes #tags li, .proTab #tags li { line-height: 1.2; white-space: nowrap; }
.asideTitle span, #proDes #tags li span, .proTab #tags li span, .asideTitle:after, #proDes #tags li:after, .proTab #tags li:after { display: inline-block; vertical-align: middle; }
.asideTitle:after, #proDes #tags li:after, .proTab #tags li:after { content: ''; height: auto; width: 0; overflow: hidden; }
.asideTitle span, #proDes #tags li span, .proTab #tags li span { width: 100%; white-space: normal;line-height: 40px; }
.clearfix, #proDes #tags, .tagContent, .proTab #tags { *zoom: 1;
}
.clearfix:before, #proDes #tags:before, .tagContent:before, .proTab #tags:before, .clearfix:after, #proDes #tags:after, .tagContent:after, .proTab #tags:after { content: ""; display: table; }
.clearfix:after, #proDes #tags:after, .tagContent:after, .proTab #tags:after { clear: both; }
.justify, .fofCenter, .fofCenter .fofRight > dl { text-align: justify; text-justify: inter-ideograph; letter-spacing: 0px; font-size: 0px; }
.justify:after, .fofCenter:after, .fofCenter .fofRight > dl:after { content: ''; height: 0px; width: 100%; display: inline-block; overflow: hidden; }
.justify .line, .fofCenter .line, .fofCenter .fofRight > dl .line { display: inline-block; height: 0px; overflow: hidden; }
.justify > *, .fofCenter > *, .fofCenter .fofRight > dl > * { text-align: left; font-size: 14px; }
.justify .box, .fofCenter .box, .fofCenter .fofRight > dl .box { display: inline-block; vertical-align: top; }
.box.justify, .box.fofCenter, .fofCenter .fofRight > dl.box { text-align: justify; }
#proDes { padding-bottom: 15px; margin-bottom: 0.67416%; }
#proDes > .title { margin-bottom: 18px; }
#proDes .addthis_sharing_toolbox { white-space: nowrap; float: right; margin-top: 16px; }
ol,li{list-style: none;}
#tags { text-transform: capitalize; }
#proDes #tags li { float: left; width: 20%; border-left: 5px solid #f5f5f5; text-align: center; font-size: 16px; font-weight: bold; height:40px; cursor: pointer; background: #dddddd; margin-top:1px;}
#proDes #tags li:first-child { border-left: 0px none; }
#proDes #tags li.selectTag { background: #ffbd34; color:#fff; }

@media screen and (max-width: 1000px) {
#proDes #tags li { height: 44px; font-size: 14px; font-weight: normal; border-left-width: 1px;}
}
@media screen and (max-width: 600px) {
#proDes #tags li { width: 50%; }
#proDes #tags li:nth-child(3){ border-left: 0px none; }
}
#proDes .tagContent { padding: 12px 0; }
.proDes > .title { color: #df4f52; margin-bottom: 5px; }
.tagContent { word-wrap: break-word; word-break: break-word;display: none; }
.tagContent:first-child { display: block; }
.carousel-caption h4{color: #000;font-weight: bold;font-size: 2.2em;}
.carousel-caption span{font-size: 1.6em;line-height: 2em;color: #333}
.container .carousel-inner .item img{float: right;width: 50%;}
.container .carousel-inner .item .item-img{
	width: 50%;
	float: right;
}
.container .carousel-inner .item .item-img li{
	width: 33.333%;
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 1px solid #efefef
}
body .container{max-width: 1200px;width: 96%;margin-top: 4%;}
.container .carousel-inner .item .item-img li img{width: 100%}
.container .carousel-inner .item .item-img li:hover img{transform: scale(1.2);transition: 1.2s}
@media screen and (min-width: 768px){
	.container .carousel-indicators {
		bottom: -50px;}
	.container .carousel-indicators li{
		border: 1px solid red
	}
	.container  .carousel-indicators li.active{background: red}
	.container h3{
		color: #404040;
	    font-size: 4rem;
	    font-weight: 900;
	    text-transform: uppercase;
	    padding: 0;
	    margin: 30px 0;
	}
	
	.container  .carousel-inner>.item .carousel-caption{padding-top:0;bottom:0;left:0;top: 10%;color: #000;right: 0;text-align: left;width: 50%;padding-right: 5%;}
    }
@media screen and (max-width:1500px) {
.in-con {
	padding:4%
}
.banner-left {
	margin-left:5%
}
}
@media screen and (max-width:1200px) {
.in-ab .download .do-1{width: 31.333%}
.top2{width: 75%}
#top .top1{padding-left: 15px;padding-top: 8px;}
.top2 .navbar-default .navbar-nav>li>a{padding: 15px 0px;}
.top2 .container-fluid{padding: 0 5px;}
.in-ab .factory-img li{width: 18%;}
.banner-center{
	top: 5%;
}
.banner-center h3{
	font-size: 45px;
}
.banner-center ul{
	margin-top: 2%;
}
.banner-center ul li p{
	font-size: 20px;
	line-height: 25px;
}
}
@media screen and (max-width:980px) {
	.ying-banner h1 {
	font-size:48px
}
.banner-center{
	top: 2%;
	left: 10%
}
.banner-center h3{
	font-size: 40px;
}
.banner-center ul{
	margin-top: 2%;
	width: 68%;
}
.banner-center ul li p{
	font-size: 20px;
	line-height: 25px;
}
.in-ab .factory-img li{width: 23%;}
.in-ab ul li,.in-ab .index-con {
	width:100%;
	padding: 0!important;
}
.in-ot li,.in-pro li {
	width:48%
}
.in-ab h3{font-size: 25px;line-height: 32px;}
.in-ab .slick li p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical;padding: 0;}
.in-ot li:nth-child(1){width: 48%;margin-left: 1%}
.in-ot .ot-50 {
	width:98%
}
}
@media screen and (max-width:858px) {
	.banner-center{
		top: 20%;
	}
	.banner-center h3{
		font-size: 36px;
	}
	.banner-center ul{
		margin-top: 2%;
		width: 75%;
		display: none;
	}
	.banner-center ul li p{
		font-size: 18px;
		line-height: 20px;
	}
}
@media screen and (max-width:768px) {
	.top2 ol li {
	display:none
}
.top3 .dropdown-menu{width: 100%;}
.top3 .top-none{display: block;}
.in-ab .factory-img li{width: 31.333%;}
.bg .bannerin {
	display:block
}
.ying-shuju li h3 {
	font-size:14px;
}
.index-pro .procon,.index-pro .proimg{width: 100%;margin: 0 auto}
.slick{margin-bottom: 44px;}
.beiying {
	height:500px;
}
.allfooter .fo-list1 img {
	width:65%
}
.in-ab .dow-pdf {
	height:600px;
}
.allfooter .fo-list1 li {
	padding:3% 5%
}
#mobile-bottom{display: block;z-index: 498}
.bg video,.in-ab video {
	display:none
}
.top3 {
	width:50%;
	float:right;
}
.top3 .dropdown{width: 50%;padding:6%;text-align: center;}
#top{padding:0;}
.toptop{width: 50%;float: left;}
#ying {
	padding:400px 0 0 0
}
.banner-left {
	width:100%;
	margin:0
}
.ying-banner {
	height:auto
}
.ying-banner h1 {
	margin-left:5%;
	font-size:24px
}
.in-ab,.in-ot,.allfooter,.in-pro,.in-con,.pro-con {
	padding:0 4%
}
.in-con {
	padding:4%
}
.in-ot li {
	height:200px
}
.in-con h2 {
	width:30%;
	font-size:28px
}
.in-con p {
	width:60%
}

.allfooter .fo-list {
	display:none
}
.allfooter .fo-list1 {
	width:100%
}
#top .top1 {
	width:25%
}
.in-ab .download .do-1{width: 46%;margin: 2%;}
.in-ab .download a{font-size: 14px}
.top2 {
	display:none
}
}
@media screen and (max-width:650px) {
	.banner-center{
		width: 86%;
		left: 8%;
		top: 20%;
	}
	.banner-center ul{
		display: none;
	}
	.banner-center h3{
		font-size: 28px;
	}
	#top .top1 {
	width:40%
	}
	#top .top3 {
	width:50%
	}
    .prodesleft , .proright{ width: 100%;}
    .proright{ margin-top:15px;}
    .in-main .in-main-2 div.in-main-bg,.in-main .in-main-1 div.in-main-bg,.in-main .in-main-1 div.in-main-bg2{height: 300px}
	.in-ab li strong{font-size: 1.2em;}
	.in-ab li p span{font-size: 1em;}
	.index-pro .procon, .index-pro .proimg {
	    width: 100%;
	    margin: 0 auto;
	}
	.proTitle{ font-size: 26px; }
	.slick-dots{left: 0;}

}
@media screen and (max-width:450px) {
	.banner-center{top: 10%;}
	.banner-center h3{font-size: 20px;}
}
@media screen and (max-width:880px) {
.top2{width: 80%}
.top2 .navbar-default .navbar-nav>li>a{
	font-size: 18px;
}
}
@media screen and (max-width:850px) {
	.banner-left {
	width:95%
}
.ying-banner h1 {
	width:80%
}
#ying {
	padding-bottom:10px
}
}@media screen and (max-width:650px) {
	.top3 p{font-size: 12px;}
	.top3 .dropdown{padding: 5px;}
	.top3 .btn{padding: 0;}
	.topbar .head-contact{display: none;}
	.messageModel3{width: 100%;}
	.zq_pic8 h3{font-size: 20px;}
	.ying-shuju li h3 {
	font-size:12px
}
.ying-banner h1 {
	font-size:16px
}
.bg img {
	height:250px
}
.ying-banner .ying-shuju li {
	width:46%
}
.ying-banner .ying-shuju li:nth-child(2n+1) {
	clear:both
}
.in-ab h3{
	font-size: 20px;
	line-height: 30px;
}
.forma1_WMC{
	font-size: 16px;
} 
.formc1 {
    float: left;
    height: 25px;
    width: 20%;
    font-size: 12px;
    text-align: left;
}
.formc2 {
    float: left;
    height: auto;
    width: 100%;
    margin-top: 0;
}
.formb2 {
    float: left;
    height: auto;
    width: 100%;
}
.formb1 {
    float: left;
    height: auto;
    width: 100%;
    font-size: 12px;
    text-align: left;
}
}
.block-slider ul li p{position: absolute;padding: 6px 12px; border-radius: 20px;border: 1px solid #f85251;color: #f85251;background:#fff;bottom: 18%;left: 40%}
.block-slider ul li p:hover{color: #fff;background: #f85251;}
.slider-area{width:100%;position:relative;margin:0 auto;padding:0}
.block-slider{border:none;width:100%;overflow: hidden}
.block-slider ul li{list-style:none}
.block-slider .bx-next,.block-slider .bx-prev{width:8%;height:52px;z-index:99; text-align:center;display:block; font-size:5em;position:absolute;top:48%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);line-height:29px;-moz-transition:all .45s ease;-webkit-transition:all .45s ease;-o-transition:all .45s ease;-ms-transition:all .45s ease;transition:all .45s ease;color:#eb6100; opacity:.6;}
.block-slider img{width:auto;height:auto}
.block-slider .bx-prev{left:0;padding-right:3px}
.block-slider .bx-next{right:0;padding-left:3px}
.block-slider:hover .bx-prev{left:10px}
.block-slider:hover .bx-next{right:10px}
.block-slider .bx-next:hover,.block-slider .bx-prev:hover{ color:#1d79b7; text-decoration:none}
.block-slider .bx-pager{display:block;text-align:center;margin-top:-30px;left:0;position:relative}
.block-slider .bx-pager-item{width:16px;height:16px;background:0 0;font-size:0;display:inline-block;margin:6px 8px;}
.block-slider .bx-pager-item a{width:100%;height:100%;background:#b5b5b5; display:block; border-radius:50%}
.block-slider .bx-pager-item a.active{background:#eb6100}
.block-slider .caption-group{position:absolute;top:20%;left:5%;color:#fff}
.block-slider .caption-group-right{left:70%}
.block-slider .caption-group .title{margin:0}
.block-slider .caption-group .subtitle{margin:0;margin-top:5px}
.block-slider .caption-group .button-radius{margin-top:27px}
.block-slider .caption-group .primary{color:#e61c16}
.block-slider .caption-group .caption{display:block!important}
@media screen and (max-width:980px){
.block-slider .bx-next,.block-slider .bx-prev{font-size: 5em;}
}