@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; list-style:none; font-family:"Microsoft Yahei"}
body{ background:#fff;}
.width{ width:1200px; margin: auto}
a{ text-decoration:none;}
.clear{ clear:both;}
@font-face {
font-family: 'Haettenschweiler'; /*a name to be used later*/
src: url('../images/Haettenschweiler.ttf'); /*URL to font*/
}
@font-face {
font-family: 'heiticseg'; /*a name to be used later*/
src: url('../images/heiticseg.TTF'); /*URL to font*/
}
.topper{ height:44px; border-bottom:1px solid #E4E4E4; line-height:44px; color:#818085; font-size:13px;}
.topper a{ color:#818085; font-size:13px;}
.topper span{ float:right;}

.navbox{ height:106px}
.navbox h1{ width:278px; float:left; padding-top:10px}
.navbox h1 img{ max-width:100%}
.navbox .nav{ display:block; float:left; margin-left:58px; width:864px;  display: -webkit-flex; /* Safari */display: flex;flex-direction: row; flex-wrap: nowrap;justify-content: space-between}
.navbox .nav li{ transition:all 0.8s ease; width:115px; height:106px; line-height:88px; font-size:18px; text-align:center; position:relative; float:left}
.navbox .nav li a{ color:#0B0B0D; font-size:18px; display:block; height:100%; cursor:pointer; transition:all 0.5s ease; }
.navbox .nav li:hover{ background:#eb8339;}
.navbox .nav li:hover a{ color:#fff; font-size:18px;}
.navbox .nav li.on{background:#eb8339;}
.navbox .nav li.on a{ color:#fff; font-size:18px; }
.banner_bt{ height:116px; position:relative;}
.banner_bt .left{ width:61.6%; float:left; height:116px; position:absolute; z-index:-1; left:0; background:#F3F3F3; top:0}
.banner_bt .right{ width:38.4%; float:left; height:116px; position:absolute; z-index:-1; right:0; background:#eb8339; top:0}
.banner_bt .left_txt{ width:68.2%; float:left; padding-top:26px;}
.banner_bt .left_txt h2{ line-height:40px; font-size:26px; color:#000; font-weight:bold; letter-spacing:2px;}
.banner_bt .left_txt h3{ line-height:38px; font-weight:normal; font-size:24px; color:#7d7d7d; font-family:"宋体"}
.banner_bt .right_txt{ width:31.8%; float:left}
.banner_bt .right_txt .tel{ width:350px; height:69px; margin-left:32px; padding-top:47px; line-height:66px; text-align:right; background:url(../images/tel_bg.jpg) no-repeat; font-size:36px; color:#fff}
.about_box{ height:510px; padding-top:60px; background:url(../images/about_bg.jpg) center no-repeat;  background-color: rgba(255, 255, 255, 0.8); max-width:1920px; margin:auto; overflow:hidden;box-sizing: border-box;}

.about_txt_box{ width:49.1%; float:left; height:505px;/* background:url(../images/about_txt_bg.png) right no-repeat */}
.about_txt_box .txt{ padding-top:170px; width:545px; float:right; line-height:30px; font-size:16px; text-indent:2em; margin-right:45px}
.about_txt_box .txt a{font-size:16px; color:#000}
.about_txt_box .txt img{display: none;}
.about_box .video{ width:50.9%; float:left;/* padding-top:75px; */}
.about_box .video .video_show{ width:100%; height:auto; overflow:hidden;  padding-bottom:2px; position:relative}
.about_box .video .video_show .button{ width:90px; height:90px; position:absolute; z-index:99; left:280px; top:32%; transition:all 0.5s ease; border-radius:50%; cursor:pointer;}
.about_box .video .video_show .button img{ width:auto; max-width:100%; height:auto;}
.about_box .video .video_show .button.start{ display:block}
.about_box .video .video_show .button.start:hover{ background:rgba(255,255,255,0.1);}
.about_box .video .video_show .button.stop{ display:none}
/**公司优势**/
.ys_box{ clear:both; height:600px; background:url(../images/ys_bg.jpg) center no-repeat; color:#fff}
.ys_box h2{ padding-top:41px; line-height:82px; text-align:center; font-size:44px}
.ys_box h3{ line-height:34px; text-align:center; font-size:18px; font-weight:normal}
.list_ys{ display:block; padding-top:31px; clear:both;}
.list_ys li{ width:292px; height:362px; float:left; margin-right:10px; border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px; background:#eb8339; position:relative; transition:all 0.5s ease; cursor:pointer;}
.list_ys li a{ color:#fff}
.list_ys li:last-child{ margin-right:0px}
.list_ys li .ico{ width:60px; height:60px; margin:auto; margin-top:43px; margin-bottom:30px;}
.list_ys li h3{ line-height:54px; text-align:center; font-size:34px;}
.list_ys li p{ line-height:36px; font-size:16px; padding:0px 18px; padding-top:9px}
.list_ys li .line{ width:48px; height:2px; line-height:2px; position:absolute; bottom:29px; left:50%; margin-left:-24px; background:#fff;transition:all 0.3s ease;}
.list_ys li:hover{ background:#2F2F2F;}
.list_ys li:hover .line{ bottom:36px;}
.index_product{ padding-top:61px; clear:both; margin-bottom: 60px;}
.index_title{ height:116px; margin-bottom:34px;}
.index_title .title{ width:500px; float:left}
.index_title .title .en{ line-height:55px; font-size:60px; font-family:"Haettenschweiler"; color:#eb8339}
.index_title .title .cn{ line-height:46px; font-size:36px; font-family:"heiticseg"; color:#000; }
.index_title .more{ width:103px; height:38px; text-align:center; line-height:38px; display:block; float:right; color:#fff; background:#eb8339; font-size:14px; cursor:pointer; cursor:pointer; margin-top:35px}
.product_scroll{ height:366px; position:relative; clear:both}
.product_scroll .bd li{ height:363px; float:left; width:380px; position:relative; margin-right:30px;}
.product_scroll .bd li .pic{ height:309px; border:1px solid #C9C9C9; overflow: hidden; display:flex;justify-content:center;align-items:center; text-align:center;}
.product_scroll .bd li .pic img{ width:auto; max-width:100%; height:auto}
.product_scroll .bd li .txt{ height:52px; line-height:52px; background:#eb8339; color:#fff; font-size:18px; padding-left:26px; position:relative; display:block} 
.product_scroll .bd li  a{ color:#fff; font-size:18px;}
.product_scroll .bd li .txt img{ position:absolute; right:23px; bottom:18px; transition:all 0.3s ease}
.product_scroll .bd li:hover .txt img{ bottom:22px;} 

.index_zizhi{ clear:both; padding-top:61px}
.zizhi_scroll{ height:490px; position:relative}
.index_zizhi .zizhi_scroll li{ height:450px; width:285px;  float:left; margin-right:10px; position:relative; margin-left:8px}
.index_zizhi .zizhi_scroll li .pic{ width:283px; height:379px; border:1px solid #E4E6E5; position:absolute; left:0; top:3px; transition:all 0.1s ease; display: -webkit-flex; /* Safari */display: flex;flex-direction: row; flex-wrap: nowrap;justify-content: space-between; text-align:center }
.index_zizhi .zizhi_scroll li .pic img{ width:auto; max-width:100%; height:auto;max-height: 100%;}
.index_zizhi .zizhi_scroll li .txt{ width:80%; height:50px; line-height:24px; position:absolute; left:0; bottom:3px; transition:all 0.3s ease; font-size:14px; color
:#333; padding-right:20%;}
.index_zizhi .zizhi_scroll li .txt .jt{ width:30px; height:8px; position:absolute; right:0; bottom:35px; z-index:9; background:url(../images/zizhi_jt_normal.jpg) no-repeat; transition:all 0.3s ease;}
.index_zizhi .zizhi_scroll li a{font-size:14px; color:#333; }
.index_zizhi .zizhi_scroll li:hover .txt{ color:#2A579A; bottom:0px}
.index_zizhi .zizhi_scroll li:hover .txt .jt{ background:url(../images/zizhi_jt_on.jpg); bottom:32px}
.index_zizhi .zizhi_scroll li:hover .pic{ width:285px; height:382px; border:3px solid #193B6B; top:0px; left:-3px; border-radius:5px}
.case_box{ height:710px; background:url(../images/index_case_bg.jpg) repeat-x}
.case_box .case_title{ height:148px; padding-top:36px; color:#fff; text-align:center;}
.case_box .case_title h2{ line-height:66px; font-size:36px}
.case_box .case_title h3{ line-height:32px; font-size:24px; font-weight:normal}
.poster-main {
  width: 1200px;
  height: 450px;
  position: relative;
  margin: 0 auto;
}

.poster-main a, .poster-main img { display: block; }
.poster-main img {}
.poster-main .poster-list {
  width: 1200px;
  height: 450px;
}

.poster-main .poster-list .poster-item {
  width: 200px;
  height: 400px;
  position: absolute;
  left: 0;
  top: 0;
}

/* .poster-main .poster-list .poster-item .posimg{ width: 100%; height: 400px; overflow: hidden;}
.poster-main .poster-list .poster-item .posimg img{ width: 100%; min-height: 100%; } */
.poster-main .poster-list .poster-item p{ height:58px; line-height:58px; background:#fff; box-shadow:0px 0px 10px #ccc; font-size:18px; padding-left:15px;color:#eb8339; }
/*.poster-main .poster-list .poster-item.addp p{ opacity:1}*/
.poster-main .poster-list .poster-item p span{ display:block; float:right; width:70px; height:24px; text-align:center; line-height:24px; background:#eb8339; color:#fff; font-size:12px; margin-top:18px; margin-right:17px; }
.poster-main .poster-btn {
  position: absolute;
  top: 0;
  z-index: 10;
  cursor: pointer;
}

.poster-main .poster-prev-btn {
  left: 0;
  background: url(../images/left.png) no-repeat center center;
}

.poster-main .poster-next-btn {
  right: 0;
  background: url(../images/right.png) no-repeat center center;
}
.news_box{ clear:both; padding-top:60px; height:auto; overflow:hidden; padding-bottom:50px}
.news_box .hd{ width:372px; height:36px; line-height:30px; float:right; background:url(../images/news_line.jpg) bottom repeat-x; margin-top:40px}
.news_box .hd li{ width:124px; float:left; height:36px; position:relative; line-height:26px; text-align:center; background:url(../images/i_line.jpg) right top no-repeat}
.news_box .hd li a{ color:#000}
.news_box .hd li:last-child{ background:none}
.news_box .hd li.on:after{ width:65px; height:4px; line-height:4px; position:absolute; bottom:0px; content:""; left:30px; z-index:9; background:#eb8339;}
.first_title{ width:564px; float:left; margin-right:38px; margin-top:20px}
.first_title .pic{ width:100%; height:370px;  display: -webkit-flex; /* Safari */display: flex;flex-direction: row; flex-wrap: nowrap;justify-content: space-between; text-align:center; border:1px solid #f5f5f5}
.first_title .pic img{ width:auto; max-width:100%; height:auto;}
.first_title .txt{ padding-top:15px;}
.first_title .txt .date{ width:94px; float:left; line-height:61px; font-size:28px; color:#8e8e8e;}
.first_title .txt .text{ width:470px; float:left;}
.first_title .txt .text h3{ line-height:46px; font-weight:normal; font-size:18px; color:#eb8339;}
.first_title .txt .text p{ line-height:28px; font-size:14px; color:#888888;}
.first_title .txt .text a h3{ font-size:18px; color:#eb8339;}
.first_title .txt .text a  p{font-size:14px; color:#888888;}
.index_news_list{ width:588px; float:left;}
.index_news_list dl dt{ line-height:44px; color:#333333; font-size:18px; font-weight:bold; transition:all 0.5s ease}
.index_news_list dl dt span{ float:right; margin-top:5px; color:#888888; font-size:16px; font-weight:normal;}
.index_news_list dl dt a{ color:#333333; font-size:18px}
.index_news_list dl dt b{ font-size:30px;}
.index_news_list dl:hover dt a{color:#eb8339; font-size:18px;}
.index_news_list dd{ width:576px; margin-left:11px; border-bottom:1px solid #999999; margin-bottom:13px; height:auto; overflow:hidden; padding-bottom:12px;}
.index_news_list dd .des{ width:475px; float:left; line-height:28px; color:#888888; font-size:14px;}
.index_news_list dd .jt{ width:40px; height:35px; float:left; margin-left:58px; border-left:2px solid #999999; margin-top:10px}
.index_news_list dd .jt img{ float:right; margin-top:15px;}
.sell_box{ height:681px; background:#F4F4F4 url(../images/sell_bg.png) bottom center  no-repeat; clear:both}
.sell_box .sell_txt{ width:320px; padding-top:72px;}
.sell_box .sell_txt .txt{ text-indent:2em; line-height:30px; font-size:18px; color:#666666;}
.sell_box .map{ float:right; margin-top:45px}
/**fooer **/
.footer_box{ height:385px; /* background:url(../images/footer_bg.jpg); */ background: #eb8339;  clear:both}
.footer_box .links{ padding-top:15px; border-bottom:1px solid #e76000; padding-bottom:10px;}
.footer_box .links .pic{ float:left; width:108px;margin-right:6px; height:100px;}
.footer_box .links  img{ }
.footer_box .links ul{ padding-top:10px}
.footer_box .links ul li{ display:inline-block; padding:0px 12px; border-right:1px solid #B1B8C0; line-height:18px;}
.footer_box .links ul li:last-child{ border-right:0px}
.links ul li a{ color:#D7D5D6; font-size:14px;}
.footer_area{ clear:both; padding-top:10px;}
.footer_area .footer_logo{ width:180px; float:left; margin-right:24px; text-align:center}
.footer_cent{ width:520px; height:96px; float:left; line-height:48px; position:relative; color:#fff; font-size:18px; padding-left:20px; margin-top:35px;}
.footer_cent:before{ position:absolute; height:55px; width:1px; left:0; content:""; height:55px; background:#fff; z-index:9; top:18px;}
.footer_tel{ width:406px; float:left; margin-left:48px; margin-top:54px; line-height:70px; text-align:right; font-size:30px; font-weight:bold; color:#fff}
.footer_tel img{ float:left; margin-right:25px; margin-top:12px}
.footer_nav{ padding-top:40px; line-height:34px; padding-bottom:6px; border-bottom:1px solid #e76000}
.footer_nav ul { display: -webkit-flex; /* Safari */display: flex;flex-direction: row; flex-wrap: nowrap;justify-content: space-between}
.footer_nav ul li{ width:109px; text-align:center}
.footer_nav ul li a{ color:#fff; font-size:16px}
.copy{ padding-top:11px;}
.copy a{ font-size:16px; color:#fff}
.copy p{ line-height:15px; font-size:16px; color:#fff}
.copy p span{ float:right}
.pic{ padding-top:0px}
 .swiper {
        width: 100%;
        height: 100%;
		position: relative;
      }
      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        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-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .swiper {
        margin-left: auto;
        margin-right: auto;
      }