@charset "UTF-8";
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  }
body {
	/*font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans GB,Microsoft YaHei,sans-serif; */
	font-family:"SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
	background-color: #fff;
	padding-right: 0!important;
	}

a{color:#787878;text-decoration:none;margin:0;padding:0;outline:0;cursor:pointer}
a:hover{text-decoration:none;color:#f25824}
a:focus{text-decoration:none}
a:visited{text-decoration:none}
a:hover{text-decoration:none}
a:link{text-decoration:none}
a>img{border:0}

h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; }
ul, ol, li, dl, dd { margin: 0; padding: 0; }
ul, ol {list-style: none outside none; }



/***top***/
.woodnav{
	height:90px;
	margin:10px auto;
	}
.woodnav .navbar-brand img{
	max-width:466px;
	max-height:100px;
	margin-top:-10px;
	}

@media (max-width:767px){

.woodnav{
	height:60px;
	margin:25px auto;
	}
.woodnav .navbar-brand{
	float:none;
	}	

.woodnav .navbar-brand img{
	max-width:100px;
	max-height:36px;
	
	}
.woodnav .list-inline-item{margin-top:-28px;padding-top:0px;}

.logokey{font-size:20px;padding-left:0px;border-left:0px solid #5E5858;}
}



	
	
/*****nav-Wm******/
.s_avatar { position: absolute;z-index: 2;left: 0;top: 0;width: 2rem; height: 2rem;}
.s_nav{position:relative;float:right;padding-top:0px;margin-top:-10px;border:1px solid transparent;border-radius:4px}
.s_mask { display: none; position: fixed; z-index: 100; left: 0; top: 0; width: 100%; height: 100%; background:rgba(0, 0, 0, .5);}
.s_menu { position: absolute; z-index: 1000; left: -15rem; top: 0; width: 15rem; height: 100%; background: #555; transition: left linear .1s;}
.s_menu .slogo{text-align: center;padding:20px 0px;border-bottom:1px solid #fff;}
.s_menu .slogo img{ max-width:96px;max-height:29px;}
.s_menu .sallsort{}
.s_menu .sti{text-align: center;height: 38px;line-height: 38px;padding-top:10px;border-bottom: 1px solid #4A4141;background-color: #555;}
.s_menu .sti h3{font-size: 14.04px;}
.s_menu .sti a{display: block;margin-bottom:20px;color: #fff;}
.s_menu .sti a:hover{text-decoration:none;color:#f25824}
.s_menu .sul{background-color: #f8f8f8;padding:20px 10px;}
.s_menu .sli{background-color: #f8f8f8;}
.s_menu .sli h5{padding-top:10px;padding-bottom:10px;font-size: 16px; color: #000;}
.s_menu .sli span{border-left: 2px solid #E42124;padding-left:10px;}
.s_menu .sli a{color:#5E0809;padding:5px;height: 33px;line-height: 33px;background-color: #f0f0f0;word-break:keep-all ;}

.breadcrumb{background-color:#f8f8f8;}

/******nav-W*******/
.big-nav {
	height: 60px; 
	color:#ffffff;
		}
.big-nav a{
	padding:20px;
	color:#fffdff;
	font-size: 15px; }
	
.big-nav a:hover {
	border-bottom: 1px solid #ff0000;
	/*color: #007DE4;*/
	color:#000;}
.big-nav .navt{padding:0px 30px;font-size:42px;min-width:180px;text-align: center;color:#fff;background:#585858;}
.big-nav .navl{padding-top:20px;}




/****footer***/

.footbx{padding:30px 0 30px 0;background:#f8f8f8;border-top:1px solid #06C;}
.footbx .card{background-color:#f8f8f8;border:0px solid transparent;border-radius:0px;-webkit-box-shadow:none;box-shadow:none}
.footbx .biao{font-size:16px;color:#333;}
.footbx .iconj{margin-right:10px;margin-bottom:13px;position:relative;float:right;}
.footbx .card-body a{display:block;font-size:14px;}
.footbx ul{padding-left:10px;}

@media (min-width:768px){
.footbx .card{margin-bottom:20px;}
.footbx .card-header{padding:1px 15px;background-color:#f8f8f8;border-bottom:1px solid #D4CECE;}
.footbx .biao{padding:10px 10px;}
.footbx .collapse{display:inline}
}
@media (max-width:767px){
.footbx .card{margin-bottom:-6px;margin-top:0px;}
.footbx .card-header{padding:1px 15px;border:1px solid #D4CECE;}
.footbx .biao{padding-top:9px;}
.footbx .card-body{border-bottom:1px solid #D4CECE;background-color:#f6f6f6;}
.span_minus:before{content: "×";}
.span_plus:before{content: "+";}	
}


@media (min-width:768px){
	/*
.Fdic{display: none;}
.Fbic{display: none;}
*/
}
@media (max-width: 767px){
	/*
.Fdic{display: none;background-color:rgba(0,0,0,0.80);padding:5px;}
.Fbic .col-4{color:#FFF;border:1px solid #ccc;padding:5px;}
*/
}

.contact{
-moz-box-shadow: -0px -5px 5px #9F9A9A; /* 老的 Firefox */
box-shadow: -0px -5px 5px #9F9A9A;
}
.contact a{
text-align:center;
border:2px solid #12A415;
border-radius:25px;
-moz-border-radius:25px; /* 老的 Firefox */
}

#mywx a{padding:10px 10px;border:1px solid #0C6A05;background:#0C6A05;color:#fff;border-radius:20px;}

/*****index******/
.w_index .carousel-item{max-height:350px;}
.w_index .title_01{margin:15px auto;}
.w_index .title_01 span{border-left:3px solid #DD1317;padding-left:10px;}

.w_index #news{ height: 350px; overflow: hidden; } 
.w_index #news li { line-height:20px;border-bottom:1px solid #CCC;/*margin:0px 5px;padding:4px 10px;*/} 

.w_index #up_spot{height:360px;line-height:20px;overflow:hidden;}
@media (max-width:767px){
.w_index #up_spot{height:1080px;line-height:20px;overflow:hidden;}
}
.w_index .media{float:left;padding:10px;color:#333;border:1px solid #CCC;background:#fff;margin-bottom:10px;min-height:110px;width:100%;box-shadow:3px 3px 10px #E8E8E8;border-radius:5px;}
.w_index .media:focus,.w_index .media:hover{text-decoration:none;font-size:16px;border-color:#62b651}
.w_index .media-body small{font-size:14px;margin-top:8px;font-weight:550;color:#C30;}
.w_index p{color:#a0a0a0;font-size:12px;}


.w_index .Aimg{width:80px;height:80px}
	
@media (min-width:768px){
.w_index .Cimg .Aimg{width:180px;height:180px}
.w_index .Cimg p{height:183px;}
}


.w_index .sj_box{position:relative;}
.w_index .sj_pic{
	position:absolute;
	z-indent:2;
    top:0;
	width:0;
    height:0;
    border-width:120px 120px 0 0;
    border-style:solid;
    border-color:rgba(0, 0, 0, 0.3) transparent transparent transparent;
    margin:0px auto;
}
.w_index .sj_text{
	position:absolute;
	width:150px;
	color:#fff;
	text-align:center;
	top:35px;
	left:-20px;
	font-size:12px;
	z-indent:2;
	margin:0px auto;
	
	-moz-transform: rotate(-45deg);/* Firefox */              
	-webkit-transform: rotate(-45deg);/* Safari和Chrome */
	-ms-transform: rotate(-45deg);/* IE 9 */
	-o-transform: rotate(-45deg);/* Opera */
}



/******co*******/
@media (min-width:768px){
.w_bgpic{padding:150px 0px 100px;}
.w_bgpic_co81{background:url(/templets/default/picture/okey_pic81.jpg) no-repeat center top;}
.w_bgpic_co82{background:url(/templets/default/picture/okey_pic82.jpg) no-repeat center top;}
.w_bgpic_co83{background:url(/templets/default/picture/okey_pic83.jpg) no-repeat center top;}

.w_bgpic_co91{background:url(/templets/default/picture/okey_pic91.jpg) no-repeat center top;}
.w_bgpic_co92{background:url(/templets/default/picture/okey_pic92.jpg) no-repeat center top;}
.w_bgpic_co93{background:url(/templets/default/picture/okey_pic93.jpg) no-repeat center top;}
.w_bgpic_co94{background:url(/templets/default/picture/okey_pic94.jpg) no-repeat center top;}
.w_bgpic_co95{background:url(/templets/default/picture/okey_pic95.jpg) no-repeat center top;}
.w_bgpic_co96{background:url(/templets/default/picture/okey_pic96.jpg) no-repeat center top;}
.w_bgpic_co97{background:url(/templets/default/picture/okey_pic97.jpg) no-repeat center top;}


.w_bgpic_co61{background:url(/templets/default/picture/okey_pic61.jpg) no-repeat center top;}
.w_bgpic_co62{background:url(/templets/default/picture/okey_pic62.jpg) no-repeat center top;}
.w_bgpic_co63{background:url(/templets/default/picture/okey_pic63.jpg) no-repeat center top;}
.w_bgpic_co64{background:url(/templets/default/picture/okey_pic64.jpg) no-repeat center top;}
.w_bgpic_co65{background:url(/templets/default/picture/okey_pic65.jpg) no-repeat center top;}
.w_bgpic_co66{background:url(/templets/default/picture/okey_pic66.jpg) no-repeat center top;}
}
@media (max-width:767px){
.w_bgpic{padding:60px 0px 100px;}
.w_bgpic_co81{background:url(/templets/default/picture/okey_pic81_1.jpg) no-repeat center top;}
.w_bgpic_co82{background:url(/templets/default/picture/okey_pic82_1.jpg) no-repeat center top;}
.w_bgpic_co83{background:url(/templets/default/picture/okey_pic83_1.jpg) no-repeat center top;}

.w_bgpic_co91{background:url(/templets/default/picture/okey_pic91_1.jpg) no-repeat center top;}
.w_bgpic_co92{background:url(/templets/default/picture/okey_pic92_1.jpg) no-repeat center top;}
.w_bgpic_co93{background:url(/templets/default/picture/okey_pic93_1.jpg) no-repeat center top;}
.w_bgpic_co94{background:url(/templets/default/picture/okey_pic94_1.jpg) no-repeat center top;}
.w_bgpic_co95{background:url(/templets/default/picture/okey_pic95_1.jpg) no-repeat center top;}
.w_bgpic_co96{background:url(/templets/default/picture/okey_pic96_1.jpg) no-repeat center top;}
.w_bgpic_co97{background:url(/templets/default/picture/okey_pic97_1.jpg) no-repeat center top;}


.w_bgpic_co61{background:url(/templets/default/picture/okey_pic61_1.jpg) no-repeat center top;}
.w_bgpic_co62{background:url(/templets/default/picture/okey_pic62_1.jpg) no-repeat center top;}
.w_bgpic_co63{background:url(/templets/default/picture/okey_pic63_1.jpg) no-repeat center top;}
.w_bgpic_co64{background:url(/templets/default/picture/okey_pic64_1.jpg) no-repeat center top;}
.w_bgpic_co65{background:url(/templets/default/picture/okey_pic65_1.jpg) no-repeat center top;}
.w_bgpic_co66{background:url(/templets/default/picture/okey_pic66_1.jpg) no-repeat center top;}
}

.w_bgpic_co11{background:url(/templets/default/picture/okey_pic11.jpg) no-repeat center top;}
.w_bgpic_co12{background:url(/templets/default/picture/okey_pic12.jpg) no-repeat center top;}
.w_bgpic_co21{background:url(/templets/default/picture/okey_pic21.jpg) no-repeat center top;}
.w_bgpic_co31{background:url(/templets/default/picture/okey_pic31.jpg) no-repeat center top;}


@media (max-width:767px){
.jumbotron .mt-5{margin-top:1rem!important}
.lead{font-size:14px;}
}

/****/
.article p{text-indent:33px;margin-bottom:15px;}

/******common******/
.jumbotron{border-radius:0rem}/**/
.w_titleB{font-size:24px;font-weight:500;margin-bottom:25px;}
.w_titleC{font-size:18px;font-weight:500;margin:30px auto 20px;}
.w_titleC span {display: block;position: relative;color: #188eee; text-align: center; } 
.w_titleC span:before,.w_titleC span:after { content: ''; position: absolute;top: 50%; background: #8c8c8c;width: 25%;height: 1px; }
.w_titleC span:before { left: 1%;}
.w_titleC span:after {right:1%;}

@media (min-width:768px){
.w_titleB{font-size:38px;font-weight:500;margin:20px auto;}
.w_intro{font-size:22px;line-height:150%;font-weight:300;}

}


.iconp i,.w_contact td{font-size:14px;line-height:100%;}
.iconp i{width:30px;margin:2px auto;}
.iconp td{vertical-align: text-top;line-height:27px;}

.pro_info i{color:#de05af;}
.buy .card{min-height:200px;}

.blink{
    color: #dd4814;
	/*font-size:16px;*/
    animation: blink 1s linear infinite;  
    -webkit-animation: blink 1s linear infinite;
    -moz-animation: blink 1s linear infinite;
    -ms-animation: blink 1s linear infinite;
    -o-animation: blink 1s linear infinite;
	}
@keyframes blink{
  0%{opacity: 1;}
  30%{opacity: 1;}
  60%{opacity: 1;}
  100%{opacity: 0;} 
}
@-webkit-keyframes blink {
    0% { opacity: 1; }
    90%{opacity: 1;}
    100% { opacity: 0; }
}
@-moz-keyframes blink {
    0% { opacity: 1; }
    90%{opacity: 1;}
    100% { opacity: 0; }
}
@-ms-keyframes blink {
    0% {opacity: 1; }
    90%{opacity: 1;}
    100% { opacity: 0;}
}
@-o-keyframes blink {
    0% { opacity: 1; }
    90%{opacity: 1;}
    100% { opacity: 0; }
}