@charset "utf-8";
/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body { color:#616161; font:12px/20px  "微软雅黑", Normal,  Light , "SimSun";  background-color: #FFFFFF; }
em{font-style:normal}
li{list-style:none}
fieldset, img { border:none; }
img{border:0;vertical-align:middle; display: block;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "SimSun","宋体";}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; }
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
p {word-wrap:break-word}
table { border-collapse:collapse; }
a{ color:#333; text-decoration:none;blr:expression(this.onFocus=this.blur()); }
/* a:hover { color:#6da82d;  text-decoration:none; } */

@font-face {
  font-family: 'webfont';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_ifh5w50wf8a.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_ifh5w50wf8a.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_ifh5w50wf8a.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_ifh5w50wf8a.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_ifh5w50wf8a.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_ifh5w50wf8a.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: 'webfont';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_t97lj08l9t.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_t97lj08l9t.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_t97lj08l9t.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_t97lj08l9t.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_t97lj08l9t.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_t97lj08l9t.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: 'webfont';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_9qqlhsh0t4q.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_9qqlhsh0t4q.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_9qqlhsh0t4q.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_9qqlhsh0t4q.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_9qqlhsh0t4q.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_9qqlhsh0t4q.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: 'webfont';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_76egqw0bp5x.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_76egqw0bp5x.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_76egqw0bp5x.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_76egqw0bp5x.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_76egqw0bp5x.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_76egqw0bp5x.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: 'webfont';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_hs3svcy4m7e.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_hs3svcy4m7e.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_hs3svcy4m7e.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_hs3svcy4m7e.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_hs3svcy4m7e.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_hs3svcy4m7e.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: 'webfont';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_qgydy2ekic.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_qgydy2ekic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_qgydy2ekic.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_qgydy2ekic.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_qgydy2ekic.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_qgydy2ekic.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: 'webfont';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_jchxteare1n.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_jchxteare1n.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_jchxteare1n.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_jchxteare1n.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_jchxteare1n.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_jchxteare1n.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: 'webfont';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_k2ncxwo4rs.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_k2ncxwo4rs.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_k2ncxwo4rs.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_k2ncxwo4rs.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_k2ncxwo4rs.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_k2ncxwo4rs.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: 'Bwebfont';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_1bf94modvuo.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_1bf94modvuo.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_1bf94modvuo.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_1bf94modvuo.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_1bf94modvuo.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_1bf94modvuo.svg#思源黑体-粗') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: 'Bwebfont';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_3wa6lywiam9.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_3wa6lywiam9.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_3wa6lywiam9.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_3wa6lywiam9.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_3wa6lywiam9.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_3wa6lywiam9.svg#思源黑体-粗') format('svg'); /* iOS 4.1- */
}
.phone{ display: none;}
.nophone{ display: block;}

.head{ width: 100%; height: 120px; background-color: #FFFFFF;}
.main{ width: 1680px; margin: 0 auto; overflow: hidden;}
.head .top{ display: flex; overflow: auto;}
.head .logo{ margin-top: 6px;}
.head .list{ flex: 1; display: flex; margin: 56px 40px 0;}
.head .list .item{ flex: 1; font-size: 20px; color: #000000; line-height: 20px; position: relative; text-align: center; font-family: 'webfont';}
.head .list .item a.on{ color: #d70000;}
.head .list .item a:hover{ color: #d70000;}
.head .list .items{ width: 146px; overflow: hidden; background: url(../img/topBg.png) repeat; position: relative; z-index: 999; margin-top: 44px; display: none;}
.head .list .items a{ font-size: 18px; color: #000000; line-height: 36px; text-align: center; width: 146px; display: block; font-family: 'webfont';}
.head .list .items a:hover{ background-color: #D70000; color: #FFFFFF;}
.head .list .item:hover .items{ display: block;}
.head .right{ margin-top: 44px;}
.head .right img{float: left; margin-left: 25px;}

.index1{ width: 100%; overflow: hidden; margin-top: 120px; position: relative;}
.index1 .left{ width: 55%; overflow: hidden; float: left;}
.index1 .left img{ width: 100%;}
.index1 .right{ width: 698px; margin-left: 80px; background-color: #FFFFFF; float: left;}
.index1 .right .index1-title{ font-size: 36px; color: #d70000; float: left; text-align: center; line-height: 70px; height: 74px; margin-bottom: 75px; font-family: 'webfont';}
.index1 .right .index1-title span{ width: 27px; height: 4px; background-color: #D70000; display: block;}
.index1 .right .text{ width: 698px; font-size: 18px; line-height: 40px; overflow: hidden; color: #000000; font-family: 'webfont';}
.index1 .right .text p{ margin-bottom: 40px;font-family: 'webfont';}
.index1 .right .more{ border: 1px solid #000000; width: 130px; height: 40px; font-size: 21px; line-height: 40px; text-align: center; margin-top: 20px; font-family: 'webfont'; border-radius: 40px; float: right;}
.index1 .right .more:hover{ border: 1px solid #D70000; background-color: #D70000; color: #FFFFFF;}
.index1 .index1-bot{ width: 698px; height: 161px; padding: 55px 0 0; background-color: #bfbfbf; overflow: hidden; display: flex; position: absolute; left: 55%; bottom: 5px; margin-left: 80px;}
.index1 .index1-bot .list{ flex: 1; text-align: center; position: relative; height: 106px; padding-bottom: 55px;}
.index1 .index1-bot .list:hover .botline{ display: block;}
.index1 .index1-bot .line{ border-right: 1px solid #FFFFFF;}
.index1 .index1-bot .list img{ margin: 0 auto; height: 106px;}
.index1 .index1-bot .list .botline{ width: 123px; height: 4px; background-color: #D70000; position: absolute; left: 50%; margin-left: -61.5px; bottom: 0; display: none;}
.index2{ width: 100%; height: 698px; overflow: hidden; background: url(../img/index2bg.png) no-repeat center; margin-top: 120px; position: relative;}
.index2 .body{ width: 1560px; margin: 140px auto 0; position: relative;}
.index2 .more{  position: absolute; left: 50%; top: 60px; margin-left: 645px;border: 1px solid #000000; width: 130px; height: 40px; font-size: 21px; line-height: 40px; text-align: center; margin-top: 20px; font-family: 'webfont'; border-radius: 40px;}
.index2 .more:hover{ border: 1px solid #D70000; background-color: #D70000; color: #FFFFFF;}
.index2 .more:hover a{ color: #FFFFFF;}
.index2 .swiper-slide{ width: 480px; height: 430px; background-color: #FFFFFF; box-shadow: 10px 10px 5px #eeeeee;}
.index2 .swiper-slide .left{ float: left; width: 150px; height: 270px; position: relative; margin: 90px 0 0 48px;}
.index2 .swiper-slide .left .title{ font-size: 24px; color: #404040; line-height: 30px;}
.index2 .swiper-slide .left .title span{ font-size: 15px; color: #404040; line-height: 24px; display: block;}
.index2 .swiper-slide .left .text{ font-size: 15px; line-height: 30px; margin: 50px 0 0;}
.index2 .swiper-slide .left .more2{ position: absolute; left: 0; bottom: 0; width: 80px; height: 26px; border: 1px solid #D70000; font-size: 12px; color: #D70000; line-height: 26px; text-align: center; border-radius: 26px;font-family: 'webfont';}
.index2 .swiper-slide:hover .left .more2{ background-color: #D70000; color: #FFFFFF;}
.index2 .swiper-slide img{ max-width: 280px; max-height: 280px; position: absolute; right: 35px; bottom: 100px; display: block;}
.index2 .swiper-button-next{ width: 80px; height: 51px; top: auto; position: absolute; bottom: 180px; right: 0; background: url(../img/index2-right.png) no-repeat center right;}
.index2 .swiper-button-prev{ width: 80px; height: 51px; top: auto; position: absolute; bottom: 180px; left: 0; background: url(../img/index2-left.png) no-repeat center left;}
.index3{ width: 100%; height: 874px; background: url(../img/index3bg.jpg) no-repeat center; overflow: hidden; margin-top: 120px; position: relative;}
.index3 .right{ width: 965px; height: 565px; background: url(../img/index3-rightbg.png) no-repeat center; position: absolute; right: 40px; top: 160px;}
.index3 .right .index3-title{ font-size: 36px; line-height: 36px; color: #FFFFFF; margin: 45px 0 0 90px;font-family: 'Bwebfont';}
.index3 .right .text{ font-size: 21px; color: #FFFFFF; line-height: 40px; width: 510px; display: block; margin: 70px 0 0 90px;font-family: 'webfont';}
.index3 .right .index3-join{ width: 166px; height: 46px; color: #FFFFFF; border: 1px solid #FFFFFF; font-size: 30px; line-height: 46px; text-align: center; line-height: 46px; position: absolute; top: 220px; right: 60px;}
.index3 .right .bot{ width: 100%; display: flex; justify-content: center; margin: 80px 0 0;}
.index3 .right .bot img{ margin: 0 102px;}
.index4{ width: 100%; height: 515px; background-color: #ededed; overflow: hidden; margin-top: 120px;}
.index4 .left{ width: 50%; height: 515px; float: left; overflow: hidden;}
.index4 .left .index4-title{ font-size: 38px; color: #000000; line-height: 40px; text-align: center; margin: 150px 0 50px; font-family: 'Bwebfont';}
.index4 .left .text{ width: 80%; margin: 0 auto; font-size: 20px; color: #545454; line-height: 36px; display: block;font-family: 'webfont';}
.index4 .right{ width: 50%; height: 515px; float: right; overflow: hidden;}
.index5{ width: 100%; margin-top: 120px; overflow: hidden;}
.index5 .left{ width: 810px; height: 790px; background-color: #f0f0f0; float: left; margin-right: 60px; overflow: hidden;}
.index5 .left img{ width: 100%; height: 470px; position: relative;}
.index5 .left .index5-news{ width: 690px; height: 320px; background-color: #FFFFFF; box-shadow: 10px 10px 5px #eeeeee; overflow: hidden; left: 50%; margin-left: -345px; top: -80px; z-index: 99; position: relative;}
.index5 .left .index5-news .title{ font-size: 21px; color: #0a0204; line-height: 30px; width: 560px; margin: 80px auto 20px; border-bottom: 1px solid #0a0204; height: 30px; overflow: hidden;}
.index5 .left .index5-news .subTitle{ width: 560px; margin: 0 auto; font-size: 16px; color: #5e5e5e; line-height: 30px; overflow: hidden; height: 120px;}
.index5 .left .index5-news .date{ font-size: 16px; color: #020000; line-height: 30px; margin-left: 65px;}
.index5 .left .index5-news .more{ position: absolute; top: 260px; right: 65px; width: 100px; height: 32px; border: 1px solid #606060; color: #606060; line-height: 32px; font-size: 16px; text-align: center;}
.index5 .right{ width: 810px; float: right; overflow: hidden;}
.index5 .right .list{ width: 810px; height: 365px; margin-bottom: 60px; background-color: #f0f0f0; overflow: hidden; display: block;}
.index5 .right .list .date{ width: 150px; background-color: #D70000; height: 130px; padding-top: 40px; float: left; margin: 97.5px 0 0 50px; font-size: 40px; color: #FFFFFF; line-height: 50px; display: block; text-align: center;}
.index5 .right .list .date span{ font-size: 20px; display: block; line-height: 30px;}
.index5 .right .list .index5-right-news{ width: 560px; height: 245px; background-color: #FFFFFF; margin: 60px 0 0; float: left; box-shadow: 10px 10px 5px #eeeeee;}
.index5 .right .list .index5-right-news .title{ font-size: 21px; color: #0a0204; line-height: 30px; width: 460px; margin: 40px auto 20px; border-bottom: 1px solid #0a0204; height: 30px; overflow: hidden;}
.index5 .right .list .index5-right-news .subTitle{ width: 460px; margin: 0 auto; font-size: 16px; color: #5e5e5e; line-height: 30px; overflow: hidden; height: 60px;}
.join-bot{ width: 100%; height: 210px; background-color: #FFFFFF; overflow: hidden;}
.join-bot .bot-list{ width: 25%; float: left; overflow: hidden; position: relative;}
.join-bot .bot-list .line{ width: 1px; height: 120px; background-color: #F2F2F2; position: absolute; top: 45px; right: 0;}
.join-bot .bot-list a{ display: block; text-align: center; margin: 10px auto;font-family: 'webfont';}
.join-bot .bot-list a img{ margin: 0 auto; display: block;}
.join-bot .bot-list a p{ font-family: Normal; font-family: Normal; font-size: 18px; color: #222222; text-align: center; line-height: 20px; margin-bottom: 10px;font-family: 'webfont';}
.join-bot .bot-list a span{ font-family: Normal; font-family: Normal; font-size: 14px; color: #222222; text-align: center; display: block;font-family: 'webfont';}
.foot{ width: 100%; height: 490px; background-color: #fafafa; overflow: hidden;}
.foot .title{ font-size: 20px; color: #000000; line-height: 40px; margin: 0px 0 50px 0;font-family: 'Bwebfont';}
.foot .title span{ width: 30px; height: 2px; background-color: #000000; display: block;}
.foot .left{ float: left; margin-top: 70px; margin-right: 40px;}
.foot .left .list{ float: left; margin: 0 70px 0 0;}
.foot .left .list a{ font-size: 17px; color: #000000; line-height: 30px;font-family: 'webfont';}
.foot .left .list .items{ display: block; margin-top: 15px;}
.foot .left .list .items a{ font-size: 14px; color: #5c5c5c; line-height: 26px; display: block;font-family: 'webfont';}
.foot .left .list .items a:hover{ color: #D70000;}
.foot .mid{ float: left; margin-top: 70px; margin-left: 90px;}
.foot .mid .list{ margin-bottom: 30px; overflow: hidden;}
.foot .mid .list img{ float: left; margin-right: 10px;}
.foot .mid .list p{ font-size: 16px; color: #000; line-height: 22px; font-weight: bold; float: left; font-family: 'webfont';}
.block{ display: block;}
.foot .mid .list span.red{ font-size: 20px; color: #D70000; font-weight: bold;}
.foot .mid .list span{ font-size: 14px; color: #333333; font-weight: normal;font-family: 'webfont';}
.foot .right{ width: 118px; float: right; margin-top: 70px; margin-left: 120px;}
.foot .right .wechat{ font-size: 12px; color: #bfc1c2; line-height: 30px; text-align: center; font-family: 'webfont';}



.subHead{ width: 100%; height: 90px; background-color: #f5f5f5; overflow: hidden;}
.justify{ display: flex; justify-content: space-between;}
.subHead .left{ font-size: 18px; color: #656565; line-height: 90px; font-family: 'webfont';}
.subHead .left span{ color: #D70000;}
.subHead .right{ margin-right: 50px; overflow: hidden;}
.subHead .right a{ font-size: 18px; cursor: pointer; color: #656565; line-height: 88px; border-bottom: 2px solid #f5f5f5; margin: 0 55px; display: block; float: left; font-family: 'webfont';}
.subHead .right a:hover{ color: #D70000; border-bottom: 2px solid #D70000;}
.subHead .right a.on{ color: #D70000; border-bottom: 2px solid #D70000;}
.subHead .proMenus a{ margin: 0 20px;}
.pageList{display: none;}
.page1{ display: block;}
.page{ display: flex; justify-content: center; margin: 20px auto;}
.page .num{ cursor: pointer; width: 46px; height: 46px; line-height: 46px; text-align: center; border-radius: 5px; color: #333333; font-size: 20px; border: 1px solid #bfbfbf; margin: 0 10px;}
.page .num:hover{border: 1px solid #D70000; background-color: #D70000; color: #FFFFFF;}
.page .num.on{border: 1px solid #D70000; background-color: #D70000; color: #FFFFFF;}
.about1{ width: 100%; overflow: hidden; display: none;}
.aboutTitle{ font-size: 35px; color: #000000; line-height: 50px; text-align: center; margin: 100px auto 40px; font-family: 'Bwebfont';}
.aboutTitle span{ width: 30px; height: 3px; background-color: #000000; margin: 10px auto; display: block;}
.about1 .text{ font-size: 20px; color: #000000; line-height: 34px; font-family: 'webfont';}
.about1 .more{ float: right; margin: 30px 0 50px; width: 160px; height: 40px; border: 1px solid #000000; font-size: 24px; line-height: 40px; text-align: center; color: #000000; font-family: 'webfont';}
.about1 .more:hover{ background-color: #D70000; border: 1px solid #D70000; color: #FFFFFF;}
.about1 .culture{ width: 100%; height: 742px; margin-top: 90px; overflow: hidden; background: url(../img/about1-bg.jpg) no-repeat center;}
.about1 .culture .subtitle{ margin: 50px auto 70px;}
.about1 .culture .subtitle .c-title{ font-size: 35px; color: #FFFFFF; text-align: center; line-height: 50px; margin-bottom: 10px; font-family: 'Bwebfont';}
.about1 .culture .subtitle .c-text{ font-size: 16px; color: #FFFFFF; text-align: center; line-height: 30px; margin-bottom: 20px; font-family: 'webfont';}
.about1 .culture .subtitle .c-text span{ width: 20px; height: 1px; background-color: #FFFFFF; margin: 20px auto 0; display: block;}
.about1 .culture .body{ display: flex; margin-bottom: 40px;}
.about1 .culture .body .list{ width: 560px; height: 180px; overflow: hidden;}
.about1 .culture .body .list:hover{ background: url(../img/about1-listbg.png) repeat;}
.about1 .culture .body .list img{ margin: 50px 0 0 110px;}
.about2{ margin: 120px auto; overflow: hidden; display: none;}
.about2 .body{ display: flex; margin: 40px 0; width: 1680px; overflow: hidden;}
.about2 .body .list{ overflow: hidden; margin-bottom: 30px; margin-right: 168px;}
.about2 .body .list:last-child{ margin-right: 0;}
.about2 .body .list p{ width: 448px; font-size: 24px; color: #595959; line-height: 30px; margin: 10px auto; text-align: center;}
.about2 .body .list img{ max-width: 448px; max-height: 298px; margin: 0 auto;}
.about2 .more{ margin: 30px auto 50px; width: 160px; height: 40px; border: 1px solid #606060; font-size: 24px; line-height: 40px; text-align: center; color: #606060;}
.about2 .more:hover{ background-color: #D70000; border: 1px solid #D70000; color: #FFFFFF;}
.about3{ margin: 120px auto; overflow: hidden; display: none; width: 100%; height: 1046px; background: url(../img/about03.jpg) no-repeat center;}
.about3 .aboutTitle{ font-size: 35px; color: #FFFFFF; line-height: 50px; text-align: center; margin: 100px auto 40px; font-family: 'Bwebfont';}
.about3 .aboutTitle span{ width: 30px; height: 3px; background-color: #D70000; margin: 10px auto; display: block;}
.about3 .list{ padding: 30px 0; position: relative; display: flex;}
.about3 .list .line{ width: 1px; height: 100%; position: absolute; top: 0; left: 246px; background-color: #757575;z-index: -1;}
.about3 .list .date{ width: 253px; height: 60px; float: left; font-size: 40px; color: #656565; line-height: 60px; margin: 20px 0; text-align: center; background: url(../img/about3-round.png) no-repeat center right;}
.about3 .list:hover .date{ color: #ce0000; background: url(../img/about3-roundon.png) no-repeat center right;}
.about3 .list .text{ font-size: 16px; color: #757575; line-height: 30px; width: 1060px; margin: 20px 0 0 210px; font-family: 'webfont';}
.about3 .list:hover .text{ color: #ce0000;}
.abtlc{margin-top:140px;position:relative}
.abtlc .hd .next{position:absolute;top:245px;right:50px;z-index:2;cursor:pointer;font-family:ndate;font-size:18px;color:#fff;height:28px;text-transform:uppercase}
.abtlc .hd .prev{position:absolute;top:245px;left:50px;z-index:2;cursor:pointer;font-family:ndate;font-size:18px;color:#fff;height:28px;text-transform:uppercase}
.abtlc .picList{ background:url(../img/about-lcbg.png) center 280px repeat-x; width: 1380px; margin: 0 auto;}
.abtlc .picList li{width:360px;color:#fff;text-align:left;padding:0 20px;position:relative;float:right!important}
.abtlc .picList li .tt{font-size:90px;color:#f3f3f3; line-height: 130px; margin-top: 95px; text-align: center;}
.abtlc .picList li .img{position:absolute;top:263px;left: 182px;}
.abtlc .picList li .img1{position:absolute;top:263px;left: 182px; display: none;}
.abtlc .picList li .lcdec{ width: 360px; height: 200px; padding: 20px 0; background-color: #FFFFFF; color: #333333; border-radius: 10px; line-height:1.5}
.abtlc .picList li .lcdec.down{ margin-top: 100px;}
.abtlc .tempWrap{ margin: 0 auto;}
.abtlc .picList li .lcdec p{ margin: 0 30px; font-size: 13px; font-family: 'webfont';}
.abtlc .picList li:hover .lcdec{ color: #FFFFFF; background-color: #D70000;}
.abtlc .picList li:hover .tt{ color: #D70000;}
.abtlc .picList li:hover .img{ display: none;}
.abtlc .picList li:hover .img1{ display: block;}
.about4{ margin: 0 auto; overflow: hidden; display: none;}
#certify{ margin: 120px auto 80px;}
#certify .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.8);
	  /* max-width: 800px; */
}
#certify .swiper-slide video{
	max-width: 900px;
}
#certify .swiper-slide-active,.swiper-slide-duplicate-active{
	transform: scale(1);
	z-index: 99;
}
#certify .swiper-slide-next{
	z-index: 9;
}


.product{ width: 100%; margin: 100px auto 150px; overflow: hidden;}
.product .list{ width: 420px; float: left; overflow: hidden; height: 480px; margin:  0 atuo 20px;}
.product .list:hover{ background: url(../img/productBG.png) no-repeat center; background-size: 100% 100%;}
.product .list .bg{ width: 380px; height: 380px; margin: 20px; background-color: #f5f5f5; display: flex; justify-content: center; align-items: center;}
.product .list .bg img{ max-width: 340px; max-height: 340px;}
.product .list .text{ font-size: 20px; color: #000000; line-height: 40px; text-align: center;}
.product .list:hover .text{ color: #D70000;}
.product .more{ width: 160px; height: 46px; border: 1px solid #616161; font-size: 16px; color: #616161; line-height: 46px; text-align: center; margin: 80px auto 30px;font-family: 'webfont';}
.product .more:hover{ background-color: #D70000; border: 1px solid #D70000; color: #FFFFFF;}

.product-detail{ width: 100%; margin: 100px auto 150px; overflow: hidden;}
.product-detail .info{ width: 100%; margin: 0 auto 100px; overflow: hidden;}
.product-detail .info .left{ width: 630px; height: 925px; float: left; display: flex; justify-content: center; align-items: center;}
.product-detail .info .left img{ max-width: 400px; max-height: 600px;}
.product-detail .info .right{ width: 770px; padding: 0 140px; height: 925px; background-color: #F5F5F5; overflow: hidden; float: right;}
.product-detail .info .right .name{ font-size: 32px; color: #000000; line-height: 50px; margin: 70px auto 0; border-bottom: 1px solid #ddd;}
.product-detail .info .right .name span{ font-size: 22px; color: #000000; line-height: 60px; display: block;}
.product-detail .info .right .text{ font-size: 16px; color: #747474; line-height: 30px; margin: 50px auto; border-bottom: 1px solid #ddd; padding-bottom: 50px;}
.product-detail .info .right a{ float: right; margin-left: 40px;}
.product-detail .showPro{ width: 100%; margin: 0 auto; overflow: hidden;}
.product-detail .showPro img{ width: 100%;}


.news{ width: 100%; margin: 100px auto 150px; overflow: hidden;}
.news .list{ margin: 90px auto 0; padding-bottom: 90px; border-bottom: 1px dashed #ddd; display: block; overflow: hidden;}
.news .list .img{ width: 620px; height: 370px; float: left; border-radius: 20px;}
.news .list .body{ width: 820px; float: right; margin-right: 80px;}
.news .list .body .name{ font-size: 32px; color: #000000; line-height: 80px; height: 80px; overflow: hidden;}
.news .list:hover .name{ color: #D70000;}
.news .list .body .date{ font-size: 22px; color: #a5a5a5;}
.news .list .body .date img{ float: left;}
.news .list .body .text{ font-size: 16px; color: #727272; line-height: 30px; height: 120px; margin: 40px 0; overflow: hidden;}
.news .list .body .news-next{ width: 31px; height: 31px; background: url(../img/news-next.png) no-repeat center; display: block;}
.news .list:hover .body .news-next{ background: url(../img/news-nexton.png) no-repeat center;}
.news .more{ width: 160px; height: 46px; border: 1px solid #616161; font-size: 16px; color: #616161; line-height: 46px; text-align: center; margin: 80px auto 30px;}
.news .more:hover{ background-color: #D70000; border: 1px solid #D70000; color: #FFFFFF;}


.newsDetail{ margin: 100px auto 150px; display: flex;}
.newsDetail .newsLeft{ width: 1114px; padding: 0 50px; overflow: hidden; float: left;}
.newsDetail .newsLeft .name{ font-size: 40px; color: #000000; line-height: 60px; margin: 0 auto 40px; text-align: center;}
.newsDetail .newsLeft .date{ font-size: 22px; color: #595959; line-height: 30px; text-align: center; margin: 0 auto 50px;}
.newsDetail .newsLeft .text{ font-size: 28px; line-height: 40px; border-top-left-radius: unset;}
.newsDetail .newsLeft .back{ display: block; width: 160px; height: 46px; border: 1px solid #616161; font-size: 16px; color: #616161; line-height: 46px; text-align: center; margin: 80px auto 30px;}
.newsDetail .newsLeft .back:hover{ background-color: #D70000; border: 1px solid #D70000; color: #FFFFFF;}
.newsDetail .newsLeft img{ margin: 0 auto;}
.newsDetail .newsRight{ width: 465px; border-left: 1px solid #5C5C5C; overflow: hidden; float: right;}
.newsDetail .newsRight .title{ font-size: 30px; color: #000000; line-height: 40px; margin: 0 0 40px 50px;}
.newsDetail .newsRight .list{ margin: 0 0 40px 40px; overflow: hidden; display: block;}
.newsDetail .newsRight .list img{ width: 170px; height: 80px; float: left; margin-right: 20px;}
.newsDetail .newsRight .list .text{ font-size: 18px; color: #333333; line-height: 30px; margin: 10px 0; overflow: hidden;}


.serve1{ width: 100%; height: 733px; background: url(../img/serve.jpg) no-repeat center; overflow: hidden; margin: 120px auto 0;}
.serve1 .title{ font-size: 35px; color: #FFFFFF; text-align: center; line-height: 70px; margin: 100px auto;}
.serve1 .title span{  width: 40px; height: 2px; background-color: #FFFFFF; display: block; margin: 0 auto;}
.serve1-body{ width: 100%; display: flex;}
.serve1-body .list{ flex: 1;}
.serve1-body .list img{ margin: 0 auto; display: block;}
.serve1-body .list:hover img{ opacity: .5;}
.serve2{ width: 100%; margin: 0 auto; overflow: hidden;}
.serve2 .title{ color: #575757; font-size: 35px; text-align: center; line-height: 70px; margin: 100px auto;}
.serve2 .title span{  width: 40px; height: 2px; background-color: #575757; display: block; margin: 0 auto;}
.mains{ width: 1680px; margin: 0 auto 50px;}
.flex{ display: flex;}
.serve2 .list{ width: 336px; height: 363px; position: relative;}
.serve2 .list .bg{ width: 334px; height: 361px; border: 1px solid #e6e6e6; position: absolute; left: 0; top: 0; z-index: -1;}
.serve2 .list .text{ font-size: 28px; color: #111111; line-height: 40px; text-align: center; margin: 40px auto 60px; font-family: 'Bwebfont';}
.serve2 .list .img{ margin: 0 auto; display: block;}
.serve2 .list .img1{ margin: 0 auto; display: none;}
.serve2 .list:hover .bg{ background-color: #D70000; }
.serve2 .list:hover .text{ color: #FFFFFF;}
.serve2 .list:hover .img{ margin: 0 auto; display: none;}
.serve2 .list:hover .img1{ margin: 0 auto; display: block;}



.join1{ width: 100%; margin: 0 auto; overflow: hidden;}
.join1 .title{ color: #575757; font-size: 35px; text-align: center; line-height: 70px; margin: 100px auto 50px; font-family: 'Bwebfont';}
.join1 .title span{  width: 40px; height: 2px; background-color: #575757; display: block; margin: 0 auto;}
.join1 img{ width: 100%;}
.join1 .left{ width: 50%; float: left;}
.join1 .left .list{ width: 100%; height: 152px; border-bottom: 1px solid #7a7a7a; overflow: hidden;}
.join1 .left .list:last-child{ border-bottom: none;}
.join1 .left .list .num{ font-size: 84px; line-height: 84px; color: #000000; float: left; margin: 34px 30px 0 130px; padding-right: 20px; border-right: 1px solid #7a7a7a;}
.join1 .left .list .text{ font-size: 30px; color: #000000; line-height: 50px; margin: 34px 0; display: block; font-family: 'Bwebfont';}
.join1 .left .list .text span{ font-size: 22px; color: #7a7a7a; line-height: 34px; display: block; font-family: 'webfont';}
.join1 .left .list:hover .num{ color: #D70000; border-right: 1px solid #D70000;}
.join1 .left .list:hover .text{ color: #D70000;}
.join1 .left .list:hover .text span{ color: #D70000;}
.join2{ width: 100%; margin: 0 auto; overflow: hidden;}
.join2 .title{ color: #575757; font-size: 35px; text-align: center; line-height: 70px; margin: 100px auto 50px; font-family: 'Bwebfont';}
.join2 .title span{  width: 40px; height: 2px; background-color: #575757; display: block; margin: 0 auto;}
.join2 .join-body{ width: 100%; height: 597px; overflow: hidden; display: flex;}
.join2 .join-body .list{ width: 662px; height: 199px; background-color: #e9e9e9; display: flex;}
.join2 .join-body .list.list1{ background: url(../img/join2-icon1.png) no-repeat center right 40px  #e9e9e9;}
.join2 .join-body .list.list2{ background: url(../img/join2-icon2.png) no-repeat center right 40px  #e9e9e9;}
.join2 .join-body .list.list3{ background: url(../img/join2-icon3.png) no-repeat center right 40px  #e9e9e9;}
.join2 .join-body .list .num{ font-size: 72px; color: #333; line-height: 199px; margin: 0 40px;}
.join2 .join-body .list .text{ font-size: 26px; color: #333; line-height: 40px; margin-top: 60px; font-family: 'Bwebfont';}
.join2 .join-body .list .text span{ font-size: 16px; color: #848484; display: block; font-weight: normal;}
.join2 .join-body .right .text{ display: none; margin: 80px 120px;}
.join2 .join-body .right .red{ font-size: 24px; color: #FFFFFF; line-height: 40px; margin-bottom: 5px; font-family: 'webfont';}
.join2 .join-body .right .red span{ width: 4px; height: 4px; border-radius: 4px; background-color: #FFFFFF; float: left; margin:  19px 10px 0 0;}
.join2 .join-body .right{ width: 1018px; background: url(../img/join2.jpg) no-repeat center;}
.join2 .join-body .list.on .num{ color: #FFFFFF;}
.join2 .join-body .list.on .text{ color: #FFFFFF;}
.join2 .join-body .list.on .text span{ color: #FFFFFF;}
.join2 .join-body .list1.on{ background: url(../img/join2-icon1h.png) no-repeat center right 40px; background-color: #D70000;}
.join2 .join-body .list2.on{ background: url(../img/join2-icon2h.png) no-repeat center right 40px; background-color: #D70000;}
.join2 .join-body .list3.on{ background: url(../img/join2-icon3h.png) no-repeat center right 40px; background-color: #D70000;}
.join2 .join-body .right .text1{display: block;}
.join2 .join-body .list.on .red{ display: block;}
.join3{ width: 100%; margin: 0 auto; overflow: hidden;}
.join3 .title{ color: #575757; font-size: 35px; text-align: center; line-height: 70px; margin: 100px auto 50px; font-family: 'Bwebfont';}
.join3 .title span{  width: 40px; height: 2px; background-color: #575757; display: block; margin: 0 auto;}
.join3 .join-body{ width: 100%; padding: 100px 0; background-color: #f5f5f5; overflow: hidden;}
.join3 .join-body .list{ width: 830px; height: 210px; background-color: #FFFFFF; margin-bottom: 20px; position: relative; float: left; margin-right: 20px;}
.join3 .join-body .list:nth-child(even){ margin-right: 0;}
.join3 .join-body .list .icon{ margin: 50px; display: block; float: left;}
.join3 .join-body .list .iconh{ margin: 50px; display: none; float: left;}
.join3 .join-body .list:hover{ background-color: #D70000;}
.join3 .join-body .list:hover .icon{ margin: 50px; display: none;}
.join3 .join-body .list:hover .iconh{ margin: 50px; display: block;}
.join3 .join-body .list .text{ width: 500px; margin-top: 50px; float: left;}
.join3 .join-body .list .text .topTitle{ font-size: 24px; color: #111111; line-height: 40px; margin-bottom: 10px; font-family: 'Bwebfont';}
.join3 .join-body .list .text .topTitle span{ width: 30px; height: 1px; margin-top: 5px; display: block; background-color: #D70000;}
.join3 .join-body .list .text .text-t{ font-size: 16px; color: #737373; line-height: 26px; font-family: 'webfont';}
.join3 .join-body .list .num{ font-size: 50px; color: #dddddd; line-height: 50px; position: absolute; top: 20px; right: 20px;}
.join3 .join-body .list:hover .text .topTitle{ color: #FFFFFF;}
.join3 .join-body .list:hover .text .topTitle span{ background-color: #FFFFFF;}
.join3 .join-body .list:hover .text .text-t{ color: #FFFFFF;}
.join3 .join-body .list:hover .num{ color: #FFFFFF; }
.join4{ width: 100%; margin: 0 auto; overflow: hidden; font-family: 'Bwebfont';}
.join4 .title{ color: #575757; font-size: 35px; text-align: center; line-height: 70px; margin: 100px auto 50px;}
.join4 .title span{  width: 40px; height: 2px; background-color: #575757; display: block; margin: 0 auto;}
.join4 .swiper-container { width: 1324px; height: 573px; margin: 20px auto;}
.join4 .swiper-slide { background-size: cover; background-position: center;}
.gallery-thumbs { height: 160px !important; box-sizing: border-box; padding: 10px 0; margin: 10px 0;}
.gallery-thumbs .swiper-slide { height: 100%; opacity: 0.4;}
.gallery-thumbs .swiper-slide-thumb-active { opacity: 1;}
.join5{ width: 100%; margin: 0 auto 120px; overflow: hidden;}
.join5 .title{ color: #575757; font-size: 35px; text-align: center; line-height: 70px; margin: 100px auto 50px; font-family: 'Bwebfont';}
.join5 .title span{  width: 40px; height: 2px; background-color: #575757; display: block; margin: 0 auto;}
.join5 .border{ background: url(../img/join5.png) no-repeat center; background-size: 100% 100%; height: 420px;}
.join5 .border .info{ display: flex;}
.join5 .border .info .list1{ flex: 1; margin: 80px 0; display: flex;}
.join5 .border .info .list1 input{ width: 320px; padding: 0 30px; height: 55px; border: 1px solid #e7e7e7; display: block; margin: 0 auto;}
.join5 .border .btn{ width: 255px; height: 55px; background: #D70000; border-radius: 55px; margin: 80px auto 10px; line-height: 55px; color: #FFFFFF; font-size: 24px; text-align: center;}
.join5 .border .text{ font-size: 14px; color: #D70000; line-height: 30px; text-align: center;}


.banner{ position: relative;}
.pos-a{ position: absolute; z-index: 99; left: 50%; margin-left: -840px; top: 420px;}
.pos-a .left{ flex: 1;}
.pos-a .left img{ margin-left: 80px; margin-bottom: 40px;}
.pos-a .left img:hover{ opacity: .5;}
.contact{ width: 100%; margin: 120px 0; overflow: hidden;}
.contact .left{ width: 57%; height: 650px; background-color: #f5f5f5; float: left;}
.contact .left .message{ width: 800px; margin: 0 auto;}
.contact .left .message .title{ font-size: 48px; color: #111111; line-height: 60px; margin: 50px 0 30px; font-family: 'Bwebfont';}
.contact .left .message .flex2{ width: 320px; height: 50px; border: 1px solid #E7E7E7; padding: 0 20px; margin-bottom: 20px; display: block; font-size: 14px;}
.contact .left .message .flex1{ width: 760px; height: 50px; border: 1px solid #E7E7E7; padding: 0 20px; margin-bottom: 20px; display: block; font-size: 14px;}
.contact .left .message .h200{ height: 200px; line-height: 50px; font-size: 14px;}
.contact .left .message .btn{ width: 180px; height: 50px; background-color: #D70000; margin: 20px 0; font-size: 16px; text-align: center; line-height: 50px; color: #FFFFFF;}
.contact .proright{ width: 40%; height: 650px; float: right;}


@media screen and (min-width: 1380px) and (max-width: 1680px){
	.main{ width: 1380px !important;}
	.mains{ width: 1380px !important;}
	.head .list .items{ width: 110px; overflow: hidden; background: url(../img/topBg.png) repeat; position: relative; z-index: 999; margin-top: 44px;}
	.head .list .items a{ font-size: 13px; color: #000000; line-height: 36px; text-align: center; width: 110px; display: block; font-family: 'webfont';}
	.head .list .items a:hover{ background-color: #D70000; color: #FFFFFF;}
	.index1 .right{ width: 538px !important; margin-left: 60px !important; background-color: #FFFFFF; float: left;}
	.index1 .right .index1-title{ font-size: 36px; color: #d70000; float: left; text-align: center; line-height: 70px; height: 74px; margin-bottom: 45px !important; font-family: 'webfont';}
	.index1 .right .index1-title span{ width: 27px; height: 4px; background-color: #D70000; display: block;}
	.index1 .right .text{ width: 538px !important; font-size: 18px; line-height: 30px; overflow: hidden; color: #000000; font-family: 'webfont';}
	.index1 .right .text p{ margin-bottom: 40px;font-family: 'webfont';}
	.index1 .index1-bot{ width: 538px !important; height: 151px !important; position: absolute; left: 55%; bottom: 5px; margin-left: 60px !important;}
	.index1 .index1-bot .list{ flex: 1; text-align: center; position: relative; height: 106px; padding-bottom: 45px !important;}
	.index1 .index1-bot .list .botline{ width: 123px; height: 4px; background-color: #D70000; position: absolute; left: 50%; margin-left: -61.5px; bottom: 0; display: none;}
	.index2 .body{ width: 1320px !important;}
	.index2 .more{  margin-left: 525px !important;}
	.index2 .swiper-slide{ width: 420px !important;}
	.index2 .swiper-slide .left{ width: 130px !important; margin: 90px 0 0 28px !important;}
	.index2 .swiper-slide img{ max-width: 230px !important;}
	.index5 .left{ width: 670px !important; height: 690px !important; margin-right: 40px !important;}
	.index5 .left img{ height: 400px !important;}
	.index5 .left .index5-news{ width: 590px !important; height: 290px !important; left: 50%; margin-left: -295px !important; top: -60px !important; z-index: 99; position: relative;}
	.index5 .left .index5-news .title{ font-size: 21px; color: #0a0204; line-height: 30px; width: 470px !important; margin: 60px auto 20px !important; overflow: hidden;}
	.index5 .left .index5-news .subTitle{ width: 470px !important; margin: 0 auto; height: 90px !important;}
	.index5 .left .index5-news .date{ font-size: 16px; color: #020000; line-height: 30px; margin-left: 60px !important;}
	.index5 .left .index5-news .more{ position: absolute; top: 210px !important; right: 60px !important;}
	.index5 .right{ width: 670px !important; float: right; overflow: hidden;}
	.index5 .right .list{ width: 670px !important; height: 325px !important; margin-bottom: 40px !important;}
	.index5 .right .list .date{ width: 140px !important; background-color: #D70000; height: 120px !important; padding-top: 30px !important; margin: 87.5px 0 0 40px !important; font-size: 40px; color: #FFFFFF; line-height: 50px; display: block; text-align: center;}
	.index5 .right .list .date span{ font-size: 20px; display: block; line-height: 30px;}
	.index5 .right .list .index5-right-news{ width: 450px !important; height: 245px !important; background-color: #FFFFFF; margin: 40px 0 0 !important; float: left; box-shadow: 10px 10px 5px #eeeeee;}
	.index5 .right .list .index5-right-news .title{ font-size: 21px; color: #0a0204; line-height: 30px; width: 370px !important; margin: 40px auto 20px; border-bottom: 1px solid #0a0204; height: 30px; overflow: hidden;}
	.index5 .right .list .index5-right-news .subTitle{ width: 370px !important; margin: 0 auto; font-size: 16px; color: #5e5e5e; line-height: 30px; overflow: hidden; height: 60px;}
	.foot .left{ float: left; margin-top: 70px; margin-right: 20px; !important}
	.foot .left .list{ margin: 0 60px 0 0 !important;}
	.foot .mid{ margin-left: 0px !important;}
	.foot .right{ margin-left: 0px !important;}
	.about1 .culture .body .list img{ margin: 50px 0 0 30px !important;}
	.about2 .body .list{ overflow: hidden; margin-bottom: 30px; margin-right: 90px !important;}
	.about2 .body .list p{ width: 400px !important;}
	.about2 .body .list img{ max-width: 400px !important; max-height: 268px !important; margin: 0 auto;}
	.abtlc .picList li{width:340px !important;color:#fff;text-align:left;padding:0 20px;position:relative;float:right!important}
	.abtlc .picList li .img{position:absolute;top:263px;left: 172px !important;}
	.abtlc .picList li .img1{position:absolute;top:263px;left: 172px !important; display: none;}
	.abtlc .picList li .lcdec{ width: 340px !important; height: 200px; padding: 20px 0; background-color: #FFFFFF; color: #333333; border-radius: 10px; line-height:1.5}
	.abtlc .picList li .lcdec p{ font-size: 12px !important;}
	.abtlc .hd .next{position:absolute;top:245px;right:30px !important;z-index:2;cursor:pointer;font-family:ndate;font-size:18px;color:#fff;height:28px;text-transform:uppercase}
	.abtlc .hd .prev{position:absolute;top:245px;left:30px !important;z-index:2;cursor:pointer;font-family:ndate;font-size:18px;color:#fff;height:28px;text-transform:uppercase}
	.product .list{ width: 345px !important; float: left; overflow: hidden; height: 400px !important; margin:  0 atuo 20px;}
	.product .list:hover{ background: url(../img/productBG.png) no-repeat center; background-size: 100% 100%;}
	.product .list .bg{ width: 315px !important; height: 315px !important; margin: 15px !important; background-color: #f5f5f5; display: flex; justify-content: center; align-items: center;}
	.product .list .bg img{ max-width: 280px !important; max-height: 300px !important;}
	.product-detail .info .left{ width: 530px !important;}
	.product-detail .info .right{ width: 670px !important; padding: 0 90px !important;}
	.news .list .img{ width: 540px !important; height: 320px !important; float: left; border-radius: 20px;}
	.news .list .body{ width: 700px !important; float: right; margin-right: 60px !important;}
	.newsDetail .newsLeft{ width: 874px; padding: 0 50px; overflow: hidden; float: left;}
	.newsDetail .newsRight{ width: 405px !important;}
	.serve2 .list{ width: 276px !important; height: 323px !important; position: relative;}
	.serve2 .list .bg{ width: 274px !important; height: 321px !important; border: 1px solid #e6e6e6; position: absolute; left: 0; top: 0; z-index: -1;}
	.join1 .left .list .text{ font-size: 28px; color: #000000; line-height: 50px; margin: 34px 0; display: block; font-family: 'Bwebfont';}
	.join1 .left .list .text span{ font-size: 20px; color: #7a7a7a; line-height: 34px; display: block; font-family: 'webfont';}
	.join2 .join-body{ width: 100%; height: 480px !important; overflow: hidden; display: flex;}
	.join2 .join-body .list{ width: 562px !important; height: 160px !important; background-color: #e9e9e9; display: flex;}
	.join2 .join-body .list.list1{ background: url(../img/join2-icon1.png) no-repeat center right 40px  #e9e9e9;}
	.join2 .join-body .list.list2{ background: url(../img/join2-icon2.png) no-repeat center right 40px  #e9e9e9;}
	.join2 .join-body .list.list3{ background: url(../img/join2-icon3.png) no-repeat center right 40px  #e9e9e9;}
	.join2 .join-body .list .num{ font-size: 72px; color: #333; line-height: 160px !important; margin: 0 30px !important;}
	.join2 .join-body .list .text{ font-size: 26px; color: #333; line-height: 40px; margin-top: 50px !important; font-family: 'Bwebfont';}
	.join2 .join-body .list .text span{ font-size: 16px; color: #848484; display: block; font-weight: normal;}
	.join2 .join-body .right .text{ display: none; margin: 80px 120px;}
	.join2 .join-body .right .red{ font-size: 20px !important; color: #FFFFFF; line-height: 34px !important; margin-bottom: 5px; font-family: 'webfont';}
	.join2 .join-body .right .red span{ width: 4px; height: 4px; border-radius: 4px; background-color: #FFFFFF; float: left; margin:  19px 10px 0 0;}
	.join2 .join-body .right{ width: 818px; background: url(../img/join2.jpg) no-repeat center;}
	.join2 .join-body .list.on .num{ color: #FFFFFF;}
	.join2 .join-body .list.on .text{ color: #FFFFFF;}
	.join2 .join-body .list.on .text span{ color: #FFFFFF;}
	.join2 .join-body .list1.on{ background: url(../img/join2-icon1h.png) no-repeat center right 40px; background-color: #D70000;}
	.join2 .join-body .list2.on{ background: url(../img/join2-icon2h.png) no-repeat center right 40px; background-color: #D70000;}
	.join2 .join-body .list3.on{ background: url(../img/join2-icon3h.png) no-repeat center right 40px; background-color: #D70000;}
	.join2 .join-body .right .text1{display: block;}
	.join2 .join-body .list.on .red{ display: block;}
	.join3 .join-body .list{ width: 680px !important;}
	.join3 .join-body .list .text{ width: 420px !important;}
	.join5 .border .info .list1 input{ width: 280px !important;}
	.pos-a{ margin-left: -690px !important; top: 320px !important;}
	.pos-a .left img{ margin-left: 50px !important; margin-bottom: 30px !important;}
	.pos-a .left img:hover{ opacity: .5;}
	.contact .left .message{ width: 600px !important; margin: 0 auto;}
	.contact .left .message .flex2{ width: 220px !important;}
	.contact .left .message .flex1{ width: 560px !important; }
}

@media screen and (max-width: 750px){
	.phone{ display: block !important;}
	.nophone{ display: none !important;}
	.phone-head{ background-color: #FFFFFF;}
	.phone-head .phone-logo{ height: 34px; margin: 10px 0; float: left; display: block;}
	.phone-head .phone-logo img{ height: 34px; display: block; margin: 0 auto;}
	.phone-head .menu{ height: 22px; margin: 15px 0 0 0; position: absolute; right: 4%; top: 0;}
	.phone-head .menu img{ width: 70%; display: block;}
	.phone-head .closes{ height: 22px; margin: 13px 0 0 0; position: absolute; right: 4%; top: 0; display: none;}
	.phone-head .closes img{ height: 90%; display: block;}
	
	.headList{ width: 100%; padding-bottom: 60px; background-color: #FFFFFF; position: absolute; left: 0; top: 48px; overflow: hidden; display: none; z-index: 99999;}
	.headList .item{ margin: 12px auto; overflow: hidden; display: block;}
	.headList .item a{ border-bottom: 1px solid #585858; display: block; color: #585858; font-size: 14px; line-height: 40px; font-family: 'webfont';}
	.headList .item .items{ display: none;}
	.headList .item .items a{ width: 90%; float: right;}
	.headList .item a span{ float: right; font-size: 20px;}
	.foot .item{ margin: 12px auto; overflow: hidden; display: block;}
	.foot .item a{ border-bottom: 1px solid #585858; display: block; color: #585858; font-size: 14px; line-height: 40px; font-family: 'webfont';}
	.foot .item .items{ display: none;}
	.foot .item .items a{ width: 90%; float: right;}
	.foot .item a span{ float: right; font-size: 20px;}
	.phone-bot{ width: 100%; position: relative;}
	.phone-bot .phone1{ width: 50%; height: 30px; position: absolute; top: 15px; left: 10px; z-index: 99;}
	.phone-bot .phone2{ width: 50%; height: 30px; position: absolute; top: 70px; left: 10px; z-index: 99;}
	
	
	.main{ width: 90% !important; margin: 0 auto; overflow: hidden;}

	
	.index1{ width: 100%; margin-top: 20px;}
	.index1 .left{ width: 100% !important; overflow: hidden; float: left;}
	.index1 .left img{ width: 100%;}
	.index1 .right{ width: 90% !important; margin: 0 auto !important; background-color: #FFFFFF; float: none;}
	.index1 .right .index1-title{ font-size: 20px; color: #d70000; float: left; text-align: center; line-height: 30px; height: 34px; margin-bottom: 15px; font-family: 'webfont';}
	.index1 .right .index1-title span{ width: 20px; height: 2px; background-color: #D70000; display: block;}
	.index1 .right .text{ width: 100%; font-size: 12px; line-height: 26px; overflow: hidden; color: #000000; font-family: 'webfont';}
	.index1 .right .text p{ margin-bottom: 40px;font-family: 'webfont';}
	.index1 .right .more{ border: 1px solid #000000; width: 80px; height: 26px; font-size: 14px; line-height: 26px; text-align: center; margin-top: 0px; font-family: 'webfont'; border-radius: 40px; float: right;}
	.index1 .right .more:hover{ border: 1px solid #D70000; background-color: #D70000; color: #FFFFFF;}
	.index1 .index1-bot{ width: 698px; height: 161px; padding: 55px 0 0; background-color: #bfbfbf; overflow: hidden; display: none !important; position: absolute; left: 55%; bottom: 5px; margin-left: 80px;}
	.index1 .index1-bot .list{ flex: 1; text-align: center; position: relative; height: 106px; padding-bottom: 55px;}
	.index1 .index1-bot .list:hover .botline{ display: block;}
	.index1 .index1-bot .line{ border-right: 1px solid #FFFFFF;}
	.index1 .index1-bot .list img{ margin: 0 auto; height: 106px;}
	.index1 .index1-bot .list .botline{ width: 123px; height: 4px; background-color: #D70000; position: absolute; left: 50%; margin-left: -61.5px; bottom: 0; display: none;}
	
	.index2{ width: 100%; height: 330px !important; overflow: hidden; background: url(../img/index2bg.png) no-repeat center; margin-top: 20px !important; position: relative;}
	.index2 .body{ width: 90%; margin: 35px auto 0 !important; position: relative;}
	.index2 .more{ width: 170px; height: 48px; position: absolute; left: 50%; top: 60px; margin-left: 610px; border: 1px solid #616161; font-size: 26px; color: #616161; line-height: 48px; text-align: center;font-family: 'webfont';}
	.index2 .more:hover{ border: 1px solid #D70000; color: #FFFFFF; background-color: #D70000;}
	.index2 .more:hover a{ color: #FFFFFF;}
	.index2 .swiper-slide{ width: 70% !important; margin: 0 15%; height: 260px !important; background-color: #FFFFFF; box-shadow: 10px 10px 5px #eeeeee;}
	.index2 .swiper-slide .left{ float: left; width: 100% !important; height: 70px !important; position: relative; margin: 20px 0 0 0 !important;}
	.index2 .swiper-slide .left .title{ font-size: 20px !important; color: #404040; line-height: 26px !important; text-align: center;}
	.index2 .swiper-slide .left .title span{ font-size: 14px !important; color: #404040; line-height: 22px !important; display: none;}
	.index2 .swiper-slide .left .text{ font-size: 12px !important; line-height: 20px !important; margin: 10px 0 0 !important; display: none;}
	.index2 .swiper-slide .left .more2{ position: absolute; margin-left: -31px; left: 50%; bottom: 10px; width: 60px !important; height: 20px !important;background-color: #d70000; color: #FFFFFF; line-height: 20px !important; text-align: center; border-radius: 26px;font-family: 'webfont';}
	.index2 .swiper-slide img{ max-width: 180px !important; max-height: 130px !important; margin-right: -60px; position: absolute; right: 50% !important; top: 105px !important; display: block;}
	.mr45{ margin-right: -45px !important;}
	.mr35{ margin-right: -35px !important;}
	.mr90{ margin-right: -90px !important;}
	.index2 .swiper-button-next{ width: 80px; height: 51px; top: auto; position: absolute; bottom: 180px; right: 0; background: url(../img/index2-right.png) no-repeat center right;}
	.index2 .swiper-button-prev{ width: 80px; height: 51px; top: auto; position: absolute; bottom: 180px; left: 0; background: url(../img/index2-left.png) no-repeat center left;}
	.index3{ width: 100%; height: 280px !important; background: url(../img/index3bg.jpg) no-repeat center; background-size: 100% 100%; overflow: hidden; margin-top: 20px !important; position: relative;}
	.index3 .right{ width: 80% !important; height: 220px !important; background: url(../img/index3-rightbg.png) no-repeat center; position: absolute; right: 10% !important; top: 30px !important;}
	.index3 .right .index3-title{ font-size: 16px !important; line-height: 22px !important; color: #FFFFFF; margin: 10px 0 0 10px !important;font-family: 'Bwebfont';}
	.index3 .right .text{ font-size: 12px !important; line-height: 18px !important; width: 55% !important; display: block; margin: 10px 0 0 10px !important;font-family: 'webfont';}
	.index3 .right .index3-join{ width: 100px !important; height: 40px !important;font-size: 14px !important; line-height: 40px !important; position: absolute; top: 60px !important; right: 10px !important;}
	.index3 .right .bot{ width: 100%; display: flex; justify-content: center; margin: 20px 0 0 !important;}
	.index3 .right .bot img{ width: 10%; margin: 0 10%;}
	.index4{ width: 100%; height: auto !important; background-color: #ededed; overflow: hidden; margin-top: 20px !important;}
	.index4 .left{ width: 50%; height: 515px; float: left; overflow: hidden; display: none;}
	.index4 .left .index4-title{ font-size: 38px; color: #000000; line-height: 40px; text-align: center; margin: 150px 0 50px; font-family: 'Bwebfont';}
	.index4 .left .text{ width: 80%; margin: 0 auto; font-size: 20px; color: #545454; line-height: 36px; display: block;font-family: 'webfont';}
	.index4 .right{ width: 100% !important; height: auto !important; float: none !important; overflow: hidden;}
	.index5{ width: 100%; margin-top: 20px !important; overflow: hidden;}
	.index5 .right{ width: 100% !important; float: none !important; margin: 10px auto; overflow: hidden;}
	.index5 .right .list{ width: 100% !important; height: 115px !important; margin-bottom: 20px !important; background-color: #f0f0f0; overflow: hidden; display: block;}
	.index5 .right .list .date{ width: 70px !important; background-color: #D70000; height: 50px !important; padding-top: 20px !important; float: left; margin: 22.5px 0 0 15px !important; font-size: 16px !important; color: #FFFFFF; line-height: 20px !important; display: block; text-align: center;}
	.index5 .right .list .date span{ font-size: 16px !important; display: block; line-height: 30px;}
	.index5 .right .list .index5-right-news{ width: 70% !important; height: 95px !important; background-color: #FFFFFF; margin: 10px 0 0 !important; float: left; box-shadow: 10px 10px 5px #eeeeee;}
	.index5 .right .list .index5-right-news .title{ font-size: 16px !important; color: #0a0204; line-height: 30px; width: 90% !important; margin: 10px auto !important; border-bottom: 1px solid #0a0204; height: 30px; overflow: hidden;}
	.index5 .right .list .index5-right-news .subTitle{ width: 90% !important; margin: 0 auto; font-size: 12px; color: #5e5e5e; line-height: 20px !important; height: 40px !important;}
	.join-bot{ width: 100%; height: 380px !important; background-color: #FFFFFF; overflow: hidden;}
	.join-bot .bot-list{ width: 50% !important; float: left; overflow: hidden; position: relative;}
	.join-bot .bot-list .line{ width: 1px; height: 120px; background-color: #F2F2F2; position: absolute; top: 45px; right: 0;}
	.join-bot .bot-list a{ display: block; text-align: center; margin: 10px auto;font-family: 'webfont';}
	.join-bot .bot-list a img{ width: 60%; margin: 0 auto; display: block;}
	.join-bot .bot-list a p{ font-family: Normal; font-size: 14px !important; width: 110px; height: 26px; margin: 0 auto 10px; color: #fff; background-color: #D70000; border-radius: 30px; text-align: center; line-height: 26px; margin-bottom: 0px !important;font-family: 'webfont';}
	.join-bot .bot-list a span{ font-family: Normal; font-size: 12px !important; color: #222222; text-align: center; display: block;font-family: 'webfont';}
	.foot{ width: 100%; height: auto !important; background-color: #fafafa; overflow: hidden;}
	
	.page{ display: flex; justify-content: center; margin: 20px auto;}
	.page .num{ cursor: pointer; width: 36px; height: 36px; line-height: 36px; text-align: center; border-radius: 5px; color: #333333; font-size: 18px; border: 1px solid #bfbfbf; margin: 0 10px;}
	.page .num:hover{border: 1px solid #D70000; background-color: #D70000; color: #FFFFFF;}
	.page .num.on{border: 1px solid #D70000; background-color: #D70000; color: #FFFFFF;}
	.subHead{ width: 100%; height: 40px !important; background-color: #f5f5f5; overflow: hidden;}
	.justify{ display: flex; justify-content: space-between;}
	.subHead .left{ font-size: 18px; color: #656565; line-height: 90px; font-family: 'webfont'; display: none;}
	.subHead .left span{ color: #D70000;}
	.subHead .right{ margin-right: 0 !important; overflow: hidden; display: flex; width: 100%;}
	.subHead .right a{ flex: 1; font-size: 12px !important; color: #656565; line-height: 40px !important; border-bottom: none !important; margin: 0 !important; display: block; float: left; font-family: 'webfont';}
	.subHead .right a:hover{ color: #D70000; border-bottom:  none !important;}
	.subHead .proMenu a{ margin: 0 35px;}
	.about1{ width: 100%; overflow: hidden;}
	.aboutTitle{ font-size: 18px !important; color: #000000; line-height: 30px !important; text-align: center; margin: 30px auto 20px !important; font-family: 'Bwebfont';}
	.aboutTitle span{ width: 15px !important; height: 2px !important; background-color: #000000; margin: 10px auto; display: block;}
	.about1 .text{ font-size: 14px !important; color: #000000; line-height: 22px !important; margin-bottom: 20px; font-family: 'webfont';}
	.about1 .more{ float: right; margin: 20px 0 30px !important; width: 120px !important; height: 32px !important; font-size: 16px !important; line-height: 32px !important; text-align: center; color: #000000; font-family: 'webfont';}
	.about1 .more:hover{ background-color: #D70000; border: 1px solid #D70000; color: #FFFFFF;}
	.about1 .culture{ width: 100%; height: 270px !important; margin-top: 30px; background: none;}
	.about1 .culture .subtitle{ margin: 20px auto 20px !important;}
	.about1 .culture .subtitle .c-title{ font-size: 18px !important; color: #FFFFFF; text-align: center; line-height: 24px !important; margin-bottom: 10px; font-family: 'Bwebfont';}
	.about1 .culture .subtitle .c-text{ font-size: 16px; color: #FFFFFF; text-align: center; line-height: 30px; margin-bottom: 20px; font-family: 'webfont'; display: none;}
	.about1 .culture .subtitle .c-text span{ width: 20px; height: 1px; background-color: #FFFFFF; margin: 20px auto 0; display: block;}
	.about1 .culture .body{ display: flex; margin-bottom: 20px !important;}
	.about1 .culture .body .list{ width: 33% !important; height: auto; overflow: hidden;}
	.about1 .culture .body .list:hover{ background: none !important;}
	.about1 .culture .body .list img{ margin: 20px 0 0 10% !important; height: 22px; }
	.about2{ margin: 0 auto; overflow: hidden;}
	.about2 .body{ display: flex; margin: 20px auto !important; width: 90% !important; overflow: hidden;}
	.about2 .body .list{ overflow: hidden; width: 33.33%; margin-bottom: 0px !important; margin-right: 0 !important;}
	.about2 .body .list:last-child{ margin-right: 0;}
	.about2 .body .list p{ width: 90% !important; font-size: 12px !important; color: #595959; line-height: 20px !important; margin: 10px auto; text-align: center;}
	.about2 .body .list img{ max-width: 90% !important; max-height: 60px !important; margin: 0 auto;}
	.about2 .more{ margin: 30px auto 50px; width: 160px; height: 40px; border: 1px solid #606060; font-size: 24px; line-height: 40px; text-align: center; color: #606060;}
	.about2 .more:hover{ background-color: #D70000; border: 1px solid #D70000; color: #FFFFFF;}
	.about3{ margin: 20px auto !important; overflow: hidden; display: none; width: 100%; height:446px; background: none;}
	.about3 .aboutTitle{ font-size: 20px; color: #333; line-height: 30px; text-align: center; margin: 20px auto 20px; font-family: 'Bwebfont';}
	.about3 .aboutTitle span{ width: 20px; height: 2px; background-color: #333; margin: 10px auto; display: block;}
	.abtlc{ width: 100%; height:376px; background: url(../img/phone-about03.jpg) no-repeat center; background-size: 100% 100%; margin-top: 0;}
	.abtlc .hd .next{position:absolute;top:65px;right:10px;z-index:2;cursor:pointer;font-family:ndate;font-size:18px;color:#fff;height:28px;text-transform:uppercase; width: 30px;}
	.abtlc .hd .prev{position:absolute;top:65px;left:10px;z-index:2;cursor:pointer;font-family:ndate;font-size:18px;color:#fff;height:28px;text-transform:uppercase; width: 30px;}
	.abtlc .hd img{ width: 30px;}
	.abtlc .picList{ background:url(../img/about-lcbg.png) center 80px repeat-x; width: 84%; margin: 0 auto;}
	.abtlc .picList li{width:300px !important;color:#fff;text-align:left;padding:0 20px;position:relative;float:right!important}
	.abtlc .picList li .tt{ font-size:24px;color:#D70000; line-height: 40px; margin-top: 0px; position: absolute; top: 20px; left: 50%; margin-left: -24px; text-align: center;}
	.abtlc .picList li .img{position:absolute;top:223px;left: 182px; display: none;}
	.abtlc .picList li .img1{position:absolute;top:63px;left: 158px; display: block !important;}
	.abtlc .picList li .lcdec{ margin-top: 120px !important; background-color: #D70000 !important; color: #FFFFFF; opacity: .8; width: 300px !important; padding: 10px 0; border-radius: 10px; line-height:1.5}
	.abtlc .picList li .lcdec.down{ }
	.abtlc .tempWrap{ margin: 0 auto;}
	.abtlc .picList li .lcdec p{ margin: 0 20px; font-size: 12px;}
	.abtlc .picList li:hover .lcdec{ color: #FFFFFF; background-color: #D70000;}
	.abtlc .picList li:hover .tt{ color: #D70000;}
	.abtlc .picList li:hover .img{ display: none;}
	.abtlc .picList li:hover .img1{ display: block;}
	#certify{ margin: 20px auto 40px !important;}
	#certify .swiper-slide {
	  text-align: center;
	  font-size: 18px;
	  background: #fff;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  -webkit-justify-content: center;
	  justify-content: center;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  -webkit-align-items: center;
	  align-items: center;
	  transition: 300ms;
	  transform: scale(0.8);
	}
	#certify .swiper-slide-active,.swiper-slide-duplicate-active{
		transform: scale(1);
		z-index: 99;
	}
	#certify .swiper-slide video{
		width: 100% !important;
	}
	#certify .swiper-slide-next{
		z-index: 9;
	}
	
	
	.product{ width: 100%; margin: 20px auto !important; overflow: hidden;}
	.product .list{ width: 48% !important; float: left; overflow: hidden; height: 220px !important; margin: 0 1% 20px; background-color: #fff;}
	.product .list .bg{ width: 100%; height: 160px !important; margin: 20px 0 0; background-color: #fff; display: flex; justify-content: center; align-items: center;}
	.product .list .bg img{ max-width: 100%; max-height: 180px !important;}
	.product .list .text{ font-size: 16px; color: #000000; line-height: 30px; text-align: center;}
	.product .list:hover .text{ color: #D70000;}
	.product .more{ width: 120px !important; height: 40px !important; font-size: 14px !important; line-height: 40px !important; margin: 20px auto 10px !important;}
	.product .more:hover{ background-color: #FFFFFF !important; border: 1px solid #616161 !important; color: #616161 !important;}
	
	.product-detail{ width: 100%; margin: 0 auto 20px !important; overflow: hidden;}
	.product-detail .main{ width: 100% !important;}
	.product-detail .info{ width: 100%; margin: 0 auto 30px !important; background-color: #fff;}
	.product-detail .info .left{ width: 100% !important; height: 325px !important; justify-content: center; align-items: center;}

	.product-detail .info .left img{ max-width: 90% !important; max-height:280px !important;}
	.product-detail .info .right{ width: 90% !important; padding: 5% !important; height: auto!important;}
	.product-detail .info .right .name{ font-size: 16px !important; color: #000000; line-height: 50px; margin: 20px auto 0 !important; border-bottom: 1px solid #ddd;}
	.product-detail .info .right .name span{ font-size: 14px !important; color: #000000; line-height: 30px !important; display: block;}
	.product-detail .info .right .text{ font-size: 14px !important; color: #747474; line-height: 30px !important; margin: 20px auto !important; border-bottom: 1px solid #ddd; padding-bottom: 50px;}
	.product-detail .info .right a{ float: right; width: 45%; margin-left: 5% !important; display: block;}
	.product-detail .info .right a img{ width: 100%;}
	
	
	.news{ width: 100%; margin: 20px auto 30px !important; overflow: hidden;}
	.news .list{ margin: 20px auto 0 !important; padding-bottom: 20px !important; border-bottom: none; display: block; overflow: hidden;}
	.news .list .img{ width: 100% !important; height: 220px !important; float: left; border-radius: 20px;}
	.news .list .body{ width: 100% !important; float: right; margin-right: 0 !important;}
	.news .list .body .name{ font-size: 18px !important; color: #000000; line-height: 40px !important; height: 40px !important; overflow: hidden;}
	.news .list:hover .name{ color: #000000 !important;}
	.news .list .body .date{ font-size: 16px !important; color: #a5a5a5;}
	.news .list .body .date img{ float: left; margin-right: 5px;}
	.news .list .body .text{ font-size: 12px !important; color: #727272; line-height: 20px !important; height: 60px !important; margin: 10px 0 !important; overflow: hidden;}
	.news .list .body .news-next{ width: 31px; height: 31px; background: url(../img/news-next.png) no-repeat center; display: block; display: none;}
	.news .list:hover .body .news-next{ background: url(../img/news-nexton.png) no-repeat center;}
	.news .more{ width: 120px !important; height: 40px !important; border: 1px solid #616161; font-size: 14px !important; color: #616161; line-height: 40px !important; text-align: center; margin: 20px auto 30px !important;}
	.news .more:hover{ background-color: #FFFFFF !important; border: 1px solid #616161 !important; color: #616161 !important;}
	
	
	.newsDetail{ margin: 20px auto 30px !important; display: flex;}
	.newsDetail .newsLeft{ width: 100% !important; padding: 0 !important; overflow: hidden; float: none !important;}
	.newsDetail .newsLeft .name{ font-size: 20px !important; color: #000000; line-height: 40px !important; margin: 0 auto 10px !important; text-align: center;}
	.newsDetail .newsLeft .date{ font-size: 14px !important; color: #595959; line-height: 20px !important; text-align: center; margin: 0 auto 20px !important;}
	.newsDetail .newsLeft .text{ font-size: 12px !important; line-height: 20px !important;}
	.newsDetail .newsLeft .back{ display: block; width: 120px !important; height: 40px !important; font-size: 14px !important; color: #616161; line-height: 40px !important; text-align: center; margin: 80px auto 30px;}
	.newsDetail .newsLeft .back:hover{ background-color: #FFFFFF !important; border: 1px solid #616161 !important; color: #616161 !important;}
	.newsDetail .newsRight{ width: 465px; border-left: 1px solid #5C5C5C; overflow: hidden; float: right; display: none;}
	.newsDetail .newsRight .title{ font-size: 30px; color: #000000; line-height: 40px; margin: 0 0 40px 50px;}
	.newsDetail .newsRight .list{ margin: 0 0 40px 40px; overflow: hidden; display: block;}
	.newsDetail .newsRight .list img{ width: 170px; height: 80px; float: left; margin-right: 20px;}
	.newsDetail .newsRight .list .text{ font-size: 18px; color: #333333; line-height: 30px; margin: 10px 0; overflow: hidden;}
	
	
	.serve1{ width: 100%; height: 230px !important; background: url(../img/serve.jpg) no-repeat center; background-size: 100% 100%; overflow: hidden; margin: 20px auto 0 !important;}
	.serve1 .title{ font-size: 18px !important; color: #FFFFFF; text-align: center; line-height: 40px !important; margin: 10px auto !important;}
	.serve1 .title span{  width: 20px !important; height: 2px; background-color: #FFFFFF; display: block; margin: 0 auto;}
	.serve1-body{ width: 100%; display: flex;}
	.serve1-body .list{ flex: 1; width: 33.3333%; margin: 20px 0;}
	.serve1-body .list img{ margin: 0 auto; display: block; width: 80%;}
	/* .serve1-body .list:hover img{ opacity: 1 !important;} */
	.serve2{ width: 100%; margin: 0 auto; overflow: hidden;}
	.serve2 .title{ color: #575757; font-size: 18px !important; text-align: center; line-height: 40px !important; margin: 10px auto !important;}
	.serve2 .title span{  width: 20px !important; height: 2px; background-color: #575757; display: block; margin: 0 auto;}
	.mains{ width: 100% !important; margin: 0 auto 30px !important;}
	.flex{ display: flex;}
	.serve2 .list{ width: 20% !important; height: 100px !important; position: relative;}
	.serve2 .list .bg{ width: 100%; height: 100px !important; border: 1px solid #e6e6e6; position: absolute; left: 0; top: 0; z-index: -1;}
	.serve2 .list .text{ font-size: 12px !important; color: #111111; line-height: 20px !important; height: 20px; text-align: center; margin: 10px auto !important; font-family: 'Bwebfont';}
	.serve2 .list .img{width: 50%; margin: 0 auto; display: block;}
	.serve2 .list .img1{width: 50%; margin: 0 auto; display: none;}
	.serve2 .list:hover .bg{ background-color: #D70000; }
	.serve2 .list:hover .text{ color: #FFFFFF;}
	.serve2 .list:hover .img{ width: 50%; margin: 0 auto; display: none;}
	.serve2 .list:hover .img1{ width: 50%; margin: 0 auto; display: block;}
	
	
	.join1{ width: 100%; margin: 0 auto; overflow: hidden;}
	.join1 .title{ color: #575757; font-size: 18px !important; text-align: center; line-height: 30px !important; margin: 10px auto !important; font-family: 'Bwebfont';}
	.join1 .title span{  width: 20px !important; height: 2px; background-color: #575757; display: block; margin: 0 auto;}
	.join1 img{ width: 100%;}
	.join1 .left{ width: 50%; float: left;}
	.join1 .left .list{ width: 100%; height: 82px !important; border-bottom: 1px solid #7a7a7a; overflow: hidden;}
	.join1 .left .list:last-child{ border-bottom: none;}
	.join1 .left .list .num{ font-size: 34px !important; font-weight: bold; line-height: 40px !important; color: #000000; float: left; margin: 14px 3px 30px !important; padding-right: 10px !important; border-right: 1px solid #7a7a7a;}
	.join1 .left .list .text{ font-size: 14px !important; color: #000000; line-height: 24px !important; margin: 14px 0 !important; display: block; font-family: 'Bwebfont';}
	.join1 .left .list .text span{ font-size: 12px !important; color: #7a7a7a; line-height: 18px !important; display: block; font-family: 'webfont';}
	.join1 .left .list:hover .num{ color: #D70000; border-right: 1px solid #D70000;}
	.join1 .left .list:hover .text{ color: #D70000;}
	.join1 .left .list:hover .text span{ color: #D70000;}
	.join2{ width: 100%; margin: 20px auto !important; overflow: hidden;}
	.join2 .title{ color: #575757; font-size: 18px !important; text-align: center; line-height: 30px !important; margin: 10px auto !important; font-family: 'Bwebfont';}
	.join2 .title span{  width: 20px !important; height: 2px; background-color: #575757; display: block; margin: 0 auto;}
	.join2 .join-body{ width: 100%; height: 360px; overflow: hidden; display: flex;}
	.join2 .join-body .list{ width: 100%; height: 120px; background-color: #e9e9e9; display: flex;}
	.join2 .join-body .list.list1{ background: #e9e9e9; }
	.join2 .join-body .list.list2{ background: #e9e9e9;}
	.join2 .join-body .list.list3{ background: #e9e9e9;}
	.join2 .join-body .list .num{ font-size: 72px; color: #333; line-height: 199px; margin: 0 40px; display: none;}
	.join2 .join-body .list .text{  font-size: 14px; color: #333; line-height: 20px; margin-left: 5px; margin-top: 30px; font-family: 'Bwebfont';}
	.join2 .join-body .list .text span{ font-size: 12px; color: #848484; display: block; font-weight: normal;}
	.join2 .join-body .right .text{ display: none; margin: 10px 10px;}
	.join2 .join-body .right .red{ font-size: 12px; color: #FFFFFF; line-height: 18px; margin-bottom: 5px; font-family: 'webfont';}
	.join2 .join-body .right .red span{ width: 4px; height: 4px; border-radius: 4px; background-color: #FFFFFF; float: left; margin:  19px 10px 0 0;}
	.join2 .join-body .right{ width:100%; height: 360px; background: url(../img/join2.jpg) no-repeat center; background-size: 100% 100%;}
	.join2 .join-body .list.on .num{ color: #FFFFFF;}
	.join2 .join-body .list.on .text{ color: #FFFFFF;}
	.join2 .join-body .list.on .text span{ color: #FFFFFF;}
	.join2 .join-body .list1.on{ background-color: #D70000;}
	.join2 .join-body .list2.on{ background-color: #D70000;}
	.join2 .join-body .list3.on{ background-color: #D70000;}
	.join2 .join-body .right .text1{display: block;}
	.join2 .join-body .list.on .red{ display: block;}
	.join3{ width: 100%; margin: 20px auto !important; overflow: hidden;}
	.join3 .title{ color: #575757; font-size: 18px !important; text-align: center; line-height: 30px !important; margin: 10px auto !important; font-family: 'Bwebfont';}
	.join3 .title span{  width: 20px !important; height: 2px; background-color: #575757; display: block; margin: 0 auto;}
	.join3 .join-body{ width: 100%; padding: 20px 0 !important; background-color: #f5f5f5; overflow: hidden;}
	.join3 .join-body .list{ width: 100% !important; height: 140px; background-color: #FFFFFF; margin-bottom: 10px; position: relative; float: left; margin-right: 2% !important;}
	.join3 .join-body .list:nth-child(even){ margin-right: 0;}
	.join3 .join-body .list .icon{ width: 40px; margin: 40px 10px !important; display: block; float: left;}
	.join3 .join-body .list .iconh{ width: 40px; margin: 40px 10px !important; display: none; float: left;}
	.join3 .join-body .list:hover{ background-color: #D70000;}
	.join3 .join-body .list:hover .icon{ width: 40px; margin: 40px 10px !important; display: none;}
	.join3 .join-body .list:hover .iconh{  width: 40px; margin: 40px 10px !important; display: block;}
	.join3 .join-body .list .text{ width: 72% !important; margin-top: 10px !important; float: left;}
	.join3 .join-body .list .text .topTitle{ font-size: 18px !important; color: #111111; line-height: 20px !important; margin-bottom: 10px; font-family: 'Bwebfont';}
	.join3 .join-body .list .text .topTitle span{ width: 20px !important; height: 2px; margin-top: 5px; display: block; background-color: #D70000;}
	.join3 .join-body .list .text .text-t{ font-size: 12px !important; color: #737373; line-height: 20px !important; font-family: 'webfont';}
	.join3 .join-body .list .num{ font-size: 24px !important; color: #dddddd; line-height: 20px !important; position: absolute; top: 20px; right: 20px;}
	.join3 .join-body .list:hover .text .topTitle{ color: #FFFFFF;}
	.join3 .join-body .list:hover .text .topTitle span{ background-color: #FFFFFF;}
	.join3 .join-body .list:hover .text .text-t{ color: #FFFFFF;}
	.join3 .join-body .list:hover .num{ color: #FFFFFF; }
	.join4{ width: 100%; margin: 20px auto !important; overflow: hidden; font-family: 'Bwebfont';}
	.join4 .title{ color: #575757; font-size: 18px !important; text-align: center; line-height: 30px !important; margin: 10px auto !important;}
	.join4 .title span{  width: 20px !important; height: 2px; background-color: #575757; display: block; margin: 0 auto;}
	.join4 .swiper-container { width: 100% !important; height: 200px !important; margin: 20px auto;}
	.join4 .swiper-slide { background-size: cover; background-position: center;}
	.join4 .swiper-slide img{ width: 100%;}
	.gallery-thumbs { height: 160px !important; box-sizing: border-box; padding: 10px 0; margin: 10px 0; display: none;}
	.gallery-thumbs .swiper-slide { height: 100%; opacity: 0.4;}
	.gallery-thumbs .swiper-slide-thumb-active { opacity: 1;}
	.join5{ width: 100%; margin: 0 auto 20px !important; overflow: hidden;}
	.join5 .title{ color: #575757; font-size: 18px !important; text-align: center; line-height: 30px !important; margin: 10px auto !important; font-family: 'Bwebfont';}
	.join5 .title span{  width: 20px !important; height: 2px; background-color: #575757; display: block; margin: 0 auto;}
	.join5 .border{ background: url(../img/join5.png) no-repeat center; background-size: 100% 100%; height: 320px !important;}
	.join5 .border .info{ display: block !important;}
	.join5 .border .info .list1{ flex: 1; margin: 20px auto !important; display: flex; width: 80%;}
	.join5 .border .info .list1 input{ width: 80% !important; padding: 0 10%; height: 40px !important; border: 1px solid #e7e7e7; display: block; margin: 0 auto;}
	.join5 .border .btn{ width: 200px !important; height: 40px !important; background: #D70000; border-radius: 55px; margin: 30px auto 10px !important; line-height: 40px !important; color: #FFFFFF; font-size: 24px; text-align: center;}
	.join5 .border .text{ font-size: 12px !important; color: #D70000; line-height: 30px; text-align: center;}
	
	
	.banner{ position: relative;}
	.pos-a{ position: absolute; z-index: 99; left: 50%; margin-left: -840px; top: 420px;}
	.pos-a .left{ flex: 1;}
	.pos-a .left img{ margin-left: 80px; margin-bottom: 40px;}
	.pos-a .left img:hover{ opacity: .5;}
	.contact{ width: 100%; margin: 20px 0  30px !important; overflow: hidden;}
	.contact .left{ width: 100% !important; height: 410px !important; background-color: #f5f5f5; float: none !important; overflow: hidden;}
	.contact .left .message{ width: 90% !important; margin: 0 auto;}
	.contact .left .message .title{ font-size: 20px !important; color: #111111; line-height: 40px !important; text-align: center; margin: 10px 0 20px !important; font-family: 'Bwebfont';}
	.contact .left .message .flex2{ width: 36% !important; height: 40px !important; border: 1px solid #E7E7E7; padding: 0 5% !important; margin-bottom: 20px; display: block;}
	.contact .left .message .flex1{ width: 90%; height: 40px !important; border: 1px solid #E7E7E7; padding: 0 5% !important; margin-bottom: 20px; display: block;}
	.contact .left .message .h200{ height: 120px !important; line-height: 40px !important;}
	.contact .left .message .btn{ width: 180px; height: 40px; background-color: #D70000; margin: 10px auto; font-size: 16px; text-align: center; line-height: 40px; color: #FFFFFF;}
	.contact .proright{ width: 100% !important; height: 250px !important; float: right;}
	
	
}


/*********      page      ***************/
#page{ width:100%;padding:20px 0;overflow:hidden;margin:auto; margin-top:50px;}
.pagination{text-align:center;}
.pagination > li{display: inline-block;height:40px !important;border-bottom:none !important;padding:0 !important;}
.pagination > li > a,.pagination > li > span{display:block;padding:0 14px;font-size:14px;margin:0 5px;border:none;background:#fff;border:1px solid #ddd;border-radius:4px;height:38px; line-height:38px;color:#666;}
.pagination .active span{background-color:#d8262c;border:1px solid #d8262c;color:#fff; font-weight:normal; font-size:14px;font-weight:bold}
.pagination .disabled{color:#aaa;}