@charset "utf-8";
/* CSS Document */
.marq{ background:#303130; padding:8px 0;}
.marq p{ color:#fff; font-size:0.875em;}
.nlogo{ position:relative; z-index:999;}
.nlo{ padding:16px 0;position:relative; height:auto; background:#fff;}
.hchen span{ font-size:1em; color:#000; padding-left:1.875em; display:block; min-width:28px; float:left; margin-right:5px;line-height:3em;}
.hchen a{ display:block; float:left; }
.hchen a:nth-child(1){ }
.hchen a:nth-child(2){ background:url(../images/ch.png) left center no-repeat;}
.hchen a:nth-child(3){ background:url(../images/en.png) left center no-repeat;}
.hchen span:nth-child(4){background:url(../images/te.png) left center no-repeat;}
.hchen font{ color:#e95c0f}
.hchen em{ font-size:1.375em; font-weight:bold;}
.ban{ height:410px; width:100%;}
.ban-top{ display:none}
@media screen and (max-width:768px){
.nlo{ position:fixed;  width:100%; z-index:99;}
.marq{ display:none}
.hchen{ display:none}
.ban-top{ display:block; height:4.75em;}
}
.nmenu{}

/*导航样式*/
.mobile-inner-nav{ position:absolute; right:6%; top:67%; z-index:999; display:block;}
.mobile-inner-nav li{ float:left; position:relative}
.mobile-inner-header .np{ display:none; position:absolute;}
.mobile-inner-nav a{ display:block; float:left; color:#000; font-size:1em; text-align:center; padding:0 1.2em; border-left:1px solid #cbcbcb; text-align:center; line-height:1em; transition:all 0.3s}
.mobile-inner-nav a:last-child{ border-right:1px solid #cbcbcb}

.mobile-inner-nav a:hover,.mobile-inner-nav a.cur{ color:#e95c10;}
@media screen and (min-width:1600px){
.mobile-inner-nav{right:15%;}
.mobile-inner-nav a{margin:0 1.2rem; font-size:1em;}
.mobile-inner-nav a p{margin-top:26px;}

}

@media screen and (max-width:1024px){
.mobile-inner-nav a{ border:none}
.mobile{width: 100%; position:relative;}
.mobile-inner-header .np{ display:block; position:absolute; right:13%; top:35%; font-size:1.125em;}
.mobile-inner{width: 100%;}
.mobile-inner img{width:100%;}
.mobile-inner-header{background-color:#fff;width: 100%;height:4.75em; position: absolute;top: 0px;left: 0px; border-bottom:4px solid #ec921a}
.mobile-inner-header-icon{color:#fff;width:80px;height:50px;font-size:1.25rem;font-weight:bold;margin-top:40px;text-align: center;float:right;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s; margin-right:20px; }
.mobile-inner-header-icon:hover{cursor: pointer;}
.mobile-inner-header-icon span{position: absolute;left: calc((100% - 50%) / 2);top: calc((100% - 20px) / 2);width:70%;height:0.3rem;background-color:#3e3e3e; border-radius:5px;}
.mobile-inner-header-icon-out p {
    width: 70%;
    height: 0.3rem;
    background-color: #3e3e3e;
    position: absolute;
    left: 25%;
    bottom: 0.9em;
    display: block;
	border-radius:5px;
}
.mobile-inner-header-icon-click p{ display:none;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(18px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-18px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
@keyframes clickfirst {
0% {transform: translateY(18px) rotate(0deg);}
100% {transform: translateY(0) rotate(45deg);}}	
@keyframes clicksecond {
0% { transform: translateY(-18px) rotate(0deg);}
100% {transform: translateY(0) rotate(-45deg);}}	
.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;	animation-name: outfirst;}		
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
@keyframes outfirst {
0% {transform: translateY(0) rotate(-45deg);}
100% {transform: translateY(-18px) rotate(0deg);}}	
@keyframes outsecond {
0% {transform: translateY(0) rotate(45deg);}
100% {transform: translateY(18px) rotate(0deg);}}
.mobile-inner-nav{background-color: rgba(0,0,0,0.9);width: 100%;position: absolute;top:4.76em;left: 0px;padding-top:1rem;padding-bottom:3rem;display: none;	z-index:99999;}
.mobile-inner-nav li{ width:100%; float:none;}
.mobile-inner-nav a{display:inline-block;line-height:3rem;text-decoration: none;width:92%;color: #fff;border-bottom: solid 1px rgba(255,255,255,0.3);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; font-size:1.2rem; text-align:center;}
.mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);border-bottom: solid 1px rgba(255,255,255,0.2);}
.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;	animation-name: returnToNormal; font-size:1.25rem;}
.mobile-inner-nav a p{ display:none;}
@-webkit-keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% { opacity: 1;  -webkit-transform: none; transform: none;}}
@keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% {opacity: 1; -webkit-transform: none; transform: none;}}
}

/*面包屑*/
.loca{ height:31px; width:50%; background:#ec921a; position:relative; top:-7px;}
.mysite{ width:50%; background:url(../images/lodian_12.jpg) left center no-repeat; height:31px;}
.mysite p{ font-size:0.875em; color:#fff; line-height:31px; text-indent:1.5em;}
.mysite p a{ color:#fff;}
@media screen and (max-width:768px){
.loca{ display:none;}
}
.main{ min-height:600px; padding-bottom:50px;}
.leftmenu{ max-width:301px; position:absolute; top:7px; left:6%;}
.leftmenu img{ width:100%;}
.leftsort{ border-top:5px solid #9b231c; padding:1.5em 0;}
.leftsort h4{ text-align:center; text-transform:uppercase; font-size:1.125em;}
.leftsort h4 em{ color:#ec921a}
.leftsort h6{ text-align:center; font-size:1.375em; margin-bottom:10px;}
/*手机面包屑*/
.mloca{ display:none;}
.retrie{ display:none}
@media screen and (max-width:768px){
.mloca{ height:4em; background:#ec921a; display:block;}
.mloca li{ width:25%; text-align:center; float:left;}
.mloca li a{ color:#fff; line-height:3.2em; font-size:1.25em;}
.mloca li a:hover,.mloca li a.cur{ color:#e95c10}

/* ===== retrie分类下来 ===== */
.retrie {
	display:block;
  position: relative;
  z-index: 88;
  height: 66px;
  background-color: #ec921a;
  
}
.retrie dt { overflow: hidden }
.retrie dt a {
  position: relative;
  float: left;
  width: 100%;
  height: 66px;
  line-height: 66px;
  color: #fff;
  font-weight:bold;
  font-size: 1em;
  text-align: left;
  text-indent:1em;
}
.retrie dt a:after {
  position: absolute;
  top: 50%;
  left: 90%;
  margin-top: -4px;
  margin-left: 30px;
  width: 8px;
  height: 8px;
  border: #fff solid;
  border-width: 1px 1px 0 0;
  content: ' ';
  -webkit-transform: rotate(135deg);
}
.retrie dt .up {
  color: #fff;
 
}
.retrie dt .up:after {
  margin-top: 0;
  border: #fff solid;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(-45deg);
}
.retrie dt a:last-child:before {
  position: absolute;
  top: 10px;
  left: 0;
  display: block;
  width: 0px;
  height: 30px;
  background-color: #ebebeb;
  content: ' ';
}
.retrie dd { position: relative; }
/* ===== slide-area ===== */
.slide {
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 104;
  display: none; 
  width: 100%;
  overflow-y: auto;
  background:rgba(197,197,197,0.5)
}
.slide li {
  display: block;
  height: 62px;
  width:100%;
}
.slide li a {
	color:#000;
  display: block;
  height: 60px;
  background-color: transparent;
  line-height: 60px;
  border-bottom: 1px solid rgba(255,255,255,0.5);
  width:96%;
  margin:0 auto;
  text-indent:1em; 
  font-size:1em;
}
.slide li a:hover,
.slide li a.selected { color:#ed9627;}

.slide li a.select { background-color: #fff; }

}
/*主页面*/
.kong{ width:25%;}
.bai{ background:url(../images/mbg.jpg) left top no-repeat, url(../images/mbt.jpg) right bottom no-repeat; width:68%; margin-right:5%; padding:40px 0 0 2%; margin-top:34px;}
.bai1{ background:url(../images/mbg.jpg) left top no-repeat; width:68%; margin-right:5%; padding:40px 0 0 2%; margin-top:34px;}
.bai2{ width:73%; padding:0 0 0 2%; margin-top:34px;}
@media screen and (min-width:1600px){
.kong{ width:20%;}
.bai{ width:73%; }
.bai1{width:73%; }
}
@media screen and (max-width:768px){
.kong{ width:0%;}
.bai{ width:94%; margin:0 auto; padding:40px 0 0; float:none !important;background:url(../images/mbg.jpg) left top no-repeat;}
.bai1{ width:94%;margin:0 auto; padding:40px 0 0; float:none !important;}
.bai2{ width:94%; padding:40px 0 0 0;margin:0 auto; float:none !important;}
}
/*公司简介*/
.alig{ width:32%;}
.alig p{ font-size:0.875em; text-indent:2em; margin:10px 0 0; line-height:1.5em;}
.alig p em{ color:#ec921a}
.arig{ width:66%;}
.arig img{ width:100%;}
@media screen and (max-width:768px){
.alig{ width:100%; margin:2% 0;}
.arig{ width:100%;}
}
.a1{ position:relative;}
.a2{ position:relative; padding-bottom:5%;}
.apig{ width:40%;}
.apig img{ width:100%;}
.aqig{ width:58%; padding-top:3%;}
.aqig p{ font-size:0.875em;line-height:1.5em;}
.aqig p em{ color:#ec921a}
@media screen and (max-width:768px){
.apig{ width:100%; margin-top:2%;}
.aqig{ width:100%; margin-top:2%; padding-bottom:50px;}
}

/*荣誉证书*/
.honorlist{ padding-bottom:80px;}
.honorlist li{ position:relative; width:24.6%; border:1px solid #adadac;float:left; transition:all 0.3s}
.honorlist li:hover{ border:1px solid #ec921a;}
.honorlist li:hover p{ color:#ec921a; }
.honorlist li p{ position:absolute; left:3%; top:3%;transition:all 0.3s;}
.honorlist li .i1{ width:100%; }
.honorlist li .i2{ position:absolute; right:0; bottom:0; width:60%;}
@media screen and (max-width:768px){
.honorlist li{ width:49.6%}
}

/*联系信息*/
.con-in{ padding-bottom:50px;}
.map img{ width:100%;}

/*留言*/
.tousu-box { overflow:hidden; width:100%;}
.tousu-box ul{ overflow:hidden; width:105%; height:340px; margin-bottom:20px;}
.tousu-box li{ float:left; width:43.8%; height:48px; border:1px solid #cecece; margin-right:40px; margin-bottom:20px;}
.tousu-box li img{ display:block; float:left; border-right:1px solid #cecece;}
.tousu-box li input{ float:left; width:82%; padding:0 10px; border:none; outline:none; line-height:48px; height:48px; font-size:14px; color:#888; background:none}
.tousu-box li select{ float:left; width:88%; padding:0 10px; border:none; outline:none; line-height:48px; height:48px; font-size:14px; color:#888; background:none}
.tousu-box .last{ width:92%; height:198px;}
.tousu-box .last span{ display:block; width:5%; height:198px; background:url(../images/tousu05.png) no-repeat center; border-right:1px solid #cecece; float:left;}
.tousu-box textarea{ overflow:hidden; width:92%; padding:10px; height:178px; font-size:14px; color:#888; border:none; outline:none; resize:none; display:block; float:left; background:none}
.tousu-box .btn11{ display:block; width:180px; height:40px; text-align:center; line-height:40px; cursor:pointer; background-color:#ab2325; font-size:16px; color:#fff; border-radius:5px; border:none}
@media screen and (max-width: 768px){
	.tousu-box ul{ height:500px}
.tousu-box li{ width:90%; margin-right:0}
.tousu-box li input{ width:88%}
.tousu-box li select{}
.tousu-box .last{ width:90%;}
.tousu-box textarea{ width:90%;}
}

/*新闻资讯*/
.new-name p{ font-size:1.5em; color:#313130; text-transform:uppercase;}

.newlist{ width:100%; margin-top:28px; max-height:116px; cursor:pointer}
.newlist .ndate{ float:left; width:25%; background:#303130; transition:all 0.3s}
.newlist .ndate .nopic{ width:70%;}
.newlist .ndate .nopic img{ width:100%;}
.newlist .ndate .ntime{ text-align:center; width:30%;}
.newlist .ndate .ntime p{ color:#fff; font-size:2.5em;  padding:10px 0 0;}
.newlist .ndate .ntime span{ color:#fff; font-size:0.75em;}

.ncon{ width:73%; float:right}
.ncon p{ background:url(../images/dct.jpg) left bottom no-repeat; min-height:30px; background-size:100%; text-indent:0.8em; position:relative; transition:all 0.3s}
.ncon p img{ position:absolute; right:0; bottom:5px;}
.ncon span{ transition:all 0.3s; display:block; margin:0.5em 0; font-size:0.875em;}

.newlist:hover .ndate{ background:#ec921a}
.newlist:hover .ncon p{ color:#ec921a}
.newlist:hover .ncon span{color:#ec921a}

@media screen and (min-width: 1600px){
.newlist .ndate .ntime p{ padding:30px 0 0;}
.ncon p{ min-height:40px; font-size:1em;}
.ncon p img{ bottom:10px;}
.ncon span{margin:1em 0;}
}
@media screen and (max-width: 768px){
.newlist .ndate{ display:none}
.ncon{ width:100%;}
.ncon p{ min-height:50px; font-size:1.25rem;}
.ncon p img{ display:none}
.ncon span{ line-height:1.5em; font-size:1em}
}


/*新闻内页*/
.nbg{ padding:1.25em; margin-top:1.5em}
.news-title{width:100%; height:30px; line-height:30px; text-align:center; font-size:1.25em; font-weight:bold; margin:0 auto; color:#242424;}
.news-type{width:100%; height:24px; text-align:center; margin:0 auto; color:#242424;font-size:0.875em; border-bottom:#242424 1px dotted;}
.news-content{width:100%; margin:0 auto; font-size:1em; line-height:24px; line-height:1.5em; color:#242424}
.news-pn{ font-size:0.875em;line-height:20px; color:#242424}
.news-pn a{ color:#242424; font-size:0.875em;}
/*相关新闻*/
.xgnews{margin:40px auto;}
.xgnews-tit{height:40px;line-height:40px;border-bottom:1px solid #CCC;padding-left:20px; font-size:16px; color:#242424;}
.xgnews-con{border-top:1px solid #242424;border-top:none;padding:10px 20px;}
.xgnews-con li{width:45%;float:left;height:30px;line-height:30px;margin-right:30px; overflow:hidden;}
.xgnews-con li span{float:right; color:#242424}
.xgnews-con li a{ padding-right:10px; color:#242424;}
.xgnews-con li a:hover{ color:#333;}
@media screen and (max-width: 768px){
	.knd{ padding:1em }
	.news-title{ font-size:1.375rem; line-height:1.5em; height:auto;}
.news-content{ font-size:1.25rem !important; line-height:2rem !important;}
.news-content span{ font-size:1.25rem !important; }
.news-content p{ font-size:1.25rem !important;}
.news-pn{ font-size:1.25em; line-height:1.875em;}
.news-pn span{ width:100%; display:block;}
.xgnews-tit{ font-size:1.25em;}
.xgnews-con li{ width:100%; height:2.875em; line-height:2.875em;}
.xgnews-con li{ width:100%; margin:0; line-height:2.875em;}
}

/*产品中心*/
.prolist{ width:100%;}
.prolist li{ position:relative; width:22.7%; border:1px solid #adadad; border-bottom:4px solid #adadad; overflow:hidden; float:left; margin:0 1.5% 10px 0;}
.prolist li .prod{ width:100%; height:100%;}
.prolist li .prod .pp1{ width:100%; transition:all 0.5s; transform:scale(1); overflow:hidden;}
.prolist li:hover .pp1{ transform:scale(1.02)}
.prolist li .pp2{ position:absolute; bottom:0px; right:0px; width:60%;}
.prolist li .pp3{}
.prolist li .pp3 p{ color:#000000; font-size:0.875em;  width:95%; min-height:30px; margin:0 auto; padding-top:5px; line-height:1.5em;}
.prolist li .pp3 font{ color:#000000; font-size:0.75em;}
.prolist li:hover{border:1px solid #de873c;border-bottom:4px solid #de873c;}


@media screen and (max-width: 768px){
.prolist li{ width:48%}
}

/*产品展示*/
.p-img{ overflow:hidden; width:50%; height:auto;}
.p-img img{ width:98%; max-width:100%;border:1px solid #ddd}
.p-miao{ width:45%; max-height:460px; overflow:hidden}
.p-miao h4{ font-size:1.375rem; font-weight:bold; color:#ec921a; padding:0.5em 0 0; width:100%; border-top:1px solid #eeeeee}
.p-miao .ap{ font-size:1rem; color:#6b6b6b}
.p-miao .oc{ padding:1rem 0; font-size:1rem}
.p-miao .aspan{ background:url(../images/pss_07.jpg) left center no-repeat; display:block; padding-left:20px; font-size:0.875rem;}
.p-miao a{ display:block; padding:0.875rem 2rem; background:#008a17;color:#FFF; margin-top:1rem; line-height:1.750rem; width:12%; text-align:center;}

.p-con{ width:100%;}
.p-con h4{ width:100%; font-size:1.125rem; font-weight:bold; color:#ec921a; padding:1rem 0; border-bottom:3px solid #ec921a }
.p-con .mas{ padding:2rem 1rem; width:auto; border:1px solid #cecece}
.p-con .mas img{ max-width:100%;}
.p-con .mas{ font-size:1rem;}

@media screen and (min-width:768px) and (max-width: 1024px){.p-list li{ width:48.5%;}}
@media screen and (max-width: 767px){
	.p-list li{ width:48.5%;}
	.p-img{ width:100%; border:1px solid #ddd}
	.p-img img{ width:100%; max-width:99%; border:none}
	.p-miao{ width:100%; height:auto}
	.p-miao a{ width:auto; text-align:center;}
	.p-con .mas{ font-size:1.5rem !important; line-height:150%}
	.p-con .mas p{font-size:1.5rem !important; line-height:150%}
	.p-miao .oc{ padding:1rem 0; font-size:1.5rem}
	.p-con .mas span{font-size:1.5rem !important; line-height:150%}
	.dd{ margin-bottom:10px;}
	}
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}
.slick-slider
{ 
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
	height:auto; width:600px;
	
	margin:10px auto; 
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 27px;
    height: 51px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;
	z-index:111;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev img,
.slick-next img{ border:none}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 10px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
}
[dir='rtl'] .slick-prev:before
{
    
}

.slick-next
{
	right:5px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 10px;
}
.slick-next:before
{
   
}
[dir='rtl'] .slick-next:before
{
    
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}