/* CSS Document */
/* CSS Document */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	font-family:"微软雅黑";
}
sup{font-size:12px;}
body {
    line-height:1;
}

:focus {
	outline: 1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
	margin:0;
}

/*css reset*/

.container { width:1200px; margin:0 auto; overflow:hidden; max-width:100%;}


.navbar-default .navbar-collapse, .navbar-default .navbar-form { background-color:transparent;}
.navbar-default { background-color:transparent; border:none;margin-bottom:0px;padding-bottom:0px;}
.flex { display:flex;align-items: stretch;}
.nopadding { padding:0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form, .navbar-default .navbar-collapse, .navbar-default .navbar-form, .navbar-default .navbar-collapse, .navbar-default .navbar-form { background-color:transparent !important;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { background-color:transparent; border:none;}

.logo { margin-left:26.25%; margin-top:1em; width:auto;}
.logo img { }
.header {  border-top:4px solid #018c5d; position:relative;background: -webkit-linear-gradient(#e9e5e9, #FFF);  background: -o-linear-gradient(#e9e5e9, #FFF);  background: -moz-linear-gradient(#e9e5e9, #FFF);background: linear-gradient(#e9e5e9, #FFF);}
.news { min-height:11.375em; box-sizing:border-box; padding:0.875em 0;background: -webkit-linear-gradient(#FFF, #dadada);background: -ms-linear-gradient(#FFF, #dadada);background: -moz-linear-gradient(#FFF, #dadada); background:linear-gradient(#FFF, #dadada);}
.newslist { padding:0; padding-top:1.875em;}
.newslist li { display:block; padding-left:68px; position:relative; background-position:left; background-repeat:no-repeat; padding-right:2.25em; margin-bottom:1.125em;}
.newslist li:first-child { background-image:url(../images/shuzi_05.png);}
.newslist li:nth-child(2) { background-image:url(../images/shuzi_11.png);}

.newslist li .line { position:absolute; left:56px; width:1px; height:100%; background-color:#d4d4d4;}
.newslist li .line:after { position:absolute; content:""; width:1px; height:100%; left:1px; background-color:#fff;}
.newslist li h3 { font-size:0.875em; color:#16aba2; display:inline-block; float:left; margin-bottom:1em;}
.newslist li span { float:right; font-size:0.75em; color:#16aba2; vertical-align:bottom; display:inline-block;}
.newslist li p { display:block; width:100%; font-size:0.8125em; color:#555555; float:left;}
.newslist li:after { content:""; display:table; clear:both; overflow:hidden;}
.newslist li span a, .newslist li h3 a { color:#16aba2;}

.newspic { display:block; float:right; width:auto; margin-right:1.625em; position:relative;}
.newspic img { border:2px solid #1bb2a9; max-width:100%;}
a.nimgmask { display:block; position:absolute; right:2.125em; bottom:0.875em; font-size:1.25em; color:#fff; box-sizing:border-box; padding:0.4em 1.6em 0.4em 0.8em; background-color:#018c5d; font-family:"微软雅黑"; text-decoration:none;}
a.nimgmask:after { content:""; position:absolute; right:0.75em; top:0.625em; border-left:8px solid #fff; border-top:6px solid transparent; border-bottom:6px solid transparent;}

.mix { padding-top:2.125em; padding-bottom:3.625em; display:flex;}
.indextitle { display:block; width:100%; float:left; margin-bottom:.875em;}
.indextitle h3 { display:inline-block; float:left; position:relative; font-size:1.25em; color:#101010; padding-bottom:0.5em; line-height:1; padding-right:1em;}
.indextitle h3:after { position:absolute; content:""; width:100%; height:1px; background-color:#18b1a8; left:0; bottom:0;}
.indextitle span { float:right; line-height:1.25em;}
.indextitle span a.squadlink { font-size:16px; color:#fff; display:inline-block; width:20px; height:20px; background-color:#c2c2c2; text-align:center; text-decoration:none; line-height:20px; font-weight:bold; border-radius:4px;}
.indextitle span a { font-size:1em; color:#018c5d; text-decoration:none;}
.about p.about-text { font-size:0.8125em; color:#767676; display:block; float:left; line-height:2; text-align:justify;}
.about { padding-right:15px;}
.about:after { content:""; overflow:hidden; clear:both; display:table;}
.tec { padding-left:15px; position:relative;}
.tec:after {content:""; overflow:hidden; clear:both; display:table;}

.prolist { width:100%; padding-top:1.25em; padding-bottom:9.375em;}
.prolist .col-xs-12 { text-align:center;}
.prolist:after { content:""; display:table; clear:both; overflow:hidden;}
.product .indextitle { margin-bottom:2em;}
.product:after { content:""; display:table; clear:both; overflow:hidden;}

.procol { position:relative; width:auto; display:inline-block; margin-bottom:1.375em;}
/*.procol img { max-width:100%;}*/

.promask { position:absolute; width:100%; height:100%; background-color:#17b1a8; top:0; left:0; box-sizing:border-box; padding:12% 14%; text-align:center; color:#fff; opacity:0; transition:all .8s ease;}
.promask h4 { font-size:1em; padding-bottom:0.2em;}
.promask p { font-size:0.8125em; line-height:1.78em; padding-top:0.6em;}
.promask .line { width:1.5em; height:2px; background-color:#fff; display:inline-block;}

.footer { padding-top:2.75em; padding-bottom:0.75em; background: -webkit-linear-gradient(left, #057c5c,#0bc794 , #057c5c);background: -o-linear-gradient(right, #057c5c,#0bc794 , #057c5c);background: -moz-linear-gradient(right, #057c5c,#0bc794 , #057c5c);background: linear-gradient(to right, #057c5c,#0bc794 , #057c5c);}
.footleft { width:55%; display:inline-block; float:left;}
.footnav { padding:0; margin:0; width:100%; padding-bottom:1.75em; border-bottom:1px solid #1ccd91;}
.footnav:after { content:""; display:table; clear:both; overflow:hidden;}
.footnav li { display:inline-block; padding:0 0.75em; float:left; position:relative; margin-bottom:0.5em;}
.footnav li:before { content:"丨"; position:absolute; left:-0.5em; color:#fff; font-weight:normal; top:2px;}
.footnav li:first-child { padding-left:0;}
.footnav li:first-child:before { display:none;}
.footnav li a { color:#fff; display:inline-block; font-size:0.875em; transition:all .3s ease-in-out;}
.footnav li a:hover, .footnav li a.sel { color:#92fcb3;}
.footinfo { margin:2.875em 0; width:100%; }
.footinfo:after { content:""; display:table; clear:both; overflow:hidden;}
.footinfo .tel { padding-left:66px; background-image:url(../images/finfo_03.png); background-position: top left 0.5em; background-repeat:no-repeat; min-height:44px; font-size:18px; font-weight:bold; color:#fff; padding-top:14px; box-sizing:border-box; width:48%; display:inline-block; float:left;}
.footinfo .adr { padding-left:62px; min-height:44px; background-image:url(../images/finfo_05.png); background-position:left; background-repeat:no-repeat; display:inline-block; float:left; width:50%; padding-top:16px; box-sizing:border-box; font-size:13px; color:#fff;}
.footlink span { font-size:13px; color:#fff;}

.footlink { min-height:25px;}
.fbtn { background-color:transparent !important; color:#fff !important; padding:1px 0.875em; border:1px solid #0abb8b !important; box-shadow:0 0 1px rgba(250,237,186,.75) !important;}
.fbtn:hover { background-color:transparent; color:#fff;}
.footer .btn-group.open .dropdown-toggle { background-color:transparent; color:#fff;}
.footright { width:28.2%; display:inline-block; float:right;}
.footright .footnav li { font-size:0.875em; color:#fff;}
.iconlist { padding:0; margin:0; width:100%; margin-top:2.5em; display:flex; justify-content:space-between;align-items: stretch; width:120%;}
.iconlist:after { content:""; display:table; clear:both;overflow:hidden;}
.iconlist li { display:inline-block; width:41px; height:36px; float:left; background-position:center; background-repeat:no-repeat; transition:all .5s ease-in-out; position:relative;}
.iconlist li a { display:inline-block;}
.weixin { background-image:url(../images/icon2_09.png)}
.weixin:hover { background-image:url(../images/icon1_09.png)}
.qq { background-image:url(../images/icon1_11.png)}
.qq:hover { background-image:url(../images/icon2_11.png)}
.weibo { background-image:url(../images/icon1_13.png)}
.weibo:hover { background-image:url(../images/icon2_13.png)}
.iconlist li .inner { position:absolute;top:-0.5em; left:-116px; display:block; width:109px; height:110px; display:none;}
.iconlist li #erweima { background-color:#efefef; left:-246px; }
.powerby { font-size:0.8125em; color:#fff; margin-top:5em; float:left; position:relative; line-height:2;}

.navbar-right { margin-top:4em; margin-right:6.25em; width:53%; text-align:right;}
.header .navbar-default .navbar-nav>li>a { font-size:0.9375em; line-height:2; padding:0 1.53em; display:inline-block; color:#3f3f3f; box-sizing:border-box;border:2px solid transparent; border-radius:1em; transition:all .3s ease-in-out;}
.header .navbar-default .navbar-nav>li>a:hover, .header .navbar-default .navbar-nav>li>a.sel {  background: -webkit-linear-gradient(#5bd9af, #046c49);background: -o-linear-gradient(#5bd9af, #046c49);background: -moz-linear-gradient(#5bd9af, #046c49);background: linear-gradient(#5bd9af, #046c49); border:2px solid #018c5d; color:#fff;}
.header .navbar-nav>li { margin-left:1.8%;}

.tec .owl-carousel { display:block;}
.tec .owl-carousel .item .owl-img{ position:relative; width:auto;}
.tec .owl-carousel .item img { display:inline-block; position:relative; max-width:100%;}
.tec .owl-carousel .item .owl-inner { position:absolute; color:#fff; bottom:-50px; left:0; width:100%; height:36px; line-height:36px; background-color:rgba(1,140,93,.58); transition:all .3s ease-in-out;}
.tec .customNavigation a.prev { position:absolute; left:0; top:0; height:100%; width:15px; background-image:url(../images/cont_03.png); background-position:center; background-repeat:no-repeat; transition:all .3s ease-in-out;}
.tec .customNavigation a.next { position:absolute; right:-5px; top:0; height:100%; width:15px; background-image:url(../images/cont2_05.png); background-position:center; background-repeat:no-repeat;transition:all .3s ease-in-out;}
.tec .customNavigation a.prev:hover { background-image:url(../images/cont2_03.png);}
.tec .customNavigation a.next:hover {background-image:url(../images/cont_05.png);}
.tec .owl-carousel { margin:0 auto;}
.tec .owl-carousel .item .owl-img:hover .owl-inner { bottom:2px;}
.tec .owl-carousel .iterm a { display:inline-block; width:100%;}


	 #owl-demo .item{
  background:;
  padding:0;
  margin: 10px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}
.customNavigation{
  text-align: center;
}

.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.iform { position:absolute; right: 7.6875em; top: 0;}
.iform .isubmit {border-radius:0; display:inline-block; width:36px; height:36px;background:#F5F3F5; border:none; background-image:url(../images/search.png); background-position:center; background-repeat:no-repeat; }
.iform .iinput { border:none; outline:none; background-color:transparent;}


.menu-body { width:100%; box-sizing:border-box; margin-top:41px; margin-bottom:55px; border:1px solid #d5d5d5; border-radius:8px; min-height:300px; padding-left:7px; padding-right:11px;}
.menu-body .menu-title { width:100%; line-height:108px; display:block; text-align:center; color:#626262; font-size:36px; border-bottom:5px solid #a8a8a8; margin-bottom:9px;}
.menu-body .menulist { display:flex; width:100%; box-sizing:border-box; padding-left:16px; padding-right:13px; list-style-type:none;}
.menu-body .menulist>li { display:inline-block; box-sizing:border-box; padding:30px 10px 0 10px; border-right:1px dashed #aaaaaa; flex:1;}
.menu-body .menulist>li:last-child { border-right:none}
.menu-body .menulist>li h2 { display:block; width:100%; border-radius:4px; height:97px; background-color:#0eab76; text-align:center; color:#fff; box-sizing:border-box; padding-top:27px; font-size:20px; font-weight:bold; margin-bottom:39px;}
.menu-body .menulist>li h2 span { line-height:1; font-size:15px; font-weight:normal;}
.menu-body .menulist>li .Smenu { width:100%; box-sizing:border-box; padding-top:21px; border-top:1px solid #b1b1b1; list-style-type:none;}
.menu-body .menulist>li .Smenu>li { display:block; width:100%; margin-bottom:6px;}
.menu-body .menulist>li .Smenu>li .Stitle { width:100%; display:block; background-color:#7ed5b8; font-size:14px; color:#121212; box-sizing:border-box; padding-left:38px; line-height:1; padding-top:15px; padding-bottom:15px; position:relative;}
.menu-body .menulist>li .Smenu>li .Stitle:before { content:""; position:absolute; left:25px; top:19px; border-left:5px solid #141414; border-top:4px solid transparent; border-bottom:4px solid transparent; }
.menu-body .menulist>li .Smenu>li .Tmenu { width:100%; box-sizing:border-box; list-style-type:none;padding-top:12px; padding-left:36px; padding-bottom:10px;}
.menu-body .menulist>li .Smenu>li .Tmenu li { width:100%; display:block; font-size:13px; line-height:1; box-sizing:border-box; padding-left:15px; position:relative; line-height:30px;}
.menu-body .menulist>li .Smenu>li .Tmenu li:before { position:absolute; left:0; top:13px; width:3px; height:3px; border-radius:50%; background-color:#7d7d7d; content:"";  }
.menu-body .menulist>li .Smenu>li .Tmenu li a { display:block; color:#6a6969; text-decoration:none;}



@media only screen and ( max-width:767px){
	.logo { margin-left:0;}
	.footleft, .footright { width:100%; display:block; margin-bottom:20px;}
	.footright { float:left;}
	.powerby { text-align:left; float:left;}
	.newspic { float:none; margin-top:1em; display:inline-block;}
	.news .col-xs-12:nth-child(2) .row { text-align:center;}
	.tec { margin-top:1em;}
	.about, .tec, .product { padding-left:15px; padding-right:15px;}
	.tec .customNavigation a.prev, .tec .customNavigation a.next { height:120%;}
	.tec .customNavigation a.next { right:0;}
	.iconlist  { width:100%; padding-left:5%;}
	.powerby { margin-left:15px;}
	.footright .footnav li { margin-left:15px;}
	.logo img { max-width:90%;}
	.navbar-form { padding:0;}
	.iform  { left:5%;}
	.form-control { width:60%; float:left;}
	.iform .isubmit { width:auto ; float:left; margin-left:5px;}
	
	
	
	.navbar-right { width:100%;}
	.header .navbar-nav>li { width:100%; display:block;}
	.header .navbar-default .navbar-nav>li>a { width:100%;}
	.header .navbar-default .navbar-nav>li>a { text-align:left;}
	.footinfo .tel { width:100%;}
	.footinfo .adr { width:100%; margin-top:10px; background-position:center left 10px;}
	.menu-body .menulist { display:block;}
	.menu-body .menulist>li { width:100%;}
	
	}

  .header .navbar-default .navbar-nav>li>a{padding:0 1em;}
  .header .navbar-nav>li{margin-left:4.1%;padding-bottom:1.5em;}
  .navbar .nav > li .dropdown-menu { top:4em;}

.logo{margin-top:2em;margin-left:20%;}

@media (max-width:1660px)
{
	.header .navbar-nav>li{margin-left:2%;}	
}

@media (max-width:1440px)
{
	.header .navbar-nav>li{margin-left:1.5%;}	
}

@media screen and(min-width:1380px)
{
	.logo{margin-top:1.5em;}
	
}
@media screen and (max-width:1366px)
{
	.iform{right:4.5em;}	
	.header .navbar-nav>li{margin-left:1.1%;}
	
}

@media screen and (max-width:1295px)
{
	.header .navbar-nav>li{margin-left:0.5%;}
}


@media screen and (max-width:1240px)
	{
		
		.header .navbar-nav>li{margin-left:0%;}
		.header .navbar-default .navbar-nav>li>a{padding:0 0.5em;}
		.iform{right:5em;}
	}


@media screen and (max-width:768px)
{
	.search-btn{display:none;}
	.navbar-toggle{margin-top:38px;}
	.logo{width:80%;float:left;}
	.navbar-right{margin-top:10px;}	
	.header .navbar-nav>li{padding-bottom:0.5em;}
	
	
	.iconlist li #erweima { background-color:#efefef; left:0px; top:3.5em; }
	
	/*产品栏目列表页面样式*/
	.menu-body .menulist{padding-left:2px;padding-right:2px;}
	.menu-body .menulist>li{padding-left:0px;padding-right:0px;}
	.menu-body .menulist>li h2{font-size:20px;margin-bottom:20px;}
	.menu-body .menulist>li h2 span{font-size:16px;}
	.menu-body .menulist>li .Smenu>li .Stitle{padding-left:0px;}
	.menu-body .menulist>li .Smenu>li .Stitle:before{display:none;}
	.menu-body .menulist>li .Smenu>li .Tmenu{padding-left:0px;}
	.menu-body .menulist>li .Smenu>li .Tmenu li{padding-left:1px;line-height:12px;font-size:12px;margin-bottom:6px;padding-left:2px;}
	.menu-body .menulist>li .Smenu>li .Tmenu li:before{display:none;}
	
	.footer{background:#029f75;}
}

@media screen and (max-width:375px)
{
	.navbar-toggle{margin-top:25px;}
	
		
}