﻿

.main{ background-image:url("../images/bg.png")/*tpa=http://www.zgcnlg.com/images/bg.png*/; width:100%; background-color:#f7f7f7}



.top{width:100%;}

.logo a img{max-width:100%; padding:15px 0;}

.top_share{ padding:22px 0;}

.top_share a,.top_share a img{ padding-right:10px; font-size:16px;color:#666666; line-height:22px;}

.top_menu{ width:100%;box-shadow: 0 2px 3px 0px rgba(0,0,0,.2); z-index:10; position:relative;}

.top_share a span{ font-size:24px;color: #e20f1a}





#top_nav{ background-color:Transparent;}

.navbar{ margin-bottom:0;}

.nav>li>a{ font-size:16px; padding:10px 17px; color:#333 !important;line-height:30px; position:relative; z-index:12;}

.nav>li>a:before{ content:""; position:absolute; left:0;bottom:0;right:0; top:0; z-index:-1; background-color:#e20f1a; -webkit-transform: scaleY(0); transform: scaleY(0);

-webkit-transform-origin: 0 100%;

  transform-origin: 0 100%;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;                  

}

#top_lang li a{ padding:10px 12px !important;}

#top_lang li a:before{ content:normal !important;}

#top_lang .active a{color:#fff !important; background-color:#26a6a7!important; background-image:url("../images/l_bg.png")/*tpa=http://www.zgcnlg.com/images/l_bg.png*/; background-position:center center; background-repeat:no-repeat;}

#top_lang li a:hover{color:#333 !important;}

.top_contact span{ float:left; display:block; width:100%;}

.navbar-default{ border:none;}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover{ background-color:Transparent!important; color:#fff!important;}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover:before, .navbar-nav>.open>a:before{ -webkit-transform: scaleY(1); transform: scaleY(1);}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{ color:#fff!important;}

.navbar-default .navbar-nav>.active>a{ color:#fff!important;}

.navbar-default .navbar-nav>.active>a:before{ -webkit-transform: scaleY(1); transform: scaleY(1);}

.open>a{ background-color:#e20f1a !important;}

@media (min-width: 768px)and (max-width:1200px)

{

}

@media(max-width:767px)

{

.top_share{ padding:15px 0; float:right;}

.top_share a{ display:block;}



}

.search{ float:right;}

.search_border{ padding:5px; border:solid 1px #ccc; float:right;}

.search_border #key{ float:left; width:auto; height:24px; border:none; border-right:solid 1px #ccc; font-size:14px;}

.search_border #key:focus{outline:none}

.search_border select{ float:left; border:none;outline:none; height:24px; font-size:14px;}

.search #sub{float:right; height:36px; border:none; background-color:#e20f1a; border-bottom:solid 3px #d8141f; color:#FFF; padding:0 15px; text-transform:uppercase;font-size:14px;}



section{position:relative; z-index:1;}

.carousel-indicators{ width:100%; left:0; margin-left:0; margin-bottom:0;}

.carousel-indicators li{ text-indent:0; width:auto; height:auto; border:solid 2px #fff; border-radius:0; }

.carousel-indicators li.active{ text-indent:0; width:auto; height:auto; border:solid 2px #fff; }

.carousel-pc-generic .item img{ width:100%!important;}



.frame{padding-top:15px; float:left; width:100%;}







#frame1{ padding-top:45px;}

.ab{ float:left; width:100%; background-image:url("../images/ab_bg.jpg")/*tpa=http://www.zgcnlg.com/images/ab_bg.jpg*/; background-position:right top; background-repeat:no-repeat; }

.context{ float:right; width:46%; padding:35px;}

.context span{ float:right; font-size:12px; line-height:24px;color:#414548; padding-bottom:30px; }

.context h3{ text-transform:uppercase; font-weight:bold; font-size:30px; padding:5px 0;}

.context h4{ font-size:24px; color:#414548; padding-bottom:10px; position:relative; margin-bottom:10px;}

.context h4:after{ content:""; background-color:#e20f1a; width:16px; height:2px; position:absolute; bottom:0; right:0;}

.context a{ float:right; color:#fff; background-color:#e20f1a; padding:10px 30px; border-radius:50px; text-transform:uppercase;}

.context a:hover{color:#fff}

.video{ float:left;width:54%;}

.ab1{ padding:15px 0;float:left; width:100%;}

.ab_text>a{float:left; width:100%;}

.ab_text>a>img{ width:100%;}

.ab_text>h4{ font-size:18px; padding:12px 0; float:left; width:100%;}

.ab_text>h4>span{ color:#e20f1a;}

.ab_text>p{color:#666666; float:left; width:100%; padding-bottom:14px;}

.honor_frame{float:left; width:100%; padding:15px 0; margin-top:15px; }

.honor{ padding:0 15px;}

.honor img{box-shadow: 0 2px 4px 0px #bebebe; border-color:#f0f0f0; width:100%; margin-bottom:0;}

.honor_txt{ background-color:#54a755; padding:0 15px; color:#fff;float:left;}

.honor_txt h3{ padding:15px 0; position:relative; margin-bottom:15px;float:left;}

.honor_txt h3:before{ content:""; background-color:#fff; width:16px; height:2px; position:absolute; bottom:0; left:0; }

.honor_txt p{ line-height:24px; max-height:96px; margin-bottom:15px; float:left; overflow:hidden;}

.honor_txt a{ float:left; padding-left:5px; margin-bottom:30px;}

.arrow-left 

{

	position:absolute; 

	left:-15px;

	top:calc(50% - 15px);

    width: 0;  

    height: 0;  

    border-width: 15px;  

    border-color: transparent  #54a755 transparent transparent;  

    border-style: dashed solid dashed dashed ;  

} 

@media (min-width: 768px)and (max-width:1200px)

{.ab1{ margin-top:15px;}

} 

@media(max-width:767px){

.ab,.ab_text,.honor_frame { background-color:#fff;}

.context{ width:100%;}

.honor_txt{ margin-top:15px;}

.ab_text{ padding-top:15px;}

.video{width:100%;}

}





#frame2{;}

#partner_owl{  padding:15px 0; background-color:#fff;}

@media(max-width:767px){

#partner_owl{ background-color:#fff;}

}



#frame3{}

.index_title{ padding:30px 0;}

.index_title h2{ font-size:30px;color:#e20f1a; text-transform:uppercase; font-weight:bold; background-image:url("../images/title_bg.png")/*tpa=http://www.zgcnlg.com/images/title_bg.png*/; background-position:center center; background-repeat:no-repeat;}

.index_title p{ text-transform:uppercase;font-size:12px;  display:block;}

.why_frame{ float:left; width:100%; padding-bottom:30px;}

.why a{ display:block;}

.why a img{ width:100%;}

.why a span{ display:block; text-align:center; font-size:14px; padding:15px 0}	

.why p{ display:block; text-align:center;color:#666666; padding:5px;}

@media(max-width:767px){

.index_title,.why{ background-color:#fff;}

}



#frame4{}

@media (min-width:1200px)

{

.my-md-2{ float:left; width:21%; padding:0;}

.my-md-6{ float:left; width:58%; padding: 0 20px;}

} 



.cate_title{ background-color:#e20f1a; color:#fff; padding:20px; background-image:url("../images/cate_bg.png")/*tpa=http://www.zgcnlg.com/images/cate_bg.png*/; background-position:right top; background-repeat:no-repeat; border-bottom:solid 1px #dbdbdb;}

.cate_title h3{ font-size:30px; font-weight:bold; text-transform:uppercase;}

.cate_title h4{ font-size:24px;}

.cate_list{ padding-bottom:45px;}

.cate_list ul{ background-color:#fff}

.cate_list ul li a{ display:block; padding:15px 30px; font-size:14px; border-bottom:solid 1px #dbdbdb; position:relative;}

.cate_list ul li a:before{ content:""; position:absolute; width:8px; height:8px; border:solid 1px #333333; border-radius:50px; top:calc(50% - 4px); left:15px;-moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}

.cate_list ul li a:after{ content:url("../images/menu.png")/*tpa=http://www.zgcnlg.com/images/menu.png*/; position:absolute; right:40px; top:40%;opacity:1; -moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}

.cate_list ul li:hover>a{ color:#fff!important; background-color:#e20f1a }

.cate_list ul li:hover a:before{ border-color:#fff;}

.cate_list ul li:hover a:after{content:url("../images/menu_h1.png")/*tpa=http://www.zgcnlg.com/images/menu_h1.png*/; }

.cate_list ul li.active>a{ color:#fff; background-color:#e20f1a }

.cate_list ul li.active a:before{ border-color:#fff;}

.cate_list ul li.active>a:after{content:url("../images/menu_a1.png")/*tpa=http://www.zgcnlg.com/images/menu_a1.png*/; }



.cate_list ul li.active .child{ padding:0 5px;}

.cate_list ul li.active .child>li>a{ color:#333333;padding:15px 25px; background-color:#f7f7f7;}

.cate_list ul li.active .child>li>a:before{ left:10px; }

.cate_list ul li.active .child>li>a:after{ right:35px;content:url("../images/menu_h.png")/*tpa=http://www.zgcnlg.com/images/menu_h.png*/; }

.cate_list ul li.active .child>li.active>a:after{content:url("../images/menu_a.png")/*tpa=http://www.zgcnlg.com/images/menu_a.png*/;}



.cate_list ul li.active .child li>.gchild>li>a{ border-bottom:solid 1px #ebebeb; padding:10px 40px; color:#777;}

.cate_list ul li.active .child li>.gchild>li>a:before{left:25px;  }

.cate_list ul li.active .child li>.gchild>li>a:after{content:url("../images/menus.png")/*tpa=http://www.zgcnlg.com/images/menus.png*/; right:35px; }



.hot_cate{ float:left; width:100%; border-bottom:solid 5px #d30000; padding-bottom:15px}

.hot_cate a.name{ font-size:24px; padding:15px 30px; float:left; }

.hot_cate p{ display:block; float:left; padding:0 30px;}

.hot_cate a.viewmore{ float:right; border:solid 1px #dbdbdb; padding:8px 30px; position:relative; margin-right:30px; margin-top:10px; }

.hot_cate a.viewmore:after{ content:"+"; color:#d30000; position:absolute; top:-9px; right:-3px; background-color:#fff; padding-left:8px; }

.cate1{ background-image:url("../images/bg1.jpg")/*tpa=http://www.zgcnlg.com/images/bg1.jpg*/; background-position:center center; background-repeat:no-repeat; padding:30px 60px 94px 30px;  float:left; width:100%; }

.cate1 a{ padding:15px 20px; background-color:#e20f1a; margin-bottom:15px; font-size:16px; color:#fff; position:relative; border:solid 1px #e20f1a;  float:left; width:100%; }

.cate1 a:before{ content:""; position:absolute; width:0;height:0; border-width:6px;border-color:transparent transparent transparent #fff;border-style: dashed dashed dashed solid; left:35px; top:calc(50% - 6px); -moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}

.cate1 a:hover{ color:#e20f1a; background-color:#c2cdd1;}

.cate1 a:hover:before{border-color:transparent transparent transparent #e20f1a; }

@media (min-width: 768px)and (max-width:1200px)

{

.my-md-2{ padding-right:0;}

.cate_title h3{ font-size:25px;}



 .cate_list { padding-bottom:0;}

} 

@media(max-width:767px){

.my-md-2,.my-md-6{ width:100%; padding:0 15px;}

.cate_list,.hot_cate,.cate1{ background-color:#FFF;}

.hot_cate a.viewmore{ margin-right:calc(50% - 55px);}

}



#frame5{ padding-bottom:40px;}

.title{ padding:30px 0;}

.title h3{ font-size:30px; font-weight:bold; text-transform:uppercase; }

.title span{ font-size:24px; position:relative; padding-bottom:15px;}

.title span:before{content:""; background-color:#e20f1a; width:16px; height:2px; position:absolute; bottom:0;left:calc(50% - 8px); }

.pro_context{ float:left; width:100%;}

.pro{ padding-bottom:10px; text-align:center; }

.pro a{ float:left; width:100%;}

.round{border: 3px solid transparent;-webkit-border-image:url("../images/border.png")/*tpa=http://www.zgcnlg.com/images/border.png*/ 3 3 stretch;-o-border-image:url("../images/border.png")/*tpa=http://www.zgcnlg.com/images/border.png*/ 3 3 stretch;border-image:url("../images/border.png")/*tpa=http://www.zgcnlg.com/images/border.png*/ 3 3 stretch; padding:3px; background-color:#fff; margin-bottom:10px;}

.pro a:hover{ float:left; width:100%; border-color:#e20f1a}

.pro_img{ float:left; width:100%;overflow:hidden;}

.pro_img img{ width:100%; -moz-transition:all .6s ease-out;-webkit-transition:all .6s ease-out;-o-transition:all .6s ease-out;transition:all .6s ease-out }

.pro:hover img{ transform:scale(1.1);}

.pro span{ font-size:14px;}

.pro_more{ padding:30px 0;}

.pro_more a{ background-color:#d30000;color:#fff; padding:10px 15px 10px 30px; border-radius:50px; font-size:16px;  }

.pro_more a:after{ content:url("../images/jiantou.png")/*tpa=http://www.zgcnlg.com/images/jiantou.png*/;vertical-align:text-top; padding-left:5px;}

.pro_more a:hover{ background-color:#e20f1a; color:#FFF;}

@media(max-width:767px){

.title,.pro_context{ background:#fff;}

}



#frame6{}

.use_item{ float:left; width:100%;}

.use{ padding:30px; float:left; width:100%;}

.use a{ font-size:24px; position:relative; padding-bottom:10px; float:left; margin-bottom:25px; }

.use a:before{content:""; background-color:#e20f1a; width:60px; height:2px; position:absolute; left:0; bottom:0;}

.use p{ float:left; line-height:24px;height:168px; overflow:hidden;}

#use_owl{ position:relative;}

#use_owl .owl-controls{ text-align:left; padding-left:40px; position:absolute;  left:50%; top:269px;}

#use_owl .owl-page>span{ border-radius:0; margin-right:0px; background-color:#666666; opacity:1;}

#use_owl .owl-page.active>span{ background-color:#e20f1a!important; }

.use_more{ clear:both; font-size:12px !important;  margin-bottom:0px !important;  color:#e20f1a; text-transform:uppercase; border:solid 1px #e20f1a; padding:5px 15px !important;border-radius:50px;  margin-top:45px; float:left;}

.use_more:before{content:"";background-color:Transparent!important; clear:both;}

.use_more:hover{ background-color:#e20f1a; color:#fff;}

@media(max-width:767px){

.use{ background-color:#fff;}

#use_owl .owl-controls{ display:none !important; }

}



#frame7{ padding:15px 0; float:left; width:100%; }

.news_item{ padding-bottom:12px;}

.news_item a{ display:block;}

.news_item a span{ display:block; text-align:center; font-size:14px; padding:6px 0}	

.news_item p{ display:block; text-align:center; color:#666;padding:5px; max-height:38px; overflow:hidden;}

@media(max-width:767px){

.news_item{ background-color:#fff;}

}



#frame8{ background-image:url("../images/bg3.png")/*tpa=http://www.zgcnlg.com/images/bg3.png*/; background-position:bottom center; background-repeat:no-repeat; padding:30px 0; margin-bottom:15px;}

.vrlink {

  background: none;

  border: 0;

  font-size:18px;

  padding:10px 30px 10px 30px;

  text-align: center;

  text-transform: capitalize;

  position: relative;

  border:solid 1px #666;

  border-radius:10px;



}

.vrlink i{ min-width:30px;}

.vrlink:hover{color:#e20f1a;     

              

}

.draw::before, .draw::after {

  border: 1px solid transparent;

  width: 0;

  height: 0;



}

.draw::before {

  top: 0;

  left: 0;

  -webkit-transition: border-color 0.5s ease-in 0.5s,width 0.25s ease-in 0.75s,height 0.25s ease-in 0.5s;

    transition: border-color 0.5s ease-in 0.5s,width 0.25s ease-in 0.75s,height 0.25s ease-in 0.5s;

}

.draw::after {

  bottom: 0;

  right: 0;

  -webkit-transition: border-color 0.5s ease-in,width 0.25s ease-in 0.25s,height 0.25s ease-in;

    transition: border-color 0.5s ease-in,width 0.25s ease-in 0.25s,height 0.25s ease-in;

}

.draw:hover::before, .draw:hover::after {

  width: 100%;

  height: 100%;

}

.draw:hover::before {

  border-top-color: #e20f1a;

  border-right-color: #e20f1a;

  -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;

          transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;

}

.draw:hover::after {

  border-bottom-color: #e20f1a;

  border-left-color: #e20f1a;

  -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;

          transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;

}

@media(max-width:767px){



}







footer{ background-color:#272727; float:left; width:100%; background-image:url("../images/map.png")/*tpa=http://www.zgcnlg.com/images/map.png*/; background-position:top center; background-repeat:no-repeat;}

.foot-menu h3{ font-size:18px; color:#cecece; padding-bottom:15px;float:left;padding-top:40px;}

.foot-menu li{ float:left; width:100%;color:#999; font-size:14px; line-height:32px;}

.foot-menu li a{ float:left; width:100%; color:#999; line-height:32px; font-size:14px;}

.foot-menu li a:hover{ color:#fff;}

.foot-menu li a:before{ content:"-"; padding-right:5px;}



.erweima{ float:left; margin-top:15px; text-align:center;background-image:url("../images/erweima_bg.png")/*tpa=http://www.zgcnlg.com/images/erweima_bg.png*/; background-repeat:no-repeat; background-size:100% 100%; padding-top:15px;  padding-left:15px;padding-right:15px;}

.erweima span{ width:50%; float:left; color:#fff; text-align:center; padding-left:7.5px;}

.erweima span:first-child{ padding-right:7.5px;padding-left:0;}



.share{ padding-bottom:30px;}

.share span{ color:#cecece; font-size:18px;}



.copy_by{ border-top:solid 1px #464646; padding-top:20px; padding-bottom:20px;}

.copy_by .by span.copy{font-size:12px; color:#999; line-height:24px; float:left; padding-right:30px; }

.copy_by .by a{font-size:12px; color:#999; line-height:24px; float:left;padding-right:15px; }

.copy_by .by a:hover{color:#fff;}

.copy_by .by i{ float:left;}

.copy_by .by i:before{ content:"|"; padding-right:15px; line-height:24px;color:#999 }





@media (min-width: 768px)and (max-width:1200px)

{

.foot-menu h3{ min-width:100%;}

}

@media(max-width:767px)

{

.erweima{width:100%; padding-top:15px;padding-bottom:15px;}

.copy_by .by,.copy_by .foot_lang{ width:100%; padding-left:0px;}

}



.tianqi{ position:absolute; top:800px; left:30px;padding:5px; background-color:#f7f7f7} 

.fixed{ position:fixed !important;top:500px;} 

#lanren{width:112px;position:fixed;right:-80px;top:50%;margin-top:-220px;z-index:999;}

#lanren .kfleft{width:32px;height:168px;background:url("../images/kefu.png")/*tpa=http://www.zgcnlg.com/images/kefu.png*/ no-repeat;cursor:pointer;float:left;}

#lanren ul{width:80px;height:242px;background:url("../images/kefu1.png")/*tpa=http://www.zgcnlg.com/images/kefu1.png*/ no-repeat;float:left;}

#lanren ul li a{width:80px;height:80px;display:block;margin-bottom:1px;background:#EEE;-moz-opacity:0.4;filter:alpha(opacity=40);opacity:0.4;}

#lanren ul li a:hover{-moz-opacity:0;filter:alpha(opacity=0);opacity:0;transition:all 0.5s linear;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;}



.nei_menu{ background-color:#fff; float:left; width:100%;}

.nei_tab{float:left; width:100%; }

.nei_tab span{ float:left;color:#999999; font-size:14px; padding:24px 0; }

.nei_tab ul{ float:right;}

.nei_tab ul li{ float:left;margin:0 25px; font-size:14px; cursor:pointer;}

.nei_tab ul li a{ float:left; padding:24px 0;border-bottom:solid 3px #fff;}

.nei_tab ul li:hover a,.nei_tab ul li.active a{ border-bottom-color:#26a3aa; } 

.home:before{ content:url("../images/home.png")/*tpa=http://www.zgcnlg.com/images/home.png*/;}

.jiantou:before{content:url("../images/nei_L.png")/*tpa=http://www.zgcnlg.com/images/nei_L.png*/; padding:24px 15px;}

.nei_frame{ float:left; width:100%; padding:30px 0;}

.nei_title{ float:left; width:100%; padding:15px 0;}

.nei_title h3{color:#e20f1a; font-size:36px;}

.nei_title span{float:left; color:#e1e0e0; font-size:30px; font-weight:bold; text-transform:uppercase;}

.nei_title a{ float:right; font-size:18px; color:#fff; background-color:#e20f1a; padding:10px 20px  10px 40px ; position:relative;}

.nei_title a:before{ content:"";position:absolute; width:0;height:0; border-width:6px;border-color:transparent transparent transparent #fff;border-style: dashed dashed dashed solid; left:20px; top:calc(50% - 6px); -moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}

.nei_context p{ line-height:28px; font-size:14px; color:#777777;}



.nei_context_pic span{color:#333333; font-weight:bold; font-size:14px; float:left; padding:15px 0;  }

.nei_context_pic p{float:left;}

#honor_bg{ background-image:url("../images/honor_bg.jpg")/*tpa=http://www.zgcnlg.com/images/honor_bg.jpg*/; background-position:center center; background-repeat:no-repeat; padding:50px 0;}

#histroy_bg{background-image:url("../images/his_bg.jpg")/*tpa=http://www.zgcnlg.com/images/his_bg.jpg*/; background-position:top center; background-repeat:no-repeat; padding:50px 0; position:relative;}

#organization_bg{}

#partner_bg{ background-color:#fff; min-height:500px; padding:50px 0 }

.partner_item{ background-color:#fff; padding-bottom:15px; margin:15px 0;}

.partner_item span{ text-align:center; display:block;}

.hpic{ width:20%; padding: 0 15px; float:left; text-align:center; margin-top:30px; cursor:pointer; }

.hpic_bg{  border:solid 1px #e20f1a;background-color:#e20f1a; width:100%;  border-radius:50%; float:left; background-position:center top 40%; background-repeat:no-repeat; position:relative; -moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}

.hpic_bg:hover{ background-color:Transparent;}

.hpic_bg span{ position:absolute; bottom:15%; width:100%; left:0; font-size:14px; color:#fff; -moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}

.hpic_bg:hover span{ color:#777777;}

.hpic_bg.pic1{ background-image:url("../images/pic1.png")/*tpa=http://www.zgcnlg.com/images/neiye/pic1.png*/}

.hpic_bg.pic2{ background-image:url("../images/pic2.png")/*tpa=http://www.zgcnlg.com/images/neiye/pic2.png*/}

.hpic_bg.pic3{ background-image:url("../images/pic3.png")/*tpa=http://www.zgcnlg.com/images/neiye/pic3.png*/}

.hpic_bg.pic4{ background-image:url("../images/pic4.png")/*tpa=http://www.zgcnlg.com/images/neiye/pic4.png*/}

.hpic_bg.pic5{ background-image:url("../images/pic5.png")/*tpa=http://www.zgcnlg.com/images/neiye/pic5.png*/}

.hpic_bg:hover.pic1{ background-image:url("../images/hpic1.png")/*tpa=http://www.zgcnlg.com/images/neiye/hpic1.png*/}

.hpic_bg:hover.pic2{ background-image:url("../images/hpic2.png")/*tpa=http://www.zgcnlg.com/images/neiye/hpic2.png*/}

.hpic_bg:hover.pic3{ background-image:url("../images/hpic3.png")/*tpa=http://www.zgcnlg.com/images/neiye/hpic3.png*/}

.hpic_bg:hover.pic4{ background-image:url("../images/hpic4.png")/*tpa=http://www.zgcnlg.com/images/neiye/hpic4.png*/}

.hpic_bg:hover.pic5{ background-image:url("../images/hpic5.png")/*tpa=http://www.zgcnlg.com/images/neiye/hpic5.png*/}

.Message{ float:left; width:100%; padding-top:30px;}

.Msg{ float:right; padding:15px;}

.Msg span{ color:#777;}

.Msg span.num{ font-size:65px; line-height:65px; position:relative;}

.Msg span.num:after{ content:url("../images/neiye/asd45a3sd.png")/*tpa=http://www.zgcnlg.com/images/neiye/asd45a3sd.png*/; position:absolute; right:-19px; top:0;}

.Msg span.text{ display:block; font-size:24px; line-height:24px; }



.fenlei{float:left; border:solid 1px #c7c7c7; padding:2px; width:100%; margin-bottom:30px;}

.fenlei_bg{float:left; background:-webkit-gradient(linear,0 0,0 bottom, from(#fff),to(#e5e5e5)); padding:20px; width:100%}

.fenlei_item{ float:left; width:100%; margin-bottom:15px;}

.fenlei_item h3{ font-size:14px; background-color:#e20f1a; float:left; color:#fff; padding:8px 15px; position:relative;  }

.fenlei_item h3:after{ content:""; position:absolute;top:calc(50% - 8px);width: 0;height: 0;border-width: 8px;border-color: transparent  transparent  transparent  #e20f1a; border-style: dashed  dashed dashed solid ; right:-15px;}

.fenlei_item a{ font-size:14px; float:left; line-height:31px; padding-left:7px; }

.fenlei_item a:before{ content:""; border-left:solid 2px #777; padding-left:7px; }

.fenlei_item a.first{padding-left:15px;}

.fenlei_item a.first:before{ content:""; border-left:solid 0 #fff; padding-left:0px; }

.news_frame{ float:left; width:100%; background-color:#fff;}

#news_r{ float:left; width:100%; position:relative; padding:15px 0; }

#news_owl_left,#news_owl_right{ position:absolute; left:0; z-index:10; top:calc(50% - 37px); cursor:pointer; opacity:0.1;}

#news_owl_left:hover,#news_owl_right:hover{ opacity:1;}

#news_owl_right{ right:0; left:inherit;}

#news_owl{ position:relative;}

#news_owl span{ background-color:rgba(216,19,28,.70);  color:#fff; font-size:24px; position:absolute; bottom:0; width:100%; text-align:center; overflow:hidden; display:block;white-space:nowrap;text-overflow:ellipsis;  padding:8px 30px; }

#news_owl .item img{ width:100%;}

.news_item1{ padding:15px 0; border-bottom:solid 1px #e5e5e5;}

.news_item1 h3{ font-size:16px; line-height:32px;} 

.news_item1 span{ font-size:14px; color:#777; padding:5px 0; display:block;}

.news_item1 p{ font-size:12px; color:#777;line-height:24px; text-indent:2em; max-height:48px; overflow:hidden;}

.news_item2{ background-color:#fff; float:left; width:100%; padding:15px; margin-top:15px;}

.news_item2 h3 a{ font-size:16px; line-height:24px; color:#333333}

.news_item2 span{ color:#777; line-height:24px; }

.news_item2 p{color:#777; line-height:24px; text-indent:2em; height:48px; overflow:hidden;}

.news_item2 a.more{ line-height:24px; float:left;}

.news_item2 a.more:after{ content:url("../images/menu.png")/*tpa=http://www.zgcnlg.com/images/menu.png*/; float:right; padding-top:6px; padding-left:5px;}

.news_item2>a{ display:block;}



.contact{ float:left; width:100%; padding:15px 0;}

.contactT h3{ color:#e20f1a; padding:30px 0;}

.contactT b{  font-size:18px;}

.contactT span{  font-size:16px; display:block; padding:0 0 15px 0;  font-weight:bold;}

.contactT span a{padding:0 5px;}



.mybtn{ min-width:150px;}





.catesearch{ float:left; width:100%; margin-top:15px; background-color:#e20f1a;}

.catesearch img{ width:100%;}

.catesearch h3{ float:left; padding:15px; color:#fff; font-size:20px;}

.catesearch p{float:left; padding:0 15px;color:#fff; padding-bottom:15px; }

.catesearch .input-group{ width:100%; float:left; padding:0 15px; padding-bottom:15px;}



.hpcp p{ text-align:center; margin-bottom:15px; }

.pr_tit{ background-color:#e20f1a; color:#fff; margin-bottom:30px; padding:15px 0; font-size:14px; padding-left:35px; background-image:url("../images/pr_t.png")/*tpa=http://www.zgcnlg.com/images/pr_t.png*/; background-position:left 10px center; background-repeat:no-repeat; }

#productdetail_txt{ font-size:14px;}

#productdetail_txt span{ padding-bottom:15px; display:block;}

#productdetail_txt p{ display:block; padding:5px 0;}

.productdetail_contact{ float:left; width:100%; padding:15px 0;  }

.productdetail_contact a{ float:left; line-height:34px; padding-right:15px;}

.jieshao{ color:#333; background-color:#e2e2e2;}





.pr_banner{ position:relative;}

#pr_banner .pic{ margin-bottom:20px;}

#pr_banner_left,#pr_banner_right{ position:absolute; z-index:2;top:calc(50% - 18px); cursor:pointer;}

#pr_banner_left{left:30px;}

#pr_banner_right{ right:30px;}

.index_tit { float:left; width:100%; padding:2px; border:solid 1px #c7c7c7; background-color:#fff; }

.index_tit span{ float:left;width:100%; background-color:#e20f1a; color:#fff;padding:8px 0; font-size:18px; padding-left:15px; }

.index_tit span:before{ content:url("../images/pr_t.png")/*tpa=http://www.zgcnlg.com/images/pr_t.png*/; padding-right:10px; float:left; margin-top:5px;}

.index_tit span i{font-style:inherit; font-size:14px; text-transform:capitalize}

.index_tit span a{ float:right; padding:0 10px; border-radius:50px; background-color:#FFF; font-size:12px; margin:4px 15px; text-transform:uppercase; color:#e20f1a }

.index_pro{ border:solid 1px #c7c7c7; padding:15px 0; float:left; width:100%; border-top-width:0px; margin-bottom:15px; background-color:#fff; position:relative;}

.huibai{ background:-webkit-gradient(linear,0 0,0 bottom, from(#fff),to(#e5e5e5)); color:#333!important;}

.huibai i{color:#a0a0a0;}

.huibai a{ background-color:#b8b8b8!important; color:#fff!important;}

.index_context h3{ font-size:18px; color:#414548; font-weight:bold; padding:0 0 10px 0;}

.index_context p{ line-height:24px; max-height:168px; overflow:hidden;}

.index_context a{ text-align:center; padding-top:15px; display:block; }

.index_context a span{ display:block; text-align:center; line-height:36px;}

.workshop:before{ content:url("../images/workshop.png")/*tpa=http://www.zgcnlg.com/images/workshop.png*/; display:block; }

.shebei:before{ content:url("../images/shebei.png")/*tpa=http://www.zgcnlg.com/images/shebei.png*/; display:block; }

.jiance:before{ content:url("../images/jiance.png")/*tpa=http://www.zgcnlg.com/images/jiance.png*/; display:block; }

.daili:before{ content:url("../images/daili.png")/*tpa=http://www.zgcnlg.com/images/daili.png*/; display:block; }

#myvideo{ width:100%; height:100%;}

.index_context a:before{-moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}

.index_context a:hover:before{transform: rotateY(.5turn);}



.news_list{ display:block; float:left; width:100%;}

.news_list a{ display:block; font-size:14px; padding:5px 0; max-height:31px; overflow:hidden;}

.news_list a:before{ content:url("../images/nl.png")/*tpa=http://www.zgcnlg.com/images/nl.png*/; padding-right:10px; }

#honor_owl{ width:70%;}

#honor_left,#honor_right{ position:absolute; top:calc(50% - 24px); cursor:pointer; opacity:0.8}

#honor_left:hover,#honor_right:hover{ position:absolute; top:calc(50% - 24px); cursor:pointer; opacity:1}

#honor_left{ left:10px;}

#honor_right{ right:10px;}





.news_xg_left{float:left;width:70%;line-height:30px}

#newsdate,.newscontext{float:left;margin-bottom:20px;width:100%}

#newsdate{color:#999;line-height:25px;font-size:14px;text-align:center;margin-top:20px}

.news_xg_left{float:left;line-height:30px;margin-top:30px}

.news_xg_left a{font-size:14px}

.news_xg_left a:hover{color:#f54b00}







#swiper_histroy{ margin:0 50px; width:calc(100% - 100px);}

#swiper_histroy .item{ width:70%; float:left; padding-left:45px; position:relative; margin-left:5px; min-height:325px;}

#swiper_histroy .item.top-item{float:left;}

#swiper_histroy .item i{ position:absolute; width:2px; top:10px; bottom:0; background-color:#fff; left:0;}

#swiper_histroy .item i:before{ content:""; position:absolute; width:12px; height:12px; border:solid 2px #fff; left:-5px; border-radius:50px; top:-10px;}

#swiper_histroy .item.bottom-item{float:right;}

#swiper_histroy .item.bottom-item i{ top:0; bottom:10px;}

#swiper_histroy .item.bottom-item i:before{ bottom:-10px; top:auto;}

#swiper_histroy .item span{ color:#fff; font-size:36px;}

#swiper_histroy .item h4{ color:#fff; font-size:14px; line-height:28px;}

#swiper_histroy .item img{ padding-bottom:15px;}

#swiper_histroy .item.bottom-item{}

#swiper_histroy_phone{ margin:0 50px; width:calc(100% - 100px);}

#swiper_histroy_phone .item{ width:95%; float:left;position:relative; margin:0 2.5%;}

#swiper_histroy_phone .item.top-item{float:left;}

#swiper_histroy_phone .item.bottom-item{float:right;}

#swiper_histroy_phone .item.bottom-item i{ top:0; bottom:10px;}

#swiper_histroy_phone .item.bottom-item i:before{ bottom:-10px; top:auto;}

#swiper_histroy_phone .item span{ color:#fff; font-size:36px;}

#swiper_histroy_phone .item h4{ color:#fff; font-size:14px;line-height: 28px;}

#swiper_histroy_phone .item img{ padding-bottom:15px;}

#swiper_histroy_phone .item.bottom-item{}



.swiper-button-next,.swiper-button-prev{ margin-top:-20px;  width:41px!important; height:41px!important;opacity:1 !important; background-size:100% !important;}

.swiper-button-prev{ background-image:url("../images/hleft.jpg")/*tpa=http://www.zgcnlg.com/images/neiye/hleft.jpg*/!important;}

.swiper-button-next{ background-image:url("../images/hright.jpg")/*tpa=http://www.zgcnlg.com/images/neiye/hright.jpg*/!important;}

#histroy_bg:before{ content:""; position:absolute; width:100%; height:2px; background-color:#fff; top:50%;}





.fixed-btn {

    position: fixed;

    right: 15px;

    bottom: 0%;

    width: 40px;

    border: 1px solid #eee;

    background-color: white;

    font-size: 24px;

    z-index: 1040;

    -webkit-backface-visibility: hidden;

    border-radius:2px;

}

.fixed-btn a {

    display: inline-block;

    width: 40px;

    height: 40px;

    text-align: center;



}

.go-top span{ font-size:18px; padding-top:11px;}



.downloadlist{float:left;width:100%}

.downtable{float:left;width:100%;margin-top:10px;border:solid 1px #ccc;border-left:0;font-size:14px;font-family:Arial;line-height:20px;border-collapse:collapse}

.downtit1{width:20%;font-size:14px;font-weight:700;color:#666;text-align:center}

.downtit2{width:60%;font-size:14px;font-weight:700;color:#666;text-align:center}

.downtit3{width:20%;font-size:14px;font-weight:700;color:#666;text-align:center}

.downtable td{height:30px;font-size:14px;color:#666;border-bottom:solid 1px #ccc;border-left:solid 1px #ccc}

.downtable td a{font-size:12px;color:#666;font-weight:700;line-height:30px}

.downtable td a:hover{color:#ea3e00}

.downtable td a img{padding-right:5px;padding-top:6px}





#nb_icon_wrap{ bottom:60px!important;}