*{ margin:0; padding:0;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea,time,data,fieldset, figcaption, figure{margin:0;padding:0;}
body{ font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; font-size:13px; line-height:1.6; color:#333;} 
html,body{ margin:0 auto; height:100%;}
body,p{ border:none;}
a{ color:#333; text-decoration:none; border:none; padding:0; margin:0;}
a:active{ color:#c11820;}
img{ border:0; margin:0; padding:0;}
ul,li,ol{ list-style:none; border:0; margin:0; padding:0;}
dl,dt,dd{ margin:0; padding:0; -webkit-margin-start:0;}
h1,h2,h3,h4,h5{ font-weight:normal; font-size:13px; display:block;}
strong,b,i{ font-style:normal; font-weight:normal;}
table,tr,td{ border-spacing:0;}
em,i,b{ font-style:normal; font-weight:normal;}
input,textarea,button,label{outline: none; border:none;font-family:"Microsoft Yahei"; }
.fl{ float:left;}
.fr{ float:right;}
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
	-webkit-user-select: text;
	outline: 0;
	/* -webkit-appearance: none; */
	    text-transform: none;
}
select { -webkit-appearance: menulist; box-sizing: border-box; align-items: center; white-space: pre; -webkit-rtl-ordering: logical;  
color: black; background-color: white;cursor: default; border-width: 1px; border-style: solid; border-color: initial; border-image: initial;
appearance:none;  
  -moz-appearance:none;  
 }
 .clear { clear: both; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



html { font-size:20px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@media screen and (min-width:400px) { html { font-size:79%;}}
@media screen and (min-width:450px) { html { font-size:82%;}}
@media screen and (min-width:500px) { html { font-size:85%;}}
@media screen and (min-width:550px) { html { font-size:88%;}}
@media screen and (min-width:600px) { html { font-size:91%;}}
@media screen and (min-width:650px) { html { font-size:94%;}}
@media screen and (min-width:700px) { html { font-size:97%;}}
@media screen and (min-width:750px) { html { font-size:100%;}}


#main_body{ margin: 0 auto;  position:relative; min-width:320px; max-width:750px;}
/*首页样式*/
/* ***** 头部导航栏 ***** */
body{max-width: 750px; min-width: 320px; margin: 0 auto !important;}

header {background: #ffffff;}

header .header-overlay { height: auto; }
header .header { position: relative; top: 0; left: 0; right: 0; z-index: 3000; padding:5px 10px; box-sizing: border-box;  max-width: 750px; min-width: 320px; margin: 0 auto; }

header .logo {margin: 5px 0  0 5px; }
header .logo img { width: auto;height: 33px; transition: all .3s; }
header .nav-list {display: none; }
header .header-tools {position: relative; float: right;width: 40px;height: 40px;overflow: hidden;cursor: pointer;transition: all .3s; z-index: 1; }
header .header-tools.down {  background: #cfcfcf;   transition: all .17s; }
header .nav-menu {  position: absolute;  top: 9px;  left: 7px;  width: 25px;  height: 20px;  transition: all .3s;  z-index: 1; } 
 header .nav-menu .nm {   display: block;    width: 100%;    height: 2px;
    margin-top: 5px;    background: #333333;    transition: all .5s; }

header .nav-menu .nm3{ width: 80%;}
header .nav-menu .nm1{ width: 66%;}
header .nav-menu .nm2 {    position: relative;    z-index: 1; width: 100%;}
header .nav-menu .nm2:before, header .nav-menu .nm2:after {      content: '';      position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      background: #333333;      opacity: 0;      z-index: 1;}
header .nav-menu.show .nm {    transition: all .5s, opacity .4s .3s; }
header .nav-menu.show .nm1 {    opacity: 0;    visibility: hidden;    transform: translate(-100%, 6px); }
header .nav-menu.show .nm2 {    background: transparent;    transform: rotate(-180deg); }
header .nav-menu.show .nm2:before, header .nav-menu.show .nm2:after {      opacity: 1;      transition: all .3s; }
header .nav-menu.show .nm2:before {     transform: rotate(45deg); }   header .nav-menu.show .nm2:after {     transform: rotate(-45deg); }
header .nav-menu.show .nm3 { opacity: 0; visibility: hidden; transform: translate(100%, -6px); }
header .side-nav { position: fixed; top: 50px; left: 100%; right: -100%; bottom: 0; padding: 10px 0 70px; background: #ebebeb; overflow: auto; transition: all .5s; z-index: 3100; max-width: 750px; min-width: 320px; margin: 0 auto;}
header .side-nav.show {left: 0;  right: 0; }
header .side-overlay,header .sn-head,header .sn-foot {  display: none; }
header .sn-item {  position: relative;  line-height: 20px;  color: #333;  z-index: 1;  }
header .sn-item + .sn-item {  border-top: 1px solid #d7d7d7; }
header .sn-item > a {   position: relative;   display: block;   padding: 10px 25px;   font-size: 14px;   z-index: 1; }
header .sn-item > a:before {   content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: #2d2d2d; color: #FFFFFF; transform: scale(1, 0);  opacity: 0;  visibility: hidden; transition: all .3s; z-index: -1; }
header .sn-item > a:after { content: ''; position: absolute; top: 50%; right: 5%; width: 15px; height: 10px; margin-top: -5px;background: url("../images/more1.png") no-repeat center center;      background-size: 100% auto;     opacity: 0;    visibility: hidden;      transition: all .3s; }



header .sn-item.active > a{color: #ffffff;}
header .sn-item.active > a:before {  transform: none;   opacity: 1;   visibility: visible; }
header .sn-item.active > a:after {   opacity: 1;   visibility: visible;  }
header .sub-list { display: none; padding: 10px 0; background: #fff; }
header .sub-item { position: relative; z-index: 1; }
header .sub-item:before {   content: '';   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: #ebebeb;   opacity: 0;  visibility: hidden;  transform: scale(1, 0);
    transition: all .3s;z-index: -1; }
header .sub-item:after {   content: '';position: absolute;top: 50%;right: 5%;width: 8px;height: 12px;margin-top: -6px;background: url("../images/more2.png") no-repeat center center;
    opacity: 0;   visibility: hidden;   transition: all .5s; }
header .sub-item:hover:before {   transform: none; } header .sub-item:hover:before, header .sub-item:hover:after {   opacity: 1;   visibility: visible; }
header .sub-item a {    display: block;    padding: 5px 25px;    font-size: 14px; }



.banner{ width:100%; overflow:hidden;  position:relative;}
.banner .hd{ display:none;}
.banner .bd{ position:relative; z-index:0; }
.banner .bd li img{ display:block; width:100%;}


.index-sec1{background: #ffffff url(../images/img-bg1.jpg) no-repeat center bottom; padding:0 .8em 2em; background-size: 100%; box-sizing: border-box; }
.index-sec1-box{width: 100%;max-width: 1440px; margin: 0 auto;}
.index-sec1-title{padding: 1.5em 0; border-bottom: 1px solid #eeeeee;}
.index-sec1-title .clearfix{background: url(../images/img_01.png) no-repeat center right; background-size: 130px;}

.index-sec1-title .t1 h3{font-size: 18px;  color: #da261c; }
.index-sec1-title .t1 p{font-size: 14px; color: #666666; }



.index-sec1-left{ width: 100%;}
.index-sec1-left .text{margin-bottom: 3em;}
.index-sec1-left .text .t1{color: #333333; font-size: 28px; font-family: "arial, helvetica, sans-serif"; font-weight: bold; margin: .3em 0;}
.index-sec1-left .text .text-p{color: #666666; font-size: 13px; line-height: 32px;}
.index-sec1-left .text p{color: #666666; font-size: 13px; line-height: 32px;}
.index-sec1more{width: 180px; height: 40px; line-height: 40px; border: 1px solid #666666; text-align: center; margin: 1.5em 0; transition: all 0.6s;}
.index-sec1more a{color: #6666666; font-size: 14px;}

.index-sec1more:hover{background: #da251c;}
.index-sec1more:hover a{color: #ffffff;}

.Guarantee_time{padding: .8em .5em; box-sizing: border-box;}
.Guarantee_time-bg{ background: #ffffff; width: 100%;}
.Guarantee_time li{text-align: center;  color: #666666;  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: 28px; font-family: "DIN"; display: inline-block; font-weight: bold; }
.Guarantee_time li h3{font-size: 12px; color: #000000; font-weight: bold;}
.Guarantee_time li i{font-size: 14px; 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:0 .8em 1.5em; box-sizing: border-box;}
.indextitle{padding: 1.5em 0; border-bottom: 1px solid #d8d8d8;}
.indextitle .left h3{color: #141418; font-size: 18px; margin-bottom: 5px; font-weight: bold;}
.indextitle .left p{color: #666666; font-size: 14px;}


.content-slide{margin-top: 1em;}

.content-slide li{position: relative; float: left; transition: all 0.6s; overflow: hidden; width: 49%; 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:15px 10px; box-sizing: border-box; }
.content-slide li .text p{  color: #333333;	font-size: 14px;  transition: all 0.6s; text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; text-align: center;}
.content-slide li figure img{ display: block; margin: 0 auto;  overflow: hidden; transition: all 0.6s; height: 120px; }
.content-slide li:nth-child(2n){float: right;}

.indexmore{margin: 1.5em auto; }
.indexmore a{ display:block; margin:0 auto;color: #ffffff;width: 160px; height: 40px; line-height: 40px; background: #da251c; text-align: center; }


.index-sec3{padding: 0 .8em 1.5em; box-sizing: border-box;}
.index-sec3-list{}
.index-sec3-list .item{margin-top: 1em; transition: all 0.6s;   width:80%;   overflow: hidden;  border: 1px solid #d8d8d8; background: #ffffff; }
.index-sec3-list .item .img img{display: block; width: 100%;}
.index-sec3-list .item .text{padding: 20px 15px; box-sizing: border-box; border-bottom: 1px solid #d8d8d8;}
.index-sec3-list .item .text .t1{color: #141418; font-size: 16px; margin-bottom: 5px;text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;font-weight: bold;}
.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 .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; }

.footer{background: #333333; }
.footer .box{padding:1.5em 1em;}


.footer .center{width:100%; 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:24px; font-family: impact;}
.footer .center .tel .t2{color: #ffffff; margin-top: 20px;}
.footer .center .tel .t2 img{display: inline-block; vertical-align: middle; margin-right: 5px; height: 15px;}
.footer .center .erweima{margin-left: 10px;}
.footer .center .erweima img{background: #ffffff; width: 75px; height: 75px; box-sizing: border-box;  overflow: hidden;}
.footer .center .erweima p{color: #ffffff; text-align: center; }
.footer .bottom{padding: 10px; box-sizing: border-box; color: #7c7c7c; text-align: center; font-size: 13px; border-top: 1px solid #484848;}
.footer .bottom a{color: #7c7c7c;}
.footer .center .tel .t2 img{height: ;}


/*子页面*/
.page-wrapper{max-width: 640px; min-width: 320px;  padding-top: 1em; background: #f5f5f5; padding-bottom: 1em;} 
.ft24{font-size: 24px;}
.ft18{font-size: 16px;}
.mid_cell {position: absolute; top: 50%;margin-top: -35px;width: 100%; text-align: center; }
.page-banner{  text-align: center; position: relative;}
.page-banner img{width: 100%; display: block;}
.page-banner .pageBannerLine{width:15px; height:3px; background:#2d52a1; vertical-align: middle}
.page-banner .pageText{display:inline-block;width: 162px;vertical-align: middle;color:#fff;text-transform: uppercase; position: relative;}
.page-banner .pageText::before{content: ''; width: 40px; height: 2px; background: #ffffff; position: absolute; left: -44px ; top: 50%; margin-top: -1px;}
.page-banner .pageText::after{content: ''; width: 40px; height: 2px; background: #ffffff; position: absolute; right: -44px ; top: 50%; margin-top: -1px;}
.page-banner .pageText span{display:block; line-height: 35px; text-shadow:1px 1px 4px #666;}


.section5-list{ padding-top: 40px; }
.section5-list li{background: #ffffff; position: relative; z-index: 1; transition: all 0.6s; margin-bottom: 20px; float: left; width: 98%; margin:0 auto; 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{ 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;}


/*子页面二级*/
.hide { display: none; }
@-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); }

  to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }

@keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); }

  to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }

@keyframes mouse { from { transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; }

  55% { opacity: 0.6; }

  to { transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0; } }

@-webkit-keyframes mouse { from { transform: translateY(0); -webkit-transform: translateY(0); }

  to { transform: translateY(10px); -webkit-transform: translateY(10px); } }

/*.phoneMenu {position: relative; }*/
.phoneMenu{position: relative;}
.phoneMenu .title { color: #fff; display: block; text-align: center; font-size: 16px; height: 46px; line-height: 46px; cursor: pointer; background: #333; }
.phoneMenu .title b { display: inline-block; margin-left: 5px; width: 18px; height: 10px; background: url(../images/aw7.png) center no-repeat; transition: .38s; -webkit-transition: .38s; }
.phoneMenu ul { background: #666; position: absolute; top: 46px; left: 0; width: 100%; z-index: 60; }
.phoneMenu .link { display: block; text-align: center; color: #fff; line-height: 1.2; padding: 10px 0; font-size: 14px; position: relative; }
.phoneMenu.on .link:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; z-index: 1; background-color: #999; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: ReturnToNormal; animation-name: ReturnToNormal; }
.phoneMenu.on .title b { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }

@-webkit-keyframes ReturnToNormal { 0% { -webkit-transform: scale(0.1, 1); -ms-transform: scale(0.1, 1); transform: scale(0.1, 1); }

  100% { -webkit-transform: scaleX(1, 1); -ms-transform: scaleX(1, 1); transform: scaleX(1, 1); } }

@keyframes ReturnToNormal { 0% { -webkit-transform: scale(0.1, 1); -ms-transform: scale(0.1, 1); transform: scale(0.1, 1); }

  100% { -webkit-transform: scaleX(1, 1); -ms-transform: scale(1, 1); transform: scaleX(1, 1); } }

/*子页面二级结束*/

.page-box{padding: 0 1em; box-sizing: border-box;}
.page-box .index-sec3-list .item{width: 100%;}
.page-pro{padding: .5em; box-sizing: border-box; background: #F5F5F5;}
.page-pro .content-slide{margin-top: 0;}

.page-about{padding: 0 1em; box-sizing: border-box;}
.about-page-title{text-align: center; padding:1em 0;}
.about-page-title h2{color: #ececec; font-size: 48px; line-height: 100px; font-family: arial; font-weight: bold;}
.about-page-title h3{font-size: 20px; color: #333333; margin-top: -50px;}

.about-sec1 {}
.about-sec1 .text{text-align: center;}
.about-sec1 .text p{line-height: 36px; font-size: 14px; color: #666666 ;}
.about-sec1 .Guarantee_time-bg{width: 100%;  margin: 1em auto;}
.about-sec1 .Guarantee_time li{width: calc(100%/2); width: -moz-calc(100%/2); width: -webkit-calc(100%/2);}

.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: 5em 0;}
.about-title h3{color: #ffffff; font-size: 22px;}
.about-title p{ font-size: 14px; color: #ffffff;  padding: 1em; box-sizing: border-box;}

.page-about .about-sec1 .Guarantee_time{padding: 1em 0;}
.page-about .about-sec1 .Guarantee_time li{margin-top: 1em;}

.about-sec2 .culture{  background: #fff;}
.about-sec2 .culture .chaoren{ width: 100%; overflow: hidden;}
.about-sec2 .culture .chaoren li{ border-bottom: 1px #eee solid; display: flex; flex-direction: row; align-items: center;  }

.about-sec2 .culture .chaoren li .danci{ font-size: 16px; line-height: 35px; padding:.5em 1em; 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: 100%; overflow: hidden;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: 1em; position: relative; background-size: cover;}
.about-sec3 .tit h4{ text-align: center; color: #141418; 	font-size: 22px;}
.about-sec3 .tit p{ color: #888888; font-size: 14px; text-align: center; }
.about-sec3 .tit{ margin-bottom: 1.5em;}
.about-sec3 .swiper-slide a{ display: block; background: #fff; padding:1.5em;}
.about-sec3 .swiper-slide h3{ color: #141418; 	font-size: 18px; font-weight: bold; margin-bottom: 1em; }
.about-sec3 .swiper-slide p{ color: #666666; font-size: 14px; line-height: 32px; height: 96px;}
.about-sec3 .time{width: 65px;	height: 65px;	background-color: #da261c; border-radius: 100%; text-align: center; line-height:65px;
color: #fff; font-size:18px; margin: 1em 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: 0; right: 35%; outline: none; color: #666; font-size: 10px; background-size: 18px;}
.about-sec3 .swiper-button-prev{ top: auto; bottom: 0; left:35%; right: auto; outline: none; color: #666; width: 20px;background-size: 18px;}
.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: 1em; position: relative;}
.about-sec5 .tit h4{text-align: center; color: #141418; 	font-size: 22px;}
.about-sec5 .tit p{ color: #888888; font-size: 14px; text-align: center;}
.about-sec5 .tit{ margin-bottom: 1.5em;}
.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: 1em;}
.about-sec5 .swiper-slide img{ display: block; margin: 0 auto; max-width: 100%; height: auto;}
.about-sec5 .swiper-button-next{ top: auto; bottom: 0; right:35%; outline: none; color: #666; font-size: 10px; background-size: 18px;}
.about-sec5 .swiper-button-prev{ top: auto; bottom: 0; left: 35%; right: auto; outline: none; color: #666; width: 20px; background-size: 18px;}
.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;}
.about-sec5 .more{text-align: center; padding: 1em 0; text-align: center;}
.about-position{position: relative; padding-bottom: 2em;}

/*联系我们*/
.develop-tit .about-tit {  font-size: 22px;  color: #333;}
.develop-tit{  text-align: center;  padding:1em 0;  }
.develop-tit .desc{  font-size: 20px;  color: #666;  margin-top: 20px;  }
.develop-tit .line{  width: 40px;  height: 5px;  background-color: #e8e8e8;  margin:1em auto 0;  }
.contact-box{  padding:1em 0 1em;  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: 1em; }

.contact-box .item{padding: 10px 15px;box-sizing: border-box; width: 100%; }
.contact-box .item img{height: 32px;}
.contact-list .tit{  font-size: 16px;  color: #333; margin-bottom: 10px; }
.contact-list .tel{ display: block;  font-size: 20px; letter-spacing: 1px; color: #141418;  font-family: 'BEBAS'; margin-left: 10px; }
.contact-list .ad{ display: block;  font-size:14px; color: #141418; margin-left: 10px; margin-top: 4px;}
.contact-list .mail{ font-size: 20px; margin-left: 10px; 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: 1em 0;}
.map-box img{display: block; width: 100%;}


.message-box{ padding:1em 0;  }
.message-box .form-box{  margin: 20px 0;  }
.message-box .form-box .item{ width: 100%;}
.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;   }
.message-box .form-box .item:nth-child(2n){float: right;}


.form-box .row{padding: 0 1em; box-sizing: border-box;}
.form-box .item{  box-sizing: border-box;   margin-bottom: 1em;  }
.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:0.5em 2.2em; height:50px;  line-height: 50px;  font-size: 14px;  color: #999;  background-repeat: no-repeat;  background-position: 5px 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: 5px 22px;
    height: 160px;
}
.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{    width: 100%;  border: 1px solid #e5e5e5;  }

.form-box .check-box input{

    padding: 10px;

    height: 45px;

    line-height: 45px;

    width: 63%;

    border: none;

    border-right: 1px solid #e5e5e5;

    margin: 0;

}

.form-box .check-box img{

    float: right;

    width: 36.36%;

    height:45px;

}

.form-box input[type=submit]{

  

    width: 200px;

    height: 45px;

    background-color: #da251c;

    text-align: center;

    color: #fff;

    font-size: 14px;

    transition: all .3s;
    border: none;
    margin-top: 20px;

}

/*分页*/
.pageBox {padding:0 .5rem;height:50px; line-height:50px;  background-color:#f5f5f5; margin-top: 1em;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-pack:distribute;
 justify-content:space-around;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
}

.pageBox a {-webkit-box-flex:1;-ms-flex:1;flex:1;display:block;text-align:center;font-size:14px;color:#999;position:relative}
.pageBox .pageNum .cur {color:#373737}
.pageBox .pageNum i {color:#cfcfcf}

.pageBox a.up::after{position: absolute;top: 50%;left: 35%;margin-top: -4px;margin-left: -40px;width: 8px;height: 8px;
border: #666 solid; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium;         
border-width: 1px 1px 0 0; content: ' '; -webkit-transform: rotate(225deg);}

.pageBox a.down::after{position: absolute;top: 50%;left: 65%;margin-top: -4px;margin-left: 30px;width: 8px;height: 8px;
border: #666 solid; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium;         
border-width: 1px 1px 0 0; content: ' '; -webkit-transform: rotate(40deg);}

.page-display{ box-sizing: border-box; }
.detailspage {   padding: 1em; box-sizing: border-box; background: #ffffff;}
.detailspage .left{width:100% ; }
.de-tit{ padding:.5rem 0 ; box-sizing: border-box;}
.de-tit h1{ font-size: 16px; color: #333; text-align: center; padding:.5rem 0; font-weight: bold; line-height: 30px; }
.de-tit p{ text-align: center; border-bottom:1px solid #f5f5f5; padding:1em 0; } 
.de-tit p span{ display: inline-block; font-size: 14px; color: #888;  }
.de-cont p{ line-height: 28px; font-size: 14px; color: #666;  margin-top: .5em; }
.de-cont strong{font-size: 16px; font-weight: bold;}
.detailspage img{width: 100%;}


.h60{height:50px;}
.Unicode{ width:100%; position:fixed; bottom:0; left:0; right:0; z-index:210;}
.Unicode .ripple{ position:relative; background:#ffffff;}
.Unicode .ripple li{ width:25%; float:left; text-align:center; position:relative; padding:8px 0;}
.Unicode .ripple li sup{ display:block; width:16px; height:16px; margin:0 auto;}
.Unicode .ripple li sup.Unicode_a{ background:url(../images/Unicode_a.png) no-repeat; background-size:100%;}
.Unicode .ripple li sup.Unicode_b{ background:url(../images/Unicode_b.png) no-repeat; background-size:100%;}
.Unicode .ripple li sup.Unicode_c{ background:url(../images/Unicode_c.png) no-repeat; background-size:100%;}
.Unicode .ripple li sup.Unicode_d{ background:url(../images/Unicode_d.png) no-repeat; background-size:100%;}
.Unicode .ripple li span{ display:block; line-height:1; padding-top:6px; color:#141418; font-size:12px;}
.Unicode .ripple li.on,.Unicode .ripple li:active{ background-color: #0031bf;}
.Unicode .ripple li.on,.Unicode .ripple li:active span{color:#fff;}
.Unicode .ripple li .hehay{ width:100%; margin-top:-16px; z-index:10;}
.Unicode .ripple li .hehay img{ margin:0 auto; width:32px; display:block;}