.main{  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;}


#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:#27a7c0; -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); 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:#27a7c0 !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:#27a7c0; border-bottom:solid 3px #037e7f; 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); 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:#27a7c0; width:16px; height:2px; position:absolute; bottom:0; right:0;}
.context a{ float:right; color:#fff; background-color:#27a7c0; 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:#27a7c0;}
.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%;}
}


#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:#27a7c0; text-transform:uppercase; font-weight:bold; background-image:url(../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:#27a7c0; color:#fff; padding:20px;  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:#eaffff}
.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); 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:#27a7c0 }
.cate_list ul li:hover a:before{ border-color:#fff;}
.cate_list ul li:hover a:after{content:url(../images/menu_h1.png); }
.cate_list ul li.active>a{ color:#fff; background-color:#27a7c0 }
.cate_list ul li.active a:before{ border-color:#fff;}
.cate_list ul li.active>a:after{content:url(../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); }
.cate_list ul li.active .child>li.active>a:after{content:url(../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); 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); background-position:center center; background-repeat:no-repeat; padding:30px 60px 94px 30px;  float:left; width:100%; }
.cate1 a{ padding:15px 20px; background-color:#27a7c0; margin-bottom:15px; font-size:16px; color:#fff; position:relative; border:solid 1px #27a7c0;  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:#27a7c0; background-color:#c2cdd1;}
.cate1 a:hover:before{border-color:transparent transparent transparent #27a7c0; }
@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:#27a7c0; 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) 3 3 stretch;-o-border-image:url(../images/border.png) 3 3 stretch;border-image:url(../images/border.png) 3 3 stretch; padding:3px; background-color:#fff; margin-bottom:10px;}
.pro a:hover{ float:left; width:100%; border-color:#27a7c0}
.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);vertical-align:text-top; padding-left:5px;}
.pro_more a:hover{ background-color:#27a7c0; 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:#27a7c0; 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:#27a7c0!important; }
.use_more{ clear:both; font-size:12px !important;  margin-bottom:0px !important;  color:#27a7c0; text-transform:uppercase; border:solid 1px #27a7c0; 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:#27a7c0; 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); 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:#27a7c0;     
              
}
.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: #27a7c0;
  border-right-color: #27a7c0;
  -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: #27a7c0;
  border-left-color: #27a7c0;
  -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); 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); background-repeat:no-repeat; background-size:100% 100%; padding:15px;}
.erweima span{float:left; color:#fff; text-align:center; padding-left:7.5px;}
.erweima span:first-child{ 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) no-repeat;cursor:pointer;float:left;}
#lanren ul{width:80px;height:242px;background:url(../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);}
.jiantou:before{content:url(../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:#27a7c0; 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:#27a7c0; 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); background-position:center center; background-repeat:no-repeat; padding:50px 0;}
#histroy_bg{background-image:url(../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 #27a7c0;background-color:#27a7c0; 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)}
.hpic_bg.pic2{ background-image:url(../images/pic2.png)}
.hpic_bg.pic3{ background-image:url(../images/pic3.png)}
.hpic_bg.pic4{ background-image:url(../images/pic4.png)}
.hpic_bg.pic5{ background-image:url(../images/pic5.png)}
.hpic_bg:hover.pic1{ background-image:url(../images/hpic1.png)}
.hpic_bg:hover.pic2{ background-image:url(../images/hpic2.png)}
.hpic_bg:hover.pic3{ background-image:url(../images/hpic3.png)}
.hpic_bg:hover.pic4{ background-image:url(../images/hpic4.png)}
.hpic_bg:hover.pic5{ background-image:url(../images/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); 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:#27a7c0; 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  #27a7c0; 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(0,164,165,.7);  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:#27a7c0; height:44px; overflow:hidden;display:block;}
.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); float:right; padding-top:6px; padding-left:5px;}
.news_item2>a{ display:block;}

.contact{ float:left; width:100%; padding:15px 0;}
.contactT h3{ color:#27a7c0; 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:#27a7c0;}
.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:#27a7c0; color:#fff; margin-bottom:30px; padding:15px 0; font-size:14px; padding-left:35px; background-image:url(../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:#27a7c0; color:#fff;padding:8px 0; font-size:18px; padding-left:15px; }
.index_tit span:before{ content:url(../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:#27a7c0 }
.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); display:block; }
.shebei:before{ content:url(../images/shebei.png); display:block; }
.jiance:before{ content:url(../images/jiance.png); display:block; }
.daili:before{ content:url(../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 span{ color:#777; line-height:24px; float:right; padding:0 10px;}
.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); 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)!important;}
.swiper-button-next{ background-image:url(../images/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;}
#barpicture{text-align: center;}