@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, caption, tbody, tfoot, thead, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, menubox, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden;}
/* always display scrollbars */
body { font:14px/1.6 "PingFang SC Regular","Microsoft Yahei","微软雅黑","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color:#333; _background-attachment:fixed; 
_background-image:url(about:blank); width: 100%; height: 100%; overflow: hidden;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, menubox, section { display: block; }
input, select,button{ vertical-align: middle; outline: none; padding:0; border:0;}
ol, ul,li{ list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong,i,em,b{ font-style:normal; font-weight:normal; }
img { border:0;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0;}
textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;}
::-moz-selection { background: #ebb112; color: #fff; text-shadow: none; }
::selection { background: #ebb112; color: #fff; text-shadow: none; }
a{ text-decoration:none; blr: expression(this.onFocus=this.blur()); cursor: pointer; color:#000; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.clear { clear: both; }
.up-img{vertical-align: middle !important; margin-right: 3px !important;display: inline-block !important; margin: auto !important; padding: 0 !important;}


.fl{ float:left;}
.fr{ float:right;}
h1,h2,h3,h4,h5{ font-weight:normal; display:block;}
input,button,table,tr,td,textarea{ font-family:Microsoft yahei,Arial;}


@font-face {
	font-family: 'georgia';   /*字体名称*/
	src: url('../font/georgia.ttf');       /*字体源文件*/

	src:
		url('../font/georgia.eot?#font-spider') format('embedded-opentype'),
		url('../font/georgia.woff') format('woff'),
		url('../font/georgia.ttf') format('truetype'),
		url('../font/georgia.svg') format('svg');
	font-weight: normal;
	font-style: normal;

}


.inner{ min-width: 1200px; max-width: 1920px; width: 100%; margin: 0 auto;}
.inner1520{ min-width: 1100px; max-width: 1520px; margin: 0 auto; padding: 0 50px;}
.inner1440{ min-width: 1200px; max-width: 1440px; margin: 0 auto;}

.header{ width:100%;  transition: all .3s ease-in-out;}
.header .Layer{ height:100px; background: #ffffff;}
.header .Layer .logo{ position:relative; background: #fff; height: 100%; padding: 0 50px; justify-content: center; display: flex; align-items: center;}
.header .Layer .logo img{ display:block; transition: all .3s ease-in-out; height: 60px;}
.header .Layer .menubox{ position:relative; padding-left:30px;}
.header .Layer .menubox .litag{ position:relative; height:100px; line-height:100px; margin:0 40px; transition:all .3s ease; float:left;}
.header .Layer .menubox .litag:before{ content:""; position:absolute; width:0%; height:3px; background:#da251c; bottom: 0; right:50%; left:50%;transition: all .3s ease-in-out;}
.header .Layer .menubox .litag a{ display:block;}
.header .Layer .menubox .litag a.anjie{ color:#141418; font-size:16px;}
.header .Layer .menubox .litag:hover:before,.header .Layer .menubox .litag.on:before{ width:100%; left:0; right:0;}
.header .Layer .ceng{ position: relative; height: 100%; display: flex; flex-direction: row;}
.header .Layer .ceng .phone{ display: flex; flex-direction: column; color: #141418; text-align: right; justify-content: center; padding-right: 35px;}
.header .Layer .ceng .phone span{ font-size: 12px;}
.header .Layer .ceng .phone sup{ font-size: 20px;}
.header .Layer .ceng .erweima{ cursor: pointer; position: relative; display: flex; flex-direction: column; width: 140px; justify-content: center; align-items: center;}
.header .Layer .ceng .erweima img{ width: 20px; height: 20px;}
.header .Layer .menubox .litag a:hover{color: #da251c;}

.header.scroll{ background:#fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.header.scroll .Layer{ height:80px;}
.header.scroll .logo .img1{ display: none;}
.header.scroll .logo .img2{ opacity: 1; height:44px;}
.header.scroll .menubox .litag{ height:80px; line-height:80px;}
.header.scroll .menubox .subox{ top:80px;}
.index-erweima{display: none; position: absolute; top: 55px; right: 8PX; z-index: 25; border: 1px solid #d8d8d8;}
.index-erweima img{width: 110px !important; height: 110px !important; display: block;}
.header-right{display: flex; display: -webkit-flex; align-items: center;}

.litag .anjie{position: relative;}
.litag .show {position: absolute;display:none;top: 99px;text-align: center;width: 160%;margin-left:-32%;overflow: hidden;	padding:10px 2%;background:#fff;z-index: 999;}
.litag .show a{padding:0;line-height:40px;height:40px; font-size:16px;}
.litag:hover .show {display:block;}


.banner{ width: 100%; overflow: hidden; position: relative; z-index: 1;  min-width: 1200px;}

.banner .swiper-slide{ position: relative;}
.banner .swiper-slide img{ display: block; width: 100%; object-fit: cover;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{ font-size: 30px; opacity: 1; transition: all 0.6s;}
.banner .swiper-button-next,.banner .swiper-button-prev{ position: absolute; bottom: 0; z-index: 102; top: auto; width: 100px; height: 100px;transition: all .3s ease-in-out;}
.banner .swiper-button-next{ right: 0; background: #fff;}
.banner .swiper-button-prev{ right: 100px; left: auto; background: #ffe4e3;}
.banner .swiper-button-next.swiper-button-white{ color: #000;}
.banner .swiper-button-prev.swiper-button-white{ color: #da251c;}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{ opacity: 0.8;}
.banner .swiper-pagination{ right: 0; width: 100px !important; display: flex; flex-direction: column; z-index: 110; left: auto !important; bottom: 35% !important; justify-content: center; align-items: center;}
.banner .swiper-pagination .swiper-pagination-bullet{ margin: 15px 0 !important; background: #fff !important; opacity: 1 !important; border-radius: 4px !important;transition: all .3s ease-in-out;}
.banner .swiper-pagination .swiper-pagination-bullet-active{ height: 18px;}

.banner .mouse{ width: 28px; height: 56px; position: absolute; bottom: 30px; left: 50%; margin-left: -17px; z-index: 333; cursor: pointer; border:4px solid #fff; border-radius: 20px; overflow: hidden;}
.banner .mouse i{ display: block; width: 4px; height: 14px; background: #fff; animation: b 1s linear infinite;position: absolute; left: 12px; top: 30px; border-radius: 2px;}
@keyframes b{
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	25% {
		opacity: 1;
	}
	75% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: translateY(0px);
	}
}

.index-sec1{background: #ffffff url(../images/img-bg1.jpg) no-repeat center bottom; }
.index-sec1-box{width: 100%;max-width: 1440px; margin: 0 auto;}
.index-sec1-title{padding: 60px 0; border-bottom: 1px solid #eeeeee;}
.index-sec1-title .clearfix{background: url(../images/img_01.png) no-repeat center right;}
.index-sec1-title .t1 {display: flex; display: -webkit-flex; align-items: center;}
.index-sec1-title .t1 h3{font-size: 44px; color: #da261c; display: inline-block;}
.index-sec1-title .t1 p{font-size: 22px; margin-left: 40px; color: #666666; display: inline-block;}
.indexmore{width: 150px; height: 40px; line-height: 40px; background: #da251c; text-align: center; margin-top: 15px;}
.indexmore a{color: #ffffff;}

.index-sec1box{padding: 40px 0 0;}
.index-sec1-left{ width: 50%;}
.index-sec1-left .text .t1{color: #333333; font-size: 52px; font-family: "arial, helvetica, sans-serif"; font-weight: bold; margin-bottom: 40px;}
.index-sec1-left .text .text-p{color: #666666; font-size: 16px; line-height: 40px;}
.index-sec1more{width: 200px; height: 50px; line-height: 50px; border: 1px solid #666666; text-align: center; margin: 80px 0; transition: all 0.6s;}
.index-sec1more a{color: #6666666; font-size: 16px;}
.index-sec1-img{background: #ffffff; height: 540px; width: 605px; border: 10px solid #da251c; box-sizing: border-box;}
.index-sec1-img a{display: block; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.index-sec1-img img{display: block; margin: 0 auto;}
.index-sec1more:hover{background: #da251c;}
.index-sec1more:hover a{color: #ffffff;}


.Guarantee_time-bg{ background: #ffffff; width: 56%;}
.Guarantee_time li{text-align: center;  color: #666666;  margin:30px auto ; float: left; width:calc(100%/3); width: -moz-calc(100%/3); width: -webkit-calc(100/3); box-sizing: border-box;}
.Guarantee_time li h2{color: #da261c; font-size: 76px; font-family: "DIN"; display: inline-block; font-weight: bold; line-height: 100px;}
.Guarantee_time li h3{font-size: 18px; color: #000000; font-weight: bold;}
.Guarantee_time li i{font-size: 20px; margin-left: 5px; color: #000000;}
.Guarantee_time li p{ font-size: 12px; font-family: arial; color: #666666; margin-top: 10px ; text-transform: uppercase; } 


.index-sec2{background: #f5f5f5; padding-bottom: 80px;}
.indextitle{padding: 50px 0; border-bottom: 1px solid #d8d8d8;}
.indextitle .left h3{color: #141418; font-size: 34px; margin-bottom: 15px; font-weight: bold;}
.indextitle .left p{color: #666666; font-size: 16px;}
.indextitle .indexmore{margin-top: 25px; background: #ffffff; transition: all 0.6s;}
.indextitle .indexmore a{color: #141418;}
.indextitle .indexmore2{background: #eeeeee;}
.indextitle .indexmore:hover{background: #da251c;}
.indextitle .indexmore:hover a{color: #ffffff;}

.content-slide{margin-top: 2.5vw;}
.content-slide ul{ display: flex; flex-wrap: wrap;  margin-bottom: -3%; align-items: center;}
.content-slide li{position: relative; transition: all 0.6s; overflow: hidden; width: 31%; margin-left: 3.2%; background: #fff; margin-bottom: 3%;  transition: all 0.6s;}
.content-slide li figure{display: flex; display: -webkit-flex; align-items: center; padding: 8%; box-sizing: border-box;}
.content-slide li .text{border-top: 1px solid #eeeeee; padding: 20px 10px; box-sizing: border-box; display: flex; display: -webkit-flex; align-items: center;justify-content: center;}
.content-slide li .text p{  color: #333333;	font-size: 18px;  transition: all 0.6s; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; }

.content-slide img{ display: block; margin: 0 auto; max-width: 300px; max-height: 300px; overflow: hidden; transition: all 0.6s;
height: auto; width: 100%;}
.content-slide li:hover img{ transform: scale(1.1);}
.content-slide li:hover p{ color: #0159A1;}
.content-slide li:nth-child(3n+1){margin-left: 0;}
.content-slide li .bg{position: absolute;  width: 100%; height: 100%; background-color: rgba(230,33,41,0.9); left: 0; top: 0; transition:all .3s;transform:scaleX(0)}
.content-slide li:hover .bg{transform:scaleX(1)}
.content-slide li .bg h3{color: #ffffff; text-align: center; font-family: arial; font-size: 20px; text-transform: uppercase;}
.content-slide li .bg .more-btn{background: #ffffff; color: #333333; margin: 2vw auto;}
.more-btn{ width: 50px; height: 50px; border-radius: 50%; background-color: #e62129;box-shadow: 3px 4px 10px 0px rgba(4, 0, 0, 0.2);display: block;
color: #ffffff; font-size: 14px; text-align: center; line-height: 50px; margin-top: 3vw; transition: all 0.6s; font-family: "宋体";  font-size: 22px;}
.more-btn:hover{ transform: translateX(10px); box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.2);}
.index-table{display: table; width: 100%;}
.index-cell{display: table-cell;    vertical-align: middle; padding: 20px;}

.index-sec3{background: url(../images/img-bg2.jpg) no-repeat center bottom; padding-bottom: 40px;}
.index-sec3-list{padding: 40px 0;}
.index-sec3-list .item{float:left; margin-left: 1%; transition: all 0.6s;/* height: 390px; */overflow: hidden; width: 24%; border: 1px solid #d8d8d8; background: #ffffff; margin-top: 40px; }
.index-sec3-list .item .img img{display: block; width: 100%;}
.index-sec3-list .item .text{padding:40px 15px 30px; box-sizing: border-box; border-bottom: 1px solid #d8d8d8;}
.index-sec3-list .item .text .t1{color: #141418; font-size: 16px; font-weight: bold; margin-bottom: 5px;text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;}
.index-sec3-list .item .text .t2{color: #666666; line-height: 25px; font-size: 14px; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; transition:all .5s ease; white-space: inherit;}
.index-sec3-list .item .more{display: flex; display: -webkit-flex; align-items: center; justify-content: space-between; padding: 20px 15px ; box-sizing: border-box;}
.index-sec3-list .item .more span{color: #888888;}
.index-sec3-list .item .text .t3{margin-bottom: 20px;}
.index-sec3-list .item2 .text .t1{margin-bottom: 20px;}
.index-sec3-list .item .text .t3 .year { display:inline-block;color: #666666; font-family:arial; font-size:24px; margin-right:4px; transition:all .5s ease; }
.index-sec3-list .item .text .t3 .mon {color: #666666; display:inline-block; font-size:14px; font-family:arial; transition:all .5s ease; }
.index-sec3-list .item2 .text{padding: 50px 15px 80px;}
.index-sec3-list .item2 .text .t2{margin-bottom:6px; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; transition:all .5s ease; white-space: inherit;}
.index-sec3-list .item:nth-child(4n+1){margin-left: 0;}
.index-sec3-list .item2 .more{padding: 40px 15px;}
.index-sec3-list .item:hover{transform: translateY(10px);}
.index-sec3-list .item3 .text .t2{margin-bottom:6px; display:-webkit-box; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; transition:all .5s ease; white-space: inherit;}
.index-sec3-list .item3 .text{padding: 20px 15px;}

.footer{background: #333333; }
.footer .box{padding: 60px 0;}
.footer .left{width: 45%;}
.footer .left li{width: 33%; float: left; font-size: 16px; margin-bottom: 20px;}
.footer .left li h2{font-size: 16px; color: #ffffff; font-weight: bold; margin-bottom: 30px;}
.footer .left li a{color: #ffffff; display: block; font-size: 14px; line-height: 45px;}

.footer .center{width: 44%; display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;}
.footer .center .tel h2{font-size: 16px; color: #ffffff; font-weight: bold; margin-bottom: 30px;}
.footer .center .tel .img{display: inline-block; margin-right: 20px;}
.footer .center .tel .t1{display: inline-block; color: #ffffff;}
.footer .center .tel .t1 h3{font-size: 36px; font-family: impact; margin-bottom: 15px;}
.footer .center .tel .t2{color: #ffffff; margin-top: 20px;}
.footer .center .tel .t2 img{display: inline-block; vertical-align: middle; margin-right: 15px;}
.footer .center .erweima{margin-left: 50px; margin-top: 10px;}
.footer .center .erweima img{background: #ffffff; width: 130px; height: 130px; box-sizing: border-box; border-radius: 5px; overflow: hidden;}
.footer .center .erweima p{color: #ffffff; text-align: center; margin-top: 10px;}
.footer .bottom{padding: 25px 0; box-sizing: border-box; color: #7c7c7c; border-top: 1px solid #484848;}
.footer .bottom a{color: #7c7c7c;}


/*内页*/
.sub-banner{  height: 650px; min-height: 280px;  background-repeat: no-repeat;  background-position: center;  background-size: cover;  position: relative;  }
.sub-banner img{  display: none;  width: 100%;  }
.sub-banner .text-box{  position: absolute;  left: 0;  top: 35.79%;  width: 100%;  }
.sub-banner .text-box .cn{     color: #fff ;font-size: 24px; margin-top: 40px;}
.sub-banner .text-box .en{  font-size: 50px;   color: #fff;   }

.pathbox { border-bottom: 1px solid #e6e6e6; max-width: 1680px; margin-top: -80px; background: #ffffff; position: relative; }
.pathbox .path { max-width: 700px; margin-right: 0; margin-left: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; background-color: #c7000a; font-size: 14px; }
.pathbox .path .home { width: 80px; height: 80px; background-position: center; background-image: url(../images/home_03.png); background-repeat: no-repeat; background-color: #f08200; }
.pathbox .path .index { width: calc(100% - 180px); text-align: right; line-height: 80px; }
.pathbox .path .index a { color: #fff; padding-right: 46px; position: relative; }
.pathbox .path .index a:after { content: ""; width: 10px; height: 10px; border-style: solid; border-width: 1px; ; border-color: #fff #fff transparent transparent; position: absolute; right: 10px; top: 50%; margin-top: -5px; transform: rotate(45deg); }
.pathbox .path .index a span { padding-right: 50px; position: relative; }
.pathbox .path .index a span:after { content: ""; width: 30px; height: 1px; background-color: #fff; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
.pathbox .path .now { width: 125px; height: 80px; line-height: 80px; text-align: center; color: #fff; }
.pathbox .path .now a{ color: #ffffff; }
       

.main-box { max-width: 1440px; margin-right: 0; margin-left: auto; padding-bottom: 80px; width: 92%; }

.about-page-title{text-align: center; padding:80px 0;}
.about-page-title h2{color: #ececec; font-size: 96px; line-height: 100px; font-family: arial; font-weight: bold;}
.about-page-title h3{font-size: 32px; color: #333333; margin-top: -50px;}

.about-sec1 {}
.about-sec1 .text{text-align: center; width: 75%; margin: 10px auto;}
.about-sec1 .text p{line-height: 45px; font-size: 14px; color: #666666 ;}
.about-sec1 .Guarantee_time-bg{width: 100%;  margin: 80px auto;}
.about-sec1 .Guarantee_time li{width: calc(100%/4); width: -moz-calc(100%/4); width: -webkit-calc(100%/4);}

.about-sec2{background:#efefef url(../images/ab-bg1.jpg) no-repeat center top;position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-attachment: fixed; }
.about-title{text-align: center; padding: 40px 0;}
.about-title h3{color: #ffffff; font-size: 36px;}
.about-title p{ font-size: 16px; color: #ffffff; margin-top: 20px;}

.about-sec2 .culture{ display: flex; flex-direction: row; justify-content: space-between; background: #fff;}
.about-sec2 .culture .chaoren{ width: 55%; overflow: hidden;}
.about-sec2 .culture .chaoren li{ border-bottom: 1px #eee solid; display: flex; flex-direction: row; align-items: center; line-height: 60px; }

.about-sec2 .culture .chaoren li .danci{ font-size: 20px; padding:15px 27px; width: 100%;}
.about-sec2 .culture .chaoren li .danci span{ color: #da261c; vertical-align: middle; display: inline-block; }
.about-sec2 .culture .chaoren li .danci sup{ color: #aaa; vertical-align: middle; display: inline-block; padding: 0 15px;}
.about-sec2 .culture .cizhi{ width: 45%; overflow: hidden; padding: 25px; box-sizing: border-box;}
.about-sec2 .culture .cizhi img{ display: block; width: 100%; object-fit: cover;}


.about-sec3{ background:#efefef url(../images/aboutbg.jpg) no-repeat center center; padding: 70px 0 160px 0; position: relative;}
.about-sec3 .box{ padding: 0 180px;}
.about-sec3 .tit h4{ text-align: center; color: #141418; 	font-size: 36px;}
.about-sec3 .tit p{ color: #888888; font-size: 16px; text-align: center; margin-top: 10px;}
.about-sec3 .tit{ margin-bottom: 50px;}
.about-sec3 .swiper-slide a{ display: block; background: #fff; padding: 2vw 1vw;}
.about-sec3 .swiper-slide h3{ color: #141418; 	font-size: 24px; font-weight: bold; margin-bottom: 25px;}
.about-sec3 .swiper-slide p{ color: #000000; font-size: 14px; line-height: 36px;height: 144px;}
.about-sec3 .time{width: 80px;	height: 80px;	background-color: #da261c; border-radius: 100%; text-align: center; line-height: 80px;
color: #fff; font-size: 26px; margin: 40px auto; 	font-family: "DIN";}
.about-sec3 .rule{ background: url(../images/aboutrule.png) no-repeat center; background-size: contain; height: 22px;}
.about-sec3 .swiper-button-next{ top: auto; bottom: 70px; right: 47%; outline: none; color: #666; font-size: 10px;}
.about-sec3 .swiper-button-prev{ top: auto; bottom: 70px; left: 47%; right: auto; outline: none; color: #666; width: 20px;}
.about-sec3 .swiper-button-next:after, .about-sec3 .swiper-button-prev:after{ font-size: 20px;}
.about-sec3  span{ position: absolute; left: 50%; bottom: 85px; color: #555;}

.about-sec5{ background: #ffffff; padding: 70px 0 150px 0; position: relative;}
.about-sec5 .tit h4{ text-align: center; color: #141418; 	font-size: 36px;}
.about-sec5 .tit p{ color: #888888; font-size: 16px; text-align: center; margin-top: 10px;}
.about-sec5 .tit{ margin-bottom: 50px;}
.about-sec5 .swiper-slide{padding: 10px; box-sizing: border-box;}
.about-sec5 .swiper-slide div{ background: #fff; box-shadow: 0px 0px 10px 0px rgba(6, 0, 1, 0.1); padding:20px;}
.about-sec5 .swiper-slide p{ text-align: center; color: #333333; font-size: 16px; margin-top: 1.2vw;}
.about-sec5 .swiper-slide img{ display: block; margin: 0 auto; max-width: 100%; height: auto;}
.about-sec5 .swiper-button-next{ top: auto; bottom: 70px; right: 47%; outline: none; color: #666; font-size: 10px;}
.about-sec5 .swiper-button-prev{ top: auto; bottom: 70px; left: 47%; right: auto; outline: none; color: #666; width: 20px;}
.about-sec5 .swiper-button-next:after, .about-sec5 .swiper-button-prev:after{ font-size: 20px;}
.about-sec5  span{ position: absolute; left: 50%; bottom: 85px; color: #555;}

/*联系我们*/
.develop-tit .about-tit {  font-size: 38px;  color: #333;}
.develop-box{  }
.develop-tit{  text-align: center;  padding:40px 0;  }
.develop-tit .desc{  font-size: 38px;  color: #666;  margin-top: 20px;  }
.develop-tit .line{  width: 40px;  height: 5px;  background-color: #e8e8e8;  margin:40px auto 0;  }
.contact-box{  padding:40PX 0 80px;  position: relative;  }
.contact-box:before{  content: "";  position: absolute;  left: 0;  bottom: 0;  width: 100%;  height: 31.85%;  background-color: #f9f9f9;  z-index: -1;}
.contact-box .contact-list{  margin-top: 40px;  padding-bottom: 40px;}
.contact-box .row{  margin: 0 -20px;  }
.contact-box .item{  box-sizing: border-box;  padding: 0 20px;  float: left; width: 33.333%; }
.contact-list .tit{  font-size: 26px;  color: #333; margin-bottom: 30px; }
.contact-list .tel{ display: block;  font-size: 36px; color: #141418;  font-family: 'BEBAS'; margin-left: 20px; }
.contact-list .ad{ display: block;  font-size: 18px; color: #141418; margin-left: 20px; margin-top: 15px;}
.contact-list .mail{ font-size: 36px; margin-left: 20px; color: #141418;  font-family: arial;  word-break: break-all;  }
.contact-box .info-box{  padding: 10px;  background-color: #274fa1;  width: 460px; height: 120px; box-sizing: border-box; position: relative;  }
.contact-box .info-box:before{  content: "";  position: absolute;  width: 0;  height: 0;  border: 10px solid transparent;  border-top-color: #274fa1;  bottom: -20px;  left: 50%;  margin-left: -10px;  }
.contact-box .info-box .img{  float: left;  width: 100px;  height: 100px;  line-height: 100px;  background-color: #fff;  }
.contact-box .info-box .img img{  width: 100%;  }
.contact-box .info-box .text{  position: absolute;  top: 50%;  right: 10px;  width: 70%;  transform: translateY(-50%);  }
.contact-box .info-box .text .tit{  font-size: 18px;  color: #fff;  line-height: 40px;  }
.contact-box .info-box .text .con{  font-size: 13px;  line-height: 24px;  color: #fff;  margin-top: .20px;  }
.map-box{padding: 40px 0;}
.map-box img{display: block; width: 100%;}


.message-box{ padding:40px 0;  }
.message-box .form-box{  margin-top: 20px;  }
.message-box .form-box .item{float: left; width: 48%;}
.message-box .form-box .item2{width: 100%;}
.message-box .form-box .item:last-child{  font-size: 0;  text-align: center;  float: none; margin: 0 auto; width: 100%;}
.message-box .form-box .check-box,
.message-box .form-box input[type=submit]{  float: none;  display: inline-block;  *display: inline;  zoom: 1;  margin: 0 20px;  }
.message-box .form-box .item:nth-child(2n){float: right;}

.form-box .row{  margin: 0 -20px;  }

.form-box .item{  box-sizing: border-box;   margin-bottom: 40px;  }

.form-box .item:last-child{  margin-bottom: 0;  }

.form-box .tit{  font-size: 16px;  margin-bottom: 15px;  }

.form-box .tit .red{  color: #f00;  }

.form-box input[type=text],
.form-box textarea{  width: 100%;    padding:20px 20px 20px 60px; height:70px;  line-height: 70px;  font-size: 14px;  color: #999;  background-repeat: no-repeat;  background-position: 20px center;  background-size: 20px;  background-color: #f9f9f9;  border: 1px solid #e5e5e5; box-sizing: border-box; transition: all .3s;  }
.message-box .form-box .item textarea{}
.form-box .name{
   background-image: url("../images/form-icon1.png");
}
.form-box .tel{
    background-image: url("../images/form-icon2.png");
}
.form-box .mail{
    background-image: url("../images/form-icon3.png");
}
.form-box .address{
    background-image: url("../images/form-icon4.png");
}

.form-box .company{
    background-image: url("../images/form-icon5.png");
}

.form-box .country{
    background-image: url("../images/form-icon6.png");
}

.form-box .content{
    background-image: url("../images/form-icon7.png");
    background-position: 20px 46px;
    height: 300px;
}
.form-box input::-webkit-input-placeholder{
    color:#999;  
}  
.form-box input:-moz-placeholder{
    color:#999;
}  
.form-box input::-moz-placeholder{
    color:#999;
}  
.form-box input:-ms-input-placeholder {
    color:#999;
}  

.form-box textarea::-webkit-input-placeholder{
    color:#999;  
}  

.form-box textarea:-moz-placeholder{
    color:#999;
}  

.form-box input[type=text]:focus,
.form-box textarea:focus{
    background-color: #da251c;
    color: #fff;
}

.form-box input[type=text]:focus::-webkit-input-placeholder {
    color: #fff;
}

.form-box input[type=text]:focus:-moz-placeholder {
    color: #fff;
}

.form-box input[type=text]:focus::-moz-placeholder {
    color: #fff;
}

.form-box input[type=text]:focus:-ms-input-placeholder {
    color: #fff;
}

.form-box textarea:focus::-webkit-input-placeholder{
  color:#fff;  

}  

.form-box textarea:focus:-moz-placeholder{
    color:#fff;
}

.form-box .name:focus{
    background-image: url("../images/h-form-icon1.png");
}

.form-box .tel:focus{
    background-image: url("../images/h-form-icon2.png");
}

.form-box .mail:focus{
    background-image: url("../images/h-form-icon3.png");
}

.form-box .address:focus{
    background-image: url("../images/h-form-icon4.png");
}
.form-box .company:focus{
    background-image: url("../images/h-form-icon5.png");
}
.form-box .country:focus{
    background-image: url("../images/h-form-icon6.png");
}

.form-box .content:focus{
    background-image: url("../images/h-form-icon7.png");

}
.form-box .check-box{  float: left;  width: 22.9%;  border: 1px solid #e5e5e5;  }

.form-box .check-box input{

    padding: 10px;

    height: 60px;

    line-height: 60px;

    width: 63%;

    border: none;

    border-right: 1px solid #e5e5e5;

    margin: 0;

}

.form-box .check-box img{

    float: right;

    width: 36.36%;

    height:60px;

}

.form-box input[type=submit]{

    float: left;

    width: 200px;

    height: 60px;

    background-color: #da251c;

    text-align: center;

    margin-left: 20px;

    color: #fff;

    font-size: 14px;

    transition: all .3s;
    border: none;

}



.main-common { max-width: 1680px; margin-right: 0; margin-top: -80px; position: relative; z-index: 11; }
.page-pro-comm{background-color: #fff;background-position: left 0; background-image: url(../images/bgv_02.png); background-repeat: no-repeat; margin-bottom: 115px; max-width: 1680px;
margin-right: 0; }
.page-pro-comm .inner1440{    max-width: 1440px;
    margin-right: 0;
    margin-left: auto;
    padding-bottom: 80px;
    width: 92%;
}
.page-pro-comm .main-left { width: 23%; float: left; padding-top: 50px; padding-bottom: 130px; position: relative; }
.page-pro-comm .main-left:after { content: ""; width: 1px; height: 200px; background-color: #e6e6e6; position: absolute; left: 0; top: 0; }
.page-pro-comm .main-left .theme { margin-bottom: 100px; transform: translateX(30px); -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); }
.page-pro-comm .main-left .theme .en { font-size: 48px; line-height: 1; color: #c7000a; font-family: 'DIN'; font-weight: bold; margin-bottom: 10px; }
.page-pro-comm .main-left .theme .cn { font-size: 26px; color: #343434; }
.out-box{overflow: hidden;
position: relative;
background-color: #fbf8ef;}
 
 /* nav */
.main-left{}
.nav-title{padding: 30px 20px; box-sizing: border-box;}
.nav-title h2{ color: #da251c; font-size: 22px; font-weight: bold;}
.zym_nav{width: 100%;height: 100%;background: linear-gradient(to bottom, #faf5ea, #f3ebdb); transition: all .3s;  }
.zym_nav a{display: block;overflow: hidden;padding-left: 20px;line-height: 60px;max-height: 60px;color: #666666;transition: all .3s; border-top: 1px solid #e6e6e6;}
.zym_nav a span{ color: #141418; position: relative;}
.nav-item{position: relative;}
.nav-item.nav-show{border-bottom: none;}
.nav-item ul{display: none;}
.nav-item.nav-show ul{display: block; padding: 15px 0 15px 15px;}
.nav-show ul li a{border-top: none; line-height: 45px; height: 45px;}
.nav-item>a:before{content: "";position: absolute;left: 10px;width: 105%;height: 60px;background: #da251c;opacity:0;transition: all .3s;box-shadow: 0 0 20px rgba(0, 0, 0, .3);}
.nav .nav-icon{font-size: 20px;position: absolute;margin-left:-1px;}
/* 此处修改导航图标 可自定义iconfont 替换*/
.icon_1::after{content: "\e62b";}
.icon_2::after{content: "\e669";}
.icon_3::after{content: "\e61d";}
/*---------------------*/
.nav-more{float:right;font-size: 12px;transition: transform .3s; width: 40px;}
/* 此处为导航右侧箭头 如果自定义iconfont 也需要替换*/
.nav-more::after{content: ""; background: url(../images/nav-jt.png)no-repeat center center; position: absolute; width: 20px; height: 60px;}
/*---------------------*/
.nav-show .nav-more::after{content: ""; background: url(../images/nav-jt-on.png)no-repeat center center; position: absolute; width: 20px; height: 60px;}
/*.nav-show,.nav-item>a:hover{background:#da251c; color: #ffffff;}*/
.nav-show>a:before,.nav-item>a:hover:before{opacity:1;}
.nav-item li:hover a{color: #2d3d67;}
.nav-item>a:hover span{color:#ffffff ;}
.nav-show>a span{color: #ffffff; }


/* nav-mini */
.nav-mini.nav{width: 60px;}
.nav-mini.nav .nav-icon{/* margin-left:-2px; */}
.nav-mini.nav .nav-item>a span{display: none;}
.nav-mini.nav .nav-more{margin-right: -20px;}
.nav-mini.nav .nav-item ul{position: absolute;top:0px;left:60px;width: 180px;z-index: 99;background:#ffffff;overflow: hidden;}
.nav-mini.nav .nav-item:hover{background:rgba(255,255,255,.1);}
.nav-mini.nav .nav-item:hover .nav-item a{color:#FFF;}
.nav-mini.nav .nav-item:hover a:before{opacity:1;}
.nav-mini.nav .nav-item:hover ul{display: block;} 

.indexpic{padding-top: 80px;} 
.indexpic img{display: block; width: 100%;} 


.main-right { width: calc(97% - 23%); float: right; padding-right: 4%; padding-top: 100px; box-sizing: border-box;}
.main-right .content-slide li{border: 1px solid #eeeeee;}
.main-right .content-slide li figure{min-height: auto; padding: 8%; box-sizing: border-box;}
.main-right.pict{width:100% !important;padding-top:0 !important;}
.main-right.pict .content-slide li{width:22%;}
.main-right.pict .content-slide li:nth-child(4n+1){margin-left: 2% !important;}
.main-right.pict .content-slide li:nth-child(3n+1){margin-left: 2% !important;}

.fenye{  height: 80px; display: flex; display: -ms-flexbox; display: -moz-flex;  justify-content: center; align-items: center; 
margin-top: 60px; margin-bottom: 60px;}
.fenye a{ display: block; height: 40px; width: 40px; border-radius: 100%; background: #F5F5F5; text-align: center; line-height: 40px;
margin: 0 20px; transition: all 0.6s;}
.fenye a.on,.fenye a:hover{ background: #da251c !important; color: #fff;}
.fenye span{ display: block; font-size: 16px; color: #666; margin: 0 20px;}

.page-news .index-sec3-list{padding: 0;}
.fenye a.prev{background:none !important;width: auto !important;}
.fenye a.prev:hover{background:none !important;width: auto !important;}
/* 新闻中心详情 */
.yanse{ background: #efefef; padding: 60px 0;}
.casket{ padding: 40px; background: #fff; display: flex; flex-direction: row; justify-content: space-between;}
.casket .xiangqing{ width: 70%; overflow: hidden;}
.casket .xiangqing .detail{ width: 100%;}
.casket .xiangqing .detail .ming{}
.casket .xiangqing .detail .ming .name{ font-size: 30px; line-height: 40px;}
.casket .xiangqing .detail .ming .xiaozi{ color: #888; padding: 20px 0;}
.casket .xiangqing .detail .abstract{ background: #f9f9f9; padding: 20px; border-radius: 4px;}
.casket .xiangqing .detail .abstract figure{ background: url(../images/abstract.png) left top no-repeat; display: block; overflow: hidden; padding-left: 35px; line-height: 24px; color: #888;}
.casket .xiangqing .detail .particulars{ width: 100%; overflow: hidden; padding: 40px 0; border-bottom: 1px solid #E5E5E5;}
.casket .xiangqing .detail .particulars p{ font-size: 16px; /*padding: 15px 0;*/ line-height: 32px;}
.casket .xiangqing .detail .particulars p img{ max-width: 100%; display:block; margin:0 auto;}
.casket .xiangqing .another{ width: 100%; overflow: hidden; padding-top: 40px;}
.casket .xiangqing .another .wangzhi{ width: 70%; overflow: hidden;}
.casket .xiangqing .another .wangzhi a.cur{ display: block; line-height: 40px; transition: 0.3s;}
.casket .xiangqing .another .wangzhi a.cur:hover{ transform: translateX(8px);}
.casket .xiangqing .another .back{ background: #222; border-radius: 20px;}
.casket .xiangqing .another .back a{ display: block; padding: 0 30px 0 30px; line-height: 40px; background: url(../images/back.png) 30px center no-repeat; color: #fff;}
.casket .xiangqing .another .back:hover{ background: #0C9B95;}
.casket .recommend{ width: 25%; overflow: hidden; padding-left: 5%;}
.casket .recommend .tou{ position: relative; font-size: 30px; padding-left: 20px; line-height: 30px;}
.casket .recommend .tou:before{ content: ""; position: absolute; left: 0; top: 3px; height: 24px; width: 5px; background: #da251c;}
.casket .recommend .dynamic{ padding-top: 20px;}
.casket .recommend .dynamic li a{ display: block; padding: 20px 0; border-bottom: 1px solid #E5E5E5; overflow: hidden; transition: 0.3s;}
.casket .recommend .dynamic li:hover a{ transform: translateX(8px);}

.section5-list{ padding-top: 40px; }
.section5-list li{background: #ffffff; position: relative; z-index: 1; transition: all 0.6s; margin-bottom: 60px; float: left; width: 31%; margin-left: 3.5%; border-radius: 5px; overflow: hidden;}
.section5-list li .img {max-height: 280px; overflow: hidden;}
.section5-list li .img img{display: block; width: 100%; height: 100%;}
.section5-list li .text{width: 100%; padding: 30px 25px; box-sizing: border-box;}
.section5-list li:nth-child(3n+1){margin-left: 0;}
.section5-list li .text h3{font-size: 22px; color: #000000; margin-bottom: 15px; height: 40PX; line-height: 40PX; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.section5-list li .text p{height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.section5-list li .text .t1{margin-bottom: 30px;}
.section5-list li .text .t2 span{display:inline-block;  padding-bottom: 10px; color: #333333; font-size: 16px; font-family: arial; border-bottom: 1px solid #6f6e6e;}
.section5-list li .text .t2 span img{display: inline-block;margin-left: 30px;vertical-align: middle;width: auto;margin: 0;padding: 0;height: auto;}
.section5-list li:hover {box-shadow: 0px 5px 18px rgba(178,178,178,0.35);}
.section5-list li::before{width: 100%; height: 100%;position: absolute; content: ""; background: #da251c; left: -100%; z-index: -1; transition: all 0.6s}
.section5-list li:hover::before{left: 0;}
.section5-list li:hover h3,.section5-list li:hover .t2 span,.section5-list li:hover p
{color: #ffffff; }
.section5-list li:hover .t2 span{border-bottom: 1px solid #ffffff; display: block; width: 100%;}
.section5-list li:hover .t2 span img{display: none;}


@media screen and (max-width:1700px){
	.header .Layer .menubox .litag{margin: 0 30px;}
	
}
@media screen and (max-width:1600px){
	.header .Layer .menubox .litag{margin: 0 20px;}
	.header .Layer .logo{padding: 0 35px;}
	.header .Layer .logo img{height: 55px; }
	.page-pro-comm .inner1440{width: 100%;}
	
}
@media screen and (max-width:1500px){
	.inner1440{width: 100%; padding: 0 4%; box-sizing: border-box;}
	.about-sec2 .inner1440{width: 94%; padding: 0;}
	.banner .swiper-button-next, .banner .swiper-button-prev{width: 85px; height: 85px;}
	.banner .swiper-button-prev{right: 85px;}
	
	.index-sec1-title .t1 h3{font-size: 40px;}
	.index-sec1-title .t1 p{font-size: 15px;}
	
	.index-sec1-box{width: 100%; padding: 0 4%; box-sizing: border-box;}
	
	.index-sec1-img{width: 44%;}
	
	.index-sec3-list .item{height: auto;}
	
	.main-right{padding-right: 0;}
	
	.main-right .content-slide li{margin-left: 2%;}
	.about-sec2 .culture .chaoren li .danci{font-size: 18px;}
	.about-sec2 .culture .cizhi img{height: 100%;}
	
	.about-sec3 .box{padding: 0 6%; box-sizing: border-box;}
	
	
	
	
	
	
}
@media screen and (max-width:1450px){
	.Guarantee_time li h2{font-size: 65px;}
	.Guarantee_time li h3{font-size: 16px;}
	.index-sec1-left .text p{font-size: 15px;}
	.index-sec1-left .text .t1{font-size: 50px;}
	.content-slide li .bg h3{font-size: 16px;}
	.content-slide li .text p{font-size: 16px;}
	.con-box img{height: 50px;}
	.contact-list .tel{font-size: 26px;}
	.contact-list .mail{font-size: 26px;}
	.contact-box .item{padding: 0;}
	.contact-list .item:nth-child(1){width:28%;}
	.contact-list .item:nth-child(2){width:32%;}
	.contact-list .item:nth-child(3){width:40%;}	
}

@media screen and (max-width:1400px){
	.header .Layer .menubox{padding-left: 10px;}
	.header .Layer .ceng .erweima{width: 100px;}
	.header .Layer .logo img{height: 50px; }

}
@media screen and (max-width:1300px){
	.header .Layer .menubox .litag{margin: 0 15px;}
	.header .Layer .menubox .litag a.anjie{font-size: 15px;}
	
}