﻿*{box-sizing:border-box;}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,em,small,strong,dl,dt,dd,ol,ul,li{margin:0;padding:0;font-size:100%;}
body{font-size:14px;line-height:1.75;font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Tahoma,sans-serif;color:#666;background:#fff;overflow-x:hidden;}
em,i{display:inline-block;font-style:normal;}
ul,ol,li{list-style:none;}
a{color:#666;text-decoration:none;-webkit-transition:color .3s;-o-transition:color .3s;transition:color .3s;}
a:hover{outline:none;color:#b42e32;}
a:focus{outline:none;}
input,button{padding:0;border:none;background:none;outline:none;font-family:"微软雅黑",Arial,Helvetica;}
button{outline:none;}
textarea{border:none;background:none;outline:none;}
select,option,textarea{font-family:"微软雅黑",Arial,Helvetica;}
table{border-collapse:collapse;word-wrap:break-all;border-spacing:0;border:1px solid #e4e4e4;}
td,tr{padding:5px;}
sup{vertical-align:top;}
sub{vertical-align:bottom;}
img{vertical-align:middle;border:none;}

/*公共部分*/
.top,.top-logo,.top-title ul,.i-about,.i-ldea,.youa ul,.adva ul,.news{display:-webkit-flex;display:-o-box;display:-ms-box;display:-moz-flexbox;display:flex;}
.lgduo{text-align:center;margin:30px auto;}
.lgduo a{display:block;width:150px;line-height:38px;font-size:14px;border:1px solid #999;margin:auto;}
.lgduo a:hover{background:#b42e32;color:#fff;border:1px solid #b42e32;}


/*头部*/
.top{width:96%;margin:auto;justify-content:space-between;position:relative;}
.top-logo{width:30%;}
.top-logo-a{width:160px;margin-right:30px;}
.top-logo-b{width:calc(100% - 200px);box-sizing:border-box;border-left:1px solid #666666;padding-left:35px;margin:auto;}
.top-logo-b h1{font-size:22px;color:#333;line-height:29px;}
.top-logo-b p{font-size:14px;color:#efaa05;}
.top-title{width:40%;margin:auto;z-index: 9999;}
.top-title ul{justify-content: space-around;font-size:16px;}
.top-title a{color:#666}
.top-title a.topa{color:#ee2323;}
.top-title a:hover{color:#ee2323;}
.top-tel{width:23%; font-family: Georgia;text-align:right;font-weight:bold;color:#da251c;margin:auto;}
.top-tel img{display:inline-block;font-size:0; vertical-align: middle;}

/*手机点击*/
.zhz{width:50px;height:50px;overflow:hidden;position:absolute;top:17px;right:13px;display:none;}
.zhz samp{position:absolute;left:26%;background:#3ab2c2;height:2px;width:26px; transition:all 0.5s;}
.zhz .samp1{top:18px}
.zhz .samp2{top:25px;}
.zhz .samp3{top:32px;}

.active .samp2{left:-100%;}
.active .samp1{transform:rotate(225deg);top:25px}
.active .samp3{transform:rotate(-225deg);top:25px;}

/*搜索广告*/
#search{width:100%;background:#f4f4f4;padding:10px 0;}
.search{width:1280px;margin:auto;overflow:hidden;}
.search-a{width:calc(100% - 246px);float:left;font-size:0;}
.search-a-a{display:inline-block;margin-right:10px;vertical-align:middle;}
.search-a-b{font-size:14px;color:#333;display:inline-block;vertical-align:middle}
.search-a-c{font-size:14px;display:inline-block;vertical-align:middle;width:40%;}

.t_news{ height:19px;padding-left:10px; overflow:hidden; position:relative;}
.t_news b{ line-height:19px; font-weight:bold; display:inline-block;}
.news_li,.swap{ line-height:19px; display:inline-block; position:absolute; top:0;}
.news_li a,.swap a{ color:#666;}
.swap{top:19px;}

.search-b{width:220px;float:right;font-size:0;background: #fff;border-radius: 45px;padding: 0 13px;}
.search-b input{border:none;font-size:14px;vertical-align: middle;line-height:30px;width:178px;outline: none;height:30px;}
.search-b img{display:inline-block;vertical-align: middle;}
.search-b a{display:inline-block;}

/*首页标题*/
.com-title{padding-top:65px;padding-bottom:45px;text-align:center;}
.com-title .tit-cn{margin-bottom:15px;font-size:46px;color:#000;line-height:1;font-weight:bold;}
.com-title .tit-des{	/*font-size: 20px; */
color:#6c6c6c;}
.detail-title h3{position:relative;}
.detail-title h3:before{content:"";position:absolute;left:50%;bottom:-30px;width:60px;height:3px;background:#b42e32;margin-left:-30px;}
.fw-bold{font-weight:bold;}
.c-default{color:#b42e32;}
.fs-20{font-size:20px;}

/*首页理念*/
.i-ldea{width:100%;overflow:hidden;}
.i-ldea-a{width:50%;background:#f4f4f4;margin:0;overflow:hidden;}
.i-ldea-b{width:50%;height:413px;overflow:hidden;}
.i-ldea-b img{height:100%;}
.i-ldea-c{width:640px;float:right;padding:60px 30px 0 0;box-sizing:border-box;}
.i-ldea-c h2{font-size:30px; font-weight:normal;color:#3D3D3D;}
.i-ldea-c .i-ldp{margin:20px auto 50px;font-size:14px;line-height:26px;color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.i-ldea-c .i-ldt a{display:block;width:140px;line-height:40px;text-align:center;color:#fff;background:#b42e32;}

/*产品展示*/
.lanrenzhijia{width:1280px;margin:auto;}
.lanrenzhijia .ctp{overflow:hidden;}
.lanrenzhijia .taj{width:100px;text-align:center;font-size:14px;line-height:43px;box-sizing:border-box;border:1px solid #999;float:right;}
.lanrenzhijia .taj a{display:block;}
.lanrenzhijia .taj:hover{background:#b42e32;border:1px solid #b42e32;}
.lanrenzhijia .taj a:hover{color:#fff;}
.lanrenzhijia .tab{float:left;width:calc(100% - 100px)}
.lanrenzhijia .tab a{display:inline-block;padding:0 20px;line-height:43px;color:#141414;background:#f5f5f5; border-radius:4px;margin-right:10px;border:1px solid #dcdcdc;box-sizing:border-box;}
.lanrenzhijia .tab a.on{background:#b42e32;color:#FFF;}
.lanrenzhijia .content{overflow:hidden;margin:30px auto 30px;}
.lanrenzhijia .content li{display:none;}

.pro{width:100%;overflow:hidden;}
.pro dl{}
.pro dd{width:25%;box-sizing:border-box;padding:0 6px;overflow:hidden;margin-bottom:10px;float:left;}
.pro dd img{width:100%;}
.pro dd a{display:block;position:relative;}
.pro .pyi{width:100%;}
.pro .per{margin:auto;padding:10px 10px;background:rgb(0,0,0,0.5);color:#FFF;position:absolute;bottom:0;left:0;width:100%;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%); transition:all 0.3s;}
.pro dd:hover .per{transform:translateY(0%)}
.pro dd:first-child{width:50%;}

/*优势*/
.youshi{width:100%;background:url(../images/ding.jpg); background-size:100% 100%;padding-bottom:50px;}
.yousa{margin:auto;font-size:40px;text-align:center;color:#ffffff;padding:40px 0;}
.yousa p{font-size:18px;color:#f0f0f0;margin-top:5px;}
.yousb{width:50px;height:2px;background:#FFF;margin:10px auto;}

.youa{width:1000px;margin:auto;}
.youa ul{justify-content:space-between;}
.youa li{width:17%;position:relative;}
.youa li>img{width:100%; transition:all 0.4s;}
.youb{position:absolute;top:50%;left:0;width:100%; transform:translateY(-50%);}

.youc{text-align:center;font-size:15px;color:#d6d6d6;}
.youc p{margin-top:10px;}
.youc img{ transition:all 0.3s;}
.youa li:hover .youc img{ transform:rotateX(180deg)}
.youa li:hover>img{ transform:rotate(90deg)}

/*合作*/
.adva{width:1280px;margin:auto;}
.adva ul{flex-wrap:wrap;}
.adva li{margin-right:10px;margin-bottom:10px;width:calc(16.6% - 10px);box-sizing:border-box;border:1px solid #eee;padding:5px 10px;}
.adva li img{width:100%;}
.adva li:nth-child(6n){margin-right:0;}

/*关于我们*/
#about{width:100%;background:url(../images/about.jpg) top no-repeat;padding:70px 0;margin: 46px auto 0;}
.about{width:1280px;margin:auto;overflow:hidden;}
.about-a{width:50%;padding-right:30px;box-sizing:border-box;float:right;}
.about-b{width:50%;float:right;}
.about-a h4{font-size:30px;font-weight:normal;color:#FFF;}
.about-a h5{font-size:20px;font-weight:normal;color:#eee;margin-bottom:30px;}
.about-a .about-c{font-size:14px;color:#ccc;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;line-height:30px;}
.about-a .i-ldt{margin-top:45px;}
.about-a .i-ldt a{display:block;width:140px;line-height:40px;text-align:center;color:#fff;background:#b42e32;}

/*新闻*/
#news{background:#f6f6f6;padding:1px 0 30px;}
.news{width:1280px;margin:0 auto 40px;justify-content:space-between;flex-wrap: wrap;}
.news img{width:100%;}
.news-a{width:calc(50% - 20px);position:relative;}
.news-b{width:calc(50% - 20px);}
.news-a-a{width:90%;margin:auto;background:#FFF;border-bottom:5px solid #a72037;box-sizing:border-box;padding:30px 40px;position:absolute;bottom:0;left:5%;}
.news-a-a h4{font-size:24px;margin-bottom:15px;text-align:center;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-a-a h4 a{color:#333;}
.news-a-a .news-a-b{font-size:14px;line-height:26px;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news-a-a:Hover h4 a{color:#a72037;}


.news-b li{background:#FFF;overflow:hidden;margin-bottom:1px;padding:15px;box-sizing:border-box; transition:all 0.3s;}
.news-b .ne-b-a{width:24%;float:left;}
.news-b .ne-b-b{width:calc(76% - 20px);float:left;margin-left:20px;}
.news-b .ne-b-b h5{ font-weight:normal;color:#333;font-size:20px;margin:0px 0;}
.news-b .ne-b-b p{font-size:14px;line-height:26px;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news-b li:hover{transform:translateX(-20px);}
.news-b li:hover .ne-b-b h5{color:#a72037;}

/*尾部*/
#bottom{width:100%;background:url(../images/-6.jpg);padding:25px 0;}
#bottom_a{width:1280px;margin:auto;overflow:hidden;}
#bottom-a{width:21%;float:left;font-size:14px;line-height:24px;color:#CCC;background:url(../images/1.jpg) no-repeat right;}
#bottom-b{width:65%;float:left;overflow:hidden;box-sizing:border-box;padding-left:90px;}
#bottom-c{width:14%;float:left;font-size:12px;line-height:30px;text-align:center;color:#CCC;box-sizing:border-box;padding-left:50px;background:url(../images/1.jpg) no-repeat left;}
#bottom-c img{width:100%;}

#bottom-a samp{color:#FFF;display:block;font-size:18px;}
#bottom-a p{overflow:hidden;margin-bottom:20px;}
#bottom-a img{float:left;width:50px;margin-right:10px;}

#bottom-b h3{color:#FFF;padding-bottom:20px;font-size:15px;width:100%;float:left;}
#bottom-b li{width:21%;float:left;margin:0 2%;font-size:14px;overflow:hidden;}
#bottom-b li dd{line-height:26px;}
#bottom-b li dd a{color:#CCC;}
#bottom-b li:first-child{width:42%}
#bottom-b li:first-child dd{float:left;width:50%;}
.bottom{width:100%;background:#2A2A2A;text-align:center;font-size:14px;color:#FFF;padding:20px 0;}
#bottom-b li dd:hover a{color:#F00;}
.bottom p{display:inline-block;padding:0 10px;}


@media screen and (max-width:1400px){
   .top-logo{width:40%;}
   .top-title{width:60%;}
   .top-tel{display:none;}
   .search{width:96%;}
   .i-ldea-c{width:96%;}
   .lanrenzhijia{width:96%;}
   .adva{width:96%;}
   .about{width:96%;}
   .news{width:96%;}
   #bottom_a{width:96%;}
   }
@media screen and (max-width:1280px){
	.top{width:100%;}
	.top-title{position:absolute;top:100%;left:0;width:100%;display:none;}
	.top-logo{width:100%;}
	.zhz{display:block;}
	.top-title ul{flex-wrap: wrap;padding:20px 0;background:rgba(56, 178, 194, 0.81);}
	.top-title ul li{flex:1 1 100%;text-align:center;line-height:40px;}
	.top-title a{color:#fff;}
	.com-title .tit-cn{font-size:36px;}
	.lanrenzhijia .tab a{padding: 0px 11px;}
	.pro dd{width:33.3%;}
	.pro dd:first-child{width:33.3%;}
	.yousa{font-size:34px;}
	.youa{width:96%;}
	.about-a .about-c{-webkit-line-clamp:3}
	.about-a h5{margin-bottom:13px}
	.about-a .i-ldt{margin-top:30px;}
}
@media screen and (max-width:790px){
	.top-logo img{height:50px;}
	.top-logo-a{width:100%;}
	.top-logo-b{display:none;}
	.zhz{top:0px;right: 2px;}
	.top-title a{font-size:14px;}
	.top-title ul li{line-height:30px;}
	.search-a{width:100%;}
	.search-a-c{width:calc(100% - 100px);}
	.search-b{display:none;}
	.com-title .tit-cn{font-size:24px;}
	.com-title{padding-top: 38px;padding-bottom: 29px;}
	.i-ldea-b{display:none;}
	.i-ldea-a{width:100%;background:none;margin-bottom: 25px;}
	.i-ldea-c h2{display:none;}
	.i-ldea-c{margin:auto;padding:0;float:none;}
	.i-ldea-c .i-ldt a{margin:auto;width: 134px;line-height: 34px;}
	.i-ldea-c .i-ldp{margin: 0px auto 29px;}
	.com-title .tit-des{font-size:16px;}
	.lanrenzhijia .ctp{display:none;}
	.lanrenzhijia .content{margin:auto;}
	.pro dd{width:50%;margin-bottom:0;}
	.pro dd:first-child{width:50%;}
	.pro .per{text-align:center;transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);-webkit-transform:translateY(0);position:static;background:none;color:rgb(51,51,51);}
	.pro dd:nth-child(n+9){display:none;}
	.youshi{display:none;}
	.adva li{width:calc(33.3% - 10px);}
	.lgduo{margin:16px auto;}
	.lgduo a{width:140px;line-height:34px}
	.about-b{width:100%;}
	#about{padding:0;background:none;margin: 32px auto 0;}
	.about{width:100%;}
	.about-a{width:96%;padding-right:0;}
	.about-a h4{display:none;}
	.about-a h5{font-size:18px;color:#000;text-align:center;margin-top: 10px;}
	.about-a .about-c{line-height:26px;-webkit-line-clamp:5;color:#666;}
	.about-a .i-ldt a{margin:auto;width:134px;line-height:34px;}
	.news{margin: 0 auto 21px;}
	.news-a{width:100%;}
	.news-b{width:100%;}
	.news-a-a{position:static;width:100%;border-bottom:0;margin-bottom:3px;padding:15px;}
	.news-a-c{display:none;}
	.news-a-a h4{text-align:left;font-size:18px;margin-bottom:0;}
	.news-b .ne-b-a{display:none;}
	.news-b .ne-b-b{width:100%;margin:0;}
	.news-b li{margin-bottom:3px;}
	.news-b .ne-b-b h5{font-size:16px;}
	.news-b .ne-b-b p,.news-a-a .news-a-b{-webkit-line-clamp: 1;font-size: 12px;}
	#news{margin-top:30px;}
	#bottom{display:none;}

}
@media screen and (max-width:450px){
	.search-a-c{width:calc(100% - 35px);}
	.news_li a, .swap a{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.t_news{padding-left:0;}
	.search-a-b{display:none;}
}