@charset "utf-8";
*{margin: 0px;padding: 0px;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:0px;border:0px;}
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:#b40607; 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: 450px;
    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:100px;position: relative;z-index: 999; }
.navbg .main{ width:96%;max-width:1400px; height:100px; margin:0 auto}
.navbg .main .logo{
	display: block;
    float: left;
    width: 15%;
	}
.navbg .main .logo img{ 
    max-width: 100%;
    margin-top:4%;
}
.navbg .main .toptel{ display:block; float:right; background:url(../images/top_tel.jpg) left center no-repeat; padding-left:38px; line-height:100px; font-size:24px; color:#b40607; font-family:Arial, Helvetica, sans-serif; font-weight:bold}

.navdh{
	margin-right: 3%;
    width: 65%;
    display: block;
    float: right;
	}
.navdh ul{}
.navdh ul li{
	float: left;
    position: relative;
	width: 16.5%;
	text-align:center;
	transition: all .5s ease;
	}
.navdh ul li:before{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height:100px;
    background: #b40607;
}
.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;
	}	
	
.navbg ul li a:hover{ color:#fff !important; line-height:100px; font-size:18px; }
.navbg ul li:hover,.navbg ul li:hover{color:#fff !important; line-height:100px; font-size:18px; }
.navbg ul li:hover a{color:#fff !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:#b40607; color:#fff !important}	
	
	
	
/*.navbg ul li:hover dl dt a{ background:#b40607; color:#fff}*/

/*.navbg .nav_on{color:#b40607; height:100px; display:block; line-height:100px; font-size:18px;}
*/
.navbg.nav01 { background:#fff;position: fixed;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: #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;
	}



/*footer*/
.footer{background:#2b2b2b; 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 #4f4f4f; 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}
.in_about .main{ max-width:1517px; height:auto; margin:0 auto}
.in_about .main .lefttxt{ width:32%}
.in_about .main .lefttxt h1{ font-size:48px; color:#333333; line-height:65px; font-weight:bold}
.in_about .main .lefttxt h1 span{ font-size:48px; color:#c61a25; line-height:65px; font-weight:bold} 
.in_about .main .lefttxt h2{ font-size:18px; font-weight:500; background:url(../images/line.png) left bottom no-repeat; padding-bottom:20px; line-height:35px}
.in_about .main .lefttxt .txt{ font-size:17px; line-height:32px; color:#666666; height:192px; display:block; overflow:hidden;}
.in_about .main .lefttxt .txt *{ font-size:17px; line-height:32px; color:#666666; text-align:justify}
.in_about .main .lefttxt .tel{ margin-top:35px;}
.in_about .main .lefttxt .tel dl dt{ padding:0 26px; background:#c3221a; height:40px; float:left; margin-right:12px; border-radius: 20px;}
.in_about .main .lefttxt .tel dl dt a{line-height:40px; font-size:16px; color:#ffffff; }
.in_about .main .lefttxt .tel dl dd{
	height: 40px;
    line-height: 40px;
    background: url(../images/bg_tel_gsjj.png) 18px center no-repeat #555555;
    padding-left:22px;
    font-size: 18px;
    color: #ffffff;
    border-radius: 20px;
    float: left;
    margin-left: 5px;
    padding-right: 3%;
	}

.in_about .main .centertxt{ margin:0 4.8%
	
	}
.in_about .main .centertxt ul li{ margin-bottom:32px; text-align:center; font-size:20px; color:#666666; line-height:35px}
.in_about .main .centertxt ul li img{}
.in_about .main .rightimg{ width:51%; height: auto; display:block;}
.in_about .main .rightimg 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:#b40607}




/*精品推荐*/
.in_product .news_top {text-align: center; margin-top:30px }
.in_product .news_top li{
	display: inline-block;
    height:50px;
    line-height: 50px;
    padding: 0 65px;
    font-size: 18px;
    background: #ffffff;
    margin-right: 20px;
    color: #444444;
	}
.in_product .news_top li:last-child{ margin-right:0}

.in_product .news_top li a{color:#444444;font-size: 18px; line-height:50px}
.in_product .news_top li:hover,.in_news .news_top li.on{background:#c61a25; }
.in_product .news_top li:hover a,.in_news .news_top li.on a{color: #fff; line-height:50px;}

.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:#b40607; 
	}
.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:#b40607; line-height:65px; font-weight:bold}
.in_news .title a{
    display: block;
    float: right;
    border-radius: 4px;
    background: #b40607;
    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:#b40607;
    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:#b40607;
    margin-top: 45px;
	display:block;
	}
.in_news .cont .p_list ul li:nth-child(3){ margin-right:0}



/*搜索*/
.link{ width:100%; height:76px; margin:0 auto; background:url(../images/bg_search.jpg) center top no-repeat}
.link ul{ max-width:1400px; height:76px; margin:0 auto;}
.link ul li{ float:left; height:76px}
.link ul li p{line-height:76px;width:100%; height:76px; color:#ffffff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block; font-size:15px; font-weight:bold}
.link ul li a{line-height:76px; color:#f1c6c8; font-weight:500}

.bannerfo{ width:378px;height:36px; position:relative; margin-top:19px;}
.bannerfo dl dt{ display:inline}
.bannerfo dl .inputbox{ position:absolute; left:0; top:0; width:325px; height:36px;}
.bannerfo dl .inputbox input{ width:290px; height:36px; padding:0 0 0 35px;color:#c2c2c2; line-height:36px; font-size:15px; background: url(../images/dec2.jpg) left center no-repeat}
.bannerfo dl .menuser{ position:absolute; left:325px; top:0; width:53px; height:36px; display:block;background: url(../images/search.jpg) no-repeat 0 0; }
.bannerfo dl .menuser input{width:53px; height:36px;background: none}
