@font-face {
    font-family: 'AvantGardeMdBTMedium';
    src: url('../fonts/avgardm-webfont.eot?') format('eot'),
         url('../fonts/avgardm-webfont.woff') format('woff'),
         url('../fonts/avgardm-webfont.ttf') format('truetype'),
         url('../fonts/avgardm-webfont.svg#webfontT9gHnX5m') format('svg');
    font-weight: normal;
    font-style: normal;

}
*{-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;}
body{ background:#fff; color:#535353;font-family: "Source Han Sans",'PingFang SC',"Microsoft Yahei","Helvetica Neue",Helvetica,Tahoma,sans-serif !important; }
html, body {
-ms-overflow-style: scrollbar;
}
.container img{ max-width:100%;}

a{ color:#383838;}
a:hover{ text-decoration:none;color:#003769; }
.top{color:#666; text-align:right; height:36px; line-height:36px; overflow:hidden; position:relative; z-index:100; margin-bottom:-20px;}
.header{  z-index:30; width:100%; padding-bottom:25px; background:#fff url(../images/headbg.png) repeat-x 0 bottom;}

.topFlag{display:inline-block; float:right;}
.topFlag ul{ padding:0; margin:0; font-size:9px; text-align:center;  }
.topFlag ul li{ margin:0 5px 0 0; display:inline-block; line-height:19px; }
.topFlag ul li a{ color:#797979;font-size : 12px;*font-size:9px; display:block;}
.topFlag ul li a:hover{ color:#1b9ffe;}

.tlink{ margin-right:20px; font-size:13px;}
.tlink a{ color:#797979; margin-right:7px;}
.tlink a:hover{ color:#1b4c86}
.tlink a i{color:#1b4c86; padding-right:3px;}
.navbar {
    margin-bottom: 0;
    border-radius: 0;
	position:relative;
	
}
#navbar{text-align:left; float:right; margin-top:40px;}
.navbar .container{ position:relative; z-index:10;}
.navbar-header{ position:relative; float:left;}

.navbar-default {
    background-color:transparent;
    border-color: transparent;
	border:0;
}
.navbar-brand {
	height:auto;
	padding-top:0;
}

.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.navbar-toggle {
    position:absolute;
	right:0;
	margin-right: 5px;
    padding: 0 0;
	top:50%;
    background-color: transparent;
    background-image: none;
    border: 0 solid transparent;
    border-radius: 0;
	margin-top:-7px;
}

.main_menu {min-height:30px;padding:0; margin:0 20px 0 20px; width:auto; display:inline-block;  }
.main_menu li{ list-style:none; padding:0; margin:0;}

.main_menu li{ float:left; position:relative; margin-left:10px;}
.main_menu li > a{ display:block; line-height:30px; padding:0 15px 15px; color:#333333; float:left; font-size:15px; text-transform:uppercase; box-sizing:border-box; font-weight:bold; }
/*.main_menu li span{ display:block; width:2px; height:38px; float:left;}*/
.main_menu li a:hover{ text-decoration:none; color:#0a8166; }
.main_menu li.active a,.main_menu li a.now{ color:#0a8166; }
.main_menu li:first-child a{ margin-left:-1px;}
.main_menu li > ul{ position:absolute; left:0; top:99%; min-width:180px; background:#fff; margin:0; padding:10px 0; border-top:2px solid #0a8166; display:none; box-shadow:0 3px 3px #999;}
.main_menu li > ul > li{ margin-left:25px; height:auto; float:none; width:100%; display:block; padding:3px 0;}
.main_menu li > ul > li a{ padding:0; line-height:22px; float:none; font-size:14px; text-transform:capitalize; font-weight:normal;}
.main_menu li:hover > ul{ display:block;}

.searchtop{ float:right; position:relative; display:inline-block; top:45px; cursor:pointer; padding-bottom:25px; padding-left:10px; }
.searchtop i{ padding-right:5px; color:#383838;}
.searchtop .searchBox{ position:absolute; top:100%; left:auto; right:0; border:1px solid #ccc; background-color:#fff; width:270px; display:none;}
.searchtop .st{ border:0 solid #ccc; background-color:transparent;  height:40px; line-height:40px; vertical-align:middle; padding:0 10px 0 10px; width:220px; color:#7e7f84;}
.searchtop:hover .searchBox{ display:block;}


#carousel-index .item{ background-position: center top; background-size:cover;  background-color:#888;}
#carousel-index .item{text-align:center; }
#carousel-index .item img{ padding:0 0 0 0; margin:0 auto;}



.carousel-indicators {
	z-index:20;
   
}
.carousel-indicators li {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    text-indent:0;
    border: 0 solid #ffffff;
    border-radius: 50%;
    cursor: pointer;
    background-color:#6d6a68;
	text-align:center;
}
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0 5px;
    background-color: #0a8166;
}

/*.carousel-control{ 
position: absolute;
top:auto;
display: block;
margin-bottom: -30px;
background-color: rgba(0,0,0,0.3);
text-indent: -9999px;
overflow: hidden;
height: 60px;
width: 40px;
background-repeat: no-repeat;
z-index:1000;}
.carousel-control.right{
bottom: 50%;
right: 0;
background-image: url(../img/banner-fy.png);
background-position: center bottom;	
}
.carousel-control.left {
    bottom: 50%;
    left: 0;
    background-image: url(../img/banner-fy.png);
    background-position: center top;
}*/
.appblock{ padding:30px 0;}
.section-header{ text-align:center;}
.sbt{ font-size:42px; text-transform:uppercase; margin-bottom:10px; color:#383838; font-weight:bold;}
.sbt.bbline{ padding-bottom:20px; background:url(../images/guanyu_09.png) no-repeat 0 bottom;}
.sdes{ font-size:24px; margin-bottom:20px;}

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 30px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #242424;
	border: 2px solid #242424;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 8px;
	height: 8px;
	margin: 5px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color:#b3b3b3;
	border:0 solid #ffaa00;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	background-color: #6d6d6d;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.owl-carousel-factory .owl-controls .owl-page span{
	display: block;
	width: 8px;
	height: 8px;
	margin: 5px;
	background-color:#fff;
	box-shadow:1px 2px 2px #999;
}

.owl-carousel-horner .owl-controls .owl-page.active span,
.owl-carousel-horner .owl-controls.clickable .owl-page:hover span{
	background-color: #0a8166;
}

.owl-carousel-horner .owl-controls .owl-page span{
	display: block;
	width: 10px;
	height: 10px;
	margin: 5px 8px;
	background-color:#fff;
	box-shadow:1px 2px 2px #333;
}

.owl-carousel-factory .owl-controls .owl-page.active span,
.owl-carousel-factory .owl-controls.clickable .owl-page:hover span{
	background-color: #0a8166;
}

.appblock{  }
.owl-carousel .item{ padding:10px 0;}
.projects .app-item {
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	max-width:260px;
	margin-bottom:0;
	border-radius:0
}
.projects .app-item span{
	display: inline-block;
}
.projects .app-item h3{ font-size:24px;}
.projects .app-item a{ color:#006a39; color:#090909;}
.projects .icons{
	 background-position:0 0;
	background-repeat:no-repeat;
	width:71px;
	height:71px;
	margin:10px auto 0;
}
.projects .icons.icons-car{background-image:url(../images/shouye1_25.jpg);}
.projects .icons.icons-lock{background-image:url(../images/shouye1_28.jpg);}
.projects .icons.icons-earth{background-image:url(../images/shouye1_31.jpg);}


.inproshow{ padding:30px 0;}

.wwr{  background:#fff; padding:30px 0 50px;}
.aboutpic{ margin-bottom:20px;}
.aboutinfo{ position:relative;}

 .aboutinfo .content{ max-width:500px; padding-left:4.5%; color:#646464}
 .aboutinfo .hh24{ font-size:24px; color:#333333; font-weight:bold; margin-bottom:20px; }
 .aboutinfo .desc{  }
 .tsbt {
    font-size: 42px;
	color:#333;
    margin-bottom: 40px;
	text-transform:uppercase;
	font-weight:bold;
	 text-align:center;
}
.tbbt{color:#333; font-size:24px; font-weight:bold; text-align:center; margin:-30px 0 40px; display:block;}
 .dcircle{ list-style:none; margin:0 0 20px; padding:0;}
 .dcircle li{ padding:5px 0;}
 .dcircle li i{ padding-right:10px;}
.av_link{ margin-top:20px;}
 .av_link a{ font-size:16px; color:#fff; text-transform:uppercase; display:inline-block; padding:10px 25px; background-color:#0a8166; }
 .av_link a:hover{ text-decoration:none; background-color:#154581;}

.wwd{  background:#f2f2f2; padding:30px 0 50px;}
.ditem{ margin:0 auto; margin-bottom:20px; width:285px;}
.ditem .pic{ position:relative; overflow:hidden;}
.ditem .pic .mask{ position:absolute; top:100%; left:0; width:100%; color:#fff; background:url(../images/bantouming.png) left top;  font-size:16px; text-transform:uppercase; padding:30px 10px 10px 10px; font-weight:bold;}
.ditem .pic:hover img{ transform:scale(1.1,1.1)}
.ditem .pic:hover .mask{ top:auto; bottom:0;}
.ditem ul,.ditem li{ padding:0; margin:0;}
.ditem ul{ padding:5px 0 15px;}
.ditem li{ padding:3px 0 3px 12px; background:url(../images/green-dot.gif) no-repeat 0 center; list-style:none;}
.ditem .rm{ color:#fff; text-transform:uppercase; display:inline-block; padding:8px 20px; background-color:#0a8166; }

.ditem .rm:hover{ text-decoration:none; background-color:#154581;}

.proitem{ max-width:280px; margin:5px auto 30px auto; text-align:center; overflow:hidden; border:1px solid #f2f2f2;}
.proitem .pic{ height:230px; display:table; width:100%; text-align:center; vertical-align:middle;}
.proitem .pic .inner{ display:table-cell; vertical-align:middle;}
.proitem .pic .inner img{max-width:100%; }
.proitem .ttt{  height:60px; width:100%; text-align:left; padding:0 15px; overflow:hidden; margin-bottom:15px;  }
.proitem .ttt h3{}
.proitem h3{ font-size:18px; }
.proitem .pldes{  height:78px; line-height:26px; text-align:left; padding:0 15px; overflow:hidden; color:#646464; margin-bottom:15px; }
.proitem a h3{ color:#333}
.proitem a:hover h3{ color:#4971a5}
.proitem a span.link{ display:block; margin:0 20px;color:#b3b3b3; line-height:46px; }
.proitem a:hover span.link{color:#4971a5}
.proitem:hover{ box-shadow:0 4px 5px #949494;border:1px solid #e8e8e8; }

.proitem2{ max-width:280px; margin:10px auto 20px auto; text-align:center; overflow:hidden; border:1px solid #e8e8e8; background:url(../images/probg.png); border-radius:15px;}
.proitem2 .pic{ height:300px; display:table; width:100%; text-align:center; vertical-align:middle;}
.proitem2 .pic .inner{ display:table-cell; vertical-align:middle;}
.proitem2 .pic .inner img{max-width:100%; }
.proitem2 .ttt{  height:120px; display:table; width:100%; text-align:center; vertical-align:middle; background:#f2f2f2 url(../images/shouye3_45.png) no-repeat center top;}
.proitem2 .ttt h3{ display:table-cell; vertical-align:middle;}
.proitem2 h3{ font-size:18px; }
.proitem2 a{ color:#333}
.proitem2 a:hover{ color:#0a8166}
.proitem2 a span.link{ display:block; margin:0 20px; border-top:1px solid #e8e8e8;color:#ffaa00; line-height:46px; font-size:16px;}
.proitem2:hover{ box-shadow:0 4px 5px #949494; }

.learnmore{ text-align:center;}
.learnmore a{ display:inline-block; margin:40px auto 0; padding:12px 12%; font-size:18px;color:#fff; background-color:#0a8166; min-width:220px;}
.learnmore a:hover{color:#fff;background-color:#154581;}



.navbar-fixed-top{filter:alpha(Opacity=98);-moz-opacity:0.98;opacity: 0.98; background-color:#fff; position:fixed !important;}
/*.navbar-fixed-top .navbar-brand{ background:url(../img/top100.png) no-repeat 0 0; background-size:cover; }*/

 .navbar.navbar-fixed-top{ margin-top:0;}
.navbar.navbar-fixed-top .navbar-brand {
	padding-top:5px;
}

 
.navbar-fixed-top.navbar-default{-moz-box-shadow: 0 1px 5px #ccc; /* 老的 Firefox */
box-shadow: 0 1px 5px #ccc; background-image:none; }

.brand-youshi{ background:#f6f6f6; text-align:center; margin-top:40px;}
.owl-carousel-partner {
    max-width: 1000px;
    margin: 0 auto;
	padding:40px 0 20px;
}

.footer{ background-color:#184b89; color:#fff;}
.copyright{ color:#fff; padding:15px 0; text-transform:capitalize; letter-spacing:1px;}
.copyright a{ color:#fff;}
.copyright a:hover{ color:#ffaa00;}

.footLink{  padding:50px 0 30px;}
.fwidget{ margin-bottom:30px;}
.fwidget a{color:#fff;}
.fwidget a:hover{ text-decoration:underline;}
.fwidget ul{ list-style:none; margin:0; padding:0;}

.fmenu { }
.fmenu ul{ text-transform:capitalize; }
.fmenu li{ padding:3px 0;}

.fwidget h4{ font-size:18px; margin:6px 0 15px 0; color:#fff;}


.footer address{ }
.footer address p{ padding:3px 0; margin:0; font-weight:bold;}
.footer address i{ width:20px; float:left; min-height:25px; vertical-align:bottom;font: normal normal normal 14px/20px FontAwesome; text-align:center; margin-right:5px; vertical-align:middle;}

.footer .foot-social{  margin-top:10px; margin-bottom:20px; vertical-align:middle;}
.footer .foot-social ul, .footer .foot-social li{ display:inline-block; margin:0 7px 0 0; vertical-align:middle;}
.footer .foot-social img{vertical-align:middle;}
.footer .foot-social a{ width:32px; height:32px; display:block; border-radius:5px; background:#fff; text-align:center; line-height:32px;transition: 0.1s all ease; color:#5181a7; }
.footer .foot-social a i{line-height:32px; font-size:20px;}
.footer .foot-social a:hover{ color:#144061; }

.Suspension {
    position: fixed;
    bottom: 10%;
    right: 10px;
    width: 50px;
    height: auto;
    z-index: 9998;
}

.Suspension a,.sFrame{ display:block; width:50px; height:50px; line-height:50px; border-radius:5px; background:#ddd; text-align:center; font-size:24px; margin-bottom:3px; position:relative; box-shadow:0 0 1px #fff;}
.sFrame div{ position:absolute; right:30px; top:0; overflow:hidden; z-index:-1;}
div.subFrame_03{width:0px; height:50px; background-color:#0a8166; font-size:16px; line-height:50px; color:#fff; border-radius:60px 0 0 60px; text-align:left;}
.sFrame:hover div.subFrame_03{width:180px; padding-left:20px;}
.Suspension a:hover{ background-color:#ccc;}
.Suspension a.f-skype{background:#184b89; color:#fff;}
.Suspension a.f-what{background:#0a8166; color:#fff;}
.Suspension a.f-email{background:#EFB307; color:#fff;}

.dlitem{text-align:center; margin-bottom:20px;}
.dlitem a{ color:#333; }
.dlitem a:hover{ color:#0a8166;}
.dlitem a:hover .pic{ box-shadow:1px 1px 5px #ccc;}
.dlitem .pic{ position:relative; padding:8px; border:1px solid #ddd; margin:0 auto; margin-bottom:10px; border-radius:5px; display:inline-block; overflow:hidden;}
.dlitem .pic img{ max-height:120px;}
.dlitem .pic .view{ border-radius:3px; background:#fff; padding:3px 8px; position:absolute; bottom:50%; left:50%; margin-left:-20px;}

/* --------- page ---------*/

.page{ padding:50px 0;}
.dotTitle{ font-size:30px; padding-bottom:15px; background:url(../images/dianline_03.gif) no-repeat 0 bottom; margin-bottom:40px; padding-top:10px; font-weight:bold;}
.dotTitle.green{ background:url(../images/dian-green.png) no-repeat 0 bottom; }
.dotTitle.xbig{font-size:42px;}
.section-page .dotTitle{ font-size:30px;}
.mapbox{ border-radius:10px; box-shadow:2px 3px 5px #999; max-width:600px;  margin-bottom:30px;}
.mapbox img{ border-radius:10px;}
.contactInfo{ font-size:18px; max-width:500px; margin:0 auto; margin-bottom:30px;}

.contactForm{ margin:40px auto; font-size:18px;}
.contactForm form p{ line-height:34px; margin:20px 0; font-size:18px;}
.contactForm form label{  color:#595757;font-weight:normal; }
.contactForm form p{ position:relative; padding-left:200px;}
.contactForm form p.default label{ position:absolute; top:0; left:5px; font-weight:normal;}
.contactForm form .selectBtn{ margin-right:5px;}
.contactForm .form-contorl{ border:1px solid #ddd; background-color:#fbfbfb; line-height:32px; width:100%; border-radius:0; box-sizing:border-box;}
.contactForm form .lightBtn{ width:120px; text-align:center;background:#27447e; line-height:40px; color:#fff; border:0;  margin-right:5px;}
.contactForm form .darkBtn{ width:120px; text-align:center;background:#0a8166; line-height:40px;  color:#fff; border:0;}


.page-news{ }

.page-news .eitem{ margin:20px auto 30px auto; overflow:hidden; color:#101010; background-color:#f9f9f9; border:1px solid #f1f1f1;}
.page-news .eitem:hover{ border:1px solid #4a70a5;}
.page-news .eitem img{ max-width:100%;}
.page-news .eitem h3{ font-size:20px; text-transform:uppercase; overflow:hidden; line-height:1.3; height:50px; margin-top:0;}
.page-news .eitem h3 a{color:#383838;}
.page-news .eitem h3 a:hover{color:#4a70a5;}
.page-news .eitem .pic{ position:relative; overflow:hidden; float:left; width:45%; margin-right:3%;}
.page-news .eitem .pic a:hover img{ transform:scale(1.1,1.1)}
.page-news .eitem .cbox{  border-top:0; padding:15px; float:left; width:52%;}
.page-news .eitem .date{ color:#959595; font-size:13px;}
.page-news .eitem .des{ font-size:14px; margin-bottom:20px;color:#959595; }
.page-news .eitem .imeta{ border-top:1px solid #e0e0e0; padding-top:10px;}
.page-news .eitem .imeta span{ display:block; margin:3px 0;}
.page-news .eitem .imeta a{color:#959595;}
.page-news .eitem .imeta a:hover{ color:#383838;}


.page-news .nitem{ max-width:350px; margin:20px auto 30px auto; overflow:hidden; color:#101010; background-color:#f9f9f9; border:1px solid #f1f1f1;}
.page-news .nitem img{ max-width:100%;}
.page-news .nitem h3{ font-size:23px; text-transform:uppercase; overflow:hidden; line-height:1.3}
.page-news .nitem h3 a{color:#383838;}
.page-news .nitem h3 a:hover{color:#4a70a5;}
.page-news .nitem .pic{ position:relative; overflow:hidden;}
.page-news .nitem .pic a:hover img{ transform:scale(1.1,1.1)}
.page-news .nitem .cbox{  border-top:0; padding:15px;}
.page-news .nitem .date{ color:#959595; font-size:13px;}
.page-news .nitem .des{ font-size:14px; margin-bottom:20px;color:#959595; }
.page-news .nitem .imeta{ border-top:1px solid #e0e0e0; padding-top:10px;}
.page-news .nitem .imeta span{ display:block; margin:3px 0;}
.page-news .nitem .imeta a{color:#959595;}
.page-news .nitem .imeta a:hover{ color:#383838;}

.page-banner{ background-position:center 0; background-repeat:no-repeat; background-size:cover;}
.page-banner img{ max-width:100%;}

.breadcrumb{ color:#646464; border-radius:0; padding:12px 0; text-align:right; background:none;}
.breadcrumb i{ font-size:16px; color:#003769}
.breadcrumb a{ color:#646464;}
.breadcrumb a:hover{ color:#003769;}
.breadcrumb .jiange{ padding:0 5px;}

.breadcrumb.dark{ background:url(../images/new-_03.jpg); height:52px; line-height:52px; padding:0; text-align:left; color:#fff; margin-bottom:30px;}
.breadcrumb.dark i{ font-size:16px; color:#fff}
.breadcrumb.dark a{ color:#fff;}
.breadcrumb.dark a:hover{ color:#ffa400;}

.sidebar{ width:240px; float:left; margin:0 0 40px 0;}
.sideTit{ font-size:30px; margin-bottom:20px; margin-top:0; font-weight:bold;white-space:nowrap;}

.panel-group{ margin-bottom:30px;}
.panel-group .panel-pro{ margin-top:0;}
.panel-pro .panel-heading{ padding:0; display:table; height:60px; background-color:#4971a5; width:100%;}
.panel-pro .panel-title{ text-align:left; font-size:18px; color:#fff; display:table-cell; vertical-align:middle;width:100%; padding:7px 5px 7px 10px;}
.panel-pro .panel-title a{ padding:0 10px 0 18px; line-height:24px; display:block; position:relative;}
.panel-pro .panel-title a:hover{ color:#fff;}

.panel-pro .panel-title a em{ position:absolute; top:50%; left:0; margin-top:-3px; content:""; cursor:pointer; width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid #fff;
    border-bottom: 5px solid transparent; }
.panel-pro .panel-title a.on em{ 
border-top: 5px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent; 
 }

.panel-pro .sidepMenu{ list-style:none; padding:0 0; margin:0 0 0 15px;border-left:1px solid #4971a5;}
.panel-pro .sidepMenu li{ width:100%; border:1px solid #e6e6e6; border-top:0; float:none; list-style:none;}
.panel-pro .sidepMenu li a{ display:block;line-height: 20px;
padding: 10px 10px 10px 25px; background-color:#f8fafa; color:#707070; position:relative;}
.panel-pro .sidepMenu li > a:before{position:absolute; top:50%; left:8px; margin-top:-5px; content:""; cursor:pointer; width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid #8b8b8b;
    border-bottom: 5px solid transparent;}
.panel-pro .sidepMenu li a:hover{color:#4971a5; background-color:#fff; }
.panel-pro .sidepMenu li.active > a{ background-color:#fff;  color:#000}
.panel-pro .sidepMenu li.active > a:before{
    border-left: 5px solid #414141;
}

.panel-pro .sidepMenu li ul{ margin:0; padding:0; border:0; border-top:1px solid #e6e6e6; display:none;}
.panel-pro .sidepMenu li ul li{ border:0; border-bottom:1px solid #e0e0e0;}
.panel-pro .sidepMenu li ul li a {padding: 5px 10px 5px 25px;background-color:#f2f2f2;}
.panel-pro .sidepMenu li ul li a:before{ display:none;}
.panel-pro .sidepMenu li ul.in{ display:block;}


.mainContent{ width:calc(100% - 300px);float:right; margin-bottom:50px; padding-top:50px;}
.pageTitle{ font-size:19px;color:#101010; margin-bottom:20px; text-transform:uppercase; }

.page-news .post{ background:#e1e1e1; box-shadow:0 8px 10px #9e9e9e; margin-bottom:60px; padding:3% 10%;}
.postTitle{ font-size:30px; font-weight:bold; text-align:center;}
 .postDate{ font-size:18px; text-transform:uppercase; text-align:center; display:block; color:#959595; margin-bottom:30px;}
.postBody{ font-size:16px; color:#8e8e8e; margin-bottom:30px;} 
.postMeta{ font-size:15px;}

.listsmcircle{ padding:0;}
.listsmcircle li{ list-style:inside disc; padding:1px 0;}


.proinfo{ margin-bottom:20px;}
.ptitle{ margin-top:0; font-size:32px; color:#0a8166; margin-bottom:30px; font-weight:bold;}
.shortDes{ padding:5px 0; font-size:16px; line-height:1.6}
.pshare{ font-size:18px; margin-top:15px;}

.pro-tab{width:100%; margin-top:80px;}
.nav-tabs-news {
	border-bottom: 0;
	float:none;
	width:100%;
	display:block;
	padding:0;
	margin:0;
}
.nav-tabs-news > li {
   padding:0;
	margin:0;
	width:20%;
	position:relative;
	list-style:none;
}
.nav-tabs-news > li > a{color:#616161; border:0; display:block; text-align:center; line-height:60px; font-size:18px; margin-right: 10px; background:#f5f5f5;border-radius: 0;}
.nav-tabs-news > li > a:hover{ color:#0a8166;}
.nav-tabs-news > li.active > a, .nav-tabs-news > li.active > a:hover, .nav-tabs-news > li.active > a:focus {
    color: #fff;
    background-color: #0a8166;
    border: 0;
    border-bottom-color: transparent;
    border-radius: 0;
	text-decoration:none;
}
.nav-tabs-news > li.active:after{
	content:"";
	border-style: solid dashed dashed;
border-right: 4px dashed transparent;
border-color: #0a8166 transparent transparent;
font-size: 0px;
height: 0px;
line-height: 0;
width: 0px;
border-width: 8px 8px 0px;
padding-top: 1px;
position: absolute;
top: 100%;
left: 50%;
margin-left: -4px;
z-index: 222;
	}
	
.nav-tabs-news > li.last > a{background-color: #4971a5 !important; color:#fff;}
.nav-tabs-news > li.last:after{
content:"";
	border-style: solid dashed dashed;
border-right: 4px dashed transparent;
border-color: #4971a5 transparent transparent !important;
font-size: 0px;
height: 0px;
line-height: 0;
width: 0px;
border-width: 8px 8px 0px;
padding-top: 1px;
position: absolute;
top: 100%;
left: 50%;
margin-left: -4px;
z-index: 222;
}
.tab-content-news{ border-top:0; padding:40px 0 50px; position:relative;}

.tab-content-news .news-content{ padding:0 0 0 0; font-size:16px; }

.form-consultation{ width:99%; font-size:16px;}
.form-consultation tr td{ padding:10px 0}
.form-consultation tr >td:first-child{ width:150px;}
.form-consultation label{ font-weight:normal; padding-left:8px;}

.aboutInfo{ max-width:560px;}
.aboutInfo .pdes{ color:#8e8e8e; font-size:15px; line-height:22px; text-indent:2em;}
.aboutPic{ position:relative; margin-top:30px;}

.historyBox{ min-height:660px; background:#000 url(../images/historybg.jpg) no-repeat center 0; background-size:cover !important; margin:30px 0;}
.historyBox .tt{ color:#fff; padding-top:30px;}
.historyBox .tt span{ margin-bottom:-20px; display:block; font-size:16px; font-style:italic;}
.historyBox .container{ position:relative;}
.picc{ position:absolute; width:100%; top:30px; left:0; text-align:center;}

.tab-content-about{ padding-top:20px; padding-bottom:30px;}

.about-tab{width:100%; margin-top:80px;}
.nav-tabs-about {
	border-bottom: 1px solid #e4e4e4;
	float:none;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	text-align:center;
}
.nav-tabs-about > li {
   padding:0;
	margin:0;
	width:140px;
	display:inline-block;
	position:relative;
	list-style:none;
	text-align:center;
	float:none;
}
.nav-tabs-about > li > a{color:#fff; border:0; display:block; text-align:center; line-height:50px; font-size:16px; margin:0 1px; background:#0a8166;border-radius: 0;}
.nav-tabs-about > li > a:hover{color: #fff;    background-color: #184b89;}
.nav-tabs-about > li.active > a, .nav-tabs-about > li.active > a:hover, .nav-tabs-about > li.active > a:focus {
    color: #fff;
    background-color: #184b89;
    border: 0;
    border-bottom-color: transparent;
    border-radius: 0;
	text-decoration:none;
}


.cerlist{list-style:none; margin:30px 0 30px 0; padding:0;}
.cerlist li{ width:195px; height:260px; background:url(../images/cerbg.png) no-repeat 0 0; float:left; margin-right:30px; margin-bottom:30px;}
.cerlist li img{ width:110px; height:170px; margin:36px 0 0 40px;}

.horner{ width:195px; height:260px; background:url(../images/cerbg.png) no-repeat 0 0; margin:0 auto;}
.horner img{ width:110px; height:170px; margin:36px 0 0 40px;}

.section-page{ padding:30px 0 60px;}
.graybg{ background:#f8f8f8;}
.darkbg{ background:#909090;}
.darkbg .dotTitle { color:#fff;}

.owl-carousel-factory .pic{ max-width:271px; border-radius:10px; box-shadow:1px 2px 5px #ccc; overflow:hidden; margin:0 auto;}

.yanfaHalfBox{ font-size:20px; color:#fff; max-width:500px; margin:0 auto 30px;}

.bigFot{ font-size:20px; padding-left:130px; background:url(../images/no1.jpg) no-repeat 0 0; padding-top:20px;}

.section-header {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 40px;
}
.section-header h3 {
    margin-top: 0;
    font-size: 40px;
    font-weight: 300;
	color: #4a70a5;
}
.section-header .intro {
    color: #595959;
    font-size: 24px;
    margin: 20px auto 0;
}
.sbox{ padding:30px 0;}
.sbox h4{color: #4a70a5; font-size:32px;}
.sbox p{ font-size:16px; line-height:1.5}
.slearnmore{ text-align:left;}
.slearnmore a{ display:inline-block; margin:20px auto 20px; padding:10px 30px; font-size:16px;color:#154581; background-color:#fff; border:1px solid #154581; border-radius:20px;}
.slearnmore a:hover{color:#fff;background-color:#154581;}

.svbox{ padding:30px 0;}
.svbox h4{color: #4a70a5; font-size:32px;}
.svbox .pic{ border-radius:15px; overflow:hidden; margin:20px 0;}
.svbox .serPara{ font-size:16px; line-height:1.5}

.downbtn{ padding:7px 12px; border:1px solid #4a70a5; border-radius:5px; white-space:nowrap; display:inline-block;}
.downbtn:hover{ background-color:#4a70a5; color:#fff;}

.caseItem{ max-width:270px; margin:0 auto 30px; text-align:center; overflow:hidden; }
.caseItem a:hover img{ border-radius:5px;}
.caseItem h4{ font-size:14px;}


.downpage .panel-default > .panel-heading {background-color: #184b89; color:#fff;}
.downpage  a.list-group-item, .downpage  button.list-group-item {
    color: #333;
}
.downpage .list-group-item{ position:relative;}
.downpage .list-group-item:after{ position:absolute; top:10px; right:10px; content: "\f0ab"; font-family:"FontAwesome"; color: #184b89; transform:rotate(-45deg);}

@media (min-width: 1230px){ .container{ width:1230px;}}
@media (max-width: 1199px) { .picc{ position:relative; width:100%; top:0; text-align:center;}}
@media (min-width: 768px) and  (max-width: 991px){
  .navbar-brand > img{ width:130px;}
  .main_menu {
    margin: 0 0 0 0;}
	.main_menu li {
    margin-left: 0;
}
  .main_menu li a{padding:0 10px; font-size:14px;}
  
#navbar {
    margin-top: 25px;
}
.nav-tabs-news > li{ width:50%; margin-bottom:10px;}
.nav-tabs-news > li > a{ line-height:40px; font-size:15px; margin-right:5px;}

}
@media (min-width: 992px) and  (max-width: 1199px){.navbar-brand > img{ width:200px;}.main_menu li a{padding:0 5px; font-size:14px; } .main_menu {
    margin: 0 20px 0 0;}	
	.searchtop{  padding-bottom:20px; }
	.nav-tabs-news > li > a{ line-height:40px; font-size:15px; margin-right:5px;}
}
@media (max-width: 767px){
	
	.top{ height:auto;}
	.navbar-header{ position:relative; float:none;}
	.navbar-brand{ margin-left:-15px;}
	.navbar {
		margin-top:0;
}
.navbar-fixed-top .navbar-brand img,.navbar-brand img{ width:150px !important;}
	
	#navbar {
    text-align: center;
    float: none;
    margin-top: 0;
}
	.main_menu {
    width: 100%;
	background-color: hsla(0,0%,100%,.95); 
	margin:0;
}
.main_menu li {
    float: none;
    height: auto;
    position: relative;
    margin-left: 0;
	border-bottom:1px solid #ddd;
}
.main_menu li a {
    display: block;
    line-height: 2.5;
    padding: 0 15px;
    color: #333;
    float: none;
}
.main_menu li a:hover{ color:#0a8166}
.main_menu li > ul{ position:relative; left:0; top:98%; width:100%; background:#f8f8f8; margin:0; padding:0 0; border-top:1px solid #666; display:none;}
.main_menu li > ul > li{ margin-left:0; height:auto; float:none; width:100%; display:block;}
.main_menu li > ul > li a{ padding:0; line-height:36px; float:none;}
.main_menu li:hover > ul{ display:block;}
.sidebar{ width:100%; float:none;}
.mainContent{ width:100%;float:none;}

.top{ margin-bottom:0;}
.tlink{ margin-right:5px; font-size:12px;}
.tlink a{ margin-right:5px;}
.contactForm form p{  padding-left:0;}
.contactForm form p.default label{ position:relative; }

.nav-tabs-news > li{ width:50%; margin-bottom:10px;}
.nav-tabs-news > li > a{ line-height:45px; font-size:16px; margin-right:5px;}

}

@media (max-width: 480px){
.page-news .eitem .pic{ position:relative; overflow:hidden; float:none; width:100%; margin-right:0; text-align:center;}
.page-news .eitem .cbox{  border-top:0; padding:15px; float:none; width:100%;}	
}