@charset "utf-8";
*{margin: 0px;padding: 0px;font-size:14px;color:#333; font-family:微软雅黑, Arial, Helvetica, sans-serif; line-height:26px; list-style:none; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, s, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, 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; background:transparent; -webkit-margin-before:0; -webkit-margin-after:0;}
article, aside, details, summary, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
del{text-decoration:line-through}
ins{text-decoration:none}
abbr[title], dfn[title]{border-bottom:1px dotted; cursor:help}
ul, li{list-style:none;margin:0;padding:0;}

em, var{font-style:normal}
img, a img{padding:0; margin:0; border:none;}
input, textarea, button{outline:none; margin:0}
body, input, textarea, button, select{font-size:13px;line-height:1.5;font-family:-apple-system, BlinkMacSystem,"Microsoft Yahei",sans-serif,"Hiragino Sans GB", Helvetica; color:#333}
.clearfix:after, .fix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix, .fix{zoom:1}
a{color:#404145; text-decoration:none;}
a:hover, a:active{color:#0ba29a; text-decoration:none}
a:focus{outline:none; -moz-outline:none}
a{outline:none; }
i, s, em, u{font-style:normal; text-decoration:none;}
input, textara{font-size:1em; color:#333;}
input:focus, textarea:focus{outline:none;}
.clear{clear:both; display:block; font-size:0; line-height:0; height:0;}
.clearf:after{content:""; display:table; clear:both; }
.fl{float:left}
.fr{float:right}
.tl{text-align:left}
.tr{text-align:right}
.d30{height:30px}
.textover{text-overflow:ellipsis;white-space:nowrap; display:block; overflow:hidden}


.left{ float:left}
.right{ float:right}
.clear{ height:0; line-height:0; overflow:hidden; clear:both}

.nban{
	width: 100%;
    height: 555px;
    background: url(../images/nban.jpg) center 0 no-repeat #cfcfcf;
	position:relative;
	}
/*.nban:before
{
	content: '';
    background: linear-gradient(90deg,rgba(172,32,32,0.65),rgba(172,32,32,0));
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    top: 0px;
    display: block;
    z-index: 2;
    width: 50%;
	}*/
.nban .txt{
	width: 50%;
    position: absolute;
    right: 50%;
    top: 50%;
    width: 1400px;
    max-width: 94%;
    z-index: 9;
    display: flex;
    transform: translateX(50%) translateY(-50%);
    align-items: center;
    text-align: center;
	}
.nban .txt h1{
    color: rgba(255,255,255,1);
    font-size: 28px;
    font-weight: 500;
    display: block;
    text-align: left;
	}
.nban .txt h1 p{
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 45px;
	}

.navbg{
	height: 80px;
    position: absolute;
    z-index: 99999;
    width: 100%;
    /* background: rgba(0,0,0,0.3); */
    border-bottom: 1px solid rgba(255, 255, 255, .3);
	}
.navbg .main{
	width: 90%;
    max-width: 1300px;
    height: 80px;
    margin: 0 auto;
	}
.navbg .main .logo{
    background: url(../images/logo.png) left center no-repeat;
    background-size: 14%; 
    display: block;
    float: left;
    width: 28%;
    height: 80px;
    padding-left: 6%;
	}
.navbg .main .logo a{
    font-family: arial;
    text-transform: uppercase;
    font-size: 13px;
    color: #fff;
    line-height: 2.4;
	}
.navbg .main .logo p{
    padding-top: 15px;
    font-size: 27px;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    font-family: '微软雅黑';
    letter-spacing: 1px;
	}


.navbg .main .toptel{
	display: block;
    float: right;
    background: url(../images/top_tel.png) left center no-repeat;
    padding-left: 38px;
    line-height: 80px;
    font-size: 24px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    width: 13.5%;
    text-align: right;
	margin-left:1%
	}
.dhline{background: radial-gradient(#d8d8d8 20%,transparent 60%);
    height: 1px;
    margin: 0 auto;
    width: 100%;
}
.navdh{
    width: 42%;
    display: block;
    float: right;
	}
.navdh ul{}
.navdh ul li{
    float: left;
    position: relative;
    width: 20%;
    text-align: center;
    transition: all .3s ease;
	}
.navdh ul li:before{
    content: "";
    position: absolute;
    bottom:0;
    left: 50%;
    width: 0;
    height:3px;
    background: #fff;
}
.navdh ul li:hover:before
	{
	left: 30%;
    transition: all .3s;
    width: 40%;
	}
	
.navdh ul li a{
	font-size: 18px;
    padding: 0;
    line-height: 80px;
    display: block;
    position: relative;
    text-align: center; color:#fff
	}	
	
.navbg ul li a:hover{ color:#fff !important; line-height:80px; font-size:18px; }
.navbg ul li:hover,.navbg ul li:hover{color:#fff !important; line-height:80px; font-size:18px; }
.navbg ul li:hover a{color:#fff !important}

.navbg ul li dl{position:absolute; left:0px; top:80px; z-index:99999;display:none; width:560%;box-shadow: 0 0px 10px 0px rgba(0,0,0,0.1); background:#fff}
.navbg ul li:hover dl{ position:absolute; left:0px; top:80px; z-index:99999;display:block;}

.navbg ul li dl dt a{
	padding: 0;
    line-height: 48px !important;
    font-size: 15px !important;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-align: left;
    background: #fff;
    border-bottom: 1px solid #efefef;
	width:33%; float:left; text-indent:20px
	}
	
.navbg ul li:hover dl dt a{ color:#333 !important}	
.navbg ul li dl dt a:hover{color:#0ba29a !important; font-weight:bold}	
	
	
	
/*.navbg ul li:hover dl dt a{ background:#0ba29a; color:#fff}*/

/*.navbg .nav_on{color:#0ba29a; height:100px; display:block; line-height:100px; font-size:18px;}
*/
.navbg.nav01 {}


/*主标题*/
.main_title{
	display: block;
    text-align: center;
    font-size: 20px;
    color: #fff;
    line-height: 32px;
	}
.main_title p{
	font-size: 40px;
    color: #fff;
    font-weight: bold;
    line-height: 78px;
	}
.main_title .dec{
	width: 30px;
    height: 3px;
    background: #fff;
    display: block;
    margin: 15px auto 0;
	}

.main_title .infenl{
	margin: 0 auto;
    padding: 10px;
    font-size: 16px;
    color: rgba(255,255,255,0.3);
    line-height: 2.5;
    max-width: 1150px;
	}
.main_title .infenl a{ font-size:18px; line-height:25px; color:#fff; padding:0 10px} 
.main_title .infenl a:hover{ text-decoration:underline}

/*footer*/
.footer{background:#0ba29a; padding-top:42px;}
.footer .maina{
    margin: 0 auto;
    width: 90%;
    max-width: 1300px;
	}

.navigation {
    display: block;
    float: left;
    width: 8%;
    margin-right:4%;
}
.navigation .title {
	font-size:20px;
	color:#ffffff;
	line-height:35px
}
.navigation .title .dec {
	width:24px;
	height:2px;
	background:#fff;
	display:block;
	margin-top:12px
}
.navigation .contenta{
	margin-top:20px
}
.navigation .contenta ul li {
	display: block;
}
.navigation .contenta ul li a {
	line-height:2.5;
	font-size:15px;
	color: rgba(255, 255, 255,1);
}

.bot_cp{
    display: block;
    float: left;
    width: 32%;
    margin-right:2%;
	}
.bot_cp .title{ font-size:20px; color:#ffffff; line-height:35px}
.bot_cp .title .dec {
    width: 24px;
    height: 2px;
    background: #fff;
    display: block;
    margin-top: 12px;
}
.bot_cp .contenta{ margin-top:20px}
.bot_cp .contenta ul li{ width:50%; float:left
	}
.bot_cp .contenta ul li a{line-height:2.5; font-size:15px; 
	color: rgba(255, 255, 255, 1);
}
.bot_cp .contenta ul li a:hover,.navigation .contenta ul li a:hover{ text-decoration:underline}


.botlx{
	display: block;
    float: left;
    width: 28%;
	}
.botlx .title{ font-size:20px; color:#ffffff; line-height:35px}
.botlx .title .dec {
    width: 24px;
    height: 2px;
    background: #fff;
    display: block;
    margin-top: 12px;
}

.botlx .contenta{ margin-top:20px;}
.botlx .contenta *{
	font-size: 15px;
    line-height: 2.5;
    color: rgba(255, 255, 255, 1);
}


.attention {
    display: block;
    float: right;
    width: 24%;
}
.attention .bot_tel {
	text-align: right;
    font-size: 28px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 35px;
    background: url(../images/bot_tel.png) 23% 3px no-repeat;
}
.attention .bot_tel p {
    font-size: 15px;
    line-height: 2;
    font-weight: 500;
    margin: 5px 0 10px 0;
    color: rgba(255, 255, 255, 1);
}
.attention .contenta{
}
.attention .contenta ul li {
    float: left;
    text-align: center;
    display: block;
    width: 46%;
    font-size: 15px;
    line-height: 2.5;
    margin-left: 8%;
    color: rgba(255, 255, 255, 1);
}
.attention .contenta ul li img {
	width:100%;
	height:auto
}

.bottom{ border-top:1px solid rgba(255,255,255,0.3); height:80px; margin-top:60px}
.bottom ul li{ float:left;line-height:80px; font-size:15px; 
	color: rgba(255, 255, 255, 1);
}
.bottom ul li a{ line-height:80px; font-size:15px; 
	color: rgba(255, 255, 255, 1);
}







/*首页简介*/
.in_about{ background:url(../images/bg_about.jpg) center bottom no-repeat #f8f8f8; padding:5% 0 8%}
.in_about .lefttxt{
	width: 90%;
    margin: 0 auto;
    max-width: 1300px;
	}
.in_about .lefttxt h1{
	font-size: 36px;
    line-height: 48px;
    color: #0ba29a;
    font-weight: bold;
	text-align:center
	}
.in_about .lefttxt h2,.in_about .lefttxt h2 *{
	font-size: 24px;
    line-height: 40px;
    font-weight: 500;
    margin: 0.7% 0 1%;
	text-align:center
	}
.in_about .lefttxt h2 strong{ font-weight:bold !important}
.in_about .lefttxt .dec{
	width: 30px;
    height: 3px;
    background: #666;
    display: block;
    margin: 15px auto 0;
	}
.in_about .lefttxt .contxt{
	text-align: -webkit-center;
	margin-top: 1.2%;
	}
.in_about .lefttxt .contxt *{
	font-size: 17px;
    line-height: 2;
    color: #5b5b5b;
	}
.c2-con{margin-top:3.5%;}
.c2-con ul{padding: 0 5%;}
.c2-con ul li{position: relative;}
.c2-con ul li.li01{ background:url(../images/i1.png) left center no-repeat; padding-left:7%}
.c2-con ul li.li02{ background:url(../images/i2.png) left center no-repeat; padding-left:7%}
.c2-con ul li.li03{ background:url(../images/i3.png) left center no-repeat; padding-left:7%}
.c2-con ul li.li04{ background:url(../images/i4.png) left center no-repeat; padding-left:7%}

.c2-con ul li:last-child{border-right: 0;}
.c2-con ul li .count-title{color: #0ba29a;display:inline-block;font-size: 42px;font-weight: 600;font-family: "Arial";line-height: 1;}
.c2-con ul li dt{color: #333333;display:inline-block;font-weight: normal;font-size: 17px;}
.c2-con ul li p{
	color: #333333;
    font-size: 18px;
    text-align: left;
	}
.flexed {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  display: -webkit-flex;
}


.proimg_a{
    text-align: center;
    float: left;
    margin: 0 10px;
	}
.proimg_a .topimg{
    height: 268px;
    overflow: hidden;
    background: #fff;
    /* display: table-cell; */
    vertical-align: middle;
    text-align: center;
	border-radius: 5px;
	}
.proimg_a .topimg img{
    transform: scale(1);
    transition: all 1s ease-out;
    max-width: 100%;
    max-height: 100%;
	}
.proimg_a p{
	line-height: 40px;
    font-size: 16px;
	background:#efefef
	}
.proimg_a:hover p{ color:#fff; background:#0ba29a}




/*精品推荐*/
.in_product{ background:url(../images/bg_cp.jpg) no-repeat #1e9082; padding-top:3%; padding-bottom:3%; background-size:100% 100%}
.in_product .cont1{
	    width: 90%;
    max-width: 1300px;
    margin: 30px auto 0;
	}
.in_product .cont1 ul li{
	float: left;
    display: block;
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%; background:#fff; position:relative;
	border-radius: 10px;
	}
.in_product .cont1 ul li:nth-child(4n){ margin-right:0}
.in_product .cont1 ul li .topimg{
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border-radius: 10px 10px 0 0;
	}
.in_product .cont1 ul li .topimg img{
	width:100%;
	height: auto;
	transform: scale(1);
	transition: all 0.3s ease-out;
	}
.in_product .cont1 ul li:hover .topimg img{
	transform: scale(1.1);
	}
.in_product .cont1 ul li p{
    height: 58px;
    text-align: center;
	}
.in_product .cont1 ul li p a{ font-size:18px; color:#333333; line-height:58px;}


.in_product .cont1 ul li em
{    position: absolute;
    z-index: 10;
    bottom: 0;
    height: 3px;
    width: 0% ; 
    background:#e95412;transition:all .6s ease !important;
    left: 0 ;}
	
.in_product .cont1 ul li:hover em {width:100%;}
.in_product .cont1 ul li:hover{box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.1);}


/*首页新闻*/
.in_news{
	width: 90%;
    max-width: 1300px;
    margin: 70px auto;
	}
.in_news .title{ height:65px}
.in_news .title p{ float: left; font-size:36px; color:#0ba29a; line-height:65px; font-weight:bold}
.in_news .title a{
    display: block;
    float: right;
    border-radius: 4px;
    background: #0ba29a;
    padding: 10px 35px;
    margin-top: 0.7%;
	 }
	 
.in_news .title a span{
color: #fff;
    font-size: 16px;
	}
.in_news .title a span:after{
	content: ">";
    font-family: 宋体; margin-left:5px
	}
.in_news .cont{margin-top: 4%;}




.in_news .cont .p_focus {}
.in_news .cont .p_focus .lefttxt{
	width:56%; margin-right:4%; float:left
	}
.in_news .cont .p_focus .lefttxt h1{
	line-height: normal;
    font-size: 28px;
	font-weight:500
	}
.in_news .cont .p_focus .lefttxt h1:hover,.in_news .cont .p_list ul li h1:hover{ color:#1e9082}
.in_news .cont .p_focus .lefttxt .more:hover,.in_news .cont .p_list ul li .more:hover{color:#1e9082}
.in_news .cont .p_focus .lefttxt h2{ font-weight:500;
    font-size: 18px;
    color: rgba(110,110,110,1);
    margin-top: 12px;
}
.in_news .cont .p_focus .lefttxt span{
    line-height: 28px;
	height:112px;
    font-size: 16px; 
    overflow: hidden;
    color: rgba(150,150,150,1);
    margin-top: 24px;
	display:block;
	}
.in_news .cont .p_focus .lefttxt .more{
    line-height: normal;
    font-size: 18px;
    color:#0ba29a;
    margin-top: 45px;
	}


.in_news .cont .p_focus .rightpic{
	display:block; float:right; width:40%;
	}
.in_news .cont .p_focus .rightpic .topimg{
	overflow: hidden;
    height: 300px;
	}
.in_news .cont .p_focus .rightpic .topimg img{
	width: 100%;
    height: auto;
    object-fit: contain;
	border-radius: 10px;
	}


.in_news .cont .p_list{
    padding: 3% 0;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    margin-top: 3%;
	}
.in_news .cont .p_list ul li{
	width: 31%;
    float: left;
    margin-right: 3.5%;
	}
.in_news .cont .p_list ul li .datetime{
    font-size: 46px;
    line-height: 1;
    color: rgba(110,110,110,1);
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold
	}
.in_news .cont .p_list ul li .datetime p{
    font-size: 18px;
    color: rgba(110,110,110,1);
	font-weight:500
	}
.in_news .cont .p_list ul li h1{
    line-height: normal;
    font_radio: 2;
    display-radio: -webkit-box;
    font-size: 24px;
    margin-top: 30px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
	}
.in_news .cont .p_list ul li span{
	line-height: 28px;
    font_radio: 2;
    display-radio: -webkit-box;
    font-size: 16px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: rgba(150,150,150,1);
    margin-top: 24px;
	display:block;
	overflow:hidden;
	height:56px;
	}
.in_news .cont .p_list ul li .more{
	line-height: normal;
    font_radio: 2;
    display-radio: 1;
    font-size: 18px;
    color:#0ba29a;
    margin-top: 35px;
	display:block;
	}
.in_news .cont .p_list ul li:nth-child(3){ margin-right:0}



@media screen and (min-width: 1360px) and (max-width: 1400px)
{
	.navbg .main .toptel {
    display: block;
    float: right;
    background: url(../images/top_tel.png) left center no-repeat;
    padding-left: 38px;
    line-height: 80px;
    font-size: 24px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    width: 14.5%;
    text-align: right;
    margin-left: 1%;
}
.navbg .main .logo {
    background: url(../images/logo.png) left center no-repeat;
    background-size: 14%;
    display: block;
    float: left;
    width: 29%;
    height: 80px;
    padding-left: 6%;
}
	}
	
	
@media screen and (min-width: 1200px) and (max-width: 1359px)
{
	.navbg .main .logo {
    background: url(../images/logo.png) left center no-repeat;
    background-size: 14%;
    display: block;
    float: left;
    width: 30%;
    height: 80px;
    padding-left: 6%;
}
.navbg .main .logo p {
    padding-top: 15px;
    font-size: 25px;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    font-family: '微软雅黑';
    letter-spacing: 1px;
}
.navbg .main .logo a {
    font-family: arial;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    line-height: 2.4;
}
.navbg .main .toptel {
    display: block;
    float: right;
    background: url(../images/top_tel.png) left center no-repeat;
    padding-left: 38px;
    line-height: 80px;
    font-size: 22px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    width: 13.5%;
    text-align: right;
    margin-left: 1%;
}
.navbg .main {
    width: 95%;
    max-width: 1300px;
    height: 80px;
    margin: 0 auto;
}
	}
	@media screen and (min-width: 1000px) and (max-width: 1199px)
{
	.navbg .main .logo {
    background: url(../images/logo.png) left center no-repeat;
    background-size: 14%;
    display: block;
    float: left;
    width: 35%;
    height: 80px;
    padding-left: 6%;
}
.navbg .main .logo p {
    padding-top: 15px;
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    font-family: '微软雅黑';
    letter-spacing: 1px;
}
.navbg .main .logo a {
    font-family: arial;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    line-height: 2.4;
}
.navbg .main .toptel { display:none
}
.navbg .main {
    width: 95%;
    max-width: 1300px;
    height: 80px;
    margin: 0 auto;
}
.navdh {
    width: 56%;
    display: block;
    float: right;
}
	}