@font-face{font-family: 'Dins';src:url('../img/fonts/DINPro-Black.otf');}
@font-face{font-family: 'Dinb';src:url('../img/fonts/DINPro-Bold.otf');}
@font-face{font-family: 'Din';src:url('../img/fonts/DINPro-Light.otf.otf');}
@font-face{font-family: 'Dinm';src:url('../img/fonts/DINPro-Medium.otf');}
@font-face{font-family: 'Dinr';src:url('../img/fonts/DINPro-Regular.otf');}
@font-face{font-family: 'popl';src:url('../img/fonts/Poppins-Light.ttf');}
@font-face{font-family: 'popr';src:url('../img/fonts/Poppins-Regular.ttf');}
@font-face{font-family: 'pops';src:url('../img/fonts/Poppins-SemiBold.ttf');}
@font-face{font-family: 'dfdk';src:url('dfdk.woff');}
@font-face {
  font-family: "dfdk";
  src: url('dfdk.woff2') format('woff2'),
       url('dfdk.woff') format('woff'),
}

.dfdk {
  font-family: "dfdk" !important;
  font-style: normal;
}
.popl{ font-family:popl;}
.popr{ font-family:popr;}
.pops{ font-family:pops; line-height:1.2;}
.din{font-family:Din;}
.dins{font-family:Dins;}
.dinm{font-family:Dinm;}
.dinb{font-family:Dinb;}
.dinr{font-family:Dinr;}
.ab{ font-family:Arial Black;}
*{margin:0;padding:0;}
body{overflow-x: hidden;}
.f12{font-size:.75rem;}.f13{font-size:.8125rem;}.f14{font-size:.875rem;}.f16{font-size:1rem;}.f18{font-size:1.125rem;}.f20{font-size:1.25rem;}.f22{font-size:1.375rem;}.f24{font-size:1.5rem;}.f30{font-size:1.875rem;}.f32{font-size:2rem;}.f36{font-size:2.25rem;}.f40{font-size:2.5rem;}.f48{font-size:3rem;}.f64{font-size:4rem;}.f80{font-size:5rem;}.f96{font-size:6rem;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt80{margin-top:80px;}
.mt100{margin-top:100px;}
.mt120{margin-top:120px;}
.mt180{margin-top:180px;}
.mr15{margin-right:15px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr80{margin-right:80px;}
.pd50{padding-top:50px; padding-bottom:50px;}
.pd60{padding-top:30px; padding-bottom:80px;}
.pd80{padding-top:80px; padding-bottom:80px;}
.pd100{padding-top:100px; padding-bottom:100px;}
.pd120{padding-top:120px; padding-bottom:120px;}
.pt100{padding-top:100px;}
.pb120{padding-bottom:120px;}
.pl50{ padding-left:50px; box-sizing:border-box;}
.pr30{ padding-right:30px; box-sizing:border-box;}
.pr50{ padding-right:50px; box-sizing:border-box;}
.pl100{ padding-left:100px;}
.grey, a.grey, .grey a{color:#aeaeae;}
.c333, a.c333, .c333 a{color:#333;}
.c666, a.c666, .c666 a{color:#666;}
.c888, a.c888, .c888 a{color:#888;}
.black, a.black, .black a{color:#000;}
.ce6, a.ce6, .ce6 a{color:#e6e6e6;}
.cf7, a.cf7, .cf7 a{color:#f7f7f7;}
.blue, a.blue, .blue a{ color:#ca3532;}
.blue2{ color:#a0c6e1;}
.white{ color:#fff;}
.yellow{ color:#ffb034;}

.i-title{font-size:2.5rem; color:#000; font-family:dinb;background:url(../img/dot-main.png) no-repeat left 48px; background-size:212px 12px;}
.i-title2{font-size:1.875rem;color:#000; font-family:Arial Black;background:url(../img/dot-blue.png) no-repeat left 32px; background-size:212px 12px;}
.i-title3{font-size:2.75rem;color:#000; font-family:Arial Black;background:url(../img/dot-blue.png) no-repeat left 48px; background-size:100px 12px;}
.i-title span, .i-title2 span, .i-title3 span{ float:right;font-family:Arial;}

a, a:hover{transition: all 0.35s;}
.fb{ font-weight:700;}

.navbar-brand{width:81px; height:82px; line-height:300px; overflow:hidden; background:url(../img/logo.png) no-repeat;}
.bg-scroll .navbar-brand{width:81px; height:82px; line-height:300px; overflow:hidden; background:url(../img/logo-btm.png) no-repeat;}
.dropdown:hover .dropdown-menu{display: block; }
.dropdown-menu{margin-top: 0;}
.bg-scroll{ background:#fff; border-bottom:1px solid #ca3532;padding:.5rem;}
.bg-secondary .navbar-nav .nav-link{color:#fff;}
.bg-scroll .navbar-nav .nav-link{color:#333;}
.bg-grey{ background-color:#f6f6f6;}
a.bg-grey:hover{ background-color:#ca3532; color:#fff;}
.dotbg-rb{ background:url(../img/dotbg-rb.png) no-repeat right bottom;}
.title-rline{width:auto; display: table;padding-right:40px;background: url(../img/dot-main.png) no-repeat right center;background-size: 30px 1px;}
.bg-secondary .form-search::placeholder{color: rgba(255,255,255,.6);}
.bg-secondary .form-control:focus{ color:#fff;}
.bg-scroll .form-control{ color:#666;}
.icon-country {width: 1.25rem;height: 1.25rem;vertical-align: -0.25rem;fill: currentColor;overflow: hidden;}

img, video{max-width:100%;}
video{ border-radius:9px;}
.btn-rus{ border-radius:3rem;}
.w60{width:60%; margin-left:auto; margin-right:auto;}
.w75{width:75%; margin-left:auto; margin-right:auto;}
.w11{ margin-left:auto; margin-right:auto;}
.nav-link{ font-family:Dins;} 
.banner{ height:900px;}
.banner1{background:url(../img/banner1.jpg) no-repeat center bottom;}
.banner2{ background:url(../img/banner2.jpg) no-repeat center bottom;}
.banner3{ background:url(../img/banner3.jpg) no-repeat center bottom;}
.banner-title{width:100%;font-size:3rem;font-weight:700; line-height:1.2;color:#fff;}
.banner-title1{width:100%;font-size:5rem; line-height:1.5;color:#fff; font-weight:bold; text-align:center;}
.banner-title2{width:100%; color:#fff; font-family:dfdk; font-size:6.25rem; font-weight:300;text-align:center; margin-top:2rem;}
.banner-title3{width:100%; color:#fff; font-size:1.25rem; text-align:center;}
.banner-title4{width:100%; color:#fff; font-family:dfdk; font-size:4.25rem; font-weight:300;text-align:center; margin-top:0rem;}
.banner video{min-width:100%; min-height:100%;z-index:-99; position: fixed; overflow:hidden; left:0;  top:0px;}
.banner .btn-down{ position:absolute; bottom:3.5rem; right:50px; z-index:9999; color:#ca3532}

.banner-pages{height:508px; background-size:100%;}
.banner-pages .banner-title2, .banner-pages2 .banner-title2{width:100%; color:#ccc; font-size:.875rem;font-weight:300; font-family:microsoft yahei;}
.container-index{width:100%;margin-right:auto;margin-left:auto; max-width:1920px;}
.btn-list{ text-align:right; padding-top:1rem;}
.btn-list a{ font-size:1.375rem; padding-left:2rem;}

.banner-pages2{height:600px; background-size:cover;}
.banner-pages2 .container{padding-top:150px;}
.banner-news{background:#1a1e27 url(../img/banner-news.jpg) no-repeat center bottom;}
.banner-yewulingyu{background:#1a1e27 url(../img/banner-yewulingyu.jpg) no-repeat center bottom;}
.banner-about{background:#1a1e27 url(../img/banner-about.jpg) no-repeat center bottom;}
.banner-team{background:#1a1e27 url(../img/banner-team.jpg) no-repeat center bottom;}
.banner-team-top{background:url(../img/banner-team-top.jpg) no-repeat center top; max-width:1920px;}
.banner-lilunyanjiu{background:#1a1e27 url(../img/banner-lilunyanjiu.jpg) no-repeat center bottom;}
.banner-dangjian{background:#1a1e27 url(../img/banner-dangjian.jpg) no-repeat center bottom;}
.banner-contact{background:#1a1e27 url(../img/banner-contact.jpg) no-repeat center bottom;}
.banner-pages .container{padding-top:230px;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {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;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:30px;}
.swiper-button-next2, .swiper-button-prev2{
    top: 100%;
	}
.swiper-button-next2{left:auto; right:50%; margin-right:-50px;}
.swiper-button-prev2{left:50%; right:auto; margin-left:-50px;}
.swiper-pagination2 .swiper-pagination-bullet{ background:#ccc;}
.swiper-pagination2 .swiper-pagination-bullet-active{ background:#ca3532;}

.swiper-button-next4, .swiper-button-prev4{
    top: 95%;
	}
.swiper-button-next4{left:auto; right:50%; margin-right:-45px;}
.swiper-button-prev4{left:50%; right:auto; margin-left:-45px;}
.swiper-pagination4 {right:auto; margin-left:-410px;}
.swiper-pagination4 .swiper-pagination-bullet{ background:#ddd;}
.swiper-pagination4 .swiper-pagination-bullet-active{ background:#00a8ff;}

.num-t{font-size:2.25rem; font-weight:700; line-height:1.8; background:url(../img/dot-main.png) no-repeat left bottom; background-size:40px 2px;}
#mainNav, .dropdown-menu, .nav-item{transition: all 0.35s; font-family:Arial;}
.open li{border-bottom:1px solid #333;}

.btn-white{ background:#fff; color:#000;}
.btn-white:hover{ background:#ffc600; color:#fff;}
.bg-blue{background: #7cd000 linear-gradient(to bottom, rgba(124,208,0,0), rgba(80,149,2,1));transition: background-color .5s;   color:#fff;}
.bg-blue:hover{background-color:rgba(80,149,2,1); color:#fff;}
.bg-main{background: #ca3532; color:#fff; border-radius:5px;}
.bg-main:hover{background:#ff0500; color:#fff;}
.bg-main-border{border:2px solid transparent;background-clip: padding-box, border-box;background-origin: padding-box, border-box; font-family:dinr;background-image: linear-gradient(to right, #fff, #fff), linear-gradient(90deg, #15d127, #0bac7d); color:#55bf5f;transition: all 1.5s;}
.bg-main-border:hover{background-image: linear-gradient(to right, #0bac7d, #0bac7d), linear-gradient(to right, #0bac7d, #0bac7d); color:#fff;transition: all 1.5s;}
.btn-yellow{ background:#ca3532; color:#fff;}
.btn-yellow:hover{ background:#fe8f23; color:#fff;}
.btn-yellow-border{ background: none; border:4px solid #ca3532; color:#ca3532;}
.btn-yellow-border:hover{ background:#ca3532; color:#fff;}
.btn-white-border{ background: none; border:1px solid #fff; color:#fff;}
.btn-white-border:hover{ background:#ca3532;border:1px solid #ca3532; color:#fff;}

.bl-main-center{ background:url(../img/dot-main.png) no-repeat center bottom; padding-bottom:1rem; background-size:50px 4px;}

.pinyin a{font-family:dinm; margin-right:1rem;display: inline-block;padding:0 .5rem; border-radius:3px;}
.pinyin a:hover{ background-color:#ca3532; color:#fff; display: inline-block; }
.pinyin a.active{ background-color:#ca3532; color:#fff; display: inline-block; padding:0 .5rem; border-radius:3px;}

.btn-search{padding:1rem 1.5rem; border-radius:0 50px 50px 0;}
.form-search{padding:0 1rem; border-radius:50px 0 0 50px;flex: .7 1 auto;}
.bg-secondary .form-search{ background: rgba(255,255,255,.2);}
.bg-scroll .form-search{ background: rgba(0,0,0,.1);}
.search-content{ margin:1rem 0; padding:1rem 0; border-top:1px solid #eee;}

.crumbs{padding:1rem 0; border-bottom:1px solid #e8e8e8;}
.crumbs .grey{ color:#999;}
.crumbs .grey a{ color:#999;}
.a-menu a{ color:#333; background:#fff;border:1px solid #ddd; font-size:1rem; border-radius:5px;transition: all 0.35s; padding:1rem 3rem; margin-left:1rem;margin-top:1rem;}
.a-menu a:hover{background:#ca3532; color:#fff;border:1px solid #ca3532;transition: all 0.35s;}
.a-menu a.on{ color:#fff; background:#ca3532;border:1px solid #ca3532; border-radius:5px;transition: all 0.35s;}
.a-menu a.on:hover{background:#fff; color:#333;border:1px solid #ca3532;transition: all 0.35s;}
.a-menu a.t{display:block;color:#fff; background:#ae394f; border:1px solid #ae394f; border-radius:5px;transition: all 0.35s; padding:.3rem;}
.a-menu a.t:hover{background:#be464a; color:#fff;border:1px solid #be464a;transition: all 0.35s;}

.contact-map{ width:100%; height:600px;}

.i-bg1{background:url(../img/i-bg1.jpg) no-repeat center top; max-width:1920px; margin-left:auto; margin-right:auto;}
.about-num{}
.about-num .a-num sup{vertical-align: text-top; font-size:1.5rem}
.about-num .a-num sub{vertical-align: text-bottom; font-size:1.5rem}
.about-num .a-num p{ background:url(../img/dot-ccc.png) no-repeat right center; background-size:1px 50px; border-radius:3px; box-sizing:content-box;text-align:center;padding:1rem 0;transition: all 0.35s; color:#333;}
.about-num .a-num p:hover{background:#ca3532; color:#fff;transition: all 0.35s; color:#fff;}
.about-num .a-num p .timer{ color:#333;}
.about-num .a-num p:hover .timer{ color:#fff;}
.about-num .a-num:hover p{transition: all 0.35s; color:#fff;}
.about-num .a-num p.nr{ background-size:0 0;}
.about-num2 .a-num sup{vertical-align: text-top; font-size:1.5rem}
.about-num2 .a-num sub{vertical-align: text-bottom; font-size:1.5rem}
.about-num2 .a-num p{ background:url(../img/dot-ccc.png) no-repeat left bottom; background-size:100% 1px; border-radius:3px; box-sizing:content-box;padding-bottom:1rem;transition: all 0.35s; color:#fff;}
.about-num2 .a-num p .timer{ color:#fff;}
.about-num2 .a-num p:hover .timer{ color:#fff;}
.about-num2 .a-num:hover p{transition: all 0.35s; color:#fff;}
.about-num2 .a-num p.nr{ background-size:0 0;}

.about-history{padding:3rem 0 5rem; overflow: visible}
.about-history .swiper-slide{height:auto;}
.about-history .title{ font-size:8.75rem; color:rgba(255,255,255,.5); text-align:center; line-height:1; font-family:dins;}
.about-history .swiper-slide-active .title{ font-size:12.5rem; color:#fff; line-height:1; font-family:dins;}
.about-history .content{ font-size:.875rem; color:rgba(255,255,255,.5); margin-top:5rem;display:block;text-align:center;width:80%; margin-left:auto; margin-right:auto; }
.about-history .swiper-slide-active .content{ font-size:1.25rem; color:rgba(255,255,255,1); margin-top:5rem;display:block;text-align:center; }
.history-box{width:100%; cursor:pointer; background-color:#f7f7f7; padding:3rem 1rem; margin-bottom:1rem; overflow:hidden;border-radius:3px;transition:all .5s;}
.history-box:hover{ background-color:#ca3532; box-shadow:0 10px 20px 0 #ff9ea1; transition:all .5s;}
.history-box:hover p{ color:#fff;}
.history-box p.f16{height:65%; overflow:hidden;transition:all .5s;}
.history-box:hover p.f16{height:100%;transition:all .5s;}

.i-video{width:660px; height:400px; background-color:#fff; border-radius:.125rem; text-align:left; box-shadow:30px 30px 0 3px #edf3f7;}
.btn-d{padding:0.75rem 2.5rem; border:1px solid #666;}

.bg-left{ background:url(../img/bg-left.png) no-repeat center top; max-width:1920px;}
.bg-right{ background:url(../img/bg-right.png) no-repeat center top; max-width:1920px;}
.br-blue{width:140px;background:url(../img/dot-blue.png) no-repeat right center; background-size:40px 1px;}
.br-blue span{ padding-right:1rem; }
.br-white{width:140px;background:url(../img/dot-white.png) no-repeat right center; background-size:40px 1px;}
.br-white span{ padding-right:1rem;}
.opa7{ opacity:.7;}


.i-app{ position:relative;}
.i-app .txt{ background:rgba(0,0,0,.5); color:#fff; position:absolute; left:0; bottom:0; box-sizing:border-box; padding:1rem;}

.i-blog{ display:flex;}
.i-blog .i-blog-pic{ flex:1;background:#fff; box-shadow:0 5px 10px 10px #f0f0f0;margin:15px;padding:0;}
.i-blog .i-blog-list{ flex:1;background:#fff; box-shadow:0 5px 10px 10px #f0f0f0;margin:15px;padding:0;border-top:10px solid #ca3532;}
.i-news-box{}
.i-news-box .pic{ max-height:30rem; overflow:hidden;}
.i-news-box .con{ padding:40px;}
.i-news-box2{margin:50px; border-bottom:3px solid #eee; padding:20px 0 50px}

.pic-list{border-radius:3px;}

.blog-box{padding-bottom:50px;}
.blog-box .pic{ border-radius:3px;}
.zoom{ overflow:hidden;}
.zoom img{width:100%;transition: all ease-out 0.35s;}
.zoom:hover img{transform: scale(1.1);transition: all ease-out 0.35s;}


.about-pe .swiper-slide p{ background:rgba(0,0,0,.6); width:100%; box-sizing:border-box; left:0; bottom:0px; line-height:1; position:absolute; padding:1rem; color:#fff; font-size:1rem; font-family:dinb;margin-bottom:0;}
.about-pethumbs{height:100%;}
.about-pethumbs div{ float:left; width:48%; height:23%; box-sizing:border-box; margin:1%;}

.index-bg1{width:100%; max-width:1920px;background:url(../img/index-bg1.jpg) no-repeat center top;}
.about-bg1{background:url(../img/about-bg1.jpg) no-repeat center top;max-width:1920px;padding-bottom:10rem;}
.about-bg2{background:url(../img/about-bg2.jpg) no-repeat center top;max-width:1920px;}

.about-team{padding:5rem 2rem 0;}
.about-team-box .pic{width:100%;padding-bottom:15px;}
.about-team-box img{max-width:95%; height:auto; box-shadow: 1rem 10rem 0 0 #515151;}

.s-menu{margin-top:50px; font-size:18px; text-align:right;}
.s-menu a{ font-size:18px; font-weight:700;}
.s-menu a.on{color:#ca3532;}

.br-white {background: url(../img/dot-white.png) no-repeat right center;background-size: 3rem 1px;padding-right: 4rem;}
.br-grey {background: url(../img/dot-grey.png) no-repeat right center;background-size: 3rem 1px;padding-right: 4rem;}
.br-main {background: url(../img/dot-main.png) no-repeat right center;background-size: 3rem 1px;padding-right: 4rem;}

.shadow{ box-shadow:0 10px 20px 0 #ddd;}
.about-zs {padding-bottom:3rem;}
.about-zs .swiper-slide {
      text-align: center;
      background: #fff;
	  padding:.857rem;
	  margin:5rem 0; 

      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(1);
    }
.about-zs .swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1.2); z-index:99;
	}


.news-box{width:94%; cursor:pointer; background-color:#fff;box-shadow:0 10px 20px 0 #eee; padding:1rem; margin-bottom:1rem; margin-left:auto; margin-right:auto; border-radius:3px;transition:all .5s;}
.news-box:hover{ background-color:#ca3532; box-shadow:0 10px 20px 0 #ffc8c7; transition:all .5s;}
.news-box:hover p{ color:#fff;}
.news-box .pic{width:100%; height:0; font-size:0; padding-bottom:75%; overflow:hidden;}

.news-left{ border-right:1px solid #e7e7e7; padding-right:4rem;}
.news-right{ padding-left:4rem;}
.news-content, .news-content p, .news-content div{ font-size:1rem; color:#333; line-height:2;} 
.news-content img{ max-width:100%;}
.next{border-top:1px solid #e7e7e7; margin-top:4rem; padding-top:3rem; font-size:1rem;}


.yewu-box{width:100%; cursor:pointer; background-color:#fff;box-shadow:0 10px 20px 0 #eee; padding:1rem 2rem 2rem; margin-top:2rem; border-radius:3px;transition:all .5s;}
.yewu-box:hover{ background-color:#ca3532; box-shadow:0 10px 20px 0 #ffc8c7; transition:all .5s; color:#fff;}
.yewu-box:hover a{ color:#fff;transition:all .5s;}
.yewu-box .icon i{font-size:4rem; color:#ccc;}
.yewu-box .title{ margin-top:4rem; font-size:1.125rem; text-align:right;}
.yewu-box .title span{background: url(../img/dot-grey.png) no-repeat left center;background-size: 2rem 1px; display:inline-block; width:2rem; margin-right:1rem;}
.yewu-left{ background:#fff; border-radius:5px; padding:3rem;}
.yewu-right{ background:#fff; border-radius:5px; padding:1rem 2rem;}

.anli-box{width:100%; cursor:pointer; background-color:#fff;box-shadow:0 10px 20px 0 #eee; padding:3rem 2rem; margin-top:2rem; border-radius:3px;transition:all .5s;}
.anli-box:hover{ background-color:#ca3532; box-shadow:0 10px 20px 0 #ffc8c7; transition:all .5s; color:#fff;}
.anli-box:hover a{ color:#fff;transition:all .5s;}
.anli-box:hover .grey{ color:#fff;transition:all .5s;}
.anli-box .title{font-size:1.5rem; background:url(../img/dot-ccc.png) no-repeat center bottom; background-size:100% 1px; padding-bottom:2rem;}

.topnews{ border-radius:5px; background:#fff;}
.topnews .txt{ padding:3rem;}
.dangjian{width:100%; cursor:pointer; background-color:#fff;box-shadow:0 10px 20px 0 #eee; padding:2rem;border-radius:10px;transition:all .5s;}
.dangjian:hover{ background-color:#ca3532; box-shadow:0 10px 20px 0 #ffc8c7; transition:all .5s; color:#fff;}
.dangjian:hover a{ color:#fff;transition:all .5s;}
.dangjian:hover .c666{ color:#fff;transition:all .5s;}

.team-box:hover .c666{color:#fff;}
.team-box{width:100%; cursor:pointer; background-color:#fff;box-shadow:0 10px 20px 0 #eee; padding:1rem; margin-top:2rem; border-radius:5px;transition:all .5s;}
.team-box:hover{ background-color:#ca3532; box-shadow:0 10px 20px 0 #ffc8c7; transition:all .5s; color:#fff;}
.team-box:hover a{ color:#fff;transition:all .5s;}
.yewu-box .icon i{font-size:4rem; color:#ccc;}
.yewu-box .title{ margin-top:4rem; font-size:1.125rem; text-align:right;}
.yewu-box .title span{background: url(../img/dot-grey.png) no-repeat left center;background-size: 2rem 1px; display:inline-block; width:2rem; margin-right:1rem;}
.team-pic{width:45%;border-radius:5px;}
.team-txt{width:55%;padding:1rem 2rem;}

.team-left{padding-top:150px;}
.team-left .pic{ padding:0 3rem;}
.team-right{padding-top:250px;}
.team-right .zhiwei, .team-right .yewu{ color:#fff;}

table{ max-width:100%;}

.bdrt{ border-top:1px solid #e7e7e7; padding-top:2rem;}

.contact-box{ background-color:#fff; box-shadow:0 0 10px 0 #eee;}
.contact-con{ padding:2.5rem 3rem;box-sizing: content-box;box-shadow:0 0 10px 0 #eee;}
.contact-form{background-color:#fff;padding:3.5rem; box-sizing:content-box; box-shadow:0 0 10px 0 #eee;}
.contact-table td{padding:0.2rem;}
.modal-close{ position:absolute;right:1rem; top:1rem; cursor:pointer;}
.modal-close:hover{transform: rotate(180deg); transition:all .3s;}
.lh-200{ line-height:3;}

.image{ font-size:0; line-height:1; margin-bottom:0;}

select{color: #d6e3cc;background-color: rgba(255,255,255,.1);border:0; }
.form-control2{color: #fff;background-color: transparent;border:1px solid #aeaeae; border-radius:5px;}
.form-control2::placeholder{color:#fff;opacity:1}
.form-control2:focus::placeholder{color:#333;opacity:1}
.form-control3{color: #fff;background-color: transparent;border:1px solid #666; border-radius:5px;}
.form-control3::placeholder{color:#666;opacity:1}
.form-control3:focus::placeholder{color:#333;opacity:1}



.order1{ order:1;}
.order2{ order:2;}

.imgr{ border-radius:5px;}
.bg-mf{ background:url(../img/dot-blue2.png) no-repeat center bottom; background-size:100% 65%; }
.bg-01{ background:url(../img/bg-01.jpg) no-repeat center top;}
.bg-02{ background:url(../img/bg-02.jpg) no-repeat center top; background-size:cover; max-width:1920px;}
.mf1{padding-top:50%;}
.mf-line{ letter-spacing:-.2rem; color:#ccc; font-size:0.875rem; font-family:popl;}
.mf-box{width:95%;}


.bl-black{background:url(../img/dot-black.png) no-repeat left bottom; background-size:60px 2px; padding-bottom:10px;}
.bl-blue{background:url(../img/dot-main.png) no-repeat left bottom; background-size:60px 2px; padding-bottom:10px;}
.bl-blue2{background:url(../img/dot-blue.png) no-repeat center bottom; background-size:40px 2px; padding-bottom:10px;}
.bl-blue3{background:url(../img/dot-blue.png) no-repeat right bottom; background-size:60px 4px; padding-bottom:10px;}
.bl-red{ background:url(../img/dot-blue.png) no-repeat right center; background-size:3rem 1px; padding-right:4rem;}
.bl-white{background:url(../img/dot-white.png) no-repeat left bottom; padding-bottom:1rem; background-size:60px 2px;}
.bl-white2{background:url(../img/dot-white.png) no-repeat center bottom; background-size:40px 2px;padding-bottom:10px;}
.btm-btn{width:60%; margin-left:auto; margin-right:auto;}
.bl-main{background:url(../img/dot-main.png) no-repeat left bottom; background-size:50px 1px; padding-bottom:10px;}

.footer{padding:4rem 0;background:#292928 url(../img/footer-bg.jpg) no-repeat center top; color:#fff; margin-top:50px;}
.footer-dark .heading{font-size:1rem; font-weight:700;color:#fff;  padding-bottom:10px;}
a.footer-icon i{ font-size:1.5rem; color:#fff;transition: all 0.35s;}
a.footer-icon:hover i{ font-size:1.5rem; color:#ca3532;transition: all 0.35s;}
.copyright{ background:#212121; color:#484848; padding:1rem 0;}
.footer-con{ padding-top:120px;}
.footer a{color:#fff;}
.footer a:hover{color:#fff;}
.footer hr{ background-color:#6ab50c; margin-top:30px;margin-bottom:50px;}
.copyright a{color:#484848;}


/*page*/
.pagination {margin:0 auto; font-size:0.875rem }
.pagination li{ float:left; margin-right:15px; margin-left:0; width:auto; padding:0; list-style:none;}
.pagination li:hover a{ color:#fff;}
.pagination li a { display:inline-block; padding:0 20px;height:40px; line-height:40px; border-radius:3px; background:#eaeaea; text-align:center; color:#333;transition: all 0.35s;}
.pagination li a:hover {color:#fff;transition: all 0.35s;}
.pagination li.active a {display:inline-block; height:40px; line-height:40px;background:#ca3532; color:#fff; text-align:center;transition: all 0.35s;border-radius:3px;}
.pagination a:hover { background:#ca3532; color:#fff; text-decoration:none transition: all 0.35s;}
.pagination span { display:inline-block;width:40px;height:40px; line-height:40px;width:40px;border-radius:3px; background:#ca3532;color:#fff; text-align:center;}
@media (max-width: 767.98px){	.i-tech{  padding:4rem 3rem; margin:2rem 15px;box-shadow:0px 20px 20px 0px #eee; position:relative; overflow:hidden; flex:auto;}
}
@media (max-width: 575.98px){
	.container-index{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
	.banner{ height:500px;}
	.banner1{ background-size:cover;}
	.banner-title{ font-size:2rem; line-height:1.2;padding-top:2rem;}
	.banner-title1{width:100%;font-size:2.5rem; font-weight:700; font-family:din; line-height:1.2;color:#fff; }
	.banner-title2{font-size:2.5rem;}
	.banner-title3{ font-size:.875rem;}
	.banner-pages2{height:300px; background-size:cover;}
	.banner-pages2 .container{padding-top:100px;}
	.bg-secondary .navbar-toggler {color: rgba(255, 255, 255, 0.8);border-color: rgba(255, 255, 255, 0.8);}
	.bg-scroll .navbar-collapse{ background-color:#fff;transition: all 0.35s;}
	
	.banner-pages{height:300px; background-size:cover;}
	.banner-pages .container{padding-top:100px;}
	.swiper-button-next1, .swiper-button-prev1{ display:none;}
	.swiper-button-next2, .swiper-button-prev2{ display:none;}
	.banner video{min-width:100%; max-height:100%;z-index:-99; position: fixed; overflow:hidden; left:0;  top:0px;}
	.dropdown-menu .dropdown-item {
		padding: 0.5rem 2rem;
		font-size: .875rem;
	}
	.nav-item .btn{margin-top:1rem; margin-bottom:1rem;}
	.navbar-dark .navbar-nav .nav-link {font-size:.875rem;color: rgba(255,255,255,0.7);}
	.i-team{ padding:1rem;}
	.a-menu{margin-top:2rem;}
	.a-menu a{ padding:.5rem 1rem; margin-left:1rem;margin-top:2rem;}
	.topnews .txt{ padding:1rem;}
	.about-bg1{padding-bottom:1rem;}

	.i-title, .i-title3{font-size:2rem; font-family:Arial Black;background:url(../img/dot-blue.png) no-repeat left 27px; line-height:1.2; background-size:120px 10px;}
	.i-title2{font-size:1.5rem; font-family:Arial Black;background:url(../img/dot-blue.png) no-repeat left 20px; line-height:1.2; background-size:120px 10px;}
	.about-history{padding:1rem 0 5rem; overflow: hidden;}	

	.num-t{font-size:1.5rem;}
	.num-t p{font-size:1rem; line-height:1rem; position:absolute; left:0; top:26px; padding-right:70px; background:url(../img/dot-blue.png) no-repeat right center; background-size:60px 2px;}
	.num-t p span{letter-spacing:.255rem; color:#04518c; font-family:dinb; font-size:1rem; line-height:1rem;}
	.num-t .t{font-size:2.25rem; line-height:1.6; position:absolute; left:0; top:0px;background:url(../img/dot-blue.png) no-repeat 10px bottom; background-size:60px 2px;}
	.num-t .t span{font-size:2.25rem; color:#000;letter-spacing:0;}
	.num-t2{font-family:Din; font-size:4rem; overflow:hidden; position:relative;}
	.num-t2 .t{font-size:2rem; color:#333; line-height:1.8; position:absolute; left:0;margin-left:20px;bottom:0px;text-align:center;}

	.crumbs{padding:1rem; border-bottom:1px solid #e8e8e8; background-color:#f7f7f7;}
	.news-box{width:100%; margin-bottom:0.865rem;}
	.news-left{ border-right:0; padding-right:15px;}
	.news-right{ padding-left:15px;}

	.about-history .title{ font-size:6.25rem; color:rgba(255,255,255,.5); text-align:center; line-height:1; font-family:dins;}
	.about-history .swiper-slide-active .title{ font-size:6.25rem; color:#fff; line-height:1; font-family:dins;}
	.about-history .content{ font-size:.875rem; color:rgba(255,255,255,.5); margin-top:5rem;display:block;text-align:center; width:100%;}
	.about-history .swiper-slide-active .content{ font-size:1.25rem; color:rgba(255,255,255,1); margin-top:5rem;display:block;text-align:center; }


	.contact-con{ padding:1rem;}
	.contact-form{padding:1rem;}
	
	.team-left{padding-top:120px;}
	.team-left .pic{ padding:0rem;}
	.team-right{padding-top:20px;}
	.team-right .zhiwei, .team-right .yewu{ color:#333;}
	.contact-map{ width:100%; height:350px;}

	
	.btm-btn{width:90%; margin-left:auto; margin-right:auto;}
	.order1{ order:2;}
	.order2{ order:1;}
	.w60, .w75{width:96%; margin-left:auto; margin-right:auto; padding:0 2%; box-sizing:content-box;}
	
	.footer{padding:2rem 0;margin-top:20px; background:#111;}
	.footer-con{ padding-top:120px;}
	
	.f24{font-size:1.25rem;}.f32{font-size:1.25rem;}.f36{font-size:1.5rem;}.f40{font-size:2rem;}.f48{font-size:2rem;}.f64{font-size:2.5rem;}.f96{font-size:3rem;}
	.mt20{margin-top:10px;}
	.mt30{margin-top:15px;}
	.mt50{margin-top:20px;}
	.mt100{margin-top:30px;}
	.mt120{margin-top:30px;}
	.mt80{margin-top:30px;}
	.pd120{ padding-top:30px; padding-bottom:30px;}
	.pd100{padding-top:20px; padding-bottom:20px;}
	.pd80{padding-top:20px; padding-bottom:20px;}
	.pd50{padding-top:20px; padding-bottom:20px;}
	.pl50{ padding-left:15px; box-sizing:border-box;}
	.pr50{ padding-right:15px; box-sizing:border-box;}
	.pl100{ padding-left:0px;}
	.btn-list{ text-align:left; padding-top:1rem;}
	.btn-list a{ font-size:.875rem; padding-right:1rem;padding-left:0;}

	}