@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:#e66007; 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:354px;
    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;
     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:100px;position: relative;z-index: 999; background:#018b3e; border-bottom:5px solid #037635; }
.navbg .main{ width:98%;max-width:1400px; height:100px; margin:0 auto}
.navbg .main .logo{
	display: block;
    float: left;
    width: 15%;
	margin-top:1%;
	}
.navbg .main .logo img{ 
    max-width: 100%;
}
.navbg .main .toptel{ display:block; float:right; background:url(../images/top_tel.png) left center no-repeat; padding-left:38px; line-height:100px; font-size:24px; color:#fff100; font-family:Arial, Helvetica, sans-serif; font-weight:bold}

.navdh{
    width: 68%;
    display: block;
    float: right;
	}
.navdh ul{}
.navdh ul li{
	float: left;
    position: relative;
	padding:0 1.4%;
	text-align:center;
	transition: all .5s ease;
	}
.navdh ul li:before{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height:100px;
    color:#e66007;
}
.navdh ul li:hover:before
	{
	left: 0;
    transition: all 1s;
    width: 100%;
	}
	
.navdh ul li a{
	font-size: 18px;
    padding: 0;
    line-height:100px;
    display: block;
    position: relative;
    text-align: center;
	color:#fff;
	}	
	
.navbg ul li a:hover{color:#e66007; !important; line-height:100px; font-size:18px; }
.navbg ul li:hover,.navbg ul li:hover{color:#e66007!important; line-height:100px; font-size:18px; }
.navbg ul li:hover a{color:#e66007!important}

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

.navbg ul li dl dt a{
	padding: 0;
    line-height: 52px !important;
    font-size: 16px !important;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #efefef;
	}
	
.navbg ul li:hover dl dt a{ color:#333 !important}	
.navbg ul li dl dt a:hover{background:#e66007; color:#fff !important}	
	
	
	
/*.navbg ul li:hover dl dt a{ background:#e66007; color:#fff}*/

/*.navbg .nav_on{color:#e66007; height:100px; display:block; line-height:100px; font-size:18px;}
*/
.navbg.nav01 { background:#fff;top: 0;left: 0;width: 100%;min-width: 1400px; z-index:999; margin:0;box-shadow:3px 3px 3px rgba(0,0,0,.1);}


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



/*footer*/
.footer{background:#027d39; padding-top:42px;}
.footer .maina{ width:96%; max-width:1400px;margin:0 auto;}

.navigation {
    display: block;
    float: left;
    width: 18%;
    margin-right: 6%;
}
.navigation .title {
	font-size:18px;
	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;
	float: left;
	width: 45%;
	margin: 0 10% 0 0;
}
.navigation .contenta ul li a {
	line-height:36px;
	font-size:16px;
	color: rgba(255, 255, 255, 0.5);
}

.bot_cp{
    display: block;
    float: left;
    width: 15%;
    margin-right: 6%;
	}
.bot_cp .title{ font-size:18px; 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{
	}
.bot_cp .contenta ul li a{line-height:36px; font-size:16px; 
	color: rgba(255, 255, 255, 0.5);
}



.botlx{
	display: block;
    float: left;
    width: 30%;
	}
.botlx .title{ font-size:18px; 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:16px; line-height:36px; 
	color: rgba(255, 255, 255, 0.5);
}


.attention {
    display: block;
    float: right;
    width: 23%;
}
.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) 32% top no-repeat;
}
.attention .bot_tel p {
	font-size: 14px;
	line-height: 25px;
	font-weight: 500;
	margin: 10px 0 10px 0;
	color: rgba(255, 255, 255, 0.5);
}
.attention .contenta{
}
.attention .contenta ul li {
    float:right;
    text-align: center;
    display: block;
    width: 46%;
    font-size: 14px;
    line-height: 30px;
    margin-left: 8%;
	color: rgba(255, 255, 255, 0.5);
}
.attention .contenta ul li img {
	width:100%;
	height:auto
}

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







/*首页简介*/
.in_about{ max-width:1400px; width:96%; margin:5% auto 2% auto;}
.in_about .lefttxt{
	width: 46%;
    margin-right: 4%;
    float: left;
	}
.in_about .lefttxt h1{ font-size:32px; line-height:48px; color:#018b3e; font-weight:500; margin-top:3%}
.in_about .lefttxt h2{ font-size:25px; line-height:48px; color:#212529; font-weight:500; margin:1% 0;}
.in_about .lefttxt .contxt{ height:156px; display:block; overflow:hidden;text-align:justify}
.in_about .lefttxt .contxt *{ font-size:16px; line-height:32px; color:#5b5b5b;}

.in_about .lefttxt .cont{ margin:30px auto}
.in_about .lefttxt .cont ul li{ float:left; text-align:center; margin-right:80px}
.in_about .lefttxt .cont ul li .topimg{ height:47px;}
.in_about .lefttxt .cont ul li p{ font-size:16px; color:#333333; line-height:35px}
.in_about .lefttxt .cont ul li h3{ font-family:Arial, Helvetica, sans-serif; font-size:36px; color:#018b3e; font-weight:bold; line-height:45px}
.in_about .lefttxt .cont ul li h3 span{ line-height:45px; font-family:"微软雅黑"; font-size:16px; color:#333}

.in_about .lefttxt .cont ul li:nth-child(3){ margin-right:0}

.in_about .lefttxt a{ border:2px solid #e66007;
    display: block;
    float: left;
    border-radius: 4px;
    padding: 7px 35px;
    margin-top: 0.7%;
	}
.in_about .lefttxt a span{
	color: #e66007;
    font-size: 16px;
	}
.in_about .lefttxt a span:after {
    content: ">";
    font-family: 宋体;
    margin-left: 5px;
}
.in_about .lefttxt a:hover{ background:#e66007}
.in_about .lefttxt a:hover span{ color:#fff}

.in_about .rightvideo{ width:50%; display:block; float:right}
.in_about .rightvideo img{ max-width:100%; height:auto}



.proimg_a{
    text-align: center;
    float: left;
    margin: 0 10px;
	}
.proimg_a .topimg{
    height: 380px;
    overflow: hidden;
    background: #fff;
    /* display: table-cell; */
    vertical-align: middle;
    text-align: center;
	}
.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:#e66007}


/*门店展示*/
.inbox2{ margin:0 auto;padding-top:3%; padding-bottom:2%;}
.inbox2 .center{max-width:1400px; width:96%; margin:30px auto 0}
.inbox2 .center li{ width:24.25%; height:auto; margin-right:1.5%; margin-bottom:1.5%}
.inbox2 .center li.tjying{ width:48.5% !important}
.inbox2 .center li:nth-child(3n){margin:0 !important; float:right !important}
.inbox2 .center li:nth-child(5n){margin:0 !important; float:right !important}
.inbox2 .center li a{ width:100%; height:auto; display:block;overflow:hidden; position:relative}
.inbox2 .center li a img.picyy{ width:100%;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}
.inbox2 .center li a:hover img.picyy{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.inbox2 .center li a p{ display:none}
.inbox2 .center li a:hover p{ width:140px; height:50px; display:block; line-height:50px; font-size:18px; color:#fff; overflow:hidden;position:absolute; top:50%; left:50%; z-index:9; margin-top:-25px; margin-left:-70px; background:#ff7f02; text-align:center}




/*精品推荐*/
.in_product{ background:url(../images/bg_cp.jpg) repeat; padding-top:3%; padding-bottom:3%}
.in_product .cont1{ max-width:1400px; width:96%; margin:30px auto 0}
.in_product .cont1 ul li{
	float: left;
    display: block;
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
	}
.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;
	}
.in_product .cont1 ul li .topimg img{
	width:100%;
	height: auto;
	transform: scale(1);
	transition: all 1s ease-out;
	}
.in_product .cont1 ul li:hover .topimg img{
	transform: scale(1.2);
	}
.in_product .cont1 ul li p{
    height: 58px;
    text-align: center;
    background:#f5f5f5; 
	}
.in_product .cont1 ul li p a{ font-size:21px; color:#333333; line-height:58px;}
.in_product .cont1 ul li:hover p{
    background:#e66007; 
	}
.in_product .cont1 ul li:hover p a{color:#fff;}





/*首页新闻*/
.in_news{
	width: 96%;
    max-width: 1400px;
    margin: 70px auto;
	}
.in_news .title{ height:65px}
.in_news .title p{ float: left; font-size:36px; color:#018b3e; line-height:65px; font-weight:bold}
.in_news .title a{
    display: block;
    float: right;
    border-radius: 4px;
    background: #e66007;
    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:46%; 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 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:#e66007;
    margin-top: 45px;
	}


.in_news .cont .p_focus .rightpic{
	display:block; float:right; width:50%;
	}
.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;
	}


.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: 28px;
    margin-top: 32px;
    -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:#e66007;
    margin-top: 45px;
	display:block;
	}
.in_news .cont .p_list ul li:nth-child(3){ margin-right:0}



.hhdf{ width:100%; height:auto; background:url(../images/hbg.jpg) center top; padding:4% 0px 6% 0px;}
.hhdfcc{max-width:1400px; width:96%; margin:0 auto; }
.hdlf{ float:left; width:37.6%;vertical-align:middle;text-align:center;display:table-cell;}
.hdlf img{ width:100%;}
.hdrg{ float:right; width:55%;}
.rgtxt{ width:80%; text-align:center; color:#dcdcdc; font-size:18px; line-height:30px; }
.rgtxt p{ width:100%; border-top:2px solid #ffffff; border-bottom:2px solid #ffffff; color:#ffffff; font-size:26px; font-weight: bold; padding:2% 0px; text-align:center;}
.hdan{ width:100%; margin-top:3%;}
.an11{padding:1.5% 15%;text-align:center;border-radius:30px; float:left; margin-right:2%; line-height:30px; font-size:18px; display:block;border-radius:30px;background:#f7b305;}
.an11:hover{ background:#018b3e;font-size:18px;color:#fff;display:block;}
.an22{float:left;padding:1.5% 15%; background:#fff;border-radius:30px;line-height:30px;font-size:18px;}
.an22:hover{ background:#018b3e;font-size:18px;color:#fff;display:block;}