@charset "utf-8";
/* CSS Document */
*{ padding:0px; margin:0px;}
ul{ list-style:none;}
img{ border:none;}
a{ text-decoration:none;}
.clear{ clear:both;}
body{ font-family:"Microsoft Yahei"; font-size:14px; color:#000;}
.type,.class-btn,.banner,.moreck,.footer,.height{ display:none;}
/*头部*/
#headerbg{ background:#d31145; height:99px;}
#header{ width:1200px; margin:0px auto;}
.logo{ float:left; color:#FFF; font-size:36px; font-weight:bold; margin-top:20px;}

#sddm{ float:right; width:657px;}
#sddm li{ float: left; width:130px; position:relative;  margin:0px 0px 0px 0px;}
#sddm li a.aa{	display: block; width:132px; color: #fff; text-align: center; font-size:16px; height:99px; line-height:99px;}
#sddm li a.aa:hover,#sddm li.active a.aa{	color: #d31145; background:#FFFFFF;}
#sddm div{	position: absolute; visibility: hidden; left:0px; width:130px; padding:5px 0px;  z-index:999; background:#FFF;}
#sddm div a{	position: relative; display: block;  width: auto; padding:12px 0px; white-space: nowrap; text-align:center; text-decoration:none; color: #111111; font: 14px "宋体";}
#sddm div a:hover{	background: #d31145; color: #FFF}
/*首页第一部分*/
.title{ text-align:center; padding-top:45px;}
.title span{ color:#d31145; font-size:31px; vertical-align:top; display:inline-block; padding:0px 15px;}
.title img{ margin-top:5px;}
#index1bg{ background:url(../images/index1bg.png) repeat; padding-bottom:60px;}
#index1{ width:1200px; margin:0px auto;}
#index1 ul{margin-left:-24px; *zoom:1;_position:relative; *margin-left:-48px; padding-top:60px;}
#index1 ul li{ width:383px; height:210px; overflow:hidden; float:left; margin-left:24px;}
#index1 ul li img{ width:383px; height:210px; object-fit: cover; overflow:hidden; -webkit-transition: -webkit-transform 1s ease 0s;
transition: transform 1s ease 0s;
-webkit-transform-origin: center;
transform-origin: center;}
#index1 ul li a:hover img{-webkit-transform: scale(1.2);
transform: scale(1.2);}
#index1 ul li:nth-child(4){ width:790px; height:445px; margin-top:24px;}
#index1 ul li:nth-child(4) img{ width:790px; height:445px; object-fit: cover; overflow:hidden;}
#index1 ul li:nth-child(5),#index1 ul li:nth-child(6){ margin-top:24px;}
.more1{ width:133px; height:45px; overflow:hidden; margin:40px auto 0px auto; background:#d31145; color:#FFFFFF; font-size:20px; display:block; border-radius:8px; text-align:center; line-height:45px;}
.more1:hover{ background:#db2052;}
/*首页第二部分*/
#index2bg{ background:#fffbf2; padding-bottom:50px;}
#index2{ width:1200px; margin:0px auto;}
.title1{ text-align:center; padding-top:45px;}
.title1 span{ color:#c1944d; font-size:31px; vertical-align:top; display:inline-block; padding:0px 15px;}
.title1 img{ margin-top:5px;}
.pro{ margin-left:-24px; *zoom:1;_position:relative; *margin-left:-48px; margin-top:20px;}
.pro li{ width:282px; float:left; margin-left:24px; margin-top:20px;}
.pro li a{ display:block;}
.pro li .tu{ width:282px; height:170px; display:block; overflow:hidden;}
.pro li img{ width:282px; height:170px; overflow:hidden; object-fit: cover; -webkit-transition: -webkit-transform 1s ease 0s;
transition: transform 1s ease 0s;
-webkit-transform-origin: center;
transform-origin: center;}
.pro li a:hover img{ -webkit-transform: scale(1.2);
transform: scale(1.2);}
.pro li .protit{ background:#FFF; border-left:1px solid #dcdcdc;  border-right:1px solid #dcdcdc;  border-bottom:1px solid #dcdcdc; height:55px; line-height:55px; text-align:center; color:#000; font-size:18px; text-overflow:ellipsis;  overflow:hidden;  white-space:nowrap;}
.pro li a:hover .protit{ background:#d31145; color:#FFF;}
/*首页第三部分*/
#index3bg{ background:url(../images/index3bg.jpg) no-repeat; height:750px; overflow:hidden;}
#index3{ width:1200px; margin:0px auto;}
.title2{ text-align:center; padding-top:45px;}
.title2 span{ color:#fff; font-size:31px; vertical-align:top; display:inline-block; padding:0px 15px;}
.title2 img{ margin-top:5px;}
.index3js{ color:#FFF; font-size:18px; line-height:170%; padding-top:40px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; }
.index3yst{ background:url(../images/index3yst.png) no-repeat; width:567px; height:76px; overflow:hidden; margin:0px auto; text-align:center; line-height:76px; color:#FFF; font-size:24px; letter-spacing:5px; margin-top:50px;}
.index3yst font{ font-size:34px;}
#index3 .yous{ width:918px; margin:105px auto 0px auto;}
#index3 .yous li{ width:220px; float:left; color:#FFF; text-align:center; margin:0px 43px;}
#index3 .yous li img{ display:block; margin:0px auto; }
#index3 .yous li span{ display:block; font-size:22px; font-weight:bold; margin:18px 0px 10px 0px;}
#index3 .yous li p{ text-align:left; font-size:16px;}
.more2{ width:133px; height:45px; overflow:hidden; margin:55px auto 0px auto; background:#fff; color:#d31145; font-size:20px; display:block; border-radius:8px; text-align:center; line-height:45px;}
.more2:hover{ background:#d31145; color:#FFF;}
/*首页第四部分*/
#index4{ width:1200px; margin:0px auto;}
#index4 ul{margin-left:-20px; *zoom:1;_position:relative; *margin-left:-40px; margin-top:40px;}
#index4 ul li{ width:285px; height:285px; overflow:hidden; position:relative; float:left; margin-left:20px;}
#index4 ul li img{ width:285px; height:285px; overflow:hidden; object-fit: cover; -webkit-transition: -webkit-transform 1s ease 0s;
transition: transform 1s ease 0s;
-webkit-transform-origin: center;
transform-origin: center;}
#index4 ul li a:hover img{ -webkit-transform: scale(1.2);
transform: scale(1.2);}
#index4 ul li .index4tit{ position:absolute; left:0px; bottom:0px; width:100%; background-color:rgba(0,0,0,0.5); height:54px; line-height:54px; color:#FFF; font-size:18px; text-align:center; text-overflow:ellipsis;  overflow:hidden;  white-space:nowrap;}
/*首页第五部分*/
#index5bg{ background:url(../images/index5bg.jpg) no-repeat; height:406px; margin-top:60px;}
#index5{ width:1200px; margin:0px auto; text-align:center; color:#FFF; padding-top:98px;}
#index5 p{ border-top:1px solid #FFF; border-bottom:1px solid #FFF; font-size:24px; padding:12px 0px; width:718px; margin:37px auto 16px auto;}
#index5 .tel{ font-size:24px;}
#index5 .tel span{ font-size:44px;}
/*首页第六部分*/
#index6{ width:1200px; margin:10px auto 60px auto;}
.index6le{ float:left; width:583px; height:396px; overflow:hidden; margin-top:32px;}
.index6le img{width:583px; height:396px; overflow:hidden; object-fit: cover;}
.index6ri{ width:577px; float:right;}
.index6ri li{ margin-top:32px;}
.index6ri li .intit{text-overflow:ellipsis;  overflow:hidden;  white-space:nowrap; width:100%;}
.index6ri li .intit a{ color:#444444; font-size:18px;}
.index6ri li .intit a:hover{ color:#d31145; text-decoration:underline;}
.index6ri li .time{ margin-top:12px;}
.index6ri li .time font{ width:40px; border-top:3px solid #999; display:inline-block; height:6px;}
.index6ri li .time span{ color:#939eaa; font-size:14px; margin-left:17px;}
.index6ri li p{color:#8c7777; font-size:14px; line-height:160%; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; padding-top:12px;}
/*首页第七部分*/
#index7bg{ background:url(../images/index7bg.jpg) no-repeat; height:516px;}
#index7{ width:1200px; margin:0px auto; padding-top:63px;}
.index7le{ float:left; width:420px; color:#FFF; font-size:18px; line-height:200%;}
.index7le img{ margin-top:32px;}
#lxallmap{ width:725px; height:383px; float:right;}
/*底部*/
#footer{ background:#333333; text-align:center; color:#FFF; font-size:14px; padding:18px 0px;}
#footer a{ color:#FFF;}


#containter{ width:1200px; margin:50px auto;}
#left{ width:250px; float:left; background:#d31145;}
#left .ztit{ height:70px; line-height:70px; color:#FFFFFF; font-size:24px; text-align:center;}
#left ul{ margin:0px 13px 15px 0px; background:#FFFFFF; border-left:1px solid #dbdada;}
#left ul li a{ border-bottom:1px solid #dadada; height:47px; line-height:47px; color:#333333; font-size:16px; display:block; text-align:center; text-overflow:ellipsis;  overflow:hidden;  white-space:nowrap;}
#left ul li a:hover{ background:#b02a28; color:#FFFFFF;}

#right{ width:910px; float:right; }
.content_com_title{border-bottom:1px solid #333;  height:40px; margin-bottom:15px; }
.content_com_title h2{float:left; font-size:22px; line-height:36px; border-bottom:2px solid #333; padding: 0 5px; color:#333; }
.bread{float:right; line-height:12px; font-size:12px; color:#333; padding-top:15px;}
.bread a{color:#333;}
.bread a:hover{ color:#d31145;}

.nview{ color:#333333; font-size:14px; line-height:190%; padding-top:28px;}
/*新闻列表页*/
.newslist li{ border-bottom:1px solid #CCCCCC; padding:15px 0px;}
.newslist li span{ float:right; font-size:14px; color:#333333;}
.newslist li code{ background:url(../images/dian.png) left center no-repeat; width:8px; height:8px; display:inline-block; margin-right:6px;}
.newslist li a{ font-size:14px; color:#333333;}
.newslist li a font{text-overflow:ellipsis;  overflow:hidden;  white-space:nowrap; width:60%;}
.newslist li a:hover{ color:#d31145;}
/*分页*/
.pglist{ font-size:14px; color:#333333; margin-top:25px; text-align:center;}
.pglist a{ color:#333333;}
/*新闻内页*/
.ntitle{ color:#333; font-size:24px; text-align:center; padding-top:33px;}
.ntime{ text-align:center; color:#6c6c6c; font-size:14px; border-top:1px solid #e6e8e9; padding-top:8px; margin-top:18px;}
.nview{ color:#333333; font-size:14px; line-height:190%; padding-top:28px;}
.page{width:100%; overflow: hidden; border-top:1px dashed #c2c1c1; margin-top:30px; padding-top:20px; }
.page p{width:100%; font-size:14px; color:#1d1d1d; margin:5px 0px;}
.page p a{color:#1d1d1d}
.page p a:hover{text-decoration: underline; color:#d31145;}
.nview img{ width:100%;}
/*产品列表页*/
.prolist{  margin-top:20px;}
.prolist li{ width:282px; float:left; margin:20px 10px 0px 10px;}
.prolist li a{ display:block;}
.prolist li .tu{ width:282px; height:170px; display:block; overflow:hidden;}
.prolist li img{ width:282px; height:170px; overflow:hidden; object-fit: cover; -webkit-transition: -webkit-transform 1s ease 0s;
transition: transform 1s ease 0s;
-webkit-transform-origin: center;
transform-origin: center;}
.prolist li a:hover img{ -webkit-transform: scale(1.2);
transform: scale(1.2);}
.prolist li .protit{ background:#FFF; border-left:1px solid #dcdcdc;  border-right:1px solid #dcdcdc;  border-bottom:1px solid #dcdcdc; height:55px; line-height:55px; text-align:center; color:#000; font-size:18px; text-overflow:ellipsis;  overflow:hidden;  white-space:nowrap;}
.prolist li a:hover .protit{ background:#d31145; color:#FFF;}
@media only screen and ( max-width:800px ){
		.type,.class-btn,.banner,.footer,.height{ display:block;}
		img { width: auto; max-width: 100%; }
		html{-webkit-text-size-adjust:none; max-height:100%}
		body{width:100%;background:#fff;height:100%; -webkit-tap-highlight-color: transparent;}
		/*导航*/
  .type{width:100%; top:70px; position:absolute; background:#232323; overflow-x: hidden; -webkit-overflow-scrolling: touch; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s; height:5.5rem; padding:0.1rem 0; display:none; z-index:999;}
.typebg{ width:90%; margin:0px auto;}
.typetitle{ color:#FFFFFF; font-size:0.24rem;}
.typebg ul li{ margin:8px 0px;}
.typebg ul li a{ background:#FFFFFF;  color: #666; display:block; font-size:0.22rem; padding:7px 0px 7px 10px;}
.typebg ul li a:hover,.typebg ul li a.active{ background:#d31145; color:#FFFFFF;}
.class-btn{position:absolute; right:3%; top:9px; width:18.0625%; font-size:0.32rem; line-height:0.666rem; color:#fff; text-align:center; overflow:hidden; cursor:pointer; text-align:right;}
/*头部*/
#headerbg{ background:#d31145; height:70px;}
#header{ width:94%; margin:0px auto;}
.logo{ float:left; color:#FFF; font-size:1.5em; font-weight:bold; margin-top:20px;}
#sddm{ display:none;}
/*首页第一部分*/
.title{ text-align:center; padding-top:35px;}
.title img{ display:none;}
#index1bg{ background:url(../images/index1bg.png) repeat; padding-bottom:40px;}
#index1{ width:94%; margin:0px auto;}
#index1 ul{margin-left:-3%; *zoom:1;_position:relative; *margin-left:-6%; padding-top:0px;}
#index1 ul li{ width:47%; height:8em; overflow:hidden; float:left; margin-left:3%; margin-top:15px;}
#index1 ul li img{ width:100%; height:8em; object-fit: cover; overflow:hidden; -webkit-transition: -webkit-transform 1s ease 0s;
transition: transform 1s ease 0s;
-webkit-transform-origin: center;
transform-origin: center;}
#index1 ul li:nth-child(4){ width:47%; height:8em; margin-top:15px;}
#index1 ul li:nth-child(4) img{ width:100%; height:8em; object-fit: cover; overflow:hidden;}
#index1 ul li:nth-child(5),#index1 ul li:nth-child(6){ margin-top:15px;}
.more1{ width:133px; height:45px; overflow:hidden; margin:25px auto 0px auto; background:#d31145; color:#FFFFFF; font-size:20px; display:block; border-radius:8px; text-align:center; line-height:45px;}
.more1:hover{ background:#db2052;}
/*首页第二部分*/
#index2bg{ background:#fffbf2; padding-bottom:50px;}
#index2{ width:94%; margin:0px auto;}
.title1{ text-align:center; padding-top:35px;}
.title1 img{ display:none;}
.pro{ margin-left:-3%; *zoom:1;_position:relative; *margin-left:-6%; margin-top:20px;}
.pro li{ width:47%; float:left; margin-left:3%; margin-top:20px;}
.pro li a{ display:block;}
.pro li .tu{ width:100%; height:8em; display:block; overflow:hidden;}
.pro li img{ width:100%; height:8em; overflow:hidden; object-fit: cover; -webkit-transition: -webkit-transform 1s ease 0s;
transition: transform 1s ease 0s;
-webkit-transform-origin: center;
transform-origin: center;}
.pro li .protit{ background:#FFF; border-left:1px solid #dcdcdc;  border-right:1px solid #dcdcdc;  border-bottom:1px solid #dcdcdc; height:40px; line-height:40px; text-align:center; color:#000; font-size:18px; text-overflow:ellipsis;  overflow:hidden;  white-space:nowrap;}
/*首页第三部分*/
#index3bg{ background:url(../images/index3bg.jpg) no-repeat; height:auto; overflow:hidden; padding-bottom:40px;}
#index3{ width:94%; margin:0px auto;}
.title2{ text-align:center; padding-top:35px;}
.title2 img{ display:none;}
.index3js{ color:#FFF; font-size:18px; line-height:170%; padding-top:30px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; }
.index3yst{ background:url(../images/index3yst.png) no-repeat; width:100%; height:76px; background-size:100% 100%; overflow:hidden; margin:0px auto; text-align:center; line-height:76px; color:#FFF; font-size:24px; letter-spacing:inherit; margin-top:50px;}
.index3yst font{ font-size:34px;}
#index3 .yous{ width:100%; margin:55px auto 0px auto;}
#index3 .yous li{ width:30%; float:left; color:#FFF; text-align:center; margin:0px 1.333%;}
#index3 .yous li img{ display:block; margin:0px auto; }
#index3 .yous li span{ display:block; font-size:22px; font-weight:bold; margin:18px 0px 10px 0px;}
#index3 .yous li p{ text-align:left; font-size:16px;}
.more2{ width:133px; height:45px; overflow:hidden; margin:35px auto 0px auto; background:#fff; color:#d31145; font-size:20px; display:block; border-radius:8px; text-align:center; line-height:45px;}
/*首页第四部分*/
#index4{ width:94%; margin:0px auto;}
#index4 ul{margin-left:-3%; *zoom:1;_position:relative; *margin-left:-6%; margin-top:10px;}
#index4 ul li{ width:47%; height:13em; overflow:hidden; position:relative; float:left; margin-left:3%; margin-top:15px;}
#index4 ul li img{ width:100%; height:13em; overflow:hidden; object-fit: cover; -webkit-transition: -webkit-transform 1s ease 0s;
transition: transform 1s ease 0s;
-webkit-transform-origin: center;
transform-origin: center;}
#index4 ul li .index4tit{ position:absolute; left:0px; bottom:0px; width:100%; background-color:rgba(0,0,0,0.5); height:40px; line-height:40px; color:#FFF; font-size:18px; text-align:center; text-overflow:ellipsis;  overflow:hidden;  white-space:nowrap;}
/*首页第五部分*/
#index5bg{ background:url(../images/index5bg.jpg) no-repeat; height:auto; margin-top:50px; padding-bottom:50px;}
#index5{ width:94%; margin:0px auto; text-align:center; color:#FFF; padding-top:70px;}
#index5 img{ width:98%; margin:0px auto;}
#index5 p{ border-top:1px solid #FFF; border-bottom:1px solid #FFF; font-size:20px; padding:12px 0px; width:96%; margin:37px auto 16px auto;}
#index5 .tel{ font-size:1.3em;}
#index5 .tel span{ font-size:1.6em;}
/*首页第六部分*/
#index6{ width:94%; margin:10px auto 40px auto;}
.index6le{ display:none;}
.index6ri{ width:100%; float:none;}
.index6ri li{ margin-top:24px;}
/*首页第七部分*/
#index7bg{ background:url(../images/index7bg.jpg) no-repeat; height:auto; padding-bottom:40px;}
#index7{ width:94%; margin:0px auto; padding-top:30px;}
.index7le{ float:none; width:100%; color:#FFF; font-size:18px; line-height:150%;}
.index7le img{ margin-top:20px;}
#lxallmap{ display:none;}


.qing{ clear:both;}
#containter{ width:94%; margin:50px auto;}
#left{ width:100%; float:none; background:#d31145; padding-bottom:15px;}
#left .ztit{ height:70px; line-height:70px; color:#FFFFFF; font-size:24px; text-align:center;}
#left ul{ margin:0px 13px 0px 0px; background:#FFFFFF; border-left:1px solid #dbdada;}
#left ul li{ float:left; width:48%; margin-right:2%;}
#left ul li a{ border-bottom:1px solid #dadada; height:47px; line-height:47px; color:#333333; font-size:16px; display:block; text-align:center; text-overflow:ellipsis;  overflow:hidden;  white-space:nowrap; width:100%;}
#left ul li a:hover{ background:#b02a28; color:#FFFFFF;}

#right{ width:100%; float:none; margin-top:25px; }

/*产品列表页*/
.prolist{  margin-top:20px;}
.prolist li{ width:47%; float:left; margin:20px 1.5% 0px 1.5%;}
.prolist li a{ display:block;}
.prolist li .tu{ width:100%; height:8em; display:block; overflow:hidden;}
.prolist li img{ width:100%; height:8em; overflow:hidden; object-fit: cover; -webkit-transition: -webkit-transform 1s ease 0s;
transition: transform 1s ease 0s;
-webkit-transform-origin: center;
transform-origin: center;}
.prolist li a:hover img{ -webkit-transform: scale(1.2);
transform: scale(1.2);}
.prolist li .protit{ background:#FFF; border-left:1px solid #dcdcdc;  border-right:1px solid #dcdcdc;  border-bottom:1px solid #dcdcdc; height:40px; line-height:40px; text-align:center; color:#000; font-size:18px; text-overflow:ellipsis;  overflow:hidden;  white-space:nowrap;}


.height{ height:0.8rem;}
.footer{width:100%;height:0.8rem;position: fixed!important;bottom: 0;right: 0; z-index: 9999; -webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.foot{width:100%;position: fixed;height:0.8rem;bottom:0;left:0;z-index:10;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s; background:#d31145;}
.foot-relative{position:relative;width:100%;height:0.8rem;}
#foot a{ width:100%; display:block; text-align:center; color:#FFFFFF; font-size:24px;  margin:0px auto; height:0.8rem; line-height:0.8rem;}
		}