/************
 * 页面样式
 ************/
/*=============
 * 基础默认样式
 =============*/

html{color: #333; font-size: 16px; }
ul,h1,h2,h3,h4,h5,h6,p,div,dl,dt,dd,figure,figcaption{margin: 0;padding: 0;}
li{list-style: none;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    transition: all .3s;
}
img{ max-width: 100%; height: auto; transition: all .5s; vertical-align: middle;}
/*=============
 * 工具样式
 =============*/
.center-block{display: block;margin-right: 0;margin-left: 0;}
.pull-right{float: right !important;}
.pull-left{float: left !important; }
.text-right{text-align: right !important;}
.text-left{text-align: left !important;}
.text-center{text-align: center !important;}
.hide{display: none !important;}
.show{display: block !important;}
.pr{ position:relative; z-index:10;}
.invisible{visibility: hidden;}
.text-hide{font: 0/0 microsoft yahei;color: transparent;text-shadow: none;background-color: transparent;border: 0;}
.clearfix:after,.clearfix:before{content: '';display: table;}
.clearfix:after{clear: both;}
/*=============
 * 浏览器更新提示
 =============*/
.browerupgrade{margin: 0;padding: 1rem;background: #ccc;}

/*=============
 * 自定义宽度
 =============*/

/*=============
 * 自定义背景色
 =============*/
.red{ color: #d13525; }
.white{ color: #fff; }
.gray-bg{ background-color: #f0f0f0!important; }
.red-bg{ background-color: #d13525; }
/*=============
 * 定义iconfont样式
 =============*/
.iconfont {
  font-family: "iconfont" !important;
  font-size: 1rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*=============
 * 自定义页面样式
 =============*/
body{line-height: 1.8;background: #fff;font-family: 'Microsoft YaHei';}
a{color: #333;text-decoration: none;transition: all .4s; }
a:active,a:hover{color: #d3331b;text-decoration: none;}

.container{max-width: 77rem; margin: 0 auto; padding: 0 1rem; }

header{position: fixed; z-index: 99; top: 0; left: 0; right: 0; height: 4.5rem;}
header .logo{ padding: 1rem 0; }
header .logo img{ width: auto; height: 2.5rem; }
header .nav{  }
header .nav li{padding: 0 1.5rem; float: left; line-height: 4.5rem;}
header .nav li a{ display: block; color: #fff; }
header .nav li.cur a,header .nav li:hover a{ position: relative; }
header .nav li.cur a:after,header .nav li:hover a:after{ position: absolute; bottom: 1rem; left: 0; content: ''; width: 100%; height: .2rem; background-color: #d3331b;}
header .experience{ padding: 1.125rem 0; position: relative; }
header .experience a{ width: 6.5rem; line-height: 2.125rem; text-align: center; border-radius: 1.5rem;color: #fff; font-size: .875rem; display: inline-block; margin-left: .5rem;}
header .experience a i{ font-size: .875rem; line-height: 2.125rem; margin-right: .5rem; }
header .experience .red-btn{ background-color: #d3331b; border:1px solid #d3331b;}
header .experience .empty-btn{ border:1px solid #fff;}
header .wxcode{ position: absolute; right: -1rem; top: 4.5rem; display: none; }
header .wxcode img{ width: 8rem; height: 8rem; padding:.5rem; background-color: #fff; border-radius: .5rem; }
header .wxcode:before{ position: absolute; top: -1rem; left:50%; margin-left: -.5rem; border: .5rem solid transparent; border-bottom-color: #fff; content: ''; }

header.on{ background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,.1) }
header.on .nav li a{ color: #333; }
header.on .experience .empty-btn{ border-color: #333; color: #333; }
header.on .wxcode img{ background-color: rgba(0,0,0,.3); }
header.on .wxcode:before{border-bottom-color:rgba(0,0,0,.3)}

.footer{ width:100%; min-width:1200px;  background:#2f3136; border-bottom: 10px solid #d3331b; color:#999;}
.footer ul{ padding:2rem 0;}
.footer li h4{ font-size:1.25rem; color:#fff; font-weight:normal;}
.footer li p{ margin-top:2rem; }
.footer li p span{ width:48%; float:left; font-size:.875rem;}
.footer li p span a{ color:#999;}
.footer li.part1{ width:350px; float:left;}
.footer li.part2{ width:470px; float:left; margin-left:90px;}
.footer li.part3{ width:150px; float:right;}
.footer li.part3 img{ width:7rem; height:auto; padding:.5rem; background-color: #fff;}
.copyright{ border-top:1px solid #424242; line-height:4rem;  text-align:center; font-size: 14px;}


.banner{ position: relative; overflow: hidden; }
/*=============
 * 首页样式
 =============*/
.idx-section01 .tabtit{ background-color: #f0f0f0; }
.idx-section01 .tabtit .container{ display: flex; justify-content: space-around; }
.idx-section01 .tabtit .item{ padding: 1.5rem 0; text-align: center; cursor: pointer; display: inline-block; width: 33%;}
.idx-section01 .tabtit .item h4{ font-size: 1.5rem; font-weight: 400;}
.idx-section01 .tabtit .item p{ color: #666; text-transform:capitalize; }
.idx-section01 .tabtit .item.cur{ position: relative; }
.idx-section01 .tabtit .item.cur:after{ position: absolute; bottom: 0; left: 50%;margin-left: -1rem; border: 1rem solid transparent; border-bottom-color: #fff; content: ''; }
.idx-section01 .tabcon .item{ padding: 7.5rem 0; }
.idx-section01 .tabcon .pull-left{ width: 50%; }
.idx-section01 .tabcon .pull-left img{ max-width:100%; height: auto; }
.idx-section01 .tabcon .pull-right{ width: 50%; padding-left: 2rem; }
.idx-section01 .tabcon .pull-right h3{ font-size: 1.625rem; font-weight: 400; }
.idx-section01 .tabcon .pull-right p{ padding: 3rem 0; color: #666; }
.idx-section01 .tabcon .pull-right a{ color: #d3331b; }
.idx-section01 .tabcon .pull-right a i{ margin-left: .5rem; }
.idx-section01 .tabcon .img img{ max-width: 100%; text-align: center; }

.Htit{text-align: center;}
.Htit h2{ padding-top: 3.75rem; font-size: 1.875rem; }
.Htit .subhead { width: 100%; height: 40px; margin: 10px 0; background: url(../images/about/title-bg.png) center no-repeat; text-align: center; line-height: 40px; text-transform: uppercase; font-size: 12px; color: #666;}
.Htit p{font-size: 1.125rem; color: #888;}
.idx-section02{ background-color: #f0f0f0; }
.idx-section02 .list{ padding: 3rem 0 6rem;  }
.idx-section02 .list .item{ width: 380px; height: 430px; margin:0 10px;  position: relative;overflow: hidden; cursor: pointer;}
.idx-section02 .list .item .img{ width: 100%; height: 100%; overflow: hidden; }
.idx-section02 .list .item img{ width: 100%; height: auto; display: block;transition: all .4s; }
.idx-section02 .owl-theme .owl-controls{ display: none!important; }
.idx-section02 .list .item .name{ position: absolute; background-color: #665d5a; left: 0; right: 0; padding: 20px; text-align: center; height: 120px; line-height:60px; color: #fff; font-size: 1.25rem; }
.idx-section02 .list .item .name:before{ position: absolute;content: ''; border: 1px solid #fff; left: 20px; top: 20px; right:20px; bottom:20px; }
.idx-section02 .list .item .name:after{position: absolute;content: ''; bottom:2.4rem; left: 50%; width: 4rem; margin-left: -2rem; height: 2px; background-color: #fff;}
.idx-section02 .list .item .info{ position: absolute; left: 0; right: 0; background-color: rgba(211,51,27,.9); padding: 60px; text-align: center; color: #fff;}
.idx-section02 .list .item .info:after{position: absolute;content: ''; border: 1px solid rgba(255,255,255,.3); left: 20px; top: 20px; right:20px; bottom:20px;}
.idx-section02 .list .item .info h4{font-size: 1.25rem; font-weight: 400; margin-top: 2rem;}
.idx-section02 .list .item .info p{ margin-top: 1rem; }
.idx-section02 .list .owl-item:nth-child(2n-1) .name{ bottom: 0; }
.idx-section02 .list .owl-item:nth-child(2n) .name{ top: 0; }
.idx-section02 .list .owl-item:nth-child(2n-1) .item .info{ bottom:-430px; }
.idx-section02 .list .cur:nth-child(2n-1) .item .info{ bottom: 0; height: 100%;}
.idx-section02 .list .owl-item:nth-child(2n) .item .info{ top:-430px; }
.idx-section02 .list .cur:nth-child(2n) .item .info{ top: 0; height: 100%;}
.idx-section02 .list .cur:nth-child(2n-1) .name{ bottom:-120px; }
.idx-section02 .list .cur:nth-child(2n) .name{ top:-120px; }

.idx-section03 .tit{ background-color: #d3331b; padding: 2rem 0; text-align: center; color: #fff; position: relative;}
.idx-section03 .tit h2{ font-size: 2rem; }
.idx-section03 .tit p{ font-size: 1.125rem; }
.idx-section03 .tit:after{ position: absolute; bottom: 0; left: 50%;margin-left: -1rem; border: 1rem solid transparent; border-bottom-color: #fff; content: ''; }
.idx-section03 .tabtit{  display: flex; justify-content: space-around; border-bottom: 1px solid #e5e5e5; }
.idx-section03 .tabtit .item{ color: #999; line-height: 4.5rem; font-size: 1.125rem; cursor: pointer; display: inline-block; width: 19.5%; text-align: center; }
.idx-section03 .tabtit .item.cur{ color: #333;}
.idx-section03 .tabcon .item{ padding: 2rem 0 4.5rem;}
.idx-section03 .tabcon .head{ text-align: center; }
.idx-section03 .tabcon .head h3{font-size: 1.875rem; }
.idx-section03 .tabcon .head p{ font-size: 1.125rem; color: #888; }
.idx-section03 .tabcon ul{ padding-top: 2.5rem; }
.idx-section03 .tabcon li{ width: 380px; margin-right: 30px; float: left; text-align: center; }
.idx-section03 .tabcon li .text{ padding: 1rem; }
.idx-section03 .tabcon li .text h4{ font-size: 1.25rem; font-weight: 400; }
.idx-section03 .tabcon li .text p{ color: #888; margin-top: .5rem;}
.idx-section03 .tabcon .item2 li{ width: 275px; margin-right: 33px; }
.idx-section03 .tabcon li:last-child{ margin-right: 0; }

.idx-section04{ background-color: #f0f0f0; }
.idx-section04 .list{ padding: 2rem 0 5rem; }
.idx-section04 li{ position: relative; width: 575px; margin-top: 2rem; background-color: #fff; box-shadow: 0 0 8px rgba(0,0,0,.1); border-radius: 5px; padding: 1.5rem 1rem 1.5rem 4rem; color: #888; float: left; margin-right: 50px; }
.idx-section04 li:nth-child(2n){ margin-right: 0;  padding: 1.5rem 3.5rem 1.5rem 1.5rem;}
.idx-section04 li .tit{ position: absolute; top: 1.8rem; width: 5rem; height: 3rem; background-color: #d3331b; color: #fff; text-align: center;  line-height: 1.5rem; font-size: 1.25rem;}
.idx-section04 li:nth-child(2n-1) .tit{ left:-2.5rem; }
.idx-section04 li:nth-child(2n) .tit{ right:-2.5rem; }
.idx-section04 li .tit:before{ position: absolute; content: ''; top: -2.5rem; left: 0; border: 2.5rem solid transparent; border-bottom-color: #d3331b; border-width: 1.25rem 2.5rem; }
.idx-section04 li .tit:after{ position: absolute; content: ''; bottom: -2.5rem; left: 0; border: 2.5rem solid transparent; border-top-color: #d3331b; border-width: 1.25rem 2.5rem; }

.idx-section05{ background:url(../images/index/idx05-bg.jpg) no-repeat top center; }
.idx-section05 .Htit{ color: #fff; }
.idx-section05 .Htit p{ color: #fff; }
.idx-section05 .list{ padding: 5rem 0; }
.idx-section05 .list li{ float: left; width: 277px; height: 462px; margin-right: 30px; background-image: url(../images/index/idx05-libg.png);  }
.idx-section05 .list li:last-child{ margin-right: 0; }
.idx-section05 .list li:hover{background-image: url(../images/index/idx05-libg-on.png); cursor: pointer;}
.idx-section05 .list li .icn{ text-align: center; }
.idx-section05 .list li .icn i{ width: 6.75rem; height: 6.75rem; background-color: #fff; font-size: 3.5rem; line-height: 6.75rem; text-align: center; display: inline-block; border-radius: 50%; margin-top: -2rem; }
.idx-section05 .list li .text{ padding: 2rem 3rem; color: #fff;}
.idx-section05 .list li .text h4{ font-size: 1.25rem; text-align: center; margin-bottom: 1rem; font-weight: 400;}
.idx-section05 .list li:hover .icn i{ color: #d3331b; }

.idx-section06 .con{ padding-bottom: 4rem; }
.idx-section06 .item{ padding-top: 2rem; display: flex; align-items: center;}
.idx-section06 .item dl,.idx-section06 .item .img{ width: 50%; }
.idx-section06 .item .img{ text-align: center; }
.idx-section06 .item .img img{ width: 98%; }
.idx-section06 .item dd{ padding: .5rem 0; }
.idx-section06 .item h4{ font-size: 1.25rem; font-weight: 400;}
.idx-section06 .item p{ color: #888; margin-top: .5rem; }

.idx-section07{background:url(../images/index/idx05-bg.jpg) no-repeat top center; }
.idx-section07 .Htit{ color: #fff; }
.idx-section07 .Htit p{ color: #fff; }
.idx-section07 .list{ padding: 2rem 0 5rem; }
.idx-section07 .list li{ width: 380px; height: 240px; overflow: hidden; float: left; margin-right: 30px; margin-top: 1rem; position: relative; border-bottom: 4px solid #d3331b; cursor: pointer; }
.idx-section07 .list li:nth-child(3n){ margin-right: 0; }
.idx-section07 .list li h4{ position: absolute; left: 0; bottom: 0; right: 0; background-color: #fff; text-align: center; line-height: 4rem; font-size: 1.25rem; color: #333; font-weight: 400; }
.idx-section07 .list li .text{ position: absolute; right: 0; bottom: -240px; height: 240px; left: 0; background-color:rgba(211,51,27,.9);color: #fff; padding: 2rem;  }
.idx-section07 .list li:hover h4{ bottom: -4rem; }
.idx-section07 .list li:hover .text{ bottom: 0; }

.idx-section09{background:url(../images/index/idx09-bg.jpg) no-repeat top center; }
.idx-section09 .Htit{ color: #fff; }
.idx-section09 .Htit p{ color: #fff; }
.idx-section09 .list{ padding: 3rem 0 5rem; }
.idx-section09 .list li{ width: 380px; height: 455px; float: left; position: relative; background-color: #574c4a; margin-right: 30px; padding: 3rem; color: #fff; cursor: pointer;}
.idx-section09 .list li:after{position: absolute;content: ''; border: 1px solid rgba(255,255,255,.3); left: 20px; top: 20px; right:20px; bottom:20px; }
.idx-section09 .list li:last-child{ margin-right: 0; }
.idx-section09 .list li .icn{ text-align: center; color: #3f3230; }
.idx-section09 .list li i{ width: 6.75rem; height: 6.75rem; background-color: #fff; font-size: 3.5rem; line-height: 6.75rem; text-align: center; display: inline-block; border-radius: 50%; margin: 0 auto;}
.idx-section09 .list li h4{ padding: 1rem 0; font-size: 1.25rem; text-align: center; font-weight: 400; }
.idx-section09 .list li:hover{ background-color: #d3331b }
.idx-section09 .list li:hover .icn{ color: #d3331b; }

.idx-section10 .list{  padding: 3rem 0 5rem;  }
.idx-section10 .list li{width: 380px; height: 450px; float: left; border: 1px solid #ddd; background-color: #f5f6f7; margin-right: 30px;}
.idx-section10 .list li:last-child{ margin-right: 0; }
.idx-section10 .list li .text{ padding: 1rem; }
.idx-section10 .list li .text h4{ font-size: 1.25rem; text-align: center; font-weight: 400; margin-bottom: 1rem;}
.idx-section10 .list li .text p{ color: #888; }

.idx-section11{ background-color: #f0f0f0; }
.idx-section11 .list{ padding: 2rem 0 5rem;  }
.idx-section11 .list li{ width: 285px; height: 240px; margin: 20px 20px 0 0; float: left; background-color: #fff; box-shadow: 0 0 8px rgba(0,0,0,.1); position: relative; padding:4rem 2rem 2rem; border-radius: 5px}
.idx-section11 .list li.long{ width: 386px; height: 200px;}
.idx-section11 .list li:nth-child(4),.idx-section11 .list li:last-child{ margin-right: 0; }
.idx-section11 .list li h4{ position: absolute; top: 0; left: 50%; margin-left: -85px; width: 170px; background-color: #d3331b; line-height: 3rem; text-align: center; color: #fff; font-size: 1.25rem; font-weight: 400; border-radius: 0 0 5px 5px;}
.idx-section11 .list li p{ color: #888; }

.idx-section12{ background-color: #ca4a3d; padding-bottom: 5rem;}
.idx-section12 .Htit{ color: #fff; }
.idx-section12 .Htit p{ color: #fff; }
.idx-section12 .list{margin-top: 3rem; border: 2px solid rgba(255,255,255,.5); border-width: 0 2px 2px 0; width: 1202px; }
.idx-section12 .list li{ width: 300px; height: 260px; float: left;border: 2px solid rgba(255,255,255,.5); border-width:2px 0 0 2px; padding: 2rem; position: relative; color: #fff; }
.idx-section12 .list li:after{position: absolute;content: '';top:-2px; left: 50%; margin-left: -60px; width: 120px; height:8px; background-color: #fff;}
.idx-section12 .list li h4{ text-align: center; font-size: 1.25rem; font-weight: 400; margin-bottom: .5rem;}

.idx-section13 .list{ padding-bottom: 5rem; }
.idx-section13 .list li{ width: 285px; margin-right: 20px; float: left; margin-top: 5rem;}
.idx-section13 .list li:nth-child(4n){ margin-right: 0; }
.idx-section13 .list li .icn{ width: 6rem; height: 4rem; background-color: #d3331b; color: #fff; text-align: center; position: relative; margin: 0 auto;}
.idx-section13 .list li .icn:before{ position: absolute; content: ''; top: -3rem; left: 0; border: 3rem solid transparent; border-bottom-color: #d3331b; border-width: 1.5rem 3rem; }
.idx-section13 .list li .icn:after{ position: absolute; content: ''; bottom: -3rem; left: 0; border: 3rem solid transparent; border-top-color: #d3331b; border-width: 1.5rem 3rem; }
.idx-section13 .list li .icn i{  font-size: 3.6rem; line-height: 4rem; }
.idx-section13 .list li .text{ padding-top: 2rem; text-align: center;}
.idx-section13 .list li .text h4{font-size: 1.25rem; font-weight: 400;}
.idx-section13 .list li .text p{ color: #888;font-size: 15px; }

.idx-section14{ background-color: #f0f0f0; }
.idx-section14 .list{ padding: 2rem 0 4.5rem; }
.idx-section14 .list li{width: 380px; height: 240px; overflow: hidden; float: left; margin-right: 30px; margin-top: 1rem; position: relative; cursor: pointer;}
.idx-section14 .list li:nth-child(3n){ margin-right: 0; }
.idx-section14 .list li h4{ position: absolute; left: 0; bottom: 0; right: 0; background-color: #fff; text-align: center; line-height: 4rem; font-size: 1.25rem; color: #333; font-weight: 400; }
.idx-section14 .list li .text{ position: absolute; right: 0; bottom: -240px; height: 240px; left: 0; background-color:rgba(211,51,27,.9);color: #fff; padding: 2rem;  }
.idx-section14 .list li:hover .text{ bottom: 0; }

/*=============
 * 产品亮点
 =============*/
.applybtn{ position: absolute; top:-132px; left:50px; width: 180px; height: 48px; border-radius: 30px; }

.pro-section01{background:url(../images/product/img01.jpg) no-repeat center ; padding: 60px 0;}
.pro-section01 .item{ margin-bottom: 30px; }
.pro-section01 .item h3{ font-size: 1.5rem; color: #d13525;  font-weight: normal;}
.pro-section01 .item h5{ font-size: 1.125rem; font-weight: normal;}
.pro-section01 .item p{ color: #666; }
.pro-section01 .part1{ text-align: right; }
.pro-section01 .part1 .item:nth-child(2){ margin-right: 30px; }
.pro-section01 .part1 .item:nth-child(3){ margin-right: 60px; }
.pro-section01 .part2 .item:nth-child(2){ margin-left: 30px; }
.pro-section01 .part2 .item:nth-child(3){ margin-left: 60px; }

.pro-section02{ padding-bottom: 60px; }
.pro-section02 .Htit,.pro-section02 .Htit p{ color: #fff; }
.pro-section02 .img{ max-width: 50%; }
.pro-section02 .img image{ max-width: 100%; }
.pro-section02 .text { width: 50%; text-align: center;  padding-top: 30px;}
.pro-section02 .text .item{ width: 124px; height: 75px; background-color: #fff; float: left; margin-top: 60px; margin-right: 30px; position: relative; color: #d13525; font-size: 1.5rem; line-height: 1.5}
.pro-section02 .text .item:last-child{ margin-right: 0; }
.pro-section02 .text .item:before{  content: ''; position: absolute; z-index:0; left: 0; top: -62px; border: 62px solid transparent; border-width: 31px 62px; border-bottom-color: #fff; }
.pro-section02 .text .item:after{  content: ''; position: absolute; z-index:0; left: 0; top: 75px; border: 62px solid transparent; border-width: 31px 62px;border-top-color: #fff; }
.pro-section02 .text .item:first-child{ margin-left: 77px; }

.pro-section03{ padding: 60px 0;background:url(../images/product/line.png) no-repeat center 120px;  }
.pro-section03 li{ width: 220px; float: left; margin:0 10px; }
.pro-section03 .icn{ width: 108px; height: 108px; background-color: #f0f0f0; color: #d13525; border-radius: 50%; text-align: center; line-height: 108px;  margin: 0 auto;}
.pro-section03 .icn i{ font-size: 3.2rem; }
.pro-section03 li:nth-child(2n){ margin-top: 130px; }
.pro-section03 li h4{ font-size: 1.25rem; text-align: center; font-weight: 400; margin-top: 20px; }
.pro-section03 li p{ color: #666; margin-top: 10px; }

.pro-section04 .list{ padding: 30px 0 70px; }
.pro-section04 .list li{ width: 380px; height: 240px; overflow: hidden; float: left; margin-right: 30px; margin-top: 1rem; position: relative; border-bottom: 4px solid #d3331b; cursor: pointer; }
.pro-section04 .list li:nth-child(3n){ margin-right: 0; }
.pro-section04 .list li h4{ position: absolute; left: 0; bottom: 0; right: 0; background-color: #fff; text-align: center; line-height: 4rem; font-size: 1.25rem; color: #333; font-weight: 400; }
.pro-section04 .list li .text{ position: absolute; right: 0; bottom: -240px; height: 240px; left: 0; background-color:rgba(211,51,27,.9);color: #fff; padding: 2rem;  }
.pro-section04 .list li:hover h4{ bottom: -4rem; }
.pro-section04 .list li:hover .text{ bottom: 0; }

.pro-section05{background:url(../images/product/bg01.jpg) no-repeat top center;}
.pro-section05 .Htit,.pro-section05 .Htit p{ color: #fff; }
.pro-section05 .list{ padding: 30px 0 70px; }
.pro-section05 .list li{ width: 380px; float: left;; margin-right: 30px; margin-top: 20px; background-color: #fff; border-radius: 5px;  position: relative;}
.pro-section05 .list li:nth-child(3n){ margin-right: 0; }
.pro-section05 .list li h4{ font-size: 1.25rem; color: #da5d51; border-bottom: 2px solid #da5d51; text-align: center; line-height: 70px; }
.pro-section05 .list p{ padding: 20px; }
.pro-section05 .list i{ position: absolute; right: 20px; bottom: 0; font-size:2.4rem; color: #f8e5e3; }

.pro-section06{ background:url(../images/product/bg02.jpg) no-repeat top center; }
.pro-section06 .Htit,.pro-section06 .Htit p{ color: #fff; }
.pro-section06 .list{ padding: 30px 0 70px; }
.pro-section06 li{ width: 585px; float: left; margin: 20px 30px 0 0; padding: 20px 28px; background-color: #fff; border-radius: 5px; }
.pro-section06 li:nth-child(2n){ margin-right: 0; }
.pro-section06 li .text{ width: 300px; float: left; }
.pro-section06 li .text h4{ font-size: 1.25rem; font-weight: normal; }
.pro-section06 li .text p{ color: #666; margin-top: 10px;}
.pro-section06 li .icn{ width: 112px; height: 112px; background-color: #f0f0f0; border-radius: 50%; text-align: center;  float: right;}
.pro-section06 li .icn i{ font-size: 3.6rem; color: #d13525; line-height: 112px; }

.pro-section07 .list{ padding: 3rem 0 5rem; }
.pro-section07 .list li{ width: 380px; height: 455px; float: left; position: relative; background-color: #fff; margin-right: 30px; padding:68px 30px 0; border-radius: 5px;}
.pro-section07 .list li:last-child{ margin-right: 0; }
.pro-section07 .list li .icn{ text-align: center; }
.pro-section07 .list li i{ width: 6.75rem; height: 6.75rem; background-color: #d13525; color: #fff; font-size: 3.5rem; line-height: 6.75rem; text-align: center; display: inline-block; border-radius: 50%; margin: 0 auto;}
.pro-section07 .list li h4{ padding: 1rem 0; font-size: 1.25rem; text-align: center; font-weight: 400; color: #333;}
.pro-section07 .list li p{ color: #666; }
.pro-section07 .list li:hover{ background-color: #d13525; color: #fff; }
.pro-section07 .list li:hover .icn{ color: #d13525; }
.pro-section07 .list li:hover .icn i{ background-color: #fff; color: #d13525; }
.pro-section07 .list li:hover p,.pro-section07 .list li:hover h4{ color:#fff; }

.pro-section08{}
.pro-section08{ background-color: #f0f0f0; }
.pro-section08 .list{ padding: 3rem 0 6rem;  }
.pro-section08 .list .item{ width: 277px;margin:0 15px;  position: relative;overflow: hidden; cursor: pointer;}
.pro-section08 .list .item .img{ width: 100%; height: 100%; overflow: hidden; }
.pro-section08 .list .item img{ width: 100%; height: auto; display: block;transition: all .4s; }
.pro-section08 .owl-theme .owl-controls{ display: none!important; }
.pro-section08 .list .item .name{ background-color: #665d5a; text-align: center; line-height:80px; color: #fff; font-size: 1.25rem;position: relative; }
.pro-section08 .list .item .name:after{position: absolute;content: ''; bottom:1rem; left: 50%; width: 4rem; margin-left: -2rem; height: 2px; background-color: #fff;}
.pro-section08 .list .item .info{ position: absolute; left: 0; right: 0; background-color: rgba(211,51,27,.9); padding: 30px; text-align: center; color: #fff;}
.pro-section08 .list .item .info:after{position: absolute;content: ''; border: 1px solid rgba(255,255,255,.3); left: 20px; top: 20px; right:20px; bottom:20px;}
.pro-section08 .list .item .info h4{font-size: 1.25rem; font-weight: 400; margin-top: 2rem;}
.pro-section08 .list .item .info p{ margin-top: 1rem; }
.pro-section08 .list .owl-item .item .info{ bottom:-400px; }
.pro-section08 .list .cur .item .info{ bottom: 0; height: 100%;}
/*=============
 * 资讯
 =============*/
.news-nav{ display: flex; justify-content: space-around; align-items: center; margin-top: 2rem; border-bottom: 1px solid #e5e5e5; }
.news-nav .item{line-height: 4rem;  cursor: pointer; float: left; width: 33.33%; text-align: center;}
.news-nav .active{ position: relative; }
.news-nav .active a{ color: #f45854;}
.news-nav .active:before{ position: absolute; bottom: 0; left: 50%; margin-left: -6.5rem; width: 13rem; height:.2rem; content: '';  background: #f45854;}
.news-list{ margin-top: 2rem; }
.news-list li{ margin-bottom: 2rem; padding: 1rem 1rem 1rem 0; display: flex; float: left;box-sizing: content-box;}
.news-list li:hover{ background: #f8f8f8; }
.news-list li .news-img{ width: 265px; height: 160px; flex-shrink: 0; margin-right: 2rem;  float: left; }
.news-list li .info{ float: left; width: 880px;}
.news-list li .info h3 a{ font-size: 1.125rem; font-weight: bold; color: #333; }
.news-list li:hover .info h3 a,.news-list li .info h3 a:hover{ color: #f45854; }
.news-list li .info p a{ line-height:1.5; margin-top: 1rem; color: #999;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news-list li .time{ margin-top: 2rem; font-size:.875rem;color: #666; }
.news-list li .time span{ margin-right: 2rem; display: inline-flex; align-items: center; }
.news-list li .time img{ margin-right: .625rem; }
.news-list li .time a:hover{ color: #f45854;}

/*分页*/
.fenye{ height:auto; margin:4rem 0px 6rem; text-align:center;font-size:.875rem; display: flex; justify-content: center; align-items: center;}
.fenye a{height:15px;padding:9px 15px;border-radius: 3px;line-height:15px;color: #333;  border:1px solid #ccc; margin-right: 10px; box-sizing:content-box;}
.fenye a.curr{ background:#f45854; color:#fff;text-decoration:none;}
.fenye .pre_dis,.fenye .next_dis{ display:none;}
.fenye_text{ width:45px; height:33px; border:1px solid #ccc; text-align:center; border-radius: 3px; margin: 0 10px;}
.fenye_but{ width:52px; height:33px; background:#e9e9e9; border:1px solid #ccc; cursor:pointer; color:#666;border-radius: 3px; margin: 0 10px;}

.w-location{ background: #f0f0f0;font-size:.875rem; line-height: 2.75rem; }
.w-location a{ color: #f45854;}
.news-detail .title{ padding: 2.5rem 0 1.25rem; border-bottom: 1px solid #e5e5e5; text-align: center; color: #333; margin-top: 0;}
.news-detail .title h1{ font-size: 1.875rem; font-weight: bold; }
.news-detail .title p span{ padding: 0 10px;  font-size: 14px; color: #666;}
.news-detail .con{ color: #333; margin-top: 2rem; }

.tag-share{ /*display: flex; justify-content: space-between; align-items: center;*/ padding: 30px 0; border-bottom: 1px solid #e5e5e5; font-size: 16px; }
.bdsharebuttonbox,.detail-tag{ display: inline-flex; align-items: center; }
.detail-share{ float: right;}
.detail-tag{ float: left}
.detail-tag a{ border: 1px solid #999; border-radius: 30px; padding: 5px 20px; margin: 0 5px; font-size: 15px; }
.detail-tag a:hover{border: 1px solid #f45854;color: #f45854;}

.prev-next{ padding: 2rem 0; border-bottom: 1px solid #e5e5e5; line-height:2; color: #333;}
.prev-next a{ color: #333; } .prev-next a:hover{ color: #f45854; }

.news-related{ padding: 2rem 0; }
.news-related .tit{color: #333; position: relative; padding-left: 1rem; font-weight: bold;}
.news-related .tit:before{ position: absolute; left: 0; top: 5px; content: ''; width: 4px; height: 20px; background: #f45854;}
.news-related ul{ display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 1.25rem; }
.news-related li{ width: 48%; line-height:2; float: left; margin-right: 4%; }
.news-related li:nth-child(2n){margin-right:0;}
.news-related li a{ width: 100%; display: inline-flex; justify-content: space-between; color: #999; }
.news-related li a p{ color: #333; width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; }
.news-related li a:hover p{ color: #f45854;}
.news-related li span{ float: right}

/*=============
 * 服务支持
 =============*/
.services { padding: 60px 0; }
.services .text{ max-width: 50%; color: #666;}
.services .text h4{ font-size: 1.625rem; font-weight: normal; color: #333; position: relative; line-height: 72px; }
.services .text h4:before{content: ''; position: absolute; width:50px; height: 2px; left:0; bottom: 0; background-color: #666;}
.services .text p{ padding-top: 30px; }
.services .img{ max-width: 50%; }
.services .img image{ max-width: 100%; }
.red-bg .subhead{ color: #fff; opacity: .7; }
.flow{ background:url(../images/serve/line-01.png) no-repeat center 136px; padding: 90px 0 240px; height: 360px; box-sizing: content-box;}
.flow .item{ float: left; width: 240px; height: 178px; color: #fff; padding-left: 50px;}
.flow .item .icn{ width: 108px; height: 108px; background-color: #fff; border-radius: 50%; text-align: center; color: #d13525; padding-top: 15px; position: relative;}
.flow .item .icn:before{ content: ''; position: absolute; z-index: 0; left: -6px; top: -6px; width: 120px; height: 120px; background-color: #fff; border-radius: 50%; opacity: .5; }
.flow .item .icn i{ font-size: 3rem; line-height: 1; }
.flow .item .icn h4{ font-size: 1.125rem; }
.flow .item .icn i,.flow .item .icn h4{position: relative; z-index: 2; }
.flow .item p{ position: relative; text-align: center; padding-top: 70px;font-size: .875rem;}
.flow .item p:before{content: ''; position: absolute; z-index: 1; left: 50%; margin-left: -16px; top:30px; width: 32px; height: 32px; background-color: #fff; border-radius: 50%; opacity: .5;}
.flow .item p:after{content: ''; position: absolute; z-index: 2; left: 50%; margin-left: -12px; top:34px; width: 24px; height: 24px; background-color: #fff; border-radius: 50%;}
.flow .item.top p{ padding-top: 0; }
.Serviceitems{ padding: 2rem 0 5rem; }
.Serviceitems li{ position: relative; width: 575px; margin-top: 2rem; background-color: #fff; box-shadow: 0 0 8px rgba(0,0,0,.1); border-radius: 5px; padding: 1.5rem 1rem 1.5rem 4rem; color: #888; float: left; margin-right: 50px; }
.Serviceitems li:nth-child(2n){ margin-right: 0;  padding: 1.5rem 3.5rem 1.5rem 1.5rem;}
.Serviceitems li .tit{ position: absolute; top: 2.5rem; width: 5rem; height: 3rem; background-color: #d3331b; color: #fff; text-align: center;  line-height: 1.5rem; font-size: 1.25rem;}
.Serviceitems li:nth-child(2n-1) .tit{ left:-2.5rem; }
.Serviceitems li:nth-child(2n) .tit{ right:-2.5rem; }
.Serviceitems li .tit:before{ position: absolute; content: ''; top: -2.5rem; left: 0; border: 2.5rem solid transparent; border-bottom-color: #d3331b; border-width: 1.25rem 2.5rem; }
.Serviceitems li .tit:after{ position: absolute; content: ''; bottom: -2.5rem; left: 0; border: 2.5rem solid transparent; border-top-color: #d3331b; border-width: 1.25rem 2.5rem; }

.servesystem{ padding: 50px 0 90px; }
.servesystem li{ width: 380px; margin-right: 30px; float: left;  }
.servesystem li .text{ padding: 1rem; }
.servesystem li .text h4{ font-size: 1.25rem; font-weight: 400;text-align: center; }
.servesystem li .text p{ color: #888; margin-top: .5rem;}
.servesystem li:last-child{ margin-right: 0; }

.operations{ padding: 60px 0;background:url(../images/serve/line-02.png) no-repeat center 120px;  }
.operations li{ width: 220px; float: left; margin:0 10px; }
.operations .icn{ width: 108px; height: 108px; border: 2px solid #d13525; background-color: #fff; color: #d13525; border-radius: 50%; text-align: center; font-size:2.4rem; line-height: 108px;  margin: 0 auto;}
.operations .icn.red-bg{ background-color: #d13525; color: #fff; }
.operations li:nth-child(2n){ margin-top: 130px; }
.operations li h4{ font-size: 1.25rem; text-align: center; font-weight: 400; margin-top: 20px; }
.operations li p{ color: #666; margin-top: 10px; }

.Implementation{ padding: 2rem 0 4.5rem; }
.Implementation li{width: 380px; height: 240px; overflow: hidden; float: left; margin-right: 30px; margin-top: 1rem; position: relative; cursor: pointer;}
.Implementation li:nth-child(3n){ margin-right: 0; }
.Implementation li h4{ position: absolute; left: 0; bottom: 0; right: 0; background-color: #f5f5f5; text-align: center; line-height: 4rem; font-size: 1.25rem; color: #333; font-weight: 400; }
.Implementation li .text{ position: absolute; right: 0; bottom: -240px; height: 240px; left: 0; background-color:rgba(211,51,27,.9);color: #fff; padding: 2rem;  }
.Implementation li:hover .text{ bottom: 0; }
/*=============
 * 渠道合作
 =============*/
.purposes{ padding: 50px 0 100px; }
.purposes .item{ width: 33.33%; float: left; text-align: center;  background:url(../images/cooperation/icon-bg.png) no-repeat top center; height: 176px;}
.purposes .item h4{ padding-top: 60px; font-size: 1.25rem; }
.purposes .item p{ text-transform: uppercase; color: #888; font-size: 14px; }
.system{ padding-top: 60px; }
.system .item h4{ width: 240px; height: 70px; background-color: #fff; border-radius: 5px; text-align: center; line-height: 70px; }
.system .part1 h4{ margin: 0 auto; background-color: #d13525; color: #fff; }
.system .part2 .item{ float: left; width: 240px; }
.system .part1{ padding-bottom: 50px; position: relative; }
.system .part1:after{ content: ''; position: absolute; width: 2px; height: 50px; left: 50%; bottom: 0; background-color: #fff; }
.system .part2{position: relative; padding:60px 40px 0;}
.system .part2:before{ content: ''; position: absolute; width:880px; height: 2px; left:160px; top: 0; background-color: #fff;  }
.system .part2 .item{ margin-right: 200px;position: relative; }
.system .part2 .item:after{ content: ''; position: absolute; width: 2px; height: 60px; left: 50%; top: -60px; background-color: #fff; }
.system .part2 .item:last-child{ margin-right: 0; }
.system .part2 p{padding: 10px; }
.support{ padding: 60px 0; }
.support li{ width: 277px; float: left; margin-right: 30px; }
.support li:last-child{ margin-right: 0; }
.support li .text{ background-color: #3f3230; line-height: 60px; text-align: center; font-size: 1.25rem; color: #fff; }
.terms{ padding: 120px 0 190px; }
.terms .item{ width: 180px; height: 120px; float: left; margin:0 30px; position: relative; background-color: #fff; padding:0 20px; text-align: center;}
.terms .item:before{  content: ''; position: absolute; z-index:0; left: 0; top: -90px; border: 90px solid transparent; border-width:45px 90px; border-bottom-color: #fff; }
.terms .item:after{  content: ''; position: absolute; z-index:0; left: 0; top: 120px; border: 90px solid transparent; border-width:45px 90px; border-top-color: #fff; }
.terms .item:nth-child(2n-1){ background-color: #d13525; color: #fff; }
.terms .item:nth-child(2n-1):before{ border-bottom-color: #d13525; }
.terms .item:nth-child(2n-1):after{ border-top-color: #d13525; }
.process{ padding-top: 100px; }
.process .item{ width: 220px; float: left; margin-right: 20px; position: relative;  height: 450px;}
.process .item:last-child{ margin-right: 0; }
.process .item:nth-last-child(2){ width: 240px; }
.process .item h4{ position: relative;  width: 120px; text-align: center; color: #fff;}
.process .item h4:before{  content: ''; position: absolute; z-index:-1; left: 0; top:-100px; border: 60px solid transparent; border-bottom-color: #d13525; }
.process .item h4:after{  content: ''; position: absolute; z-index:-1; left: 0; top: 20px; border: 60px solid transparent; border-top-color: #d13525; }
.process .item:after{  content: ''; position: absolute; width: 2px; height: 372px; left:59px; top: 78px; bottom: 0; background-color: #5d5251; }
.process .item .text{ padding-left: 80px; padding-top: 40px; }
/*=============
 * 关于我们
 =============*/
.company{ padding: 30px 0 70px; }
.company h4{ font-size:1.25rem; padding-bottom: 16px;}
.company p{padding-bottom: 24px;}
.company .img{ text-align: center; }
.culture-bg{ width: 100%; height: 740px; background:url(../images/about/bg-01.jpg) no-repeat top center; }
.culture-bg .subhead,.culture-bg p{ color: #fff; opacity: .7; }
.culture{ padding-top: 50px;}
.culture .item{ width: 288px; height: 288px; float: left; margin-right: 16px; position: relative; padding: 80px 60px 0; box-sizing: border-box; text-align:center; color: #fff;}
.culture .item:before{ content: ''; position: absolute; z-index:0; left: 0; top: -144px; border: 144px solid transparent; border-bottom-color: #564b48; }
.culture .item:after{ content: ''; position: absolute; z-index:0; left: 0; top:144px; border: 144px solid transparent; border-top-color: #564b48; }
.culture .item:nth-child(4n){ margin-right: 0; }
.culture .item:nth-child(5){ margin-left: 152px; top: -136px; }
.culture .item:nth-child(6),.culture .item:nth-child(7){top: -136px; }
.culture .item h4{ font-size: 1.25rem; }
.culture .item p{ font-size: .875rem; }
.culture .item h4,.culture .item p{ position: relative; z-index: 2; }
.culture .item.redbg:before{border-bottom-color: #cd3a29;  }
.culture .item.redbg:after{border-top-color: #cd3a29;  }
.team { padding: 60px 0; }
.team .text{ max-width: 50%; color: #666;}
.team .text p{ padding-top: 30px; }
.team .img{ max-width: 50%; }
.team .img image{ max-width: 100%; }
.advantages{ padding: 60px 0; background:url(../images/about/img03.png) no-repeat center 200px; }
.advantages .part1{ width: 720px; margin: 0 auto; padding-bottom: 30px; }
.advantages .part2{ width: 400px; float: left; }
.advantages .part3{ width: 400px; float: left;  margin-left: 400px;}
.advantages h4{ font-size:1.25rem;}
.advantages p{ margin-top: 10px; color: #666; }
.advantages .part1 h4{ text-align: center; }
.advantages .part2 h4{ text-align: right; }
.advantages .part2 .item,.advantages .part3 .item{ margin-top: 30px; }
.map{ border: 1px solid #e5e5e5; margin-top: 60px; position: relative; }
.map .text{ position: absolute; top: 40px; left: 720px; width: 300px; height: 120px;  padding:10px 20px; color: #fff;}
.map .text h4{ font-size: 1.25rem; }
.map .text p{ line-height: 1.2; }
.contact{ display: flex; justify-content: space-between;padding: 30px 0 60px;}
.contact li{ width: 380px; margin-right: 30px; float: left; background-color: #fff;  display: inline-flex; align-items: center; padding: 1.5rem; }
.contact li:last-child{ margin-right: 0;}
.contact li i{ width: 64px; height: 64px; border-radius: 50%; border: 1px solid #dedede; margin-right: 1rem; padding: 5px; float: left;   background:url(../images/about/icon.png)}
.contact li i.tel{background-position: -3px -3px;}
.contact li i.qq{background-position: -75px -3px;}
.contact li i.wx{background-position: -143px -3px;}
.contact li h4{ font-size: 1.5rem; font-weight: 400; }